You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
15741 lines
511 KiB
15741 lines
511 KiB
@charset "UTF-8";.noUi-target,.noUi-target *{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-ms-touch-action:none;touch-action:none;-ms-user-select:none;-moz-user-select:none;user-select:none;-moz-box-sizing:border-box;box-sizing:border-box}.noUi-target{position:relative}.noUi-base,.noUi-connects{width:100%;height:100%;position:relative;z-index:1}.noUi-connects{overflow:hidden;z-index:0}.noUi-connect,.noUi-origin{will-change:transform;position:absolute;z-index:1;top:0;right:0;height:100%;width:100%;-ms-transform-origin:0 0;-webkit-transform-origin:0 0;-webkit-transform-style:preserve-3d;transform-origin:0 0;transform-style:flat}.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin{left:0;right:auto}.noUi-vertical .noUi-origin{top:-100%;width:0}.noUi-horizontal .noUi-origin{height:0}.noUi-handle{-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute}.noUi-touch-area{height:100%;width:100%}.noUi-state-tap .noUi-connect,.noUi-state-tap .noUi-origin{-webkit-transition:transform .3s;transition:transform .3s}.noUi-state-drag *{cursor:inherit!important}.noUi-horizontal{height:18px}.noUi-horizontal .noUi-handle{width:34px;height:28px;right:-17px;top:-6px}.noUi-vertical{width:18px}.noUi-vertical .noUi-handle{width:28px;height:34px;right:-6px;bottom:-17px}.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle{left:-17px;right:auto}.noUi-target{background:#FAFAFA;border-radius:4px;border:1px solid #D3D3D3;box-shadow:inset 0 1px 1px #F0F0F0,0 3px 6px -5px #BBB}.noUi-connects{border-radius:3px}.noUi-connect{background:#3FB8AF}.noUi-draggable{cursor:ew-resize}.noUi-vertical .noUi-draggable{cursor:ns-resize}.noUi-handle{border:1px solid #D9D9D9;border-radius:3px;background:#FFF;cursor:default;box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #EBEBEB,0 3px 6px -3px #BBB}.noUi-active{box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #DDD,0 3px 6px -3px #BBB}.noUi-handle:after,.noUi-handle:before{content:"";display:block;position:absolute;height:14px;width:1px;background:#E8E7E6;left:14px;top:6px}.noUi-handle:after{left:17px}.noUi-vertical .noUi-handle:after,.noUi-vertical .noUi-handle:before{width:14px;height:1px;left:6px;top:14px}.noUi-vertical .noUi-handle:after{top:17px}[disabled] .noUi-connect{background:#B8B8B8}[disabled] .noUi-handle,[disabled].noUi-handle,[disabled].noUi-target{cursor:not-allowed}.noUi-pips,.noUi-pips *{-moz-box-sizing:border-box;box-sizing:border-box}.noUi-pips{position:absolute;color:#999}.noUi-value{position:absolute;white-space:nowrap;text-align:center}.noUi-value-sub{color:#ccc;font-size:10px}.noUi-marker{position:absolute;background:#CCC}.noUi-marker-sub{background:#AAA}.noUi-marker-large{background:#AAA}.noUi-pips-horizontal{padding:10px 0;height:80px;top:100%;left:0;width:100%}.noUi-value-horizontal{-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%)}.noUi-rtl .noUi-value-horizontal{-webkit-transform:translate(50%,50%);transform:translate(50%,50%)}.noUi-marker-horizontal.noUi-marker{margin-left:-1px;width:2px;height:5px}.noUi-marker-horizontal.noUi-marker-sub{height:10px}.noUi-marker-horizontal.noUi-marker-large{height:15px}.noUi-pips-vertical{padding:0 10px;height:100%;top:0;left:100%}.noUi-value-vertical{-webkit-transform:translate(0,-50%);transform:translate(0,-50%);padding-left:25px}.noUi-rtl .noUi-value-vertical{-webkit-transform:translate(0,50%);transform:translate(0,50%)}.noUi-marker-vertical.noUi-marker{width:5px;height:2px;margin-top:-1px}.noUi-marker-vertical.noUi-marker-sub{width:10px}.noUi-marker-vertical.noUi-marker-large{width:15px}.noUi-tooltip{display:block;position:absolute;border:1px solid #D9D9D9;border-radius:3px;background:#fff;color:#000;padding:5px;text-align:center;white-space:nowrap}.noUi-horizontal .noUi-tooltip{-webkit-transform:translate(-50%,0);transform:translate(-50%,0);left:50%;bottom:120%}.noUi-vertical .noUi-tooltip{-webkit-transform:translate(0,-50%);transform:translate(0,-50%);top:50%;right:120%}.noUi-horizontal .noUi-origin>.noUi-tooltip{-webkit-transform:translate(50%,0);transform:translate(50%,0);left:auto;bottom:10px}.noUi-vertical .noUi-origin>.noUi-tooltip{-webkit-transform:translate(0,-18px);transform:translate(0,-18px);top:auto;right:28px}
|
|
:root {
|
|
--tagify-dd-color-primary: rgb(53,149,246);
|
|
--tagify-dd-bg-color: white;
|
|
--tagify-dd-item-pad: .3em .5em;
|
|
}
|
|
|
|
.tagify {
|
|
--tags-disabled-bg: #F1F1F1;
|
|
--tags-border-color: #DDD;
|
|
--tags-hover-border-color: #CCC;
|
|
--tags-focus-border-color: #3595f6;
|
|
--tag-border-radius: 3px;
|
|
--tag-bg: #E5E5E5;
|
|
--tag-hover: #D3E2E2;
|
|
--tag-text-color: black;
|
|
--tag-text-color--edit: black;
|
|
--tag-pad: 0.3em 0.5em;
|
|
--tag-inset-shadow-size: 1.1em;
|
|
--tag-invalid-color: #D39494;
|
|
--tag-invalid-bg: rgba(211, 148, 148, 0.5);
|
|
--tag-remove-bg: rgba(211, 148, 148, 0.3);
|
|
--tag-remove-btn-color: black;
|
|
--tag-remove-btn-bg: none;
|
|
--tag-remove-btn-bg--hover: #c77777;
|
|
--input-color: inherit;
|
|
--tag--min-width: 1ch;
|
|
--tag--max-width: auto;
|
|
--tag-hide-transition: 0.3s;
|
|
--placeholder-color: rgba(0, 0, 0, 0.4);
|
|
--placeholder-color-focus: rgba(0, 0, 0, 0.25);
|
|
--loader-size: .8em;
|
|
--readonly-striped: 1;
|
|
display: inline-flex;
|
|
align-items: flex-start;
|
|
flex-wrap: wrap;
|
|
border: 1px solid var(--tags-border-color);
|
|
padding: 0;
|
|
line-height: 0;
|
|
cursor: text;
|
|
outline: none;
|
|
position: relative;
|
|
box-sizing: border-box;
|
|
transition: 0.1s;
|
|
}
|
|
@keyframes tags--bump {
|
|
30% {
|
|
transform: scale(1.2);
|
|
}
|
|
}
|
|
@keyframes rotateLoader {
|
|
to {
|
|
transform: rotate(1turn);
|
|
}
|
|
}
|
|
.tagify:hover:not(.tagify--focus):not(.tagify--invalid) {
|
|
--tags-border-color: var(--tags-hover-border-color);
|
|
}
|
|
.tagify[disabled] {
|
|
background: var(--tags-disabled-bg);
|
|
filter: saturate(0);
|
|
opacity: 0.5;
|
|
pointer-events: none;
|
|
}
|
|
.tagify[readonly].tagify--select, .tagify[disabled].tagify--select {
|
|
pointer-events: none;
|
|
}
|
|
.tagify[readonly]:not(.tagify--mix):not(.tagify--select), .tagify[disabled]:not(.tagify--mix):not(.tagify--select) {
|
|
cursor: default;
|
|
}
|
|
.tagify[readonly]:not(.tagify--mix):not(.tagify--select) > .tagify__input, .tagify[disabled]:not(.tagify--mix):not(.tagify--select) > .tagify__input {
|
|
visibility: hidden;
|
|
width: 0;
|
|
margin: 5px 0;
|
|
}
|
|
.tagify[readonly]:not(.tagify--mix):not(.tagify--select) .tagify__tag > div, .tagify[disabled]:not(.tagify--mix):not(.tagify--select) .tagify__tag > div {
|
|
padding: var(--tag-pad);
|
|
}
|
|
.tagify[readonly]:not(.tagify--mix):not(.tagify--select) .tagify__tag > div::before, .tagify[disabled]:not(.tagify--mix):not(.tagify--select) .tagify__tag > div::before {
|
|
animation: readonlyStyles 1s calc(-1s * (var(--readonly-striped) - 1)) paused;
|
|
}
|
|
@keyframes readonlyStyles {
|
|
0% {
|
|
background: linear-gradient(45deg, var(--tag-bg) 25%, transparent 25%, transparent 50%, var(--tag-bg) 50%, var(--tag-bg) 75%, transparent 75%, transparent) 0/5px 5px;
|
|
box-shadow: none;
|
|
filter: brightness(0.95);
|
|
}
|
|
}
|
|
.tagify[readonly] .tagify__tag__removeBtn, .tagify[disabled] .tagify__tag__removeBtn {
|
|
display: none;
|
|
}
|
|
.tagify--loading .tagify__input > br:last-child {
|
|
display: none;
|
|
}
|
|
.tagify--loading .tagify__input::before {
|
|
content: none;
|
|
}
|
|
.tagify--loading .tagify__input::after {
|
|
content: "";
|
|
vertical-align: middle;
|
|
opacity: 1;
|
|
width: 0.7em;
|
|
height: 0.7em;
|
|
width: var(--loader-size);
|
|
height: var(--loader-size);
|
|
min-width: 0;
|
|
border: 3px solid;
|
|
border-color: #EEE #BBB #888 transparent;
|
|
border-radius: 50%;
|
|
animation: rotateLoader 0.4s infinite linear;
|
|
content: "" !important;
|
|
margin: -2px 0 -2px 0.5em;
|
|
}
|
|
.tagify--loading .tagify__input:empty::after {
|
|
margin-left: 0;
|
|
}
|
|
.tagify + input,
|
|
.tagify + textarea {
|
|
position: absolute !important;
|
|
left: -9999em !important;
|
|
transform: scale(0) !important;
|
|
}
|
|
.tagify__tag {
|
|
display: inline-flex;
|
|
align-items: center;
|
|
margin: 5px 0 5px 5px;
|
|
position: relative;
|
|
z-index: 1;
|
|
outline: none;
|
|
line-height: normal;
|
|
cursor: default;
|
|
transition: 0.13s ease-out;
|
|
}
|
|
.tagify__tag > div {
|
|
vertical-align: top;
|
|
box-sizing: border-box;
|
|
max-width: 100%;
|
|
padding: var(--tag-pad);
|
|
color: var(--tag-text-color);
|
|
line-height: inherit;
|
|
border-radius: var(--tag-border-radius);
|
|
white-space: nowrap;
|
|
transition: 0.13s ease-out;
|
|
}
|
|
.tagify__tag > div > * {
|
|
white-space: pre-wrap;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
min-width: var(--tag--min-width);
|
|
max-width: var(--tag--max-width);
|
|
transition: 0.8s ease, 0.1s color;
|
|
}
|
|
.tagify__tag > div > *[contenteditable] {
|
|
outline: none;
|
|
user-select: text;
|
|
cursor: text;
|
|
margin: -2px;
|
|
padding: 2px;
|
|
max-width: 350px;
|
|
}
|
|
.tagify__tag > div::before {
|
|
content: "";
|
|
position: absolute;
|
|
border-radius: inherit;
|
|
inset: var(--tag-bg-inset, 0);
|
|
z-index: -1;
|
|
pointer-events: none;
|
|
transition: 120ms ease;
|
|
animation: tags--bump 0.3s ease-out 1;
|
|
box-shadow: 0 0 0 var(--tag-inset-shadow-size) var(--tag-bg) inset;
|
|
}
|
|
.tagify__tag:hover:not([readonly]) div::before, .tagify__tag:focus div::before {
|
|
--tag-bg-inset: -2.5px;
|
|
--tag-bg: var(--tag-hover);
|
|
}
|
|
.tagify__tag--loading {
|
|
pointer-events: none;
|
|
}
|
|
.tagify__tag--loading .tagify__tag__removeBtn {
|
|
display: none;
|
|
}
|
|
.tagify__tag--loading::after {
|
|
--loader-size: .4em;
|
|
content: "";
|
|
vertical-align: middle;
|
|
opacity: 1;
|
|
width: 0.7em;
|
|
height: 0.7em;
|
|
width: var(--loader-size);
|
|
height: var(--loader-size);
|
|
min-width: 0;
|
|
border: 3px solid;
|
|
border-color: #EEE #BBB #888 transparent;
|
|
border-radius: 50%;
|
|
animation: rotateLoader 0.4s infinite linear;
|
|
margin: 0 0.5em 0 -0.1em;
|
|
}
|
|
.tagify__tag--flash div::before {
|
|
animation: none;
|
|
}
|
|
.tagify__tag--hide {
|
|
width: 0 !important;
|
|
padding-left: 0;
|
|
padding-right: 0;
|
|
margin-left: 0;
|
|
margin-right: 0;
|
|
opacity: 0;
|
|
transform: scale(0);
|
|
transition: var(--tag-hide-transition);
|
|
pointer-events: none;
|
|
}
|
|
.tagify__tag--hide > div > * {
|
|
white-space: nowrap;
|
|
}
|
|
.tagify__tag.tagify--noAnim > div::before {
|
|
animation: none;
|
|
}
|
|
.tagify__tag.tagify--notAllowed:not(.tagify__tag--editable) div > span {
|
|
opacity: 0.5;
|
|
}
|
|
.tagify__tag.tagify--notAllowed:not(.tagify__tag--editable) div::before {
|
|
--tag-bg: var(--tag-invalid-bg);
|
|
transition: 0.2s;
|
|
}
|
|
.tagify__tag[readonly] .tagify__tag__removeBtn {
|
|
display: none;
|
|
}
|
|
.tagify__tag[readonly] > div::before {
|
|
animation: readonlyStyles 1s calc(-1s * (var(--readonly-striped) - 1)) paused;
|
|
}
|
|
@keyframes readonlyStyles {
|
|
0% {
|
|
background: linear-gradient(45deg, var(--tag-bg) 25%, transparent 25%, transparent 50%, var(--tag-bg) 50%, var(--tag-bg) 75%, transparent 75%, transparent) 0/5px 5px;
|
|
box-shadow: none;
|
|
filter: brightness(0.95);
|
|
}
|
|
}
|
|
.tagify__tag--editable > div {
|
|
color: var(--tag-text-color--edit);
|
|
}
|
|
.tagify__tag--editable > div::before {
|
|
box-shadow: 0 0 0 2px var(--tag-hover) inset !important;
|
|
}
|
|
.tagify__tag--editable > .tagify__tag__removeBtn {
|
|
pointer-events: none;
|
|
}
|
|
.tagify__tag--editable > .tagify__tag__removeBtn::after {
|
|
opacity: 0;
|
|
transform: translateX(100%) translateX(5px);
|
|
}
|
|
.tagify__tag--editable.tagify--invalid > div::before {
|
|
box-shadow: 0 0 0 2px var(--tag-invalid-color) inset !important;
|
|
}
|
|
.tagify__tag__removeBtn {
|
|
order: 5;
|
|
display: inline-flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
border-radius: 50px;
|
|
cursor: pointer;
|
|
font: 14px/1 Arial;
|
|
background: var(--tag-remove-btn-bg);
|
|
color: var(--tag-remove-btn-color);
|
|
width: 14px;
|
|
height: 14px;
|
|
margin-right: 4.6666666667px;
|
|
margin-left: auto;
|
|
overflow: hidden;
|
|
transition: 0.2s ease-out;
|
|
}
|
|
.tagify__tag__removeBtn::after {
|
|
content: "×";
|
|
transition: 0.3s, color 0s;
|
|
}
|
|
.tagify__tag__removeBtn:hover {
|
|
color: white;
|
|
background: var(--tag-remove-btn-bg--hover);
|
|
}
|
|
.tagify__tag__removeBtn:hover + div > span {
|
|
opacity: 0.5;
|
|
}
|
|
.tagify__tag__removeBtn:hover + div::before {
|
|
box-shadow: 0 0 0 var(--tag-inset-shadow-size) var(--tag-remove-bg, rgba(211, 148, 148, 0.3)) inset !important;
|
|
transition: box-shadow 0.2s;
|
|
}
|
|
.tagify:not(.tagify--mix) .tagify__input br {
|
|
display: none;
|
|
}
|
|
.tagify:not(.tagify--mix) .tagify__input * {
|
|
display: inline;
|
|
white-space: nowrap;
|
|
}
|
|
.tagify__input {
|
|
flex-grow: 1;
|
|
display: inline-block;
|
|
min-width: 110px;
|
|
margin: 5px;
|
|
padding: var(--tag-pad);
|
|
line-height: normal;
|
|
position: relative;
|
|
white-space: pre-wrap;
|
|
color: var(--input-color);
|
|
box-sizing: inherit;
|
|
/* Seems firefox newer versions don't need this any more
|
|
@supports ( -moz-appearance:none ){
|
|
&::before{
|
|
line-height: inherit;
|
|
position:relative;
|
|
}
|
|
}
|
|
*/
|
|
}
|
|
@-moz-document url-prefix() {}
|
|
.tagify__input:empty::before {
|
|
position: static;
|
|
}
|
|
.tagify__input:focus {
|
|
outline: none;
|
|
}
|
|
.tagify__input:focus::before {
|
|
transition: 0.2s ease-out;
|
|
opacity: 0;
|
|
transform: translatex(6px);
|
|
/* ALL MS BROWSERS: hide placeholder (on focus) otherwise the caret is placed after it, which is weird */
|
|
/* IE Edge 12+ CSS styles go here */
|
|
}
|
|
@supports (-ms-ime-align: auto) {
|
|
.tagify__input:focus::before {
|
|
display: none;
|
|
}
|
|
}
|
|
.tagify__input:focus:empty::before {
|
|
transition: 0.2s ease-out;
|
|
opacity: 1;
|
|
transform: none;
|
|
color: rgba(0, 0, 0, 0.25);
|
|
color: var(--placeholder-color-focus);
|
|
}
|
|
@-moz-document url-prefix() {
|
|
.tagify__input:focus:empty::after {
|
|
display: none;
|
|
}
|
|
}
|
|
.tagify__input::before {
|
|
content: attr(data-placeholder);
|
|
height: 1em;
|
|
line-height: 1em;
|
|
margin: auto 0;
|
|
z-index: 1;
|
|
color: var(--placeholder-color);
|
|
white-space: nowrap;
|
|
pointer-events: none;
|
|
opacity: 0;
|
|
position: absolute;
|
|
}
|
|
.tagify__input::after {
|
|
content: attr(data-suggest);
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
position: absolute;
|
|
min-width: calc(100% - 1.5em);
|
|
text-overflow: ellipsis;
|
|
overflow: hidden;
|
|
white-space: pre; /* allows spaces at the beginning */
|
|
color: var(--tag-text-color);
|
|
opacity: 0.3;
|
|
pointer-events: none;
|
|
max-width: 100px;
|
|
}
|
|
.tagify__input .tagify__tag {
|
|
margin: 0 1px;
|
|
}
|
|
.tagify--mix {
|
|
display: block;
|
|
}
|
|
.tagify--mix .tagify__input {
|
|
padding: 5px;
|
|
margin: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
line-height: 1.5;
|
|
display: block;
|
|
}
|
|
.tagify--mix .tagify__input::before {
|
|
height: auto;
|
|
display: none;
|
|
line-height: inherit;
|
|
}
|
|
.tagify--mix .tagify__input::after {
|
|
content: none;
|
|
}
|
|
.tagify--select::after {
|
|
content: ">";
|
|
opacity: 0.5;
|
|
position: absolute;
|
|
top: 50%;
|
|
right: 0;
|
|
bottom: 0;
|
|
font: 16px monospace;
|
|
line-height: 8px;
|
|
height: 8px;
|
|
pointer-events: none;
|
|
transform: translate(-150%, -50%) scaleX(1.2) rotate(90deg);
|
|
transition: 0.2s ease-in-out;
|
|
}
|
|
.tagify--select[aria-expanded=true]::after {
|
|
transform: translate(-150%, -50%) rotate(270deg) scaleY(1.2);
|
|
}
|
|
.tagify--select .tagify__tag {
|
|
position: absolute;
|
|
top: 0;
|
|
right: 1.8em;
|
|
bottom: 0;
|
|
}
|
|
.tagify--select .tagify__tag div {
|
|
display: none;
|
|
}
|
|
.tagify--select .tagify__input {
|
|
width: 100%;
|
|
}
|
|
.tagify--empty .tagify__input::before {
|
|
transition: 0.2s ease-out;
|
|
opacity: 1;
|
|
transform: none;
|
|
display: inline-block;
|
|
width: auto;
|
|
}
|
|
.tagify--mix .tagify--empty .tagify__input::before {
|
|
display: inline-block;
|
|
}
|
|
.tagify--focus {
|
|
--tags-border-color: var(--tags-focus-border-color);
|
|
transition: 0s;
|
|
}
|
|
.tagify--invalid {
|
|
--tags-border-color: #D39494;
|
|
}
|
|
.tagify__dropdown {
|
|
position: absolute;
|
|
z-index: 9999;
|
|
transform: translateY(1px);
|
|
overflow: hidden;
|
|
}
|
|
.tagify__dropdown[placement=top] {
|
|
margin-top: 0;
|
|
transform: translateY(-100%);
|
|
}
|
|
.tagify__dropdown[placement=top] .tagify__dropdown__wrapper {
|
|
border-top-width: 1.1px;
|
|
border-bottom-width: 0;
|
|
}
|
|
.tagify__dropdown[position=text] {
|
|
box-shadow: 0 0 0 3px rgba(var(--tagify-dd-color-primary), 0.1);
|
|
font-size: 0.9em;
|
|
}
|
|
.tagify__dropdown[position=text] .tagify__dropdown__wrapper {
|
|
border-width: 1px;
|
|
}
|
|
.tagify__dropdown__wrapper {
|
|
max-height: 300px;
|
|
overflow: auto;
|
|
overflow-x: hidden;
|
|
background: var(--tagify-dd-bg-color);
|
|
border: 1px solid;
|
|
border-color: var(--tagify-dd-color-primary);
|
|
border-bottom-width: 1.5px;
|
|
border-top-width: 0;
|
|
box-shadow: 0 2px 4px -2px rgba(0, 0, 0, 0.2);
|
|
transition: 0.25s cubic-bezier(0, 1, 0.5, 1);
|
|
}
|
|
.tagify__dropdown__header:empty {
|
|
display: none;
|
|
}
|
|
.tagify__dropdown__footer {
|
|
display: inline-block;
|
|
margin-top: 0.5em;
|
|
padding: var(--tagify-dd-item-pad);
|
|
font-size: 0.7em;
|
|
font-style: italic;
|
|
opacity: 0.5;
|
|
}
|
|
.tagify__dropdown__footer:empty {
|
|
display: none;
|
|
}
|
|
.tagify__dropdown--initial .tagify__dropdown__wrapper {
|
|
max-height: 20px;
|
|
transform: translateY(-1em);
|
|
}
|
|
.tagify__dropdown--initial[placement=top] .tagify__dropdown__wrapper {
|
|
transform: translateY(2em);
|
|
}
|
|
.tagify__dropdown__item {
|
|
box-sizing: border-box;
|
|
padding: var(--tagify-dd-item-pad);
|
|
margin: 1px;
|
|
cursor: pointer;
|
|
border-radius: 2px;
|
|
position: relative;
|
|
outline: none;
|
|
max-height: 60px;
|
|
max-width: 100%;
|
|
/* custom hidden transition effect is needed for horizontal-layout suggestions */
|
|
}
|
|
.tagify__dropdown__item--active {
|
|
background: var(--tagify-dd-color-primary);
|
|
color: white;
|
|
}
|
|
.tagify__dropdown__item:active {
|
|
filter: brightness(105%);
|
|
}
|
|
.tagify__dropdown__item--hidden {
|
|
padding-top: 0;
|
|
padding-bottom: 0;
|
|
margin: 0 1px;
|
|
pointer-events: none;
|
|
overflow: hidden;
|
|
max-height: 0;
|
|
transition: var(--tagify-dd-item--hidden-duration, 0.3s) !important;
|
|
}
|
|
.tagify__dropdown__item--hidden > * {
|
|
transform: translateY(-100%);
|
|
opacity: 0;
|
|
transition: inherit;
|
|
}
|
|
:root {
|
|
/** Font-size variables not defined by Foundry */
|
|
--font-size-5: 0.3125rem;
|
|
--font-size-8: 0.5rem;
|
|
--font-size-9: 0.5625rem;
|
|
--font-size-10: 0.625rem;
|
|
--font-size-15: 0.9375rem;
|
|
--font-size-17: 1.0625rem;
|
|
--font-size-19: 1.1875rem;
|
|
--font-size-21: 1.3125rem;
|
|
--font-size-22: 1.375rem;
|
|
--font-size-26: 1.625rem;
|
|
--font-size-30: 1.875rem;
|
|
--font-size-34: 2.125rem;
|
|
--font-size-36: 2.25rem;
|
|
--font-size-42: 2.625rem;
|
|
/** Font families */
|
|
--body-serif: Gelasio, Georgia, serif;
|
|
--sans-serif: Roboto, sans-serif;
|
|
--sans-serif-condensed: "Roboto Condensed", var(--sans-serif);
|
|
--sans-serif-monospace: "Roboto Mono", monospace;
|
|
--serif: Eczar, Georgia, serif;
|
|
--serif-condensed: "Modesto Condensed", serif;
|
|
--journal-cursive: "La Belle Aurore", cursive;
|
|
--journal-serif: "Vollkorn", var(--serif);
|
|
}
|
|
/* ----------------------------------------- */
|
|
/* Color definitions */
|
|
/* ----------------------------------------- */
|
|
/* Colors */
|
|
/* Global */
|
|
/* used for mini headers, alternate primary color */
|
|
/* compliments the primary color, usually used in combination */
|
|
/* for all other uses */
|
|
/* Lighter / Darker */
|
|
/* Text */
|
|
/* Damage */
|
|
/* ----------------------------------------- */
|
|
/* Color schemes */
|
|
/* ----------------------------------------- */
|
|
/* Proficiency ranks */
|
|
/* Rarities */
|
|
/* Degrees of success */
|
|
/* Value adjustments (e.g. weak/elite) */
|
|
/* ----------------------------------------- */
|
|
/* CSS Custom Properties */
|
|
/* ----------------------------------------- */
|
|
:root {
|
|
/* Global */
|
|
--primary: #5e0000;
|
|
--secondary: #171f69;
|
|
--tertiary: #E9D7A1;
|
|
--alt: #786452;
|
|
--alt-dark: #443730;
|
|
--bg: #F8F4F1;
|
|
--bg-dark: #e7d9cf;
|
|
--sub: #605856;
|
|
--color-disabled: #ababab;
|
|
--inline-link-bg: #ddd;
|
|
--inline-repost-bg: #eaeaea;
|
|
--visibility-gm-bg: #e8e8ef;
|
|
--visibility-owner-bg: #ddebe1;
|
|
--blind-roll: #f5eaf5;
|
|
/* Lighter / Darker */
|
|
--light: #910000;
|
|
--dark: #2b0000;
|
|
--tertiary-dark: #dfc578;
|
|
--tertiary-light: #f3e9ca;
|
|
/* Text */
|
|
--body: var(--text-dark);
|
|
--color-text-trait: #f5efe0;
|
|
--text-dark: #1C1C1C;
|
|
--text-light: white;
|
|
/* Borders */
|
|
--color-border-trait: #d8c384;
|
|
--color-border-divider: #baa991;
|
|
/* Headers w/ boxes */
|
|
--header-color: var(--text-light);
|
|
--header-bg: var(--secondary);
|
|
/* Sidebar */
|
|
--sidebar-label: var(--tertiary-dark);
|
|
--sidebar-title: var(--tertiary);
|
|
}
|
|
@keyframes fadein {
|
|
from {
|
|
opacity: 0;
|
|
}
|
|
to {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
/**
|
|
* Legacy is for the old css unrelated
|
|
* to the current design (crb-style).
|
|
* Only use the legacy folder if you need
|
|
* to make changes to the old css.
|
|
*
|
|
* If you're adding a new feature, put it
|
|
* in the appropriate folder in src/styles.
|
|
* Just make sure to update the relevant
|
|
* _index.scss so that it will get compiled.
|
|
*
|
|
*/
|
|
:root {
|
|
--primary-background:#454a7c;
|
|
--secondary-background:gray;
|
|
--tertiary-background:#454a7c;
|
|
--alternate-background:darkgray;
|
|
}
|
|
.tab[data-tab].active {
|
|
display: initial;
|
|
}
|
|
/* ----------------------------------------- */
|
|
/* Sheet Structure */
|
|
/* ----------------------------------------- */
|
|
.pf2e.actor .window-content {
|
|
padding: 5px;
|
|
font-size: var(--font-size-13);
|
|
overflow-y: hidden;
|
|
}
|
|
.pf2e.actor .sheet-header {
|
|
display: flex;
|
|
flex-direction: row;
|
|
flex-wrap: wrap;
|
|
justify-content: flex-start;
|
|
flex: 0 0 100%;
|
|
height: 48px;
|
|
}
|
|
.pf2e.actor .sheet-header > * {
|
|
flex: 1;
|
|
}
|
|
.pf2e.actor .sheet-header h1 {
|
|
margin: 0;
|
|
border: none;
|
|
}
|
|
.pf2e.actor .sheet-header h1 > input {
|
|
font-family: var(--serif-condensed);
|
|
font-weight: 700;
|
|
height: 40px;
|
|
width: 100%;
|
|
margin: 2px;
|
|
color: #444;
|
|
font-size: var(--font-size-36);
|
|
border: none;
|
|
}
|
|
.pf2e.actor .sheet-body {
|
|
height: calc(100% - 35px);
|
|
overflow: hidden;
|
|
display: flex;
|
|
flex-direction: column;
|
|
flex-wrap: nowrap;
|
|
}
|
|
.pf2e.actor form {
|
|
width: 100%;
|
|
height: 100%;
|
|
overflow: hidden;
|
|
}
|
|
.pf2e.actor form input[type=text], .pf2e.actor form input[type=number] {
|
|
width: calc(100% - 2px);
|
|
height: calc(100% - 2px);
|
|
background: none;
|
|
padding: 0;
|
|
margin: 1px 0;
|
|
color: #333;
|
|
border: 1px solid transparent;
|
|
}
|
|
.pf2e.actor form input[type=text]:hover:not(:disabled), .pf2e.actor form input[type=text]:focus, .pf2e.actor form input[type=number]:hover:not(:disabled), .pf2e.actor form input[type=number]:focus {
|
|
border: 1px solid black;
|
|
box-shadow: 0 0 10px #00005a;
|
|
}
|
|
.pf2e.actor form select {
|
|
font-size: var(--font-size-10);
|
|
height: 18px;
|
|
background: rgba(255, 255, 255, 0.5);
|
|
}
|
|
.pf2e.actor form label {
|
|
display: block;
|
|
}
|
|
.pf2e.actor form .mce-panel span {
|
|
display: inherit;
|
|
}
|
|
.pf2e.actor form.editable .rollable:hover {
|
|
color: #000;
|
|
text-shadow: 0 0 10px #00005a;
|
|
cursor: pointer;
|
|
}
|
|
.pf2e.actor form .sheet-tabs {
|
|
font-weight: 500;
|
|
height: 30px;
|
|
}
|
|
.pf2e.actor form .sheet-tabs > .list-row {
|
|
line-height: 24px;
|
|
padding-top: 3px;
|
|
font-size: var(--font-size-12);
|
|
text-align: center;
|
|
}
|
|
.pf2e.actor form .sheet-tabs > .list-row:last-of-type {
|
|
padding-right: 4px;
|
|
}
|
|
.pf2e.actor form .sheet-tabs > .list-row.active {
|
|
color: #000;
|
|
font-weight: 700;
|
|
}
|
|
.pf2e.actor form .tab {
|
|
flex: 1;
|
|
overflow: hidden;
|
|
}
|
|
.pf2e.actor form .tag-legacy {
|
|
float: left;
|
|
margin: 0 2px 2px 0;
|
|
padding: 0 3px;
|
|
font-size: var(--font-size-10);
|
|
line-height: 16px;
|
|
border: 1px solid #999;
|
|
border-radius: 3px;
|
|
white-space: normal;
|
|
font-weight: 500;
|
|
}
|
|
/* ---------------------------------------- */
|
|
/* Actor Sheet */
|
|
/* ---------------------------------------- */
|
|
.pf2e.actor {
|
|
min-width: 650px;
|
|
min-height: 450px;
|
|
}
|
|
.pf2e.actor .sidebar {
|
|
float: left;
|
|
width: 220px;
|
|
}
|
|
.pf2e.actor .content {
|
|
float: right;
|
|
width: calc(100% - 220px);
|
|
}
|
|
.pf2e.actor .floatright {
|
|
float: right;
|
|
}
|
|
.pf2e.actor .sheet-upper {
|
|
height: 268px;
|
|
}
|
|
.pf2e.actor .sheet-upper .sheet-header {
|
|
height: 48px;
|
|
}
|
|
.pf2e.actor .sheet-upper .sheet-profile, .pf2e.actor .sheet-upper .sheet-showcase {
|
|
height: 220px;
|
|
}
|
|
.pf2e.actor .sheet-navigation {
|
|
height: 32px;
|
|
/* width: 100%;
|
|
*/
|
|
float: right;
|
|
width: calc(100% - 220px);
|
|
}
|
|
.pf2e.actor .sheet-lower {
|
|
width: 100%;
|
|
height: calc(100% - 48px);
|
|
}
|
|
.pf2e.actor .sheet-lower .sheet-content {
|
|
height: calc(100% - 32px);
|
|
}
|
|
.pf2e.actor .sheet-sidebar {
|
|
height: calc(100% - 48px);
|
|
display: flex;
|
|
flex-direction: column;
|
|
flex-wrap: nowrap;
|
|
overflow-x: hidden;
|
|
overflow-y: auto;
|
|
}
|
|
.pf2e.actor .sheet-sidebar > * {
|
|
flex: 1;
|
|
}
|
|
.pf2e.actor .sheet-sidebar .sidebar-summary {
|
|
overflow-y: hidden;
|
|
}
|
|
.pf2e.actor.npc-sheet .sheet-upper {
|
|
height: 220px;
|
|
}
|
|
.pf2e.actor.npc-sheet .sheet-upper .sheet-showcase {
|
|
height: 172px;
|
|
}
|
|
.pf2e.actor.npc-sheet .sheet-lower {
|
|
height: calc(100% - 220px - 32px);
|
|
}
|
|
.pf2e.actor.npc-sheet section.sheet-body {
|
|
height: calc(100% - 48px);
|
|
}
|
|
.pf2e.actor .sheet-navigation {
|
|
border-top: 1px solid var(--secondary-background);
|
|
border-bottom: 1px solid var(--primary-background);
|
|
}
|
|
.pf2e.actor .sheet-navigation .sheet-tabs > .list-row {
|
|
border-radius: 5px 5px 0 0;
|
|
}
|
|
.pf2e.actor .sheet-navigation .sheet-tabs > .list-row.active {
|
|
border: 1px solid #666;
|
|
border-bottom: none;
|
|
/* box-shadow: 0 0 10px inset #ff6400;
|
|
*/
|
|
background: var(--primary-background);
|
|
color: #fff;
|
|
text-shadow: none;
|
|
}
|
|
.pf2e.actor .sheet-header {
|
|
border-bottom: 1px solid var(--primary-background);
|
|
}
|
|
.pf2e.actor .sheet-header h1 {
|
|
margin: 0;
|
|
border: none;
|
|
}
|
|
.pf2e.actor .sheet-header h1.charname {
|
|
flex-basis: 50%;
|
|
}
|
|
.pf2e.actor .sheet-header .editsheet {
|
|
flex: 3;
|
|
font-size: 0.625rem;
|
|
text-align: center;
|
|
margin-top: 3px;
|
|
}
|
|
.pf2e.actor .sheet-header .charlevel {
|
|
flex: 0 0 150px;
|
|
display: flex;
|
|
align-items: center;
|
|
text-align: right;
|
|
}
|
|
.pf2e.actor .sheet-header .charlevel > * {
|
|
flex: 1;
|
|
}
|
|
.pf2e.actor .sheet-header .charlevel .level {
|
|
font-family: var(--serif-condensed);
|
|
font-weight: 700;
|
|
align-items: center;
|
|
color: #444;
|
|
display: flex;
|
|
justify-content: end;
|
|
}
|
|
.pf2e.actor .sheet-header .charlevel .level input {
|
|
flex-basis: 1.5rem;
|
|
margin-left: 0.1em;
|
|
text-align: center;
|
|
}
|
|
.pf2e.actor .sheet-header .charlevel .xpbar {
|
|
width: 100%;
|
|
flex: 0 0 8px;
|
|
background: #666;
|
|
border: 1px solid #000;
|
|
border-radius: 3px;
|
|
}
|
|
.pf2e.actor .sheet-header .charlevel .xpbar .bar {
|
|
height: 4px;
|
|
margin: 1px;
|
|
display: block;
|
|
background: #afebff;
|
|
border: 1px solid #000;
|
|
border-radius: 2px;
|
|
}
|
|
.pf2e.actor .sheet-header .charlevel .experience {
|
|
flex: 0 0 16px;
|
|
display: flex;
|
|
flex-direction: row;
|
|
flex-wrap: wrap;
|
|
justify-content: flex-start;
|
|
justify-content: flex-end;
|
|
}
|
|
.pf2e.actor .sheet-header .charlevel .experience > * {
|
|
flex: 1;
|
|
}
|
|
.pf2e.actor .sheet-header .charlevel .experience > input[type=text], .pf2e.actor .sheet-header .charlevel .experience > input[type=number] {
|
|
flex: 1;
|
|
text-align: right;
|
|
height: 16px;
|
|
}
|
|
.pf2e.actor .primary-attributes {
|
|
height: 80px;
|
|
width: 100%;
|
|
display: flex;
|
|
flex-direction: row;
|
|
flex-wrap: wrap;
|
|
justify-content: flex-start;
|
|
border-bottom: 1px solid var(--secondary-background);
|
|
}
|
|
.pf2e.actor .primary-attributes > * {
|
|
flex: 1;
|
|
}
|
|
.pf2e.actor .primary-attributes .attribute {
|
|
flex: 0 0 25%;
|
|
height: 79px;
|
|
padding: 4px;
|
|
border-right: 1px solid var(--secondary-background);
|
|
}
|
|
.pf2e.actor .primary-attributes .attribute:last-child {
|
|
margin-right: 0;
|
|
border-right: none;
|
|
}
|
|
.pf2e.actor .primary-attributes .attribute .attribute-name {
|
|
font-family: var(--serif-condensed);
|
|
font-weight: 700;
|
|
position: relative;
|
|
height: 22px;
|
|
margin: 0 0 2px;
|
|
line-height: 22px;
|
|
font-size: var(--font-size-18);
|
|
color: #444;
|
|
text-align: center;
|
|
border-bottom: 1px solid var(--secondary-background);
|
|
}
|
|
.pf2e.actor .primary-attributes .attribute .attribute-name .npc-roll-hp {
|
|
position: absolute;
|
|
right: 2px;
|
|
}
|
|
.pf2e.actor .primary-attributes .attribute .attribute-value {
|
|
font-family: var(--serif-condensed);
|
|
font-weight: 700;
|
|
display: flex;
|
|
flex-direction: row;
|
|
flex-wrap: wrap;
|
|
justify-content: flex-start;
|
|
height: 32px;
|
|
color: #444;
|
|
font-size: var(--font-size-20);
|
|
line-height: 32px;
|
|
text-align: center;
|
|
}
|
|
.pf2e.actor .primary-attributes .attribute .attribute-value > * {
|
|
flex: 1;
|
|
}
|
|
.pf2e.actor .primary-attributes .attribute .attribute-footer {
|
|
height: 16px;
|
|
text-align: center;
|
|
}
|
|
.pf2e.actor .primary-attributes .attribute .attribute-footer span {
|
|
display: inline-block;
|
|
}
|
|
.pf2e.actor .primary-attributes .attribute .attribute-footer input {
|
|
max-width: 24px;
|
|
}
|
|
.pf2e.actor .primary-attributes .attribute .attribute-footer input.temphp {
|
|
max-width: 45%;
|
|
}
|
|
.pf2e.actor .primary-attributes .attribute .attribute-footer input.hit-dice {
|
|
min-width: 16px;
|
|
max-width: 16px;
|
|
text-align: right;
|
|
}
|
|
.pf2e.actor .primary-attributes .attribute .attribute-footer input[name="system.attributes.speed.value"] {
|
|
max-width: none;
|
|
text-align: left;
|
|
}
|
|
.pf2e.actor .primary-attributes .attribute .attribute-footer input.speed, .pf2e.actor .primary-attributes .attribute .attribute-footer input.hpformula {
|
|
max-width: 90%;
|
|
}
|
|
.pf2e.actor .primary-attributes .attribute .attribute-footer.recharge input[type=checkbox] {
|
|
margin: 1px;
|
|
}
|
|
.pf2e.actor .statuses {
|
|
width: 100%;
|
|
height: 30px;
|
|
margin: 0;
|
|
display: flex;
|
|
flex-direction: row;
|
|
flex-wrap: wrap;
|
|
justify-content: flex-start;
|
|
}
|
|
.pf2e.actor .statuses > * {
|
|
flex: 1;
|
|
}
|
|
.pf2e.actor .statuses .status {
|
|
line-height: 30px;
|
|
padding: 0 6px;
|
|
border-right: 1px solid var(--secondary-background);
|
|
font-size: var(--font-size-14);
|
|
display: flex;
|
|
flex-direction: row;
|
|
flex-wrap: wrap;
|
|
justify-content: flex-start;
|
|
}
|
|
.pf2e.actor .statuses .status > * {
|
|
flex: 1;
|
|
}
|
|
.pf2e.actor .statuses .status.death {
|
|
flex: 0 0 50%;
|
|
}
|
|
.pf2e.actor .statuses .status:last-child {
|
|
border-right: none;
|
|
}
|
|
.pf2e.actor .statuses .status h4 {
|
|
font-family: var(--serif-condensed);
|
|
font-weight: 700;
|
|
flex: 1;
|
|
margin: 0;
|
|
font-size: var(--font-size-18);
|
|
color: #444;
|
|
}
|
|
.pf2e.actor .statuses .status .status-value {
|
|
flex: none;
|
|
}
|
|
.pf2e.actor .statuses .status .status-value > * {
|
|
display: inline-block;
|
|
margin-right: 5px;
|
|
}
|
|
.pf2e.actor .statuses .status .status-value > input[type=text], .pf2e.actor .statuses .status .status-value > input[type=number] {
|
|
height: 20px;
|
|
max-width: 20px;
|
|
margin: 0;
|
|
}
|
|
.pf2e.actor .statuses .status .status-value > input[type=checkbox] {
|
|
position: relative;
|
|
top: 2px;
|
|
}
|
|
.pf2e.actor img.sheet-profile {
|
|
/* border: none;
|
|
*/
|
|
border: 1px solid var(--secondary-background);
|
|
object-fit: contain;
|
|
}
|
|
.pf2e.actor .sheet-sidebar {
|
|
border-right: 1px solid var(--primary-background);
|
|
}
|
|
.pf2e.actor .sheet-sidebar .tab {
|
|
height: 100%;
|
|
padding-top: 2px;
|
|
overflow-y: auto;
|
|
}
|
|
.pf2e.actor .abilities .ac-list {
|
|
display: grid;
|
|
grid: "score items" 38px "score items" 38px/73px auto;
|
|
margin: unset;
|
|
padding: unset;
|
|
background: var(--secondary-background);
|
|
}
|
|
.pf2e.actor .abilities .ac-grid {
|
|
display: grid;
|
|
grid: "item item item" 32px/33% 33% 33%;
|
|
margin: unset;
|
|
margin-top: 1px;
|
|
padding: unset;
|
|
background: var(--secondary-background);
|
|
height: 32px;
|
|
}
|
|
.pf2e.actor .abilities .ac-list .ac-value {
|
|
height: 16px;
|
|
font-size: var(--font-size-12);
|
|
width: 46px;
|
|
}
|
|
.pf2e.actor .abilities .ac-list .ac-item {
|
|
height: 13px;
|
|
font-size: var(--font-size-11);
|
|
width: 46px;
|
|
}
|
|
.pf2e.actor .abilities .shield-value {
|
|
grid-row-start: 1;
|
|
grid-row-end: 3;
|
|
grid-column-start: 1;
|
|
grid-column-end: 2;
|
|
align-self: end;
|
|
justify-self: end;
|
|
height: 26px;
|
|
width: 26px;
|
|
background: #fff;
|
|
border: 1px solid;
|
|
font-size: var(--font-size-22);
|
|
text-align: center;
|
|
border-radius: 14px;
|
|
margin-right: 2px;
|
|
margin-bottom: 2px;
|
|
}
|
|
.pf2e.actor .bio-container {
|
|
display: grid;
|
|
grid: "image bio" 220px/220px auto;
|
|
margin: unset;
|
|
padding: unset;
|
|
}
|
|
.pf2e.actor .biography .sheet-profile {
|
|
grid-area: image;
|
|
}
|
|
.pf2e.actor .biography .bio-list {
|
|
grid-area: bio;
|
|
display: grid;
|
|
grid: "bio" 40px/auto auto;
|
|
grid-auto-rows: 40px;
|
|
margin: unset;
|
|
padding: unset;
|
|
background: var(--secondary-background);
|
|
}
|
|
.pf2e.actor .biography .bio-3way {
|
|
display: grid;
|
|
grid: "bio" 40px/33% 33% 33%;
|
|
grid-auto-rows: 40px;
|
|
margin: unset;
|
|
padding: unset;
|
|
background: var(--secondary-background);
|
|
}
|
|
.pf2e.actor .abilities .bio-list {
|
|
grid-area: bio;
|
|
display: grid;
|
|
grid: "bio" 40px/102px auto;
|
|
grid-auto-rows: 40px;
|
|
margin: unset;
|
|
padding: unset;
|
|
height: 32px;
|
|
background: var(--secondary-background);
|
|
margin-top: 3px;
|
|
margin-bottom: 8px;
|
|
}
|
|
.pf2e.actor .abilities .bio-list .npc-bio-item {
|
|
width: 100px;
|
|
}
|
|
.pf2e.actor .biography .bio-3way > * {
|
|
width: 125px;
|
|
}
|
|
.pf2e.actor .biography .bio-list > * {
|
|
width: 94px;
|
|
}
|
|
.pf2e.actor .biography .bio-list .bio-appearance, .pf2e.actor .biography .bio-list .bio-attitude {
|
|
grid-column-start: 1;
|
|
grid-column-end: 3;
|
|
width: 170px;
|
|
}
|
|
.pf2e.actor .biography .bio-list .bio-appearance > input, .pf2e.actor .biography .bio-list .bio-attitude > input {
|
|
text-align: start;
|
|
word-break: break-all;
|
|
}
|
|
.pf2e.actor .biography .editor {
|
|
grid-row-start: 2;
|
|
grid-row-end: 3;
|
|
grid-column-start: 1;
|
|
grid-column-end: 3;
|
|
height: 230px;
|
|
padding-left: 8px;
|
|
}
|
|
.pf2e.actor .list-row .skill-input > input {
|
|
font-family: var(--serif-condensed);
|
|
font-weight: 700;
|
|
width: 22px;
|
|
height: 22px;
|
|
margin: 1px;
|
|
font-size: var(--font-size-20);
|
|
text-align: center;
|
|
background: #fff;
|
|
border: 1px solid;
|
|
}
|
|
.pf2e.actor .abilities .defense {
|
|
grid-row-start: auto;
|
|
align-self: center;
|
|
display: grid;
|
|
grid: "score name rank item" 32px/34px auto 52px 52px;
|
|
background: var(--secondary-background);
|
|
margin-right: 4px;
|
|
}
|
|
.pf2e.actor .abilities .defense .save-name, .pf2e.actor .abilities .defense .attribute-name, .pf2e.actor .abilities .defense .attribute-name-non-rollable {
|
|
grid-area: auto;
|
|
margin: 0;
|
|
background: var(--secondary-background);
|
|
color: white;
|
|
align-self: center;
|
|
font-size: var(--font-size-15);
|
|
}
|
|
.pf2e.actor .abilities .defense .defense-score {
|
|
font-family: var(--serif-condensed);
|
|
font-weight: 700;
|
|
grid-area: auto;
|
|
font-size: var(--font-size-28);
|
|
text-align: center;
|
|
background: var(--secondary-background);
|
|
color: white;
|
|
}
|
|
.pf2e.actor .abilities .defense .defense-score > input {
|
|
font-family: var(--serif-condensed);
|
|
font-weight: 700;
|
|
width: 30px;
|
|
height: 30px;
|
|
margin: 3px;
|
|
font-size: var(--font-size-28);
|
|
text-align: center;
|
|
background: #fff;
|
|
border: 1px solid;
|
|
}
|
|
.pf2e.actor .abilities .defense .proficiency-name {
|
|
grid-area: auto;
|
|
font-size: var(--font-size-11);
|
|
height: 13px;
|
|
}
|
|
.pf2e.actor .abilities .defense .proficiency-rank {
|
|
letter-spacing: -3px;
|
|
grid-area: auto;
|
|
height: 16px;
|
|
font-size: var(--font-size-12);
|
|
}
|
|
.pf2e.actor .npc-abilities .ability-title, .pf2e.actor .abilities .ability-title {
|
|
font-family: var(--serif-condensed);
|
|
font-weight: 700;
|
|
flex: 0 0 24px;
|
|
font-size: var(--font-size-24);
|
|
line-height: 24px;
|
|
color: #fff;
|
|
background: var(--primary-background);
|
|
text-align: center;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
.pf2e.actor .npc-abilities .abilities-list {
|
|
display: grid;
|
|
grid: 38px 38px/33.3% 33.3% 33.3%;
|
|
grid-auto-rows: 54px;
|
|
list-style: none;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
.pf2e.actor .npc-abilities .ability {
|
|
grid-row-start: auto;
|
|
display: grid;
|
|
grid: [row1-start] "id" 26px [row1-end] [row2-start] "mod" 26px [row2-end]/100%;
|
|
height: 26px;
|
|
line-height: 26px;
|
|
}
|
|
.pf2e.actor .npc-abilities .ability .ability-score {
|
|
grid-area: score;
|
|
align-self: center;
|
|
justify-self: right;
|
|
flex: 0 0 26px;
|
|
height: 26px;
|
|
}
|
|
.pf2e.actor .npc-abilities .ability .ability-mod {
|
|
font-family: var(--serif-condensed);
|
|
font-weight: 700;
|
|
flex: 0 0 24px;
|
|
font-size: var(--font-size-24);
|
|
line-height: 26px;
|
|
color: #666;
|
|
text-align: center;
|
|
}
|
|
.pf2e.actor .npc-abilities .ability .ability-mod .ability-input {
|
|
font-family: var(--serif-condensed);
|
|
font-weight: 700;
|
|
width: 30px;
|
|
height: 30px;
|
|
margin: 3px;
|
|
font-size: var(--font-size-28);
|
|
text-align: center;
|
|
background: #fff;
|
|
border: 1px solid;
|
|
border-radius: 4px;
|
|
margin-left: 18px;
|
|
}
|
|
.pf2e.actor .npc-abilities .ability .ability-name {
|
|
margin: 2px;
|
|
}
|
|
.pf2e.actor .abilities .abilities-list {
|
|
display: grid;
|
|
grid: "ability ability" 50px/50%;
|
|
grid-auto-rows: 50px;
|
|
list-style: none;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
.pf2e.actor .abilities .ability {
|
|
grid-row-start: auto;
|
|
display: grid;
|
|
grid: [row1-start] "header header header header" 16px [row1-end] [row2-start] "id mod score blank" 26px [row2-end]/46% 31% 18% 5%;
|
|
height: 36px;
|
|
line-height: 36px;
|
|
}
|
|
.pf2e.actor .npc-abilities .ability > *, .pf2e.actor .abilities .ability > * {
|
|
flex: 1;
|
|
align-self: center;
|
|
}
|
|
.pf2e.actor .npc-abilities .ability .ability-proficiency, .pf2e.actor .abilities .ability .ability-proficiency {
|
|
flex: 0 0 20px;
|
|
height: 100%;
|
|
text-align: left;
|
|
padding-left: 3px;
|
|
}
|
|
.pf2e.actor .npc-abilities .ability .ability-proficiency i.fa-circle, .pf2e.actor .abilities .ability .ability-proficiency i.fa-circle {
|
|
font-size: var(--font-size-10);
|
|
}
|
|
.pf2e.actor .npc-abilities .ability .ability-name {
|
|
grid-area: header;
|
|
font-size: var(--font-size-12);
|
|
color: #444;
|
|
margin: 0;
|
|
}
|
|
.pf2e.actor .abilities .ability .ability-name {
|
|
grid-area: header;
|
|
font-size: var(--font-size-12);
|
|
color: #444;
|
|
margin: 0;
|
|
}
|
|
.pf2e.actor .abilities .ability .ability-score {
|
|
grid-area: score;
|
|
align-self: center;
|
|
justify-self: right;
|
|
flex: 0 0 36px;
|
|
height: 36px;
|
|
}
|
|
.pf2e.actor .npc-abilities .ability .ability-score > input {
|
|
width: 20px;
|
|
height: 20px;
|
|
margin: 3px;
|
|
font-size: var(--font-size-12);
|
|
color: #444;
|
|
text-align: center;
|
|
background: #fff;
|
|
border: 1px solid;
|
|
}
|
|
.pf2e.actor .abilities .ability .ability-score > input {
|
|
width: 20px;
|
|
height: 20px;
|
|
margin: 3px;
|
|
font-size: var(--font-size-12);
|
|
color: #444;
|
|
text-align: center;
|
|
background: #fff;
|
|
border: 1px solid;
|
|
}
|
|
.pf2e.actor .abilities .ability .ability-mod {
|
|
font-family: var(--serif-condensed);
|
|
font-weight: 700;
|
|
flex: 0 0 24px;
|
|
font-size: var(--font-size-24);
|
|
line-height: 36px;
|
|
color: #666;
|
|
text-align: center;
|
|
}
|
|
.pf2e.actor .npc-abilities .npc-defense .ability-name, .pf2e.actor .abilities .ability .ability-id {
|
|
font-family: var(--serif-condensed);
|
|
font-weight: 700;
|
|
flex: 0 0 24px;
|
|
font-size: var(--font-size-32);
|
|
background: var(--secondary-background);
|
|
border-radius: 8px;
|
|
line-height: 28px;
|
|
color: #fff;
|
|
text-align: center;
|
|
}
|
|
.pf2e.actor .npc-abilities .ability .ability-mod, .pf2e.actor .abilities .ability .ability-mod {
|
|
grid-area: mod;
|
|
align-self: center;
|
|
}
|
|
.pf2e.actor .npc-abilities .ability .ability-name, .pf2e.actor .abilities .ability .ability-id {
|
|
grid-area: id;
|
|
align-self: center;
|
|
}
|
|
.pf2e.actor .class-levels {
|
|
margin: 0 5px 0 0;
|
|
height: 156px;
|
|
overflow: hidden;
|
|
}
|
|
.pf2e.actor .class-levels .class-header {
|
|
line-height: 20px;
|
|
position: relative;
|
|
margin: 3px 0 1px;
|
|
}
|
|
.pf2e.actor .class-levels .class-header h3 {
|
|
font-family: var(--serif-condensed);
|
|
font-weight: 700;
|
|
text-align: center;
|
|
color: #444;
|
|
font-size: var(--font-size-18);
|
|
color: #222;
|
|
margin: 0;
|
|
}
|
|
.pf2e.actor .class-levels .class-header a.item-create {
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
font-size: var(--font-size-11);
|
|
color: #666;
|
|
}
|
|
.pf2e.actor .class-levels .class-list {
|
|
overflow-y: hidden;
|
|
}
|
|
.pf2e.actor .class-levels .class-list .list-row {
|
|
height: 44px;
|
|
background: rgba(0, 0, 0, 0.03);
|
|
padding: 2px;
|
|
border: 1px solid var(--secondary-background);
|
|
border-radius: 2px;
|
|
margin-bottom: 2px;
|
|
}
|
|
.pf2e.actor .class-levels .class-list .list-row h4, .pf2e.actor .class-levels .class-list .list-row h5 {
|
|
width: calc(100% - 44px);
|
|
float: left;
|
|
margin: 0;
|
|
line-height: 20px;
|
|
font-weight: strong;
|
|
}
|
|
.pf2e.actor .class-levels .class-list .list-row .item-header {
|
|
flex: 0 0 100%;
|
|
height: 20px;
|
|
}
|
|
.pf2e.actor .class-levels .class-list .list-row .item-header .class-levels {
|
|
font-family: var(--serif-condensed);
|
|
font-weight: 700;
|
|
width: 44px;
|
|
height: 100%;
|
|
float: right;
|
|
margin: 0;
|
|
font-size: var(--font-size-10);
|
|
text-align: right;
|
|
font-size: var(--font-size-18);
|
|
color: #222;
|
|
}
|
|
.pf2e.actor .class-levels .class-list .list-row .class-subclass {
|
|
flex: 0 0 100%;
|
|
height: 20px;
|
|
}
|
|
.pf2e.actor .class-levels .class-list .list-row .class-subclass .item-controls {
|
|
width: 44px;
|
|
float: right;
|
|
}
|
|
.pf2e.actor .class-levels .class-list .list-row .class-subclass .item-controls a {
|
|
text-align: right;
|
|
}
|
|
.pf2e.actor .skills .skills-list {
|
|
margin: 0;
|
|
padding: 0;
|
|
display: grid;
|
|
grid: "skill skill" 36px/50% 50%;
|
|
grid-auto-rows: 36px;
|
|
}
|
|
.pf2e.actor .pf-three-grid {
|
|
grid-area: auto;
|
|
display: grid;
|
|
grid: "one two three" 100%/auto 90px 20px;
|
|
}
|
|
.pf2e.actor .pf-two-grid {
|
|
grid-area: auto;
|
|
display: grid;
|
|
grid: "one two" 100%/auto 90px;
|
|
}
|
|
.pf2e.actor .pf-justify-center {
|
|
justify-self: center;
|
|
}
|
|
.pf2e.actor .skills .martial {
|
|
grid-area: auto;
|
|
display: grid;
|
|
grid: "name rank space" 100%/auto 46px 20px;
|
|
}
|
|
.pf2e.actor .skills .skill {
|
|
grid-area: auto;
|
|
display: grid;
|
|
grid: "value name rank item armor" 100%/35px auto 46px 46px 20px;
|
|
}
|
|
.pf2e.actor .skill-container .item-item {
|
|
height: 16px;
|
|
margin-top: 2px;
|
|
font-size: var(--font-size-12);
|
|
}
|
|
.pf2e.actor .skills .skill-container {
|
|
display: grid;
|
|
grid: "title" 12px "value" 18px/auto;
|
|
background: var(--secondary-background);
|
|
height: 32px;
|
|
align-self: center;
|
|
}
|
|
.pf2e.actor .skills .skill-container .skill-proficiency {
|
|
font-size: var(--font-size-12);
|
|
}
|
|
.pf2e.actor .skills .skill-container > * {
|
|
width: 43px;
|
|
}
|
|
.pf2e.actor .skills .skill > *, .pf2e.actor .skills .list-row > * {
|
|
flex: 1;
|
|
}
|
|
.pf2e.actor .skills .skill-name {
|
|
margin: 0;
|
|
align-self: center;
|
|
background: var(--secondary-background);
|
|
line-height: 32px;
|
|
color: white;
|
|
}
|
|
.pf2e.actor .skills .lore-name, .pf2e.actor .skills .lore-name-input {
|
|
margin: 0;
|
|
align-self: center;
|
|
background: var(--secondary-background);
|
|
line-height: 32px;
|
|
color: white;
|
|
}
|
|
.pf2e.actor .skills .skill-proficiency {
|
|
margin-top: 2px;
|
|
}
|
|
.pf2e.actor .skills .skill-item {
|
|
margin-top: 2px;
|
|
font-size: var(--font-size-11);
|
|
}
|
|
.pf2e.actor .skills .skill-ability {
|
|
flex: 0 0 36px;
|
|
color: #666;
|
|
text-align: right;
|
|
margin-right: 4px;
|
|
flex: 0 0 36px;
|
|
color: #666;
|
|
text-align: right;
|
|
margin-right: 4px;
|
|
}
|
|
.pf2e.actor .skills .skill-armor {
|
|
align-self: center;
|
|
background: var(--secondary-background);
|
|
line-height: 32px;
|
|
color: white;
|
|
width: 16px;
|
|
margin: unset;
|
|
}
|
|
.pf2e.actor .skills .skill-score {
|
|
font-family: var(--serif-condensed);
|
|
font-weight: 700;
|
|
font-size: var(--font-size-28);
|
|
text-align: center;
|
|
align-self: center;
|
|
background: var(--secondary-background);
|
|
color: white;
|
|
}
|
|
.pf2e.actor.locked .ability-proficiency, .pf2e.actor.locked .skill-proficiency {
|
|
text-shadow: none;
|
|
cursor: default;
|
|
}
|
|
.pf2e.actor .traits label {
|
|
font-weight: bold;
|
|
}
|
|
.pf2e.actor .traits select {
|
|
margin: 2px 0;
|
|
}
|
|
.pf2e.actor .traits .trait-perception > input {
|
|
flex: 0 0 32px;
|
|
text-align: center;
|
|
}
|
|
.pf2e.actor .traits .tag-selector {
|
|
float: right;
|
|
margin-right: 3px;
|
|
color: #999;
|
|
font-size: var(--font-size-10);
|
|
line-height: 16px;
|
|
}
|
|
.pf2e.actor .traits .configure-flags i.fas {
|
|
float: right;
|
|
margin-right: 3px;
|
|
text-align: right;
|
|
color: #999;
|
|
line-height: 24px;
|
|
}
|
|
.pf2e.actor .traits .configure-flags i.fas:hover {
|
|
color: #111;
|
|
text-shadow: 0 0 10px #ff6400;
|
|
}
|
|
.pf2e.actor.npc-sheet .biography .editor {
|
|
height: 465px;
|
|
}
|
|
.pf2e.actor .inventory-header {
|
|
list-style: none;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
.pf2e.actor .action-header .item-controls {
|
|
flex: 0 0 44px;
|
|
}
|
|
.pf2e.actor .action-header .item-controls a {
|
|
display: block;
|
|
float: left;
|
|
width: 44px;
|
|
font-size: var(--font-size-14);
|
|
text-align: center;
|
|
}
|
|
.pf2e.actor .spellcastingEntry-list {
|
|
list-style: none;
|
|
margin: 0;
|
|
padding: 0;
|
|
height: calc(100% - 20px);
|
|
overflow-y: auto;
|
|
}
|
|
.pf2e.actor .overflow-list {
|
|
list-style: none;
|
|
margin: 0;
|
|
padding: 0;
|
|
height: 100%;
|
|
overflow-y: auto;
|
|
}
|
|
.pf2e.actor .list-row.action-header .item-controls a {
|
|
display: block;
|
|
float: left;
|
|
width: 22px;
|
|
font-size: var(--font-size-10);
|
|
text-align: center;
|
|
color: #666;
|
|
}
|
|
.pf2e.actor .action-header .item-controls a.item-create, .pf2e.actor .action-header .item-controls a.item-delete, .pf2e.actor .action-header .item-controls a.feat-browse, .pf2e.actor .action-header .item-controls a.action-browse {
|
|
width: 100%;
|
|
color: #fff;
|
|
background: var(--primary-background);
|
|
}
|
|
.pf2e.actor .encumbrance {
|
|
background: rgba(0, 0, 0, 0.1);
|
|
height: 12px;
|
|
margin-top: 5px;
|
|
border: 1px solid #111;
|
|
border-radius: 3px;
|
|
position: relative;
|
|
width: calc(100% - 20px);
|
|
}
|
|
.pf2e.actor .encumbrance .encumbrance-bar {
|
|
position: absolute;
|
|
top: 1px;
|
|
left: 1px;
|
|
background: var(--secondary-background);
|
|
height: 8px;
|
|
border: 1px solid #6f5439;
|
|
border-radius: 3px;
|
|
}
|
|
.pf2e.actor .encumbrance .encumbrance-label {
|
|
position: absolute;
|
|
top: -3px;
|
|
height: 16px;
|
|
font-size: var(--font-size-16);
|
|
line-height: 16px;
|
|
color: #000;
|
|
background: rgba(255, 255, 255, 0.4);
|
|
padding: 0 3px;
|
|
}
|
|
.pf2e.actor .encumbrance .encumbrance-breakpoint {
|
|
position: absolute;
|
|
left: 66%;
|
|
}
|
|
.pf2e.actor .encumbrance .arrow-up {
|
|
bottom: 0;
|
|
width: 0;
|
|
height: 0;
|
|
border-left: 4px solid transparent;
|
|
border-right: 4px solid transparent;
|
|
border-bottom: 4px solid #666;
|
|
}
|
|
.pf2e.actor .encumbrance .arrow-down {
|
|
top: 0;
|
|
width: 0;
|
|
height: 0;
|
|
border-left: 4px solid transparent;
|
|
border-right: 4px solid transparent;
|
|
border-top: 4px solid #666;
|
|
}
|
|
.pf2e.actor .encumbrance.encumbered {
|
|
background-color: yellow;
|
|
}
|
|
.pf2e.actor .encumbrance.over-limit {
|
|
background-color: red;
|
|
}
|
|
.pf2e.actor .encumbrance.encumbered .arrow-up {
|
|
border-bottom: 4px solid #000;
|
|
}
|
|
.pf2e.actor .encumbrance.encumbered .arrow-down {
|
|
border-top: 4px solid #000;
|
|
}
|
|
.pf2e.actor .list-row .spell-school, .pf2e.actor .list-row .spell-action {
|
|
flex: 1;
|
|
font-size: var(--font-size-12);
|
|
color: #666;
|
|
text-align: center;
|
|
border-right: 1px solid var(--secondary-background);
|
|
}
|
|
.pf2e.actor .list-row .spell-slots, .pf2e.actor .list-row .spell-max {
|
|
flex: 0 0 24px;
|
|
font-size: var(--font-size-12);
|
|
text-align: center;
|
|
}
|
|
.pf2e.actor .list-row .spell-slots-input, .pf2e.actor .list-row .spell-max-input {
|
|
flex: 0 0 24px;
|
|
font-size: var(--font-size-12);
|
|
text-align: center;
|
|
background: white;
|
|
border: 1px solid;
|
|
border-radius: 17px;
|
|
height: 18px;
|
|
margin-top: 1px;
|
|
}
|
|
.pf2e.actor .list-row .spell-max {
|
|
border-right: 1px solid var(--secondary-background);
|
|
}
|
|
.pf2e.actor .feats .feats-list {
|
|
height: 100%;
|
|
}
|
|
.pf2e.actor .feats .feats-list .item-name {
|
|
flex: 2;
|
|
}
|
|
.pf2e.actor .feat-uses {
|
|
display: inline;
|
|
font-size: var(--font-size-11);
|
|
color: #444;
|
|
}
|
|
/* ----------------------------------------- */
|
|
/* Item Buttons
|
|
/* ----------------------------------------- */
|
|
.pf2e.sheet .item-buttons button {
|
|
font-size: var(--font-size-10);
|
|
line-height: 12px;
|
|
margin: 0;
|
|
}
|
|
.pf2e.sheet .item-buttons span {
|
|
padding: 0;
|
|
}
|
|
/* ----------------------------------------- */
|
|
/* Compendium tab
|
|
/* ----------------------------------------- */
|
|
#compendium.flexcolumn.active {
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
#compendium.flexcolumn > .directory-list {
|
|
width: 100%;
|
|
height: auto;
|
|
flex-basis: 0;
|
|
flex-grow: 1;
|
|
}
|
|
#compendium.flexcolumn > .directory-footer {
|
|
height: auto;
|
|
}
|
|
#compendium.flexcolumn > .directory-footer > * {
|
|
margin-top: 5px;
|
|
}
|
|
#compendium .create-compendium {
|
|
flex-basis: 100%;
|
|
}
|
|
/* Updated NPC Sheet Styles */
|
|
.npc-detail-text {
|
|
display: flex;
|
|
background: var(--secondary-background);
|
|
color: #fff;
|
|
flex-wrap: wrap;
|
|
}
|
|
.pf2e.sheet form .npc-detail-text input[type=text], .pf2e.sheet form .npc-detail-text input[type=number] {
|
|
background: rgba(255, 255, 255, 0.8);
|
|
color: black;
|
|
border: 1px solid black;
|
|
}
|
|
.pf2e.sheet form .npc-detail-text textarea {
|
|
height: fit-content;
|
|
overflow-y: hidden;
|
|
resize: none;
|
|
width: calc(100% - 2px);
|
|
min-height: 26px;
|
|
font-family: inherit;
|
|
}
|
|
.pf2e.actor .sheet-header .charlevel .level > input[type=checkbox] {
|
|
flex: 0 0 26px;
|
|
}
|
|
.pf2e.actor .inventory-list .list-row .spell-buttons {
|
|
flex: none;
|
|
display: inline-flex;
|
|
justify-content: flex-end;
|
|
align-items: flex-end;
|
|
flex-wrap: wrap;
|
|
}
|
|
/* HEADER */
|
|
/* TRAITS */
|
|
.traits-bar {
|
|
align-items: center;
|
|
display: flex;
|
|
}
|
|
.traits-bar .trait {
|
|
background-color: #5e0000;
|
|
border: 2px solid #d8c483;
|
|
color: white;
|
|
font-family: var(--sans-serif);
|
|
padding: 0.25em 0.5em;
|
|
text-transform: uppercase;
|
|
}
|
|
.traits-bar .trait.alignment {
|
|
background-color: #5e657a;
|
|
}
|
|
.traits-bar .trait.size {
|
|
background-color: #447b5c;
|
|
}
|
|
.traits-bar .trait.uncommon {
|
|
background-color: #c45500;
|
|
}
|
|
.traits-bar .trait.rare {
|
|
background-color: #0c1466;
|
|
}
|
|
.traits-bar .trait.unique {
|
|
background-color: #54166e;
|
|
}
|
|
/* Top-section */
|
|
.pf2e.sheet form .list-row .melee-name.rollable .item-image {
|
|
min-height: 24px;
|
|
}
|
|
/* Items */
|
|
/** Hide Attack headers */
|
|
li.list-row.hover-container {
|
|
background-color: #aaa !important;
|
|
}
|
|
.dice-total-shield-btn.shield-activated {
|
|
background-color: #333;
|
|
color: white;
|
|
}
|
|
.message-content .dice-roll .statuseffect-message {
|
|
word-break: normal;
|
|
font-weight: 400;
|
|
font-size: var(--font-size-12);
|
|
text-align: left;
|
|
}
|
|
.message-content .dice-roll .statuseffect-message ul {
|
|
list-style-type: none;
|
|
}
|
|
.message-content .dice-roll .statuseffect-message li {
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
height: 24px;
|
|
}
|
|
.message-content .dice-roll .statuseffect-message li:not(:last-child) {
|
|
margin-bottom: 3px;
|
|
}
|
|
.message-content .dice-roll .statuseffect-message li img {
|
|
width: 24px;
|
|
height: 24px;
|
|
vertical-align: middle;
|
|
margin-right: 3px;
|
|
}
|
|
.message-content .dice-roll .statuseffect-li {
|
|
position: relative;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
}
|
|
.message-content .dice-roll .statuseffect-li-text {
|
|
display: inline-block;
|
|
width: 200px;
|
|
}
|
|
.message-content .dice-roll .statuseffect-rules {
|
|
visibility: hidden;
|
|
width: 264px;
|
|
padding: 8px;
|
|
position: absolute;
|
|
z-index: 1;
|
|
bottom: 110%;
|
|
left: -42px;
|
|
text-align: left;
|
|
font-size: var(--font-size-14);
|
|
font-weight: 400;
|
|
line-height: normal;
|
|
background: url("../assets/sheet/parchment.webp") repeat;
|
|
border: 1px solid #999;
|
|
border-radius: 3px;
|
|
box-shadow: 0 0 3px #fff inset;
|
|
opacity: 0;
|
|
transition: opacity 1s;
|
|
}
|
|
.message-content .dice-roll .statuseffect-rules p {
|
|
margin: 0;
|
|
}
|
|
.statuseffect-li-text:hover + .statuseffect-rules {
|
|
visibility: visible;
|
|
opacity: 1;
|
|
}
|
|
.dice-roll .dice-tooltip.dmg-tooltip span {
|
|
font-size: var(--font-size-10);
|
|
}
|
|
.dice-roll .dice-tooltip.dmg-tooltip span:not(:first-child) {
|
|
display: block;
|
|
border-top: 1px;
|
|
border-top-color: #999;
|
|
border-top-style: solid;
|
|
}
|
|
.npc-title-bar .creature-adjustment {
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
margin-left: auto;
|
|
margin-right: 1em;
|
|
}
|
|
.npc-title-bar .creature-adjustment * {
|
|
width: 100%;
|
|
}
|
|
.sheet-header .creature-adjustment, .npc-title-bar .creature-adjustment a.hidden {
|
|
font-size: var(--font-size-12);
|
|
}
|
|
.sheet-header .creature-adjustment a, .npc-title-bar .creature-adjustment a.hidden {
|
|
margin-left: 1px;
|
|
background-color: var(--secondary-background);
|
|
border-color: #bbb68f;
|
|
}
|
|
.sheet-header .creature-adjustment a.active, .npc-title-bar .creature-adjustment a.hidden {
|
|
margin-left: 1px;
|
|
background-color: #5e0000;
|
|
border-color: #bbb68f;
|
|
}
|
|
.sheet-header .creature-adjustment a.hidden, .npc-title-bar .creature-adjustment a.hidden {
|
|
display: none;
|
|
}
|
|
.recall-knowledge-table th {
|
|
padding: 5px 8px;
|
|
}
|
|
.recall-knowledge-table td {
|
|
text-align: center;
|
|
padding: 5px 8px;
|
|
}
|
|
.recall-knowledge-table td:first-child {
|
|
text-align: right;
|
|
}
|
|
.recall-knowledge-table th:first-child {
|
|
text-align: right;
|
|
}
|
|
button:hover::not(:disabled) {
|
|
box-shadow: 0 0 3px #c00;
|
|
}
|
|
button:disabled {
|
|
color: #666;
|
|
}
|
|
button:active {
|
|
box-shadow: 0 0 5px red;
|
|
}
|
|
/* ----------------------------------------- */
|
|
/* Item Card Structure */
|
|
/* ----------------------------------------- */
|
|
.pf2e.chat-card {
|
|
font-style: normal;
|
|
}
|
|
.pf2e.chat-card .card-header {
|
|
padding: 2px 0;
|
|
border-top: 2px groove #fff;
|
|
border-bottom: 2px groove #fff;
|
|
align-items: center;
|
|
min-height: 36px;
|
|
}
|
|
.pf2e.chat-card .card-header img {
|
|
flex: 0 0 36px;
|
|
margin-right: 5px;
|
|
height: 36px;
|
|
width: 36px;
|
|
}
|
|
.pf2e.chat-card .card-header h3 {
|
|
flex: 1;
|
|
margin: 0;
|
|
}
|
|
.pf2e.chat-card .card-header h4 {
|
|
flex: 0;
|
|
margin: 0 5px 0 0;
|
|
white-space: nowrap;
|
|
}
|
|
.pf2e.chat-card .tags {
|
|
margin: 3px 0 0;
|
|
}
|
|
.pf2e.chat-card .card-content {
|
|
margin: 4px 0;
|
|
}
|
|
.pf2e.chat-card .card-content p {
|
|
margin: 4px 0;
|
|
min-height: unset;
|
|
}
|
|
.pf2e.chat-card .card-buttons {
|
|
display: flex;
|
|
flex-basis: 100%;
|
|
flex-direction: column;
|
|
margin: 4px 0;
|
|
}
|
|
.pf2e.chat-card .card-buttons span {
|
|
display: block;
|
|
line-height: 28px;
|
|
text-align: center;
|
|
border: 1px solid var(--secondary-background);
|
|
}
|
|
.pf2e.chat-card .card-buttons button {
|
|
margin: 2px 0;
|
|
}
|
|
.pf2e.chat-card .card-buttons button.with-image {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
.pf2e.chat-card .card-buttons button.with-image img {
|
|
border: none;
|
|
height: 2em;
|
|
margin-right: 0.5em;
|
|
}
|
|
.pf2e.chat-card .card-buttons button span {
|
|
border: none;
|
|
}
|
|
.pf2e.chat-card .card-buttons .owner-buttons {
|
|
display: flex;
|
|
flex-basis: 100%;
|
|
flex-direction: column;
|
|
}
|
|
.pf2e.chat-card .card-buttons .spell-attack-buttons, .pf2e.chat-card .card-buttons .spell-button {
|
|
display: flex;
|
|
flex-direction: row;
|
|
}
|
|
.pf2e.chat-card .card-buttons .spell-attack-buttons *, .pf2e.chat-card .card-buttons .spell-button * {
|
|
flex-grow: 1;
|
|
flex-basis: 0;
|
|
}
|
|
.pf2e.chat-card .card-buttons .spell-attack-buttons :first-child, .pf2e.chat-card .card-buttons .spell-button :first-child {
|
|
flex-grow: 2;
|
|
}
|
|
.pf2e.chat-card .card-buttons .hidden-to-others {
|
|
background: var(--visibility-gm-bg);
|
|
}
|
|
.pf2e.chat-card .card-footer {
|
|
padding: 3px 0 0;
|
|
border-top: 2px groove #fff;
|
|
}
|
|
.pf2e.chat-card .card-footer span {
|
|
border-right: 2px groove #fff;
|
|
padding: 0 5px 0 0;
|
|
font-size: var(--font-size-12);
|
|
}
|
|
.pf2e.chat-card .card-footer span:last-child {
|
|
border-right: none;
|
|
padding-right: 0;
|
|
}
|
|
.pf2e.chat-card .card-buttons-multiattack {
|
|
display: grid;
|
|
grid-template-columns: auto 40px 40px;
|
|
grid-column-gap: 4px;
|
|
}
|
|
.pf2e.chat-card .card-buttons-two-column {
|
|
display: grid;
|
|
grid-template-columns: 1fr 1fr;
|
|
grid-column-gap: 4px;
|
|
}
|
|
/* This is the core CSS of Tooltipster */
|
|
/* GENERAL STRUCTURE RULES (do not edit this section) */
|
|
.tooltipster-base {
|
|
/* this ensures that a constrained height set by functionPosition,
|
|
if greater that the natural height of the tooltip, will be enforced
|
|
in browsers that support display:flex */
|
|
display: flex;
|
|
pointer-events: none;
|
|
/* this may be overriden in JS for fixed position origins */
|
|
position: absolute;
|
|
}
|
|
.tooltipster-box {
|
|
/* see .tooltipster-base. flex-shrink 1 is only necessary for IE10-
|
|
and flex-basis auto for IE11- (at least) */
|
|
flex: 1 1 auto;
|
|
}
|
|
.tooltipster-content {
|
|
/* prevents an overflow if the user adds padding to the div */
|
|
box-sizing: border-box;
|
|
/* these make sure we'll be able to detect any overflow */
|
|
max-height: 100%;
|
|
max-width: 100%;
|
|
overflow: auto;
|
|
}
|
|
.tooltipster-ruler {
|
|
/* these let us test the size of the tooltip without overflowing the window */
|
|
bottom: 0;
|
|
left: 0;
|
|
overflow: hidden;
|
|
position: fixed;
|
|
right: 0;
|
|
top: 0;
|
|
visibility: hidden;
|
|
}
|
|
/* ANIMATIONS */
|
|
/* Open/close animations */
|
|
/* fade */
|
|
.tooltipster-fade {
|
|
opacity: 0;
|
|
-webkit-transition-property: opacity;
|
|
-moz-transition-property: opacity;
|
|
-o-transition-property: opacity;
|
|
-ms-transition-property: opacity;
|
|
transition-property: opacity;
|
|
}
|
|
.tooltipster-fade.tooltipster-show {
|
|
opacity: 1;
|
|
}
|
|
/* grow */
|
|
.tooltipster-grow {
|
|
-webkit-transform: scale(0, 0);
|
|
-moz-transform: scale(0, 0);
|
|
-o-transform: scale(0, 0);
|
|
-ms-transform: scale(0, 0);
|
|
transform: scale(0, 0);
|
|
-webkit-transition-property: -webkit-transform;
|
|
-moz-transition-property: -moz-transform;
|
|
-o-transition-property: -o-transform;
|
|
-ms-transition-property: -ms-transform;
|
|
transition-property: transform;
|
|
-webkit-backface-visibility: hidden;
|
|
backface-visibility: hidden;
|
|
}
|
|
.tooltipster-grow.tooltipster-show {
|
|
-webkit-transform: scale(1, 1);
|
|
-moz-transform: scale(1, 1);
|
|
-o-transform: scale(1, 1);
|
|
-ms-transform: scale(1, 1);
|
|
transform: scale(1, 1);
|
|
-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
|
|
-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
|
|
-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
|
|
-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
|
|
-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
|
|
transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
|
|
}
|
|
/* swing */
|
|
.tooltipster-swing {
|
|
opacity: 0;
|
|
-webkit-transform: rotateZ(4deg);
|
|
-moz-transform: rotateZ(4deg);
|
|
-o-transform: rotateZ(4deg);
|
|
-ms-transform: rotateZ(4deg);
|
|
transform: rotateZ(4deg);
|
|
-webkit-transition-property: -webkit-transform, opacity;
|
|
-moz-transition-property: -moz-transform;
|
|
-o-transition-property: -o-transform;
|
|
-ms-transition-property: -ms-transform;
|
|
transition-property: transform;
|
|
}
|
|
.tooltipster-swing.tooltipster-show {
|
|
opacity: 1;
|
|
-webkit-transform: rotateZ(0deg);
|
|
-moz-transform: rotateZ(0deg);
|
|
-o-transform: rotateZ(0deg);
|
|
-ms-transform: rotateZ(0deg);
|
|
transform: rotateZ(0deg);
|
|
-webkit-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 1);
|
|
-webkit-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
|
|
-moz-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
|
|
-ms-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
|
|
-o-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
|
|
transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
|
|
}
|
|
/* fall */
|
|
.tooltipster-fall {
|
|
-webkit-transition-property: top;
|
|
-moz-transition-property: top;
|
|
-o-transition-property: top;
|
|
-ms-transition-property: top;
|
|
transition-property: top;
|
|
-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
|
|
-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
|
|
-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
|
|
-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
|
|
-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
|
|
transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
|
|
}
|
|
.tooltipster-fall.tooltipster-initial {
|
|
top: 0 !important;
|
|
}
|
|
.tooltipster-fall.tooltipster-dying {
|
|
-webkit-transition-property: all;
|
|
-moz-transition-property: all;
|
|
-o-transition-property: all;
|
|
-ms-transition-property: all;
|
|
transition-property: all;
|
|
top: 0 !important;
|
|
opacity: 0;
|
|
}
|
|
/* slide */
|
|
.tooltipster-slide {
|
|
-webkit-transition-property: left;
|
|
-moz-transition-property: left;
|
|
-o-transition-property: left;
|
|
-ms-transition-property: left;
|
|
transition-property: left;
|
|
-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
|
|
-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
|
|
-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
|
|
-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
|
|
-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
|
|
transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
|
|
}
|
|
.tooltipster-slide.tooltipster-initial {
|
|
left: -40px !important;
|
|
}
|
|
.tooltipster-slide.tooltipster-dying {
|
|
-webkit-transition-property: all;
|
|
-moz-transition-property: all;
|
|
-o-transition-property: all;
|
|
-ms-transition-property: all;
|
|
transition-property: all;
|
|
left: 0 !important;
|
|
opacity: 0;
|
|
}
|
|
/* Update animations */
|
|
/* We use animations rather than transitions here because
|
|
transition durations may be specified in the style tag due to
|
|
animationDuration, and we try to avoid collisions and the use
|
|
of !important */
|
|
/* fade */
|
|
@keyframes tooltipster-fading {
|
|
0% {
|
|
opacity: 0;
|
|
}
|
|
100% {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
.tooltipster-update-fade {
|
|
animation: tooltipster-fading 400ms;
|
|
}
|
|
/* rotate */
|
|
@keyframes tooltipster-rotating {
|
|
25% {
|
|
transform: rotate(-2deg);
|
|
}
|
|
75% {
|
|
transform: rotate(2deg);
|
|
}
|
|
100% {
|
|
transform: rotate(0);
|
|
}
|
|
}
|
|
.tooltipster-update-rotate {
|
|
animation: tooltipster-rotating 600ms;
|
|
}
|
|
/* scale */
|
|
@keyframes tooltipster-scaling {
|
|
50% {
|
|
transform: scale(1.1);
|
|
}
|
|
100% {
|
|
transform: scale(1);
|
|
}
|
|
}
|
|
.tooltipster-update-scale {
|
|
animation: tooltipster-scaling 600ms;
|
|
}
|
|
/**
|
|
* DEFAULT STYLE OF THE SIDETIP PLUGIN
|
|
*
|
|
* All styles are "namespaced" with .tooltipster-sidetip to prevent
|
|
* conflicts between plugins.
|
|
*/
|
|
/* .tooltipster-box */
|
|
.tooltipster-sidetip .tooltipster-box {
|
|
background: #565656;
|
|
border: 2px solid black;
|
|
border-radius: 4px;
|
|
}
|
|
.tooltipster-sidetip.tooltipster-bottom .tooltipster-box {
|
|
margin-top: 8px;
|
|
}
|
|
.tooltipster-sidetip.tooltipster-left .tooltipster-box {
|
|
margin-right: 8px;
|
|
}
|
|
.tooltipster-sidetip.tooltipster-right .tooltipster-box {
|
|
margin-left: 8px;
|
|
}
|
|
.tooltipster-sidetip.tooltipster-top .tooltipster-box {
|
|
margin-bottom: 8px;
|
|
}
|
|
/* .tooltipster-content */
|
|
.tooltipster-sidetip .tooltipster-content {
|
|
color: white;
|
|
line-height: 18px;
|
|
padding: 6px 14px;
|
|
}
|
|
/* .tooltipster-arrow : will keep only the zone of .tooltipster-arrow-uncropped that
|
|
corresponds to the arrow we want to display */
|
|
.tooltipster-sidetip .tooltipster-arrow {
|
|
overflow: hidden;
|
|
position: absolute;
|
|
}
|
|
.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow {
|
|
height: 10px;
|
|
/* half the width, for centering */
|
|
margin-left: -10px;
|
|
top: 0;
|
|
width: 20px;
|
|
}
|
|
.tooltipster-sidetip.tooltipster-left .tooltipster-arrow {
|
|
height: 20px;
|
|
margin-top: -10px;
|
|
right: 0;
|
|
/* top 0 to keep the arrow from overflowing .tooltipster-base when it has not
|
|
been positioned yet */
|
|
top: 0;
|
|
width: 10px;
|
|
}
|
|
.tooltipster-sidetip.tooltipster-right .tooltipster-arrow {
|
|
height: 20px;
|
|
margin-top: -10px;
|
|
left: 0;
|
|
/* same as .tooltipster-left .tooltipster-arrow */
|
|
top: 0;
|
|
width: 10px;
|
|
}
|
|
.tooltipster-sidetip.tooltipster-top .tooltipster-arrow {
|
|
bottom: 0;
|
|
height: 10px;
|
|
margin-left: -10px;
|
|
width: 20px;
|
|
}
|
|
/* common rules between .tooltipster-arrow-background and .tooltipster-arrow-border */
|
|
.tooltipster-sidetip .tooltipster-arrow-background,
|
|
.tooltipster-sidetip .tooltipster-arrow-border {
|
|
height: 0;
|
|
position: absolute;
|
|
width: 0;
|
|
}
|
|
/* .tooltipster-arrow-background */
|
|
.tooltipster-sidetip .tooltipster-arrow-background {
|
|
border: 10px solid transparent;
|
|
}
|
|
.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background {
|
|
border-bottom-color: #565656;
|
|
left: 0;
|
|
top: 3px;
|
|
}
|
|
.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background {
|
|
border-left-color: #565656;
|
|
left: -3px;
|
|
top: 0;
|
|
}
|
|
.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background {
|
|
border-right-color: #565656;
|
|
left: 3px;
|
|
top: 0;
|
|
}
|
|
.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background {
|
|
border-top-color: #565656;
|
|
left: 0;
|
|
top: -3px;
|
|
}
|
|
/* .tooltipster-arrow-border */
|
|
.tooltipster-sidetip .tooltipster-arrow-border {
|
|
border: 10px solid transparent;
|
|
left: 0;
|
|
top: 0;
|
|
}
|
|
.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border {
|
|
border-bottom-color: black;
|
|
}
|
|
.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border {
|
|
border-left-color: black;
|
|
}
|
|
.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border {
|
|
border-right-color: black;
|
|
}
|
|
.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border {
|
|
border-top-color: black;
|
|
}
|
|
/* tooltipster-arrow-uncropped */
|
|
.tooltipster-sidetip .tooltipster-arrow-uncropped {
|
|
position: relative;
|
|
}
|
|
.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-uncropped {
|
|
top: -10px;
|
|
}
|
|
.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-uncropped {
|
|
left: -10px;
|
|
}
|
|
@-webkit-keyframes wobble {
|
|
from {
|
|
-webkit-transform: translate3d(0, 0, 0);
|
|
transform: translate3d(0, 0, 0);
|
|
}
|
|
15% {
|
|
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
|
|
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
|
|
}
|
|
30% {
|
|
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
|
|
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
|
|
}
|
|
45% {
|
|
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
|
|
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
|
|
}
|
|
60% {
|
|
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
|
|
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
|
|
}
|
|
75% {
|
|
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
|
|
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
|
|
}
|
|
to {
|
|
-webkit-transform: translate3d(0, 0, 0);
|
|
transform: translate3d(0, 0, 0);
|
|
}
|
|
}
|
|
@keyframes wobble {
|
|
from {
|
|
-webkit-transform: translate3d(0, 0, 0);
|
|
transform: translate3d(0, 0, 0);
|
|
}
|
|
15% {
|
|
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
|
|
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
|
|
}
|
|
30% {
|
|
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
|
|
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
|
|
}
|
|
45% {
|
|
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
|
|
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
|
|
}
|
|
60% {
|
|
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
|
|
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
|
|
}
|
|
75% {
|
|
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
|
|
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
|
|
}
|
|
to {
|
|
-webkit-transform: translate3d(0, 0, 0);
|
|
transform: translate3d(0, 0, 0);
|
|
}
|
|
}
|
|
@keyframes rotation {
|
|
from {
|
|
-webkit-transform: rotate(0deg);
|
|
}
|
|
to {
|
|
-webkit-transform: rotate(359deg);
|
|
}
|
|
}
|
|
/* ----------------------------------------- */
|
|
/* Animation */
|
|
/* ----------------------------------------- */
|
|
:root {
|
|
--animate-duration: 1s;
|
|
--animate-delay: 1s;
|
|
--animate-repeat: 1;
|
|
}
|
|
/* ----------------------------------------- */
|
|
/* Layout */
|
|
/* ----------------------------------------- */
|
|
/** A vertical rule in a flexbox */
|
|
.vr {
|
|
border: 1px inset;
|
|
margin: 1px;
|
|
}
|
|
/* ----------------------------------------- */
|
|
/* Typography */
|
|
/* ----------------------------------------- */
|
|
.pf2e, .app.sheet.actor {
|
|
font-family: var(--sans-serif);
|
|
}
|
|
.pf2e h1, .pf2e h2, .pf2e h3, .pf2e h4, .app.sheet.actor h1, .app.sheet.actor h2, .app.sheet.actor h3, .app.sheet.actor h4 {
|
|
font-weight: 600;
|
|
}
|
|
.pf2e p, .app.sheet.actor p {
|
|
font-weight: 500;
|
|
}
|
|
.pf2e.sheet form span.pf2-icon,
|
|
.pf2e.sheet form span[data-pf2-action],
|
|
.pf2e.sheet form span[data-pf2-action] *,
|
|
.pf2e.sheet form span[data-pf2-check],
|
|
.pf2e.sheet form span[data-pf2-check] *,
|
|
.pf2-icon {
|
|
display: inline;
|
|
}
|
|
.pf2e.sheet form span.pf2-icon,
|
|
.pf2-icon {
|
|
font-family: "Pathfinder2eActions";
|
|
font-size: 1.2em;
|
|
}
|
|
.pf2e.sheet form span.pf2-icon.larger,
|
|
.pf2-icon.larger {
|
|
font-size: 1.5em;
|
|
}
|
|
section.roll-note, p.compact-text {
|
|
display: inline-block;
|
|
font-weight: normal;
|
|
line-height: 1.4em;
|
|
margin: 0.5em 0;
|
|
min-height: 1rem;
|
|
}
|
|
.activity-icon {
|
|
align-self: center;
|
|
display: inline;
|
|
margin: 0;
|
|
padding: 0;
|
|
font-family: Pathfinder2eActions;
|
|
font-size: 1.2em;
|
|
}
|
|
/* ----------------------------------------- */
|
|
/* Styled table */
|
|
/* ----------------------------------------- */
|
|
table.pf2-table {
|
|
border: solid 1px #000000;
|
|
border-collapse: collapse;
|
|
font-size: var(--font-size-13);
|
|
color: #191813;
|
|
user-select: text;
|
|
}
|
|
table.pf2-table thead, table.pf2-table tbody, table.pf2-table tr, table.pf2-table th, table.pf2-table td {
|
|
box-sizing: border-box;
|
|
user-select: text;
|
|
}
|
|
table.pf2-table tr:nth-child(odd) {
|
|
background-color: #eee5c8;
|
|
}
|
|
table.pf2-table tr:nth-child(even) {
|
|
background-color: #f6f1e1;
|
|
}
|
|
table.pf2-table th {
|
|
color: white;
|
|
font-weight: bold;
|
|
background-color: #522e2c;
|
|
}
|
|
table.pf2-table th, table.pf2-table td {
|
|
border: solid 1px #808080;
|
|
padding: 6px 15px;
|
|
text-align: center;
|
|
}
|
|
a.inline-roll, a.content-link {
|
|
font-weight: 500;
|
|
line-height: 1.6em;
|
|
}
|
|
a.foundry-href {
|
|
color: var(--primary);
|
|
font-weight: 500;
|
|
text-decoration: underline;
|
|
}
|
|
/* ----------------------------------------- */
|
|
/* PF2E Action Custom Element */
|
|
/* ----------------------------------------- */
|
|
[data-pf2-action] {
|
|
background: var(--inline-link-bg);
|
|
border-radius: 2px;
|
|
border: 1px solid var(--color-border-dark-tertiary);
|
|
box-sizing: border-box;
|
|
cursor: pointer;
|
|
font-weight: 500;
|
|
line-height: 1.5em;
|
|
padding: 1px 0.2em 0;
|
|
white-space: nowrap;
|
|
word-break: break-all;
|
|
}
|
|
[data-pf2-action][data-pf2-glyph]::before {
|
|
font-family: "Pathfinder2eActions";
|
|
font-size: 1.5em;
|
|
margin-right: 2px;
|
|
color: var(--color-text-dark-inactive);
|
|
}
|
|
[data-pf2-action]:not([data-pf2-glyph])::before,
|
|
[data-pf2-action][data-pf2-glyph=""]::before {
|
|
display: inline-block;
|
|
height: 15px;
|
|
width: 15px;
|
|
background-image: url("../icons/actions/Passive.webp");
|
|
background-repeat: no-repeat;
|
|
background-size: 15px 15px;
|
|
opacity: 0.4;
|
|
margin-bottom: -3px;
|
|
margin-right: 2px;
|
|
content: "";
|
|
}
|
|
[data-pf2-action][data-pf2-glyph=A]::before,
|
|
[data-pf2-action][data-pf2-glyph=a]::before,
|
|
[data-pf2-action][data-pf2-glyph="1"]::before {
|
|
content: "A";
|
|
}
|
|
[data-pf2-action][data-pf2-glyph=D]::before,
|
|
[data-pf2-action][data-pf2-glyph=d]::before,
|
|
[data-pf2-action][data-pf2-glyph="2"]::before {
|
|
content: "D";
|
|
}
|
|
[data-pf2-action][data-pf2-glyph=T]::before,
|
|
[data-pf2-action][data-pf2-glyph=t]::before,
|
|
[data-pf2-action][data-pf2-glyph="3"]::before {
|
|
content: "T";
|
|
}
|
|
[data-pf2-action][data-pf2-glyph=F]::before,
|
|
[data-pf2-action][data-pf2-glyph=f]::before {
|
|
content: "F";
|
|
}
|
|
[data-pf2-action][data-pf2-glyph=R]::before,
|
|
[data-pf2-action][data-pf2-glyph=r]::before {
|
|
content: "R";
|
|
}
|
|
/* ----------------------------------------- */
|
|
/* PF2E Check Custom Element */
|
|
/* ----------------------------------------- */
|
|
span[data-pf2-check] {
|
|
background: var(--inline-link-bg);
|
|
border-radius: 2px;
|
|
border: 1px solid var(--color-border-dark-tertiary);
|
|
box-sizing: border-box;
|
|
cursor: pointer;
|
|
font-weight: 500;
|
|
line-height: 1.5em;
|
|
padding: 1px 0.2em 0;
|
|
white-space: nowrap;
|
|
word-break: break-all;
|
|
}
|
|
span[data-pf2-check]::before {
|
|
font-family: "Font Awesome 5 Free";
|
|
font-weight: 900;
|
|
margin-right: 0.25em;
|
|
color: var(--color-text-dark-inactive);
|
|
content: "\f6cf";
|
|
}
|
|
span[data-pf2-check][data-pf2-check=reflex]::before {
|
|
content: "\f70c";
|
|
}
|
|
span[data-pf2-check][data-pf2-check=will]::before {
|
|
content: "\f5dc";
|
|
}
|
|
span[data-pf2-check][data-pf2-check=fortitude]::before {
|
|
content: "\f21e";
|
|
}
|
|
span[data-pf2-check][data-pf2-check=perception]::before {
|
|
content: "\f06e";
|
|
}
|
|
span[data-pf2-check][data-pf2-traits*=secret] {
|
|
background: var(--blind-roll);
|
|
border-color: #720073;
|
|
}
|
|
/* ----------------------------------------- */
|
|
/* PF2E Inline Template Custom Element */
|
|
/* ----------------------------------------- */
|
|
span[data-pf2-effect-area] {
|
|
background: var(--inline-link-bg);
|
|
border-radius: 2px;
|
|
border: 1px solid var(--color-border-dark-tertiary);
|
|
box-sizing: border-box;
|
|
cursor: pointer;
|
|
font-weight: 500;
|
|
line-height: 1.5em;
|
|
padding: 1px 0.2em 0;
|
|
white-space: nowrap;
|
|
word-break: break-all;
|
|
}
|
|
span[data-pf2-effect-area]::before {
|
|
color: var(--color-text-dark-inactive);
|
|
font-family: "Font Awesome 5 Free";
|
|
font-weight: 900;
|
|
margin-right: 0.25em;
|
|
}
|
|
span[data-pf2-effect-area][data-pf2-effect-area=cone]::before {
|
|
content: "\f104";
|
|
}
|
|
span[data-pf2-effect-area][data-pf2-effect-area=line]::before {
|
|
content: "\f7a5";
|
|
}
|
|
span[data-pf2-effect-area][data-pf2-effect-area=burst]::before {
|
|
content: "\f111";
|
|
}
|
|
span[data-pf2-effect-area][data-pf2-effect-area=emanation]::before {
|
|
content: "\f192";
|
|
}
|
|
span[data-pf2-effect-area][data-pf2-effect-area=rect]::before {
|
|
content: "\f0c8";
|
|
}
|
|
/* ----------------------------------------- */
|
|
/* PF2E Inline Repost Element */
|
|
/* ----------------------------------------- */
|
|
i[data-pf2-repost] {
|
|
transition: text-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out, border 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
|
|
background: var(--inline-repost-bg);
|
|
color: var(--color-text-dark-inactive);
|
|
border-left: 1px solid var(--color-border-dark-tertiary);
|
|
background: rgba(255, 255, 255, 0.6);
|
|
padding: 2px;
|
|
margin-right: -3px;
|
|
margin-left: 2px;
|
|
text-shadow: none;
|
|
}
|
|
i[data-pf2-repost]:hover {
|
|
color: white;
|
|
text-shadow: 0px 0px 2px black;
|
|
}
|
|
[data-visibility]:not([data-visibility=all]) {
|
|
border-radius: 1px;
|
|
box-sizing: border-box;
|
|
display: inline-block;
|
|
line-height: 1em;
|
|
outline: 1px dotted rgba(75, 74, 68, 0.5);
|
|
padding: 2px 1px 0px;
|
|
/* ----------------------------------------- */
|
|
/* GM Visibility Elements */
|
|
/* ----------------------------------------- */
|
|
/* ----------------------------------------- */
|
|
/* Owner Visibility Elements */
|
|
/* ----------------------------------------- */
|
|
}
|
|
[data-visibility]:not([data-visibility=all])[data-visibility=gm] {
|
|
background: var(--visibility-gm-bg);
|
|
}
|
|
[data-visibility]:not([data-visibility=all])[data-visibility=gm].message-sender {
|
|
max-width: fit-content;
|
|
}
|
|
[data-visibility]:not([data-visibility=all])[data-visibility=gm] [data-visibility=gm] {
|
|
outline: none;
|
|
padding: initial;
|
|
}
|
|
[data-visibility]:not([data-visibility=all])[data-visibility=owner] {
|
|
background: var(--visibility-owner-bg);
|
|
}
|
|
[data-visibility]:not([data-visibility=all])[data-visibility=owner] [data-visibility=owner] {
|
|
outline: none;
|
|
padding: initial;
|
|
}
|
|
/* ----------------------------------------- */
|
|
/* Forms */
|
|
/* ----------------------------------------- */
|
|
.crb-style {
|
|
display: flex;
|
|
}
|
|
.crb-style .details-label {
|
|
font-family: var(--sans-serif);
|
|
font-size: 0.625rem;
|
|
font-weight: 800;
|
|
line-height: 1;
|
|
text-transform: uppercase;
|
|
color: var(--primary);
|
|
margin-right: 2px;
|
|
white-space: nowrap;
|
|
}
|
|
.crb-style .details-input {
|
|
color: var(--text-dark);
|
|
font-family: var(--body-serif);
|
|
font-weight: bold;
|
|
width: calc(100% - 6px);
|
|
border-bottom: 1px solid #d3ccbc;
|
|
background-color: rgba(28, 28, 28, 0.1);
|
|
}
|
|
.crb-style .details-input::placeholder {
|
|
filter: opacity(0.5);
|
|
}
|
|
.crb-style .details-input:focus {
|
|
border-bottom: 1px solid var(--alt);
|
|
}
|
|
.crb-style .details-input[type=number] {
|
|
padding-bottom: 0;
|
|
padding-left: 4px;
|
|
}
|
|
.crb-style input {
|
|
border: none;
|
|
border-radius: 0;
|
|
}
|
|
.crb-style input:focus {
|
|
box-shadow: none;
|
|
}
|
|
.crb-style input:focus::placeholder {
|
|
color: transparent;
|
|
}
|
|
.crb-style input::placeholder {
|
|
color: inherit;
|
|
}
|
|
.crb-style input::-webkit-outer-spin-button, .crb-style input::-webkit-inner-spin-button {
|
|
-webkit-appearance: none;
|
|
margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
|
|
}
|
|
.crb-style input[type=number] {
|
|
-moz-appearance: textfield;
|
|
}
|
|
.crb-style select {
|
|
font-size: var(--font-size-14);
|
|
font-family: var(--serif);
|
|
font-weight: 500;
|
|
color: var(--text-light);
|
|
position: relative;
|
|
background-color: var(--alt);
|
|
border-radius: 2px;
|
|
line-height: 1;
|
|
cursor: pointer;
|
|
padding: 4px 18px 3px 5px;
|
|
-webkit-appearance: none;
|
|
-moz-appearance: none;
|
|
text-overflow: ellipsis;
|
|
background-image: url("../assets/icons/chevron-down.svg");
|
|
background-repeat: no-repeat;
|
|
background-position: right 0.25em top 50%;
|
|
background-size: 1em auto;
|
|
height: auto;
|
|
border: 1px solid #53422a;
|
|
}
|
|
.crb-style select option {
|
|
background-color: var(--alt);
|
|
}
|
|
.crb-style .dots span {
|
|
cursor: pointer;
|
|
}
|
|
input[type=range]:disabled::-webkit-slider-runnable-track {
|
|
background: rgba(0, 0, 0, 0.1);
|
|
border: rgba(0, 0, 0, 0.1);
|
|
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1), 0px 0px 1px rgba(0, 0, 0, 0.1);
|
|
cursor: default;
|
|
}
|
|
input[type=range]:disabled::-moz-range-track {
|
|
background: rgba(0, 0, 0, 0.1);
|
|
border: rgba(0, 0, 0, 0.1);
|
|
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1), 0px 0px 1px rgba(0, 0, 0, 0.1);
|
|
cursor: default;
|
|
}
|
|
input[type=range]:disabled::-webkit-slider-thumb {
|
|
background: var(--color-text-light-1);
|
|
border: var(--color-text-light-1);
|
|
box-shadow: 1px 1px 1px var(--color-text-light-1), 0px 0px 1px var(--color-text-light-1);
|
|
cursor: default;
|
|
}
|
|
input[type=range]:disabled::-moz-range-thumb {
|
|
background: var(--color-text-light-1);
|
|
border: var(--color-text-light-1);
|
|
box-shadow: 1px 1px 1px var(--color-text-light-1), 0px 0px 1px var(--color-text-light-1);
|
|
cursor: default;
|
|
}
|
|
a[href]:hover {
|
|
text-shadow: 0 0 8px var(--color-text-hyperlink);
|
|
}
|
|
.crb-style.sheet .window-content {
|
|
background: url("../assets/sheet/background.webp") no-repeat;
|
|
background-size: cover;
|
|
}
|
|
.actors-sidebar .directory-item.actor h4 {
|
|
line-height: normal;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
}
|
|
.actors-sidebar .directory-item.actor .actor-level {
|
|
font-size: x-small;
|
|
color: var(--color-text-light-primary);
|
|
}
|
|
.actors-sidebar .party-list {
|
|
flex: 0 1 auto;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
.actors-sidebar .party .party-header {
|
|
background: rgba(255, 255, 255, 0.2);
|
|
border-top: 1px solid var(--color-border-dark);
|
|
border-bottom: 1px solid var(--color-border-dark);
|
|
line-height: 1.5rem;
|
|
padding: 6px;
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
.actors-sidebar .party .party-header .fa-fw {
|
|
cursor: pointer;
|
|
flex: 0 0 auto;
|
|
margin-right: 10px;
|
|
font-size: var(--font-size-16);
|
|
}
|
|
.actors-sidebar .party .party-header h3 {
|
|
flex: 1;
|
|
margin: 0;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
font-size: var(--font-size-16);
|
|
}
|
|
.actors-sidebar .party .party-header .controls {
|
|
flex: 0;
|
|
display: flex;
|
|
font-size: var(--font-size-14);
|
|
}
|
|
.actors-sidebar .party.collapsed .party-header {
|
|
background: rgba(0, 0, 0, 0.5);
|
|
}
|
|
.actors-sidebar .party.collapsed .subdirectory {
|
|
display: none;
|
|
}
|
|
.directory-item.item img.thumbnail {
|
|
object-fit: contain;
|
|
}
|
|
.directory-item.item h4 {
|
|
line-height: normal;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
}
|
|
.directory-item.item .item-level {
|
|
font-size: x-small;
|
|
color: var(--color-text-light-primary);
|
|
}
|
|
#chat-log {
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
#chat-log > .message:first-child {
|
|
margin-top: auto;
|
|
}
|
|
.chat-roll-details .window-content {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 1em;
|
|
width: 100%;
|
|
flex: 1 1 auto;
|
|
overflow: hidden;
|
|
}
|
|
.chat-roll-details .summary {
|
|
flex: 0 1 auto;
|
|
}
|
|
.chat-roll-details .summary .type {
|
|
display: flex;
|
|
align-items: baseline;
|
|
gap: 2px;
|
|
}
|
|
.chat-roll-details .summary .domains.tags {
|
|
margin-top: 4px;
|
|
justify-items: flex-end;
|
|
}
|
|
.chat-roll-details .summary .domains.tags .tag {
|
|
text-transform: none;
|
|
}
|
|
.chat-roll-details .body {
|
|
display: flex;
|
|
flex-direction: row;
|
|
gap: 1em;
|
|
width: 100%;
|
|
}
|
|
.chat-roll-details .roll-options, .chat-roll-details .modifiers {
|
|
display: flex;
|
|
flex: 1;
|
|
flex-direction: column;
|
|
height: 100%;
|
|
overflow: hidden;
|
|
}
|
|
.chat-roll-details .roll-options ul {
|
|
overflow: hidden scroll;
|
|
scrollbar-width: thin;
|
|
scrollbar-color: var(--primary) transparent;
|
|
margin: 0;
|
|
padding: 0;
|
|
flex: 1 0 0;
|
|
list-style-type: none;
|
|
border-radius: 3px;
|
|
white-space: nowrap;
|
|
border: 1px solid var(--color-border-dark-tertiary);
|
|
overflow-x: auto;
|
|
}
|
|
.chat-roll-details .roll-options li {
|
|
user-select: text;
|
|
line-height: 1.5em;
|
|
padding-left: 5px;
|
|
}
|
|
.chat-roll-details .roll-options li:nth-child(even) {
|
|
background-color: rgba(0, 0, 0, 0.0666666667);
|
|
}
|
|
.chat-roll-details .modifier-list {
|
|
overflow: hidden scroll;
|
|
scrollbar-width: thin;
|
|
scrollbar-color: var(--primary) transparent;
|
|
flex: 1 0 0;
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 4px;
|
|
}
|
|
.chat-roll-details .modifier-list .modifier {
|
|
border: 1px solid black;
|
|
border-radius: 3px;
|
|
padding: 4px;
|
|
}
|
|
.chat-roll-details .modifier-list .modifier.disabled {
|
|
border-style: dashed;
|
|
opacity: 0.6;
|
|
}
|
|
.chat-roll-details .modifier-list .modifier h4 {
|
|
font-size: 1.1em;
|
|
}
|
|
.chat-roll-details .modifier-list .modifier > div {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: baseline;
|
|
}
|
|
.chat-message h3 {
|
|
border-bottom: none;
|
|
}
|
|
.chat-message button > i {
|
|
margin-right: 0;
|
|
}
|
|
.chat-message.emote > .message-content {
|
|
font-style: italic;
|
|
}
|
|
.chat-message.emote > .message-content p.action-content {
|
|
display: flex;
|
|
align-items: center;
|
|
font-weight: normal;
|
|
}
|
|
.chat-message.emote > .message-content p.action-content img {
|
|
height: 2.33em;
|
|
width: 2.33em;
|
|
float: left;
|
|
margin-right: 0.5em;
|
|
}
|
|
.chat-message.emote > .message-content hr.action-divider {
|
|
margin: 0;
|
|
}
|
|
.chat-message > .message-header .flavor-text h4.action {
|
|
font-weight: 700;
|
|
line-height: 1.5em;
|
|
margin: 0;
|
|
}
|
|
.chat-message > .message-header .flavor-text .target-dc-result {
|
|
line-height: 0.75rem;
|
|
margin-bottom: 4px;
|
|
}
|
|
.chat-message > .message-header .flavor-text .target-dc-result .target-dc, .chat-message > .message-header .flavor-text .target-dc-result .result {
|
|
display: block;
|
|
margin: 1px 0;
|
|
width: fit-content;
|
|
}
|
|
.chat-message > .message-header .flavor-text .target-dc-result .unadjusted {
|
|
text-decoration: line-through;
|
|
}
|
|
.chat-message > .message-header .flavor-text .target-dc-result .adjusted {
|
|
text-decoration: underline dotted;
|
|
}
|
|
.chat-message > .message-header .flavor-text .target-dc-result .adjusted.increased {
|
|
color: rgb(0, 128, 0);
|
|
}
|
|
.chat-message > .message-header .flavor-text .target-dc-result .adjusted.decreased {
|
|
color: rgb(255, 0, 0);
|
|
}
|
|
.chat-message > .message-header .flavor-text .target-dc-result .degree-of-success .criticalSuccess {
|
|
color: rgb(0, 128, 0);
|
|
}
|
|
.chat-message > .message-header .flavor-text .target-dc-result .degree-of-success .success {
|
|
color: rgb(0, 0, 255);
|
|
}
|
|
.chat-message > .message-header .flavor-text .target-dc-result .degree-of-success .failure {
|
|
color: rgb(255, 69, 0);
|
|
}
|
|
.chat-message > .message-header .flavor-text .target-dc-result .degree-of-success .criticalFailure {
|
|
color: rgb(255, 0, 0);
|
|
}
|
|
.chat-message > .message-header .flavor-text .effect {
|
|
display: flex;
|
|
align-items: center;
|
|
column-gap: 5px;
|
|
}
|
|
.chat-message > .message-header .flavor-text .effect img {
|
|
height: 32px;
|
|
width: 32px;
|
|
}
|
|
.chat-message > .message-content .message-buttons {
|
|
display: flex;
|
|
margin: 0.35em 0 2px;
|
|
}
|
|
.chat-message .message-content .damage-roll:not(:first-child) {
|
|
margin-top: 1em;
|
|
}
|
|
.chat-message .message-content .damage-roll .dice-result .dice-formula {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
gap: 0.25em;
|
|
justify-content: center;
|
|
}
|
|
.chat-message .message-content .damage-roll .dice-result .dice-formula .instance {
|
|
padding: 0 0.25em;
|
|
}
|
|
.chat-message .message-content .damage-roll .dice-result .dice-total {
|
|
flex-direction: column;
|
|
font-weight: normal;
|
|
}
|
|
.chat-message .message-content .damage-roll .dice-result .dice-total .total {
|
|
font-weight: 700;
|
|
padding: 0 2ch;
|
|
}
|
|
.chat-message .message-content .damage-roll .dice-result .dice-total .total .increased-from {
|
|
color: var(--color-text-dark-2);
|
|
font-size: var(--font-size-16);
|
|
font-weight: normal;
|
|
vertical-align: 15%;
|
|
}
|
|
.chat-message .message-content .damage-roll .dice-result .dice-total .instances {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
font-size: var(--font-size-12);
|
|
justify-content: center;
|
|
line-height: var(--font-size-12);
|
|
margin-bottom: 0.2em;
|
|
vertical-align: top;
|
|
}
|
|
.chat-message .message-content .damage-roll .dice-result .dice-total .instances .instance {
|
|
padding: 0.15em 0.25em;
|
|
}
|
|
.chat-message .message-content .damage-roll .dice-result .dice-tooltip {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 0.25em;
|
|
margin-bottom: 0.25em;
|
|
}
|
|
.chat-message .message-content .damage-roll .dice-result .dice-tooltip .instance {
|
|
border-radius: 2px;
|
|
border-style: solid;
|
|
border-width: 1px;
|
|
}
|
|
.chat-message .message-content .damage-roll .dice-result .dice-tooltip .instance > header {
|
|
align-items: center;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
margin-bottom: 0.1em;
|
|
}
|
|
.chat-message .message-content .damage-roll .dice-result .dice-tooltip .instance .dice .part-formula, .chat-message .message-content .damage-roll .dice-result .dice-tooltip .instance .dice .part-total {
|
|
color: var(--color-text-dark-secondary);
|
|
}
|
|
.chat-message .message-content .damage-roll .dice-result .dice-tooltip .instance > header, .chat-message .message-content .damage-roll .dice-result .dice-tooltip .instance .dice {
|
|
padding: 0.2em;
|
|
}
|
|
.chat-message .message-content .damage-roll .dice-result .instance {
|
|
white-space: nowrap;
|
|
}
|
|
.chat-message .message-content .damage-roll .dice-result .instance:not(.tooltip-part), .chat-message .message-content .damage-roll .dice-result .instance.tooltip-part > header {
|
|
background: rgba(60, 60, 60, 0.125);
|
|
}
|
|
.chat-message .message-content .damage-roll .dice-result .instance.acid {
|
|
border-color: #007300;
|
|
color: #003300;
|
|
}
|
|
.chat-message .message-content .damage-roll .dice-result .instance.acid:not(.tooltip-part), .chat-message .message-content .damage-roll .dice-result .instance.acid.tooltip-part > header {
|
|
background: rgba(0, 115, 0, 0.125);
|
|
}
|
|
.chat-message .message-content .damage-roll .dice-result .instance.acid .icon {
|
|
color: #007300;
|
|
}
|
|
.chat-message .message-content .damage-roll .dice-result .instance.bleed {
|
|
border-color: #99001a;
|
|
color: #59000f;
|
|
}
|
|
.chat-message .message-content .damage-roll .dice-result .instance.bleed:not(.tooltip-part), .chat-message .message-content .damage-roll .dice-result .instance.bleed.tooltip-part > header {
|
|
background: rgba(153, 0, 26, 0.125);
|
|
}
|
|
.chat-message .message-content .damage-roll .dice-result .instance.bleed .icon {
|
|
color: #99001a;
|
|
}
|
|
.chat-message .message-content .damage-roll .dice-result .instance.bludgeoning {
|
|
border-color: #3c3c3c;
|
|
color: #1c1c1c;
|
|
}
|
|
.chat-message .message-content .damage-roll .dice-result .instance.bludgeoning:not(.tooltip-part), .chat-message .message-content .damage-roll .dice-result .instance.bludgeoning.tooltip-part > header {
|
|
background: rgba(60, 60, 60, 0.125);
|
|
}
|
|
.chat-message .message-content .damage-roll .dice-result .instance.bludgeoning .icon {
|
|
color: #3c3c3c;
|
|
}
|
|
.chat-message .message-content .damage-roll .dice-result .instance.chaotic {
|
|
border-color: #a600a6;
|
|
color: #660066;
|
|
}
|
|
.chat-message .message-content .damage-roll .dice-result .instance.chaotic:not(.tooltip-part), .chat-message .message-content .damage-roll .dice-result .instance.chaotic.tooltip-part > header {
|
|
background: rgba(166, 0, 166, 0.125);
|
|
}
|
|
.chat-message .message-content .damage-roll .dice-result .instance.chaotic .icon {
|
|
color: #a600a6;
|
|
}
|
|
.chat-message .message-content .damage-roll .dice-result .instance.cold {
|
|
border-color: #2f2fa6;
|
|
color: #212174;
|
|
}
|
|
.chat-message .message-content .damage-roll .dice-result .instance.cold:not(.tooltip-part), .chat-message .message-content .damage-roll .dice-result .instance.cold.tooltip-part > header {
|
|
background: rgba(47, 47, 166, 0.125);
|
|
}
|
|
.chat-message .message-content .damage-roll .dice-result .instance.cold .icon {
|
|
color: #2f2fa6;
|
|
}
|
|
.chat-message .message-content .damage-roll .dice-result .instance.electricity {
|
|
border-color: darkgoldenrod;
|
|
color: #7c5a07;
|
|
}
|
|
.chat-message .message-content .damage-roll .dice-result .instance.electricity:not(.tooltip-part), .chat-message .message-content .damage-roll .dice-result .instance.electricity.tooltip-part > header {
|
|
background: rgba(184, 134, 11, 0.125);
|
|
}
|
|
.chat-message .message-content .damage-roll .dice-result .instance.electricity .icon {
|
|
color: darkgoldenrod;
|
|
}
|
|
.chat-message .message-content .damage-roll .dice-result .instance.evil {
|
|
border-color: indigo;
|
|
color: #260042;
|
|
}
|
|
.chat-message .message-content .damage-roll .dice-result .instance.evil:not(.tooltip-part), .chat-message .message-content .damage-roll .dice-result .instance.evil.tooltip-part > header {
|
|
background: rgba(75, 0, 130, 0.125);
|
|
}
|
|
.chat-message .message-content .damage-roll .dice-result .instance.evil .icon {
|
|
color: indigo;
|
|
}
|
|
.chat-message .message-content .damage-roll .dice-result .instance.fire {
|
|
border-color: #a62f00;
|
|
color: #661d00;
|
|
}
|
|
.chat-message .message-content .damage-roll .dice-result .instance.fire:not(.tooltip-part), .chat-message .message-content .damage-roll .dice-result .instance.fire.tooltip-part > header {
|
|
background: rgba(166, 47, 0, 0.125);
|
|
}
|
|
.chat-message .message-content .damage-roll .dice-result .instance.fire .icon {
|
|
color: #a62f00;
|
|
}
|
|
.chat-message .message-content .damage-roll .dice-result .instance.force {
|
|
border-color: #6300aa;
|
|
color: #3e006a;
|
|
}
|
|
.chat-message .message-content .damage-roll .dice-result .instance.force:not(.tooltip-part), .chat-message .message-content .damage-roll .dice-result .instance.force.tooltip-part > header {
|
|
background: rgba(99, 0, 170, 0.125);
|
|
}
|
|
.chat-message .message-content .damage-roll .dice-result .instance.force .icon {
|
|
color: #6300aa;
|
|
}
|
|
.chat-message .message-content .damage-roll .dice-result .instance.good {
|
|
border-color: #9d730a;
|
|
color: #614706;
|
|
}
|
|
.chat-message .message-content .damage-roll .dice-result .instance.good:not(.tooltip-part), .chat-message .message-content .damage-roll .dice-result .instance.good.tooltip-part > header {
|
|
background: rgba(157, 115, 10, 0.125);
|
|
}
|
|
.chat-message .message-content .damage-roll .dice-result .instance.good .icon {
|
|
color: #9d730a;
|
|
}
|
|
.chat-message .message-content .damage-roll .dice-result .instance.lawful {
|
|
border-color: #402600;
|
|
color: black;
|
|
}
|
|
.chat-message .message-content .damage-roll .dice-result .instance.lawful:not(.tooltip-part), .chat-message .message-content .damage-roll .dice-result .instance.lawful.tooltip-part > header {
|
|
background: rgba(64, 38, 0, 0.125);
|
|
}
|
|
.chat-message .message-content .damage-roll .dice-result .instance.lawful .icon {
|
|
color: #402600;
|
|
}
|
|
.chat-message .message-content .damage-roll .dice-result .instance.mental {
|
|
border-color: midnightblue;
|
|
color: #0d0d3c;
|
|
}
|
|
.chat-message .message-content .damage-roll .dice-result .instance.mental:not(.tooltip-part), .chat-message .message-content .damage-roll .dice-result .instance.mental.tooltip-part > header {
|
|
background: rgba(25, 25, 112, 0.125);
|
|
}
|
|
.chat-message .message-content .damage-roll .dice-result .instance.mental .icon {
|
|
color: midnightblue;
|
|
}
|
|
.chat-message .message-content .damage-roll .dice-result .instance.negative {
|
|
border-color: #00001f;
|
|
color: #00001f;
|
|
}
|
|
.chat-message .message-content .damage-roll .dice-result .instance.negative:not(.tooltip-part), .chat-message .message-content .damage-roll .dice-result .instance.negative.tooltip-part > header {
|
|
background: rgba(0, 0, 31, 0.125);
|
|
}
|
|
.chat-message .message-content .damage-roll .dice-result .instance.negative .icon {
|
|
color: #00001f;
|
|
}
|
|
.chat-message .message-content .damage-roll .dice-result .instance.piercing {
|
|
border-color: #3c3c3c;
|
|
color: #1c1c1c;
|
|
}
|
|
.chat-message .message-content .damage-roll .dice-result .instance.piercing:not(.tooltip-part), .chat-message .message-content .damage-roll .dice-result .instance.piercing.tooltip-part > header {
|
|
background: rgba(60, 60, 60, 0.125);
|
|
}
|
|
.chat-message .message-content .damage-roll .dice-result .instance.piercing .icon {
|
|
color: #3c3c3c;
|
|
}
|
|
.chat-message .message-content .damage-roll .dice-result .instance.poison {
|
|
border-color: #5b7332;
|
|
color: #38471f;
|
|
}
|
|
.chat-message .message-content .damage-roll .dice-result .instance.poison:not(.tooltip-part), .chat-message .message-content .damage-roll .dice-result .instance.poison.tooltip-part > header {
|
|
background: rgba(91, 115, 50, 0.125);
|
|
}
|
|
.chat-message .message-content .damage-roll .dice-result .instance.poison .icon {
|
|
color: #5b7332;
|
|
}
|
|
.chat-message .message-content .damage-roll .dice-result .instance.positive {
|
|
border-color: #ffffe0;
|
|
color: #ffffa0;
|
|
}
|
|
.chat-message .message-content .damage-roll .dice-result .instance.positive:not(.tooltip-part), .chat-message .message-content .damage-roll .dice-result .instance.positive.tooltip-part > header {
|
|
background: rgba(255, 255, 224, 0.125);
|
|
text-shadow: 1px 1px black;
|
|
}
|
|
.chat-message .message-content .damage-roll .dice-result .instance.positive .icon {
|
|
color: #ffffe0;
|
|
}
|
|
.chat-message .message-content .damage-roll .dice-result .instance.slashing {
|
|
border-color: #3c3c3c;
|
|
color: #1c1c1c;
|
|
}
|
|
.chat-message .message-content .damage-roll .dice-result .instance.slashing:not(.tooltip-part), .chat-message .message-content .damage-roll .dice-result .instance.slashing.tooltip-part > header {
|
|
background: rgba(60, 60, 60, 0.125);
|
|
}
|
|
.chat-message .message-content .damage-roll .dice-result .instance.slashing .icon {
|
|
color: #3c3c3c;
|
|
}
|
|
.chat-message .message-content .damage-roll .dice-result .instance.sonic {
|
|
border-color: darkcyan;
|
|
color: #004b4b;
|
|
}
|
|
.chat-message .message-content .damage-roll .dice-result .instance.sonic:not(.tooltip-part), .chat-message .message-content .damage-roll .dice-result .instance.sonic.tooltip-part > header {
|
|
background: rgba(0, 139, 139, 0.125);
|
|
}
|
|
.chat-message .message-content .damage-roll .dice-result .instance.sonic .icon {
|
|
color: darkcyan;
|
|
}
|
|
.chat-message .message-content .damage-roll .dice-result .instance .precision, .chat-message .message-content .damage-roll .dice-result .instance .splash {
|
|
border-color: inherit;
|
|
border-width: 1px;
|
|
border-style: dotted;
|
|
padding: 1px 2px;
|
|
line-height: 0;
|
|
}
|
|
.chat-message .message-content .damage-roll .dice-result .dice-tooltip .damage-type {
|
|
margin-bottom: 3px;
|
|
}
|
|
.chat-message .message-content .damage-roll .dice-result .dice-tooltip .damage-type h3 {
|
|
text-transform: capitalize;
|
|
padding-left: 3px;
|
|
padding-right: 1px;
|
|
}
|
|
.chat-message .message-content .damage-roll .dice-result .dice-tooltip .damage-type i.fa {
|
|
flex: none;
|
|
margin: 2px;
|
|
}
|
|
.chat-message .message-content .damage-roll .dice-result .dice-tooltip .damage-type .dice {
|
|
margin-left: 2px;
|
|
margin-right: 2px;
|
|
}
|
|
.chat-message .message-content .damage-roll .dice-result .dice-tooltip .dice .part-header .part-flavor {
|
|
text-transform: capitalize;
|
|
}
|
|
.chat-message .message-content .damage-application {
|
|
display: flex;
|
|
justify-content: center;
|
|
margin-top: 3px;
|
|
order: 3;
|
|
}
|
|
.chat-message .message-content .damage-application button {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: column;
|
|
font-size: var(--font-size-18);
|
|
height: 2em;
|
|
justify-content: space-around;
|
|
line-height: unset;
|
|
padding: 0;
|
|
}
|
|
.chat-message .message-content .damage-application button.half-damage {
|
|
position: relative;
|
|
}
|
|
.chat-message .message-content .damage-application button.half-damage .transparent-half {
|
|
background: rgb(248, 247, 233);
|
|
display: block;
|
|
height: 24px;
|
|
left: 49%;
|
|
opacity: 0.6;
|
|
position: absolute;
|
|
top: 0px;
|
|
width: 10px;
|
|
}
|
|
.chat-message .message-content .damage-application button > img {
|
|
border: none;
|
|
height: var(--font-size-18);
|
|
}
|
|
.chat-message .message-content .damage-application button.heal-damage .fa-stack {
|
|
font-size: 0.5em;
|
|
}
|
|
.chat-message .message-content .damage-application button.heal-damage .fa-stack i.fa-plus {
|
|
font-size: var(--font-size-10);
|
|
}
|
|
.chat-message .message-content .damage-application button .label {
|
|
font-size: var(--font-size-9);
|
|
font-weight: 500;
|
|
text-transform: uppercase;
|
|
}
|
|
.chat-message .message-content .damage-taken .persistent {
|
|
font-style: normal;
|
|
margin-top: 1em;
|
|
}
|
|
.chat-message .message-content .damage-taken .persistent h4 {
|
|
border-bottom: 1px solid var(--color-underline-header);
|
|
max-width: fit-content;
|
|
}
|
|
.chat-message .message-content .damage-taken button.revert-damage {
|
|
align-items: center;
|
|
background: var(--bg-dark);
|
|
display: inline-flex;
|
|
justify-content: center;
|
|
width: 3ch;
|
|
margin-left: 2px;
|
|
}
|
|
.chat-message .message-content .damage-taken .reverted {
|
|
text-decoration: line-through;
|
|
}
|
|
.chat-message .flavor-text .pf2e-reroll-indicator {
|
|
float: right;
|
|
}
|
|
.chat-message .message-content .pf2e-reroll-discard .dice-total, .chat-message .message-content .pf2e-reroll-discard .dice-tooltip {
|
|
opacity: 0.3;
|
|
}
|
|
.chat-message .message-content .pf2e-reroll-second .dice-formula {
|
|
display: none;
|
|
}
|
|
.chat-message > .message-header {
|
|
align-items: center;
|
|
margin-bottom: 0.33em;
|
|
}
|
|
.chat-message > .message-content .dice-roll .statuseffect-message {
|
|
font-weight: 700;
|
|
}
|
|
.chat-message > .message-content .dice-roll .statuseffect-message ul {
|
|
padding: 0.5em;
|
|
margin: 0;
|
|
}
|
|
.chat-message > .message-content .dice-roll .statuseffect-message ul li {
|
|
cursor: help;
|
|
}
|
|
.chat-message > .message-content .dice-roll .statuseffect-rules {
|
|
font-size: var(--font-size-13);
|
|
font-weight: 500;
|
|
}
|
|
.chat-message > .message-content .dice-roll .statuseffect-rules h2 {
|
|
font-weight: 700;
|
|
}
|
|
section.compendium-sidebar .directory-header .header-search {
|
|
padding: 0 24px 0 3px;
|
|
}
|
|
section.compendium-sidebar li.compendium-type ol.document-matches {
|
|
background: rgba(0, 0, 0, 0.25);
|
|
padding: 0;
|
|
}
|
|
section.compendium-sidebar li.compendium-type ol.document-matches li.match {
|
|
align-items: center;
|
|
column-gap: 2px;
|
|
cursor: pointer;
|
|
display: grid;
|
|
font-size: var(--font-size-12);
|
|
grid-template-areas: "thumbnail name" "thumbnail details";
|
|
grid-template-columns: 38px 1fr;
|
|
grid-template-rows: 1fr 1fr;
|
|
list-style: none;
|
|
padding: 2px 0 2px 4px;
|
|
}
|
|
section.compendium-sidebar li.compendium-type ol.document-matches li.match:hover {
|
|
background: rgba(255, 255, 255, 0.1);
|
|
}
|
|
section.compendium-sidebar li.compendium-type ol.document-matches li.match > * {
|
|
align-items: inherit;
|
|
display: flex;
|
|
height: 100%;
|
|
}
|
|
section.compendium-sidebar li.compendium-type ol.document-matches li.match .thumbnail {
|
|
grid-area: thumbnail;
|
|
justify-content: start;
|
|
}
|
|
section.compendium-sidebar li.compendium-type ol.document-matches li.match .thumbnail img {
|
|
border: none;
|
|
height: 36px;
|
|
object-fit: contain;
|
|
object-position: 50% 0;
|
|
padding: 2px 0;
|
|
width: 36px;
|
|
}
|
|
section.compendium-sidebar li.compendium-type ol.document-matches li.match .name {
|
|
grid-area: name;
|
|
}
|
|
section.compendium-sidebar li.compendium-type ol.document-matches li.match .details {
|
|
color: var(--color-text-light-primary);
|
|
grid-area: details;
|
|
}
|
|
#pack-search-drag-preview {
|
|
background: url(../../../ui/parchment.jpg) repeat;
|
|
border-bottom: 1px solid var(--color-border-light-1);
|
|
border-top: 1px solid transparent;
|
|
box-shadow: none;
|
|
display: flex;
|
|
height: 50px;
|
|
line-height: 48px;
|
|
position: absolute;
|
|
text-shadow: 0 0 0.5rem var(--color-shadow-primary);
|
|
top: -1000px;
|
|
width: 328px;
|
|
}
|
|
#pack-search-drag-preview img {
|
|
border: none;
|
|
height: 48px;
|
|
}
|
|
#pack-search-drag-preview h4 {
|
|
color: var(--color-text-dark-primary);
|
|
font-size: var(--font-size-14);
|
|
}
|
|
.combat-sidebar li.combatant {
|
|
cursor: default;
|
|
padding: 3px 0 3px 3px;
|
|
}
|
|
.combat-sidebar li.combatant.gm-draggable {
|
|
cursor: grab;
|
|
}
|
|
.combat-sidebar li.combatant .token-name h4 {
|
|
flex-direction: row;
|
|
}
|
|
.combat-sidebar li.combatant .token-name h4 .users-targeting {
|
|
display: inline-block;
|
|
font-size: x-small;
|
|
line-height: inherit;
|
|
padding: 0 0.3em;
|
|
text-shadow: none;
|
|
vertical-align: bottom;
|
|
}
|
|
.combat-sidebar li.combatant.drag-preview {
|
|
background: rgba(0, 0, 0, 0.75);
|
|
box-shadow: 0 0 6px inset var(--color-shadow-highlight);
|
|
}
|
|
.combat-sidebar li.combatant.drag-gap {
|
|
visibility: hidden;
|
|
}
|
|
.combat-sidebar li.combatant .hidden-name .token-name h4 {
|
|
color: var(--color-text-light-7);
|
|
}
|
|
.hover {
|
|
cursor: pointer;
|
|
}
|
|
.hover-content {
|
|
display: none;
|
|
}
|
|
.crb-hover .tooltipster-box {
|
|
border-style: solid;
|
|
border-image-outset: 0;
|
|
border-width: 9px;
|
|
border-image: url("../assets/sheet/corner-box.webp") 9 repeat;
|
|
box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
|
|
background-color: rgba(0, 0, 0, 0.9);
|
|
overflow: visible;
|
|
}
|
|
.crb-hover .tooltipster-box .tooltipster-content {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
.crb-hover .tooltipster-box .tooltipster-content .hover-content {
|
|
display: flex;
|
|
min-width: 120px;
|
|
max-width: fit-content;
|
|
padding: 4px;
|
|
line-height: 1;
|
|
flex-direction: column;
|
|
}
|
|
.crb-hover .tooltipster-box .tooltipster-content .hover-content p {
|
|
font-size: var(--font-size-14);
|
|
font-family: var(--body-serif);
|
|
font-weight: 400;
|
|
}
|
|
.crb-hover .tooltipster-box .tooltipster-content .hover-content h1,
|
|
.crb-hover .tooltipster-box .tooltipster-content .hover-content h2,
|
|
.crb-hover .tooltipster-box .tooltipster-content .hover-content h3 {
|
|
font-size: var(--font-size-12);
|
|
font-weight: 500;
|
|
text-align: left;
|
|
}
|
|
.crb-hover .tooltipster-box .tooltipster-content .hover-content .sidebar_title {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: baseline;
|
|
border-bottom: 1px solid var(--sidebar-title);
|
|
margin: 0.25em 0 0.5em;
|
|
flex: 1 auto;
|
|
}
|
|
.crb-hover .tooltipster-box .tooltipster-content .hover-content .sidebar_title h2,
|
|
.crb-hover .tooltipster-box .tooltipster-content .hover-content .sidebar_title a {
|
|
font-family: var(--sans-serif);
|
|
font-size: var(--font-size-10);
|
|
text-transform: uppercase;
|
|
letter-spacing: 0.05em;
|
|
text-rendering: optimizeLegibility;
|
|
border: none;
|
|
margin: 0;
|
|
line-height: 1.5;
|
|
color: var(--sidebar-title);
|
|
}
|
|
.crb-hover .tooltipster-box .tooltipster-content .hover-content .sidebar_title h2 + h2,
|
|
.crb-hover .tooltipster-box .tooltipster-content .hover-content .sidebar_title a + h2 {
|
|
font-size: var(--font-size-11);
|
|
}
|
|
.crb-hover .tooltipster-box .tooltipster-content .hover-content .sidebar_title a {
|
|
color: white;
|
|
text-decoration: none;
|
|
}
|
|
.crb-hover .tooltipster-box .tooltipster-content .hover-content.select-shield {
|
|
width: 160px;
|
|
}
|
|
.crb-hover .tooltipster-box .tooltipster-content .hover-content.select-shield ul li.item .data {
|
|
position: relative;
|
|
top: -2px;
|
|
}
|
|
.crb-hover .tooltipster-box .tooltipster-content .hover-content.select-shield ul li.item .tag-legacy {
|
|
width: auto;
|
|
}
|
|
.crb-hover .tooltipster-box .tooltipster-content .hover-content a.item-location-option {
|
|
color: rgba(255, 255, 255, 0.5);
|
|
}
|
|
.crb-hover .tooltipster-box .tooltipster-content .hover-content a.item-location-option i.fas {
|
|
margin: 1px 4px 1px 0;
|
|
}
|
|
.crb-hover .tooltipster-box .tooltipster-content .hover-content a.item-location-option.selected {
|
|
color: white;
|
|
}
|
|
.crb-hover .tooltipster-box .tooltipster-content .hover-content ul {
|
|
list-style: none;
|
|
margin: 0;
|
|
padding: 0;
|
|
flex: 1 auto;
|
|
}
|
|
.crb-hover .tooltipster-box .tooltipster-content .hover-content ul input {
|
|
color: white;
|
|
border: none;
|
|
border-radius: 0;
|
|
background: transparent;
|
|
font-family: var(--body-serif);
|
|
width: 100%;
|
|
border-bottom: 1px solid rgba(255, 255, 255, 0.5);
|
|
}
|
|
.crb-hover .tooltipster-box .tooltipster-content .hover-content ul input:focus {
|
|
box-shadow: none;
|
|
border-bottom: 1px solid white;
|
|
}
|
|
.crb-hover .tooltipster-box .tooltipster-content .hover-content ul input:focus::placeholder {
|
|
color: transparent;
|
|
}
|
|
.crb-hover .tooltipster-box .tooltipster-content .hover-content ul input::placeholder {
|
|
color: rgba(255, 255, 255, 0.8);
|
|
}
|
|
.crb-hover .tooltipster-box .tooltipster-content .hover-content ul input::-webkit-outer-spin-button, .crb-hover .tooltipster-box .tooltipster-content .hover-content ul input::-webkit-inner-spin-button {
|
|
-webkit-appearance: none;
|
|
appearance: none;
|
|
margin: 0;
|
|
}
|
|
.crb-hover .tooltipster-box .tooltipster-content .hover-content ul input[type=number] {
|
|
appearance: textfield;
|
|
-moz-appearance: textfield;
|
|
}
|
|
.crb-hover .tooltipster-box .tooltipster-content .hover-content ul select {
|
|
border-radius: 2px;
|
|
height: 18px;
|
|
border: 1px solid white;
|
|
background: transparent;
|
|
cursor: pointer;
|
|
}
|
|
.crb-hover .tooltipster-box .tooltipster-content .hover-content ul select option {
|
|
font-size: 0.8rem;
|
|
min-height: 1rem;
|
|
color: var(--body);
|
|
text-transform: capitalize;
|
|
}
|
|
.crb-hover .tooltipster-box .tooltipster-content .hover-content ul label {
|
|
display: flex;
|
|
align-items: center;
|
|
text-align: left;
|
|
font-family: var(--serif);
|
|
font-weight: 500;
|
|
}
|
|
.crb-hover .tooltipster-box .tooltipster-content .hover-content ul .label,
|
|
.crb-hover .tooltipster-box .tooltipster-content .hover-content ul .data {
|
|
font-size: var(--font-size-12);
|
|
font-family: var(--serif);
|
|
font-weight: 400;
|
|
color: white;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
.crb-hover .tooltipster-box .tooltipster-content .hover-content ul .item {
|
|
display: grid;
|
|
grid: "data label close" min-content "data type close" min-content/30px 1fr;
|
|
margin: 8px 0;
|
|
align-items: center;
|
|
column-gap: 8px;
|
|
justify-items: start;
|
|
}
|
|
.crb-hover .tooltipster-box .tooltipster-content .hover-content ul .item:first-child {
|
|
border: none;
|
|
}
|
|
.crb-hover .tooltipster-box .tooltipster-content .hover-content ul .item.no-effect {
|
|
filter: opacity(0.5);
|
|
position: relative;
|
|
}
|
|
.crb-hover .tooltipster-box .tooltipster-content .hover-content ul .item .tag-legacy {
|
|
font-family: var(--sans-serif);
|
|
font-size: var(--font-size-10);
|
|
text-transform: uppercase;
|
|
letter-spacing: 0.05em;
|
|
text-rendering: optimizeLegibility;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
color: var(--tertiary);
|
|
grid-area: type;
|
|
letter-spacing: 0.5px;
|
|
white-space: nowrap;
|
|
width: min-content;
|
|
}
|
|
.crb-hover .tooltipster-box .tooltipster-content .hover-content ul .item .tag-legacy .remove-modifier {
|
|
white-space: nowrap;
|
|
}
|
|
.crb-hover .tooltipster-box .tooltipster-content .hover-content ul .item .label {
|
|
grid-area: label;
|
|
}
|
|
.crb-hover .tooltipster-box .tooltipster-content .hover-content ul .item .data {
|
|
grid-area: data;
|
|
text-align: right;
|
|
font-size: var(--font-size-21);
|
|
justify-self: right;
|
|
width: min-content;
|
|
padding-top: 2px;
|
|
}
|
|
.crb-hover .tooltipster-box .tooltipster-content .hover-content ul .item .remove-modifier {
|
|
grid-area: close;
|
|
font-size: 0.8rem;
|
|
cursor: pointer;
|
|
}
|
|
.crb-hover .tooltipster-box .tooltipster-content .hover-content ul .item.add-modifier {
|
|
border-top: 1px solid var(--sidebar-title);
|
|
padding-top: 5px;
|
|
grid: "value name name" 1fr "type type btn" 1fr/42px 1fr 1fr;
|
|
font-size: 0.8rem;
|
|
gap: 0.25rem 0.5rem;
|
|
align-items: baseline;
|
|
}
|
|
.crb-hover .tooltipster-box .tooltipster-content .hover-content ul .item.add-modifier .add-modifier-value {
|
|
grid-area: value;
|
|
font-size: 1rem;
|
|
text-align: right;
|
|
display: grid;
|
|
grid: "input plus" 1fr "input minus" 1fr/1fr 10px;
|
|
column-gap: 4px;
|
|
align-items: center;
|
|
}
|
|
.crb-hover .tooltipster-box .tooltipster-content .hover-content ul .item.add-modifier .add-modifier-value input {
|
|
grid-area: input;
|
|
}
|
|
.crb-hover .tooltipster-box .tooltipster-content .hover-content ul .item.add-modifier .add-modifier-value .fas {
|
|
font-size: var(--font-size-9);
|
|
cursor: pointer;
|
|
margin-top: 2px;
|
|
}
|
|
.crb-hover .tooltipster-box .tooltipster-content .hover-content ul .item.add-modifier .add-modifier-value .fas.fa-plus-circle {
|
|
grid-area: plus;
|
|
}
|
|
.crb-hover .tooltipster-box .tooltipster-content .hover-content ul .item.add-modifier .add-modifier-value .fas.fa-minus-circle {
|
|
grid-area: minus;
|
|
}
|
|
.crb-hover .tooltipster-box .tooltipster-content .hover-content ul .item.add-modifier .add-modifier-name {
|
|
grid-area: name;
|
|
}
|
|
.crb-hover .tooltipster-box .tooltipster-content .hover-content ul .item.add-modifier .add-modifier-submit {
|
|
font-family: var(--sans-serif);
|
|
font-size: var(--font-size-10);
|
|
text-transform: uppercase;
|
|
letter-spacing: 0.05em;
|
|
text-rendering: optimizeLegibility;
|
|
grid-area: btn;
|
|
white-space: nowrap;
|
|
line-height: 1.5;
|
|
background-color: black;
|
|
color: var(--tertiary);
|
|
}
|
|
.crb-hover .tooltipster-box .tooltipster-content .hover-content ul .disabled .label,
|
|
.crb-hover .tooltipster-box .tooltipster-content .hover-content ul .disabled .data,
|
|
.crb-hover .tooltipster-box .tooltipster-content .hover-content ul .disabled .data::placeholder {
|
|
color: rgba(255, 255, 255, 0.5);
|
|
}
|
|
.crb-hover .tooltipster-box .tooltipster-content .hover-content ul .disabled .label {
|
|
text-decoration: line-through;
|
|
}
|
|
.crb-hover .tooltipster-box .tooltipster-content .hover-content.manage-tabs ul li {
|
|
display: flex;
|
|
}
|
|
.crb-hover .tooltipster-box .tooltipster-content .hover-content.manage-tabs ul li label {
|
|
color: var(--tertiary);
|
|
flex-basis: 100%;
|
|
}
|
|
.crb-hover .tooltipster-box .tooltipster-content .hover-content.manage-tabs ul li input {
|
|
display: flex;
|
|
min-width: 2em;
|
|
}
|
|
.crb-hover .tooltipster-box .tooltipster-content .hover-content.carry-hover-content {
|
|
white-space: nowrap;
|
|
}
|
|
.crb-hover .tooltipster-box .tooltipster-content .hover-content.carry-hover-content a.item-control i.fas {
|
|
min-width: 1.25em;
|
|
}
|
|
.damage-dialog {
|
|
background: none;
|
|
box-shadow: none;
|
|
}
|
|
.damage-dialog .window-header {
|
|
border: none;
|
|
box-shadow: inset 0 0 0 1px #9f725b, inset 0 0 0 2px var(--tertiary), inset 0 0 0 3px #956d58, 0 0 20px rgba(0, 0, 0, 0.8);
|
|
background: linear-gradient(90deg, var(--secondary) 0%, #202b93 50%, var(--secondary) 100%);
|
|
border-radius: 0;
|
|
margin-bottom: 2px;
|
|
font-size: var(--font-size-13);
|
|
}
|
|
.damage-dialog .window-content {
|
|
border-style: solid;
|
|
border-image-outset: 0;
|
|
border-width: 9px;
|
|
border-image: url("../assets/sheet/corner-box.webp") 9 repeat;
|
|
box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
|
|
padding-top: 0;
|
|
}
|
|
.damage-dialog .window-content button {
|
|
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3), inset 0 0 0 2px rgba(255, 255, 255, 0.2);
|
|
background-color: var(--alt);
|
|
border-radius: 2px;
|
|
color: white;
|
|
cursor: pointer;
|
|
font-family: var(--sans-serif);
|
|
}
|
|
.damage-dialog .window-content button:hover {
|
|
text-shadow: 0 0 2px var(--tertiary);
|
|
}
|
|
.damage-dialog .window-content .dialog-row {
|
|
align-items: center;
|
|
display: grid;
|
|
grid: "mod type value exclude" 1fr/1.5fr 1fr 60px 55px;
|
|
padding: 8px 0;
|
|
}
|
|
.damage-dialog .window-content .dialog-row.header {
|
|
font-size: var(--font-size-13);
|
|
font-weight: 700;
|
|
padding-bottom: 0;
|
|
}
|
|
.damage-dialog .window-content .dialog-row.header + hr {
|
|
margin-bottom: 0;
|
|
}
|
|
.damage-dialog .window-content .dialog-row .type {
|
|
grid-area: type;
|
|
text-transform: capitalize;
|
|
}
|
|
.damage-dialog .window-content .dialog-row .dice-type {
|
|
margin-right: 10px;
|
|
}
|
|
.damage-dialog .window-content .dialog-row .dice-type, .damage-dialog .window-content .dialog-row .modifier-type {
|
|
display: flex;
|
|
}
|
|
.damage-dialog .window-content .dialog-row .dice-type .value, .damage-dialog .window-content .dialog-row .modifier-type .value {
|
|
margin-right: 8px;
|
|
}
|
|
.damage-dialog .window-content .dialog-row .dice-type .icon-container, .damage-dialog .window-content .dialog-row .modifier-type .icon-container {
|
|
display: table;
|
|
width: 35px;
|
|
}
|
|
.damage-dialog .window-content .dialog-row .dice-type .icon-container i, .damage-dialog .window-content .dialog-row .modifier-type .icon-container i {
|
|
display: table-cell;
|
|
vertical-align: middle;
|
|
text-align: start;
|
|
font-size: 1rem;
|
|
}
|
|
.damage-dialog .window-content .dialog-row .mod {
|
|
grid-area: mod;
|
|
}
|
|
.damage-dialog .window-content .dialog-row .no-mod {
|
|
filter: opacity(0.7);
|
|
}
|
|
.damage-dialog .window-content .dialog-row .value {
|
|
grid-area: value;
|
|
justify-self: center;
|
|
}
|
|
.damage-dialog .window-content .dialog-row .exclude {
|
|
grid-area: exclude;
|
|
justify-self: right;
|
|
}
|
|
.damage-dialog .window-content .dialog-row .exclude.toggle {
|
|
background: var(--secondary);
|
|
border-radius: 50px;
|
|
box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(255, 255, 255, 0.2);
|
|
cursor: pointer;
|
|
height: 19px;
|
|
margin: 4px auto;
|
|
position: relative;
|
|
width: 46px;
|
|
}
|
|
.damage-dialog .window-content .dialog-row .exclude.toggle::before {
|
|
color: white;
|
|
content: "ON";
|
|
left: 6px;
|
|
position: absolute;
|
|
z-index: 0;
|
|
}
|
|
.damage-dialog .window-content .dialog-row .exclude.toggle::after {
|
|
color: black;
|
|
content: "OFF";
|
|
position: absolute;
|
|
right: 4px;
|
|
text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.15);
|
|
z-index: 0;
|
|
}
|
|
.damage-dialog .window-content .dialog-row .exclude.toggle::after, .damage-dialog .window-content .dialog-row .exclude.toggle::before {
|
|
font-family: var(--sans-serif);
|
|
font-size: var(--font-size-10);
|
|
text-transform: uppercase;
|
|
letter-spacing: 0.05em;
|
|
text-rendering: optimizeLegibility;
|
|
top: 4px;
|
|
}
|
|
.damage-dialog .window-content .dialog-row .exclude.toggle label {
|
|
background: #fcfff4;
|
|
background: linear-gradient(to bottom, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
|
|
border-radius: 50px;
|
|
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2), 0px 2px 5px 0px rgba(0, 0, 0, 0.3);
|
|
cursor: pointer;
|
|
display: block;
|
|
height: 16px;
|
|
position: absolute;
|
|
right: 1px;
|
|
top: 1px;
|
|
transition: all 0.4s ease;
|
|
width: 19px;
|
|
z-index: 1;
|
|
}
|
|
.damage-dialog .window-content .dialog-row .exclude.toggle input[type=checkbox] {
|
|
visibility: hidden;
|
|
}
|
|
.damage-dialog .window-content .dialog-row .exclude.toggle input[type=checkbox]:not(:checked) + label {
|
|
right: 23px;
|
|
}
|
|
.damage-dialog .window-content .dialog-row .acid {
|
|
color: #007300;
|
|
}
|
|
.damage-dialog .window-content .dialog-row .bleed {
|
|
color: #99001a;
|
|
}
|
|
.damage-dialog .window-content .dialog-row .bludgeoning {
|
|
color: #3c3c3c;
|
|
}
|
|
.damage-dialog .window-content .dialog-row .chaotic {
|
|
color: #a600a6;
|
|
}
|
|
.damage-dialog .window-content .dialog-row .cold {
|
|
color: #2f2fa6;
|
|
}
|
|
.damage-dialog .window-content .dialog-row .electricity {
|
|
color: darkgoldenrod;
|
|
}
|
|
.damage-dialog .window-content .dialog-row .evil {
|
|
color: indigo;
|
|
}
|
|
.damage-dialog .window-content .dialog-row .fire {
|
|
color: #a62f00;
|
|
}
|
|
.damage-dialog .window-content .dialog-row .force {
|
|
color: #6300aa;
|
|
}
|
|
.damage-dialog .window-content .dialog-row .good {
|
|
color: #9d730a;
|
|
}
|
|
.damage-dialog .window-content .dialog-row .lawful {
|
|
color: #402600;
|
|
}
|
|
.damage-dialog .window-content .dialog-row .mental {
|
|
color: midnightblue;
|
|
}
|
|
.damage-dialog .window-content .dialog-row .negative {
|
|
color: #00001f;
|
|
}
|
|
.damage-dialog .window-content .dialog-row .piercing {
|
|
color: #3c3c3c;
|
|
}
|
|
.damage-dialog .window-content .dialog-row .poision {
|
|
color: #5b7332;
|
|
}
|
|
.damage-dialog .window-content .dialog-row .positive {
|
|
color: #ffffe0;
|
|
}
|
|
.damage-dialog .window-content .dialog-row .slashing {
|
|
color: #3c3c3c;
|
|
}
|
|
.damage-dialog .window-content .dialog-row .sonic {
|
|
color: darkcyan;
|
|
}
|
|
.damage-dialog .window-content .modifier-container {
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
.damage-dialog .window-content .modifier-container .dialog-row {
|
|
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
|
|
}
|
|
.damage-dialog .window-content .modifier-container .dialog-row:last-child {
|
|
border-bottom: none;
|
|
}
|
|
.damage-dialog .window-content .modifier-container .dialog-row .tag {
|
|
background-color: var(--sub);
|
|
border-radius: 2px;
|
|
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25);
|
|
color: white;
|
|
font-family: var(--sans-serif);
|
|
font-size: var(--font-size-10);
|
|
letter-spacing: 0.5px;
|
|
padding: 4px 8px;
|
|
text-transform: uppercase;
|
|
width: fit-content;
|
|
}
|
|
.damage-dialog .window-content .modifier-container .dialog-row.disabled {
|
|
text-decoration: line-through;
|
|
}
|
|
.damage-dialog .window-content .modifier-container .dialog-row.disabled span, .damage-dialog .window-content .modifier-container .dialog-row.disabled div {
|
|
filter: opacity(0.5);
|
|
}
|
|
.damage-dialog .window-content .modifier-container .dialog-row.disabled span i, .damage-dialog .window-content .modifier-container .dialog-row.disabled div i {
|
|
color: black;
|
|
}
|
|
.damage-dialog .window-content .modifier-container .dialog-row.disabled .toggle {
|
|
background: rgba(0, 0, 0, 0.4);
|
|
}
|
|
.damage-dialog .window-content .modifier-container .dialog-row.disabled .toggle input[type=checkbox] + label {
|
|
right: 26px;
|
|
}
|
|
.damage-dialog .window-content .modifier-container .dialog-row.disabled.hidden {
|
|
display: none;
|
|
}
|
|
.damage-dialog .window-content .modifier-container + hr {
|
|
margin-top: 0;
|
|
}
|
|
.damage-dialog .window-content .total-mod {
|
|
font-weight: 700;
|
|
padding: 0;
|
|
}
|
|
.damage-dialog .window-content .add-modifier-panel {
|
|
display: grid;
|
|
grid-template-columns: 100px 4.5fr 4.5fr 3.5fr 32px 50px;
|
|
column-gap: 4px;
|
|
justify-items: center;
|
|
}
|
|
.damage-dialog .window-content .add-modifier-panel select,
|
|
.damage-dialog .window-content .add-modifier-panel input {
|
|
height: auto;
|
|
}
|
|
.damage-dialog .window-content .add-modifier-panel .add-modifier-type {
|
|
cursor: pointer;
|
|
width: 100%;
|
|
}
|
|
.damage-dialog .window-content .add-modifier-panel .add-modifier-category {
|
|
cursor: pointer;
|
|
width: 100%;
|
|
}
|
|
.damage-dialog .window-content .add-modifier-panel .add-modifier-damage-type {
|
|
cursor: pointer;
|
|
width: 100%;
|
|
}
|
|
.damage-dialog .window-content .add-modifier-panel .add-modifier {
|
|
line-height: 1;
|
|
margin: 0;
|
|
padding: 4px 0;
|
|
text-transform: uppercase;
|
|
font-weight: 700;
|
|
font-size: 0.75rem;
|
|
}
|
|
.damage-dialog .window-content .add-dice-panel {
|
|
display: grid;
|
|
grid-template-columns: 100px 32px 1.5fr 3.5fr 3fr 50px;
|
|
column-gap: 4px;
|
|
justify-items: center;
|
|
}
|
|
.damage-dialog .window-content .add-dice-panel select,
|
|
.damage-dialog .window-content .add-dice-panel input {
|
|
height: auto;
|
|
}
|
|
.damage-dialog .window-content .add-dice-panel select:disabled {
|
|
cursor: default;
|
|
}
|
|
.damage-dialog .window-content .add-dice-panel .add-dice-faces {
|
|
cursor: pointer;
|
|
}
|
|
.damage-dialog .window-content .add-dice-panel .add-dice-type {
|
|
cursor: pointer;
|
|
width: 100%;
|
|
}
|
|
.damage-dialog .window-content .add-dice-panel .add-dice-category {
|
|
cursor: pointer;
|
|
width: 100%;
|
|
}
|
|
.damage-dialog .window-content .add-dice-panel .add-dice {
|
|
line-height: 1;
|
|
margin: 0;
|
|
padding: 4px 0;
|
|
text-transform: uppercase;
|
|
font-weight: 700;
|
|
font-size: 0.75rem;
|
|
}
|
|
.damage-dialog .window-content .roll-mode-panel {
|
|
display: flex;
|
|
flex-wrap: nowrap;
|
|
align-items: stretch;
|
|
}
|
|
.damage-dialog .window-content .roll-mode-panel .label {
|
|
flex: 1 40%;
|
|
}
|
|
.damage-dialog .window-content .roll-mode-panel select {
|
|
flex: 2 60%;
|
|
height: auto;
|
|
width: 100%;
|
|
margin-right: 4px;
|
|
border-radius: 2px;
|
|
cursor: pointer;
|
|
}
|
|
.damage-dialog .window-content .roll {
|
|
color: white;
|
|
background-color: var(--secondary);
|
|
}
|
|
.dice-checks {
|
|
background: none;
|
|
box-shadow: none;
|
|
}
|
|
.dice-checks .window-header {
|
|
border: none;
|
|
box-shadow: inset 0 0 0 1px #9f725b, inset 0 0 0 2px var(--tertiary), inset 0 0 0 3px #956d58, 0 0 20px rgba(0, 0, 0, 0.8);
|
|
background: linear-gradient(90deg, var(--secondary) 0%, #202b93 50%, var(--secondary) 100%);
|
|
border-radius: 0;
|
|
margin-bottom: 2px;
|
|
font-size: var(--font-size-13);
|
|
}
|
|
.dice-checks .window-content {
|
|
border-style: solid;
|
|
border-image-outset: 0;
|
|
border-width: 9px;
|
|
border-image: url("../assets/sheet/corner-box.webp") 9 repeat;
|
|
box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
|
|
padding-top: 0;
|
|
}
|
|
.dice-checks .window-content button {
|
|
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3), inset 0 0 0 2px rgba(255, 255, 255, 0.2);
|
|
background-color: var(--alt);
|
|
border-radius: 2px;
|
|
color: white;
|
|
cursor: pointer;
|
|
font-family: var(--sans-serif);
|
|
}
|
|
.dice-checks .window-content button:hover {
|
|
text-shadow: 0 0 2px var(--tertiary);
|
|
}
|
|
.dice-checks .window-content .dialog-row {
|
|
align-items: center;
|
|
display: grid;
|
|
grid: "mod type value exclude" 1fr/1.5fr 1fr 36px 50px;
|
|
padding: 8px 0;
|
|
}
|
|
.dice-checks .window-content .dialog-row.header {
|
|
font-size: var(--font-size-13);
|
|
font-weight: 700;
|
|
padding-bottom: 0;
|
|
}
|
|
.dice-checks .window-content .dialog-row.header + hr {
|
|
margin-bottom: 0;
|
|
}
|
|
.dice-checks .window-content .dialog-row .type {
|
|
grid-area: type;
|
|
text-transform: capitalize;
|
|
}
|
|
.dice-checks .window-content .dialog-row .mod {
|
|
grid-area: mod;
|
|
}
|
|
.dice-checks .window-content .dialog-row .value {
|
|
grid-area: value;
|
|
justify-self: center;
|
|
}
|
|
.dice-checks .window-content .dialog-row .exclude {
|
|
grid-area: exclude;
|
|
justify-self: right;
|
|
}
|
|
.dice-checks .window-content .dialog-row .exclude.toggle {
|
|
background: var(--secondary);
|
|
border-radius: 50px;
|
|
box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(255, 255, 255, 0.2);
|
|
cursor: pointer;
|
|
height: 19px;
|
|
margin: 4px auto;
|
|
position: relative;
|
|
width: 46px;
|
|
}
|
|
.dice-checks .window-content .dialog-row .exclude.toggle::before {
|
|
color: white;
|
|
content: "ON";
|
|
left: 6px;
|
|
position: absolute;
|
|
z-index: 0;
|
|
}
|
|
.dice-checks .window-content .dialog-row .exclude.toggle::after {
|
|
color: black;
|
|
content: "OFF";
|
|
position: absolute;
|
|
right: 4px;
|
|
text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.15);
|
|
z-index: 0;
|
|
}
|
|
.dice-checks .window-content .dialog-row .exclude.toggle::after, .dice-checks .window-content .dialog-row .exclude.toggle::before {
|
|
font-family: var(--sans-serif);
|
|
font-size: var(--font-size-10);
|
|
text-transform: uppercase;
|
|
letter-spacing: 0.05em;
|
|
text-rendering: optimizeLegibility;
|
|
top: 4px;
|
|
}
|
|
.dice-checks .window-content .dialog-row .exclude.toggle label {
|
|
background: #fcfff4;
|
|
background: linear-gradient(to bottom, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
|
|
border-radius: 50px;
|
|
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2), 0px 2px 5px 0px rgba(0, 0, 0, 0.3);
|
|
cursor: pointer;
|
|
display: block;
|
|
height: 16px;
|
|
position: absolute;
|
|
right: 1px;
|
|
top: 1px;
|
|
transition: all 0.4s ease;
|
|
width: 19px;
|
|
z-index: 1;
|
|
}
|
|
.dice-checks .window-content .dialog-row .exclude.toggle input[type=checkbox] {
|
|
visibility: hidden;
|
|
}
|
|
.dice-checks .window-content .dialog-row .exclude.toggle input[type=checkbox]:not(:checked) + label {
|
|
right: 23px;
|
|
}
|
|
.dice-checks .window-content .substitutions, .dice-checks .window-content .modifier-container {
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
.dice-checks .window-content .substitutions .dialog-row, .dice-checks .window-content .modifier-container .dialog-row {
|
|
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
|
|
}
|
|
.dice-checks .window-content .substitutions .dialog-row:last-child, .dice-checks .window-content .modifier-container .dialog-row:last-child {
|
|
border-bottom: none;
|
|
}
|
|
.dice-checks .window-content .substitutions .dialog-row .tag, .dice-checks .window-content .modifier-container .dialog-row .tag {
|
|
background-color: var(--sub);
|
|
border-radius: 2px;
|
|
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25);
|
|
color: white;
|
|
font-family: var(--sans-serif);
|
|
font-size: var(--font-size-10);
|
|
letter-spacing: 0.5px;
|
|
padding: 4px 8px;
|
|
text-transform: uppercase;
|
|
width: fit-content;
|
|
}
|
|
.dice-checks .window-content .substitutions .dialog-row.disabled, .dice-checks .window-content .modifier-container .dialog-row.disabled {
|
|
text-decoration: line-through;
|
|
}
|
|
.dice-checks .window-content .substitutions .dialog-row.disabled span, .dice-checks .window-content .modifier-container .dialog-row.disabled span {
|
|
filter: opacity(0.5);
|
|
}
|
|
.dice-checks .window-content .substitutions .dialog-row.disabled .toggle, .dice-checks .window-content .modifier-container .dialog-row.disabled .toggle {
|
|
background: rgba(0, 0, 0, 0.4);
|
|
}
|
|
.dice-checks .window-content .substitutions .dialog-row.disabled .toggle input[type=checkbox] + label, .dice-checks .window-content .modifier-container .dialog-row.disabled .toggle input[type=checkbox] + label {
|
|
right: 26px;
|
|
}
|
|
.dice-checks .window-content .substitutions .dialog-row.disabled.hidden, .dice-checks .window-content .modifier-container .dialog-row.disabled.hidden {
|
|
display: none;
|
|
}
|
|
.dice-checks .window-content .substitutions + hr, .dice-checks .window-content .modifier-container + hr {
|
|
margin-top: 0;
|
|
}
|
|
.dice-checks .window-content .total-mod {
|
|
font-weight: 700;
|
|
padding: 0;
|
|
}
|
|
.dice-checks .window-content .fate {
|
|
display: flex;
|
|
justify-content: space-evenly;
|
|
align-items: center;
|
|
}
|
|
.dice-checks .window-content .fate label {
|
|
cursor: pointer;
|
|
}
|
|
.dice-checks .window-content .add-modifier-panel {
|
|
display: flex;
|
|
flex-wrap: nowrap;
|
|
align-items: stretch;
|
|
}
|
|
.dice-checks .window-content .add-modifier-panel select,
|
|
.dice-checks .window-content .add-modifier-panel input {
|
|
margin-right: 4px;
|
|
height: auto;
|
|
border-radius: 2px;
|
|
}
|
|
.dice-checks .window-content .add-modifier-panel .add-modifier-type {
|
|
flex: 0 30%;
|
|
width: 100%;
|
|
cursor: pointer;
|
|
}
|
|
.dice-checks .window-content .add-modifier-panel .add-modifier-name {
|
|
flex: 1 40%;
|
|
}
|
|
.dice-checks .window-content .add-modifier-panel .add-modifier-value {
|
|
flex: 1 10%;
|
|
}
|
|
.dice-checks .window-content .add-modifier-panel .add-modifier {
|
|
flex: 1 20%;
|
|
line-height: 1;
|
|
margin: 0;
|
|
padding: 4px 0;
|
|
text-transform: uppercase;
|
|
font-weight: 700;
|
|
font-size: 0.75rem;
|
|
}
|
|
.dice-checks .window-content .roll-mode-panel {
|
|
display: flex;
|
|
flex-wrap: nowrap;
|
|
align-items: stretch;
|
|
}
|
|
.dice-checks .window-content .roll-mode-panel .label {
|
|
flex: 1 40%;
|
|
}
|
|
.dice-checks .window-content .roll-mode-panel select {
|
|
flex: 2 60%;
|
|
height: auto;
|
|
width: 100%;
|
|
margin-right: 4px;
|
|
border-radius: 2px;
|
|
cursor: pointer;
|
|
}
|
|
.dice-checks .window-content .roll {
|
|
color: white;
|
|
background-color: var(--secondary);
|
|
}
|
|
.dialog.trick-magic-item .dialog-content p {
|
|
font-weight: normal;
|
|
}
|
|
.dialog.trick-magic-item .dialog-buttons {
|
|
flex-direction: column;
|
|
}
|
|
.icon {
|
|
font-style: normal;
|
|
}
|
|
.icon.anger::before {
|
|
content: "💢︎";
|
|
}
|
|
.icon.bang::before {
|
|
content: "💥︎";
|
|
}
|
|
.icon.collision::before {
|
|
content: "💥︎";
|
|
}
|
|
.icon.crystal-ball::before {
|
|
content: "🔮︎";
|
|
}
|
|
.icon.dizzy::before {
|
|
content: "💫︎";
|
|
}
|
|
.icon.diamond-with-dot::before {
|
|
content: "💠︎";
|
|
}
|
|
.icon.gemstone::before {
|
|
content: "💎︎";
|
|
}
|
|
.icon.gem-stone::before {
|
|
content: "💎︎";
|
|
}
|
|
.icon.glowing-star::before {
|
|
content: "🌟︎";
|
|
}
|
|
.icon.prayer-beads::before {
|
|
content: "📿︎";
|
|
}
|
|
.icon.ring::before {
|
|
content: "💍︎";
|
|
}
|
|
.icon.sparkle::before {
|
|
content: "❇︎";
|
|
}
|
|
.icon.sparkler::before {
|
|
content: "🎇︎";
|
|
}
|
|
.icon.sparkles::before {
|
|
content: "✨︎";
|
|
}
|
|
#token-hud .status-effects {
|
|
grid-template-columns: repeat(5, 1fr);
|
|
width: auto;
|
|
}
|
|
#token-hud .status-effects .effect-control {
|
|
border-radius: 1px;
|
|
color: var(--color-text-dark-1);
|
|
cursor: pointer;
|
|
height: 36px;
|
|
opacity: 0.75;
|
|
position: relative;
|
|
width: 36px;
|
|
}
|
|
#token-hud .status-effects .effect-control.active img {
|
|
border: 1px solid var(--color-border-highlight);
|
|
opacity: 1;
|
|
}
|
|
#token-hud .status-effects .effect-control img {
|
|
border: 1px solid rgba(0, 0, 0, 0);
|
|
height: 35px;
|
|
margin: 0;
|
|
width: 35px;
|
|
}
|
|
#token-hud .status-effects .effect-control:not(.active):hover img {
|
|
border: 1px solid rgba(255, 100, 0, 0.5);
|
|
}
|
|
#token-hud .status-effects .effect-control .badge {
|
|
background: rgba(255, 255, 255, 0.9);
|
|
border-radius: 50%;
|
|
border: 0.1em solid darkred;
|
|
font-size: var(--font-size-8);
|
|
height: 0.8rem;
|
|
line-height: var(--font-size-10);
|
|
pointer-events: none;
|
|
position: absolute;
|
|
right: -3px;
|
|
text-align: center;
|
|
top: -3px;
|
|
width: 0.8rem;
|
|
z-index: 1;
|
|
}
|
|
#token-hud .status-effects .effect-control.overridden > * {
|
|
filter: saturate(0);
|
|
}
|
|
#token-hud .status-effects .effect-control.valued .badge {
|
|
font-size: var(--font-size-12);
|
|
font-style: unset;
|
|
font-weight: 500;
|
|
line-height: var(--font-size-12);
|
|
}
|
|
#token-hud .status-effects .title-bar {
|
|
background: rgba(0, 0, 0, 0.6);
|
|
border-radius: inherit;
|
|
border: inherit;
|
|
box-shadow: inherit;
|
|
box-sizing: content-box;
|
|
font-size: var(--font-size-14);
|
|
font-weight: normal;
|
|
left: 0;
|
|
line-height: normal;
|
|
padding: 3px 0;
|
|
position: absolute;
|
|
text-align: center;
|
|
top: -30px;
|
|
visibility: hidden;
|
|
width: 100%;
|
|
z-index: 1;
|
|
}
|
|
#token-hud .status-effects .title-bar.active {
|
|
visibility: visible;
|
|
}
|
|
/* ----------------------------------------- */
|
|
/* Tag Selector */
|
|
/* ----------------------------------------- */
|
|
#tag-selector .trait-list {
|
|
flex: 1;
|
|
list-style: none;
|
|
margin: 0 0 0.5em;
|
|
padding: 0;
|
|
overflow-y: auto;
|
|
scrollbar-width: thin;
|
|
}
|
|
#tag-selector .trait-list td.list {
|
|
text-align: left;
|
|
}
|
|
#tag-selector .trait-list td.list input[type=checkbox],
|
|
#tag-selector .trait-list td.list label {
|
|
float: left;
|
|
line-height: 1.6em;
|
|
height: 1.6em;
|
|
margin: 0px 2px;
|
|
padding: 0px;
|
|
font-size: inherit;
|
|
}
|
|
#tag-selector .trait-list td.list input[type=checkbox] {
|
|
clear: left;
|
|
}
|
|
#tag-selector .trait-header {
|
|
flex: 0 0 32px;
|
|
line-height: 32px;
|
|
text-align: center;
|
|
margin: 0;
|
|
}
|
|
#tag-selector .trait-header .header-search {
|
|
flex: 1;
|
|
}
|
|
#tag-selector .trait-header .header-search input {
|
|
background: rgba(255, 255, 245, 0.8);
|
|
width: calc(100% - 26px);
|
|
margin: 0 2px;
|
|
}
|
|
#tag-selector .trait-footer {
|
|
flex: 0 0 32px;
|
|
line-height: 32px;
|
|
margin: 0;
|
|
margin-bottom: 5px;
|
|
border-top: 1px solid grey;
|
|
}
|
|
#tag-selector .window {
|
|
overflow-y: hidden;
|
|
}
|
|
#tag-selector .window .trait-label {
|
|
line-height: normal;
|
|
}
|
|
#tag-selector .window .trait-selection-label {
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
#tag-selector .window .trait-selection-label .trait-label {
|
|
margin-left: 5px;
|
|
}
|
|
#tag-selector .window input:not([type=checkbox]) {
|
|
flex: 1.8;
|
|
}
|
|
.default section.window-content {
|
|
padding: 0;
|
|
overflow: hidden;
|
|
}
|
|
/* Adjust height of the header */
|
|
.ability-builder-popup .window-content {
|
|
background: url("../assets/sheet/background.webp");
|
|
background-repeat: repeat-x, no-repeat;
|
|
background-size: cover;
|
|
background-attachment: local;
|
|
height: 100%;
|
|
padding: 10px 20px 10px 20px;
|
|
position: relative;
|
|
}
|
|
.ability-builder-popup .window-content h3 {
|
|
font: 400 var(--font-size-24) var(--serif-condensed);
|
|
line-height: var(--font-size-24);
|
|
}
|
|
.ability-builder-popup .window-content h4 {
|
|
font: 400 var(--font-size-10) var(--sans-serif);
|
|
text-transform: uppercase;
|
|
color: #605856;
|
|
}
|
|
.ability-builder-popup .window-content button:focus:not(:focus-visible) {
|
|
box-shadow: none;
|
|
}
|
|
.ability-builder-popup .window-content .row {
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
.ability-builder-popup .window-content .row .row-heading {
|
|
width: 220px;
|
|
}
|
|
.ability-builder-popup .window-content .row.not-eligible {
|
|
pointer-events: none;
|
|
filter: blur(1px);
|
|
opacity: 0.6;
|
|
}
|
|
.ability-builder-popup .window-content .row.not-eligible .remaining {
|
|
visibility: hidden;
|
|
}
|
|
.ability-builder-popup .window-content .row .abilities {
|
|
display: grid;
|
|
grid-template-columns: repeat(6, 84px);
|
|
grid-template-rows: auto;
|
|
flex: 0 0 auto;
|
|
}
|
|
.ability-builder-popup .window-content .row .full-row {
|
|
display: flex;
|
|
flex: 1;
|
|
justify-content: center;
|
|
}
|
|
.ability-builder-popup .window-content header.row {
|
|
align-items: normal;
|
|
padding-top: 10px;
|
|
height: 60px;
|
|
}
|
|
.ability-builder-popup .window-content header.row .row-column {
|
|
display: block;
|
|
}
|
|
.ability-builder-popup .window-content header.row .abilities {
|
|
align-items: normal;
|
|
}
|
|
.ability-builder-popup .window-content .background-stripes {
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
bottom: 50px;
|
|
right: 0;
|
|
padding: 10px 20px 10px 20px;
|
|
pointer-events: none;
|
|
align-items: normal;
|
|
}
|
|
.ability-builder-popup .window-content .background-stripes .abilities div:nth-child(odd) {
|
|
background-color: rgba(68, 55, 48, 0.1);
|
|
}
|
|
.ability-builder-popup .window-content .voluntary-flaw-row {
|
|
margin: 0.5rem 0;
|
|
}
|
|
.ability-builder-popup .window-content .voluntary-flaw-row .flaw-buttons {
|
|
display: flex;
|
|
flex-direction: row;
|
|
}
|
|
.ability-builder-popup .window-content .voluntary-flaw-row .flaw-buttons button {
|
|
flex: 1 1 0;
|
|
}
|
|
.ability-builder-popup .window-content .voluntary-flaw-row .flaw-buttons button.first {
|
|
border-bottom-right-radius: 0;
|
|
border-right: none;
|
|
border-top-right-radius: 0;
|
|
width: 4em;
|
|
}
|
|
.ability-builder-popup .window-content .voluntary-flaw-row .flaw-buttons button.second {
|
|
border-bottom-left-radius: 0;
|
|
border-top-left-radius: 0;
|
|
max-width: 2em;
|
|
text-transform: none;
|
|
}
|
|
.ability-builder-popup .window-content .voluntary-flaw-row .flaw-buttons button.second.selected {
|
|
border-left-color: rgba(255, 255, 255, 0.5);
|
|
}
|
|
.ability-builder-popup .window-content .row-heading {
|
|
display: grid;
|
|
grid-template-columns: 42px 1fr auto;
|
|
grid-template-areas: "img description remaining";
|
|
align-items: center;
|
|
}
|
|
.ability-builder-popup .window-content .row-heading h3 {
|
|
grid-column: 1/4;
|
|
align-self: start;
|
|
font-size: var(--font-size-24);
|
|
}
|
|
.ability-builder-popup .window-content .row-heading .hint-container {
|
|
grid-column: 1/4;
|
|
}
|
|
.ability-builder-popup .window-content .row-heading img {
|
|
grid-area: img;
|
|
border: 0;
|
|
}
|
|
.ability-builder-popup .window-content .row-heading div.label {
|
|
grid-area: description;
|
|
display: flex;
|
|
flex-direction: column;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
margin-right: 10px;
|
|
}
|
|
.ability-builder-popup .window-content .row-heading div.remaining {
|
|
grid-area: remaining;
|
|
display: flex;
|
|
margin-right: 10px;
|
|
width: 1.6rem;
|
|
height: 1.6rem;
|
|
border-radius: 50%;
|
|
background: rgba(68, 55, 48, 0.1);
|
|
align-self: center;
|
|
align-items: center;
|
|
justify-content: center;
|
|
text-align: center;
|
|
}
|
|
.ability-builder-popup .window-content .row-heading div.remaining.extra {
|
|
animation: glow 0.5s infinite alternate;
|
|
}
|
|
@keyframes glow {
|
|
from {
|
|
box-shadow: 0 0 1px 1px #ffb351;
|
|
}
|
|
to {
|
|
box-shadow: 0 0 3px 3px #ffb351;
|
|
}
|
|
}
|
|
.ability-builder-popup .window-content .row-column {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
text-align: center;
|
|
}
|
|
.ability-builder-popup .window-content .row-column button {
|
|
align-items: center;
|
|
border: 1px solid var(--button-color);
|
|
color: var(--button-color);
|
|
display: flex;
|
|
font-size: var(--font-size-12);
|
|
justify-content: space-around;
|
|
outline: none;
|
|
margin: 0;
|
|
padding: 0.1em 0 0;
|
|
position: relative;
|
|
text-transform: uppercase;
|
|
width: 6em;
|
|
height: 1.5em;
|
|
}
|
|
.ability-builder-popup .window-content .row-column button.boost {
|
|
margin-top: auto;
|
|
--button-color: #316549;
|
|
--button-locked-color: #1b3c2a;
|
|
}
|
|
.ability-builder-popup .window-content .row-column button.flaw {
|
|
margin-bottom: auto;
|
|
--button-color: #5e0000;
|
|
--button-locked-color: #5e0000;
|
|
}
|
|
.ability-builder-popup .window-content .row-column button.selected {
|
|
background: var(--button-color);
|
|
}
|
|
.ability-builder-popup .window-content .row-column button:hover {
|
|
box-shadow: 0 0 5px var(--button-color);
|
|
cursor: pointer;
|
|
}
|
|
.ability-builder-popup .window-content .row-column button:hover.key-ability.selected {
|
|
box-shadow: none;
|
|
cursor: default;
|
|
}
|
|
.ability-builder-popup .window-content .row-column button:hover:disabled {
|
|
background: rgba(0, 0, 0, 0.04);
|
|
box-shadow: none;
|
|
cursor: not-allowed;
|
|
}
|
|
.ability-builder-popup .window-content .row-column button i.fas {
|
|
font-size: var(--font-size-10);
|
|
left: 0.5em;
|
|
position: absolute;
|
|
text-align: left;
|
|
}
|
|
.ability-builder-popup .window-content .row-column button.hidden {
|
|
pointer-events: none;
|
|
visibility: hidden;
|
|
}
|
|
.ability-builder-popup .window-content .row-column button:disabled {
|
|
background: rgba(0, 0, 0, 0.04);
|
|
opacity: 0.4;
|
|
}
|
|
.ability-builder-popup .window-content .row-column button:disabled:active {
|
|
pointer-events: none;
|
|
}
|
|
.ability-builder-popup .window-content .row-column button.locked {
|
|
background: var(--button-locked-color);
|
|
border-color: var(--button-locked-color);
|
|
pointer-events: none;
|
|
}
|
|
.ability-builder-popup .window-content .row-column button.locked, .ability-builder-popup .window-content .row-column button.selected {
|
|
color: white;
|
|
}
|
|
.ability-builder-popup .window-content .row-column div + .boost, .ability-builder-popup .window-content .row-column button + .boost {
|
|
margin-top: 4px;
|
|
}
|
|
.ability-builder-popup .window-content .summary-row .row-heading {
|
|
display: block;
|
|
}
|
|
.ability-builder-popup .window-content .summary-row .hint-container {
|
|
background: rgba(211, 204, 188, 0.4);
|
|
padding: 12px;
|
|
margin-right: 10px;
|
|
border: 1px solid rgb(211, 204, 188);
|
|
border-radius: 3px;
|
|
align-self: end;
|
|
}
|
|
.ability-builder-popup .window-content .summary-row .hint-container h3 {
|
|
color: var(--primary);
|
|
font-variant: small-caps;
|
|
font-size: var(--font-size-20);
|
|
line-height: var(--font-size-16);
|
|
font-family: var(--sans-serif-condensed);
|
|
font-weight: 500;
|
|
}
|
|
.ability-builder-popup .window-content .summary-row .hint-container p {
|
|
font-style: italic;
|
|
font-size: var(--font-size-12);
|
|
line-height: var(--font-size-14);
|
|
font-family: var(--sans-serif);
|
|
font-weight: 500;
|
|
margin-bottom: 3px;
|
|
}
|
|
.ability-builder-popup .window-content .summary-row .hint-container label {
|
|
display: flex;
|
|
align-items: center;
|
|
margin-top: 10px;
|
|
}
|
|
.ability-builder-popup .window-content .summary-row .abilities {
|
|
grid-template-rows: auto auto;
|
|
}
|
|
.ability-builder-popup .window-content .summary-row .row-column {
|
|
display: flex;
|
|
flex-direction: column;
|
|
padding-top: 10px;
|
|
}
|
|
.ability-builder-popup .window-content .summary-row .row-column .value {
|
|
height: 40px;
|
|
font: 700 var(--font-size-24) var(--serif);
|
|
line-height: var(--font-size-30);
|
|
}
|
|
.ability-builder-popup .window-content .summary-row .row-column input {
|
|
width: calc(100% - 20px);
|
|
flex-grow: 0;
|
|
height: 30px;
|
|
color: var(--text-dark);
|
|
font: 500 var(--font-size-24) var(--serif);
|
|
border: 0;
|
|
border-bottom: 1px solid #D3CCBC;
|
|
border-radius: 0;
|
|
background-color: transparent;
|
|
margin: 0 10px 10px 10px;
|
|
}
|
|
.ability-builder-popup .window-content .summary-row .row-column input::placeholder {
|
|
filter: opacity(0.5);
|
|
}
|
|
.ability-builder-popup .window-content .summary-row .row-column input:focus {
|
|
border-bottom: 1px solid var(--alt);
|
|
}
|
|
.ability-builder-popup .window-content .summary-row .row-column input[type=number] {
|
|
padding-bottom: 0;
|
|
padding-left: 4px;
|
|
}
|
|
.ability-builder-popup .window-content .summary-row .complete {
|
|
grid-row: 2;
|
|
grid-column: 1/7;
|
|
margin-top: 10px;
|
|
margin-left: auto;
|
|
}
|
|
.ability-builder-popup .window-content .summary-row button.complete {
|
|
color: white;
|
|
background: var(--secondary);
|
|
height: 35px;
|
|
width: 131px;
|
|
border: 1px solid var(--tertiary);
|
|
}
|
|
.ability-builder-popup .window-content .title {
|
|
color: var(--primary);
|
|
font: 500 var(--font-size-10) var(--sans-serif-condensed);
|
|
line-height: var(--font-size-10);
|
|
text-transform: uppercase;
|
|
}
|
|
.ability-builder-popup .window-content div[data-tooltip-content].description, .ability-builder-popup .window-content div[data-tooltip-content] .description {
|
|
text-decoration: underline dotted;
|
|
text-underline-offset: 2px;
|
|
}
|
|
.ability-builder-popup .window-content .description {
|
|
font: 600 var(--font-size-16) var(--serif);
|
|
}
|
|
.ability-builder-popup .window-content .extra {
|
|
display: flex;
|
|
align-items: center;
|
|
font-size: var(--font-size-12);
|
|
margin-top: -0.25rem;
|
|
}
|
|
.ability-builder-popup .window-content .extra .fas {
|
|
margin-left: 0.125rem;
|
|
}
|
|
.ability-builder-popup .window-content .extra input[type=checkbox] {
|
|
height: var(--font-size-12);
|
|
margin: 0;
|
|
}
|
|
.crb-hover .tooltipster-box .tooltipster-content .hover-content h2:not(:first-child) {
|
|
margin-top: 10px;
|
|
}
|
|
.crb-hover .tooltipster-box .tooltipster-content .hover-content ul.boost-details li {
|
|
white-space: nowrap;
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
}
|
|
.crb-hover .tooltipster-box .tooltipster-content .hover-content ul.boost-details li i {
|
|
font-size: var(--font-size-5);
|
|
margin-right: 5px;
|
|
}
|
|
.iwr-editor {
|
|
max-height: 500px;
|
|
}
|
|
.iwr-editor a.document-id-link {
|
|
display: none;
|
|
}
|
|
.iwr-editor .entries {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 0.5em;
|
|
}
|
|
.iwr-editor .entries .entry {
|
|
padding: 0.25em 0.5em;
|
|
}
|
|
.iwr-editor .entries .entry label {
|
|
flex: unset;
|
|
margin-right: 0.5em;
|
|
white-space: nowrap;
|
|
width: 6em;
|
|
}
|
|
.iwr-editor .entries .entry a.form-action, .iwr-editor .entries .entry i.synthetic-source {
|
|
flex: 0;
|
|
margin-left: auto;
|
|
}
|
|
.iwr-editor .entries .entry:not(.new):nth-child(odd) {
|
|
background-color: rgba(0, 0, 0, 0.075);
|
|
}
|
|
.iwr-editor select {
|
|
max-width: fit-content;
|
|
}
|
|
.iwr-editor select:disabled {
|
|
color: var(--color-text-dark-7);
|
|
}
|
|
.iwr-editor tags.tagify.pf2e-tagify {
|
|
background: rgba(0, 0, 0, 0.05);
|
|
border: 1px solid var(--color-border-light-tertiary);
|
|
}
|
|
.iwr-editor input[type=number] {
|
|
max-width: 5ch;
|
|
margin-left: 0.5em;
|
|
}
|
|
body > .choices__list--dropdown {
|
|
background-color: white;
|
|
position: fixed;
|
|
}
|
|
.actor.sheet .image-container {
|
|
position: relative;
|
|
}
|
|
.actor.sheet .image-container .actor-image {
|
|
cursor: pointer;
|
|
}
|
|
.actor.sheet .image-container .hover-icon {
|
|
display: none;
|
|
font-size: var(--font-size-16);
|
|
}
|
|
.actor.sheet .image-container:hover .hover-icon {
|
|
display: block;
|
|
}
|
|
.actor.sheet .image-container [data-action=show-image] {
|
|
position: absolute;
|
|
bottom: 0;
|
|
right: 0;
|
|
}
|
|
.actor.sheet h3 {
|
|
border-bottom: none;
|
|
}
|
|
.actor.sheet button > i {
|
|
margin-right: 0;
|
|
}
|
|
.actor.sheet .item-summary {
|
|
overflow: hidden;
|
|
}
|
|
.actor.sheet .item-summary .item-buttons button {
|
|
background-color: var(--primary);
|
|
border: none;
|
|
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.5);
|
|
border-top: 1px solid #ff5e5e;
|
|
border-bottom: 1px solid black;
|
|
color: white;
|
|
cursor: pointer;
|
|
font-family: var(--serif);
|
|
font-size: var(--font-size-14);
|
|
font-weight: 500;
|
|
line-height: 1.8em;
|
|
margin: 8px 0 0 0;
|
|
padding: 0 8px;
|
|
}
|
|
.actor.sheet .item-summary .item-buttons button:hover {
|
|
box-shadow: none;
|
|
text-shadow: 0 0 2px white;
|
|
}
|
|
.actor.sheet .expandable:not(.expanded) .item-summary {
|
|
display: none;
|
|
}
|
|
.actor.sheet .inventory ol:not(.currency) {
|
|
margin: 0;
|
|
padding: 0;
|
|
list-style: none;
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
.actor.sheet .inventory .item-name {
|
|
display: flex;
|
|
align-items: center;
|
|
font-weight: 500;
|
|
flex: 2;
|
|
}
|
|
.actor.sheet .inventory .item-name h3,
|
|
.actor.sheet .inventory .item-name h4 {
|
|
margin: auto auto auto 0;
|
|
line-height: var(--font-size-12);
|
|
padding: 2px;
|
|
word-break: break-word;
|
|
cursor: pointer;
|
|
}
|
|
.actor.sheet .inventory .item-name h3:hover,
|
|
.actor.sheet .inventory .item-name h4:hover {
|
|
color: var(--primary);
|
|
}
|
|
.actor.sheet .inventory .item-name span {
|
|
margin: 0 4px;
|
|
}
|
|
.actor.sheet .inventory .item-name .item-image {
|
|
box-shadow: inset 0 0 0 1px var(--tertiary);
|
|
margin-right: 4px;
|
|
}
|
|
.actor.sheet .inventory .item-name .item-image img {
|
|
border-radius: 0;
|
|
}
|
|
.actor.sheet .inventory .item-name .size {
|
|
font-size: 0.8em;
|
|
color: var(--alt);
|
|
margin: 0;
|
|
}
|
|
.actor.sheet .inventory .item-name .item-charges {
|
|
color: var(--sub);
|
|
}
|
|
.actor.sheet .inventory .inventory-list, .actor.sheet .inventory .inventory-items {
|
|
list-style-type: none;
|
|
flex-direction: column;
|
|
width: 100%;
|
|
position: relative;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
.actor.sheet .inventory .inventory-list > li:nth-of-type(even), .actor.sheet .inventory .inventory-items > li:nth-of-type(even) {
|
|
background-color: rgba(120, 100, 82, 0.1);
|
|
}
|
|
.actor.sheet .inventory .inventory-list .item, .actor.sheet .inventory .inventory-items .item {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
font-size: var(--font-size-12);
|
|
justify-content: flex-start;
|
|
width: 100%;
|
|
}
|
|
.actor.sheet .inventory .inventory-list .list-row:last-child .item-summary, .actor.sheet .inventory .inventory-items .list-row:last-child .item-summary {
|
|
border-bottom: none;
|
|
}
|
|
.actor.sheet .inventory .inventory-list .temporary-item, .actor.sheet .inventory .inventory-items .temporary-item {
|
|
background-color: rgba(0, 5, 255, 0.1137254902);
|
|
}
|
|
.actor.sheet .inventory .inventory-list {
|
|
overflow: hidden scroll;
|
|
scrollbar-width: thin;
|
|
scrollbar-color: var(--primary) transparent;
|
|
height: calc(100% - 60px);
|
|
padding-right: 0.15rem;
|
|
}
|
|
.actor.sheet .inventory .item-quantity,
|
|
.actor.sheet .inventory .item-weight,
|
|
.actor.sheet .inventory .item-controls,
|
|
.actor.sheet .inventory .item-sell-value {
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
flex: 0 0 68px;
|
|
}
|
|
.actor.sheet .inventory .item-sell-value {
|
|
justify-content: flex-end;
|
|
padding-right: 3px;
|
|
}
|
|
.actor.sheet .inventory .item-quantity {
|
|
justify-content: space-around;
|
|
}
|
|
.actor.sheet .inventory .item-quantity .item-decrease-quantity,
|
|
.actor.sheet .inventory .item-quantity .item-increase-quantity {
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
font-family: var(--sans-serif-monospace);
|
|
height: 100%;
|
|
text-align: center;
|
|
width: 18px;
|
|
}
|
|
.actor.sheet .inventory .item-weight {
|
|
flex: 0 0 36px;
|
|
font-weight: 500;
|
|
}
|
|
.actor.sheet .inventory .item-controls {
|
|
flex: 0 0 90px;
|
|
font-size: var(--font-size-12);
|
|
gap: 1px;
|
|
justify-content: flex-end;
|
|
}
|
|
.actor.sheet .inventory .inventory-header {
|
|
align-items: center;
|
|
background-color: var(--alt);
|
|
color: white;
|
|
display: flex;
|
|
font-family: var(--sans-serif);
|
|
font-size: var(--font-size-10);
|
|
justify-content: flex-end;
|
|
letter-spacing: 0.05em;
|
|
line-height: 1;
|
|
padding: 4px 0;
|
|
text-rendering: optimizeLegibility;
|
|
text-transform: uppercase;
|
|
width: 100%;
|
|
}
|
|
.actor.sheet .inventory .inventory-header h3 {
|
|
font-size: var(--font-size-14);
|
|
text-transform: capitalize;
|
|
text-shadow: 0 0 2px rgba(0, 0, 0, 0.75);
|
|
margin: 2px;
|
|
margin-left: 4px;
|
|
cursor: default;
|
|
}
|
|
.actor.sheet .inventory .inventory-header h3:hover {
|
|
color: white;
|
|
}
|
|
.actor.sheet .inventory .inventory-header .item-name {
|
|
padding-left: 4px;
|
|
}
|
|
.actor.sheet .inventory .inventory-header .item-sell-value,
|
|
.actor.sheet .inventory .inventory-header .item-quantity,
|
|
.actor.sheet .inventory .inventory-header .item-weight {
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
.actor.sheet .inventory .inventory-header .item-invested-total {
|
|
flex: none;
|
|
margin-right: 1em;
|
|
}
|
|
.actor.sheet .inventory .inventory-header .item-controls {
|
|
padding-right: 0.4em;
|
|
}
|
|
.actor.sheet .inventory .inventory-header .overinvested {
|
|
color: orange;
|
|
text-shadow: 1px 1px 0px black;
|
|
}
|
|
.actor.sheet .inventory .item {
|
|
width: 100%;
|
|
}
|
|
.actor.sheet .inventory .item .item-quantity,
|
|
.actor.sheet .inventory .item .item-weight,
|
|
.actor.sheet .inventory .item .item-controls,
|
|
.actor.sheet .inventory .item .item-sell-value {
|
|
border-left: 1px solid var(--alt);
|
|
}
|
|
.actor.sheet .inventory .list-row {
|
|
width: 100%;
|
|
}
|
|
.actor.sheet .inventory .list-row .item-controls {
|
|
color: var(--body);
|
|
font-size: var(--font-size-13);
|
|
}
|
|
.actor.sheet .inventory .list-row .item-controls .item-control.item-toggle-invest.active, .actor.sheet .inventory .list-row .item-controls .item-control.item-carry-type.active {
|
|
color: var(--secondary);
|
|
}
|
|
.actor.sheet .inventory .list-row .item-controls .item-control.item-carry-type {
|
|
color: rgba(0, 0, 0, 0.5);
|
|
text-align: right;
|
|
}
|
|
.actor.sheet .inventory .list-row .item-controls .item-control.item-toggle-invest {
|
|
color: rgba(0, 0, 0, 0.5);
|
|
}
|
|
.actor.sheet .inventory .list-row .item-controls .item-control .fa-stack {
|
|
margin: -3px -2px 0;
|
|
}
|
|
.actor.sheet .inventory .list-row .item-controls .item-control .fa-stack .fa-1, .actor.sheet .inventory .list-row .item-controls .item-control .fa-stack .fa-2 {
|
|
left: 1px;
|
|
position: relative;
|
|
}
|
|
.actor.sheet .inventory .list-row.drag-preview {
|
|
box-shadow: 0 0 6px inset var(--color-shadow-highlight);
|
|
}
|
|
.actor.sheet .inventory .list-row.drag-gap {
|
|
visibility: hidden;
|
|
}
|
|
.actor.sheet .inventory .container-metadata .container-capacity {
|
|
font-family: var(--sans-serif);
|
|
font-size: var(--font-size-10);
|
|
text-transform: uppercase;
|
|
letter-spacing: 0.05em;
|
|
text-rendering: optimizeLegibility;
|
|
position: relative;
|
|
background-color: rgba(0, 0, 0, 0.75);
|
|
box-shadow: inset 0 0 4px black;
|
|
color: white;
|
|
display: flex;
|
|
width: 100%;
|
|
}
|
|
.actor.sheet .inventory .container-metadata .container-capacity .container-capacity-bar {
|
|
background-color: var(--secondary);
|
|
border-radius: 0 2px 2px 0;
|
|
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.5), inset 0 0 0 2px rgba(255, 255, 255, 0.1);
|
|
padding: 8px 0;
|
|
}
|
|
.actor.sheet .inventory .container-metadata .container-capacity .container-capacity-label {
|
|
position: absolute;
|
|
height: 100%;
|
|
top: 0;
|
|
left: 0;
|
|
padding: 2px;
|
|
}
|
|
.actor.sheet .inventory .container-metadata .container-capacity.over-limit .container-capacity-bar {
|
|
background-color: var(--primary);
|
|
}
|
|
.actor.sheet .inventory .container-metadata .container-held-items {
|
|
padding-left: 10px;
|
|
}
|
|
.actor.sheet .inventory .container-metadata .container-held-items li:nth-of-type(even) {
|
|
background-color: rgba(120, 100, 82, 0.1);
|
|
}
|
|
.actor.sheet .inventory .container-metadata .container-held-items li:first-of-type .item::before {
|
|
height: 50%;
|
|
top: 0;
|
|
}
|
|
.actor.sheet .inventory .container-metadata .container-held-items li:last-of-type .item::after {
|
|
border: none;
|
|
}
|
|
.actor.sheet .inventory .container-metadata .container-held-items .item {
|
|
position: relative;
|
|
}
|
|
.actor.sheet .inventory .container-metadata .container-held-items .item::before, .actor.sheet .inventory .container-metadata .container-held-items .item::after {
|
|
position: absolute;
|
|
border-left: 1px solid var(--alt);
|
|
top: 0;
|
|
height: 50%;
|
|
left: -5px;
|
|
width: 5px;
|
|
content: "";
|
|
}
|
|
.actor.sheet .inventory .container-metadata .container-held-items .item::before {
|
|
border-bottom: 1px solid var(--alt);
|
|
top: 0;
|
|
}
|
|
.actor.sheet .inventory .container-metadata .container-held-items .item::after {
|
|
top: 50%;
|
|
}
|
|
.actor.sheet .inventory .container-metadata .container-held-items .item .item-summary {
|
|
border-left: 1px solid var(--alt);
|
|
}
|
|
.actor.sheet .inventory .item-summary {
|
|
flex: 100%;
|
|
padding: 4px 8px 8px;
|
|
border-top: 1px solid var(--alt);
|
|
border-bottom: 1px solid var(--alt);
|
|
background: var(--bg);
|
|
}
|
|
.actor.sheet .inventory .item-summary span[data-visibility=all] {
|
|
display: inline-block;
|
|
line-height: 1em;
|
|
padding: 2px 1px 1px;
|
|
}
|
|
.actor.sheet .inventory .item-summary .item-buttons .weapon_attack {
|
|
background: var(--primary);
|
|
}
|
|
.actor.sheet .inventory .item-summary .item-buttons .weapon_attack2, .actor.sheet .inventory .item-summary .item-buttons .weapon_attack3 {
|
|
color: rgba(0, 0, 0, 0.75);
|
|
background: var(--tertiary);
|
|
flex: 0 50%;
|
|
margin-top: 0;
|
|
}
|
|
.actor.sheet .inventory .item-summary .item-buttons .weapon_attack2 {
|
|
border-radius: 0 0 0 2px;
|
|
}
|
|
.actor.sheet .inventory .item-summary .item-buttons .weapon_attack3 {
|
|
border-radius: 0 0 2px 0;
|
|
}
|
|
.actor.sheet .item-image {
|
|
display: flex;
|
|
cursor: pointer;
|
|
position: relative;
|
|
font-size: var(--font-size-16);
|
|
height: 24px;
|
|
width: 24px;
|
|
}
|
|
.actor.sheet .item-image.framed {
|
|
background-color: var(--tertiary);
|
|
}
|
|
.actor.sheet .item-image.framed img {
|
|
border-radius: 2px;
|
|
}
|
|
.actor.sheet .item-image.framed, .actor.sheet .item-image.framed i {
|
|
border: none;
|
|
border-radius: 2px;
|
|
box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px #9f725b, inset 0 0 4px rgba(0, 0, 0, 0.5);
|
|
}
|
|
.actor.sheet .item-image img {
|
|
border: none;
|
|
}
|
|
.actor.sheet .item-image i {
|
|
display: none;
|
|
position: absolute;
|
|
width: 100%;
|
|
height: 100%;
|
|
color: black;
|
|
box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.5);
|
|
}
|
|
.actor.sheet .item-image:hover i {
|
|
background: #f1eee9;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
.actor.sheet .alignment-select {
|
|
background-color: #566193;
|
|
border: 2px solid #d8c384;
|
|
color: white;
|
|
}
|
|
.actor.sheet .size-select {
|
|
background-color: #3a7a58;
|
|
border: 2px solid #d8c384;
|
|
color: white;
|
|
}
|
|
.actor.sheet .rarity-select {
|
|
border: 2px solid #d8c384;
|
|
color: white;
|
|
}
|
|
.actor.sheet .rarity-select.common {
|
|
background-color: #323232;
|
|
}
|
|
.actor.sheet .rarity-select.uncommon {
|
|
background-color: #98513d;
|
|
}
|
|
.actor.sheet .rarity-select.rare {
|
|
background-color: #002664;
|
|
}
|
|
.actor.sheet .rarity-select.unique {
|
|
background-color: #54166e;
|
|
}
|
|
.actor.sheet.character .crb-style .skill-prof .pf-rank, .actor.sheet.character .crb-style .save-prof .pf-rank, .actor.sheet.character .crb-style .perception-prof .pf-rank, .actor.sheet.character .crb-style .spellcasting-prof .pf-rank, .actor.sheet.character .crb-style .classdc-rank .pf-rank {
|
|
font-family: var(--sans-serif);
|
|
font-size: var(--font-size-10);
|
|
text-transform: uppercase;
|
|
letter-spacing: 0.05em;
|
|
text-rendering: optimizeLegibility;
|
|
align-items: center;
|
|
background: #424242;
|
|
border-radius: 2px;
|
|
border: 1px solid rgba(0, 0, 0, 0.5);
|
|
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
|
|
color: var(--text-light);
|
|
cursor: pointer;
|
|
display: flex;
|
|
font-weight: 500;
|
|
justify-content: center;
|
|
padding: 2px 1px 1px 1px;
|
|
text-align-last: center;
|
|
}
|
|
.actor.sheet.character .crb-style .skill-prof .pf-rank.readonly, .actor.sheet.character .crb-style .save-prof .pf-rank.readonly, .actor.sheet.character .crb-style .perception-prof .pf-rank.readonly, .actor.sheet.character .crb-style .spellcasting-prof .pf-rank.readonly, .actor.sheet.character .crb-style .classdc-rank .pf-rank.readonly {
|
|
pointer-events: none;
|
|
}
|
|
.actor.sheet.character .crb-style .skill-prof span, .actor.sheet.character .crb-style .save-prof span, .actor.sheet.character .crb-style .perception-prof span, .actor.sheet.character .crb-style .spellcasting-prof span, .actor.sheet.character .crb-style .classdc-rank span {
|
|
min-width: 61px;
|
|
pointer-events: none;
|
|
}
|
|
.actor.sheet.character .crb-style .skill-prof option[value="0"], .actor.sheet.character .crb-style .save-prof option[value="0"], .actor.sheet.character .crb-style .perception-prof option[value="0"], .actor.sheet.character .crb-style .spellcasting-prof option[value="0"], .actor.sheet.character .crb-style .classdc-rank option[value="0"] {
|
|
background: #424242;
|
|
}
|
|
.actor.sheet.character .crb-style .skill-prof span.trained, .actor.sheet.character .crb-style .skill-prof select[data-rank="1"], .actor.sheet.character .crb-style .skill-prof option[value="1"], .actor.sheet.character .crb-style .save-prof span.trained, .actor.sheet.character .crb-style .save-prof select[data-rank="1"], .actor.sheet.character .crb-style .save-prof option[value="1"], .actor.sheet.character .crb-style .perception-prof span.trained, .actor.sheet.character .crb-style .perception-prof select[data-rank="1"], .actor.sheet.character .crb-style .perception-prof option[value="1"], .actor.sheet.character .crb-style .spellcasting-prof span.trained, .actor.sheet.character .crb-style .spellcasting-prof select[data-rank="1"], .actor.sheet.character .crb-style .spellcasting-prof option[value="1"], .actor.sheet.character .crb-style .classdc-rank span.trained, .actor.sheet.character .crb-style .classdc-rank select[data-rank="1"], .actor.sheet.character .crb-style .classdc-rank option[value="1"] {
|
|
background: #171f69;
|
|
}
|
|
.actor.sheet.character .crb-style .skill-prof span.expert, .actor.sheet.character .crb-style .skill-prof select[data-rank="2"], .actor.sheet.character .crb-style .skill-prof option[value="2"], .actor.sheet.character .crb-style .save-prof span.expert, .actor.sheet.character .crb-style .save-prof select[data-rank="2"], .actor.sheet.character .crb-style .save-prof option[value="2"], .actor.sheet.character .crb-style .perception-prof span.expert, .actor.sheet.character .crb-style .perception-prof select[data-rank="2"], .actor.sheet.character .crb-style .perception-prof option[value="2"], .actor.sheet.character .crb-style .spellcasting-prof span.expert, .actor.sheet.character .crb-style .spellcasting-prof select[data-rank="2"], .actor.sheet.character .crb-style .spellcasting-prof option[value="2"], .actor.sheet.character .crb-style .classdc-rank span.expert, .actor.sheet.character .crb-style .classdc-rank select[data-rank="2"], .actor.sheet.character .crb-style .classdc-rank option[value="2"] {
|
|
background: #3c005e;
|
|
}
|
|
.actor.sheet.character .crb-style .skill-prof span.master, .actor.sheet.character .crb-style .skill-prof select[data-rank="3"], .actor.sheet.character .crb-style .skill-prof option[value="3"], .actor.sheet.character .crb-style .save-prof span.master, .actor.sheet.character .crb-style .save-prof select[data-rank="3"], .actor.sheet.character .crb-style .save-prof option[value="3"], .actor.sheet.character .crb-style .perception-prof span.master, .actor.sheet.character .crb-style .perception-prof select[data-rank="3"], .actor.sheet.character .crb-style .perception-prof option[value="3"], .actor.sheet.character .crb-style .spellcasting-prof span.master, .actor.sheet.character .crb-style .spellcasting-prof select[data-rank="3"], .actor.sheet.character .crb-style .spellcasting-prof option[value="3"], .actor.sheet.character .crb-style .classdc-rank span.master, .actor.sheet.character .crb-style .classdc-rank select[data-rank="3"], .actor.sheet.character .crb-style .classdc-rank option[value="3"] {
|
|
background: #664400;
|
|
}
|
|
.actor.sheet.character .crb-style .skill-prof span.legendary, .actor.sheet.character .crb-style .skill-prof select[data-rank="4"], .actor.sheet.character .crb-style .skill-prof option[value="4"], .actor.sheet.character .crb-style .save-prof span.legendary, .actor.sheet.character .crb-style .save-prof select[data-rank="4"], .actor.sheet.character .crb-style .save-prof option[value="4"], .actor.sheet.character .crb-style .perception-prof span.legendary, .actor.sheet.character .crb-style .perception-prof select[data-rank="4"], .actor.sheet.character .crb-style .perception-prof option[value="4"], .actor.sheet.character .crb-style .spellcasting-prof span.legendary, .actor.sheet.character .crb-style .spellcasting-prof select[data-rank="4"], .actor.sheet.character .crb-style .spellcasting-prof option[value="4"], .actor.sheet.character .crb-style .classdc-rank span.legendary, .actor.sheet.character .crb-style .classdc-rank select[data-rank="4"], .actor.sheet.character .crb-style .classdc-rank option[value="4"] {
|
|
background: #5e0000;
|
|
}
|
|
.actor.sheet.character .crb-style aside .sidebar a.roll-icon.rest {
|
|
padding-bottom: 0;
|
|
}
|
|
.actor.sheet.character .crb-style aside .sidebar .class-dc.secondary {
|
|
margin-top: 0.2em;
|
|
}
|
|
.actor.sheet.character .crb-style aside .sidebar .class-dc .classdc-rank {
|
|
align-items: center;
|
|
display: flex;
|
|
gap: 0.5em;
|
|
}
|
|
.actor.sheet.character .crb-style header.char-header .char-details .dots {
|
|
display: flex;
|
|
font-size: var(--font-size-10);
|
|
}
|
|
.actor.sheet.character .crb-style header.char-header .char-details .dots .label {
|
|
color: var(--sidebar-label);
|
|
padding-left: 3px;
|
|
margin-right: 8px;
|
|
font-weight: 700;
|
|
}
|
|
.actor.sheet.character .crb-style header.char-header .char-level .exp-data {
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: space-between;
|
|
padding: 0.5em 0;
|
|
position: relative;
|
|
}
|
|
.actor.sheet.character .crb-style header.char-header .char-level .exp-data .exp-input {
|
|
font-size: var(--font-size-13);
|
|
height: 1.5em;
|
|
}
|
|
.actor.sheet.character .crb-style header.char-header .char-level .exp-data .exp-input input {
|
|
color: var(--text-light);
|
|
font-family: var(--sans-serif);
|
|
text-align: right;
|
|
width: 3em;
|
|
}
|
|
.actor.sheet.character .crb-style header.char-header .char-level .exp-data .exp-input .slash {
|
|
color: var(--sidebar-label);
|
|
}
|
|
.actor.sheet.character .crb-style header.char-header .char-level .exp-data progress {
|
|
background-color: unset;
|
|
border: 1px solid rgba(255, 255, 255, 0.1);
|
|
border-left: none;
|
|
bottom: 7px;
|
|
box-shadow: 0 0 2px var(--sidebar-label);
|
|
height: 5px;
|
|
left: -9px;
|
|
position: absolute;
|
|
width: 7em;
|
|
}
|
|
.actor.sheet.character .crb-style header.char-header .char-level .exp-data progress::-moz-progress-bar {
|
|
background: var(--sidebar-title);
|
|
}
|
|
.actor.sheet.character .crb-style header.char-header .char-level .exp-data progress::-webkit-progress-bar {
|
|
background: rgba(0, 0, 0, 0.2);
|
|
}
|
|
.actor.sheet.character .crb-style header.char-header .char-level .exp-data progress::-webkit-progress-value {
|
|
background: var(--sidebar-title);
|
|
}
|
|
.actor.sheet.character .crb-style nav.sheet-navigation .item.to-hide {
|
|
opacity: 45%;
|
|
}
|
|
.actor.sheet.character .crb-style nav.sheet-navigation .item.hidden {
|
|
display: none;
|
|
}
|
|
.actor.sheet.character .crb-style nav.sheet-navigation .item .pfs-icon {
|
|
clip-rule: evenodd;
|
|
fill-rule: evenodd;
|
|
padding: 4px;
|
|
position: relative;
|
|
stroke-linejoin: round;
|
|
stroke-miterlimit: 2;
|
|
top: -1px;
|
|
}
|
|
.actor.sheet.character .crb-style nav.sheet-navigation .item .pfs-icon path {
|
|
fill-rule: nonzero;
|
|
}
|
|
.actor.sheet.character .crb-style nav.sheet-navigation .manage-tabs {
|
|
color: white;
|
|
margin: 0;
|
|
padding: 0 6px;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content > .tab.active {
|
|
display: flex;
|
|
height: 100%;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content > .tab:not(.inventory, .actions),
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab-content {
|
|
overflow: hidden scroll;
|
|
scrollbar-width: thin;
|
|
scrollbar-color: var(--primary) transparent;
|
|
flex-grow: 1;
|
|
min-height: 0;
|
|
overflow: hidden scroll;
|
|
margin-left: 8px;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content nav + .tab-content {
|
|
padding-top: 12px;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content h3.header {
|
|
position: relative;
|
|
margin-top: 0.75em;
|
|
font-size: var(--font-size-16);
|
|
font-family: var(--serif);
|
|
font-weight: 600;
|
|
color: var(--primary);
|
|
line-height: 1;
|
|
border-bottom: 1px solid var(--color-border-divider);
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content h3.header > button, .actor.sheet.character .crb-style .sheet-body .sheet-content h3.header > .controls {
|
|
position: absolute;
|
|
bottom: -1px;
|
|
right: 0;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content h3.header .controls {
|
|
display: flex;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content h3.header button {
|
|
background: transparent;
|
|
border-radius: 2px 2px 0 0;
|
|
border: 1px solid var(--color-border-divider);
|
|
color: var(--primary);
|
|
cursor: pointer;
|
|
font-family: var(--sans-serif);
|
|
font-size: var(--font-size-12);
|
|
font-weight: 500;
|
|
height: 20px;
|
|
line-height: var(--font-size-12);
|
|
margin: 0;
|
|
outline: none;
|
|
text-transform: uppercase;
|
|
width: auto;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .item-image {
|
|
cursor: pointer;
|
|
display: flex;
|
|
font-size: var(--font-size-16);
|
|
height: 24px;
|
|
min-width: 24px;
|
|
position: relative;
|
|
width: 24px;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .item-image img {
|
|
border: none;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .item-image i {
|
|
display: none;
|
|
position: absolute;
|
|
width: 100%;
|
|
height: 100%;
|
|
color: black;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .item-image:hover i {
|
|
background: #f1eee9;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .item-image.framed {
|
|
background-color: var(--tertiary);
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .item-image.framed, .actor.sheet.character .crb-style .sheet-body .sheet-content .item-image.framed i {
|
|
border: none;
|
|
border-radius: 2px;
|
|
box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px #9f725b, inset 0 0 4px rgba(0, 0, 0, 0.5);
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab {
|
|
flex-direction: column;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character select {
|
|
width: calc(100% - 6px);
|
|
background-color: var(--alt);
|
|
border: 1px solid #605041;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character select:disabled {
|
|
cursor: initial;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character hr {
|
|
margin: 10px 6px 10px 0;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .pc h3 {
|
|
background-color: rgba(28, 28, 28, 0.1);
|
|
border: none;
|
|
color: var(--body);
|
|
display: flex;
|
|
font: 700 var(--font-size-14) var(--body-serif);
|
|
grid-area: mod;
|
|
line-height: 1;
|
|
margin: 0;
|
|
padding: 8px 4px 6px;
|
|
width: calc(100% - 6px);
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .pc h3 a {
|
|
margin-left: auto;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .pc h3 a i {
|
|
position: relative;
|
|
right: -2px;
|
|
top: -2px;
|
|
float: right;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .pc h3 span.value {
|
|
display: inline-block;
|
|
max-width: 87%;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-details {
|
|
display: grid;
|
|
grid: "img alignment deity" 46px "img details details" auto/120px 130px 1fr;
|
|
margin-top: 4px;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-details .frame-container {
|
|
grid-area: img;
|
|
margin-left: 5px;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-details .frame {
|
|
z-index: 3;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-details .frame .actor-image {
|
|
object-fit: cover;
|
|
object-position: top;
|
|
border: none;
|
|
border-radius: 0;
|
|
max-height: 178px;
|
|
width: 100%;
|
|
border: none;
|
|
box-shadow: 0 0 0 1px #918c88, 0 0 0 2px #e1d8cf, 0 0 0 3px #a98f39, inset 0 0 8px rgba(0, 0, 0, 0.5), 0 0 8px black;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-details .frame [data-action=show-image] {
|
|
bottom: 5px;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-details .alignment {
|
|
grid-area: alignment;
|
|
position: relative;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
background: url("../assets/sheet/banner-bg.webp") repeat-x center;
|
|
z-index: 1;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-details .alignment .bio-alignment {
|
|
position: absolute;
|
|
left: 0;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-details .alignment select {
|
|
background: none;
|
|
border: none;
|
|
box-shadow: none;
|
|
color: var(--text-dark);
|
|
cursor: pointer;
|
|
display: block;
|
|
font-family: var(--body-serif);
|
|
font-size: var(--font-size-14);
|
|
font-weight: 700;
|
|
outline: none;
|
|
overflow-x: visible;
|
|
padding-left: 8px;
|
|
width: auto;
|
|
line-height: 1;
|
|
text-transform: capitalize;
|
|
margin-top: 2px;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-details .alignment select option {
|
|
color: var(--text-light);
|
|
font: initial;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-details .alignment input[type=text] {
|
|
font: 700 var(--font-size-14) var(--body-serif);
|
|
text-align: center;
|
|
max-width: 138px;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-details .alignment::after {
|
|
position: absolute;
|
|
content: "";
|
|
height: 46px;
|
|
width: 15px;
|
|
top: 0;
|
|
right: -11px;
|
|
background: url("../assets/sheet/banner-bg2.webp") no-repeat right;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-details .pc_deity {
|
|
align-items: center;
|
|
display: flex;
|
|
grid-area: deity;
|
|
margin-left: auto;
|
|
min-width: 10em;
|
|
padding-bottom: 0.7em;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-details .pc_deity .input {
|
|
display: flex;
|
|
flex-flow: column wrap;
|
|
justify-content: end;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-details .pc_deity .input span {
|
|
text-align: right;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-details .pc_deity .input h3 {
|
|
min-width: 9em;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-details .pc_deity .input h3 span {
|
|
max-width: 10em;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-details .pc_deity img.symbol {
|
|
border: none;
|
|
box-shadow: 0 0 0 1px #918c88, 0 0 0 2px #e1d8cf, 0 0 0 3px #a98f39, inset 0 0 8px rgba(0, 0, 0, 0.5), 0 0 8px black;
|
|
border-radius: 50%;
|
|
height: 32px;
|
|
margin: 0.5rem 0 0 0.5rem;
|
|
width: 32px;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-details .detail-sheet {
|
|
grid-area: details;
|
|
display: grid;
|
|
grid-template-columns: 44% 55%;
|
|
grid-template-rows: repeat(2, 42px);
|
|
grid-row-gap: 8px;
|
|
padding-left: 12px;
|
|
margin-top: 8px;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-details .detail-sheet .pc_heritage, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-details .detail-sheet .pc_background, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-details .detail-sheet .pc_weight {
|
|
margin: 0;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-details .detail-sheet .detail-small {
|
|
display: flex;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-details .detail-item-control {
|
|
cursor: pointer;
|
|
margin-left: auto;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-details .detail-item-control i.fa-ellipsis-v:hover {
|
|
text-shadow: 0 0 8px var(--color-shadow-primary);
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-details .detail-item-control #context-menu {
|
|
left: -85px;
|
|
min-width: 105px;
|
|
padding: 0;
|
|
text-align: left;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-details .detail-item-control #context-menu .context-item {
|
|
font-family: var(--font-primary);
|
|
font-weight: normal;
|
|
min-width: 105px;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-details .detail-item-control #context-menu .context-item i {
|
|
position: static;
|
|
float: none;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-background {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-background .pc {
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: start;
|
|
align-items: start;
|
|
flex: 20%;
|
|
margin-bottom: 8px;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-background .pc span {
|
|
width: 100%;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-background .pc_ethnicity, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-background .pc_nationality {
|
|
flex: 50%;
|
|
margin-bottom: 0;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-traits {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-traits .tags {
|
|
width: 100%;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-traits .pc {
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: start;
|
|
align-items: start;
|
|
flex: 20%;
|
|
margin-bottom: 8px;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-traits .pc span {
|
|
width: 100%;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-traits .pc span.speed * {
|
|
width: 50%;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-traits .pc_land-speed, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-traits .pc_size {
|
|
flex: 50%;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-traits .pc_speed-types {
|
|
flex: 50%;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-traits .pc_senses {
|
|
flex: 50%;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-traits .pc_languages {
|
|
flex: 50%;
|
|
margin-bottom: 0;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-traits .pc_traits {
|
|
flex: 50%;
|
|
margin-bottom: 0;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-traits .pc_bonus-bulk {
|
|
flex: 1 20%;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-traits .pc_bonus-bulk.encumbered {
|
|
margin-right: 7px;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-traits .pc label,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-traits .pc h4 {
|
|
margin: 0;
|
|
white-space: nowrap;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-traits .pc .tags {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-traits .pc .tags,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-traits .pc select,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-traits .pc input,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-traits .pc h3 {
|
|
margin-top: 4px;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .ability-scores {
|
|
margin: 0;
|
|
padding: 0;
|
|
display: grid;
|
|
grid: 1fr/repeat(6, 1fr);
|
|
justify-content: center;
|
|
list-style: none;
|
|
gap: 12px;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .ability-scores .ability {
|
|
display: grid;
|
|
grid: "prefix" auto "mod" 1fr "score" auto "label" auto/1fr;
|
|
column-gap: 10px;
|
|
align-items: center;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .ability-scores .ability:focus-within .ability-id {
|
|
filter: opacity(1);
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .ability-scores .ability.key .ability-id, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .ability-scores .ability.key .ability-mod {
|
|
color: var(--secondary);
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .ability-scores .ability .ability-name {
|
|
grid-area: label;
|
|
margin: 0;
|
|
text-align: center;
|
|
padding: 2px;
|
|
color: rgb(68, 55, 48);
|
|
opacity: 0.4;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .ability-scores .ability .ability-id {
|
|
text-transform: capitalize;
|
|
grid-area: prefix;
|
|
font: 400 22px var(--serif-condensed);
|
|
color: var(--primary);
|
|
text-align: center;
|
|
margin: 0;
|
|
padding: 0;
|
|
border: none;
|
|
position: relative;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .ability-scores .ability .ability-id i.fas {
|
|
position: absolute;
|
|
font-size: var(--font-size-12);
|
|
bottom: 4px;
|
|
left: 2px;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .ability-scores .ability .ability-score {
|
|
grid-area: score;
|
|
display: flex;
|
|
border-radius: 0;
|
|
font-size: 0;
|
|
border: 1px solid #D3CCBC;
|
|
background: rgba(211, 204, 188, 0.2);
|
|
margin-top: 4px;
|
|
height: 30px;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .ability-scores .ability .ability-score input {
|
|
width: 100%;
|
|
font-size: var(--font-size-16);
|
|
line-height: 16px;
|
|
border: none;
|
|
text-align: center;
|
|
padding: 0;
|
|
background: transparent;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .ability-scores .ability .ability-score div {
|
|
text-align: center;
|
|
font-size: var(--font-size-16);
|
|
line-height: 16px;
|
|
height: 16px;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .ability-scores .ability h3.ability-mod {
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
border-image-repeat: repeat;
|
|
border-image-slice: 11;
|
|
border-image-source: url("../assets/sheet/frame-elegant.svg");
|
|
border-image-width: 14px;
|
|
border-style: double;
|
|
grid-area: mod;
|
|
font-size: var(--font-size-24);
|
|
font-family: var(--serif);
|
|
font-weight: 700;
|
|
height: 46px;
|
|
margin: 0;
|
|
padding-right: 4px;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions {
|
|
gap: 0.5rem;
|
|
padding: 0;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list.strikes-list + .actions-list {
|
|
margin-top: 8px;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list.strikes-list li.strike {
|
|
gap: 3px;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list.strikes-list li.strike .item-name {
|
|
align-items: start;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list.strikes-list li.strike .item-name .actions-title {
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list.strikes-list li.strike .item-name .item-image {
|
|
height: 32px;
|
|
width: 32px;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list.strikes-list li.strike .ammo {
|
|
align-items: center;
|
|
display: flex;
|
|
gap: 3px;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list.strikes-list li.strike .ammo select.linked {
|
|
font: normal var(--font-size-12) var(--sans-serif);
|
|
line-height: var(--font-size-12);
|
|
padding-top: 3px;
|
|
width: fit-content;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list.strikes-list li.strike .ammo select.linked[data-compatible=false] {
|
|
color: rgba(255, 255, 255, 0.6);
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list.strikes-list li.strike .ammo select.linked option,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list.strikes-list li.strike .ammo select.linked optgroup {
|
|
color: white;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list.strikes-list li.strike .ammo .magazine {
|
|
margin-right: 0.5rem;
|
|
font-family: var(--sans-serif);
|
|
font-weight: 600;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list.strikes-list li.strike .ammo .magazine .icon {
|
|
display: inline-block;
|
|
width: 0.9rem;
|
|
height: 0.9rem;
|
|
background-image: url("../assets/icons/heavy-bullets.svg");
|
|
background-size: cover;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list.strikes-list li.strike .button-group {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: row;
|
|
flex-wrap: nowrap;
|
|
font-size: var(--font-size-14);
|
|
margin-bottom: 0;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list.strikes-list li.strike .button-group button {
|
|
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3), inset 0 0 0 2px rgba(255, 255, 255, 0.2);
|
|
border: none;
|
|
flex: 0;
|
|
height: 1.25rem;
|
|
margin: 0;
|
|
padding: 0 0.5em;
|
|
white-space: nowrap;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list.strikes-list li.strike .button-group button span.activity-icon {
|
|
font-size: var(--font-size-16);
|
|
line-height: initial;
|
|
padding-right: 2px;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list.strikes-list li.strike .button-group button:not(:disabled) {
|
|
background: var(--secondary);
|
|
cursor: pointer;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list.strikes-list li.strike .button-group button:not(:disabled).damage {
|
|
background: var(--primary);
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list.strikes-list li.strike .button-group button:not(:disabled):hover {
|
|
box-shadow: none;
|
|
text-shadow: 0 0 2px white;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list.strikes-list li.strike .button-group .versatile-options {
|
|
align-items: center;
|
|
display: flex;
|
|
font-size: var(--font-size-14);
|
|
gap: 2px;
|
|
padding: 0 3px;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list.strikes-list li.strike .button-group .versatile-options .title {
|
|
text-transform: uppercase;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list.strikes-list li.strike .button-group .versatile-options button {
|
|
align-items: center;
|
|
background: var(--bg-dark);
|
|
display: flex;
|
|
justify-content: center;
|
|
width: 3ch;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list.strikes-list li.strike .button-group .versatile-options button.selected {
|
|
background: var(--body);
|
|
color: var(--bg-dark);
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list.strikes-list li.strike .button-group .versatile-options button:hover {
|
|
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.15), inset 0 0 0 2px rgba(0, 0, 0, 0.4);
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list.strikes-list li.strike .button-group .versatile-options button:active {
|
|
text-shadow: 0 0 1px #5e0000;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list.strikes-list li.strike .alt-usage {
|
|
flex-basis: 100%;
|
|
margin-left: calc(3em - 2px);
|
|
position: relative;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list.strikes-list li.strike .alt-usage img.alt-usage-icon {
|
|
border: none;
|
|
position: absolute;
|
|
left: -1.5em;
|
|
top: 0.15em;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list.strikes-list li.strike .auxiliary-actions {
|
|
display: flex;
|
|
gap: 3px;
|
|
margin-left: 2.5rem;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list.strikes-list li.strike .auxiliary-actions.weapon-drawn {
|
|
flex-basis: 100%;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list.strikes-list li.strike .auxiliary-actions button {
|
|
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3), inset 0 0 0 2px rgba(255, 255, 255, 0.2);
|
|
font-family: var(--sans-serif);
|
|
font-size: var(--font-size-10);
|
|
text-transform: uppercase;
|
|
letter-spacing: 0.05em;
|
|
text-rendering: optimizeLegibility;
|
|
border-radius: 2px;
|
|
border: none;
|
|
color: var(--text-dark);
|
|
flex: 0;
|
|
font-weight: 500;
|
|
line-height: 14px;
|
|
margin: 0;
|
|
padding: 3px;
|
|
white-space: nowrap;
|
|
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3), inset 0 0 0 2px rgba(0, 0, 0, 0.2);
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list.strikes-list li.strike .auxiliary-actions button span.activity-icon {
|
|
line-height: 14px;
|
|
font-size: var(--font-size-14);
|
|
margin: 0 0 0 2px;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list.strikes-list li.strike .auxiliary-actions button p {
|
|
margin: 2px;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list.strikes-list li.strike .auxiliary-actions button:not(:disabled) {
|
|
background: var(--bg-dark);
|
|
cursor: pointer;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list.strikes-list li.strike .auxiliary-actions button:not(:disabled):hover {
|
|
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.15), inset 0 0 0 2px rgba(0, 0, 0, 0.4);
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list.strikes-list li.strike .auxiliary-actions button:not(:disabled):active {
|
|
color: #5e0000;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list.strikes-list li.strike .auxiliary-actions button select.modular {
|
|
appearance: auto;
|
|
background: none;
|
|
color: var(--text-dark);
|
|
cursor: default;
|
|
font: inherit;
|
|
margin-left: 0.5em;
|
|
padding: 0.15em 0.2em;
|
|
text-transform: uppercase;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list.strikes-list li.strike .auxiliary-actions button select.modular option {
|
|
background: var(--bg-dark);
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list.strikes-list li.strike .auxiliary-actions button:has(select.modular:hover) {
|
|
text-shadow: none;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list.strikes-list li.strike .action-name .item-carry-type {
|
|
color: rgba(0, 0, 0, 0.4);
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list.strikes-list li.strike .action-name .item-carry-type.active {
|
|
color: var(--primary);
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions .action-tracking {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: row;
|
|
flex-wrap: nowrap;
|
|
margin-left: auto;
|
|
margin-right: 16px;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions .action-tracking input {
|
|
width: 0;
|
|
flex: 0 1 48px;
|
|
background: none;
|
|
text-align: center;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions .action-tracking span {
|
|
white-space: nowrap;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions .item-controls {
|
|
min-width: 28px;
|
|
text-align: right;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.effects .effects-list {
|
|
gap: 0.2em;
|
|
padding-bottom: 1em;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.effects .effects-list .item {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
padding: 2px 4px 2px 12px;
|
|
width: 100%;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.effects .effects-list .item p:empty {
|
|
display: none;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.effects .effects-list .item .item-name {
|
|
display: flex;
|
|
align-items: center;
|
|
flex: 1;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.effects .effects-list .item .item-name h4 {
|
|
cursor: pointer;
|
|
margin: 0;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.effects .effects-list .item .item-name .item-image {
|
|
margin-right: 8px;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.effects .effects-list .item .item-controls {
|
|
white-space: nowrap;
|
|
font-size: var(--font-size-12);
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.effects .effects-list .item .item-controls a.info-only:hover {
|
|
cursor: default;
|
|
text-shadow: none;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.effects .effects-list .item .item-controls a + a {
|
|
margin-left: 4px;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.effects .effects-list .item .item-summary {
|
|
flex-basis: 100%;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.effects .effects-list .item .item-summary .title,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.effects .effects-list .item .item-summary .framing {
|
|
color: var(--primary);
|
|
margin: 0;
|
|
padding: 0;
|
|
margin-top: 1em;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.effects .effects-list .item .item-summary .framing {
|
|
color: var(--secondary);
|
|
margin: 1em 0 0.25em;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.effects .effects-list .item .item-summary .framing strong {
|
|
font-weight: 500;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.effects .effects-list .item .item-summary .framing + p {
|
|
margin-top: 0;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.effects .effects-list .item .item-summary img {
|
|
border: none;
|
|
vertical-align: middle;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.effects .effects-list .item .item-summary img.actionlight {
|
|
background: var(--alt);
|
|
vertical-align: middle;
|
|
border: 1px solid var(--body);
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.effects .effects-list .item .item-summary .item-properties .tag.toggled-on:hover, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.effects .effects-list .item .item-summary .item-properties .tag.toggled-off:hover {
|
|
box-shadow: none;
|
|
text-shadow: 0 0 2px white;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.effects .effects-list .item .item-summary .item-properties .tag.toggled-on, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.effects .effects-list .item .item-summary .item-properties .tag.toggled-off {
|
|
cursor: pointer;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.effects .effects-list .item .item-summary .item-properties .tag.toggled-on {
|
|
background-color: rgba(23, 31, 105, 0.5);
|
|
color: black;
|
|
text-shadow: 0 0 2px white;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.effects .effects-list .item.unidentified {
|
|
border-radius: 1px;
|
|
outline: 1px dotted rgba(75, 74, 68, 0.5);
|
|
background: var(--visibility-gm-bg);
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.effects .effects-list .item .button-group {
|
|
display: flex;
|
|
justify-content: flex-end;
|
|
align-items: center;
|
|
flex-wrap: nowrap;
|
|
width: 50%;
|
|
flex: 0;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.effects .effects-list .item .button-group button {
|
|
margin: 0;
|
|
border: none;
|
|
cursor: pointer;
|
|
font-family: var(--sans-serif);
|
|
font-size: var(--font-size-10);
|
|
text-transform: uppercase;
|
|
letter-spacing: 0.05em;
|
|
text-rendering: optimizeLegibility;
|
|
padding: 5px;
|
|
color: white;
|
|
width: 70px;
|
|
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3), inset 0 0 0 2px rgba(255, 255, 255, 0.2);
|
|
background: var(--secondary);
|
|
border-radius: 2px;
|
|
flex: 0;
|
|
white-space: nowrap;
|
|
margin-left: 4px;
|
|
flex: 0;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.effects .effects-list .item .button-group button:hover {
|
|
box-shadow: none;
|
|
text-shadow: 0 0 2px white;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.effects .effects-list .item {
|
|
border-top: 1px solid #d5cac1;
|
|
border: solid transparent;
|
|
border-width: 0 0 1px;
|
|
border-image: linear-gradient(90deg, #f1edea, #d5cac1) 1 repeat;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.effects .effects-list .item:last-child {
|
|
border-bottom: none;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.effects .effects-list .item-name h4 {
|
|
font-family: var(--serif);
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.spellcasting .spellcasting-entry {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
margin-bottom: 0.25em;
|
|
padding-bottom: 1em;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.spellcasting .spellcasting-entry:first-child .action-header {
|
|
justify-content: start;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.spellcasting .spellcasting-entry .rollable .d20-svg {
|
|
width: var(--font-size-14);
|
|
height: var(--font-size-14);
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.spellcasting .spellcasting-entry .rollable .d20-svg path {
|
|
fill: black;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.spellcasting .spellcasting-entry .rollable:hover svg {
|
|
animation: rotation 2s infinite linear;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.spellcasting .spellcasting-entry .spell-ability-data {
|
|
align-items: center;
|
|
display: flex;
|
|
flex: 1;
|
|
gap: 1rem;
|
|
margin: 0.5em 0.25rem;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.spellcasting .spellcasting-entry .spell-ability-data section {
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.spellcasting .spellcasting-entry .spell-ability-data .rollable {
|
|
cursor: pointer;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.spellcasting .spellcasting-entry .spell-ability-data button {
|
|
width: auto;
|
|
line-height: 1.5em;
|
|
padding-top: 1px;
|
|
margin-bottom: 1px;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.spellcasting .spellcasting-entry .spell-ability-data button i {
|
|
font-size: 0.9em;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.spellcasting .spellcasting-entry .spell-ability-data .skill-score {
|
|
font-family: var(--serif);
|
|
font-weight: bold;
|
|
font-size: 1rem;
|
|
letter-spacing: -1px;
|
|
line-height: 1;
|
|
color: var(--secondary);
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.spellcasting .spellcasting-entry .spell-ability-data .statistic-values {
|
|
display: flex;
|
|
gap: 0.5rem;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.spellcasting .spellcasting-entry .spell-ability-data .statistic-values .skill-data {
|
|
display: flex;
|
|
gap: 0.25rem;
|
|
white-space: nowrap;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.spellcasting .spellcasting-entry .spell-ability-data .statistic-values h4 {
|
|
white-space: nowrap;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.spellcasting .spellcasting-entry .spell-ability-data .statistic-values .spell-attack {
|
|
cursor: pointer;
|
|
gap: 0.1rem;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.spellcasting .spellcasting-entry .spell-ability-data .focus-pool {
|
|
cursor: pointer;
|
|
gap: 0.25em;
|
|
position: relative;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.spellcasting .spellcasting-entry .spell-ability-data .focus-pool img.pool-size {
|
|
border: none;
|
|
width: 34px;
|
|
height: 32px;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.spellcasting .spellcasting-entry .spell-ability-data .focus-pool .pips {
|
|
display: flex;
|
|
font-size: var(--font-size-10);
|
|
gap: 1px;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.spellcasting .spellcasting-entry .spell-ability-data .focus-pool .pips i {
|
|
padding-bottom: 0.08rem;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.spellcasting .spellcasting-entry .spell-ability-data .focus-pool h4 {
|
|
white-space: nowrap;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.spellcasting .spellcasting-entry .spell-ability-data .spell-ability {
|
|
gap: 0.5em;
|
|
margin-left: auto;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.spellcasting .spellcasting-entry .spell-ability-data .spell-ability .spell-tradition {
|
|
font-family: var(--body-serif);
|
|
font-weight: 600;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.spellcasting .spellcasting-entry .spell-ability-data .pf-rank {
|
|
margin-bottom: 0.13rem;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.spellcasting .spellbook-empty {
|
|
margin: 8px 0;
|
|
background: none;
|
|
border: none;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.spellcasting .pf-add-item-row {
|
|
grid-column: span 4;
|
|
text-align: center;
|
|
width: 100%;
|
|
display: flex;
|
|
justify-content: space-evenly;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.spellcasting .pf-add-item-row a {
|
|
width: 100%;
|
|
margin-bottom: 12px;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane h1,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane h4,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane h6 {
|
|
margin: 0;
|
|
padding: 0;
|
|
line-height: 1;
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane h1 {
|
|
font-family: var(--serif);
|
|
border: none;
|
|
color: var(--primary);
|
|
text-align: center;
|
|
justify-content: center;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane h6 {
|
|
padding: 2px 4px;
|
|
border-radius: 2px;
|
|
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.5);
|
|
font-family: var(--sans-serif);
|
|
font-size: var(--font-size-10);
|
|
text-transform: uppercase;
|
|
letter-spacing: 0.05em;
|
|
text-rendering: optimizeLegibility;
|
|
color: white;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
cursor: pointer;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .core-title {
|
|
width: 100%;
|
|
text-align: left;
|
|
margin: 0;
|
|
padding: 0;
|
|
margin-left: 0;
|
|
padding-top: 10px;
|
|
padding-left: 12px;
|
|
height: 43px;
|
|
border: none;
|
|
color: white;
|
|
font-family: var(--serif);
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .skills-list,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .lores-list,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .combat-list {
|
|
list-style: none;
|
|
margin: 0;
|
|
padding: 0;
|
|
display: grid;
|
|
grid-template-columns: repeat(2, 1fr);
|
|
gap: 12px;
|
|
align-items: center;
|
|
margin-bottom: 2em;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .skills-list .skill,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .lores-list .skill,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .combat-list .skill {
|
|
border-image-repeat: repeat;
|
|
border-image-slice: 11;
|
|
border-image-source: url("../assets/sheet/frame-elegant.svg");
|
|
border-image-width: 14px;
|
|
border-style: double;
|
|
padding: 2px 15px 2px 6px;
|
|
display: grid;
|
|
grid: "score name btn" min-content/42px 2fr 1fr;
|
|
align-items: center;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .skills-list .skill .rollable,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .lores-list .skill .rollable,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .combat-list .skill .rollable {
|
|
cursor: pointer;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .skills-list .skill .rollable:hover,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .lores-list .skill .rollable:hover,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .combat-list .skill .rollable:hover {
|
|
color: var(--primary);
|
|
text-shadow: 0 0 2px white;
|
|
text-decoration: underline;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .skills-list .skill .skill-score,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .lores-list .skill .skill-score,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .combat-list .skill .skill-score {
|
|
grid-area: score;
|
|
margin-right: 4px;
|
|
margin-top: 2px;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .skills-list .skill .skill-name,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .lores-list .skill .skill-name,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .combat-list .skill .skill-name {
|
|
grid-area: name;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .skills-list .skill .button-group,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .lores-list .skill .button-group,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .combat-list .skill .button-group {
|
|
grid-area: btn;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
flex-wrap: wrap;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .skills-list .skill .button-group h6,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .lores-list .skill .button-group h6,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .combat-list .skill .button-group h6 {
|
|
margin: 1px 0;
|
|
background: var(--sub);
|
|
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2);
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .skills-list .skill .button-group h6:hover,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .lores-list .skill .button-group h6:hover,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .combat-list .skill .button-group h6:hover {
|
|
background: var(--primary);
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .skills-list .skill.custom,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .lores-list .skill.custom,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .combat-list .skill.custom {
|
|
position: relative;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .skills-list .skill.custom a.delete,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .lores-list .skill.custom a.delete,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .combat-list .skill.custom a.delete {
|
|
position: absolute;
|
|
top: -8px;
|
|
right: -8px;
|
|
z-index: -1;
|
|
opacity: 0.75;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .skills-list .skill.custom a.delete:hover,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .lores-list .skill.custom a.delete:hover,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .combat-list .skill.custom a.delete:hover {
|
|
z-index: 1;
|
|
opacity: 1;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .skills-list .skill.custom:hover a.delete,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .lores-list .skill.custom:hover a.delete,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .combat-list .skill.custom:hover a.delete {
|
|
z-index: 1;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .lores-list .skill,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .combat-list .skill {
|
|
grid: "score name btn" min-content/42px 2fr 1fr;
|
|
padding: 2px 15px 2px 6px;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .lores-list .skill .skill-score,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .combat-list .skill .skill-score {
|
|
margin-right: 0;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .lores-list .skill .skill-name input,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .combat-list .skill .skill-name input {
|
|
color: var(--body) !important;
|
|
border-bottom: 1px solid var(--sub);
|
|
margin-right: 4px;
|
|
font-weight: 600;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .lores-list .skill .skill-name input:hover,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .combat-list .skill .skill-name input:hover {
|
|
border: 1px solid var(--sub);
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .lores-list .skill .button-group,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .combat-list .skill .button-group {
|
|
grid-area: btn;
|
|
flex-wrap: nowrap;
|
|
margin-left: auto;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .lores-list .skill .button-group .item-controls,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .combat-list .skill .button-group .item-controls {
|
|
font-size: var(--font-size-12);
|
|
margin-top: 1px;
|
|
margin-left: 0.5rem;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .lores-list {
|
|
grid-template-columns: 1fr;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .combat-list {
|
|
grid-template: repeat(2, 1fr);
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .combat-list .item {
|
|
grid-column: 1/3;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .lore-header .item-controls {
|
|
white-space: nowrap;
|
|
color: white;
|
|
font-family: var(--sans-serif);
|
|
font-size: var(--font-size-10);
|
|
text-transform: uppercase;
|
|
letter-spacing: 0.05em;
|
|
text-rendering: optimizeLegibility;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .lore-header .item-controls .item-control {
|
|
padding: 4px;
|
|
background: var(--secondary);
|
|
font-size: var(--font-size-10);
|
|
border-radius: 2px;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.feats {
|
|
padding-bottom: 1em;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.feats .feat-section {
|
|
padding-bottom: 1em;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.feats .feat-item {
|
|
display: grid;
|
|
grid: "name ctrl" min-content "content content" min-content/1fr min-content;
|
|
align-items: center;
|
|
padding: 2px 0;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.feats .feat-item:nth-child(odd) {
|
|
background-color: rgba(120, 100, 82, 0.1);
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.feats .feat-item .item-name, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.feats .feat-item .item-controls {
|
|
margin: 0;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.feats .feat-item .item-name {
|
|
grid-area: name;
|
|
display: flex;
|
|
flex: 1;
|
|
align-items: center;
|
|
width: 100%;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.feats .feat-item .item-name .feat-slot-title {
|
|
display: flex;
|
|
font-family: var(--serif);
|
|
font-size: 1.1em;
|
|
font-weight: 600;
|
|
color: var(--secondary);
|
|
justify-content: center;
|
|
width: 20px;
|
|
margin-left: 6px;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.feats .feat-item .item-name .item-placeholder {
|
|
margin-left: 40px;
|
|
margin-right: 4px;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.feats .feat-item .item-name h4 {
|
|
cursor: pointer;
|
|
display: flex;
|
|
align-items: center;
|
|
font-family: var(--serif);
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.feats .feat-item .item-name h4:hover {
|
|
color: var(--primary);
|
|
text-shadow: 0 0 3px var(--tertiary);
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.feats .feat-item .item-name .item-image {
|
|
margin-left: 8px;
|
|
margin-right: 8px;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.feats .feat-item .item-controls {
|
|
align-items: center;
|
|
display: flex;
|
|
font-size: var(--font-size-12);
|
|
grid-area: ctrl;
|
|
height: 100%;
|
|
white-space: nowrap;
|
|
width: 100%;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.feats .feat-item .item-controls a:last-child {
|
|
margin-right: 6px;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.feats .feat-item .item-summary {
|
|
flex: 100%;
|
|
grid-area: content;
|
|
padding: 0 8px 8px;
|
|
margin: 4px 0 0 4px;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.feats .feat-item ol.nested-items {
|
|
grid-column: span 2;
|
|
border-left: 3px dotted #786452;
|
|
display: flex;
|
|
margin: 1px 0 0 45px;
|
|
padding: 0;
|
|
flex-basis: 100%;
|
|
flex-direction: column;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.feats .feat-item ol.nested-items li {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
gap: 2px;
|
|
margin: 2px 0;
|
|
padding-bottom: 1px;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.feats .feat-item ol.nested-items li:last-child {
|
|
padding-bottom: 0;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.feats .feat-item ol.nested-items li .item-name .feat-slot-title {
|
|
width: 0;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.feats .feat-item ol.nested-items li .item-name img {
|
|
margin-left: 0;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.feats .feat-item ol.nested-items li .item-controls {
|
|
flex: 0;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.feats .feat-item ol.nested-items li ol.nested-items {
|
|
margin-left: 25px;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography {
|
|
padding-right: 20px !important;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography .biography-personality {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography .biography-personality .h3 {
|
|
display: block;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography .biography-personality .bio {
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: flex-start;
|
|
align-items: flex-start;
|
|
flex: 50%;
|
|
margin-bottom: 8px;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography .biography-personality .bio span {
|
|
width: 100%;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography .biography-campaign-notes {
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography .biography-campaign-notes span {
|
|
width: 100%;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.inventory {
|
|
height: calc(100% - 40px);
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.inventory .inventory-list {
|
|
padding-right: 0.1rem;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.inventory .inventory-list .item .item-name h4.rarity-common {
|
|
border-color: #323232;
|
|
color: #323232;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.inventory .inventory-list .item .item-name h4.rarity-uncommon {
|
|
border-color: #98513d;
|
|
color: #98513d;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.inventory .inventory-list .item .item-name h4.rarity-rare {
|
|
border-color: #002664;
|
|
color: #002664;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.inventory .inventory-list .item .item-name h4.rarity-unique {
|
|
border-color: #54166e;
|
|
color: #54166e;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.inventory .item-controls {
|
|
flex: 0 0 100px;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.inventory .inventory-items {
|
|
border: 1px solid var(--alt);
|
|
border-top: none;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.inventory .wealth {
|
|
margin-bottom: 0.5rem;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.inventory .inventory-header {
|
|
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3), inset 0 0 0 2px rgba(255, 255, 255, 0.2);
|
|
margin-top: 8px;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.inventory .inventory-header:first-child {
|
|
margin-top: 0;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.inventory .encumbrance {
|
|
align-items: center;
|
|
display: grid;
|
|
grid: "img bar overflow" min-content/24px 1fr;
|
|
margin: auto;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.inventory .encumbrance img {
|
|
grid-area: img;
|
|
border: none;
|
|
border-radius: 2px;
|
|
box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px #9f725b, inset 0 0 4px rgba(0, 0, 0, 0.5);
|
|
border-radius: 0;
|
|
position: relative;
|
|
z-index: 4;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.inventory .encumbrance .encumbrance-bar {
|
|
position: relative;
|
|
z-index: 2;
|
|
grid-area: bar;
|
|
height: 16px;
|
|
width: 100%;
|
|
background-color: var(--secondary);
|
|
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.5), inset 0 0 0 2px rgba(255, 255, 255, 0.2);
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.inventory .encumbrance .encumbrance-label {
|
|
position: relative;
|
|
z-index: 3;
|
|
grid-area: bar;
|
|
color: white;
|
|
font-family: var(--serif);
|
|
font-size: var(--font-size-12);
|
|
font-weight: 500;
|
|
padding: 0 8px;
|
|
padding-top: 2px;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
width: 100%;
|
|
text-shadow: 0 0 2px black;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.inventory .encumbrance .encumbrance-light-bulk-overflow {
|
|
position: relative;
|
|
z-index: 3;
|
|
grid-area: overflow;
|
|
color: black;
|
|
font-family: var(--serif);
|
|
font-size: var(--font-size-12);
|
|
font-weight: 500;
|
|
padding: 0 8px;
|
|
padding-top: 2px;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
width: 100%;
|
|
text-shadow: 0 0 2px white;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.inventory .encumbrance .bar-bg {
|
|
position: relative;
|
|
z-index: 1;
|
|
grid-area: bar;
|
|
width: 100%;
|
|
height: 16px;
|
|
background-color: rgba(0, 0, 0, 0.5);
|
|
border-radius: 0 2px 2px 0;
|
|
box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.75);
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.inventory .encumbrance.over-limit .encumbrance-bar {
|
|
background-color: var(--primary) !important;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs {
|
|
gap: 0.2em;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs .item {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
padding: 2px 4px 2px 12px;
|
|
width: 100%;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs .item p:empty {
|
|
display: none;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs .item .item-name {
|
|
display: flex;
|
|
align-items: center;
|
|
flex: 1;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs .item .item-name h4 {
|
|
cursor: pointer;
|
|
margin: 0;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs .item .item-name .item-image {
|
|
margin-right: 8px;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs .item .item-controls {
|
|
white-space: nowrap;
|
|
font-size: var(--font-size-12);
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs .item .item-controls a.info-only:hover {
|
|
cursor: default;
|
|
text-shadow: none;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs .item .item-controls a + a {
|
|
margin-left: 4px;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs .item .item-summary {
|
|
flex-basis: 100%;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs .item .item-summary .title,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs .item .item-summary .framing {
|
|
color: var(--primary);
|
|
margin: 0;
|
|
padding: 0;
|
|
margin-top: 1em;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs .item .item-summary .framing {
|
|
color: var(--secondary);
|
|
margin: 1em 0 0.25em;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs .item .item-summary .framing strong {
|
|
font-weight: 500;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs .item .item-summary .framing + p {
|
|
margin-top: 0;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs .item .item-summary img {
|
|
border: none;
|
|
vertical-align: middle;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs .item .item-summary img.actionlight {
|
|
background: var(--alt);
|
|
vertical-align: middle;
|
|
border: 1px solid var(--body);
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs .item .item-summary .item-properties .tag.toggled-on:hover, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs .item .item-summary .item-properties .tag.toggled-off:hover {
|
|
box-shadow: none;
|
|
text-shadow: 0 0 2px white;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs .item .item-summary .item-properties .tag.toggled-on, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs .item .item-summary .item-properties .tag.toggled-off {
|
|
cursor: pointer;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs .item .item-summary .item-properties .tag.toggled-on {
|
|
background-color: rgba(23, 31, 105, 0.5);
|
|
color: black;
|
|
text-shadow: 0 0 2px white;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs .item.unidentified {
|
|
border-radius: 1px;
|
|
outline: 1px dotted rgba(75, 74, 68, 0.5);
|
|
background: var(--visibility-gm-bg);
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs .item .button-group {
|
|
display: flex;
|
|
justify-content: flex-end;
|
|
align-items: center;
|
|
flex-wrap: nowrap;
|
|
width: 50%;
|
|
flex: 0;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs .item .button-group button {
|
|
margin: 0;
|
|
border: none;
|
|
cursor: pointer;
|
|
font-family: var(--sans-serif);
|
|
font-size: var(--font-size-10);
|
|
text-transform: uppercase;
|
|
letter-spacing: 0.05em;
|
|
text-rendering: optimizeLegibility;
|
|
padding: 5px;
|
|
color: white;
|
|
width: 70px;
|
|
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3), inset 0 0 0 2px rgba(255, 255, 255, 0.2);
|
|
background: var(--secondary);
|
|
border-radius: 2px;
|
|
flex: 0;
|
|
white-space: nowrap;
|
|
margin-left: 4px;
|
|
flex: 0;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs .item .button-group button:hover {
|
|
box-shadow: none;
|
|
text-shadow: 0 0 2px white;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs > section {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 0.25em;
|
|
margin: 0.75rem 0;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs > section:first-child {
|
|
margin-top: 0.25rem;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs > section.organized-play {
|
|
align-items: center;
|
|
display: grid;
|
|
grid-template-columns: 6em 1em 4em;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs > section.organized-play > * {
|
|
width: 100%;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs > section.organized-play input {
|
|
text-align: center;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs > section.organized-play .dash {
|
|
font-weight: bold;
|
|
text-align: center;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs > section.organized-play label.player-number {
|
|
grid-column: span 2;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs > section.level-bump {
|
|
align-items: center;
|
|
flex-direction: row;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs > section.level-bump .toggle {
|
|
width: 42px;
|
|
height: 1rem;
|
|
background: rgba(0, 0, 0, 0.5);
|
|
position: relative;
|
|
border-radius: 50px;
|
|
box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(255, 255, 255, 0.2);
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs > section.level-bump .toggle.enabled {
|
|
background: var(--secondary);
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs > section.level-bump .toggle::after {
|
|
content: "OFF";
|
|
color: black;
|
|
position: absolute;
|
|
right: 5px;
|
|
z-index: 0;
|
|
text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.15);
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs > section.level-bump .toggle::before {
|
|
content: "ON";
|
|
color: white;
|
|
position: absolute;
|
|
left: 6px;
|
|
z-index: 0;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs > section.level-bump .toggle::after, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs > section.level-bump .toggle::before {
|
|
font-family: var(--sans-serif);
|
|
font-size: var(--font-size-10);
|
|
text-transform: uppercase;
|
|
letter-spacing: 0.05em;
|
|
text-rendering: optimizeLegibility;
|
|
top: 4px;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs > section.level-bump .toggle label {
|
|
display: block;
|
|
width: 18px;
|
|
height: 14px;
|
|
position: absolute;
|
|
top: 1px;
|
|
right: 20px;
|
|
cursor: pointer;
|
|
background: #fcfff4;
|
|
z-index: 1;
|
|
background: linear-gradient(to bottom, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
|
|
border-radius: 50%;
|
|
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2), 0px 2px 5px 0px rgba(0, 0, 0, 0.3);
|
|
transition: all 0.4s ease;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs > section.level-bump .toggle input[type=checkbox] {
|
|
visibility: hidden;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs > section.level-bump .toggle input[type=checkbox]:checked + label {
|
|
right: 1px;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs > section.faction {
|
|
max-width: fit-content;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs > section.reputations {
|
|
font-family: var(--serif);
|
|
gap: 0.2em;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs > section.reputations .reputation {
|
|
align-items: center;
|
|
display: flex;
|
|
gap: 0.2em;
|
|
justify-content: space-between;
|
|
width: 12em;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs > section.reputations .reputation input {
|
|
padding: 0 0.3em;
|
|
text-align: right;
|
|
width: 3em;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-options {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
margin: 0 1rem 1rem;
|
|
padding: 0.5rem 1rem;
|
|
border-image-repeat: repeat;
|
|
border-image-slice: 11;
|
|
border-image-source: url("../assets/sheet/frame-elegant.svg");
|
|
border-image-width: 14px;
|
|
border-style: double;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-options .crafting-option {
|
|
display: flex;
|
|
align-items: center;
|
|
width: 100%;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-options .crafting-option label * {
|
|
vertical-align: middle;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-options .crafting-option label input {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
justify-content: space-evenly;
|
|
align-items: center;
|
|
background: none;
|
|
border: none;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas.item-container, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry.item-container {
|
|
margin-bottom: 0.5em;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas.alchemical-entry, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry.alchemical-entry {
|
|
margin-bottom: 0;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas.alchemical-entry:last-child, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry.alchemical-entry:last-child {
|
|
margin-bottom: 0.5em;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas:first-child .action-header, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry:first-child .action-header {
|
|
margin-top: 0;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .action-header .item-controls .toggle-free-crafting, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .action-header .item-controls .toggle-free-crafting {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: flex-end;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .action-header .item-controls .toggle-free-crafting *, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .action-header .item-controls .toggle-free-crafting * {
|
|
flex: 1 0 auto;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .action-header .item-controls .toggle-free-crafting input[type=checkbox], .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .action-header .item-controls .toggle-free-crafting input[type=checkbox] {
|
|
height: 1em;
|
|
width: 1em;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .action-header.alchemical-title, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .action-header.alchemical-title {
|
|
background: var(--secondary);
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list {
|
|
margin: 0;
|
|
padding: 0;
|
|
width: 100%;
|
|
flex-basis: 100%;
|
|
position: relative;
|
|
z-index: 1;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item[data-expended-state=true] h4, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item[data-expended-state=true] h4 {
|
|
color: var(--color-disabled);
|
|
text-decoration: line-through;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item[data-expended-state=true] .toggle-formula-expended, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item[data-expended-state=true] .toggle-formula-expended {
|
|
color: var(--primary);
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item {
|
|
display: grid;
|
|
grid: "name dc price quantity controls" 1fr/4fr 0.7fr 1fr 1fr 1fr;
|
|
align-items: center;
|
|
justify-items: center;
|
|
margin: 0;
|
|
padding: 0;
|
|
background: none;
|
|
border: none;
|
|
border-left: 1px solid var(--sub);
|
|
border-right: 1px solid var(--sub);
|
|
cursor: default;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header:nth-child(odd), .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item:nth-child(odd), .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header:nth-child(odd), .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item:nth-child(odd) {
|
|
background-color: rgba(120, 100, 82, 0.1);
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header:last-child, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item:last-child, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header:last-child, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item:last-child {
|
|
border-bottom: 1px solid var(--sub);
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header:last-child .item-image, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item:last-child .item-image, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header:last-child .item-image, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item:last-child .item-image {
|
|
margin-bottom: 0;
|
|
margin-top: 2px;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header.formula-level-header, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item.formula-level-header, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header.formula-level-header, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item.formula-level-header {
|
|
background: rgba(96, 88, 86, 0.25);
|
|
border: 1px solid var(--sub);
|
|
padding: 4px;
|
|
color: var(--body);
|
|
font: 600 var(--font-size-12) var(--sans-serif);
|
|
line-height: 1;
|
|
letter-spacing: 0.25px;
|
|
margin: 0;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header.formula-level-header h3, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item.formula-level-header h3, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header.formula-level-header h3, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item.formula-level-header h3 {
|
|
text-transform: capitalize;
|
|
font-size: var(--font-size-12);
|
|
margin-left: 0;
|
|
padding: 4px 0;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header.formula-level-header .level-name, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item.formula-level-header .level-name, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header.formula-level-header .level-name, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item.formula-level-header .level-name {
|
|
line-height: 1;
|
|
gap: 0.5em;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header.formula-level-header .level-name h3, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item.formula-level-header .level-name h3, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header.formula-level-header .level-name h3, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item.formula-level-header .level-name h3 {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header.formula-level-header .formula-number, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item.formula-level-header .formula-number, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header.formula-level-header .formula-number, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item.formula-level-header .formula-number {
|
|
background: var(--alt);
|
|
border: 1px solid var(--sub);
|
|
border-radius: 3px;
|
|
color: white;
|
|
font-size: var(--font-size-11);
|
|
height: 14px;
|
|
max-width: 22px;
|
|
padding-top: 2px;
|
|
text-align: center;
|
|
width: 22px;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header.formula-level-header input.formula-number, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item.formula-level-header input.formula-number, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header.formula-level-header input.formula-number, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item.formula-level-header input.formula-number {
|
|
background: var(--alt-dark);
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header .item-name, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item .item-name, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header .item-name, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item .item-name {
|
|
cursor: pointer;
|
|
min-height: 28px;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header .level-name, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header .item-name, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item .level-name, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item .item-name, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header .level-name, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header .item-name, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item .level-name, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item .item-name {
|
|
justify-self: start;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: flex-start;
|
|
flex-wrap: nowrap;
|
|
line-height: 1.5;
|
|
flex-basis: 50%;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header .level-name h3, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header .item-name h3, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item .level-name h3, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item .item-name h3, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header .level-name h3, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header .item-name h3, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item .level-name h3, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item .item-name h3 {
|
|
white-space: nowrap;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header .level-name + span:not(.flex0), .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header .item-name + span:not(.flex0), .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item .level-name + span:not(.flex0), .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item .item-name + span:not(.flex0), .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header .level-name + span:not(.flex0), .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header .item-name + span:not(.flex0), .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item .level-name + span:not(.flex0), .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item .item-name + span:not(.flex0) {
|
|
font-size: var(--font-size-12);
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header .level-name .item-image, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header .item-name .item-image, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item .level-name .item-image, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item .item-name .item-image, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header .level-name .item-image, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header .item-name .item-image, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item .level-name .item-image, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item .item-name .item-image {
|
|
margin: 2px 0;
|
|
margin-left: 4px;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header .level-name h4, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header .item-name h4, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item .level-name h4, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item .item-name h4, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header .level-name h4, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header .item-name h4, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item .level-name h4, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item .item-name h4 {
|
|
margin: 0;
|
|
padding: 0;
|
|
margin-left: 8px;
|
|
line-height: 1;
|
|
letter-spacing: -0.075em;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header .level-name h4:hover, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header .item-name h4:hover, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item .level-name h4:hover, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item .item-name h4:hover, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header .level-name h4:hover, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header .item-name h4:hover, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item .level-name h4:hover, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item .item-name h4:hover {
|
|
color: var(--secondary);
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header .level-name.aa-level, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header .level-name.reagent-resource, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header .item-name.aa-level, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header .item-name.reagent-resource, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item .level-name.aa-level, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item .level-name.reagent-resource, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item .item-name.aa-level, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item .item-name.reagent-resource, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header .level-name.aa-level, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header .level-name.reagent-resource, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header .item-name.aa-level, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header .item-name.reagent-resource, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item .level-name.aa-level, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item .level-name.reagent-resource, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item .item-name.aa-level, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item .item-name.reagent-resource {
|
|
justify-content: flex-end;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header .item-controls, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item .item-controls, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header .item-controls, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item .item-controls {
|
|
justify-self: end;
|
|
font-size: var(--font-size-12);
|
|
margin-right: 4px;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header .item-controls .item-control.disabled, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item .item-controls .item-control.disabled, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header .item-controls .item-control.disabled, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item .item-controls .item-control.disabled {
|
|
opacity: 0.3;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header .item-summary, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item .item-summary, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header .item-summary, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item .item-summary {
|
|
grid-column: 1/6;
|
|
padding: 8px;
|
|
border-bottom: 1px solid var(--sub);
|
|
border-top: 1px solid #aca5a3;
|
|
background-color: var(--bg);
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header .item-summary p, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item .item-summary p, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header .item-summary p, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item .item-summary p {
|
|
margin-top: 0;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header .item-summary .item-buttons button, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item .item-summary .item-buttons button, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header .item-summary .item-buttons button, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item .item-summary .item-buttons button {
|
|
display: none;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header .quantity, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item .quantity, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header .quantity, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item .quantity {
|
|
align-items: center;
|
|
display: flex;
|
|
justify-content: center;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header .quantity .adjust, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item .quantity .adjust, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header .quantity .adjust, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item .quantity .adjust {
|
|
align-items: center;
|
|
display: flex;
|
|
font-family: var(--sans-serif-monospace);
|
|
justify-content: center;
|
|
width: 1em;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header .quantity .adjust.decrease, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item .quantity .adjust.decrease, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header .quantity .adjust.decrease, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item .quantity .adjust.decrease {
|
|
padding-right: 3px;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header .quantity .adjust.increase, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item .quantity .adjust.increase, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header .quantity .adjust.increase, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item .quantity .adjust.increase {
|
|
padding-left: 3px;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header .quantity input, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item .quantity input, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header .quantity input, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item .quantity input {
|
|
width: 1.5rem;
|
|
text-align: center;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .empty, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .empty {
|
|
align-items: center;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
min-height: 28px;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .empty > *, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .empty > * {
|
|
white-space: nowrap;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .directory-list {
|
|
margin: 0;
|
|
padding: 0;
|
|
display: flex;
|
|
flex-direction: column;
|
|
list-style: none;
|
|
width: 100%;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .directory-list h4 {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .directory-list .item ol {
|
|
list-style: none;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .blue-button {
|
|
align-items: center;
|
|
background: var(--secondary);
|
|
border: black;
|
|
border-radius: 2px;
|
|
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.5);
|
|
color: white;
|
|
display: flex;
|
|
font-family: var(--serif);
|
|
font-weight: 500;
|
|
gap: 0.25em;
|
|
line-height: 1.8em;
|
|
justify-content: center;
|
|
margin: 0;
|
|
padding: 0 0.5em;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .blue-button:hover {
|
|
text-shadow: 0 0 4px white;
|
|
}
|
|
.actor.sheet.vehicle .crb-style .sheet-navigation {
|
|
min-width: 375px;
|
|
}
|
|
.actor.sheet.vehicle .crb-style aside .sidebar .save-roll input[type=number] {
|
|
width: 3ch;
|
|
font-size: var(--font-size-20);
|
|
height: 24px;
|
|
}
|
|
.actor.sheet.vehicle .crb-style aside .sidebar .hitpoints .container {
|
|
display: grid;
|
|
}
|
|
.actor.sheet.vehicle .crb-style aside .sidebar .armor-class {
|
|
grid: "ac hardness" 1fr;
|
|
}
|
|
.actor.sheet.vehicle .crb-style aside .sidebar .armor-class .shield {
|
|
padding: 18px 20px 0 20px;
|
|
}
|
|
.actor.sheet.vehicle .crb-style aside .sidebar .armor-class .hardness {
|
|
background: url("../assets/sheet/shield-red.webp") no-repeat top center;
|
|
}
|
|
.actor.sheet.vehicle .crb-style aside .sidebar li.tag {
|
|
font-size: var(--font-size-10);
|
|
}
|
|
.actor.sheet.vehicle .crb-style header.char-header .tags select {
|
|
font-family: var(--sans-serif);
|
|
font-size: var(--font-size-12);
|
|
text-transform: uppercase;
|
|
}
|
|
.actor.sheet.vehicle .crb-style header.char-header .char-details {
|
|
font-size: var(--font-size-13);
|
|
font-weight: normal;
|
|
}
|
|
.actor.sheet.vehicle .crb-style .sheet-content > .tab:not(.inventory), .actor.sheet.vehicle .crb-style .sheet-content > .tab .inventory .inventory-list {
|
|
overflow: hidden scroll;
|
|
scrollbar-width: thin;
|
|
scrollbar-color: var(--primary) transparent;
|
|
flex-grow: 1;
|
|
overflow: hidden scroll;
|
|
}
|
|
.actor.sheet.vehicle .crb-style .sheet-content > .tab.details .vehicle-details {
|
|
display: grid;
|
|
grid: "img details" 1fr/120px 1fr;
|
|
min-width: 330px;
|
|
}
|
|
.actor.sheet.vehicle .crb-style .sheet-content > .tab.details .vehicle-details .frame {
|
|
margin-left: 5px;
|
|
}
|
|
.actor.sheet.vehicle .crb-style .sheet-content > .tab.details .vehicle-details .frame .actor-image {
|
|
margin-top: 8px;
|
|
max-height: 90%;
|
|
object-fit: contain;
|
|
border-radius: 0;
|
|
border: none;
|
|
box-shadow: 0 0 0 1px #918c88, 0 0 0 2px #e1d8cf, 0 0 0 3px #a98f39, inset 0 0 8px rgba(0, 0, 0, 0.5), 0 0 8px black;
|
|
}
|
|
.actor.sheet.vehicle .crb-style .sheet-content > .tab.details .vehicle-details .image-container [data-action=show-image] {
|
|
bottom: 3px;
|
|
right: 1px;
|
|
}
|
|
.actor.sheet.vehicle .crb-style .sheet-content > .tab.details .vehicle-details .detail-sheet {
|
|
display: grid;
|
|
grid: repeat(2, 42px)/3fr 2fr;
|
|
grid-row-gap: 8px;
|
|
padding-left: 12px;
|
|
}
|
|
.actor.sheet.vehicle .crb-style .sheet-content > .tab.details .vehicle-details .detail-small {
|
|
display: flex;
|
|
}
|
|
.actor.sheet.vehicle .crb-style .sheet-content > .tab.details .vehicle-properties {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
padding-top: 8px;
|
|
}
|
|
.actor.sheet.vehicle .crb-style .sheet-content > .tab.details .vehicle-properties > div {
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: flex-start;
|
|
align-items: flex-start;
|
|
margin-bottom: 8px;
|
|
}
|
|
.actor.sheet.vehicle .crb-style .sheet-content > .tab.details .vehicle-properties > div > span {
|
|
width: 100%;
|
|
}
|
|
.actor.sheet.vehicle .crb-style .sheet-content > .tab.details .detailsInput {
|
|
margin-bottom: 8px;
|
|
}
|
|
.actor.sheet.vehicle .crb-style .sheet-content > .tab.effects.effects .effects-list {
|
|
gap: 0.2em;
|
|
padding-bottom: 1em;
|
|
}
|
|
.actor.sheet.vehicle .crb-style .sheet-content > .tab.effects.effects .effects-list .item {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
padding: 2px 4px 2px 12px;
|
|
width: 100%;
|
|
}
|
|
.actor.sheet.vehicle .crb-style .sheet-content > .tab.effects.effects .effects-list .item p:empty {
|
|
display: none;
|
|
}
|
|
.actor.sheet.vehicle .crb-style .sheet-content > .tab.effects.effects .effects-list .item .item-name {
|
|
display: flex;
|
|
align-items: center;
|
|
flex: 1;
|
|
}
|
|
.actor.sheet.vehicle .crb-style .sheet-content > .tab.effects.effects .effects-list .item .item-name h4 {
|
|
cursor: pointer;
|
|
margin: 0;
|
|
}
|
|
.actor.sheet.vehicle .crb-style .sheet-content > .tab.effects.effects .effects-list .item .item-name .item-image {
|
|
margin-right: 8px;
|
|
}
|
|
.actor.sheet.vehicle .crb-style .sheet-content > .tab.effects.effects .effects-list .item .item-controls {
|
|
white-space: nowrap;
|
|
font-size: var(--font-size-12);
|
|
}
|
|
.actor.sheet.vehicle .crb-style .sheet-content > .tab.effects.effects .effects-list .item .item-controls a.info-only:hover {
|
|
cursor: default;
|
|
text-shadow: none;
|
|
}
|
|
.actor.sheet.vehicle .crb-style .sheet-content > .tab.effects.effects .effects-list .item .item-controls a + a {
|
|
margin-left: 4px;
|
|
}
|
|
.actor.sheet.vehicle .crb-style .sheet-content > .tab.effects.effects .effects-list .item .item-summary {
|
|
flex-basis: 100%;
|
|
}
|
|
.actor.sheet.vehicle .crb-style .sheet-content > .tab.effects.effects .effects-list .item .item-summary .title,
|
|
.actor.sheet.vehicle .crb-style .sheet-content > .tab.effects.effects .effects-list .item .item-summary .framing {
|
|
color: var(--primary);
|
|
margin: 0;
|
|
padding: 0;
|
|
margin-top: 1em;
|
|
}
|
|
.actor.sheet.vehicle .crb-style .sheet-content > .tab.effects.effects .effects-list .item .item-summary .framing {
|
|
color: var(--secondary);
|
|
margin: 1em 0 0.25em;
|
|
}
|
|
.actor.sheet.vehicle .crb-style .sheet-content > .tab.effects.effects .effects-list .item .item-summary .framing strong {
|
|
font-weight: 500;
|
|
}
|
|
.actor.sheet.vehicle .crb-style .sheet-content > .tab.effects.effects .effects-list .item .item-summary .framing + p {
|
|
margin-top: 0;
|
|
}
|
|
.actor.sheet.vehicle .crb-style .sheet-content > .tab.effects.effects .effects-list .item .item-summary img {
|
|
border: none;
|
|
vertical-align: middle;
|
|
}
|
|
.actor.sheet.vehicle .crb-style .sheet-content > .tab.effects.effects .effects-list .item .item-summary img.actionlight {
|
|
background: var(--alt);
|
|
vertical-align: middle;
|
|
border: 1px solid var(--body);
|
|
}
|
|
.actor.sheet.vehicle .crb-style .sheet-content > .tab.effects.effects .effects-list .item .item-summary .item-properties .tag.toggled-on:hover, .actor.sheet.vehicle .crb-style .sheet-content > .tab.effects.effects .effects-list .item .item-summary .item-properties .tag.toggled-off:hover {
|
|
box-shadow: none;
|
|
text-shadow: 0 0 2px white;
|
|
}
|
|
.actor.sheet.vehicle .crb-style .sheet-content > .tab.effects.effects .effects-list .item .item-summary .item-properties .tag.toggled-on, .actor.sheet.vehicle .crb-style .sheet-content > .tab.effects.effects .effects-list .item .item-summary .item-properties .tag.toggled-off {
|
|
cursor: pointer;
|
|
}
|
|
.actor.sheet.vehicle .crb-style .sheet-content > .tab.effects.effects .effects-list .item .item-summary .item-properties .tag.toggled-on {
|
|
background-color: rgba(23, 31, 105, 0.5);
|
|
color: black;
|
|
text-shadow: 0 0 2px white;
|
|
}
|
|
.actor.sheet.vehicle .crb-style .sheet-content > .tab.effects.effects .effects-list .item.unidentified {
|
|
border-radius: 1px;
|
|
outline: 1px dotted rgba(75, 74, 68, 0.5);
|
|
background: var(--visibility-gm-bg);
|
|
}
|
|
.actor.sheet.vehicle .crb-style .sheet-content > .tab.effects.effects .effects-list .item .button-group {
|
|
display: flex;
|
|
justify-content: flex-end;
|
|
align-items: center;
|
|
flex-wrap: nowrap;
|
|
width: 50%;
|
|
flex: 0;
|
|
}
|
|
.actor.sheet.vehicle .crb-style .sheet-content > .tab.effects.effects .effects-list .item .button-group button {
|
|
margin: 0;
|
|
border: none;
|
|
cursor: pointer;
|
|
font-family: var(--sans-serif);
|
|
font-size: var(--font-size-10);
|
|
text-transform: uppercase;
|
|
letter-spacing: 0.05em;
|
|
text-rendering: optimizeLegibility;
|
|
padding: 5px;
|
|
color: white;
|
|
width: 70px;
|
|
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3), inset 0 0 0 2px rgba(255, 255, 255, 0.2);
|
|
background: var(--secondary);
|
|
border-radius: 2px;
|
|
flex: 0;
|
|
white-space: nowrap;
|
|
margin-left: 4px;
|
|
flex: 0;
|
|
}
|
|
.actor.sheet.vehicle .crb-style .sheet-content > .tab.effects.effects .effects-list .item .button-group button:hover {
|
|
box-shadow: none;
|
|
text-shadow: 0 0 2px white;
|
|
}
|
|
.actor.sheet.vehicle .crb-style .sheet-content > .tab.effects.effects .effects-list .item {
|
|
border-top: 1px solid #d5cac1;
|
|
border: solid transparent;
|
|
border-width: 0 0 1px;
|
|
border-image: linear-gradient(90deg, #f1edea, #d5cac1) 1 repeat;
|
|
}
|
|
.actor.sheet.vehicle .crb-style .sheet-content > .tab.effects.effects .effects-list .item-image {
|
|
border-radius: 2px;
|
|
}
|
|
.actor.sheet.vehicle .crb-style .sheet-content > .tab.effects.effects .effects-list .item:last-child {
|
|
border-bottom: none;
|
|
}
|
|
.actor.sheet.vehicle .crb-style .sheet-content > .tab.effects.effects .effects-list .item-name h4 {
|
|
font-family: var(--serif);
|
|
}
|
|
.actor.sheet.vehicle .crb-style .sheet-content > .tab.effects h3.header {
|
|
position: relative;
|
|
margin-top: 0.75em;
|
|
font-size: var(--font-size-16);
|
|
font-family: var(--serif);
|
|
font-weight: 600;
|
|
color: var(--primary);
|
|
line-height: 1;
|
|
border-bottom: 1px solid var(--color-border-divider);
|
|
}
|
|
.actor.sheet.vehicle .crb-style .sheet-content > .tab.effects h3.header > button, .actor.sheet.vehicle .crb-style .sheet-content > .tab.effects h3.header > .controls {
|
|
position: absolute;
|
|
bottom: -1px;
|
|
right: 0;
|
|
}
|
|
.actor.sheet.vehicle .crb-style .sheet-content > .tab.effects h3.header .controls {
|
|
display: flex;
|
|
}
|
|
.actor.sheet.vehicle .crb-style .sheet-content > .tab.effects h3.header button {
|
|
background: transparent;
|
|
border-radius: 2px 2px 0 0;
|
|
border: 1px solid var(--color-border-divider);
|
|
color: var(--primary);
|
|
cursor: pointer;
|
|
font-family: var(--sans-serif);
|
|
font-size: var(--font-size-12);
|
|
font-weight: 500;
|
|
height: 20px;
|
|
line-height: var(--font-size-12);
|
|
margin: 0;
|
|
outline: none;
|
|
text-transform: uppercase;
|
|
width: auto;
|
|
}
|
|
.actor.sheet.vehicle .crb-style .sheet-content > .tab.effects ol.directory-list {
|
|
margin: 0;
|
|
padding: 0;
|
|
display: flex;
|
|
flex-direction: column;
|
|
list-style: none;
|
|
width: 100%;
|
|
}
|
|
.actor.sheet.vehicle .crb-style .sheet-content > .tab.effects ol.directory-list h4 {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
.actor.sheet.vehicle .crb-style .sheet-content > .tab.effects ol.directory-list .item ol {
|
|
list-style: none;
|
|
}
|
|
.actor.sheet.vehicle .crb-style input.adjustable:not(:focus).adjusted-higher,
|
|
.actor.sheet.vehicle .crb-style span.adjustable.adjusted-higher {
|
|
color: #009988;
|
|
}
|
|
.actor.sheet.vehicle .crb-style input.adjustable:not(:focus).adjusted-lower,
|
|
.actor.sheet.vehicle .crb-style span.adjustable.adjusted-lower {
|
|
color: #cc3311;
|
|
}
|
|
.actor.sheet.vehicle .crb-style .row-nr-1 {
|
|
grid-row: 1/2;
|
|
}
|
|
.actor.sheet.vehicle .crb-style .row-nr-2 {
|
|
grid-row: 2/3;
|
|
}
|
|
.actor.sheet.vehicle .crb-style .row-nr-3 {
|
|
grid-row: 3/4;
|
|
}
|
|
.actor.sheet.vehicle .crb-style .span-2-columns {
|
|
grid-column-end: span 2;
|
|
}
|
|
.actor.sheet.vehicle .crb-style .flexitem-1 {
|
|
flex: 1 1 10%;
|
|
}
|
|
.actor.sheet.vehicle .crb-style .flexitem-5 {
|
|
flex: 5 1 50%;
|
|
}
|
|
.actor.sheet.vehicle .crb-style .flexitem-full {
|
|
flex: 100%;
|
|
}
|
|
.actor.sheet .crb-style {
|
|
display: grid;
|
|
grid: "sidebar header" 75px "sidebar nav" minmax(min-content, max-content) "sidebar content" 1fr/230px 1fr;
|
|
font-family: var(--body-serif);
|
|
background: url("../assets/sheet/header.webp"), url("../assets/sheet/background.webp");
|
|
background-repeat: repeat-x, no-repeat;
|
|
background-size: auto 89px, cover;
|
|
background-attachment: local;
|
|
height: 100%;
|
|
/* Navigation */
|
|
/** White background navigation with little decorations on the left and right */
|
|
/* Page structure elements */
|
|
/* Read-Only Sheet */
|
|
}
|
|
.actor.sheet .crb-style .d20-svg {
|
|
width: 19px;
|
|
height: 19px;
|
|
}
|
|
.actor.sheet .crb-style aside {
|
|
grid-area: sidebar;
|
|
color: var(--sidebar-label);
|
|
font-family: var(--serif);
|
|
font-size: var(--font-size-10);
|
|
font-weight: 600;
|
|
margin-left: 8px;
|
|
background-image: url("../assets/sheet/red_sidebar_top.webp"), url("../assets/sheet/red_sidebar_bottom.webp");
|
|
background-repeat: no-repeat;
|
|
background-position: center calc(100% - 52px), center bottom;
|
|
background-size: 224px 100%, 224px 52px;
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
.actor.sheet .crb-style aside input[type=number] {
|
|
-moz-appearance: textfield;
|
|
color: var(--text-light);
|
|
text-align: center;
|
|
font-size: var(--font-size-26);
|
|
line-height: 1;
|
|
font-weight: initial;
|
|
font-family: var(--serif);
|
|
border: none;
|
|
}
|
|
.actor.sheet .crb-style aside input[type=number]:focus {
|
|
box-shadow: none;
|
|
}
|
|
.actor.sheet .crb-style aside input[type=number]::-webkit-outer-spin-button, .actor.sheet .crb-style aside input[type=number]::-webkit-inner-spin-button {
|
|
-webkit-appearance: none;
|
|
margin: 0;
|
|
}
|
|
.actor.sheet .crb-style aside input[type=number]:read-only {
|
|
pointer-events: none;
|
|
color: var(--tertiary-light);
|
|
}
|
|
.actor.sheet .crb-style aside input[type=number]:hover {
|
|
text-shadow: 0 0 4px var(--tertiary);
|
|
}
|
|
.actor.sheet .crb-style aside .modifiers_button {
|
|
background: rgba(255, 255, 255, 0.75);
|
|
border-radius: 2px 2px 0 0;
|
|
border: none;
|
|
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
|
|
color: var(--primary);
|
|
flex: 0;
|
|
font: 600 var(--font-size-9) var(--sans-serif);
|
|
letter-spacing: 0.05em;
|
|
line-height: 1;
|
|
margin: 0;
|
|
padding: 2px 3px;
|
|
text-rendering: optimizeLegibility;
|
|
text-transform: uppercase;
|
|
white-space: nowrap;
|
|
}
|
|
.actor.sheet .crb-style aside .modifiers_button:hover:not(:disabled) {
|
|
background: white;
|
|
box-shadow: inset 0 0 0 1px white;
|
|
}
|
|
.actor.sheet .crb-style aside .logo {
|
|
margin: 5px -6px 0 -6px;
|
|
border: none;
|
|
z-index: 10;
|
|
max-width: unset;
|
|
flex-shrink: 0;
|
|
}
|
|
.actor.sheet .crb-style aside .sidebar {
|
|
padding: 0 2px 2px 8px;
|
|
margin-bottom: 42px;
|
|
overflow: hidden scroll;
|
|
scrollbar-width: thin;
|
|
scrollbar-color: var(--primary) transparent;
|
|
}
|
|
.actor.sheet .crb-style aside .sidebar::-webkit-scrollbar-track {
|
|
box-shadow: none;
|
|
}
|
|
.actor.sheet .crb-style aside .sidebar h2,
|
|
.actor.sheet .crb-style aside .sidebar h3,
|
|
.actor.sheet .crb-style aside .sidebar h4 {
|
|
margin: 0;
|
|
line-height: 1;
|
|
}
|
|
.actor.sheet .crb-style aside .sidebar_label {
|
|
color: var(--sidebar-label);
|
|
font-family: var(--sans-serif);
|
|
font-size: var(--font-size-10);
|
|
text-transform: uppercase;
|
|
letter-spacing: 0.05em;
|
|
text-rendering: optimizeLegibility;
|
|
white-space: nowrap;
|
|
}
|
|
.actor.sheet .crb-style aside .sidebar_title {
|
|
display: flex;
|
|
flex-wrap: nowrap;
|
|
justify-content: space-between;
|
|
align-items: flex-end;
|
|
margin: 0.8em 0 0.5em;
|
|
}
|
|
.actor.sheet .crb-style aside .sidebar_title:first-of-type {
|
|
margin-top: 0.5em;
|
|
margin-bottom: -1px;
|
|
}
|
|
.actor.sheet .crb-style aside .sidebar_title h2 {
|
|
font-family: var(--sans-serif);
|
|
font-size: var(--font-size-13);
|
|
font-variant: small-caps;
|
|
letter-spacing: 0.05em;
|
|
line-height: 1;
|
|
color: var(--sidebar-title);
|
|
flex: 1;
|
|
}
|
|
.actor.sheet .crb-style aside .sidebar_title .modifiers_button, .actor.sheet .crb-style aside .sidebar_title h2 {
|
|
border-bottom: 1px solid var(--sidebar-title);
|
|
}
|
|
.actor.sheet .crb-style aside .sidebar a.dots {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 2px;
|
|
}
|
|
.actor.sheet .crb-style aside .sidebar a.dots > * {
|
|
cursor: pointer;
|
|
}
|
|
.actor.sheet .crb-style aside .sidebar a.dots .pips {
|
|
display: flex;
|
|
justify-content: center;
|
|
}
|
|
.actor.sheet .crb-style aside .sidebar .data-value {
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
font-size: 0; /* Removes whitespace for inputs */
|
|
}
|
|
.actor.sheet .crb-style aside .sidebar .data-value h2 {
|
|
color: var(--tertiary-light);
|
|
text-align: center;
|
|
font-size: var(--font-size-26);
|
|
line-height: 1;
|
|
font-weight: initial;
|
|
font-family: var(--serif);
|
|
border: none;
|
|
}
|
|
.actor.sheet .crb-style aside .sidebar a.roll-icon {
|
|
display: inline-flex;
|
|
align-items: center;
|
|
padding-bottom: 2px;
|
|
}
|
|
.actor.sheet .crb-style aside .sidebar a.roll-icon i {
|
|
font-size: var(--font-size-19);
|
|
color: var(--text-light);
|
|
transition: all 0.2s ease-in-out;
|
|
}
|
|
.actor.sheet .crb-style aside .sidebar a.roll-icon i:hover {
|
|
transform: scale(1.25);
|
|
}
|
|
.actor.sheet .crb-style aside .sidebar a.roll-icon svg {
|
|
animation-play-state: paused;
|
|
}
|
|
.actor.sheet .crb-style aside .sidebar a.roll-icon svg path {
|
|
fill: var(--text-light);
|
|
}
|
|
.actor.sheet .crb-style aside .sidebar a.roll-icon:hover svg {
|
|
animation-play-state: running;
|
|
animation: rotation 2s infinite linear;
|
|
}
|
|
.actor.sheet .crb-style aside .sidebar a.roll-icon.disabled {
|
|
cursor: default;
|
|
filter: brightness(0.75);
|
|
opacity: 0.75;
|
|
text-shadow: none;
|
|
}
|
|
.actor.sheet .crb-style aside .sidebar a.roll-icon.disabled:hover svg {
|
|
animation-play-state: paused;
|
|
}
|
|
.actor.sheet .crb-style aside .sidebar select {
|
|
font-size: var(--font-size-15);
|
|
background-color: var(--primary);
|
|
padding: 2px 6px;
|
|
width: 100%;
|
|
max-width: 100%;
|
|
border: 1px solid #956d58;
|
|
/* prettier-ignore */
|
|
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), inset 0 0 4px rgba(0, 0, 0, 0.5);
|
|
}
|
|
.actor.sheet .crb-style aside .sidebar ol {
|
|
display: flex;
|
|
flex-direction: column;
|
|
list-style: none;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
.actor.sheet .crb-style aside .sidebar ol li {
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
}
|
|
.actor.sheet .crb-style aside .sidebar .hitpoints .hp-big {
|
|
display: grid;
|
|
justify-content: space-evenly;
|
|
grid-template-columns: repeat(3, 1fr);
|
|
}
|
|
.actor.sheet .crb-style aside .sidebar .hitpoints .hp-big .container {
|
|
text-align: center;
|
|
}
|
|
.actor.sheet .crb-style aside .sidebar .hitpoints .hp-big .container.temp-hp {
|
|
text-align: center;
|
|
margin-right: 8px;
|
|
}
|
|
.actor.sheet .crb-style aside .sidebar .hitpoints .hp-big .container.max-hp {
|
|
text-align: center;
|
|
margin-left: 8px;
|
|
}
|
|
.actor.sheet .crb-style aside .sidebar .hitpoints .hp-big .container.max-hp, .actor.sheet .crb-style aside .sidebar .hitpoints .hp-big .container.temp-hp {
|
|
margin-top: 12px;
|
|
}
|
|
.actor.sheet .crb-style aside .sidebar .hitpoints .hp-big .container.current-hp {
|
|
display: flex;
|
|
flex-direction: column;
|
|
padding: 10px 4px 0;
|
|
position: relative;
|
|
z-index: 0;
|
|
border-radius: 0 0 4px 4px;
|
|
width: min-content;
|
|
background-color: var(--primary);
|
|
background-image: linear-gradient(90deg, #450000 0%, #870000 50%, #450000 100%);
|
|
border: 1px solid var(--sidebar-title);
|
|
}
|
|
.actor.sheet .crb-style aside .sidebar .hitpoints .hp-big .container.current-hp .data-value {
|
|
margin-top: 3px;
|
|
}
|
|
.actor.sheet .crb-style aside .sidebar .hitpoints .hp-big .container.current-hp .data-value input[type=number] {
|
|
font-size: var(--font-size-32);
|
|
letter-spacing: -1px;
|
|
height: 32px;
|
|
}
|
|
.actor.sheet .crb-style aside .sidebar .hitpoints .hp-small {
|
|
display: flex;
|
|
justify-content: space-evenly;
|
|
margin: 8px 2px 0 2px;
|
|
text-align: center;
|
|
gap: 2px;
|
|
}
|
|
.actor.sheet .crb-style aside .sidebar .hitpoints .hp-small h4,
|
|
.actor.sheet .crb-style aside .sidebar .hitpoints .hp-small label {
|
|
font-family: var(--sans-serif);
|
|
font-size: var(--font-size-10);
|
|
text-transform: uppercase;
|
|
letter-spacing: 0.05em;
|
|
text-rendering: optimizeLegibility;
|
|
}
|
|
.actor.sheet .crb-style aside .sidebar .hitpoints .hp-small .far,
|
|
.actor.sheet .crb-style aside .sidebar .hitpoints .hp-small .fas {
|
|
color: var(--text-light);
|
|
}
|
|
.actor.sheet .crb-style aside .sidebar .armor-class {
|
|
display: grid;
|
|
grid: "ac shield-hp shield-footer" 74px "shield-data shield-data shield-data" auto/66px 59px auto;
|
|
grid-column-gap: 4px;
|
|
}
|
|
.actor.sheet .crb-style aside .sidebar .armor-class .shield {
|
|
display: flex;
|
|
justify-content: flex-start;
|
|
align-items: center;
|
|
flex-direction: column;
|
|
height: 74px;
|
|
text-align: center;
|
|
padding: 14px 10px 0 10px;
|
|
}
|
|
.actor.sheet .crb-style aside .sidebar .armor-class .shield .data-value h2,
|
|
.actor.sheet .crb-style aside .sidebar .armor-class .shield .data-value input[type=number] {
|
|
font-size: var(--font-size-32);
|
|
width: 55px;
|
|
}
|
|
.actor.sheet .crb-style aside .sidebar .armor-class .shield label {
|
|
white-space: normal;
|
|
}
|
|
.actor.sheet .crb-style aside .sidebar .armor-class .shield.ac {
|
|
grid-area: ac;
|
|
background: url("../assets/sheet/shield-blue.webp") no-repeat center center;
|
|
}
|
|
.actor.sheet .crb-style aside .sidebar .armor-class .shield.hp {
|
|
grid-area: shield-hp;
|
|
background: url("../assets/sheet/shield-red.webp") no-repeat top center;
|
|
}
|
|
.actor.sheet .crb-style aside .sidebar .armor-class .shield-stats {
|
|
grid-area: shield-data;
|
|
}
|
|
.actor.sheet .crb-style aside .sidebar .armor-class .shield-stats ol {
|
|
margin-top: 4px;
|
|
flex-direction: row;
|
|
height: 100%;
|
|
padding: 0 4px;
|
|
justify-content: space-evenly;
|
|
}
|
|
.actor.sheet .crb-style aside .sidebar .armor-class .shield-stats ol li {
|
|
justify-content: center;
|
|
font-size: 0;
|
|
}
|
|
.actor.sheet .crb-style aside .sidebar .armor-class .shield-stats ol li + li {
|
|
margin-left: 8px;
|
|
}
|
|
.actor.sheet .crb-style aside .sidebar .armor-class .shield-stats ol li .shield-label {
|
|
position: relative;
|
|
}
|
|
.actor.sheet .crb-style aside .sidebar .armor-class .shield-stats ol li .shield-label svg {
|
|
border: none;
|
|
width: auto;
|
|
height: 20px;
|
|
}
|
|
.actor.sheet .crb-style aside .sidebar .armor-class .shield-stats ol li .shield-label svg path {
|
|
fill: var(--tertiary-light);
|
|
}
|
|
.actor.sheet .crb-style aside .sidebar .armor-class .shield-stats ol li .shield-label svg text {
|
|
fill: var(--dark);
|
|
}
|
|
.actor.sheet .crb-style aside .sidebar .armor-class .shield-stats ol li .shield-label:after {
|
|
display: inline-block;
|
|
position: absolute;
|
|
font-family: var(--sans-serif);
|
|
font-size: var(--font-size-10);
|
|
text-transform: uppercase;
|
|
letter-spacing: 0.05em;
|
|
text-rendering: optimizeLegibility;
|
|
color: var(--primary);
|
|
top: 0;
|
|
left: 1px;
|
|
line-height: 1.5;
|
|
}
|
|
.actor.sheet .crb-style aside .sidebar .armor-class .shield-stats ol li .shield-label.ac:after {
|
|
content: "AC";
|
|
top: 3px;
|
|
left: 3px;
|
|
}
|
|
.actor.sheet .crb-style aside .sidebar .armor-class .shield-stats ol li .shield-label.hardness:after {
|
|
left: 5px;
|
|
top: 3px;
|
|
content: "H";
|
|
}
|
|
.actor.sheet .crb-style aside .sidebar .armor-class .shield-stats ol li .shield-label.bt:after {
|
|
top: 3px;
|
|
left: 3.5px;
|
|
content: "BT";
|
|
}
|
|
.actor.sheet .crb-style aside .sidebar .armor-class .shield-stats ol li .data-value {
|
|
flex: 1;
|
|
border: 1px solid #956d58;
|
|
/* prettier-ignore */
|
|
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), inset 0 0 4px rgba(0, 0, 0, 0.5);
|
|
padding-left: 4px;
|
|
margin-left: -8px;
|
|
height: 20px;
|
|
}
|
|
.actor.sheet .crb-style aside .sidebar .armor-class .shield-stats ol li .data-value input[type=number] {
|
|
font-size: var(--font-size-14);
|
|
font-weight: 400;
|
|
padding-top: 2px;
|
|
height: 14px;
|
|
}
|
|
.actor.sheet .crb-style aside .sidebar .armor-class .armor_footer {
|
|
grid-area: shield-footer;
|
|
display: inline-flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
justify-self: center;
|
|
width: calc(100% - 6px);
|
|
}
|
|
.actor.sheet .crb-style aside .sidebar .armor-class .armor_footer .shield-max {
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
.actor.sheet .crb-style aside .sidebar .armor-class .armor_footer .shield-max label {
|
|
white-space: normal;
|
|
text-align: center;
|
|
margin-bottom: 4px;
|
|
}
|
|
.actor.sheet .crb-style aside .sidebar .armor-class .armor_footer .shield-status {
|
|
display: flex;
|
|
align-items: end;
|
|
justify-content: center;
|
|
gap: 5px;
|
|
color: var(--tertiary-light);
|
|
margin-top: 4px;
|
|
}
|
|
.actor.sheet .crb-style aside .sidebar .stamina {
|
|
flex-direction: row;
|
|
}
|
|
.actor.sheet .crb-style aside .sidebar .stamina li {
|
|
flex-direction: column;
|
|
}
|
|
.actor.sheet .crb-style aside .sidebar .stamina li input {
|
|
padding: 0;
|
|
font-size: var(--font-size-24);
|
|
}
|
|
.actor.sheet .crb-style aside .sidebar .stamina li input.left {
|
|
color: var(--text-light);
|
|
text-align: right;
|
|
margin-right: 4px;
|
|
}
|
|
.actor.sheet .crb-style aside .sidebar .stamina li input.right {
|
|
color: var(--tertiary-light);
|
|
text-align: left;
|
|
margin-left: 4px;
|
|
}
|
|
.actor.sheet .crb-style aside .sidebar .stamina li .divider {
|
|
font-size: var(--font-size-16);
|
|
line-height: 1;
|
|
}
|
|
.actor.sheet .crb-style aside .sidebar .stamina li .stamina-group {
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
.actor.sheet .crb-style aside .sidebar .roll-data {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
}
|
|
.actor.sheet .crb-style aside .sidebar .roll-data h3 {
|
|
font-size: var(--font-size-18);
|
|
font-weight: initial;
|
|
color: var(--tertiary-light);
|
|
white-space: nowrap;
|
|
}
|
|
.actor.sheet .crb-style aside .sidebar .roll-data .initiative-select {
|
|
width: 129px;
|
|
}
|
|
.actor.sheet .crb-style aside .sidebar .perception-sidebar, .actor.sheet .crb-style aside .sidebar .initiative-sidebar {
|
|
gap: 5px;
|
|
}
|
|
.actor.sheet .crb-style aside .sidebar .perception-sidebar h3, .actor.sheet .crb-style aside .sidebar .initiative-sidebar h3 {
|
|
flex-grow: 1;
|
|
}
|
|
.actor.sheet .crb-style aside .sidebar ul.sidebar-saves {
|
|
margin: 0;
|
|
padding: 0;
|
|
display: flex;
|
|
}
|
|
.actor.sheet .crb-style aside .sidebar ul.sidebar-saves .roll-data {
|
|
flex: 1 1 auto;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
align-items: center;
|
|
border-left: 1px solid rgba(255, 239, 189, 0.1882352941);
|
|
}
|
|
.actor.sheet .crb-style aside .sidebar ul.sidebar-saves .roll-data:first-child {
|
|
border-left: none;
|
|
}
|
|
.actor.sheet .crb-style aside .sidebar ul.sidebar-saves .roll-data .sidebar_label {
|
|
font-weight: initial;
|
|
text-transform: capitalize;
|
|
font-size: var(--font-size-12);
|
|
border: none;
|
|
margin-bottom: 2px;
|
|
}
|
|
.actor.sheet .crb-style aside .sidebar ul.sidebar-saves .roll-data .save-roll {
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
margin: 4px 0;
|
|
}
|
|
.actor.sheet .crb-style aside .sidebar ul.sidebar-saves .roll-data .save-roll h3 {
|
|
margin: 0;
|
|
margin-left: 2px;
|
|
}
|
|
.actor.sheet .crb-style aside .sidebar ul.sidebar-saves .roll-data .modifiers_button {
|
|
padding: 2px;
|
|
border-radius: 2px;
|
|
width: initial;
|
|
}
|
|
.actor.sheet .crb-style aside .sidebar ol.tags {
|
|
flex-direction: row;
|
|
}
|
|
.actor.sheet .crb-style aside .sidebar ol.tags li {
|
|
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.5);
|
|
}
|
|
.actor.sheet .crb-style header.char-header {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
color: var(--text-light);
|
|
}
|
|
.actor.sheet .crb-style header.char-header .char-details {
|
|
font-family: var(--sans-serif);
|
|
font-size: var(--font-size-10);
|
|
text-transform: uppercase;
|
|
letter-spacing: 0.05em;
|
|
text-rendering: optimizeLegibility;
|
|
margin-left: 8px;
|
|
}
|
|
.actor.sheet .crb-style header.char-header .char-details h1.char-name {
|
|
margin: 0;
|
|
border: none;
|
|
}
|
|
.actor.sheet .crb-style header.char-header .char-details h1.char-name span.non-editable {
|
|
letter-spacing: normal;
|
|
word-spacing: normal;
|
|
text-transform: none;
|
|
text-indent: 0;
|
|
text-shadow: none;
|
|
text-rendering: auto;
|
|
}
|
|
.actor.sheet .crb-style header.char-header .char-details h1.char-name span.non-editable.gender {
|
|
font-size: var(--font-size-14);
|
|
}
|
|
.actor.sheet .crb-style header.char-header .char-details h1.char-name input[type=text], .actor.sheet .crb-style header.char-header .char-details h1.char-name span.non-editable {
|
|
font-family: var(--serif);
|
|
font-weight: 500;
|
|
font-size: var(--font-size-24);
|
|
color: var(--text-light);
|
|
line-height: calc(1em + 1px);
|
|
border-bottom: 1px solid transparent;
|
|
height: 26px;
|
|
}
|
|
.actor.sheet .crb-style header.char-header .char-details h1.char-name input[type=text]:focus, .actor.sheet .crb-style header.char-header .char-details h1.char-name span.non-editable:focus {
|
|
box-shadow: none;
|
|
border-bottom: 1px solid var(--text-light);
|
|
}
|
|
.actor.sheet .crb-style header.char-header .char-details h2.non-editable.ancestry-class {
|
|
font-family: var(--serif);
|
|
border-bottom: none;
|
|
margin-bottom: 0;
|
|
font-weight: 400;
|
|
}
|
|
.actor.sheet .crb-style header.char-header .char-level {
|
|
display: flex;
|
|
justify-content: flex-start;
|
|
padding-bottom: 4px;
|
|
}
|
|
.actor.sheet .crb-style header.char-header .char-level .level {
|
|
position: relative;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
flex-direction: column;
|
|
height: 43px;
|
|
width: 40px;
|
|
background: url("../assets/sheet/level-badge.webp") no-repeat;
|
|
background-size: 40px 43px;
|
|
z-index: 2;
|
|
font-size: 0;
|
|
padding-top: 2px;
|
|
}
|
|
.actor.sheet .crb-style header.char-header .char-level .level label {
|
|
color: var(--sidebar-label);
|
|
font-family: var(--sans-serif);
|
|
font-size: var(--font-size-10);
|
|
text-transform: uppercase;
|
|
letter-spacing: 0.05em;
|
|
text-rendering: optimizeLegibility;
|
|
line-height: 1.5;
|
|
}
|
|
.actor.sheet .crb-style header.char-header .char-level .level input {
|
|
font-family: var(--serif);
|
|
font-size: var(--font-size-22);
|
|
font-weight: 400;
|
|
color: var(--text-light);
|
|
line-height: calc(1em + 1px);
|
|
height: 24px;
|
|
}
|
|
.actor.sheet .crb-style header.char-header .char-level .level label,
|
|
.actor.sheet .crb-style header.char-header .char-level .level input {
|
|
margin-left: 1px;
|
|
text-align: center;
|
|
}
|
|
.actor.sheet .crb-style .char-header {
|
|
grid-area: header;
|
|
padding-right: 1rem;
|
|
}
|
|
.actor.sheet .crb-style .sheet-navigation {
|
|
grid-area: nav;
|
|
margin-left: -2px;
|
|
}
|
|
.actor.sheet .crb-style .sheet-body {
|
|
grid-area: content;
|
|
position: relative;
|
|
}
|
|
.actor.sheet .crb-style .sheet-body ol {
|
|
list-style: none;
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content,
|
|
.actor.sheet .crb-style .sheet-body .sheet-content .inventory {
|
|
bottom: 0;
|
|
display: flex;
|
|
flex-direction: column;
|
|
left: 0;
|
|
position: absolute;
|
|
top: 0;
|
|
width: 100%;
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content.tab[data-tab],
|
|
.actor.sheet .crb-style .sheet-body .sheet-content .inventory.tab[data-tab] {
|
|
display: none;
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content.tab[data-tab].active,
|
|
.actor.sheet .crb-style .sheet-body .sheet-content .inventory.tab[data-tab].active {
|
|
display: initial;
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content {
|
|
color: var(--body);
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content > .tab {
|
|
padding: 0.6rem 0.6rem 0;
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list {
|
|
margin: 0;
|
|
padding: 0;
|
|
border-bottom: 1px solid var(--color-border-light-2);
|
|
flex-basis: 100%;
|
|
gap: 1px;
|
|
position: relative;
|
|
width: 100%;
|
|
z-index: 1;
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li {
|
|
margin: 0;
|
|
padding: 0;
|
|
align-items: center;
|
|
background: none;
|
|
cursor: default;
|
|
display: grid;
|
|
grid: "name range components cast-spell controls" auto "content content content content content" auto/9fr 4fr 4fr 2fr 2.5fr;
|
|
justify-content: center;
|
|
padding: 0 0.3em 1px 0.35em;
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li[data-expended-state=true] h4 {
|
|
color: var(--color-disabled);
|
|
text-decoration: line-through;
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li[data-expended-state=true] .cast-spell {
|
|
background: var(--color-disabled);
|
|
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.5);
|
|
cursor: not-allowed;
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li:nth-child(odd) {
|
|
background-color: rgba(120, 100, 82, 0.1);
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li:last-child {
|
|
border-bottom: 1px solid var(--sub);
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li:last-child .item-image {
|
|
margin-bottom: 0;
|
|
margin-top: 2px;
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li.spell-level-header {
|
|
margin: 0;
|
|
padding: 0;
|
|
background: rgba(96, 88, 86, 0.25);
|
|
border: 1px solid var(--color-border-light-2);
|
|
border-radius: 2px;
|
|
color: var(--body);
|
|
font: 500 var(--font-size-12) var(--sans-serif);
|
|
letter-spacing: 0.25px;
|
|
line-height: 1;
|
|
padding: 0 0.5em;
|
|
text-transform: uppercase;
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li.spell-level-header h3 {
|
|
text-transform: capitalize;
|
|
font-size: var(--font-size-13);
|
|
margin-left: 0;
|
|
padding: 4px 0;
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li.spell-level-header .item-name {
|
|
line-height: 1;
|
|
gap: 0.25em;
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li.spell-level-header .item-name h3 {
|
|
margin: 0;
|
|
padding: 0;
|
|
font-weight: 700;
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li.spell-level-header .item-controls {
|
|
grid-column: span 2;
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .uses {
|
|
align-items: center;
|
|
display: flex;
|
|
gap: 0.25em;
|
|
line-height: 1;
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li.spell-level-header input, .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .uses input {
|
|
background: var(--alt);
|
|
border-radius: 3px;
|
|
border: 1px solid var(--sub);
|
|
color: white;
|
|
font: var(--font-size-12) var(--sans-serif);
|
|
height: unset;
|
|
text-align: center;
|
|
width: 2em;
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li.spell-level-header .spell-slots-increment-reset, .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .uses .spell-slots-increment-reset {
|
|
padding-left: 5px;
|
|
font-size: var(--font-size-10);
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li.spell {
|
|
border: none;
|
|
font-size: var(--font-size-13);
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .level-prepared-toggle {
|
|
flex: 0;
|
|
font-size: 0.75rem;
|
|
color: var(--secondary);
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .item-name {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-wrap: nowrap;
|
|
justify-content: start;
|
|
justify-self: start;
|
|
min-height: 1.75rem;
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .item-name h3 {
|
|
white-space: nowrap;
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .item-name + span {
|
|
font-size: 0.75rem;
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .item-name .focus-pool-input {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-wrap: nowrap;
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .item-name .slash {
|
|
font-size: 0.75rem;
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .item-name .spell-slots,
|
|
.actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .item-name .spell-max {
|
|
padding-top: 3px;
|
|
font-size: 0.75rem;
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .item-name .spell-slots.infinity,
|
|
.actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .item-name .spell-max.infinity {
|
|
position: relative;
|
|
top: -2px;
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .item-name .item-image {
|
|
height: 1.5rem;
|
|
width: 1.5rem;
|
|
flex: 0 0 auto;
|
|
margin: 2px 0;
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .item-name h4 {
|
|
margin: 0;
|
|
padding: 0;
|
|
font-size: var(--font-size-14);
|
|
letter-spacing: -0.075em;
|
|
line-height: 1;
|
|
margin-left: 8px;
|
|
cursor: pointer;
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .item-name h4:hover {
|
|
color: var(--secondary);
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .item-name .activity-icon {
|
|
margin-left: 4px;
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .item-name.empty {
|
|
grid-column: 1/span 4;
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .spell-range {
|
|
grid-area: range;
|
|
padding-left: 0.2em;
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .spell-components {
|
|
grid-area: components;
|
|
justify-self: right;
|
|
padding: 0 0.5em;
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .spell-components .tag {
|
|
font: var(--font-size-12) var(--sans-serif-condensed);
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .spell-cast {
|
|
grid-area: cast-spell;
|
|
display: flex;
|
|
justify-content: center;
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .item-controls {
|
|
grid-area: controls;
|
|
display: flex;
|
|
justify-self: end;
|
|
padding-right: 0.25em;
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li button.cast-spell {
|
|
align-items: center;
|
|
background: var(--secondary);
|
|
border-radius: 2px;
|
|
border: black;
|
|
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.5);
|
|
color: white;
|
|
cursor: pointer;
|
|
display: flex;
|
|
font: 700 0.55rem var(--sans-serif);
|
|
justify-self: center;
|
|
letter-spacing: 0.25px;
|
|
max-width: fit-content;
|
|
padding: 0.5em 1em;
|
|
text-transform: uppercase;
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .item-summary {
|
|
grid-area: content;
|
|
width: 100%;
|
|
padding: 8px;
|
|
border-bottom: 1px solid var(--sub);
|
|
border-top: 1px solid #aca5a3;
|
|
background-color: var(--bg);
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list[data-category=spontaneous] .virtual {
|
|
position: relative;
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list[data-category=spontaneous] .virtual::before {
|
|
pointer-events: none;
|
|
content: "";
|
|
position: absolute;
|
|
height: 100%;
|
|
width: 100%;
|
|
background-color: rgba(0, 5, 255, 0.1137254902);
|
|
mix-blend-mode: saturation;
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list[data-category=spontaneous] .item:not(.virtual) + .virtual {
|
|
border-top: 1px solid rgba(0, 0, 0, 0.15);
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list .level-prepared-header {
|
|
font-size: 0.75rem;
|
|
color: white;
|
|
margin: 0;
|
|
padding: 4px;
|
|
text-align: center;
|
|
background: var(--secondary);
|
|
position: relative;
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list .spell .item-name {
|
|
width: 100%;
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list input.toggle-signature-spell[type=checkbox] {
|
|
width: 12px;
|
|
height: 12px;
|
|
margin: 0 2px 0 0;
|
|
flex: 0 0 auto;
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list .spellbook-empty {
|
|
display: flex;
|
|
align-items: center;
|
|
min-height: 28px;
|
|
justify-content: flex-end;
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list .spellbook-empty h4 {
|
|
margin: 0;
|
|
white-space: nowrap;
|
|
margin-right: auto;
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list .spellbook-empty a {
|
|
flex: 0 1 0;
|
|
white-space: nowrap;
|
|
margin-left: 8px;
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content ol.directory-list > h3, .actor.sheet .crb-style .sheet-body .sheet-content ol.directory-list > li > h3 {
|
|
font-size: 1rem;
|
|
font-weight: 500;
|
|
font-family: var(--serif);
|
|
line-height: 1;
|
|
color: white;
|
|
margin: 0;
|
|
padding: 0;
|
|
margin-left: 8px;
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content ol.directory-list .action-header {
|
|
align-items: center;
|
|
background: var(--primary);
|
|
border: none;
|
|
border-radius: 0.25em;
|
|
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3), inset 0 0 0 2px rgba(255, 255, 255, 0.2);
|
|
display: flex;
|
|
flex-basis: 100%;
|
|
flex-wrap: nowrap;
|
|
height: 32px;
|
|
justify-content: space-between;
|
|
margin-left: 0;
|
|
margin-top: 8px;
|
|
padding: 0 0.5em;
|
|
position: relative;
|
|
width: 100%;
|
|
z-index: 2;
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content ol.directory-list .action-header:first-child {
|
|
margin-top: 0;
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content ol.directory-list .action-header + li {
|
|
border-top: none;
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content ol.directory-list .action-header .drag-handle {
|
|
cursor: move;
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content ol.directory-list .action-header > a .fas, .actor.sheet .crb-style .sheet-body .sheet-content ol.directory-list .action-header > a > .fa {
|
|
flex-basis: 0;
|
|
color: white;
|
|
margin-right: 0.25em;
|
|
padding-top: 0.25em;
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content ol.directory-list .action-header .item-controls {
|
|
color: white;
|
|
flex: 1 0 auto;
|
|
font: 0.85em var(--sans-serif);
|
|
letter-spacing: 0.05em;
|
|
margin-left: auto;
|
|
max-width: fit-content;
|
|
text-transform: uppercase;
|
|
font-size: var(--font-size-12);
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content ol.directory-list .action-header h3 {
|
|
color: white;
|
|
flex: 1 1 100%;
|
|
margin-bottom: 0;
|
|
font-size: var(--font-size-16);
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content ol.directory-list .action-header h3 input.item-name-input {
|
|
color: white;
|
|
max-width: 100%;
|
|
font-weight: 500;
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content ol.directory-list .action-header h3 input.item-name-input:read-only {
|
|
pointer-events: none;
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container {
|
|
padding: 0 0.5rem 2rem 0;
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper {
|
|
display: grid;
|
|
justify-items: center;
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .action-radio {
|
|
display: none;
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels {
|
|
min-height: min-content;
|
|
width: 100%;
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels .actions-panel {
|
|
display: none;
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels .actions-panel.active {
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels .actions-options {
|
|
border-image-repeat: repeat;
|
|
border-image-slice: 11;
|
|
border-image-source: url("../assets/sheet/frame-elegant.svg");
|
|
border-image-width: 14px;
|
|
border-style: double;
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
margin-bottom: 0.5rem;
|
|
padding: 0.5rem 1rem;
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels .actions-options .actions-option {
|
|
align-items: center;
|
|
display: flex;
|
|
width: 100%;
|
|
margin: 1px 0;
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels .actions-options .actions-option label * {
|
|
vertical-align: middle;
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels .actions-options .actions-option label input {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels .actions-options .actions-option label .unchecked-disabled {
|
|
color: var(--color-text-dark-inactive);
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list {
|
|
padding-left: 0;
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list li.action-header {
|
|
align-items: center;
|
|
display: flex;
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list li.action {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
padding: 4px;
|
|
width: 100%;
|
|
border-top: 1px solid #d5cac1;
|
|
border: solid transparent;
|
|
border-width: 0 0 1px;
|
|
border-image: linear-gradient(90deg, #f1edea, #d5cac1) 1 repeat;
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list li.action p:empty {
|
|
display: none;
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list li.action .item-name {
|
|
align-items: center;
|
|
display: flex;
|
|
flex: 1;
|
|
margin: 0;
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list li.action .item-name h4 {
|
|
cursor: pointer;
|
|
margin: 0;
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list li.action .item-name h4:hover {
|
|
color: var(--primary);
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list li.action .item-name .item-image {
|
|
height: 22px;
|
|
width: 22px;
|
|
color: transparent;
|
|
background-repeat: no-repeat;
|
|
background-size: contain;
|
|
margin-right: 8px;
|
|
font-size: var(--font-size-18);
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
cursor: pointer;
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list li.action .item-name .item-image:hover {
|
|
background: none !important;
|
|
color: var(--primary);
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list li.action .item-name .actions-title {
|
|
flex: 1;
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list li.action .item-name .actions-title .action-name {
|
|
display: flex;
|
|
flex-direction: row;
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list li.action .item-name .actions-title .action-name h4 {
|
|
cursor: pointer;
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list li.action .item-name .actions-title .action-name h4:hover {
|
|
color: var(--primary);
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list li.action .item-name .actions-title .action-name h4:hover .activity-icon {
|
|
color: var(--body);
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list li.action .item-controls {
|
|
white-space: nowrap;
|
|
font-size: var(--font-size-11);
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list li.action .item-summary {
|
|
flex-basis: 100%;
|
|
margin-bottom: 8px;
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list li.action .item-summary .title,
|
|
.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list li.action .item-summary .framing {
|
|
color: var(--primary);
|
|
margin: 0;
|
|
padding: 0;
|
|
margin-top: 1em;
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list li.action .item-summary .framing {
|
|
color: var(--secondary);
|
|
margin: 1em 0 0.25em;
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list li.action .item-summary .framing strong {
|
|
font-weight: 500;
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list li.action .item-summary .framing + p {
|
|
margin-top: 0;
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list li.action .item-summary img {
|
|
border: none;
|
|
vertical-align: middle;
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list li.action .item-summary img.actionlight {
|
|
background: var(--alt);
|
|
vertical-align: middle;
|
|
border: 1px solid var(--body);
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list li.action .item-summary .item-properties .tag.toggled-on:hover, .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list li.action .item-summary .item-properties .tag.toggled-off:hover {
|
|
box-shadow: none;
|
|
text-shadow: 0 0 2px white;
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list li.action .item-summary .item-properties .tag.toggled-on, .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list li.action .item-summary .item-properties .tag.toggled-off {
|
|
cursor: pointer;
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list li.action .item-summary .item-properties .tag.toggled-on {
|
|
background-color: rgba(23, 31, 105, 0.5);
|
|
color: black;
|
|
text-shadow: 0 0 2px white;
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list li.action .item-summary {
|
|
border-image-repeat: repeat;
|
|
border-image-slice: 11;
|
|
border-image-source: url("../assets/sheet/frame-elegant.svg");
|
|
border-image-width: 14px;
|
|
border-style: double;
|
|
padding: 0.5rem 1rem 1rem;
|
|
margin-top: 0.75rem;
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list li.action .item-summary dd {
|
|
margin: 0;
|
|
margin-bottom: 0.5rem;
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list li.action .item-summary .tag.tag_secondary {
|
|
background-color: rgba(0, 0, 0, 0.8);
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list li.action.expanded h4 {
|
|
color: var(--primary);
|
|
font-weight: 700;
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list li.action.hidden {
|
|
display: none;
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content .tab.biography h3 {
|
|
margin-top: 0.75em;
|
|
font-family: var(--serif);
|
|
font-weight: 600;
|
|
color: var(--primary);
|
|
line-height: 1;
|
|
border-bottom: 1px solid var(--primary);
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content .tab.biography input {
|
|
font-family: var(--body-serif);
|
|
font-weight: bold;
|
|
width: calc(100% - 6px);
|
|
border-bottom: 1px solid #d3ccbc;
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content .tab.biography input::placeholder {
|
|
filter: opacity(0.5);
|
|
color: var(--body);
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content .tab.biography input:focus {
|
|
border-bottom: 1px solid #644f33;
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content .tab.biography input:focus::placeholder {
|
|
color: transparent;
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content .tab.biography input[type=number] {
|
|
padding-bottom: 0;
|
|
padding-left: 4px;
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content .tab.biography hr {
|
|
margin: 10px 6px 10px 0;
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content .tab.biography .bio h3 {
|
|
margin: 0;
|
|
padding: 0;
|
|
background-color: rgba(28, 28, 28, 0.1);
|
|
border: none;
|
|
color: var(--body);
|
|
font: 700 var(--font-size-14) var(--body-serif);
|
|
grid-area: mod;
|
|
height: 26px;
|
|
padding: 8px 4px 6px;
|
|
width: calc(100% - 6px);
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content .tab.biography .bio h3 i {
|
|
position: relative;
|
|
right: -2px;
|
|
top: -2px;
|
|
float: right;
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content .tab.biography .bio h3 span.value {
|
|
display: inline-block;
|
|
max-width: 87%;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content .tab.biography .biography-content {
|
|
margin-left: 8px;
|
|
padding: 4px;
|
|
/* Typography */
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content .tab.biography .biography-content h1, .actor.sheet .crb-style .sheet-body .sheet-content .tab.biography .biography-content h2 {
|
|
font-family: var(--serif);
|
|
line-height: 1.1;
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content .tab.biography .biography-content h1 {
|
|
text-align: center;
|
|
font-size: 2.5em;
|
|
margin-bottom: 30px;
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content .tab.biography .biography-content h2 {
|
|
color: var(--secondary);
|
|
font-size: 2.25em;
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content .tab.biography .biography-content h3 {
|
|
font-size: 2em;
|
|
border-bottom: 0px;
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content .tab.biography .biography-content h4 {
|
|
color: #000000;
|
|
border-bottom: 1px solid #000000;
|
|
margin-bottom: 0px;
|
|
text-transform: uppercase;
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content .tab.biography .biography-content h5 {
|
|
text-transform: uppercase;
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content .tab.biography .biography-content h6 {
|
|
background-color: var(--header-bg);
|
|
color: var(--header-color);
|
|
margin-bottom: 5px;
|
|
padding-left: 8px;
|
|
padding-top: 5px;
|
|
padding-bottom: 3px;
|
|
font-size: 1.25em;
|
|
text-transform: uppercase;
|
|
border-radius: 12px 12px 0px 0px;
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content .tab.biography .biography-content p, .actor.sheet .crb-style .sheet-body .sheet-content .tab.biography .biography-content p + p, .actor.sheet .crb-style .sheet-body .sheet-content .tab.biography .biography-content ul, .actor.sheet .crb-style .sheet-body .sheet-content .tab.biography .biography-content ol {
|
|
font-family: var(--body-serif);
|
|
text-align: justify;
|
|
line-height: 1.4;
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content .tab.biography .biography-content .editor .editor-edit {
|
|
background: var(--primary);
|
|
color: white;
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content .tab.biography .biography-content .editor .tox.tox-tinymce {
|
|
height: 200px !important;
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content .tab.biography .biography-content .editor .tox .tox-editor-container .tox-editor-header .tox-toolbar-overlord {
|
|
background-color: var(--secondary);
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content .tab.biography .biography-content .editor .tox .tox-editor-container .tox-editor-header .tox-toolbar-overlord .tox-toolbar__primary {
|
|
background-color: var(--alt);
|
|
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3);
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content .tab.biography .biography-content .editor .tox .tox-tbtn {
|
|
color: #cdcdcd;
|
|
border-radius: 1px;
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content .tab.biography .biography-content .editor .tox .tox-tbtn svg {
|
|
fill: #cdcdcd;
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content .tab.biography .biography-content .editor .tox .tox-tbtn:hover {
|
|
background: var(--secondary);
|
|
color: white;
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content .tab.biography .biography-content .editor .tox .tox-tbtn:hover svg {
|
|
fill: white;
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content .tab.biography .biography-content .editor .editor-content {
|
|
background: rgba(0, 0, 0, 0.05);
|
|
min-height: 75px;
|
|
overflow-y: inherit;
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content .tab.biography .biography-details {
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content .tab.biography .biography-details span {
|
|
width: 100%;
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content footer {
|
|
font-family: var(--sans-serif);
|
|
font-size: var(--font-size-10);
|
|
text-transform: uppercase;
|
|
letter-spacing: 0.05em;
|
|
text-rendering: optimizeLegibility;
|
|
color: var(--primary);
|
|
text-align: right;
|
|
line-height: 1.4;
|
|
margin: 1em 1em 0;
|
|
}
|
|
.actor.sheet .crb-style nav.sheet-navigation {
|
|
display: inline-flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
height: 20px;
|
|
background: var(--secondary);
|
|
background: url("../assets/sheet/border-pattern.webp") repeat-x top, url("../assets/sheet/border-pattern.webp") repeat-x bottom, var(--secondary);
|
|
transition: all 0.1s ease-out;
|
|
box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
|
|
border-top: 1px solid rgba(255, 255, 255, 0.1);
|
|
border-bottom: 1px solid rgba(255, 255, 255, 0.5);
|
|
position: relative;
|
|
}
|
|
.actor.sheet .crb-style nav.sheet-navigation .navigation-title {
|
|
color: var(--text-light);
|
|
margin-right: auto;
|
|
padding-left: 1em;
|
|
white-space: nowrap;
|
|
width: 7em;
|
|
}
|
|
.actor.sheet .crb-style nav.sheet-navigation > a {
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
margin: 0 6px;
|
|
font-size: var(--font-size-12);
|
|
}
|
|
.actor.sheet .crb-style nav.sheet-navigation .item {
|
|
height: 24px;
|
|
width: 24px;
|
|
border-radius: 50%;
|
|
z-index: 1;
|
|
transition: all 0.1s ease-out;
|
|
color: var(--tertiary);
|
|
fill: var(--tertiary);
|
|
background-image: url("../assets/sheet/nav-item-inactive.webp");
|
|
background-size: contain;
|
|
/* prettier-ignore */
|
|
box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px #9f725b, inset 0 0 4px rgba(0, 0, 0, 0.25);
|
|
}
|
|
.actor.sheet .crb-style nav.sheet-navigation .item.active {
|
|
box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px #9f725b, inset 0 0 4px rgba(0, 0, 0, 0.25), 0 0 8px var(--tertiary);
|
|
}
|
|
.actor.sheet .crb-style nav.sheet-navigation .item:last-child {
|
|
margin-right: 10px;
|
|
}
|
|
.actor.sheet .crb-style nav.sheet-navigation .item:hover, .actor.sheet .crb-style nav.sheet-navigation .item.active {
|
|
z-index: 2;
|
|
transform: scale(1.2);
|
|
color: var(--text-light);
|
|
fill: var(--text-light);
|
|
background-image: url("../assets/sheet/nav-item.webp");
|
|
}
|
|
.actor.sheet .crb-style nav.sheet-navigation .item .fas {
|
|
padding-bottom: 0;
|
|
}
|
|
.actor.sheet .crb-style nav.sheet-navigation .item:hover .pfs-icon {
|
|
filter: drop-shadow(0 0 8px var(--color-shadow-primary));
|
|
}
|
|
.actor.sheet .crb-style nav.sheet-navigation .item .action-icon {
|
|
align-self: baseline;
|
|
display: inline-block;
|
|
font-family: Pathfinder2eActions;
|
|
font-size: 1.4rem;
|
|
line-height: 1;
|
|
max-height: 0.75rem;
|
|
}
|
|
.actor.sheet .crb-style nav.sub-nav {
|
|
margin: 0;
|
|
padding: 0;
|
|
display: flex;
|
|
flex-wrap: nowrap;
|
|
justify-content: center;
|
|
align-items: center;
|
|
list-style: none;
|
|
background-color: var(--bg);
|
|
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.18);
|
|
width: 100%;
|
|
flex: 0 0 44px;
|
|
}
|
|
.actor.sheet .crb-style nav.sub-nav::before, .actor.sheet .crb-style nav.sub-nav::after {
|
|
content: "";
|
|
width: 37px;
|
|
height: 16px;
|
|
background: url("../assets/sheet/sub-nav-decoration.webp");
|
|
margin: 0 16px;
|
|
}
|
|
.actor.sheet .crb-style nav.sub-nav::after {
|
|
transform: scaleX(-100%);
|
|
}
|
|
.actor.sheet .crb-style nav.sub-nav a, .actor.sheet .crb-style nav.sub-nav .tab {
|
|
border-left: 1px solid rgba(255, 255, 255, 0.3);
|
|
border-right: 1px solid rgba(0, 0, 0, 0.2);
|
|
color: var(--alt);
|
|
cursor: pointer;
|
|
display: block;
|
|
font: 400 var(--font-size-16) var(--serif);
|
|
flex: 1;
|
|
margin: 0 0.25rem;
|
|
max-width: 30%;
|
|
text-align: center;
|
|
text-decoration: none;
|
|
transition: all 0.1s ease-out;
|
|
}
|
|
.actor.sheet .crb-style nav.sub-nav a.active, .actor.sheet .crb-style nav.sub-nav .tab.active {
|
|
color: var(--primary);
|
|
font-weight: 600;
|
|
}
|
|
.actor.sheet .crb-style nav.sub-nav a:first-child, .actor.sheet .crb-style nav.sub-nav .tab:first-child {
|
|
border-left: none;
|
|
}
|
|
.actor.sheet .crb-style nav.sub-nav a:last-child, .actor.sheet .crb-style nav.sub-nav .tab:last-child {
|
|
border-right: none;
|
|
}
|
|
.actor.sheet .crb-style nav.sub-nav a:hover, .actor.sheet .crb-style nav.sub-nav .tab:hover {
|
|
text-shadow: 0 0 3px rgba(255, 255, 255, 0.5);
|
|
}
|
|
.actor.sheet .crb-style .tab nav.sub-nav {
|
|
padding-right: 20px;
|
|
}
|
|
.actor.sheet .crb-style .stroke-header {
|
|
position: relative;
|
|
}
|
|
.actor.sheet .crb-style .stroke-header svg {
|
|
position: absolute;
|
|
fill: var(--primary);
|
|
}
|
|
.actor.sheet .crb-style .stroke-header h3 {
|
|
position: relative;
|
|
}
|
|
.actor.sheet .crb-style.limited .sidebar {
|
|
display: flex;
|
|
align-items: center;
|
|
flex-direction: column;
|
|
}
|
|
.actor.sheet .crb-style.limited .sidebar .profile-img {
|
|
display: flex;
|
|
align-items: flex-end;
|
|
margin: 1rem 0;
|
|
max-width: 85%;
|
|
max-height: 200px;
|
|
background-color: var(--tertiary);
|
|
background-size: cover;
|
|
background-position: top center;
|
|
border: 1px solid rgba(0, 0, 0, 0.5);
|
|
box-shadow: 0 0 0 1px #C0C0C0, 0 0 0 2px #808080;
|
|
}
|
|
.actor.sheet .crb-style.limited .sidebar .plaque {
|
|
color: var(--sidebar-title);
|
|
font-size: 1rem;
|
|
font-weight: 500;
|
|
margin-bottom: 0.25rem;
|
|
display: flex;
|
|
}
|
|
.actor.sheet .crb-style.limited .sidebar .plaque::before, .actor.sheet .crb-style.limited .sidebar .plaque::after {
|
|
display: block;
|
|
content: url("../assets/icons/pathfinder-orn.svg");
|
|
height: 100%;
|
|
width: 25px;
|
|
}
|
|
.actor.sheet .crb-style.limited .sidebar .plaque::after {
|
|
transform: scaleX(-1);
|
|
margin-left: 4px;
|
|
}
|
|
.actor.sheet .crb-style.limited .sidebar .plaque::before {
|
|
margin-right: 4px;
|
|
}
|
|
.actor.sheet .crb-style.limited .sidebar ul.stats {
|
|
margin: 0;
|
|
padding: 0;
|
|
list-style: none;
|
|
text-align: center;
|
|
}
|
|
.actor.sheet .crb-style.limited .sidebar ul.stats li {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
.actor.sheet .crb-style.limited .tab.character .character-bio {
|
|
display: flex;
|
|
flex-direction: column;
|
|
height: 100%;
|
|
}
|
|
.actor.sheet .crb-style.limited .tab.character .character-bio footer {
|
|
margin-top: auto;
|
|
text-align: left;
|
|
margin: 0;
|
|
padding: 0;
|
|
margin-top: auto;
|
|
margin-bottom: 8px;
|
|
}
|
|
.actor.sheet .crb-style.limited .tab.character .character-bio footer p {
|
|
color: var(--alt);
|
|
}
|
|
.actor.sheet .crb-style input.adjusted:not(:focus) {
|
|
font-weight: 700;
|
|
color: #009988;
|
|
}
|
|
.actor.sheet .crb-style button.tag:disabled {
|
|
cursor: not-allowed;
|
|
background-color: var(--color-text-dark-inactive);
|
|
}
|
|
.spellcasting-entry.preparation h3 {
|
|
border-bottom: none;
|
|
}
|
|
.spellcasting-entry.preparation button > i {
|
|
margin-right: 0;
|
|
}
|
|
.spellcasting-entry.preparation ol.spell-list {
|
|
margin: 0;
|
|
padding: 0;
|
|
border-bottom: 1px solid var(--color-border-light-2);
|
|
flex-basis: 100%;
|
|
gap: 1px;
|
|
position: relative;
|
|
width: 100%;
|
|
z-index: 1;
|
|
}
|
|
.spellcasting-entry.preparation ol.spell-list > li {
|
|
margin: 0;
|
|
padding: 0;
|
|
align-items: center;
|
|
background: none;
|
|
cursor: default;
|
|
display: grid;
|
|
grid: "name range components cast-spell controls" auto "content content content content content" auto/9fr 4fr 4fr 2fr 2.5fr;
|
|
justify-content: center;
|
|
padding: 0 0.3em 1px 0.35em;
|
|
}
|
|
.spellcasting-entry.preparation ol.spell-list > li[data-expended-state=true] h4 {
|
|
color: var(--color-disabled);
|
|
text-decoration: line-through;
|
|
}
|
|
.spellcasting-entry.preparation ol.spell-list > li[data-expended-state=true] .cast-spell {
|
|
background: var(--color-disabled);
|
|
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.5);
|
|
cursor: not-allowed;
|
|
}
|
|
.spellcasting-entry.preparation ol.spell-list > li:nth-child(odd) {
|
|
background-color: rgba(120, 100, 82, 0.1);
|
|
}
|
|
.spellcasting-entry.preparation ol.spell-list > li:last-child {
|
|
border-bottom: 1px solid var(--sub);
|
|
}
|
|
.spellcasting-entry.preparation ol.spell-list > li:last-child .item-image {
|
|
margin-bottom: 0;
|
|
margin-top: 2px;
|
|
}
|
|
.spellcasting-entry.preparation ol.spell-list > li.spell-level-header {
|
|
margin: 0;
|
|
padding: 0;
|
|
background: rgba(96, 88, 86, 0.25);
|
|
border: 1px solid var(--color-border-light-2);
|
|
border-radius: 2px;
|
|
color: var(--body);
|
|
font: 500 var(--font-size-12) var(--sans-serif);
|
|
letter-spacing: 0.25px;
|
|
line-height: 1;
|
|
padding: 0 0.5em;
|
|
text-transform: uppercase;
|
|
}
|
|
.spellcasting-entry.preparation ol.spell-list > li.spell-level-header h3 {
|
|
text-transform: capitalize;
|
|
font-size: var(--font-size-13);
|
|
margin-left: 0;
|
|
padding: 4px 0;
|
|
}
|
|
.spellcasting-entry.preparation ol.spell-list > li.spell-level-header .item-name {
|
|
line-height: 1;
|
|
gap: 0.25em;
|
|
}
|
|
.spellcasting-entry.preparation ol.spell-list > li.spell-level-header .item-name h3 {
|
|
margin: 0;
|
|
padding: 0;
|
|
font-weight: 700;
|
|
}
|
|
.spellcasting-entry.preparation ol.spell-list > li.spell-level-header .item-controls {
|
|
grid-column: span 2;
|
|
}
|
|
.spellcasting-entry.preparation ol.spell-list > li .uses {
|
|
align-items: center;
|
|
display: flex;
|
|
gap: 0.25em;
|
|
line-height: 1;
|
|
}
|
|
.spellcasting-entry.preparation ol.spell-list > li.spell-level-header input, .spellcasting-entry.preparation ol.spell-list > li .uses input {
|
|
background: var(--alt);
|
|
border-radius: 3px;
|
|
border: 1px solid var(--sub);
|
|
color: white;
|
|
font: var(--font-size-12) var(--sans-serif);
|
|
height: unset;
|
|
text-align: center;
|
|
width: 2em;
|
|
}
|
|
.spellcasting-entry.preparation ol.spell-list > li.spell-level-header .spell-slots-increment-reset, .spellcasting-entry.preparation ol.spell-list > li .uses .spell-slots-increment-reset {
|
|
padding-left: 5px;
|
|
font-size: var(--font-size-10);
|
|
}
|
|
.spellcasting-entry.preparation ol.spell-list > li.spell {
|
|
border: none;
|
|
font-size: var(--font-size-13);
|
|
}
|
|
.spellcasting-entry.preparation ol.spell-list > li .level-prepared-toggle {
|
|
flex: 0;
|
|
font-size: 0.75rem;
|
|
color: var(--secondary);
|
|
}
|
|
.spellcasting-entry.preparation ol.spell-list > li .item-name {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-wrap: nowrap;
|
|
justify-content: start;
|
|
justify-self: start;
|
|
min-height: 1.75rem;
|
|
}
|
|
.spellcasting-entry.preparation ol.spell-list > li .item-name h3 {
|
|
white-space: nowrap;
|
|
}
|
|
.spellcasting-entry.preparation ol.spell-list > li .item-name + span {
|
|
font-size: 0.75rem;
|
|
}
|
|
.spellcasting-entry.preparation ol.spell-list > li .item-name .focus-pool-input {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-wrap: nowrap;
|
|
}
|
|
.spellcasting-entry.preparation ol.spell-list > li .item-name .slash {
|
|
font-size: 0.75rem;
|
|
}
|
|
.spellcasting-entry.preparation ol.spell-list > li .item-name .spell-slots,
|
|
.spellcasting-entry.preparation ol.spell-list > li .item-name .spell-max {
|
|
padding-top: 3px;
|
|
font-size: 0.75rem;
|
|
}
|
|
.spellcasting-entry.preparation ol.spell-list > li .item-name .spell-slots.infinity,
|
|
.spellcasting-entry.preparation ol.spell-list > li .item-name .spell-max.infinity {
|
|
position: relative;
|
|
top: -2px;
|
|
}
|
|
.spellcasting-entry.preparation ol.spell-list > li .item-name .item-image {
|
|
height: 1.5rem;
|
|
width: 1.5rem;
|
|
flex: 0 0 auto;
|
|
margin: 2px 0;
|
|
}
|
|
.spellcasting-entry.preparation ol.spell-list > li .item-name h4 {
|
|
margin: 0;
|
|
padding: 0;
|
|
font-size: var(--font-size-14);
|
|
letter-spacing: -0.075em;
|
|
line-height: 1;
|
|
margin-left: 8px;
|
|
cursor: pointer;
|
|
}
|
|
.spellcasting-entry.preparation ol.spell-list > li .item-name h4:hover {
|
|
color: var(--secondary);
|
|
}
|
|
.spellcasting-entry.preparation ol.spell-list > li .item-name .activity-icon {
|
|
margin-left: 4px;
|
|
}
|
|
.spellcasting-entry.preparation ol.spell-list > li .item-name.empty {
|
|
grid-column: 1/span 4;
|
|
}
|
|
.spellcasting-entry.preparation ol.spell-list > li .spell-range {
|
|
grid-area: range;
|
|
padding-left: 0.2em;
|
|
}
|
|
.spellcasting-entry.preparation ol.spell-list > li .spell-components {
|
|
grid-area: components;
|
|
justify-self: right;
|
|
padding: 0 0.5em;
|
|
}
|
|
.spellcasting-entry.preparation ol.spell-list > li .spell-components .tag {
|
|
font: var(--font-size-12) var(--sans-serif-condensed);
|
|
}
|
|
.spellcasting-entry.preparation ol.spell-list > li .spell-cast {
|
|
grid-area: cast-spell;
|
|
display: flex;
|
|
justify-content: center;
|
|
}
|
|
.spellcasting-entry.preparation ol.spell-list > li .item-controls {
|
|
grid-area: controls;
|
|
display: flex;
|
|
justify-self: end;
|
|
padding-right: 0.25em;
|
|
}
|
|
.spellcasting-entry.preparation ol.spell-list > li button.cast-spell {
|
|
align-items: center;
|
|
background: var(--secondary);
|
|
border-radius: 2px;
|
|
border: black;
|
|
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.5);
|
|
color: white;
|
|
cursor: pointer;
|
|
display: flex;
|
|
font: 700 0.55rem var(--sans-serif);
|
|
justify-self: center;
|
|
letter-spacing: 0.25px;
|
|
max-width: fit-content;
|
|
padding: 0.5em 1em;
|
|
text-transform: uppercase;
|
|
}
|
|
.spellcasting-entry.preparation ol.spell-list > li .item-summary {
|
|
grid-area: content;
|
|
width: 100%;
|
|
padding: 8px;
|
|
border-bottom: 1px solid var(--sub);
|
|
border-top: 1px solid #aca5a3;
|
|
background-color: var(--bg);
|
|
}
|
|
.spellcasting-entry.preparation ol.spell-list[data-category=spontaneous] .virtual {
|
|
position: relative;
|
|
}
|
|
.spellcasting-entry.preparation ol.spell-list[data-category=spontaneous] .virtual::before {
|
|
pointer-events: none;
|
|
content: "";
|
|
position: absolute;
|
|
height: 100%;
|
|
width: 100%;
|
|
background-color: rgba(0, 5, 255, 0.1137254902);
|
|
mix-blend-mode: saturation;
|
|
}
|
|
.spellcasting-entry.preparation ol.spell-list[data-category=spontaneous] .item:not(.virtual) + .virtual {
|
|
border-top: 1px solid rgba(0, 0, 0, 0.15);
|
|
}
|
|
.spellcasting-entry.preparation ol.spell-list .level-prepared-header {
|
|
font-size: 0.75rem;
|
|
color: white;
|
|
margin: 0;
|
|
padding: 4px;
|
|
text-align: center;
|
|
background: var(--secondary);
|
|
position: relative;
|
|
}
|
|
.spellcasting-entry.preparation ol.spell-list .spell .item-name {
|
|
width: 100%;
|
|
}
|
|
.spellcasting-entry.preparation ol.spell-list input.toggle-signature-spell[type=checkbox] {
|
|
width: 12px;
|
|
height: 12px;
|
|
margin: 0 2px 0 0;
|
|
flex: 0 0 auto;
|
|
}
|
|
.spellcasting-entry.preparation ol.spell-list .spellbook-empty {
|
|
display: flex;
|
|
align-items: center;
|
|
min-height: 28px;
|
|
justify-content: flex-end;
|
|
}
|
|
.spellcasting-entry.preparation ol.spell-list .spellbook-empty h4 {
|
|
margin: 0;
|
|
white-space: nowrap;
|
|
margin-right: auto;
|
|
}
|
|
.spellcasting-entry.preparation ol.spell-list .spellbook-empty a {
|
|
flex: 0 1 0;
|
|
white-space: nowrap;
|
|
margin-left: 8px;
|
|
}
|
|
.spellcasting-entry.preparation form {
|
|
display: flex;
|
|
flex-direction: column;
|
|
height: 100%;
|
|
padding: 4px;
|
|
}
|
|
.spellcasting-entry.preparation .sheet-header {
|
|
align-items: baseline;
|
|
display: block;
|
|
flex: 0;
|
|
padding-right: 16px;
|
|
}
|
|
.spellcasting-entry.preparation .sheet-header h1 {
|
|
display: flex;
|
|
flex: 1;
|
|
overflow: hidden;
|
|
font-family: var(--serif-condensed);
|
|
font-weight: 700;
|
|
white-space: nowrap;
|
|
justify-content: space-between;
|
|
}
|
|
.spellcasting-entry.preparation .sheet-header p.hint {
|
|
margin: auto auto 1em;
|
|
}
|
|
.spellcasting-entry.preparation .sheet-header .item-controls {
|
|
flex: 0;
|
|
white-space: nowrap;
|
|
}
|
|
.spellcasting-entry.preparation .sheet-content {
|
|
overflow: hidden scroll;
|
|
scrollbar-width: thin;
|
|
scrollbar-color: var(--primary) transparent;
|
|
padding-bottom: 1em;
|
|
padding-right: 8px;
|
|
}
|
|
.currency {
|
|
display: flex;
|
|
padding: 3px;
|
|
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3), inset 0 0 0 2px rgba(255, 255, 255, 0.2);
|
|
background-color: var(--sub);
|
|
margin: 0;
|
|
align-items: center;
|
|
list-style: none;
|
|
font-size: var(--font-size-13);
|
|
}
|
|
.currency .label {
|
|
margin-right: 10px;
|
|
margin-left: 4px;
|
|
color: white;
|
|
font-weight: bold;
|
|
justify-content: flex-start;
|
|
}
|
|
.currency .denomination {
|
|
flex: 0 1 auto;
|
|
width: 100%;
|
|
color: white;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: flex-start;
|
|
flex-wrap: nowrap;
|
|
background-color: transparent;
|
|
border-right: 1px solid rgba(255, 255, 255, 0.1);
|
|
border-left: 1px solid rgba(0, 0, 0, 0.2);
|
|
text-shadow: 0 0 3px rgba(0, 0, 0, 0.75);
|
|
}
|
|
.currency .denomination:first-child {
|
|
border-left: none;
|
|
}
|
|
.currency .denomination:last-child {
|
|
border-right: none;
|
|
margin-right: 8px;
|
|
}
|
|
.currency .denomination label {
|
|
color: #ffe8d1;
|
|
text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.2), -1px -1px 1px rgba(0, 0, 0, 0.2);
|
|
font-family: var(--sans-serif);
|
|
font-size: var(--font-size-10);
|
|
text-transform: uppercase;
|
|
letter-spacing: 0.05em;
|
|
text-rendering: optimizeLegibility;
|
|
}
|
|
.currency .denomination span {
|
|
padding-left: 8px;
|
|
padding-right: 12px;
|
|
}
|
|
.currency .denomination.pp .currency-image {
|
|
background: url("../icons/equipment/treasure/currency/platinum-pieces.webp") no-repeat;
|
|
}
|
|
.currency .denomination.gp .currency-image {
|
|
background: url("../icons/equipment/treasure/currency/gold-pieces.webp") no-repeat;
|
|
}
|
|
.currency .denomination.sp .currency-image {
|
|
background: url("../icons/equipment/treasure/currency/silver-pieces.webp") no-repeat;
|
|
}
|
|
.currency .denomination.cp .currency-image {
|
|
background: url("../icons/equipment/treasure/currency/copper-pieces.webp") no-repeat;
|
|
}
|
|
.currency .denomination .currency-image {
|
|
height: 24px;
|
|
width: 24px;
|
|
box-shadow: 0 0 0 1px #9f725b, 0 0 0 2px var(--tertiary), 0 0 0 3px #956d58;
|
|
background-size: cover !important;
|
|
}
|
|
.currency .add-coins-popup > button,
|
|
.currency .remove-coins-popup > button,
|
|
.currency .sell-all-treasure > button {
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
margin: 0;
|
|
padding: 0;
|
|
line-height: 1;
|
|
color: rgba(0, 0, 0, 0.75);
|
|
background-color: var(--tertiary);
|
|
border: none;
|
|
border-radius: 1px;
|
|
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.25), inset 0 0 0 1px rgba(255, 255, 255, 0.25), 0 0 3px rgba(0, 0, 0, 0.5);
|
|
width: 30px;
|
|
height: 24px;
|
|
font-size: var(--font-size-13);
|
|
font-weight: 600;
|
|
margin-left: 2px;
|
|
}
|
|
.currency .add-coins-popup > button > i,
|
|
.currency .remove-coins-popup > button > i,
|
|
.currency .sell-all-treasure > button > i {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
.currency .add-coins-popup > button:hover,
|
|
.currency .remove-coins-popup > button:hover,
|
|
.currency .sell-all-treasure > button:hover {
|
|
background-color: var(--primary);
|
|
color: white;
|
|
cursor: pointer;
|
|
}
|
|
.wealth {
|
|
font-family: var(--sans-serif);
|
|
font-size: var(--font-size-10);
|
|
text-transform: uppercase;
|
|
letter-spacing: 0.05em;
|
|
text-rendering: optimizeLegibility;
|
|
align-items: center;
|
|
background-color: var(--alt);
|
|
display: flex;
|
|
margin-bottom: 10px;
|
|
min-height: 22px;
|
|
justify-content: flex-end;
|
|
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3), inset 0 0 0 2px rgba(255, 255, 255, 0.2);
|
|
}
|
|
.wealth h3 {
|
|
font-size: var(--font-size-13);
|
|
text-transform: capitalize;
|
|
text-shadow: 0 0 2px rgba(0, 0, 0, 0.75);
|
|
margin: 2px;
|
|
margin-left: 4px;
|
|
cursor: default;
|
|
}
|
|
.wealth h3:hover {
|
|
color: white;
|
|
}
|
|
.wealth h3.item-name {
|
|
flex-grow: 1;
|
|
color: white;
|
|
margin-bottom: 0;
|
|
font-weight: bold;
|
|
margin: 0 5px;
|
|
}
|
|
.wealth h3.item-name span {
|
|
margin-left: 5px;
|
|
font-weight: normal;
|
|
text-transform: uppercase;
|
|
}
|
|
.wealth ol {
|
|
padding-right: 0;
|
|
padding-bottom: 0;
|
|
margin-bottom: 0;
|
|
margin-right: 0;
|
|
}
|
|
/* Actor-type Imports */
|
|
.familiar .window-content {
|
|
background: url("../assets/sheet/background.webp");
|
|
background-repeat: repeat-x, no-repeat;
|
|
background-size: cover;
|
|
background-attachment: local;
|
|
display: flex;
|
|
flex-direction: row;
|
|
}
|
|
.familiar .window-content .section-container {
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
.familiar .window-content .section-container .section-header {
|
|
border: 1px solid #5e0000;
|
|
border-radius: 3px 3px 0px 0px;
|
|
background: #5e0000;
|
|
display: flex;
|
|
flex: 0;
|
|
width: 100%;
|
|
flex-direction: row;
|
|
justify-content: space-between;
|
|
align-items: baseline;
|
|
text-align: left;
|
|
color: #f5efe0;
|
|
font-size: var(--font-size-13);
|
|
padding: 0 8px;
|
|
line-height: 2em;
|
|
}
|
|
.familiar .window-content .section-container .section-header h4 {
|
|
flex: auto;
|
|
display: flex;
|
|
align-items: baseline;
|
|
gap: 4px;
|
|
margin-bottom: 0px;
|
|
text-transform: uppercase;
|
|
}
|
|
.familiar .window-content .section-container .section-header input {
|
|
color: inherit;
|
|
width: auto;
|
|
}
|
|
.familiar .window-content .section-container .section-header .controls {
|
|
display: flex;
|
|
gap: 8px;
|
|
justify-self: flex-end;
|
|
}
|
|
.familiar .window-content .section-container .section-body {
|
|
border: 1px solid #5e0000;
|
|
border-radius: 0px 0px 3px 3px;
|
|
display: flex;
|
|
flex: auto;
|
|
flex-wrap: wrap;
|
|
flex-direction: row;
|
|
align-items: baseline;
|
|
justify-content: flex-start;
|
|
width: 100%;
|
|
}
|
|
.familiar .window-content .section-container.headerless .section-body {
|
|
border-radius: 3px;
|
|
}
|
|
.familiar .window-content .actions-list, .familiar .window-content .attacks-list {
|
|
align-items: baseline;
|
|
margin: 0px;
|
|
padding: 0px;
|
|
width: 100%;
|
|
}
|
|
.familiar .window-content .actions-list .item-controls, .familiar .window-content .attacks-list .item-controls {
|
|
font-size: 0.8rem;
|
|
display: flex;
|
|
flex-wrap: nowrap;
|
|
align-items: baseline;
|
|
margin-left: auto;
|
|
}
|
|
.familiar .window-content .actions-list .item-controls .chat, .familiar .window-content .attacks-list .item-controls .chat {
|
|
margin-right: 3px;
|
|
font-size: 0.9em;
|
|
}
|
|
.familiar .window-content .actions-list .action, .familiar .window-content .attacks-list .action {
|
|
display: flex;
|
|
flex: 1 0 46%;
|
|
flex-direction: column;
|
|
margin-left: 6px;
|
|
margin-right: 6px;
|
|
}
|
|
.familiar .window-content .actions-list .action:not(:last-child), .familiar .window-content .attacks-list .action:not(:last-child) {
|
|
border-bottom: 1px solid var(--color-border-light-tertiary);
|
|
}
|
|
.familiar .window-content .actions-list .action .action-header, .familiar .window-content .attacks-list .action .action-header {
|
|
display: flex;
|
|
flex: 1 0 auto;
|
|
flex-direction: row;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
width: 100%;
|
|
}
|
|
.familiar .window-content .actions-list .action .action-header .action-name, .familiar .window-content .attacks-list .action .action-header .action-name {
|
|
display: flex;
|
|
flex: auto;
|
|
font-size: 0.9rem;
|
|
}
|
|
.familiar .window-content .actions-list .action .action-header .action-name h4, .familiar .window-content .attacks-list .action .action-header .action-name h4 {
|
|
margin: 0px;
|
|
margin-bottom: 0px;
|
|
}
|
|
.familiar .window-content .actions-list .action .action-header .action-name .action-traits, .familiar .window-content .attacks-list .action .action-header .action-name .action-traits {
|
|
margin-left: 12px;
|
|
}
|
|
.familiar .window-content .actions-list .action .action-header .action-name .action-tracking, .familiar .window-content .attacks-list .action .action-header .action-name .action-tracking {
|
|
flex: 0;
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: row;
|
|
flex-wrap: nowrap;
|
|
margin-left: auto;
|
|
margin-right: 16px;
|
|
}
|
|
.familiar .window-content .actions-list .action .action-header .action-name .action-tracking input, .familiar .window-content .attacks-list .action .action-header .action-name .action-tracking input {
|
|
width: 0;
|
|
flex: 0 1 48px;
|
|
font-family: inherit;
|
|
font-size: 0.9rem;
|
|
background: none;
|
|
text-align: center;
|
|
border: 0;
|
|
padding: 0 3px;
|
|
height: auto;
|
|
}
|
|
.familiar .window-content .actions-list .action .action-header .action-name .action-tracking span, .familiar .window-content .attacks-list .action .action-header .action-name .action-tracking span {
|
|
white-space: nowrap;
|
|
}
|
|
.familiar .window-content .actions-list .action .item-summary, .familiar .window-content .attacks-list .action .item-summary {
|
|
flex: 0 1 auto;
|
|
margin-top: 0.5em;
|
|
}
|
|
.familiar .window-content .actions-list .attack, .familiar .window-content .attacks-list .attack {
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: flex-start;
|
|
margin: 8px 6px 0 6px;
|
|
border-bottom: 1px solid var(--color-border-light-tertiary);
|
|
}
|
|
.familiar .window-content .actions-list .attack:last-child, .familiar .window-content .attacks-list .attack:last-child {
|
|
border-bottom: none;
|
|
}
|
|
.familiar .window-content .actions-list .attack .attack-header, .familiar .window-content .attacks-list .attack .attack-header {
|
|
display: flex;
|
|
flex: 1 0 auto;
|
|
flex-direction: row;
|
|
align-items: baseline;
|
|
width: 100%;
|
|
}
|
|
.familiar .window-content .actions-list .attack .attack-name, .familiar .window-content .attacks-list .attack .attack-name {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
align-items: center;
|
|
gap: 2px;
|
|
white-space: nowrap;
|
|
margin: 0 4px 0 0;
|
|
font-size: 0.9rem;
|
|
font-weight: 500;
|
|
}
|
|
.familiar .window-content .actions-list .attack .attack-name > span, .familiar .window-content .attacks-list .attack .attack-name > span {
|
|
gap: 3px;
|
|
margin-right: 4px;
|
|
display: flex;
|
|
align-items: baseline;
|
|
line-height: 1.125rem;
|
|
}
|
|
.familiar .window-content .actions-list .attack .attack-body, .familiar .window-content .attacks-list .attack .attack-body {
|
|
display: flex;
|
|
align-items: flex-start;
|
|
flex-direction: column;
|
|
width: 100%;
|
|
padding-top: 3px;
|
|
}
|
|
.familiar .window-content .actions-list .attack .attack-body .flexrow,
|
|
.familiar .window-content .actions-list .attack .attack-body .sub-section, .familiar .window-content .attacks-list .attack .attack-body .flexrow,
|
|
.familiar .window-content .attacks-list .attack .attack-body .sub-section {
|
|
gap: 2px;
|
|
}
|
|
.familiar .window-content .actions-list .attack .attack-body .sub-section, .familiar .window-content .attacks-list .attack .attack-body .sub-section {
|
|
align-items: flex-start;
|
|
display: flex;
|
|
flex-direction: row;
|
|
flex-wrap: wrap;
|
|
flex: auto;
|
|
justify-content: flex-start;
|
|
}
|
|
.familiar .window-content .actions-list .attack .attack-body .sub-section h4, .familiar .window-content .attacks-list .attack .attack-body .sub-section h4 {
|
|
margin-left: 12px;
|
|
margin-right: 12px;
|
|
}
|
|
.familiar .window-content .actions-list .attack .attack-body button, .familiar .window-content .attacks-list .attack .attack-body button {
|
|
width: auto !important;
|
|
cursor: pointer;
|
|
margin: 0;
|
|
padding: 0 8px;
|
|
font-size: var(--font-size-11);
|
|
height: 18px;
|
|
line-height: 18px;
|
|
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3), inset 0 0 0 2px rgba(255, 255, 255, 0.2);
|
|
background: var(--color-primary);
|
|
color: #f5efe0;
|
|
text-align: center;
|
|
white-space: nowrap;
|
|
border-radius: 3px;
|
|
border: none;
|
|
}
|
|
.familiar .window-content .actions-list .attack .attack-body button:first-child, .familiar .window-content .attacks-list .attack .attack-body button:first-child {
|
|
margin-left: 0px;
|
|
}
|
|
.familiar .window-content .actions-list .attack .attack-body button:hover, .familiar .window-content .attacks-list .attack .attack-body button:hover {
|
|
box-shadow: none;
|
|
text-shadow: 0 0 2px white;
|
|
}
|
|
.familiar .window-content .actions-list .attack .attack-body .attack-button, .familiar .window-content .attacks-list .attack .attack-body .attack-button {
|
|
background-color: var(--secondary);
|
|
}
|
|
.familiar .window-content .actions-list .attack .attack-body .damage-button,
|
|
.familiar .window-content .actions-list .attack .attack-body .critical-button, .familiar .window-content .attacks-list .attack .attack-body .damage-button,
|
|
.familiar .window-content .attacks-list .attack .attack-body .critical-button {
|
|
background-color: var(--primary);
|
|
}
|
|
.familiar .window-content .actions-list .attack .attack-body .attack-description, .familiar .window-content .attacks-list .attack .attack-body .attack-description {
|
|
min-height: 10px;
|
|
}
|
|
.familiar .window-content input {
|
|
border: none;
|
|
border-radius: 0;
|
|
background-color: rgba(28, 28, 28, 0.1);
|
|
}
|
|
.familiar .window-content input:focus {
|
|
box-shadow: none;
|
|
}
|
|
.familiar .window-content select {
|
|
border: 1px solid transparent;
|
|
background: rgba(0, 0, 0, 0.05);
|
|
font-family: var(--body-serif);
|
|
font-size: var(--font-size-14);
|
|
font-weight: normal;
|
|
}
|
|
.familiar .window-content select:hover {
|
|
border: 1px solid black;
|
|
}
|
|
.familiar .window-content .familiar-sheet-header {
|
|
display: flex;
|
|
flex-direction: row;
|
|
padding: 4px 6px 0;
|
|
}
|
|
.familiar .window-content .familiar-sheet-header .image-container {
|
|
display: flex;
|
|
}
|
|
.familiar .window-content .familiar-sheet-header .image-container img.actor-image {
|
|
flex: 0;
|
|
width: 125px;
|
|
height: 100%;
|
|
border-radius: 0;
|
|
}
|
|
.familiar .window-content .familiar-sheet-header .image-container [data-action=show-image] {
|
|
bottom: 2px;
|
|
right: 2px;
|
|
}
|
|
.familiar .window-content .familiar-sheet-header .header-content {
|
|
display: flex;
|
|
flex-direction: column;
|
|
border-radius: 0;
|
|
flex-grow: 1;
|
|
margin-left: 10px;
|
|
}
|
|
.familiar .window-content .familiar-sheet-header .header-content .charname {
|
|
display: flex;
|
|
flex-direction: row;
|
|
font-family: var(--sans-serif-condensed);
|
|
font-size: 1.75rem;
|
|
font-weight: 700;
|
|
width: 100%;
|
|
flex-wrap: nowrap;
|
|
align-items: baseline;
|
|
text-transform: capitalize;
|
|
gap: 0.25em;
|
|
}
|
|
.familiar .window-content .familiar-sheet-header .header-content .charname input {
|
|
font-weight: bold;
|
|
width: calc(100% - 6px);
|
|
border-bottom: 1px solid #d3ccbc;
|
|
text-transform: capitalize;
|
|
padding: 0;
|
|
margin-right: 5px;
|
|
font-variant: small-caps;
|
|
color: #323232;
|
|
}
|
|
.familiar .window-content .familiar-sheet-header .header-content .charname input::placeholder {
|
|
filter: opacity(0.5);
|
|
color: #1c1c1c;
|
|
}
|
|
.familiar .window-content .familiar-sheet-header .header-content .charname input:focus {
|
|
border-bottom: 1px solid #644f33;
|
|
}
|
|
.familiar .window-content .familiar-sheet-header .header-content .charname input:focus::placeholder {
|
|
color: transparent;
|
|
}
|
|
.familiar .window-content .familiar-sheet-header .header-content .charname .charname-value {
|
|
flex: 1 1;
|
|
}
|
|
.familiar .window-content .familiar-sheet-header .header-content .charname .familiar-title {
|
|
flex: 0 1;
|
|
text-align: right;
|
|
margin-right: 0.1em;
|
|
text-transform: uppercase;
|
|
}
|
|
.familiar .window-content .familiar-sheet-header .header-content .sub-header {
|
|
display: flex;
|
|
margin-bottom: 10px;
|
|
}
|
|
.familiar .window-content .familiar-sheet-header .header-content .sub-header .traits {
|
|
flex: 1;
|
|
}
|
|
.familiar .window-content .familiar-sheet-header .header-content .traits {
|
|
margin: 0.25em 0;
|
|
}
|
|
.familiar .window-content .familiar-sheet-header .header-content .traits span {
|
|
color: white;
|
|
font-size: 0.75em;
|
|
font-weight: 700;
|
|
padding: 0.25em 0.5em;
|
|
letter-spacing: 1px;
|
|
text-transform: uppercase;
|
|
background-color: var(--primary);
|
|
border: 1px solid var(--tertiary);
|
|
}
|
|
.familiar .window-content .familiar-sheet-header .header-content .details-section {
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: space-between;
|
|
}
|
|
.familiar .window-content .familiar-sheet-header .header-content .details-section .hp-section {
|
|
display: grid;
|
|
flex-direction: column;
|
|
height: max-content;
|
|
width: 150px;
|
|
grid-template-columns: min-content 1fr;
|
|
font-size: var(--font-size-14);
|
|
}
|
|
.familiar .window-content .familiar-sheet-header .header-content .details-section .hp-section div {
|
|
white-space: nowrap;
|
|
}
|
|
.familiar .window-content .familiar-sheet-header .header-content .details-section .hp-section .label {
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
white-space: nowrap;
|
|
}
|
|
.familiar .window-content .familiar-sheet-header .header-content .details-section .hp-section .label h4 {
|
|
font-weight: bold;
|
|
margin: 0 0.25em 0 0;
|
|
padding-left: 6px;
|
|
}
|
|
.familiar .window-content .familiar-sheet-header .header-content .details-section .hp-section .value {
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
padding-left: 4px;
|
|
}
|
|
.familiar .window-content .familiar-sheet-header .header-content .details-section .hp-section .value input {
|
|
width: 2em;
|
|
text-align: right;
|
|
padding-right: 3px;
|
|
border: 1px solid transparent;
|
|
background: none;
|
|
height: auto;
|
|
}
|
|
.familiar .window-content .familiar-sheet-header .header-content .details-section .hp-section .value input:hover, .familiar .window-content .familiar-sheet-header .header-content .details-section .hp-section .value input:focus {
|
|
border: 1px solid black;
|
|
box-shadow: 0 0 10px #00005a;
|
|
}
|
|
.familiar .window-content .familiar-sheet-header .header-content .details-section .hp-section .value .total-hp {
|
|
flex-grow: 1;
|
|
}
|
|
.familiar .window-content .familiar-sheet-header .header-content .details-section .hp-section .temp-hp {
|
|
display: flex;
|
|
margin-left: 8px;
|
|
align-items: baseline;
|
|
}
|
|
.familiar .window-content .familiar-sheet-header .header-content .details-section .hp-section .temp-hp input {
|
|
text-align: left;
|
|
}
|
|
.familiar .window-content .familiar-sheet-header .header-content .details-section .defenses-section {
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
.familiar .window-content .familiar-sheet-header .header-content .details-section .defenses-section .defenses-list {
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: space-between;
|
|
gap: 12px;
|
|
}
|
|
.familiar .window-content .familiar-sheet-header .header-content .details-section .defenses-section .defenses-list .save-name, .familiar .window-content .familiar-sheet-header .header-content .details-section .defenses-section .defenses-list .ac {
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
column-gap: 0.5em;
|
|
}
|
|
.familiar .window-content .familiar-sheet-header .header-content .details-section .defenses-section .defenses-list .save-name .name, .familiar .window-content .familiar-sheet-header .header-content .details-section .defenses-section .defenses-list .ac .name {
|
|
font-weight: bold;
|
|
text-transform: capitalize;
|
|
}
|
|
.familiar .window-content .familiar-sheet-header .header-content .details-section .defenses-section .defenses-list .save-name .value, .familiar .window-content .familiar-sheet-header .header-content .details-section .defenses-section .defenses-list .ac .value {
|
|
font-style: normal;
|
|
}
|
|
.familiar .window-content .familiar-sheet-header .header-content .details-section .defenses-section .defenses-list .save-name .value i, .familiar .window-content .familiar-sheet-header .header-content .details-section .defenses-section .defenses-list .ac .value i {
|
|
margin-right: 2px;
|
|
}
|
|
.familiar .window-content .familiar-sheet-header .header-content .details-section .defenses-section .defenses-list .ac {
|
|
border-right: 1px solid rgba(0, 0, 0, 0.15);
|
|
padding-right: 12px;
|
|
}
|
|
.familiar .window-content .familiar-sheet-header .header-content .dying-section {
|
|
display: flex;
|
|
gap: 10px;
|
|
justify-content: end;
|
|
}
|
|
.familiar .window-content .familiar-sheet-header .header-content .dying-section .name {
|
|
font-weight: bold;
|
|
}
|
|
.familiar .window-content .familiar-sheet-header .header-content .dying-section .dots {
|
|
display: flex;
|
|
gap: 4px;
|
|
align-items: baseline;
|
|
}
|
|
.familiar .window-content .familiar-sheet-header .header-content .dying-section .pips {
|
|
display: flex;
|
|
gap: 1px;
|
|
}
|
|
.familiar .window-content .section-container {
|
|
margin: 6px 6px;
|
|
}
|
|
.familiar .window-content .section-container .section-body {
|
|
align-items: stretch;
|
|
flex-direction: column;
|
|
padding: 4px;
|
|
}
|
|
.familiar .window-content .section-container .section-body input {
|
|
font-family: var(--body-serif);
|
|
font-weight: bold;
|
|
width: calc(100% - 6px);
|
|
border-bottom: 1px solid #d3ccbc;
|
|
text-transform: capitalize;
|
|
}
|
|
.familiar .window-content .section-container .section-body input::placeholder {
|
|
filter: opacity(0.5);
|
|
color: #1c1c1c;
|
|
}
|
|
.familiar .window-content .section-container .section-body input:focus {
|
|
border-bottom: 1px solid #644f33;
|
|
}
|
|
.familiar .window-content .section-container .section-body input:focus::placeholder {
|
|
color: transparent;
|
|
}
|
|
.familiar .window-content .familiar-content {
|
|
display: flex;
|
|
flex-direction: row;
|
|
margin-bottom: 5px;
|
|
column-gap: 15px;
|
|
}
|
|
.familiar .window-content .familiar-content input {
|
|
border: none;
|
|
border-radius: 0;
|
|
}
|
|
.familiar .window-content .familiar-content input[type=text] {
|
|
background-color: rgba(0, 0, 0, 0.05);
|
|
}
|
|
.familiar .window-content .familiar-content input:focus {
|
|
box-shadow: none;
|
|
}
|
|
.familiar .window-content .familiar-content h3 {
|
|
background-color: rgba(0, 0, 0, 0.05);
|
|
height: 26px;
|
|
font-family: var(--body-serif);
|
|
font-size: var(--font-size-14);
|
|
padding: 8px 4px 6px;
|
|
line-height: 1;
|
|
}
|
|
.familiar .window-content .familiar-content .familiar-species {
|
|
flex-basis: 50%;
|
|
}
|
|
.familiar .window-content .familiar-content .familiar-size {
|
|
flex-basis: 50%;
|
|
}
|
|
.familiar .window-content .familiar-content .familiar-modifier {
|
|
flex-basis: 50%;
|
|
}
|
|
.familiar .window-content .familiar-content .familiar-modifier select {
|
|
font-weight: bold;
|
|
}
|
|
.familiar .window-content .familiar-content .familiar-senses {
|
|
flex-basis: 50%;
|
|
height: min-content;
|
|
}
|
|
.familiar .window-content .familiar-content .familiar-senses .tags {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
.familiar .window-content .familiar-content .familiar-senses .tags ol {
|
|
margin: 0;
|
|
}
|
|
.familiar .window-content .familiar-content .familiar-speed {
|
|
flex-basis: 30%;
|
|
}
|
|
.familiar .window-content .detail {
|
|
display: flex;
|
|
flex-direction: column;
|
|
flex-wrap: nowrap;
|
|
margin-top: 3px;
|
|
}
|
|
.familiar .window-content .detail .detail-label {
|
|
font-size: var(--font-size-10);
|
|
font-weight: 800;
|
|
line-height: 1;
|
|
text-transform: uppercase;
|
|
font-family: var(--sans-serif);
|
|
color: var(--primary);
|
|
white-space: nowrap;
|
|
margin-bottom: 3px;
|
|
}
|
|
.familiar .window-content .detail h4 {
|
|
font-size: var(--font-size-14);
|
|
font-family: var(--serif);
|
|
font-weight: bold;
|
|
background-color: rgba(0, 0, 0, 0.05);
|
|
padding-left: 2px;
|
|
margin: none;
|
|
}
|
|
.familiar .window-content .top-sections {
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: flex-start;
|
|
align-items: stretch;
|
|
}
|
|
.familiar .window-content .familiar-section {
|
|
flex-basis: 50%;
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
.familiar .window-content .familiar-section .familiar-detail {
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: baseline;
|
|
justify-content: space-between;
|
|
gap: 1em;
|
|
}
|
|
.familiar .window-content .main-section {
|
|
display: flex;
|
|
flex-direction: row;
|
|
}
|
|
.familiar .window-content .main-section .main-container {
|
|
flex-grow: 2;
|
|
}
|
|
.familiar .window-content .skills-content {
|
|
display: flex;
|
|
flex-direction: column;
|
|
width: 150px;
|
|
gap: 10px;
|
|
}
|
|
.familiar .window-content .skills-content .skills-list {
|
|
display: flex;
|
|
column-gap: 0.25em;
|
|
row-gap: 0.25em;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
}
|
|
.familiar .window-content .skills-content .skills-list .skill-name {
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
border: 1px solid #999;
|
|
border-radius: 3px;
|
|
height: 20px;
|
|
cursor: pointer;
|
|
font-size: var(--font-size-14);
|
|
font-family: var(--serif);
|
|
}
|
|
.familiar .window-content .skills-content .skills-list .skill-name:hover {
|
|
padding: none;
|
|
border: 1px solid #323232;
|
|
}
|
|
.familiar .window-content .skills-content .skills-list .skill-name .name {
|
|
flex: 4;
|
|
}
|
|
.familiar .window-content .skills-content .skills-list .skill-name .score {
|
|
flex: 1;
|
|
text-align: center;
|
|
padding-left: 1em;
|
|
color: var(--primary);
|
|
font-weight: bold;
|
|
}
|
|
.familiar .window-content .skills-content .skills-attack {
|
|
flex: 1;
|
|
align-self: center;
|
|
border: 1px solid transparent;
|
|
cursor: pointer;
|
|
}
|
|
.familiar .window-content .skills-content .skills-attack:hover {
|
|
border-bottom: 1px solid #323232;
|
|
}
|
|
.familiar .window-content .actions-list .action {
|
|
padding-top: 4px;
|
|
padding-bottom: 4px;
|
|
}
|
|
.familiar .window-content .effects-list {
|
|
margin: 0;
|
|
padding: 0;
|
|
gap: 0.2em;
|
|
}
|
|
.familiar .window-content .effects-list .item {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
padding: 2px 4px 2px 12px;
|
|
width: 100%;
|
|
}
|
|
.familiar .window-content .effects-list .item p:empty {
|
|
display: none;
|
|
}
|
|
.familiar .window-content .effects-list .item .item-name {
|
|
display: flex;
|
|
align-items: center;
|
|
flex: 1;
|
|
}
|
|
.familiar .window-content .effects-list .item .item-name h4 {
|
|
cursor: pointer;
|
|
margin: 0;
|
|
}
|
|
.familiar .window-content .effects-list .item .item-name .item-image {
|
|
margin-right: 8px;
|
|
}
|
|
.familiar .window-content .effects-list .item .item-controls {
|
|
white-space: nowrap;
|
|
font-size: var(--font-size-12);
|
|
}
|
|
.familiar .window-content .effects-list .item .item-controls a.info-only:hover {
|
|
cursor: default;
|
|
text-shadow: none;
|
|
}
|
|
.familiar .window-content .effects-list .item .item-controls a + a {
|
|
margin-left: 4px;
|
|
}
|
|
.familiar .window-content .effects-list .item .item-summary {
|
|
flex-basis: 100%;
|
|
}
|
|
.familiar .window-content .effects-list .item .item-summary .title,
|
|
.familiar .window-content .effects-list .item .item-summary .framing {
|
|
color: var(--primary);
|
|
margin: 0;
|
|
padding: 0;
|
|
margin-top: 1em;
|
|
}
|
|
.familiar .window-content .effects-list .item .item-summary .framing {
|
|
color: var(--secondary);
|
|
margin: 1em 0 0.25em;
|
|
}
|
|
.familiar .window-content .effects-list .item .item-summary .framing strong {
|
|
font-weight: 500;
|
|
}
|
|
.familiar .window-content .effects-list .item .item-summary .framing + p {
|
|
margin-top: 0;
|
|
}
|
|
.familiar .window-content .effects-list .item .item-summary img {
|
|
border: none;
|
|
vertical-align: middle;
|
|
}
|
|
.familiar .window-content .effects-list .item .item-summary img.actionlight {
|
|
background: var(--alt);
|
|
vertical-align: middle;
|
|
border: 1px solid var(--body);
|
|
}
|
|
.familiar .window-content .effects-list .item .item-summary .item-properties .tag.toggled-on:hover, .familiar .window-content .effects-list .item .item-summary .item-properties .tag.toggled-off:hover {
|
|
box-shadow: none;
|
|
text-shadow: 0 0 2px white;
|
|
}
|
|
.familiar .window-content .effects-list .item .item-summary .item-properties .tag.toggled-on, .familiar .window-content .effects-list .item .item-summary .item-properties .tag.toggled-off {
|
|
cursor: pointer;
|
|
}
|
|
.familiar .window-content .effects-list .item .item-summary .item-properties .tag.toggled-on {
|
|
background-color: rgba(23, 31, 105, 0.5);
|
|
color: black;
|
|
text-shadow: 0 0 2px white;
|
|
}
|
|
.familiar .window-content .effects-list .item.unidentified {
|
|
border-radius: 1px;
|
|
outline: 1px dotted rgba(75, 74, 68, 0.5);
|
|
background: var(--visibility-gm-bg);
|
|
}
|
|
.familiar .window-content .effects-list .item .button-group {
|
|
display: flex;
|
|
justify-content: flex-end;
|
|
align-items: center;
|
|
flex-wrap: nowrap;
|
|
width: 50%;
|
|
flex: 0;
|
|
}
|
|
.familiar .window-content .effects-list .item .button-group button {
|
|
margin: 0;
|
|
border: none;
|
|
cursor: pointer;
|
|
font-family: var(--sans-serif);
|
|
font-size: var(--font-size-10);
|
|
text-transform: uppercase;
|
|
letter-spacing: 0.05em;
|
|
text-rendering: optimizeLegibility;
|
|
padding: 5px;
|
|
color: white;
|
|
width: 70px;
|
|
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3), inset 0 0 0 2px rgba(255, 255, 255, 0.2);
|
|
background: var(--secondary);
|
|
border-radius: 2px;
|
|
flex: 0;
|
|
white-space: nowrap;
|
|
margin-left: 4px;
|
|
flex: 0;
|
|
}
|
|
.familiar .window-content .effects-list .item .button-group button:hover {
|
|
box-shadow: none;
|
|
text-shadow: 0 0 2px white;
|
|
}
|
|
.familiar .window-content .effects-list .item {
|
|
margin: 0;
|
|
padding: 0;
|
|
margin: 0.25em 0;
|
|
}
|
|
.sheet.hazard .section-container {
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
.sheet.hazard .section-container .section-header {
|
|
border: 1px solid #5e0000;
|
|
border-radius: 3px 3px 0px 0px;
|
|
background: #5e0000;
|
|
display: flex;
|
|
flex: 0;
|
|
width: 100%;
|
|
flex-direction: row;
|
|
justify-content: space-between;
|
|
align-items: baseline;
|
|
text-align: left;
|
|
color: #f5efe0;
|
|
font-size: var(--font-size-13);
|
|
padding: 0 8px;
|
|
line-height: 2em;
|
|
}
|
|
.sheet.hazard .section-container .section-header h4 {
|
|
flex: auto;
|
|
display: flex;
|
|
align-items: baseline;
|
|
gap: 4px;
|
|
margin-bottom: 0px;
|
|
text-transform: uppercase;
|
|
}
|
|
.sheet.hazard .section-container .section-header input {
|
|
color: inherit;
|
|
width: auto;
|
|
}
|
|
.sheet.hazard .section-container .section-header .controls {
|
|
display: flex;
|
|
gap: 8px;
|
|
justify-self: flex-end;
|
|
}
|
|
.sheet.hazard .section-container .section-body {
|
|
border: 1px solid #5e0000;
|
|
border-radius: 0px 0px 3px 3px;
|
|
display: flex;
|
|
flex: auto;
|
|
flex-wrap: wrap;
|
|
flex-direction: row;
|
|
align-items: baseline;
|
|
justify-content: flex-start;
|
|
width: 100%;
|
|
}
|
|
.sheet.hazard .section-container.headerless .section-body {
|
|
border-radius: 3px;
|
|
}
|
|
.sheet.hazard .actions-list, .sheet.hazard .attacks-list {
|
|
align-items: baseline;
|
|
margin: 0px;
|
|
padding: 0px;
|
|
width: 100%;
|
|
}
|
|
.sheet.hazard .actions-list .item-controls, .sheet.hazard .attacks-list .item-controls {
|
|
font-size: 0.8rem;
|
|
display: flex;
|
|
flex-wrap: nowrap;
|
|
align-items: baseline;
|
|
margin-left: auto;
|
|
}
|
|
.sheet.hazard .actions-list .item-controls .chat, .sheet.hazard .attacks-list .item-controls .chat {
|
|
margin-right: 3px;
|
|
font-size: 0.9em;
|
|
}
|
|
.sheet.hazard .actions-list .action, .sheet.hazard .attacks-list .action {
|
|
display: flex;
|
|
flex: 1 0 46%;
|
|
flex-direction: column;
|
|
margin-left: 6px;
|
|
margin-right: 6px;
|
|
}
|
|
.sheet.hazard .actions-list .action:not(:last-child), .sheet.hazard .attacks-list .action:not(:last-child) {
|
|
border-bottom: 1px solid var(--color-border-light-tertiary);
|
|
}
|
|
.sheet.hazard .actions-list .action .action-header, .sheet.hazard .attacks-list .action .action-header {
|
|
display: flex;
|
|
flex: 1 0 auto;
|
|
flex-direction: row;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
width: 100%;
|
|
}
|
|
.sheet.hazard .actions-list .action .action-header .action-name, .sheet.hazard .attacks-list .action .action-header .action-name {
|
|
display: flex;
|
|
flex: auto;
|
|
font-size: 0.9rem;
|
|
}
|
|
.sheet.hazard .actions-list .action .action-header .action-name h4, .sheet.hazard .attacks-list .action .action-header .action-name h4 {
|
|
margin: 0px;
|
|
margin-bottom: 0px;
|
|
}
|
|
.sheet.hazard .actions-list .action .action-header .action-name .action-traits, .sheet.hazard .attacks-list .action .action-header .action-name .action-traits {
|
|
margin-left: 12px;
|
|
}
|
|
.sheet.hazard .actions-list .action .action-header .action-name .action-tracking, .sheet.hazard .attacks-list .action .action-header .action-name .action-tracking {
|
|
flex: 0;
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: row;
|
|
flex-wrap: nowrap;
|
|
margin-left: auto;
|
|
margin-right: 16px;
|
|
}
|
|
.sheet.hazard .actions-list .action .action-header .action-name .action-tracking input, .sheet.hazard .attacks-list .action .action-header .action-name .action-tracking input {
|
|
width: 0;
|
|
flex: 0 1 48px;
|
|
font-family: inherit;
|
|
font-size: 0.9rem;
|
|
background: none;
|
|
text-align: center;
|
|
border: 0;
|
|
padding: 0 3px;
|
|
height: auto;
|
|
}
|
|
.sheet.hazard .actions-list .action .action-header .action-name .action-tracking span, .sheet.hazard .attacks-list .action .action-header .action-name .action-tracking span {
|
|
white-space: nowrap;
|
|
}
|
|
.sheet.hazard .actions-list .action .item-summary, .sheet.hazard .attacks-list .action .item-summary {
|
|
flex: 0 1 auto;
|
|
margin-top: 0.5em;
|
|
}
|
|
.sheet.hazard .actions-list .attack, .sheet.hazard .attacks-list .attack {
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: flex-start;
|
|
margin: 8px 6px 0 6px;
|
|
border-bottom: 1px solid var(--color-border-light-tertiary);
|
|
}
|
|
.sheet.hazard .actions-list .attack:last-child, .sheet.hazard .attacks-list .attack:last-child {
|
|
border-bottom: none;
|
|
}
|
|
.sheet.hazard .actions-list .attack .attack-header, .sheet.hazard .attacks-list .attack .attack-header {
|
|
display: flex;
|
|
flex: 1 0 auto;
|
|
flex-direction: row;
|
|
align-items: baseline;
|
|
width: 100%;
|
|
}
|
|
.sheet.hazard .actions-list .attack .attack-name, .sheet.hazard .attacks-list .attack .attack-name {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
align-items: center;
|
|
gap: 2px;
|
|
white-space: nowrap;
|
|
margin: 0 4px 0 0;
|
|
font-size: 0.9rem;
|
|
font-weight: 500;
|
|
}
|
|
.sheet.hazard .actions-list .attack .attack-name > span, .sheet.hazard .attacks-list .attack .attack-name > span {
|
|
gap: 3px;
|
|
margin-right: 4px;
|
|
display: flex;
|
|
align-items: baseline;
|
|
line-height: 1.125rem;
|
|
}
|
|
.sheet.hazard .actions-list .attack .attack-body, .sheet.hazard .attacks-list .attack .attack-body {
|
|
display: flex;
|
|
align-items: flex-start;
|
|
flex-direction: column;
|
|
width: 100%;
|
|
padding-top: 3px;
|
|
}
|
|
.sheet.hazard .actions-list .attack .attack-body .flexrow,
|
|
.sheet.hazard .actions-list .attack .attack-body .sub-section, .sheet.hazard .attacks-list .attack .attack-body .flexrow,
|
|
.sheet.hazard .attacks-list .attack .attack-body .sub-section {
|
|
gap: 2px;
|
|
}
|
|
.sheet.hazard .actions-list .attack .attack-body .sub-section, .sheet.hazard .attacks-list .attack .attack-body .sub-section {
|
|
align-items: flex-start;
|
|
display: flex;
|
|
flex-direction: row;
|
|
flex-wrap: wrap;
|
|
flex: auto;
|
|
justify-content: flex-start;
|
|
}
|
|
.sheet.hazard .actions-list .attack .attack-body .sub-section h4, .sheet.hazard .attacks-list .attack .attack-body .sub-section h4 {
|
|
margin-left: 12px;
|
|
margin-right: 12px;
|
|
}
|
|
.sheet.hazard .actions-list .attack .attack-body button, .sheet.hazard .attacks-list .attack .attack-body button {
|
|
width: auto !important;
|
|
cursor: pointer;
|
|
margin: 0;
|
|
padding: 0 8px;
|
|
font-size: var(--font-size-11);
|
|
height: 18px;
|
|
line-height: 18px;
|
|
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3), inset 0 0 0 2px rgba(255, 255, 255, 0.2);
|
|
background: var(--color-primary);
|
|
color: #f5efe0;
|
|
text-align: center;
|
|
white-space: nowrap;
|
|
border-radius: 3px;
|
|
border: none;
|
|
}
|
|
.sheet.hazard .actions-list .attack .attack-body button:first-child, .sheet.hazard .attacks-list .attack .attack-body button:first-child {
|
|
margin-left: 0px;
|
|
}
|
|
.sheet.hazard .actions-list .attack .attack-body button:hover, .sheet.hazard .attacks-list .attack .attack-body button:hover {
|
|
box-shadow: none;
|
|
text-shadow: 0 0 2px white;
|
|
}
|
|
.sheet.hazard .actions-list .attack .attack-body .attack-button, .sheet.hazard .attacks-list .attack .attack-body .attack-button {
|
|
background-color: var(--secondary);
|
|
}
|
|
.sheet.hazard .actions-list .attack .attack-body .damage-button,
|
|
.sheet.hazard .actions-list .attack .attack-body .critical-button, .sheet.hazard .attacks-list .attack .attack-body .damage-button,
|
|
.sheet.hazard .attacks-list .attack .attack-body .critical-button {
|
|
background-color: var(--primary);
|
|
}
|
|
.sheet.hazard .actions-list .attack .attack-body .attack-description, .sheet.hazard .attacks-list .attack .attack-body .attack-description {
|
|
min-height: 10px;
|
|
}
|
|
.sheet.hazard ul, .sheet.hazard ol {
|
|
margin: 0;
|
|
padding: 0;
|
|
list-style-type: none;
|
|
}
|
|
.sheet.hazard h1, .sheet.hazard h2, .sheet.hazard h3, .sheet.hazard h4 {
|
|
margin: 0;
|
|
padding: 0;
|
|
border-bottom: none;
|
|
}
|
|
.sheet.hazard form {
|
|
display: flex;
|
|
flex-direction: column;
|
|
height: 100%;
|
|
}
|
|
.sheet.hazard form .tagify > span {
|
|
min-width: 20px;
|
|
}
|
|
.sheet.hazard form .tagify--hasMaxTags > span {
|
|
display: none;
|
|
}
|
|
.sheet.hazard .window-content {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
.sheet.hazard input[type=text], .sheet.hazard input[type=number] {
|
|
margin: 0;
|
|
padding: 0;
|
|
background: none;
|
|
border: 1px solid transparent;
|
|
}
|
|
.sheet.hazard input[type=text]:hover:not(:disabled), .sheet.hazard input[type=text]:focus, .sheet.hazard input[type=number]:hover:not(:disabled), .sheet.hazard input[type=number]:focus {
|
|
border: 1px solid black;
|
|
box-shadow: 0 0 10px #00005a;
|
|
}
|
|
.sheet.hazard .container {
|
|
display: flex;
|
|
background: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
|
|
height: 100%;
|
|
overflow: hidden;
|
|
}
|
|
.sheet.hazard .content {
|
|
flex: 1;
|
|
padding-left: 5px;
|
|
padding-right: 5px;
|
|
padding: 0 5px 20px 5px;
|
|
overflow: hidden scroll;
|
|
scrollbar-width: thin;
|
|
scrollbar-color: var(--primary) transparent;
|
|
}
|
|
.sheet.hazard form > header {
|
|
align-items: center;
|
|
background: url("../assets/sheet/header-bw.webp"), url("../assets/sheet/background.webp");
|
|
background-blend-mode: multiply;
|
|
background-color: #238580;
|
|
background-repeat: repeat-x, no-repeat;
|
|
background-size: cover;
|
|
box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
|
|
color: white;
|
|
display: flex;
|
|
font-family: var(--sans-serif);
|
|
font-weight: 600;
|
|
gap: 8px;
|
|
justify-content: space-between;
|
|
margin-bottom: 0.1em;
|
|
padding: 0 16px;
|
|
text-transform: uppercase;
|
|
width: 100%;
|
|
}
|
|
.sheet.hazard form > header .frame-container {
|
|
flex: 0 0 60px;
|
|
padding: 4px;
|
|
margin: 16px 0;
|
|
}
|
|
.sheet.hazard form > header .frame-container .frame {
|
|
width: 60px;
|
|
height: 60px;
|
|
}
|
|
.sheet.hazard form > header .frame-container .image-container [data-action=show-image] {
|
|
color: var(--color-text-dark-primary);
|
|
}
|
|
.sheet.hazard form > header .frame-container .actor-image {
|
|
object-fit: cover;
|
|
object-position: top;
|
|
border: none;
|
|
border-radius: 0;
|
|
max-height: 178px;
|
|
width: 100%;
|
|
border: none;
|
|
box-shadow: 0 0 0 1px #918c88, 0 0 0 2px #e1d8cf, 0 0 0 3px #a98f39, inset 0 0 8px rgba(0, 0, 0, 0.5), 0 0 8px black;
|
|
}
|
|
.sheet.hazard form > header .frame-container .edit-mode-button {
|
|
position: absolute;
|
|
width: 20px;
|
|
height: 20px;
|
|
bottom: -10px;
|
|
left: -10px;
|
|
border-radius: 10px;
|
|
background-color: white;
|
|
color: black;
|
|
cursor: pointer;
|
|
border: none;
|
|
box-shadow: 0 0 0 1px #918c88, 0 0 0 2px #e1d8cf, 0 0 0 3px #a98f39, inset 0 0 8px rgba(0, 0, 0, 0.5), 0 0 8px black;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
font-size: 1.05em;
|
|
}
|
|
.sheet.hazard form > header .details {
|
|
margin: 4px 0;
|
|
flex: 1;
|
|
}
|
|
.sheet.hazard form > header .details tags.tags.paizo-style .tagify__input::before {
|
|
color: var(--color-text-light-7);
|
|
}
|
|
.sheet.hazard form > header input[type=text], .sheet.hazard form > header input[type=number] {
|
|
color: white;
|
|
border: none;
|
|
border-bottom: 1px solid transparent;
|
|
}
|
|
.sheet.hazard form > header input[type=text]:hover:not(:disabled), .sheet.hazard form > header input[type=text]:focus, .sheet.hazard form > header input[type=number]:hover:not(:disabled), .sheet.hazard form > header input[type=number]:focus {
|
|
border: none;
|
|
border-bottom: 1px solid var(--text-light);
|
|
box-shadow: none;
|
|
}
|
|
.sheet.hazard form > header .title {
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: baseline;
|
|
gap: 4px;
|
|
font-size: var(--font-size-28);
|
|
font-family: var(--serif-condensed);
|
|
font-weight: 700;
|
|
}
|
|
.sheet.hazard form > header .title .name {
|
|
flex: 1;
|
|
font-size: var(--font-size-32);
|
|
}
|
|
.sheet.hazard form > header .title .level {
|
|
width: 32px;
|
|
text-align: center;
|
|
}
|
|
.sheet.hazard .sidebar {
|
|
border-right: 1px solid #888;
|
|
box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 8px;
|
|
height: 100%;
|
|
padding: 10px 8px 8px 8px;
|
|
width: 220px;
|
|
overflow: hidden scroll;
|
|
scrollbar-width: thin;
|
|
scrollbar-color: var(--primary) transparent;
|
|
}
|
|
.sheet.hazard .sidebar .sidebar-title {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
border-bottom: 1px solid black;
|
|
margin-bottom: 4px;
|
|
}
|
|
.sheet.hazard .sidebar .sidebar-title h2 {
|
|
font-size: var(--font-size-15);
|
|
}
|
|
.sheet.hazard .sidebar .valued-icon {
|
|
display: flex;
|
|
align-items: baseline;
|
|
}
|
|
.sheet.hazard .sidebar .valued-icon i {
|
|
margin-right: 4px;
|
|
}
|
|
.sheet.hazard .sidebar .valued-icon i + input {
|
|
margin-left: -1px;
|
|
}
|
|
.sheet.hazard .sidebar .health input {
|
|
width: 34px;
|
|
}
|
|
.sheet.hazard .sidebar .health input.current {
|
|
text-align: end;
|
|
}
|
|
.sheet.hazard .sidebar .armor-class input {
|
|
width: 25px;
|
|
text-align: right;
|
|
}
|
|
.sheet.hazard .sidebar .health-line {
|
|
display: flex;
|
|
flex-direction: row;
|
|
font-size: var(--font-size-16);
|
|
gap: 3px;
|
|
justify-content: center;
|
|
}
|
|
.sheet.hazard .sidebar .hp-details {
|
|
width: 100%;
|
|
}
|
|
.sheet.hazard .sidebar .initiative {
|
|
display: flex;
|
|
font-size: var(--font-size-18);
|
|
}
|
|
.sheet.hazard .sidebar .initiative h2 {
|
|
font-size: inherit;
|
|
}
|
|
.sheet.hazard .sidebar .initiative .roll-init {
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
.sheet.hazard .sidebar .initiative .roll-init i {
|
|
margin-right: 4px;
|
|
}
|
|
.sheet.hazard .sidebar .sidebar-saves {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
}
|
|
.sheet.hazard .sidebar .sidebar-saves h2 {
|
|
font-size: var(--font-size-18);
|
|
}
|
|
.sheet.hazard .sidebar .sidebar-saves .save {
|
|
align-items: center;
|
|
display: flex;
|
|
flex: 1;
|
|
flex-direction: column;
|
|
font-size: var(--font-size-18);
|
|
}
|
|
.sheet.hazard .sidebar .sidebar-saves input {
|
|
max-width: 50px;
|
|
text-align: center;
|
|
}
|
|
.sheet.hazard .sidebar .emits-sound .hint:hover {
|
|
text-shadow: 0 0 8px var(--color-shadow-primary);
|
|
}
|
|
.sheet.hazard .sidebar .emits-sound select {
|
|
font-size: var(--font-size-12);
|
|
}
|
|
.sheet.hazard .sidebar .rollable {
|
|
cursor: pointer;
|
|
}
|
|
.sheet.hazard .sidebar .rollable:hover {
|
|
text-shadow: 0 0 8px var(--color-shadow-primary);
|
|
}
|
|
.sheet.hazard .sidebar .rollable:hover i {
|
|
animation: rotation 2s infinite linear;
|
|
}
|
|
.sheet.hazard .section-container {
|
|
padding: 4px 6px 0;
|
|
}
|
|
.sheet.hazard .section-container .editor {
|
|
width: 100%;
|
|
}
|
|
.sheet.hazard .section-container .editor .editor-content, .sheet.hazard .section-container .editor .tox-edit-area {
|
|
padding: 4px;
|
|
}
|
|
.sheet.hazard .section-container .editor .tox {
|
|
width: 100%;
|
|
}
|
|
.sheet.hazard .section-container.skills > .section-body .list {
|
|
display: flex;
|
|
flex-direction: row;
|
|
flex-wrap: wrap;
|
|
}
|
|
.sheet.hazard .section-container .actions-list, .sheet.hazard .section-container .attacks-list {
|
|
border-bottom: 1px solid var(--alt);
|
|
}
|
|
.sheet.hazard .section-container .actions-list:last-child, .sheet.hazard .section-container .attacks-list:last-child {
|
|
border-bottom: none;
|
|
}
|
|
.sheet.hazard .section-container .actions-list .action, .sheet.hazard .section-container .attacks-list .action {
|
|
padding: 4px 0;
|
|
}
|
|
.sheet.hazard .source {
|
|
margin-top: 4px;
|
|
}
|
|
.sheet.hazard .source .section-body {
|
|
display: flex;
|
|
gap: 4px;
|
|
padding: 0 6px;
|
|
}
|
|
.sheet.hazard .source .section-body .source-input {
|
|
flex: 1;
|
|
}
|
|
.sheet.hazard .source .section-body label {
|
|
flex: 0;
|
|
font-weight: bold;
|
|
}
|
|
.sheet.hazard .tox.tox-tinymce {
|
|
height: 200px !important;
|
|
}
|
|
.sheet.hazard .hazard-editor .editor .editor-edit {
|
|
display: none;
|
|
}
|
|
.npc ol.spell-list {
|
|
margin: 0;
|
|
padding: 0;
|
|
border-bottom: 1px solid var(--color-border-light-2);
|
|
flex-basis: 100%;
|
|
gap: 1px;
|
|
position: relative;
|
|
width: 100%;
|
|
z-index: 1;
|
|
}
|
|
.npc ol.spell-list > li {
|
|
margin: 0;
|
|
padding: 0;
|
|
align-items: center;
|
|
background: none;
|
|
cursor: default;
|
|
display: grid;
|
|
grid: "name range components cast-spell controls" auto "content content content content content" auto/9fr 4fr 4fr 2fr 2.5fr;
|
|
justify-content: center;
|
|
padding: 0 0.3em 1px 0.35em;
|
|
}
|
|
.npc ol.spell-list > li[data-expended-state=true] h4 {
|
|
color: var(--color-disabled);
|
|
text-decoration: line-through;
|
|
}
|
|
.npc ol.spell-list > li[data-expended-state=true] .cast-spell {
|
|
background: var(--color-disabled);
|
|
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.5);
|
|
cursor: not-allowed;
|
|
}
|
|
.npc ol.spell-list > li:nth-child(odd) {
|
|
background-color: rgba(120, 100, 82, 0.1);
|
|
}
|
|
.npc ol.spell-list > li:last-child {
|
|
border-bottom: 1px solid var(--sub);
|
|
}
|
|
.npc ol.spell-list > li:last-child .item-image {
|
|
margin-bottom: 0;
|
|
margin-top: 2px;
|
|
}
|
|
.npc ol.spell-list > li.spell-level-header {
|
|
margin: 0;
|
|
padding: 0;
|
|
background: rgba(96, 88, 86, 0.25);
|
|
border: 1px solid var(--color-border-light-2);
|
|
border-radius: 2px;
|
|
color: var(--body);
|
|
font: 500 var(--font-size-12) var(--sans-serif);
|
|
letter-spacing: 0.25px;
|
|
line-height: 1;
|
|
padding: 0 0.5em;
|
|
text-transform: uppercase;
|
|
}
|
|
.npc ol.spell-list > li.spell-level-header h3 {
|
|
text-transform: capitalize;
|
|
font-size: var(--font-size-13);
|
|
margin-left: 0;
|
|
padding: 4px 0;
|
|
}
|
|
.npc ol.spell-list > li.spell-level-header .item-name {
|
|
line-height: 1;
|
|
gap: 0.25em;
|
|
}
|
|
.npc ol.spell-list > li.spell-level-header .item-name h3 {
|
|
margin: 0;
|
|
padding: 0;
|
|
font-weight: 700;
|
|
}
|
|
.npc ol.spell-list > li.spell-level-header .item-controls {
|
|
grid-column: span 2;
|
|
}
|
|
.npc ol.spell-list > li .uses {
|
|
align-items: center;
|
|
display: flex;
|
|
gap: 0.25em;
|
|
line-height: 1;
|
|
}
|
|
.npc ol.spell-list > li.spell-level-header input, .npc ol.spell-list > li .uses input {
|
|
background: var(--alt);
|
|
border-radius: 3px;
|
|
border: 1px solid var(--sub);
|
|
color: white;
|
|
font: var(--font-size-12) var(--sans-serif);
|
|
height: unset;
|
|
text-align: center;
|
|
width: 2em;
|
|
}
|
|
.npc ol.spell-list > li.spell-level-header .spell-slots-increment-reset, .npc ol.spell-list > li .uses .spell-slots-increment-reset {
|
|
padding-left: 5px;
|
|
font-size: var(--font-size-10);
|
|
}
|
|
.npc ol.spell-list > li.spell {
|
|
border: none;
|
|
font-size: var(--font-size-13);
|
|
}
|
|
.npc ol.spell-list > li .level-prepared-toggle {
|
|
flex: 0;
|
|
font-size: 0.75rem;
|
|
color: var(--secondary);
|
|
}
|
|
.npc ol.spell-list > li .item-name {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-wrap: nowrap;
|
|
justify-content: start;
|
|
justify-self: start;
|
|
min-height: 1.75rem;
|
|
}
|
|
.npc ol.spell-list > li .item-name h3 {
|
|
white-space: nowrap;
|
|
}
|
|
.npc ol.spell-list > li .item-name + span {
|
|
font-size: 0.75rem;
|
|
}
|
|
.npc ol.spell-list > li .item-name .focus-pool-input {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-wrap: nowrap;
|
|
}
|
|
.npc ol.spell-list > li .item-name .slash {
|
|
font-size: 0.75rem;
|
|
}
|
|
.npc ol.spell-list > li .item-name .spell-slots,
|
|
.npc ol.spell-list > li .item-name .spell-max {
|
|
padding-top: 3px;
|
|
font-size: 0.75rem;
|
|
}
|
|
.npc ol.spell-list > li .item-name .spell-slots.infinity,
|
|
.npc ol.spell-list > li .item-name .spell-max.infinity {
|
|
position: relative;
|
|
top: -2px;
|
|
}
|
|
.npc ol.spell-list > li .item-name .item-image {
|
|
height: 1.5rem;
|
|
width: 1.5rem;
|
|
flex: 0 0 auto;
|
|
margin: 2px 0;
|
|
}
|
|
.npc ol.spell-list > li .item-name h4 {
|
|
margin: 0;
|
|
padding: 0;
|
|
font-size: var(--font-size-14);
|
|
letter-spacing: -0.075em;
|
|
line-height: 1;
|
|
margin-left: 8px;
|
|
cursor: pointer;
|
|
}
|
|
.npc ol.spell-list > li .item-name h4:hover {
|
|
color: var(--secondary);
|
|
}
|
|
.npc ol.spell-list > li .item-name .activity-icon {
|
|
margin-left: 4px;
|
|
}
|
|
.npc ol.spell-list > li .item-name.empty {
|
|
grid-column: 1/span 4;
|
|
}
|
|
.npc ol.spell-list > li .spell-range {
|
|
grid-area: range;
|
|
padding-left: 0.2em;
|
|
}
|
|
.npc ol.spell-list > li .spell-components {
|
|
grid-area: components;
|
|
justify-self: right;
|
|
padding: 0 0.5em;
|
|
}
|
|
.npc ol.spell-list > li .spell-components .tag {
|
|
font: var(--font-size-12) var(--sans-serif-condensed);
|
|
}
|
|
.npc ol.spell-list > li .spell-cast {
|
|
grid-area: cast-spell;
|
|
display: flex;
|
|
justify-content: center;
|
|
}
|
|
.npc ol.spell-list > li .item-controls {
|
|
grid-area: controls;
|
|
display: flex;
|
|
justify-self: end;
|
|
padding-right: 0.25em;
|
|
}
|
|
.npc ol.spell-list > li button.cast-spell {
|
|
align-items: center;
|
|
background: var(--secondary);
|
|
border-radius: 2px;
|
|
border: black;
|
|
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.5);
|
|
color: white;
|
|
cursor: pointer;
|
|
display: flex;
|
|
font: 700 0.55rem var(--sans-serif);
|
|
justify-self: center;
|
|
letter-spacing: 0.25px;
|
|
max-width: fit-content;
|
|
padding: 0.5em 1em;
|
|
text-transform: uppercase;
|
|
}
|
|
.npc ol.spell-list > li .item-summary {
|
|
grid-area: content;
|
|
width: 100%;
|
|
padding: 8px;
|
|
border-bottom: 1px solid var(--sub);
|
|
border-top: 1px solid #aca5a3;
|
|
background-color: var(--bg);
|
|
}
|
|
.npc ol.spell-list[data-category=spontaneous] .virtual {
|
|
position: relative;
|
|
}
|
|
.npc ol.spell-list[data-category=spontaneous] .virtual::before {
|
|
pointer-events: none;
|
|
content: "";
|
|
position: absolute;
|
|
height: 100%;
|
|
width: 100%;
|
|
background-color: rgba(0, 5, 255, 0.1137254902);
|
|
mix-blend-mode: saturation;
|
|
}
|
|
.npc ol.spell-list[data-category=spontaneous] .item:not(.virtual) + .virtual {
|
|
border-top: 1px solid rgba(0, 0, 0, 0.15);
|
|
}
|
|
.npc ol.spell-list .level-prepared-header {
|
|
font-size: 0.75rem;
|
|
color: white;
|
|
margin: 0;
|
|
padding: 4px;
|
|
text-align: center;
|
|
background: var(--secondary);
|
|
position: relative;
|
|
}
|
|
.npc ol.spell-list .spell .item-name {
|
|
width: 100%;
|
|
}
|
|
.npc ol.spell-list input.toggle-signature-spell[type=checkbox] {
|
|
width: 12px;
|
|
height: 12px;
|
|
margin: 0 2px 0 0;
|
|
flex: 0 0 auto;
|
|
}
|
|
.npc ol.spell-list .spellbook-empty {
|
|
display: flex;
|
|
align-items: center;
|
|
min-height: 28px;
|
|
justify-content: flex-end;
|
|
}
|
|
.npc ol.spell-list .spellbook-empty h4 {
|
|
margin: 0;
|
|
white-space: nowrap;
|
|
margin-right: auto;
|
|
}
|
|
.npc ol.spell-list .spellbook-empty a {
|
|
flex: 0 1 0;
|
|
white-space: nowrap;
|
|
margin-left: 8px;
|
|
}
|
|
.npc .npc-skills-editor {
|
|
display: flex;
|
|
flex-direction: column;
|
|
flex-wrap: wrap;
|
|
justify-content: flex-start;
|
|
align-items: baseline;
|
|
overflow-y: scroll;
|
|
overflow-x: hidden;
|
|
font-size: 0.8rem;
|
|
}
|
|
.npc .npc-skills-editor .header {
|
|
font-weight: bold;
|
|
text-transform: uppercase;
|
|
padding: 4px;
|
|
background-color: #5e0000 !important;
|
|
color: white;
|
|
}
|
|
.npc .npc-skills-editor .skills-list {
|
|
list-style: none;
|
|
padding: 0px;
|
|
}
|
|
.npc .npc-skills-editor .skills-list .skill {
|
|
display: grid;
|
|
flex: auto;
|
|
width: 100%;
|
|
grid-template-columns: auto 32px 48px;
|
|
grid-template-rows: auto;
|
|
column-gap: 18px;
|
|
padding: 4px;
|
|
}
|
|
.npc .npc-skills-editor .skills-list .skill:nth-child(even) {
|
|
background-color: #ede3c8;
|
|
}
|
|
.npc .npc-skills-editor .skills-list .skill:nth-child(odd) {
|
|
background-color: #f5efe0;
|
|
}
|
|
.npc .npc-skills-editor .skills-list .skill .item-controls {
|
|
text-align: right;
|
|
}
|
|
.npc .npc-skills-editor .skills-list .sub-section {
|
|
background-color: #171f69;
|
|
color: white;
|
|
grid-template-columns: auto;
|
|
text-transform: uppercase;
|
|
padding: 4px;
|
|
margin-top: 12px;
|
|
}
|
|
.npc .npc-skills-editor .btn {
|
|
padding: 4px;
|
|
margin: 0px 4px;
|
|
background-color: #171f69;
|
|
border-radius: 4px;
|
|
color: white;
|
|
text-align: center;
|
|
}
|
|
.npc .npc-skills-editor .footer {
|
|
margin: 0 auto;
|
|
}
|
|
.npc.data-entry form {
|
|
columns: 2;
|
|
}
|
|
.npc.data-entry form .form-group {
|
|
display: flex;
|
|
}
|
|
.npc .npc-sheet {
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: flex-start;
|
|
color: #323232;
|
|
}
|
|
.npc .npc-sheet .expandable {
|
|
display: none;
|
|
}
|
|
.npc .npc-sheet .section-container.inventory-toggles {
|
|
padding: 4px 6px 6px 6px;
|
|
}
|
|
.npc .npc-sheet .inventory-section {
|
|
flex: 1 0 auto;
|
|
padding: 0px;
|
|
margin: 0px;
|
|
}
|
|
.npc .npc-sheet .inventory-section .coinage {
|
|
margin-bottom: 8px;
|
|
}
|
|
.npc .npc-sheet .inventory-section .coinage .currency {
|
|
background-color: #171f69;
|
|
}
|
|
.npc .npc-sheet .inventory-section .coinage .wealth {
|
|
background-color: #5e0000;
|
|
}
|
|
.npc .npc-sheet .inventory-section .inventory-list > :first-child {
|
|
border-radius: 3px 3px 0px 0px;
|
|
}
|
|
.npc .npc-sheet .inventory-section .inventory-list .inventory-header {
|
|
background-color: #171f69;
|
|
display: flex;
|
|
flex: 1;
|
|
flex-flow: row nowrap;
|
|
color: white;
|
|
align-items: baseline;
|
|
}
|
|
.npc .npc-sheet .inventory-section .inventory-list .inventory-header h4 {
|
|
margin: 0px;
|
|
}
|
|
.npc .npc-sheet .inventory-section .inventory-list .inventory-header div {
|
|
border: none;
|
|
}
|
|
.npc .npc-sheet .inventory-section .inventory-list .item {
|
|
border-left: 1px solid #5e0000;
|
|
border-right: 1px solid #5e0000;
|
|
border-bottom: 1px solid #5e0000;
|
|
}
|
|
.npc .npc-sheet .inventory-section .inventory-list .item:not(:last-child) {
|
|
border-bottom: 1px solid #7a7971;
|
|
}
|
|
.npc .npc-sheet .inventory-section .inventory-list .item .item-image {
|
|
border: 2px solid #7a7971;
|
|
border-radius: 3px;
|
|
margin: 2px 4px 2px 6px;
|
|
}
|
|
.npc .npc-sheet .inventory-section .inventory-list .item[data-item-rarity=common] .item-name h4 {
|
|
border-color: #323232;
|
|
color: #323232;
|
|
}
|
|
.npc .npc-sheet .inventory-section .inventory-list .item[data-item-rarity=uncommon] .item-name h4 {
|
|
border-color: #98513d;
|
|
color: #98513d;
|
|
}
|
|
.npc .npc-sheet .inventory-section .inventory-list .item[data-item-rarity=rare] .item-name h4 {
|
|
border-color: #002664;
|
|
color: #002664;
|
|
}
|
|
.npc .npc-sheet .inventory-section .inventory-list .item[data-item-rarity=unique] .item-name h4 {
|
|
border-color: #54166e;
|
|
color: #54166e;
|
|
}
|
|
.npc .npc-sheet .inventory-section .inventory-list .item .controls .item-toggle-equip {
|
|
color: rgba(0, 0, 0, 0.4);
|
|
}
|
|
.npc .npc-sheet .inventory-section .inventory-list .item .controls .item-toggle-equip.active {
|
|
color: rgba(0, 0, 0, 0.75);
|
|
}
|
|
.npc .npc-sheet .inventory-section .footer {
|
|
display: flex;
|
|
flex: 1 0 auto;
|
|
width: 100%;
|
|
justify-content: center;
|
|
align-items: baseline;
|
|
background-color: #5e0000;
|
|
color: #f5efe0;
|
|
border-radius: 0px 0px 3px 3px;
|
|
}
|
|
.npc .npc-sheet .entries-list {
|
|
list-style: none;
|
|
padding: 2px;
|
|
margin: 0;
|
|
}
|
|
.npc .npc-sheet .entries-list .spellcasting-entry {
|
|
display: block;
|
|
width: 100%;
|
|
margin: 0px;
|
|
border: 1px solid var(--sub);
|
|
border-radius: 4px;
|
|
}
|
|
.npc .npc-sheet .entries-list .spellcasting-entry:not(:first-child) {
|
|
margin-top: 0.5rem;
|
|
}
|
|
.npc .npc-sheet .entries-list .spellcasting-entry .header {
|
|
background-color: #5e0000;
|
|
color: #f5efe0;
|
|
display: flex;
|
|
flex: 1 0 auto;
|
|
flex-direction: row;
|
|
flex-wrap: nowrap;
|
|
justify-content: space-between;
|
|
align-items: baseline;
|
|
padding: 4px 0.5em;
|
|
border-radius: 3px 3px 0px 0px;
|
|
gap: 0.25em;
|
|
}
|
|
.npc .npc-sheet .entries-list .spellcasting-entry .header .drag-handle {
|
|
cursor: move;
|
|
}
|
|
.npc .npc-sheet .entries-list .spellcasting-entry .header h4.name {
|
|
flex: 1;
|
|
margin: 0 4px 0 0;
|
|
padding-right: 6px;
|
|
width: max-content;
|
|
}
|
|
.npc .npc-sheet .entries-list .spellcasting-entry .header h4.name input {
|
|
color: white;
|
|
max-width: 100%;
|
|
font-weight: 500;
|
|
border: none;
|
|
}
|
|
.npc .npc-sheet .entries-list .spellcasting-entry .header h4.name input:focus, .npc .npc-sheet .entries-list .spellcasting-entry .header h4.name input:hover {
|
|
box-shadow: none;
|
|
}
|
|
.npc .npc-sheet .entries-list .spellcasting-entry .header h4.name input:read-only {
|
|
pointer-events: none;
|
|
}
|
|
.npc .npc-sheet .entries-list .spellcasting-entry .header .inline-field {
|
|
flex: 0;
|
|
display: flex;
|
|
flex-direction: row;
|
|
flex-wrap: nowrap;
|
|
justify-content: flex-start;
|
|
align-items: baseline;
|
|
}
|
|
.npc .npc-sheet .entries-list .spellcasting-entry .header .inline-field label {
|
|
margin-left: 2px;
|
|
flex: 1;
|
|
}
|
|
.npc .npc-sheet .entries-list .spellcasting-entry .header .inline-field input {
|
|
margin-left: 4px;
|
|
}
|
|
.npc .npc-sheet .entries-list .spellcasting-entry .header .inline-field .attack-input, .npc .npc-sheet .entries-list .spellcasting-entry .header .inline-field .dc-input {
|
|
flex: 1 0 32px;
|
|
text-align: center;
|
|
background-color: #f5efe0;
|
|
font-weight: bold;
|
|
width: 32px;
|
|
}
|
|
.npc .npc-sheet .entries-list .spellcasting-entry .header .ability-score select {
|
|
max-width: 55px;
|
|
padding: 2px !important;
|
|
}
|
|
.npc .npc-sheet .entries-list .spellcasting-entry .header .item-controls {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
}
|
|
.npc .npc-sheet .entries-list .spellcasting-entry .header .item-controls a {
|
|
padding: 2px;
|
|
}
|
|
.npc .npc-sheet .entries-list .spellcasting-entry .spell-level-header input {
|
|
background: #f5efe0;
|
|
border: 1px solid transparent;
|
|
color: var(--body);
|
|
flex: 1 0 2rem;
|
|
font-weight: 700;
|
|
height: 18px;
|
|
text-align: center;
|
|
width: 2rem;
|
|
}
|
|
.npc .npc-sheet .footer {
|
|
display: flex;
|
|
flex: 1;
|
|
justify-content: center;
|
|
margin-top: 12px;
|
|
}
|
|
.npc .npc-sheet .footer button.spellcasting-create {
|
|
cursor: pointer;
|
|
margin: 8px;
|
|
padding: 6px 12px;
|
|
font-size: var(--font-size-10);
|
|
line-height: 16px;
|
|
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3), inset 0 0 0 2px rgba(255, 255, 255, 0.2);
|
|
background: #5e0000;
|
|
color: #f5efe0;
|
|
text-align: center;
|
|
white-space: nowrap;
|
|
border-radius: 3px;
|
|
border: none;
|
|
}
|
|
.npc .npc-sheet .effects .section-body .effects-list {
|
|
gap: 0.2em;
|
|
padding-left: 0px;
|
|
padding-right: 5px;
|
|
}
|
|
.npc .npc-sheet .effects .section-body .effects-list .item {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
padding: 2px 4px 2px 12px;
|
|
width: 100%;
|
|
}
|
|
.npc .npc-sheet .effects .section-body .effects-list .item p:empty {
|
|
display: none;
|
|
}
|
|
.npc .npc-sheet .effects .section-body .effects-list .item .item-name {
|
|
display: flex;
|
|
align-items: center;
|
|
flex: 1;
|
|
}
|
|
.npc .npc-sheet .effects .section-body .effects-list .item .item-name h4 {
|
|
cursor: pointer;
|
|
margin: 0;
|
|
}
|
|
.npc .npc-sheet .effects .section-body .effects-list .item .item-name .item-image {
|
|
margin-right: 8px;
|
|
}
|
|
.npc .npc-sheet .effects .section-body .effects-list .item .item-controls {
|
|
white-space: nowrap;
|
|
font-size: var(--font-size-12);
|
|
}
|
|
.npc .npc-sheet .effects .section-body .effects-list .item .item-controls a.info-only:hover {
|
|
cursor: default;
|
|
text-shadow: none;
|
|
}
|
|
.npc .npc-sheet .effects .section-body .effects-list .item .item-controls a + a {
|
|
margin-left: 4px;
|
|
}
|
|
.npc .npc-sheet .effects .section-body .effects-list .item .item-summary {
|
|
flex-basis: 100%;
|
|
}
|
|
.npc .npc-sheet .effects .section-body .effects-list .item .item-summary .title,
|
|
.npc .npc-sheet .effects .section-body .effects-list .item .item-summary .framing {
|
|
color: var(--primary);
|
|
margin: 0;
|
|
padding: 0;
|
|
margin-top: 1em;
|
|
}
|
|
.npc .npc-sheet .effects .section-body .effects-list .item .item-summary .framing {
|
|
color: var(--secondary);
|
|
margin: 1em 0 0.25em;
|
|
}
|
|
.npc .npc-sheet .effects .section-body .effects-list .item .item-summary .framing strong {
|
|
font-weight: 500;
|
|
}
|
|
.npc .npc-sheet .effects .section-body .effects-list .item .item-summary .framing + p {
|
|
margin-top: 0;
|
|
}
|
|
.npc .npc-sheet .effects .section-body .effects-list .item .item-summary img {
|
|
border: none;
|
|
vertical-align: middle;
|
|
}
|
|
.npc .npc-sheet .effects .section-body .effects-list .item .item-summary img.actionlight {
|
|
background: var(--alt);
|
|
vertical-align: middle;
|
|
border: 1px solid var(--body);
|
|
}
|
|
.npc .npc-sheet .effects .section-body .effects-list .item .item-summary .item-properties .tag.toggled-on:hover, .npc .npc-sheet .effects .section-body .effects-list .item .item-summary .item-properties .tag.toggled-off:hover {
|
|
box-shadow: none;
|
|
text-shadow: 0 0 2px white;
|
|
}
|
|
.npc .npc-sheet .effects .section-body .effects-list .item .item-summary .item-properties .tag.toggled-on, .npc .npc-sheet .effects .section-body .effects-list .item .item-summary .item-properties .tag.toggled-off {
|
|
cursor: pointer;
|
|
}
|
|
.npc .npc-sheet .effects .section-body .effects-list .item .item-summary .item-properties .tag.toggled-on {
|
|
background-color: rgba(23, 31, 105, 0.5);
|
|
color: black;
|
|
text-shadow: 0 0 2px white;
|
|
}
|
|
.npc .npc-sheet .effects .section-body .effects-list .item.unidentified {
|
|
border-radius: 1px;
|
|
outline: 1px dotted rgba(75, 74, 68, 0.5);
|
|
background: var(--visibility-gm-bg);
|
|
}
|
|
.npc .npc-sheet .effects .section-body .effects-list .item .button-group {
|
|
display: flex;
|
|
justify-content: flex-end;
|
|
align-items: center;
|
|
flex-wrap: nowrap;
|
|
width: 50%;
|
|
flex: 0;
|
|
}
|
|
.npc .npc-sheet .effects .section-body .effects-list .item .button-group button {
|
|
margin: 0;
|
|
border: none;
|
|
cursor: pointer;
|
|
font-family: var(--sans-serif);
|
|
font-size: var(--font-size-10);
|
|
text-transform: uppercase;
|
|
letter-spacing: 0.05em;
|
|
text-rendering: optimizeLegibility;
|
|
padding: 5px;
|
|
color: white;
|
|
width: 70px;
|
|
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3), inset 0 0 0 2px rgba(255, 255, 255, 0.2);
|
|
background: var(--secondary);
|
|
border-radius: 2px;
|
|
flex: 0;
|
|
white-space: nowrap;
|
|
margin-left: 4px;
|
|
flex: 0;
|
|
}
|
|
.npc .npc-sheet .effects .section-body .effects-list .item .button-group button:hover {
|
|
box-shadow: none;
|
|
text-shadow: 0 0 2px white;
|
|
}
|
|
.npc .npc-sheet .section-container {
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
.npc .npc-sheet .section-container .section-header {
|
|
border: 1px solid #5e0000;
|
|
border-radius: 3px 3px 0px 0px;
|
|
background: #5e0000;
|
|
display: flex;
|
|
flex: 0;
|
|
width: 100%;
|
|
flex-direction: row;
|
|
justify-content: space-between;
|
|
align-items: baseline;
|
|
text-align: left;
|
|
color: #f5efe0;
|
|
font-size: var(--font-size-13);
|
|
padding: 0 8px;
|
|
line-height: 2em;
|
|
}
|
|
.npc .npc-sheet .section-container .section-header h4 {
|
|
flex: auto;
|
|
display: flex;
|
|
align-items: baseline;
|
|
gap: 4px;
|
|
margin-bottom: 0px;
|
|
text-transform: uppercase;
|
|
}
|
|
.npc .npc-sheet .section-container .section-header input {
|
|
color: inherit;
|
|
width: auto;
|
|
}
|
|
.npc .npc-sheet .section-container .section-header .controls {
|
|
display: flex;
|
|
gap: 8px;
|
|
justify-self: flex-end;
|
|
}
|
|
.npc .npc-sheet .section-container .section-body {
|
|
border: 1px solid #5e0000;
|
|
border-radius: 0px 0px 3px 3px;
|
|
display: flex;
|
|
flex: auto;
|
|
flex-wrap: wrap;
|
|
flex-direction: row;
|
|
align-items: baseline;
|
|
justify-content: flex-start;
|
|
width: 100%;
|
|
}
|
|
.npc .npc-sheet .section-container.headerless .section-body {
|
|
border-radius: 3px;
|
|
}
|
|
.npc .npc-sheet .actions-list, .npc .npc-sheet .attacks-list {
|
|
align-items: baseline;
|
|
margin: 0px;
|
|
padding: 0px;
|
|
width: 100%;
|
|
}
|
|
.npc .npc-sheet .actions-list .item-controls, .npc .npc-sheet .attacks-list .item-controls {
|
|
font-size: 0.8rem;
|
|
display: flex;
|
|
flex-wrap: nowrap;
|
|
align-items: baseline;
|
|
margin-left: auto;
|
|
}
|
|
.npc .npc-sheet .actions-list .item-controls .chat, .npc .npc-sheet .attacks-list .item-controls .chat {
|
|
margin-right: 3px;
|
|
font-size: 0.9em;
|
|
}
|
|
.npc .npc-sheet .actions-list .action, .npc .npc-sheet .attacks-list .action {
|
|
display: flex;
|
|
flex: 1 0 46%;
|
|
flex-direction: column;
|
|
margin-left: 6px;
|
|
margin-right: 6px;
|
|
}
|
|
.npc .npc-sheet .actions-list .action:not(:last-child), .npc .npc-sheet .attacks-list .action:not(:last-child) {
|
|
border-bottom: 1px solid var(--color-border-light-tertiary);
|
|
}
|
|
.npc .npc-sheet .actions-list .action .action-header, .npc .npc-sheet .attacks-list .action .action-header {
|
|
display: flex;
|
|
flex: 1 0 auto;
|
|
flex-direction: row;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
width: 100%;
|
|
}
|
|
.npc .npc-sheet .actions-list .action .action-header .action-name, .npc .npc-sheet .attacks-list .action .action-header .action-name {
|
|
display: flex;
|
|
flex: auto;
|
|
font-size: 0.9rem;
|
|
}
|
|
.npc .npc-sheet .actions-list .action .action-header .action-name h4, .npc .npc-sheet .attacks-list .action .action-header .action-name h4 {
|
|
margin: 0px;
|
|
margin-bottom: 0px;
|
|
}
|
|
.npc .npc-sheet .actions-list .action .action-header .action-name .action-traits, .npc .npc-sheet .attacks-list .action .action-header .action-name .action-traits {
|
|
margin-left: 12px;
|
|
}
|
|
.npc .npc-sheet .actions-list .action .action-header .action-name .action-tracking, .npc .npc-sheet .attacks-list .action .action-header .action-name .action-tracking {
|
|
flex: 0;
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: row;
|
|
flex-wrap: nowrap;
|
|
margin-left: auto;
|
|
margin-right: 16px;
|
|
}
|
|
.npc .npc-sheet .actions-list .action .action-header .action-name .action-tracking input, .npc .npc-sheet .attacks-list .action .action-header .action-name .action-tracking input {
|
|
width: 0;
|
|
flex: 0 1 48px;
|
|
font-family: inherit;
|
|
font-size: 0.9rem;
|
|
background: none;
|
|
text-align: center;
|
|
border: 0;
|
|
padding: 0 3px;
|
|
height: auto;
|
|
}
|
|
.npc .npc-sheet .actions-list .action .action-header .action-name .action-tracking span, .npc .npc-sheet .attacks-list .action .action-header .action-name .action-tracking span {
|
|
white-space: nowrap;
|
|
}
|
|
.npc .npc-sheet .actions-list .action .item-summary, .npc .npc-sheet .attacks-list .action .item-summary {
|
|
flex: 0 1 auto;
|
|
margin-top: 0.5em;
|
|
}
|
|
.npc .npc-sheet .actions-list .attack, .npc .npc-sheet .attacks-list .attack {
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: flex-start;
|
|
margin: 8px 6px 0 6px;
|
|
border-bottom: 1px solid var(--color-border-light-tertiary);
|
|
}
|
|
.npc .npc-sheet .actions-list .attack:last-child, .npc .npc-sheet .attacks-list .attack:last-child {
|
|
border-bottom: none;
|
|
}
|
|
.npc .npc-sheet .actions-list .attack .attack-header, .npc .npc-sheet .attacks-list .attack .attack-header {
|
|
display: flex;
|
|
flex: 1 0 auto;
|
|
flex-direction: row;
|
|
align-items: baseline;
|
|
width: 100%;
|
|
}
|
|
.npc .npc-sheet .actions-list .attack .attack-name, .npc .npc-sheet .attacks-list .attack .attack-name {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
align-items: center;
|
|
gap: 2px;
|
|
white-space: nowrap;
|
|
margin: 0 4px 0 0;
|
|
font-size: 0.9rem;
|
|
font-weight: 500;
|
|
}
|
|
.npc .npc-sheet .actions-list .attack .attack-name > span, .npc .npc-sheet .attacks-list .attack .attack-name > span {
|
|
gap: 3px;
|
|
margin-right: 4px;
|
|
display: flex;
|
|
align-items: baseline;
|
|
line-height: 1.125rem;
|
|
}
|
|
.npc .npc-sheet .actions-list .attack .attack-body, .npc .npc-sheet .attacks-list .attack .attack-body {
|
|
display: flex;
|
|
align-items: flex-start;
|
|
flex-direction: column;
|
|
width: 100%;
|
|
padding-top: 3px;
|
|
}
|
|
.npc .npc-sheet .actions-list .attack .attack-body .flexrow,
|
|
.npc .npc-sheet .actions-list .attack .attack-body .sub-section, .npc .npc-sheet .attacks-list .attack .attack-body .flexrow,
|
|
.npc .npc-sheet .attacks-list .attack .attack-body .sub-section {
|
|
gap: 2px;
|
|
}
|
|
.npc .npc-sheet .actions-list .attack .attack-body .sub-section, .npc .npc-sheet .attacks-list .attack .attack-body .sub-section {
|
|
align-items: flex-start;
|
|
display: flex;
|
|
flex-direction: row;
|
|
flex-wrap: wrap;
|
|
flex: auto;
|
|
justify-content: flex-start;
|
|
}
|
|
.npc .npc-sheet .actions-list .attack .attack-body .sub-section h4, .npc .npc-sheet .attacks-list .attack .attack-body .sub-section h4 {
|
|
margin-left: 12px;
|
|
margin-right: 12px;
|
|
}
|
|
.npc .npc-sheet .actions-list .attack .attack-body button, .npc .npc-sheet .attacks-list .attack .attack-body button {
|
|
width: auto !important;
|
|
cursor: pointer;
|
|
margin: 0;
|
|
padding: 0 8px;
|
|
font-size: var(--font-size-11);
|
|
height: 18px;
|
|
line-height: 18px;
|
|
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3), inset 0 0 0 2px rgba(255, 255, 255, 0.2);
|
|
background: var(--color-primary);
|
|
color: #f5efe0;
|
|
text-align: center;
|
|
white-space: nowrap;
|
|
border-radius: 3px;
|
|
border: none;
|
|
}
|
|
.npc .npc-sheet .actions-list .attack .attack-body button:first-child, .npc .npc-sheet .attacks-list .attack .attack-body button:first-child {
|
|
margin-left: 0px;
|
|
}
|
|
.npc .npc-sheet .actions-list .attack .attack-body button:hover, .npc .npc-sheet .attacks-list .attack .attack-body button:hover {
|
|
box-shadow: none;
|
|
text-shadow: 0 0 2px white;
|
|
}
|
|
.npc .npc-sheet .actions-list .attack .attack-body .attack-button, .npc .npc-sheet .attacks-list .attack .attack-body .attack-button {
|
|
background-color: var(--secondary);
|
|
}
|
|
.npc .npc-sheet .actions-list .attack .attack-body .damage-button,
|
|
.npc .npc-sheet .actions-list .attack .attack-body .critical-button, .npc .npc-sheet .attacks-list .attack .attack-body .damage-button,
|
|
.npc .npc-sheet .attacks-list .attack .attack-body .critical-button {
|
|
background-color: var(--primary);
|
|
}
|
|
.npc .npc-sheet .actions-list .attack .attack-body .attack-description, .npc .npc-sheet .attacks-list .attack .attack-body .attack-description {
|
|
min-height: 10px;
|
|
}
|
|
.npc .npc-sheet .npc-sheet-header {
|
|
display: flex;
|
|
flex: 1 0 auto;
|
|
flex-direction: column;
|
|
}
|
|
.npc .npc-sheet .npc-sheet-header .name {
|
|
font-family: var(--sans-serif-condensed);
|
|
font-size: 1.75rem;
|
|
font-weight: 700;
|
|
width: 100%;
|
|
flex-wrap: nowrap;
|
|
}
|
|
.npc .npc-sheet .npc-sheet-header .name input {
|
|
font-weight: inherit;
|
|
height: 32px;
|
|
}
|
|
.npc .npc-sheet .npc-sheet-header .name .name-value {
|
|
font-variant: small-caps;
|
|
margin-left: 6px;
|
|
margin-right: 18px;
|
|
}
|
|
.npc .npc-sheet .npc-sheet-header .name .level-label {
|
|
flex: 0;
|
|
text-align: right;
|
|
margin-right: 0.1em;
|
|
text-transform: uppercase;
|
|
}
|
|
.npc .npc-sheet .npc-sheet-header .name input.level {
|
|
flex: 0 0 40px;
|
|
text-align: center;
|
|
}
|
|
.npc .npc-sheet .npc-sheet-header .paizo-style {
|
|
border: none;
|
|
margin-top: 2px;
|
|
padding-left: 0;
|
|
padding-right: 0;
|
|
}
|
|
.npc .npc-sheet hr {
|
|
margin: 10px 6px 10px 0;
|
|
}
|
|
.npc .npc-sheet .side-bar {
|
|
flex: 160px 0 0;
|
|
height: 100%;
|
|
overflow: hidden scroll;
|
|
scrollbar-width: thin;
|
|
scrollbar-color: var(--primary) transparent;
|
|
}
|
|
.npc .npc-sheet .side-bar .image-container {
|
|
border: 1px solid var(--color-border-dark);
|
|
}
|
|
.npc .npc-sheet .side-bar .image-container img.actor-image {
|
|
border: none;
|
|
}
|
|
.npc .npc-sheet .side-bar .armor-section .armor-value {
|
|
flex: 0;
|
|
text-align: right;
|
|
font-weight: 700;
|
|
padding-right: 4px;
|
|
}
|
|
.npc .npc-sheet .side-bar .health-section .side-bar-label, .npc .npc-sheet .side-bar .shield-section .side-bar-label {
|
|
align-items: center;
|
|
}
|
|
.npc .npc-sheet .side-bar .health-section .hit-points, .npc .npc-sheet .side-bar .shield-section .hit-points {
|
|
display: flex;
|
|
flex-direction: row;
|
|
flex: 0;
|
|
margin-left: auto;
|
|
}
|
|
.npc .npc-sheet .side-bar .health-section .hit-points input.current, .npc .npc-sheet .side-bar .shield-section .hit-points input.current {
|
|
width: 36px;
|
|
text-align: right;
|
|
padding-right: 3px;
|
|
}
|
|
.npc .npc-sheet .side-bar .health-section .hit-points .slash, .npc .npc-sheet .side-bar .health-section .hit-points .max, .npc .npc-sheet .side-bar .shield-section .hit-points .slash, .npc .npc-sheet .side-bar .shield-section .hit-points .max {
|
|
align-items: center;
|
|
display: flex;
|
|
}
|
|
.npc .npc-sheet .side-bar .health-section .hit-points .max, .npc .npc-sheet .side-bar .shield-section .hit-points .max {
|
|
font-weight: 700;
|
|
margin-right: 4px;
|
|
text-align: center;
|
|
}
|
|
.npc .npc-sheet .side-bar .health-section .hit-points .max.lt10, .npc .npc-sheet .side-bar .shield-section .hit-points .max.lt10 {
|
|
width: 8px;
|
|
}
|
|
.npc .npc-sheet .side-bar .health-section .hit-points .max.lt100, .npc .npc-sheet .side-bar .shield-section .hit-points .max.lt100 {
|
|
width: 24px;
|
|
}
|
|
.npc .npc-sheet .side-bar .health-section .hit-points .max.lt1000, .npc .npc-sheet .side-bar .shield-section .hit-points .max.lt1000 {
|
|
width: 36px;
|
|
}
|
|
.npc .npc-sheet .side-bar .shield-section .shield-details {
|
|
display: flex;
|
|
flex: auto;
|
|
flex-direction: row;
|
|
justify-content: flex-start;
|
|
align-items: baseline;
|
|
}
|
|
.npc .npc-sheet .side-bar .shield-section .shield-details .label {
|
|
flex: 0;
|
|
font-weight: bold;
|
|
}
|
|
.npc .npc-sheet .side-bar .shield-section .shield-details .value {
|
|
flex: auto;
|
|
font-weight: normal;
|
|
margin-left: 6px !important;
|
|
}
|
|
.npc .npc-sheet .side-bar .shield-section.broken {
|
|
color: rgba(0, 0, 0, 0.4);
|
|
}
|
|
.npc .npc-sheet .side-bar .shield-section.broken .shield-label {
|
|
color: rgba(0, 0, 0, 0.4);
|
|
}
|
|
.npc .npc-sheet .side-bar .shield-section.broken .shield-label h4 {
|
|
text-decoration: line-through;
|
|
}
|
|
.npc .npc-sheet .side-bar .shield-section.broken .shield-value {
|
|
color: rgba(0, 0, 0, 0.4);
|
|
}
|
|
.npc .npc-sheet .side-bar .shield-section.broken .shield-value .shield-current {
|
|
color: rgba(0, 0, 0, 0.4);
|
|
}
|
|
.npc .npc-sheet .side-bar .shield-section.broken .shield-value .shield-max {
|
|
color: rgba(0, 0, 0, 0.4);
|
|
}
|
|
.npc .npc-sheet .side-bar .speed-section {
|
|
text-align: left;
|
|
}
|
|
.npc .npc-sheet .side-bar .speed-section .land-speed-value {
|
|
flex: 0 0 30px;
|
|
text-align: right;
|
|
}
|
|
.npc .npc-sheet .side-bar .speed-section .land-speed .speed-details {
|
|
flex: 1;
|
|
}
|
|
.npc .npc-sheet .side-bar .speed-section .other-speeds {
|
|
display: flex;
|
|
justify-content: left;
|
|
align-items: left;
|
|
width: 100%;
|
|
flex-wrap: wrap;
|
|
}
|
|
.npc .npc-sheet .side-bar .saves {
|
|
margin-top: 12px;
|
|
display: flex;
|
|
flex-direction: row;
|
|
width: 100%;
|
|
flex: 1 0 auto;
|
|
font-size: 1.1rem;
|
|
}
|
|
.npc .npc-sheet .side-bar .saves .container {
|
|
display: flex;
|
|
flex-direction: column;
|
|
text-align: center;
|
|
}
|
|
.npc .npc-sheet .side-bar .saves .container label {
|
|
font-weight: 600;
|
|
}
|
|
.npc .npc-sheet .side-bar .saves .container input.modifier {
|
|
text-align: center;
|
|
z-index: 1;
|
|
}
|
|
.npc .npc-sheet .side-bar-section {
|
|
display: flex;
|
|
flex: auto;
|
|
flex-direction: column;
|
|
justify-content: flex-start;
|
|
align-items: flex-start;
|
|
}
|
|
.npc .npc-sheet .side-bar-section .controls {
|
|
padding-right: 4px;
|
|
}
|
|
.npc .npc-sheet .side-bar-section.initiative a.roll-init {
|
|
display: flex;
|
|
flex-wrap: nowrap;
|
|
font-weight: 700;
|
|
margin-left: auto;
|
|
margin-bottom: 2px;
|
|
padding-right: 0.5em;
|
|
}
|
|
.npc .npc-sheet .side-bar-section.initiative a.roll-init i.fa-dice-d20 {
|
|
font-size: 1rem;
|
|
margin-right: 0.2em;
|
|
}
|
|
.npc .npc-sheet .side-bar-section.initiative select {
|
|
background: none;
|
|
text-transform: unset;
|
|
}
|
|
.npc .npc-sheet .side-bar-section-content {
|
|
display: flex;
|
|
width: 100%;
|
|
flex-direction: row;
|
|
flex-wrap: wrap;
|
|
justify-content: flex-start;
|
|
align-items: flex-start;
|
|
padding-top: 2px;
|
|
}
|
|
.npc .npc-sheet .side-bar-section-header {
|
|
display: flex;
|
|
width: 100%;
|
|
font-size: 1rem;
|
|
border-bottom: 1px solid;
|
|
border-color: #7a7971;
|
|
margin-top: 10px;
|
|
margin-bottom: 0px;
|
|
}
|
|
.npc .npc-sheet .side-bar-section-header .side-bar-label {
|
|
display: flex;
|
|
flex: auto;
|
|
flex-direction: row;
|
|
align-items: flex-start;
|
|
}
|
|
.npc .npc-sheet .side-bar-section-header .side-bar-label .fa {
|
|
font-size: 0.8rem;
|
|
}
|
|
.npc .npc-sheet .side-bar-section-header .side-bar-label h4 {
|
|
font-size: 0.8rem;
|
|
margin-bottom: 0px;
|
|
padding-left: 2px;
|
|
}
|
|
.npc .npc-sheet .sheet-body {
|
|
flex: auto;
|
|
}
|
|
.npc .npc-sheet .sheet-body .tab {
|
|
overflow: hidden scroll;
|
|
scrollbar-width: thin;
|
|
scrollbar-color: var(--primary) transparent;
|
|
}
|
|
.npc .npc-sheet .sheet-body .tab .identification-skills ul {
|
|
display: inline;
|
|
list-style-type: none;
|
|
padding: 0;
|
|
}
|
|
.npc .npc-sheet .sheet-body .tab .identification-skills ul li {
|
|
display: inline;
|
|
}
|
|
.npc .npc-sheet .sheet-body .tab .identification-skills ul li:not(:last-of-type):after {
|
|
content: ",";
|
|
}
|
|
.npc .npc-sheet input.adjustable:not(:focus), .npc .npc-sheet span.adjustable, .npc .npc-sheet div.adjustable {
|
|
display: inline;
|
|
text-align: right;
|
|
}
|
|
.npc .npc-sheet input.adjustable:not(:focus).adjusted-higher, .npc .npc-sheet span.adjustable.adjusted-higher, .npc .npc-sheet div.adjustable.adjusted-higher {
|
|
color: #009988;
|
|
}
|
|
.npc .npc-sheet input.adjustable:not(:focus).adjusted-lower, .npc .npc-sheet span.adjustable.adjusted-lower, .npc .npc-sheet div.adjustable.adjusted-lower {
|
|
color: #cc3311;
|
|
}
|
|
.npc .npc-sheet .controls {
|
|
font-size: 0.8rem;
|
|
display: flex;
|
|
flex-wrap: nowrap;
|
|
align-items: baseline;
|
|
margin-left: auto;
|
|
gap: 1px;
|
|
}
|
|
.npc .npc-sheet .controls .chat {
|
|
margin-right: 3px;
|
|
font-size: 0.9em;
|
|
}
|
|
.npc .npc-sheet .controls > a.item-control {
|
|
padding-left: 4px;
|
|
}
|
|
.npc .npc-sheet .disabled {
|
|
color: #ababab;
|
|
border-color: #ababab;
|
|
}
|
|
.npc .npc-sheet .disabled:hover, .npc .npc-sheet .disabled.active {
|
|
color: #323232;
|
|
border-color: #7a7971;
|
|
}
|
|
.npc .npc-sheet .trait {
|
|
flex: auto 0 0;
|
|
padding: 4px;
|
|
background: var(--primary);
|
|
border: 2px solid var(--color-border-trait);
|
|
color: var(--color-text-trait);
|
|
font-size: 0.9em;
|
|
font-weight: 500;
|
|
text-transform: uppercase;
|
|
}
|
|
.npc .npc-sheet .effects-list {
|
|
display: flex;
|
|
flex: 1 0 auto;
|
|
flex-direction: row;
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
}
|
|
.npc .npc-sheet .effects-list .separator {
|
|
flex: 0 0 1px;
|
|
height: 32px;
|
|
margin-right: 4px;
|
|
border-left: 2px solid #323232;
|
|
}
|
|
.npc .npc-sheet .effects-list > .effect {
|
|
display: flex;
|
|
flex: 0 0 32px;
|
|
height: 32px;
|
|
margin-right: 4px;
|
|
margin-bottom: 4px;
|
|
border-bottom: none !important;
|
|
}
|
|
.npc .npc-sheet .effects-list > .effect .item-image {
|
|
background-size: cover;
|
|
border: 1px solid #323232;
|
|
border-bottom: 1px solid #323232;
|
|
border-radius: 3px;
|
|
width: 32px;
|
|
}
|
|
.npc .npc-sheet .effects-list > .effect .item-image:hover {
|
|
border: 1px solid #f5efe0;
|
|
border-radius: 3px;
|
|
}
|
|
.npc .npc-sheet .actions-options .actions-option {
|
|
display: flex;
|
|
align-items: center;
|
|
width: 100%;
|
|
}
|
|
.npc .npc-sheet .actions-options .actions-option label {
|
|
width: 100%;
|
|
}
|
|
.npc .npc-sheet .actions-options .actions-option label * {
|
|
display: inline;
|
|
vertical-align: middle;
|
|
}
|
|
.npc .npc-sheet .actions-options .actions-option label input {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
.npc .npc-sheet .actions-options .actions-option select {
|
|
background: none;
|
|
text-transform: none;
|
|
}
|
|
.npc .npc-sheet .actions-list {
|
|
width: 97%;
|
|
}
|
|
.npc .npc-sheet .actions-list .action {
|
|
width: 100%;
|
|
margin-top: 6px;
|
|
}
|
|
.npc .npc-sheet .labelled-field {
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: baseline;
|
|
}
|
|
.npc .npc-sheet .labelled-field label {
|
|
flex: 1;
|
|
font-weight: bold;
|
|
}
|
|
.npc .npc-sheet .labelled-field input[type=text],
|
|
.npc .npc-sheet .labelled-field input[type=number] {
|
|
flex: 0;
|
|
font-weight: normal;
|
|
margin: 1px 4px;
|
|
margin-left: auto;
|
|
min-width: 2.5em;
|
|
padding-right: 1px;
|
|
text-align: right;
|
|
}
|
|
.npc .npc-sheet .labelled-field.hp-temp > label {
|
|
margin-right: 0.5em;
|
|
}
|
|
.npc .npc-sheet .top-sections {
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: flex-start;
|
|
align-items: flex-start;
|
|
}
|
|
.npc .npc-sheet .top-sections .skills {
|
|
flex: 3;
|
|
align-self: stretch;
|
|
}
|
|
.npc .npc-sheet .top-sections .senses {
|
|
flex: 2;
|
|
}
|
|
.npc .npc-sheet .top-sections .senses .perception {
|
|
width: 100%;
|
|
}
|
|
.npc .npc-sheet .top-sections .senses .perception label {
|
|
flex-basis: 5em;
|
|
}
|
|
.npc .npc-sheet .top-sections .senses .perception input {
|
|
flex: 0 0 24px;
|
|
z-index: 1;
|
|
}
|
|
.npc .npc-sheet .top-sections .ability-scores {
|
|
flex: 2;
|
|
flex-direction: column;
|
|
}
|
|
.npc .npc-sheet .top-sections .ability-scores .list {
|
|
display: grid;
|
|
padding-left: 0.75em;
|
|
grid-template-columns: repeat(3, minmax(0, 1fr));
|
|
}
|
|
.npc .npc-sheet .top-sections .ability-scores .list input {
|
|
flex: 0 0 24px;
|
|
margin-right: 1em;
|
|
z-index: 1;
|
|
}
|
|
.npc .npc-sheet .section-container {
|
|
padding: 4px 6px 0;
|
|
}
|
|
.npc .npc-sheet .section-container .section-body {
|
|
padding: 4px;
|
|
}
|
|
.npc .npc-sheet .section-container.headerless .section-body {
|
|
border-radius: 3px;
|
|
}
|
|
.npc .npc-sheet .section-container.skills > .section-body .list {
|
|
display: flex;
|
|
flex-direction: row;
|
|
flex-wrap: wrap;
|
|
}
|
|
.npc .npc-sheet .section-container.recall-knowledge .section-header {
|
|
align-items: center;
|
|
}
|
|
.npc .npc-sheet .section-container.recall-knowledge .section-header .breakdown {
|
|
width: auto;
|
|
cursor: pointer;
|
|
font-size: var(--font-size-9);
|
|
line-height: 15px;
|
|
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3), inset 0 0 0 2px rgba(255, 255, 255, 0.2);
|
|
background: #171f69;
|
|
color: #f5efe0;
|
|
font-family: var(--sans-serif);
|
|
text-transform: uppercase;
|
|
border-radius: 3px;
|
|
border: none;
|
|
padding: 2px 4px 0;
|
|
}
|
|
.npc .npc-sheet .section-container.recall-knowledge .section-header .breakdown:hover {
|
|
box-shadow: none;
|
|
text-shadow: 0 0 2px white;
|
|
}
|
|
.npc .npc-sheet .section-container.languages {
|
|
flex: 1;
|
|
}
|
|
.npc .npc-sheet .tag {
|
|
line-height: 0.8rem;
|
|
}
|
|
.npc .npc-sheet select {
|
|
flex: auto 0 0;
|
|
padding: 4px !important;
|
|
height: auto !important;
|
|
font-family: var(--sans-serif);
|
|
font-weight: 500;
|
|
text-transform: uppercase;
|
|
}
|
|
.npc .npc-sheet select option {
|
|
color: var(--text-light);
|
|
background-color: var(--alt);
|
|
}
|
|
.npc .npc-sheet .adjustment-select .adjustment.active {
|
|
background-color: #5e0000;
|
|
color: #f5efe0;
|
|
}
|
|
.npc .npc-sheet .adjustment-select .adjustment:not(.active) {
|
|
background-color: #7a7971;
|
|
color: #f5efe0;
|
|
}
|
|
.npc .npc-sheet .npc-body {
|
|
display: flex;
|
|
flex: auto;
|
|
flex-direction: column;
|
|
height: 100%;
|
|
width: 100%;
|
|
overflow-y: hidden;
|
|
}
|
|
.npc .npc-sheet .notes {
|
|
padding-right: 15px;
|
|
}
|
|
.npc .npc-sheet .notes.active {
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
.npc .npc-sheet .notes .details-label {
|
|
padding: 4px;
|
|
font-family: var(--sans-serif);
|
|
font-size: var(--font-size-10);
|
|
font-weight: 800;
|
|
line-height: 1;
|
|
text-transform: uppercase;
|
|
color: var(--primary);
|
|
margin-right: 2px;
|
|
white-space: nowrap;
|
|
}
|
|
.npc .npc-sheet .notes .notes-section {
|
|
flex: 1 0 auto;
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
.npc .npc-sheet .notes .notes-text {
|
|
margin-left: 8px;
|
|
padding: 4px;
|
|
color: #333;
|
|
flex-grow: 1;
|
|
}
|
|
.npc .npc-sheet .notes .notes-text .editor {
|
|
height: 100%;
|
|
}
|
|
.npc .npc-sheet .notes .notes-text .editor .editor-edit {
|
|
background: var(--primary);
|
|
color: white;
|
|
}
|
|
.npc .npc-sheet .notes .notes-text .editor .editor-content {
|
|
min-height: 75px;
|
|
height: 100%;
|
|
}
|
|
.npc .npc-sheet .notes .source {
|
|
flex-shrink: 0;
|
|
}
|
|
.npc .npc-sheet .notes .source .section-body {
|
|
border-width: 2px;
|
|
}
|
|
.npc .npc-sheet .notes .source label {
|
|
margin-right: 4px;
|
|
flex: 0;
|
|
font-weight: 700;
|
|
}
|
|
.npc .npc-sheet .notes .source .source-input {
|
|
flex: 2;
|
|
}
|
|
.npc .npc-sheet.dead .profile {
|
|
background-size: cover;
|
|
background-color: #dbd9cd;
|
|
box-sizing: border-box;
|
|
border: 1px solid black;
|
|
border-radius: 2px;
|
|
}
|
|
.npc .npc-sheet.dead .profile > img {
|
|
border: none;
|
|
width: 100%;
|
|
opacity: 0.33;
|
|
}
|
|
.npc .npc-sheet.dead h2.name {
|
|
margin-top: 3px;
|
|
text-align: center;
|
|
border-bottom: none;
|
|
}
|
|
.sheet.actor.loot .inventory .inventory-list {
|
|
overflow: hidden scroll;
|
|
scrollbar-width: thin;
|
|
scrollbar-color: var(--primary) transparent;
|
|
height: 100%;
|
|
margin-bottom: 2px;
|
|
}
|
|
.sheet.actor.loot .inventory .inventory-list .item-name h4 {
|
|
flex: 2;
|
|
margin: 0;
|
|
}
|
|
.sheet.actor.loot .inventory .inventory-list .item-name .prepared {
|
|
margin-left: 3px;
|
|
font-size: var(--font-size-10);
|
|
}
|
|
.sheet.actor.loot .inventory .inventory-list .item-sell-value,
|
|
.sheet.actor.loot .inventory .inventory-list .item-quantity,
|
|
.sheet.actor.loot .inventory .inventory-list .item-weight {
|
|
border-left: 1px solid var(--secondary-background);
|
|
color: #666;
|
|
}
|
|
.sheet.actor.loot .inventory .inventory-list .item-controls {
|
|
flex: 0 0 70px;
|
|
border-left: 1px solid var(--secondary-background);
|
|
}
|
|
.sheet.actor.loot .inventory .inventory-list .inventory-header {
|
|
font-weight: 700;
|
|
background: var(--primary-background);
|
|
margin: 0;
|
|
padding: 0;
|
|
border-bottom: 1px solid var(--secondary-background);
|
|
}
|
|
.sheet.actor.loot .inventory .inventory-list .inventory-header .item-name,
|
|
.sheet.actor.loot .inventory .inventory-list .inventory-header .item-sell-value,
|
|
.sheet.actor.loot .inventory .inventory-list .inventory-header .item-quantity,
|
|
.sheet.actor.loot .inventory .inventory-list .inventory-header .item-weight,
|
|
.sheet.actor.loot .inventory .inventory-list .inventory-header .item-controls {
|
|
line-height: 1.8em;
|
|
color: white;
|
|
height: 100%;
|
|
}
|
|
.sheet.actor.loot .inventory .inventory-list .inventory-header .item-name {
|
|
margin: 0;
|
|
font-weight: bold;
|
|
flex: 1;
|
|
}
|
|
.sheet.actor.loot .inventory .inventory-list .inventory-header .item-controls {
|
|
color: white;
|
|
}
|
|
.sheet.actor.loot .inventory .inventory-list li {
|
|
padding: 0;
|
|
border-bottom: 1px solid var(--secondary-background);
|
|
}
|
|
.sheet.actor.loot .inventory .inventory-list .item {
|
|
line-height: 1.8em;
|
|
}
|
|
.sheet.actor.loot .inventory .inventory-list .item .item-controls a {
|
|
font-size: var(--font-size-10);
|
|
color: #666;
|
|
}
|
|
.sheet.actor.loot .inventory-list .item .item-controls a.item-toggle-equip,
|
|
.sheet.actor.loot .pf2e.actor .item.action-header .item-controls a.item-toggle-equip {
|
|
display: none;
|
|
}
|
|
.sheet.actor.loot form {
|
|
display: flex;
|
|
flex-direction: row;
|
|
height: 100%;
|
|
}
|
|
.sheet.actor.loot section.sidebar {
|
|
display: flex;
|
|
flex-direction: column;
|
|
width: 200px;
|
|
height: 100%;
|
|
border-right: 1px solid #888;
|
|
box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
|
|
}
|
|
.sheet.actor.loot section.sidebar > * {
|
|
flex: 0;
|
|
}
|
|
.sheet.actor.loot section.sidebar .image-container {
|
|
display: flex;
|
|
}
|
|
.sheet.actor.loot section.sidebar .image-container > img.actor-image {
|
|
flex: none;
|
|
border: none;
|
|
border-bottom: 1px solid #888;
|
|
}
|
|
.sheet.actor.loot section.sidebar .image-container [data-action=show-image] {
|
|
bottom: 3px;
|
|
right: 2px;
|
|
}
|
|
.sheet.actor.loot section.sidebar .gm-settings, .sheet.actor.loot section.sidebar .sidebar-meta {
|
|
display: flex;
|
|
flex-direction: column;
|
|
padding: 0.25rem;
|
|
}
|
|
.sheet.actor.loot section.sidebar .gm-settings {
|
|
border-bottom: 1px solid #888;
|
|
}
|
|
.sheet.actor.loot section.sidebar .gm-settings .loot-distribution {
|
|
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3), inset 0 0 0 2px rgba(255, 255, 255, 0.2);
|
|
background-color: var(--tertiary);
|
|
}
|
|
.sheet.actor.loot section.sidebar .gm-settings label {
|
|
display: flex;
|
|
align-items: center;
|
|
font-weight: bold;
|
|
}
|
|
.sheet.actor.loot section.sidebar .sidebar-meta {
|
|
border-top: 1px solid #888;
|
|
}
|
|
.sheet.actor.loot section.sidebar .hidden-when-empty, .sheet.actor.loot section.sidebar .bulk {
|
|
align-self: end;
|
|
}
|
|
.sheet.actor.loot section.sidebar .bulk {
|
|
line-height: 1.5em;
|
|
margin-right: 8px;
|
|
}
|
|
.sheet.actor.loot section.sidebar > .editor, .sheet.actor.loot section.sidebar .description {
|
|
flex-basis: auto;
|
|
min-height: 40px;
|
|
flex: 1;
|
|
}
|
|
.sheet.actor.loot section.sidebar > .editor > .tox-tinymce .tox-edit-area {
|
|
min-height: 120px;
|
|
}
|
|
.sheet.actor.loot section.sidebar .description, .sheet.actor.loot section.sidebar .editor-content {
|
|
padding: 0.25rem;
|
|
overflow: hidden scroll;
|
|
scrollbar-width: thin;
|
|
scrollbar-color: var(--primary) transparent;
|
|
}
|
|
.sheet.actor.loot section.content {
|
|
display: flex;
|
|
flex-direction: column;
|
|
flex: 1;
|
|
height: 100%;
|
|
}
|
|
.sheet.actor.loot .sheet-header {
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
gap: 0.2rem;
|
|
padding-top: 0.25rem;
|
|
border-bottom: 1px solid #888;
|
|
box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
|
|
}
|
|
.sheet.actor.loot .sheet-header h1 {
|
|
margin: 0;
|
|
border: none;
|
|
flex: 1;
|
|
padding-left: 0.5rem;
|
|
}
|
|
.sheet.actor.loot .sheet-header h1 > input {
|
|
height: 40px;
|
|
width: 100%;
|
|
margin: 2px;
|
|
border: none;
|
|
}
|
|
.sheet.actor.loot .sheet-header h1, .sheet.actor.loot .sheet-header input {
|
|
font-family: var(--serif-condensed);
|
|
font-size: var(--font-size-36);
|
|
font-weight: 700;
|
|
}
|
|
.sheet.actor.loot .sheet-header .sheet-type i.fas {
|
|
padding: 0 2px;
|
|
}
|
|
.sheet.actor.loot .sheet-header .traits-bar {
|
|
flex: 0 0 auto;
|
|
margin-left: auto;
|
|
align-self: center;
|
|
font-size: var(--font-size-16);
|
|
margin-right: 0.5em;
|
|
}
|
|
.sheet.actor.loot .sheet-header .traits-bar > .trait {
|
|
padding: 0.1em 0.4em;
|
|
height: unset;
|
|
}
|
|
.sheet.actor.loot .sheet-header .traits-bar > .trait option {
|
|
background-color: #5e0000;
|
|
color: white;
|
|
}
|
|
.sheet.actor.loot .sheet-header .currency {
|
|
margin-bottom: 8px;
|
|
}
|
|
.sheet.actor.loot .sheet-body {
|
|
padding: 0.5rem;
|
|
overflow: hidden scroll;
|
|
scrollbar-width: thin;
|
|
scrollbar-color: var(--primary) transparent;
|
|
}
|
|
.loot-actor-popup .confirm-button {
|
|
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3), inset 0 0 0 2px rgba(255, 255, 255, 0.2);
|
|
width: calc(100% - 6px);
|
|
background-color: var(--tertiary);
|
|
}
|
|
.loot-actor-popup .checkboxes label {
|
|
display: block;
|
|
padding-right: 10px;
|
|
padding-left: 22px;
|
|
text-indent: -22px;
|
|
}
|
|
.loot-actor-popup .checkboxes input {
|
|
vertical-align: middle;
|
|
}
|
|
.loot-actor-popup .checkboxes label span {
|
|
vertical-align: middle;
|
|
}
|
|
.sheet.party {
|
|
/** White background navigation with little decorations on the left and right */
|
|
}
|
|
.sheet.party form {
|
|
display: flex;
|
|
flex-direction: column;
|
|
height: 100%;
|
|
background: url("../assets/sheet/background.webp");
|
|
background-repeat: no-repeat;
|
|
background-size: cover;
|
|
background-attachment: local;
|
|
}
|
|
.sheet.party form > header {
|
|
background: url("../assets/sheet/header-bw.webp"), url("../assets/sheet/background.webp");
|
|
background-repeat: repeat-x, no-repeat;
|
|
background-size: cover;
|
|
background-color: #2f9d50;
|
|
background-blend-mode: multiply;
|
|
color: white;
|
|
width: 100%;
|
|
font-family: var(--sans-serif);
|
|
text-transform: uppercase;
|
|
font-weight: 600;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
padding: 0 0.75rem;
|
|
gap: 8px;
|
|
box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
|
|
}
|
|
.sheet.party form > header .frame-container {
|
|
flex: 0 0 60px;
|
|
padding: 4px;
|
|
margin: 0.75rem 0;
|
|
}
|
|
.sheet.party form > header .frame-container .frame {
|
|
position: relative;
|
|
width: 2.5rem;
|
|
height: 2.5rem;
|
|
}
|
|
.sheet.party form > header .frame-container .player-image {
|
|
object-fit: cover;
|
|
object-position: top;
|
|
border: none;
|
|
border-radius: 0;
|
|
width: 100%;
|
|
cursor: pointer;
|
|
border: none;
|
|
box-shadow: 0 0 0 1px #918c88, 0 0 0 2px #e1d8cf, 0 0 0 3px #a98f39, inset 0 0 8px rgba(0, 0, 0, 0.5), 0 0 8px black;
|
|
}
|
|
.sheet.party form > header .details {
|
|
margin: 4px 0;
|
|
flex: 1;
|
|
}
|
|
.sheet.party form > header input[type=text], .sheet.party form > header input[type=number] {
|
|
color: white;
|
|
border: none;
|
|
border-bottom: 1px solid transparent;
|
|
}
|
|
.sheet.party form > header input[type=text]:hover, .sheet.party form > header input[type=text]:focus, .sheet.party form > header input[type=number]:hover, .sheet.party form > header input[type=number]:focus {
|
|
border: none;
|
|
border-bottom: 1px solid var(--text-light);
|
|
box-shadow: none;
|
|
}
|
|
.sheet.party form > header .title {
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: baseline;
|
|
gap: 4px;
|
|
font-size: var(--font-size-28);
|
|
font-family: var(--serif-condensed);
|
|
font-weight: 700;
|
|
}
|
|
.sheet.party form > header .title .name {
|
|
flex: 1;
|
|
font-size: var(--font-size-32);
|
|
}
|
|
.sheet.party nav.sheet-navigation {
|
|
display: inline-flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
height: 20px;
|
|
background: var(--secondary);
|
|
background: url("../assets/sheet/border-pattern.webp") repeat-x top, url("../assets/sheet/border-pattern.webp") repeat-x bottom, var(--secondary);
|
|
transition: all 0.1s ease-out;
|
|
box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
|
|
border-top: 1px solid rgba(255, 255, 255, 0.1);
|
|
border-bottom: 1px solid rgba(255, 255, 255, 0.5);
|
|
position: relative;
|
|
}
|
|
.sheet.party nav.sheet-navigation .navigation-title {
|
|
color: var(--text-light);
|
|
margin-right: auto;
|
|
padding-left: 1em;
|
|
white-space: nowrap;
|
|
width: 7em;
|
|
}
|
|
.sheet.party nav.sheet-navigation > a {
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
margin: 0 6px;
|
|
font-size: var(--font-size-12);
|
|
}
|
|
.sheet.party nav.sheet-navigation .item {
|
|
height: 24px;
|
|
width: 24px;
|
|
border-radius: 50%;
|
|
z-index: 1;
|
|
transition: all 0.1s ease-out;
|
|
color: var(--tertiary);
|
|
fill: var(--tertiary);
|
|
background-image: url("../assets/sheet/nav-item-inactive.webp");
|
|
background-size: contain;
|
|
/* prettier-ignore */
|
|
box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px #9f725b, inset 0 0 4px rgba(0, 0, 0, 0.25);
|
|
}
|
|
.sheet.party nav.sheet-navigation .item.active {
|
|
box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px #9f725b, inset 0 0 4px rgba(0, 0, 0, 0.25), 0 0 8px var(--tertiary);
|
|
}
|
|
.sheet.party nav.sheet-navigation .item:last-child {
|
|
margin-right: 10px;
|
|
}
|
|
.sheet.party nav.sheet-navigation .item:hover, .sheet.party nav.sheet-navigation .item.active {
|
|
z-index: 2;
|
|
transform: scale(1.2);
|
|
color: var(--text-light);
|
|
fill: var(--text-light);
|
|
background-image: url("../assets/sheet/nav-item.webp");
|
|
}
|
|
.sheet.party nav.sheet-navigation .item .fas {
|
|
padding-bottom: 0;
|
|
}
|
|
.sheet.party nav.sheet-navigation .item:hover .pfs-icon {
|
|
filter: drop-shadow(0 0 8px var(--color-shadow-primary));
|
|
}
|
|
.sheet.party nav.sheet-navigation .item .action-icon {
|
|
align-self: baseline;
|
|
display: inline-block;
|
|
font-family: Pathfinder2eActions;
|
|
font-size: 1.4rem;
|
|
line-height: 1;
|
|
max-height: 0.75rem;
|
|
}
|
|
.sheet.party nav.sub-nav {
|
|
margin: 0;
|
|
padding: 0;
|
|
display: flex;
|
|
flex-wrap: nowrap;
|
|
justify-content: center;
|
|
align-items: center;
|
|
list-style: none;
|
|
background-color: var(--bg);
|
|
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.18);
|
|
width: 100%;
|
|
flex: 0 0 44px;
|
|
}
|
|
.sheet.party nav.sub-nav::before, .sheet.party nav.sub-nav::after {
|
|
content: "";
|
|
width: 37px;
|
|
height: 16px;
|
|
background: url("../assets/sheet/sub-nav-decoration.webp");
|
|
margin: 0 16px;
|
|
}
|
|
.sheet.party nav.sub-nav::after {
|
|
transform: scaleX(-100%);
|
|
}
|
|
.sheet.party nav.sub-nav a, .sheet.party nav.sub-nav .tab {
|
|
border-left: 1px solid rgba(255, 255, 255, 0.3);
|
|
border-right: 1px solid rgba(0, 0, 0, 0.2);
|
|
color: var(--alt);
|
|
cursor: pointer;
|
|
display: block;
|
|
font: 400 var(--font-size-16) var(--serif);
|
|
flex: 1;
|
|
margin: 0 0.25rem;
|
|
max-width: 30%;
|
|
text-align: center;
|
|
text-decoration: none;
|
|
transition: all 0.1s ease-out;
|
|
}
|
|
.sheet.party nav.sub-nav a.active, .sheet.party nav.sub-nav .tab.active {
|
|
color: var(--primary);
|
|
font-weight: 600;
|
|
}
|
|
.sheet.party nav.sub-nav a:first-child, .sheet.party nav.sub-nav .tab:first-child {
|
|
border-left: none;
|
|
}
|
|
.sheet.party nav.sub-nav a:last-child, .sheet.party nav.sub-nav .tab:last-child {
|
|
border-right: none;
|
|
}
|
|
.sheet.party nav.sub-nav a:hover, .sheet.party nav.sub-nav .tab:hover {
|
|
text-shadow: 0 0 3px rgba(255, 255, 255, 0.5);
|
|
}
|
|
.sheet.party .tab nav.sub-nav {
|
|
padding-right: 20px;
|
|
}
|
|
.sheet.party .actor-link {
|
|
cursor: pointer;
|
|
}
|
|
.sheet.party .container {
|
|
height: 100%;
|
|
overflow: hidden;
|
|
}
|
|
.sheet.party .content {
|
|
overflow: hidden scroll;
|
|
scrollbar-width: thin;
|
|
scrollbar-color: var(--primary) transparent;
|
|
flex: 1;
|
|
}
|
|
.sheet.party .tab.active {
|
|
display: flex;
|
|
height: 100%;
|
|
}
|
|
.sheet.party .item-list.directory-list {
|
|
gap: 0.2em;
|
|
margin: 0;
|
|
padding: 0;
|
|
display: flex;
|
|
flex-direction: column;
|
|
width: 100%;
|
|
}
|
|
.sheet.party .item-list.directory-list .item {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
padding: 2px 4px 2px 12px;
|
|
width: 100%;
|
|
}
|
|
.sheet.party .item-list.directory-list .item p:empty {
|
|
display: none;
|
|
}
|
|
.sheet.party .item-list.directory-list .item .item-name {
|
|
display: flex;
|
|
align-items: center;
|
|
flex: 1;
|
|
}
|
|
.sheet.party .item-list.directory-list .item .item-name h4 {
|
|
cursor: pointer;
|
|
margin: 0;
|
|
}
|
|
.sheet.party .item-list.directory-list .item .item-name .item-image {
|
|
margin-right: 8px;
|
|
}
|
|
.sheet.party .item-list.directory-list .item .item-controls {
|
|
white-space: nowrap;
|
|
font-size: var(--font-size-12);
|
|
}
|
|
.sheet.party .item-list.directory-list .item .item-controls a.info-only:hover {
|
|
cursor: default;
|
|
text-shadow: none;
|
|
}
|
|
.sheet.party .item-list.directory-list .item .item-controls a + a {
|
|
margin-left: 4px;
|
|
}
|
|
.sheet.party .item-list.directory-list .item .item-summary {
|
|
flex-basis: 100%;
|
|
}
|
|
.sheet.party .item-list.directory-list .item .item-summary .title,
|
|
.sheet.party .item-list.directory-list .item .item-summary .framing {
|
|
color: var(--primary);
|
|
margin: 0;
|
|
padding: 0;
|
|
margin-top: 1em;
|
|
}
|
|
.sheet.party .item-list.directory-list .item .item-summary .framing {
|
|
color: var(--secondary);
|
|
margin: 1em 0 0.25em;
|
|
}
|
|
.sheet.party .item-list.directory-list .item .item-summary .framing strong {
|
|
font-weight: 500;
|
|
}
|
|
.sheet.party .item-list.directory-list .item .item-summary .framing + p {
|
|
margin-top: 0;
|
|
}
|
|
.sheet.party .item-list.directory-list .item .item-summary img {
|
|
border: none;
|
|
vertical-align: middle;
|
|
}
|
|
.sheet.party .item-list.directory-list .item .item-summary img.actionlight {
|
|
background: var(--alt);
|
|
vertical-align: middle;
|
|
border: 1px solid var(--body);
|
|
}
|
|
.sheet.party .item-list.directory-list .item .item-summary .item-properties .tag.toggled-on:hover, .sheet.party .item-list.directory-list .item .item-summary .item-properties .tag.toggled-off:hover {
|
|
box-shadow: none;
|
|
text-shadow: 0 0 2px white;
|
|
}
|
|
.sheet.party .item-list.directory-list .item .item-summary .item-properties .tag.toggled-on, .sheet.party .item-list.directory-list .item .item-summary .item-properties .tag.toggled-off {
|
|
cursor: pointer;
|
|
}
|
|
.sheet.party .item-list.directory-list .item .item-summary .item-properties .tag.toggled-on {
|
|
background-color: rgba(23, 31, 105, 0.5);
|
|
color: black;
|
|
text-shadow: 0 0 2px white;
|
|
}
|
|
.sheet.party .item-list.directory-list .item.unidentified {
|
|
border-radius: 1px;
|
|
outline: 1px dotted rgba(75, 74, 68, 0.5);
|
|
background: var(--visibility-gm-bg);
|
|
}
|
|
.sheet.party .item-list.directory-list .item .button-group {
|
|
display: flex;
|
|
justify-content: flex-end;
|
|
align-items: center;
|
|
flex-wrap: nowrap;
|
|
width: 50%;
|
|
flex: 0;
|
|
}
|
|
.sheet.party .item-list.directory-list .item .button-group button {
|
|
margin: 0;
|
|
border: none;
|
|
cursor: pointer;
|
|
font-family: var(--sans-serif);
|
|
font-size: var(--font-size-10);
|
|
text-transform: uppercase;
|
|
letter-spacing: 0.05em;
|
|
text-rendering: optimizeLegibility;
|
|
padding: 5px;
|
|
color: white;
|
|
width: 70px;
|
|
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3), inset 0 0 0 2px rgba(255, 255, 255, 0.2);
|
|
background: var(--secondary);
|
|
border-radius: 2px;
|
|
flex: 0;
|
|
white-space: nowrap;
|
|
margin-left: 4px;
|
|
flex: 0;
|
|
}
|
|
.sheet.party .item-list.directory-list .item .button-group button:hover {
|
|
box-shadow: none;
|
|
text-shadow: 0 0 2px white;
|
|
}
|
|
.sheet.party .item-list.directory-list .item {
|
|
margin: 2px 0;
|
|
border: solid transparent;
|
|
border-width: 0 0 1px;
|
|
border-image: linear-gradient(90deg, #f1edea, #d5cac1) 1 repeat;
|
|
}
|
|
.sheet.party .item-list.directory-list .item .item-summary {
|
|
margin-top: 8px;
|
|
}
|
|
.sheet.party .sidebar {
|
|
overflow: hidden scroll;
|
|
scrollbar-width: thin;
|
|
scrollbar-color: var(--primary) transparent;
|
|
border-right: 1px solid #888;
|
|
box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 8px;
|
|
height: 100%;
|
|
padding: 0.5rem;
|
|
width: 13.5rem;
|
|
}
|
|
.sheet.party .sidebar .box {
|
|
border: 1px solid rgba(0, 0, 0, 0.28);
|
|
filter: drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.18));
|
|
font-family: var(--sans-serif);
|
|
border-radius: 3px;
|
|
font-size: var(--font-size-12);
|
|
}
|
|
.sheet.party .sidebar .box header, .sheet.party .sidebar .box footer {
|
|
margin: -1px;
|
|
padding: 0.25rem;
|
|
}
|
|
.sheet.party .sidebar .box header {
|
|
background-color: var(--sub);
|
|
border-radius: 3px 3px 0 0;
|
|
color: white;
|
|
font-weight: 700;
|
|
}
|
|
.sheet.party .sidebar .box footer {
|
|
background-color: var(--bg-dark);
|
|
border-radius: 0 0 3px 3px;
|
|
color: var(--sub);
|
|
border: 1px solid rgba(0, 0, 0, 0.28);
|
|
border-top: none;
|
|
}
|
|
.sheet.party .tag-light {
|
|
--tag-color: #424242;
|
|
border: 1px solid var(--tag-color);
|
|
border-radius: 2px;
|
|
color: var(--tag-color);
|
|
padding: 0 4px 0.1em 4px;
|
|
height: 1.25rem;
|
|
white-space: nowrap;
|
|
font-size: var(--font-size-13);
|
|
font-variant: all-small-caps;
|
|
font-weight: 500;
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
.sheet.party [data-tab=inventory] .inventory-members {
|
|
display: flex;
|
|
color: var(--alt-dark);
|
|
flex-direction: column;
|
|
font-family: var(--sans-serif);
|
|
padding: 0;
|
|
margin: 0;
|
|
gap: 0.5rem;
|
|
}
|
|
.sheet.party [data-tab=inventory] .inventory-members .box .summary-data > div {
|
|
align-items: center;
|
|
display: flex;
|
|
margin: 0.5rem 0.25rem 0.5rem 0.5rem;
|
|
}
|
|
.sheet.party [data-tab=inventory] .inventory-members .box .summary-data > div label {
|
|
flex: 1;
|
|
font-weight: 600;
|
|
}
|
|
.sheet.party [data-tab=inventory] .inventory-members .box .actor-link {
|
|
align-items: center;
|
|
display: grid;
|
|
grid-template-areas: "image name " "image value";
|
|
grid-template-columns: auto 1fr;
|
|
padding: 0.5rem;
|
|
overflow: hidden;
|
|
}
|
|
.sheet.party [data-tab=inventory] .inventory-members .box .actor-link img {
|
|
border: none;
|
|
grid-area: image;
|
|
width: 2rem;
|
|
height: 2rem;
|
|
margin-right: 0.4rem;
|
|
object-fit: contain;
|
|
}
|
|
.sheet.party [data-tab=inventory] .inventory-members .box .actor-link .name {
|
|
grid-area: name;
|
|
font-weight: 700;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
}
|
|
.sheet.party [data-tab=inventory] .inventory-members .box .actor-link .value {
|
|
grid-area: value;
|
|
}
|
|
.sheet.party [data-tab=inventory] .inventory-members .box .inventory-data {
|
|
display: flex;
|
|
gap: 0.25rem;
|
|
padding: 2px 3px;
|
|
font-size: var(--font-size-12);
|
|
}
|
|
.sheet.party [data-tab=inventory] .inventory {
|
|
overflow: hidden scroll;
|
|
scrollbar-width: thin;
|
|
scrollbar-color: var(--primary) transparent;
|
|
flex: 1;
|
|
padding: 0 4px;
|
|
display: flex;
|
|
flex-direction: column;
|
|
height: 100%;
|
|
}
|
|
.sheet.party [data-tab=overview] .summary {
|
|
border-image-repeat: repeat;
|
|
border-image-slice: 11;
|
|
border-image-source: url("../assets/sheet/frame-elegant.svg");
|
|
border-image-width: 14px;
|
|
border-style: double;
|
|
padding: 0.5rem;
|
|
margin: 16px 16px 8px 16px;
|
|
}
|
|
.sheet.party [data-tab=overview] .summary label {
|
|
color: var(--alt-dark);
|
|
font-family: var(--serif);
|
|
font-weight: 500;
|
|
line-height: 1em;
|
|
}
|
|
.sheet.party [data-tab=overview] .summary .tags {
|
|
margin: 0;
|
|
}
|
|
.sheet.party [data-tab=overview] .member-breakdown {
|
|
display: flex;
|
|
flex-direction: row;
|
|
font-family: var(--sans-serif);
|
|
padding: 0.5rem 16px;
|
|
position: relative;
|
|
}
|
|
.sheet.party [data-tab=overview] .member-breakdown:not(:last-child):after {
|
|
content: "";
|
|
background-color: rgba(68, 55, 48, 0.1);
|
|
width: 100%;
|
|
height: 1px;
|
|
position: absolute;
|
|
bottom: 0;
|
|
}
|
|
.sheet.party [data-tab=overview] .member-breakdown .member-image {
|
|
position: relative;
|
|
min-width: 5.75rem;
|
|
height: 5.75rem;
|
|
margin-right: 8px;
|
|
}
|
|
.sheet.party [data-tab=overview] .member-breakdown .member-image img {
|
|
position: absolute;
|
|
border: none;
|
|
height: 100%;
|
|
width: 100%;
|
|
object-fit: contain;
|
|
}
|
|
.sheet.party [data-tab=overview] .member-breakdown .member-image .ac {
|
|
position: absolute;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: -0.5rem;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
font-weight: 600;
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
justify-content: end;
|
|
width: 2.5rem;
|
|
height: 2.8rem;
|
|
padding-bottom: 0.55rem;
|
|
filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.4)) drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
|
|
}
|
|
.sheet.party [data-tab=overview] .member-breakdown .member-image .ac::before, .sheet.party [data-tab=overview] .member-breakdown .member-image .ac::after {
|
|
content: "";
|
|
background: url("../assets/sheet/accent-decoration.webp");
|
|
position: absolute;
|
|
right: 50%;
|
|
bottom: 0.15rem;
|
|
width: 2.85rem;
|
|
height: 1.254rem;
|
|
}
|
|
.sheet.party [data-tab=overview] .member-breakdown .member-image .ac:after {
|
|
transform: scaleX(-1);
|
|
transform-origin: right center;
|
|
}
|
|
.sheet.party [data-tab=overview] .member-breakdown .member-image .ac .shield, .sheet.party [data-tab=overview] .member-breakdown .member-image .ac label, .sheet.party [data-tab=overview] .member-breakdown .member-image .ac .value {
|
|
z-index: 1;
|
|
}
|
|
.sheet.party [data-tab=overview] .member-breakdown .member-image .ac .shield {
|
|
position: absolute;
|
|
inset: 0;
|
|
background: url("../assets/sheet/shield-blue.webp") no-repeat center bottom;
|
|
background-size: contain;
|
|
}
|
|
.sheet.party [data-tab=overview] .member-breakdown .member-image .ac label {
|
|
color: var(--tertiary-dark);
|
|
font-size: var(--font-size-12);
|
|
font-variant: all-small-caps;
|
|
line-height: 1em;
|
|
}
|
|
.sheet.party [data-tab=overview] .member-breakdown .member-image .ac .value {
|
|
color: white;
|
|
font-size: var(--font-size-18);
|
|
line-height: 1em;
|
|
}
|
|
.sheet.party [data-tab=overview] .member-breakdown .member-data {
|
|
display: flex;
|
|
border-left: 1px solid #C9BFA9;
|
|
flex-direction: column;
|
|
min-height: 100%;
|
|
padding-left: 8px;
|
|
flex: 1;
|
|
}
|
|
.sheet.party [data-tab=overview] .member-breakdown .name {
|
|
align-items: center;
|
|
display: flex;
|
|
font-family: var(--serif);
|
|
font-size: var(--font-size-20);
|
|
font-weight: 600;
|
|
line-height: 1em;
|
|
}
|
|
.sheet.party [data-tab=overview] .member-breakdown .name .hero-points {
|
|
display: flex;
|
|
flex: 1;
|
|
align-items: center;
|
|
justify-content: flex-end;
|
|
gap: 2px;
|
|
}
|
|
.sheet.party [data-tab=overview] .member-breakdown .name .hero-points .empty {
|
|
border: 2px dashed rgba(0, 0, 0, 0.5);
|
|
border-radius: 50%;
|
|
width: 1.2rem;
|
|
height: 1.2rem;
|
|
}
|
|
.sheet.party [data-tab=overview] .member-breakdown .name .hero-points img {
|
|
border: none;
|
|
width: 1.2rem;
|
|
height: 1.2rem;
|
|
}
|
|
.sheet.party [data-tab=overview] .member-breakdown .main-stats {
|
|
display: flex;
|
|
gap: 0.5rem;
|
|
margin-bottom: 0.25rem;
|
|
}
|
|
.sheet.party [data-tab=overview] .member-breakdown .main-stats > div {
|
|
border: 1px solid rgba(0, 0, 0, 0.28);
|
|
border-radius: 2px;
|
|
height: 2.6rem;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
flex: 1 1 0;
|
|
}
|
|
.sheet.party [data-tab=overview] .member-breakdown .main-stats .score {
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
justify-content: center;
|
|
font-size: var(--font-size-18);
|
|
}
|
|
.sheet.party [data-tab=overview] .member-breakdown .main-stats .score label {
|
|
font-size: var(--font-size-10);
|
|
font-weight: 500;
|
|
}
|
|
.sheet.party [data-tab=overview] .member-breakdown .main-stats .health-section {
|
|
flex: 1;
|
|
min-width: 9rem;
|
|
}
|
|
.sheet.party [data-tab=overview] .member-breakdown .main-stats .health {
|
|
padding-right: 0.5rem;
|
|
margin-right: 0.125rem;
|
|
justify-content: center;
|
|
gap: 0.5rem;
|
|
}
|
|
.sheet.party [data-tab=overview] .member-breakdown .main-stats .health .max {
|
|
font-weight: 500;
|
|
}
|
|
.sheet.party [data-tab=overview] .member-breakdown .main-stats .health .value, .sheet.party [data-tab=overview] .member-breakdown .main-stats .health .max {
|
|
display: inline-block;
|
|
font-variant-numeric: tabular-nums;
|
|
}
|
|
.sheet.party [data-tab=overview] .member-breakdown .main-stats .health .value {
|
|
text-align: end;
|
|
}
|
|
.sheet.party [data-tab=overview] .member-breakdown .main-stats .saving-throws {
|
|
flex: 0.85;
|
|
min-width: 5.5rem;
|
|
}
|
|
.sheet.party [data-tab=overview] .member-breakdown .main-stats .saving-throws .score {
|
|
flex: 1;
|
|
font-weight: 500;
|
|
}
|
|
.sheet.party [data-tab=overview] .member-breakdown .main-stats .senses {
|
|
flex: 1.4;
|
|
}
|
|
.sheet.party [data-tab=overview] .member-breakdown .main-stats .senses .value {
|
|
display: flex;
|
|
font-size: var(--font-size-12);
|
|
gap: 0.125rem;
|
|
align-items: center;
|
|
overflow: hidden;
|
|
}
|
|
.sheet.party [data-tab=overview] .member-breakdown .main-stats .senses [data-acuity=imprecise], .sheet.party [data-tab=overview] .member-breakdown .main-stats .senses [data-acuity=vague] {
|
|
border-style: dashed;
|
|
}
|
|
.sheet.party [data-tab=overview] .member-breakdown .main-stats .senses .blank {
|
|
font-size: var(--font-size-14);
|
|
}
|
|
.sheet.party [data-tab=overview] .member-breakdown .main-stats .ability-scores {
|
|
flex: 1.2;
|
|
}
|
|
.sheet.party [data-tab=overview] .member-breakdown .main-stats .ability-scores .ability-score-grid {
|
|
display: grid;
|
|
grid-template-columns: repeat(3, 1fr);
|
|
gap: 2px 8px;
|
|
padding: 8px;
|
|
width: 100%;
|
|
}
|
|
.sheet.party [data-tab=overview] .member-breakdown .main-stats .ability-scores .ability-score-grid .score {
|
|
flex-direction: row;
|
|
font-size: var(--font-size-12);
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
}
|
|
.sheet.party [data-tab=overview] .member-breakdown .main-stats .ability-scores .ability-score-grid .score label {
|
|
font-size: var(--font-size-12);
|
|
font-weight: 600;
|
|
}
|
|
.sheet.party [data-tab=overview] .member-breakdown .main-stats .master {
|
|
flex: 1.15;
|
|
font-size: var(--font-size-16);
|
|
}
|
|
.sheet.party [data-tab=overview] .member-breakdown .skills {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
gap: 0.25rem;
|
|
}
|
|
.sheet.party [data-tab=overview] .member-breakdown .skills .tag-light[data-rank="1"] {
|
|
--tag-color: #171f69;
|
|
}
|
|
.sheet.party [data-tab=overview] .member-breakdown .skills .tag-light[data-rank="2"] {
|
|
--tag-color: #3c005e;
|
|
}
|
|
.sheet.party [data-tab=overview] .member-breakdown .skills .tag-light[data-rank="3"] {
|
|
--tag-color: #664400;
|
|
}
|
|
.sheet.party [data-tab=overview] .member-breakdown .skills .tag-light[data-rank="4"] {
|
|
--tag-color: #5e0000;
|
|
}
|
|
.sheet.party [data-tab=overview] .member-breakdown .skills .perception {
|
|
color: white;
|
|
background-color: var(--tag-color);
|
|
}
|
|
.sheet.party [data-tab=orphaned] .item-list {
|
|
margin: 16px;
|
|
}
|
|
/* Mystification data revealed to GMs */
|
|
.gm-mystified-data {
|
|
opacity: 0.75;
|
|
}
|
|
#compendium-browser > section.window-content > .content-box, #license-viewer > section.window-content > .content-box {
|
|
flex: 1;
|
|
overflow: hidden;
|
|
height: inherit;
|
|
}
|
|
#compendium-browser > section.window-content > .content-box div[class^=slider-], #license-viewer > section.window-content > .content-box div[class^=slider-] {
|
|
height: 10px;
|
|
width: 80%;
|
|
border: 1px solid black;
|
|
}
|
|
#compendium-browser > section.window-content > .content-box div[class^=slider-] .noUi-base, #license-viewer > section.window-content > .content-box div[class^=slider-] .noUi-base {
|
|
background: #dddddd;
|
|
}
|
|
#compendium-browser > section.window-content > .content-box div[class^=slider-] .noUi-base .noUi-origin .noUi-handle, #license-viewer > section.window-content > .content-box div[class^=slider-] .noUi-base .noUi-origin .noUi-handle {
|
|
background: none;
|
|
border: none;
|
|
box-shadow: none;
|
|
color: white;
|
|
cursor: grab;
|
|
font-size: var(--font-size-16);
|
|
height: 14px;
|
|
right: -7px;
|
|
text-shadow: 0 0 4px black;
|
|
top: -4px;
|
|
width: 14px;
|
|
}
|
|
#compendium-browser > section.window-content > .content-box div[class^=slider-] .noUi-base .noUi-origin .noUi-handle:active, #license-viewer > section.window-content > .content-box div[class^=slider-] .noUi-base .noUi-origin .noUi-handle:active {
|
|
cursor: grabbing;
|
|
}
|
|
#compendium-browser > section.window-content > .content-box div[class^=slider-] .noUi-base .noUi-origin .noUi-handle.handle, #license-viewer > section.window-content > .content-box div[class^=slider-] .noUi-base .noUi-origin .noUi-handle.handle {
|
|
background: #c85019;
|
|
border-radius: 2px;
|
|
border: 1px solid black;
|
|
box-shadow: 1px 1px 4px black;
|
|
}
|
|
#compendium-browser > section.window-content > .content-box div[class^=slider-] .noUi-base .noUi-origin .noUi-handle::before, #compendium-browser > section.window-content > .content-box div[class^=slider-] .noUi-base .noUi-origin .noUi-handle::after, #license-viewer > section.window-content > .content-box div[class^=slider-] .noUi-base .noUi-origin .noUi-handle::before, #license-viewer > section.window-content > .content-box div[class^=slider-] .noUi-base .noUi-origin .noUi-handle::after {
|
|
background: none;
|
|
}
|
|
#compendium-browser > section.window-content > .content-box div[class^=slider-] .noUi-base .noUi-origin .noUi-handle .noUi-touch-area, #license-viewer > section.window-content > .content-box div[class^=slider-] .noUi-base .noUi-origin .noUi-handle .noUi-touch-area {
|
|
cursor: pointer;
|
|
}
|
|
#compendium-browser > section.window-content > .content-box div[class^=slider-] .noUi-base .noUi-tooltip, #license-viewer > section.window-content > .content-box div[class^=slider-] .noUi-base .noUi-tooltip {
|
|
display: none;
|
|
}
|
|
#compendium-browser > section.window-content > .content-box div[class^=slider-] .noUi-base .noUi-active .noUi-tooltip, #license-viewer > section.window-content > .content-box div[class^=slider-] .noUi-base .noUi-active .noUi-tooltip {
|
|
display: block;
|
|
background-color: rgba(0, 0, 0, 0.9);
|
|
color: white;
|
|
line-height: 18px;
|
|
padding: 6px 14px;
|
|
}
|
|
#compendium-browser > section.window-content > .content-box div[class^=slider-] .noUi-base .noUi-connect.range_selected, #license-viewer > section.window-content > .content-box div[class^=slider-] .noUi-base .noUi-connect.range_selected {
|
|
background: rgba(255, 255, 240, 0.8);
|
|
}
|
|
#compendium-browser > section.window-content > .content-box > nav, #license-viewer > section.window-content > .content-box > nav {
|
|
border-style: solid;
|
|
border-image-outset: 0;
|
|
border-width: 9px;
|
|
border-image: url("../assets/sheet/corner-box.webp") 9 repeat;
|
|
box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
|
|
flex: 0;
|
|
width: 100%;
|
|
display: inline-flex;
|
|
justify-content: space-evenly;
|
|
align-items: center;
|
|
background: var(--secondary);
|
|
background: url("../assets/sheet/border-pattern.webp") repeat-x top, url("../assets/sheet/border-pattern.webp") repeat-x bottom, var(--secondary);
|
|
}
|
|
#compendium-browser > section.window-content > .content-box > nav > a, #license-viewer > section.window-content > .content-box > nav > a {
|
|
color: var(--sidebar-label);
|
|
padding: 4px 0;
|
|
font-family: var(--sans-serif);
|
|
font-size: var(--font-size-12);
|
|
position: relative;
|
|
}
|
|
#compendium-browser > section.window-content > .content-box > nav > a.active::after, #license-viewer > section.window-content > .content-box > nav > a.active::after {
|
|
bottom: -2px;
|
|
right: 39%;
|
|
position: absolute;
|
|
content: "";
|
|
width: 0;
|
|
height: 0;
|
|
border-left: 4px solid transparent;
|
|
border-right: 4px solid transparent;
|
|
border-top: 4px solid var(--sidebar-label);
|
|
}
|
|
#compendium-browser > section.window-content > .content-box .compendium-browser-settings, #license-viewer > section.window-content > .content-box .compendium-browser-settings {
|
|
height: 100%;
|
|
}
|
|
#compendium-browser > section.window-content > .content-box .compendium-browser-settings form, #license-viewer > section.window-content > .content-box .compendium-browser-settings form {
|
|
display: flex;
|
|
height: 88%;
|
|
flex-direction: column;
|
|
margin-bottom: 10px;
|
|
}
|
|
#compendium-browser > section.window-content > .content-box .compendium-browser-settings form .setting-section, #license-viewer > section.window-content > .content-box .compendium-browser-settings form .setting-section {
|
|
border: 1px solid #bbb;
|
|
border-radius: 5px;
|
|
margin-top: 5px;
|
|
padding: 2px;
|
|
/* Checkbox */
|
|
}
|
|
#compendium-browser > section.window-content > .content-box .compendium-browser-settings form .setting-section h3, #license-viewer > section.window-content > .content-box .compendium-browser-settings form .setting-section h3 {
|
|
margin: 0;
|
|
cursor: pointer;
|
|
}
|
|
#compendium-browser > section.window-content > .content-box .compendium-browser-settings form .setting-section dt, #license-viewer > section.window-content > .content-box .compendium-browser-settings form .setting-section dt {
|
|
width: 10%;
|
|
}
|
|
#compendium-browser > section.window-content > .content-box .compendium-browser-settings form .setting-section dt > input[type=checkbox], #license-viewer > section.window-content > .content-box .compendium-browser-settings form .setting-section dt > input[type=checkbox] {
|
|
transform: none;
|
|
flex: none;
|
|
height: auto;
|
|
margin: 3px 3px;
|
|
}
|
|
#compendium-browser > section.window-content > .content-box .compendium-browser-settings form .setting-section dd, #license-viewer > section.window-content > .content-box .compendium-browser-settings form .setting-section dd {
|
|
width: 88%;
|
|
}
|
|
#compendium-browser > section.window-content > .content-box .compendium-browser-settings form dl, #license-viewer > section.window-content > .content-box .compendium-browser-settings form dl {
|
|
margin: 5px 0;
|
|
}
|
|
#compendium-browser > section.window-content > .content-box .compendium-browser-settings form dt, #license-viewer > section.window-content > .content-box .compendium-browser-settings form dt {
|
|
display: inline-block;
|
|
width: 40%;
|
|
padding-left: 5px;
|
|
}
|
|
#compendium-browser > section.window-content > .content-box .compendium-browser-settings form dd, #license-viewer > section.window-content > .content-box .compendium-browser-settings form dd {
|
|
display: inline-block;
|
|
width: 58%;
|
|
margin-left: 0;
|
|
}
|
|
#compendium-browser > section.window-content > .content-box .compendium-browser-settings form .settings-container, #license-viewer > section.window-content > .content-box .compendium-browser-settings form .settings-container {
|
|
overflow-y: auto;
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
}
|
|
#compendium-browser > section.window-content > .content-box .compendium-browser-settings form .settings-container .tab[data-tab].active, #license-viewer > section.window-content > .content-box .compendium-browser-settings form .settings-container .tab[data-tab].active {
|
|
display: flex;
|
|
flex-direction: row;
|
|
flex-wrap: wrap;
|
|
justify-content: center;
|
|
width: 100%;
|
|
}
|
|
#compendium-browser > section.window-content > .content-box .compendium-browser-settings form .settings-container .single-column, #license-viewer > section.window-content > .content-box .compendium-browser-settings form .settings-container .single-column {
|
|
width: 100%;
|
|
}
|
|
#compendium-browser > section.window-content > .content-box .compendium-browser-settings form .settings-container h2, #license-viewer > section.window-content > .content-box .compendium-browser-settings form .settings-container h2 {
|
|
margin-top: 1em;
|
|
margin-bottom: 0.5em;
|
|
width: 100%;
|
|
}
|
|
#compendium-browser > section.window-content > .content-box .compendium-browser-settings form .settings-container div, #license-viewer > section.window-content > .content-box .compendium-browser-settings form .settings-container div {
|
|
width: 365px;
|
|
margin-right: 1em;
|
|
}
|
|
#compendium-browser > section.window-content > .content-box .compendium-browser-settings > nav, #license-viewer > section.window-content > .content-box .compendium-browser-settings > nav {
|
|
border-style: solid;
|
|
border-image-outset: 0;
|
|
border-width: 9px;
|
|
border-image: url("../assets/sheet/corner-box.webp") 9 repeat;
|
|
box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
|
|
flex: 0;
|
|
width: 100%;
|
|
display: inline-flex;
|
|
justify-content: space-evenly;
|
|
align-items: center;
|
|
background: var(--secondary);
|
|
background: url("../assets/sheet/border-pattern.webp") repeat-x top, url("../assets/sheet/border-pattern.webp") repeat-x bottom, var(--secondary);
|
|
}
|
|
#compendium-browser > section.window-content > .content-box .compendium-browser-settings > nav > a, #license-viewer > section.window-content > .content-box .compendium-browser-settings > nav > a {
|
|
color: var(--sidebar-label);
|
|
padding: 4px 0;
|
|
font-family: var(--sans-serif);
|
|
font-size: var(--font-size-12);
|
|
position: relative;
|
|
}
|
|
#compendium-browser > section.window-content > .content-box .compendium-browser-settings > nav > a.active::after, #license-viewer > section.window-content > .content-box .compendium-browser-settings > nav > a.active::after {
|
|
bottom: -2px;
|
|
right: 39%;
|
|
position: absolute;
|
|
content: "";
|
|
width: 0;
|
|
height: 0;
|
|
border-left: 4px solid transparent;
|
|
border-right: 4px solid transparent;
|
|
border-top: 4px solid var(--sidebar-label);
|
|
}
|
|
#compendium-browser > section.window-content > .content-box .compendium-browser-settings nav, #license-viewer > section.window-content > .content-box .compendium-browser-settings nav {
|
|
border-width: unset;
|
|
}
|
|
#compendium-browser > section.window-content > .content-box .compendium-browser-settings button.save-settings, #license-viewer > section.window-content > .content-box .compendium-browser-settings button.save-settings {
|
|
background: rgba(0, 0, 0, 0.1);
|
|
border: 2px groove var(--color-border-light-highlight);
|
|
}
|
|
#compendium-browser > section.window-content > .content-box .spell-browser, #license-viewer > section.window-content > .content-box .spell-browser {
|
|
display: flex;
|
|
min-height: 100px;
|
|
height: 100%;
|
|
/* Sort and filter areas */
|
|
}
|
|
#compendium-browser > section.window-content > .content-box .spell-browser .control-area, #license-viewer > section.window-content > .content-box .spell-browser .control-area {
|
|
position: sticky;
|
|
display: block;
|
|
min-width: 320px;
|
|
width: 320px;
|
|
padding-right: 5px;
|
|
overflow: auto;
|
|
}
|
|
#compendium-browser > section.window-content > .content-box .spell-browser .filtercontainer,
|
|
#compendium-browser > section.window-content > .content-box .spell-browser .sortcontainer, #license-viewer > section.window-content > .content-box .spell-browser .filtercontainer,
|
|
#license-viewer > section.window-content > .content-box .spell-browser .sortcontainer {
|
|
border: 1px solid #bbb;
|
|
border-radius: 5px;
|
|
margin-top: 5px;
|
|
padding: 2px;
|
|
}
|
|
#compendium-browser > section.window-content > .content-box .spell-browser .filtercontainer div.title,
|
|
#compendium-browser > section.window-content > .content-box .spell-browser .sortcontainer div.title, #license-viewer > section.window-content > .content-box .spell-browser .filtercontainer div.title,
|
|
#license-viewer > section.window-content > .content-box .spell-browser .sortcontainer div.title {
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: space-between;
|
|
height: 22px;
|
|
}
|
|
#compendium-browser > section.window-content > .content-box .spell-browser .filtercontainer div.title h3,
|
|
#compendium-browser > section.window-content > .content-box .spell-browser .sortcontainer div.title h3, #license-viewer > section.window-content > .content-box .spell-browser .filtercontainer div.title h3,
|
|
#license-viewer > section.window-content > .content-box .spell-browser .sortcontainer div.title h3 {
|
|
margin: 0;
|
|
cursor: pointer;
|
|
}
|
|
#compendium-browser > section.window-content > .content-box .spell-browser .filtercontainer div.title button,
|
|
#compendium-browser > section.window-content > .content-box .spell-browser .sortcontainer div.title button, #license-viewer > section.window-content > .content-box .spell-browser .filtercontainer div.title button,
|
|
#license-viewer > section.window-content > .content-box .spell-browser .sortcontainer div.title button {
|
|
width: fit-content;
|
|
line-height: 22px;
|
|
}
|
|
#compendium-browser > section.window-content > .content-box .spell-browser .filtercontainer > dl dt > input[type=checkbox],
|
|
#compendium-browser > section.window-content > .content-box .spell-browser .sortcontainer > dl dt > input[type=checkbox], #license-viewer > section.window-content > .content-box .spell-browser .filtercontainer > dl dt > input[type=checkbox],
|
|
#license-viewer > section.window-content > .content-box .spell-browser .sortcontainer > dl dt > input[type=checkbox] {
|
|
transform: none;
|
|
flex: none;
|
|
height: auto;
|
|
margin: 3px 3px;
|
|
}
|
|
#compendium-browser > section.window-content > .content-box .spell-browser .filtercontainer > dl dd > a.direction,
|
|
#compendium-browser > section.window-content > .content-box .spell-browser .sortcontainer > dl dd > a.direction, #license-viewer > section.window-content > .content-box .spell-browser .filtercontainer > dl dd > a.direction,
|
|
#license-viewer > section.window-content > .content-box .spell-browser .sortcontainer > dl dd > a.direction {
|
|
padding: 2px;
|
|
}
|
|
#compendium-browser > section.window-content > .content-box .spell-browser .filtercontainer dt, #license-viewer > section.window-content > .content-box .spell-browser .filtercontainer dt {
|
|
width: 10%;
|
|
}
|
|
#compendium-browser > section.window-content > .content-box .spell-browser .filtercontainer dd, #license-viewer > section.window-content > .content-box .spell-browser .filtercontainer dd {
|
|
width: 82%;
|
|
}
|
|
#compendium-browser > section.window-content > .content-box .spell-browser .filtercontainer .filter-conjunction input[type=radio], #license-viewer > section.window-content > .content-box .spell-browser .filtercontainer .filter-conjunction input[type=radio] {
|
|
margin: 0 5px 0 3px;
|
|
}
|
|
#compendium-browser > section.window-content > .content-box .spell-browser .rangecontainer div, #license-viewer > section.window-content > .content-box .spell-browser .rangecontainer div {
|
|
text-align: center;
|
|
margin-top: 5px;
|
|
}
|
|
#compendium-browser > section.window-content > .content-box .spell-browser .rangecontainer input, #license-viewer > section.window-content > .content-box .spell-browser .rangecontainer input {
|
|
width: 45%;
|
|
}
|
|
#compendium-browser > section.window-content > .content-box .spell-browser .slidercontainer-flex, #license-viewer > section.window-content > .content-box .spell-browser .slidercontainer-flex {
|
|
display: flex;
|
|
justify-content: space-around;
|
|
align-items: baseline;
|
|
}
|
|
#compendium-browser > section.window-content > .content-box .spell-browser .slidercontainer-flex label, #license-viewer > section.window-content > .content-box .spell-browser .slidercontainer-flex label {
|
|
width: 10px;
|
|
}
|
|
#compendium-browser > section.window-content > .content-box .spell-browser dl, #license-viewer > section.window-content > .content-box .spell-browser dl {
|
|
margin: 5px 0;
|
|
}
|
|
#compendium-browser > section.window-content > .content-box .spell-browser dt, #license-viewer > section.window-content > .content-box .spell-browser dt {
|
|
display: inline-block;
|
|
padding-left: 5px;
|
|
}
|
|
#compendium-browser > section.window-content > .content-box .spell-browser dd, #license-viewer > section.window-content > .content-box .spell-browser dd {
|
|
text-transform: capitalize;
|
|
display: inline-block;
|
|
}
|
|
#compendium-browser > section.window-content > .content-box .spell-browser dd select, #license-viewer > section.window-content > .content-box .spell-browser dd select {
|
|
width: 6em;
|
|
margin-left: 0.5em;
|
|
}
|
|
#compendium-browser > section.window-content > .content-box .spell-browser ul.result-list, #license-viewer > section.window-content > .content-box .spell-browser ul.result-list {
|
|
width: 100%;
|
|
float: right;
|
|
display: block;
|
|
margin: 0;
|
|
height: 100%;
|
|
overflow: hidden scroll;
|
|
scrollbar-width: thin;
|
|
scrollbar-color: var(--primary) transparent;
|
|
overflow: visible scroll;
|
|
}
|
|
#compendium-browser > section.window-content > .content-box .spell-browser ul.result-list > li, #license-viewer > section.window-content > .content-box .spell-browser ul.result-list > li {
|
|
line-height: var(--font-size-32);
|
|
margin: 2px 0;
|
|
}
|
|
#compendium-browser > section.window-content > .content-box .spell-browser ul.result-list > li:nth-child(odd), #license-viewer > section.window-content > .content-box .spell-browser ul.result-list > li:nth-child(odd) {
|
|
background-color: rgba(0, 0, 0, 0.12);
|
|
}
|
|
#compendium-browser > section.window-content > .content-box .spell-browser ul.result-list > li > *, #license-viewer > section.window-content > .content-box .spell-browser ul.result-list > li > * {
|
|
align-self: center;
|
|
}
|
|
#compendium-browser > section.window-content > .content-box .spell-browser ul.result-list > li > .image, #license-viewer > section.window-content > .content-box .spell-browser ul.result-list > li > .image {
|
|
height: 32px;
|
|
max-width: 32px;
|
|
}
|
|
#compendium-browser > section.window-content > .content-box .spell-browser ul.result-list > li > .name, #license-viewer > section.window-content > .content-box .spell-browser ul.result-list > li > .name {
|
|
line-height: 1em;
|
|
padding-left: 5px;
|
|
}
|
|
#compendium-browser > section.window-content > .content-box .spell-browser ul.result-list > li > .tags, #license-viewer > section.window-content > .content-box .spell-browser ul.result-list > li > .tags {
|
|
justify-content: center;
|
|
margin-left: 0.5em;
|
|
max-width: 6em;
|
|
}
|
|
#compendium-browser > section.window-content > .content-box .spell-browser ul.result-list > li > .tags .tag, #license-viewer > section.window-content > .content-box .spell-browser ul.result-list > li > .tags .tag {
|
|
line-height: var(--font-size-10);
|
|
}
|
|
#compendium-browser > section.window-content > .content-box .spell-browser ul.result-list > li > .level, #license-viewer > section.window-content > .content-box .spell-browser ul.result-list > li > .level {
|
|
flex-grow: 1;
|
|
font-weight: 900;
|
|
height: 32px;
|
|
max-width: 18px;
|
|
text-align: center;
|
|
}
|
|
#compendium-browser > section.window-content > .content-box .spell-browser ul.result-list > li > .price, #license-viewer > section.window-content > .content-box .spell-browser ul.result-list > li > .price {
|
|
flex: none;
|
|
height: 32px;
|
|
margin-right: 10px;
|
|
min-width: 5em;
|
|
text-align: right;
|
|
}
|
|
#compendium-browser > section.window-content > .content-box .spell-browser ul.result-list > li > .end, #license-viewer > section.window-content > .content-box .spell-browser ul.result-list > li > .end {
|
|
font-weight: 900;
|
|
height: 32px;
|
|
margin-right: 3px;
|
|
max-width: 100px;
|
|
text-align: right;
|
|
}
|
|
#compendium-browser > section.window-content > .content-box .spell-browser ul.result-list > li:hover, #license-viewer > section.window-content > .content-box .spell-browser ul.result-list > li:hover {
|
|
background-color: rgba(255, 255, 255, 0.25);
|
|
cursor: grab;
|
|
}
|
|
#compendium-browser > section.window-content > .content-box .spell-browser #tagfilter input, #license-viewer > section.window-content > .content-box .spell-browser #tagfilter input {
|
|
width: 100%;
|
|
}
|
|
#compendium-browser > section.window-content > .content-box .spell-browser .hint, #license-viewer > section.window-content > .content-box .spell-browser .hint {
|
|
font-size: var(--font-size-12);
|
|
border: 1px solid rgba(0, 255, 5, 0.2784313725);
|
|
border-radius: 5px;
|
|
padding: 3px;
|
|
}
|
|
#compendium-browser > section.window-content > .content-box .spell-browser .spacer, #license-viewer > section.window-content > .content-box .spell-browser .spacer {
|
|
display: inline-block;
|
|
min-width: 5px;
|
|
}
|
|
#compendium-browser > section.window-content > .content-box .spell-browser .spacer-large, #license-viewer > section.window-content > .content-box .spell-browser .spacer-large {
|
|
display: inline-block;
|
|
min-width: 15px;
|
|
}
|
|
#compendium-browser > section.window-content > .content-box .spell-browser .equipment-controls, #license-viewer > section.window-content > .content-box .spell-browser .equipment-controls {
|
|
margin-left: 0.25em;
|
|
margin-right: 0.25em;
|
|
max-width: 1em;
|
|
width: 1em;
|
|
}
|
|
#compendium-browser > section.window-content > .content-box > section.content, #license-viewer > section.window-content > .content-box > section.content {
|
|
height: 92%;
|
|
}
|
|
#compendium-browser > section.window-content > .content-box > section.content > .tab.browser.active, #license-viewer > section.window-content > .content-box > section.content > .tab.browser.active {
|
|
height: inherit;
|
|
}
|
|
#compendium-browser > section.window-content > .content-box > section.content > .tab.browser.active > div, #license-viewer > section.window-content > .content-box > section.content > .tab.browser.active > div {
|
|
display: grid;
|
|
grid-template-columns: 320px auto;
|
|
}
|
|
#compendium-browser > section.window-content > .content-box > section.content > .tab.browser.active > div .control-area, #license-viewer > section.window-content > .content-box > section.content > .tab.browser.active > div .control-area {
|
|
grid-column-start: 1;
|
|
}
|
|
#compendium-browser > section.window-content > .content-box > section.content > .tab.browser.active > div ul, #license-viewer > section.window-content > .content-box > section.content > .tab.browser.active > div ul {
|
|
grid-column-start: 2;
|
|
}
|
|
.pf2e.item.sheet h3 {
|
|
border-bottom: none;
|
|
}
|
|
.pf2e.item.sheet button > i {
|
|
margin-right: 0;
|
|
}
|
|
.pf2e.item.sheet .sheet-header {
|
|
display: flex;
|
|
flex: 0 0 70px;
|
|
align-items: bottom;
|
|
width: 100%;
|
|
padding-bottom: 6px;
|
|
border-bottom: 1px solid var(--secondary-background);
|
|
}
|
|
.pf2e.item.sheet .sheet-header img {
|
|
border: none;
|
|
object-fit: contain;
|
|
flex: 0 0 64px;
|
|
margin-right: 6px;
|
|
}
|
|
.pf2e.item.sheet .sheet-header .details {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
align-items: baseline;
|
|
}
|
|
.pf2e.item.sheet .sheet-header .details input, .pf2e.item.sheet .sheet-header .details .level {
|
|
font-family: var(--serif-condensed);
|
|
font-size: var(--font-size-36);
|
|
font-weight: 700;
|
|
}
|
|
.pf2e.item.sheet .sheet-header input[type=text], .pf2e.item.sheet .sheet-header input[type=number] {
|
|
border: none;
|
|
height: var(--font-size-34);
|
|
}
|
|
.pf2e.item.sheet .sheet-header input[type=text]:hover, .pf2e.item.sheet .sheet-header input[type=text]:focus, .pf2e.item.sheet .sheet-header input[type=number]:hover, .pf2e.item.sheet .sheet-header input[type=number]:focus {
|
|
box-shadow: none;
|
|
}
|
|
.pf2e.item.sheet .sheet-header input[name=name] {
|
|
flex: 1;
|
|
}
|
|
.pf2e.item.sheet .sheet-header .level {
|
|
flex: 0;
|
|
white-space: nowrap;
|
|
margin-left: auto;
|
|
padding-left: 8px;
|
|
}
|
|
.pf2e.item.sheet .sheet-header .level i {
|
|
font-size: 0.6em;
|
|
margin-right: 4px;
|
|
margin-bottom: 4px;
|
|
}
|
|
.pf2e.item.sheet .sheet-header .level input {
|
|
width: 40px;
|
|
text-align: center;
|
|
}
|
|
.pf2e.item.sheet .sheet-header .feat-action-cost {
|
|
font-size: 2.5rem;
|
|
margin-top: -0.6rem;
|
|
margin-bottom: -0.3rem;
|
|
padding-left: 0.4rem;
|
|
}
|
|
.pf2e.item.sheet .sheet-header .paizo-style {
|
|
flex-basis: 100%;
|
|
width: 0;
|
|
border: none;
|
|
margin-top: 2px;
|
|
padding-left: 0;
|
|
padding-right: 0;
|
|
}
|
|
.pf2e.item.sheet .sheet-body {
|
|
height: calc(100% - 35px);
|
|
overflow: hidden;
|
|
display: flex;
|
|
flex-direction: column;
|
|
flex-wrap: nowrap;
|
|
}
|
|
.pf2e.item.sheet.affliction form .affliction-stage .link:not(.linked) {
|
|
opacity: 0.6;
|
|
color: #a00;
|
|
}
|
|
.pf2e.item.sheet.deity form .tab.item-details select {
|
|
max-width: fit-content;
|
|
}
|
|
.pf2e.item.sheet.feat form .item-details .form-group > label {
|
|
min-width: fit-content;
|
|
margin-right: 1em;
|
|
}
|
|
.pf2e.item.sheet.heritage form article .sheet-sidebar .required-ancestry {
|
|
flex-wrap: nowrap;
|
|
width: 100%;
|
|
white-space: nowrap;
|
|
max-width: 100%;
|
|
}
|
|
.pf2e.item.sheet.heritage form article .sheet-sidebar .required-ancestry label {
|
|
flex: 0;
|
|
}
|
|
.pf2e.item.sheet.heritage form article .sheet-sidebar .required-ancestry .drop-zone {
|
|
background-color: rgba(0, 0, 0, 0.05);
|
|
border-radius: 2px;
|
|
border: 1px dotted var(--alt-dark);
|
|
display: flex;
|
|
font-weight: normal;
|
|
justify-content: center;
|
|
margin: 2px 3px 0 auto;
|
|
max-width: 8em;
|
|
padding: 3px;
|
|
position: relative;
|
|
}
|
|
.pf2e.item.sheet.heritage form article .sheet-sidebar .required-ancestry .drop-zone span {
|
|
display: inline-block;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
}
|
|
.pf2e.item.sheet.heritage form article .sheet-sidebar .required-ancestry .drop-zone.ancestry-ref-broken {
|
|
background-color: rgba(255, 0, 0, 0.15);
|
|
border-color: var(--primary);
|
|
}
|
|
.pf2e.item.sheet.heritage form article .sheet-sidebar .required-ancestry .drop-zone a.remove-ancestry {
|
|
display: none;
|
|
position: absolute;
|
|
right: -0.5em;
|
|
top: -0.25em;
|
|
}
|
|
.pf2e.item.sheet.heritage form article .sheet-sidebar .required-ancestry .drop-zone a.remove-ancestry:hover {
|
|
display: flex;
|
|
}
|
|
.pf2e.item.sheet.heritage form article .sheet-sidebar .required-ancestry .drop-zone:hover a.remove-ancestry {
|
|
display: flex;
|
|
}
|
|
.pf2e.item.sheet.kit form .kit-list ul.kit-items {
|
|
padding: 0;
|
|
}
|
|
.pf2e.item.sheet.kit form .kit-list ul.kit-items li.kit-item {
|
|
display: grid;
|
|
grid-template-columns: 26px 30px auto 10px;
|
|
align-items: center;
|
|
}
|
|
.pf2e.item.sheet.kit form .kit-list ul.kit-items li.kit-item:nth-of-type(even) {
|
|
background-color: rgba(120, 100, 82, 0.1);
|
|
}
|
|
.pf2e.item.sheet.kit form .kit-list ul.kit-items li.kit-item .kit-item-name {
|
|
line-height: 1em;
|
|
height: 1em;
|
|
}
|
|
.pf2e.item.sheet.kit form .kit-list ul.kit-items li.kit-item .kit-item-name .fa.fa-globe {
|
|
padding: 0 3px;
|
|
float: right;
|
|
}
|
|
.pf2e.item.sheet.kit form .kit-list ul.kit-items ul {
|
|
padding-left: 0.5em;
|
|
margin-top: 0;
|
|
grid-column: 1/5;
|
|
}
|
|
.pf2e.item.sheet.kit form .kit-list ul.kit-items ul:empty {
|
|
display: none;
|
|
}
|
|
.pf2e.item.sheet.melee form .sheet-body .item-details .form-group.attack-modifier label, .pf2e.item.sheet.melee form .sheet-body .item-details li.damage-partial form-group label {
|
|
max-width: fit-content;
|
|
}
|
|
.pf2e.item.sheet.melee form .sheet-body .item-details .form-group.attack-modifier input, .pf2e.item.sheet.melee form .sheet-body .item-details li.damage-partial form-group input {
|
|
max-width: 6ch;
|
|
}
|
|
.pf2e.item.sheet.melee form .sheet-body .item-details ol.form-list li.damage-partial {
|
|
align-items: center;
|
|
display: flex;
|
|
gap: 1em;
|
|
}
|
|
.pf2e.item.sheet.melee form .sheet-body .item-details ol.form-list li.damage-partial input {
|
|
max-width: 12ch;
|
|
}
|
|
.pf2e.item.sheet.melee form .sheet-body .item-details ol.form-list li.damage-partial .type {
|
|
gap: 0.25em;
|
|
}
|
|
.pf2e.item.sheet.melee form .sheet-body .item-details ol.form-list li.damage-partial .remove-partial {
|
|
margin: 0 0.5em 0 auto;
|
|
}
|
|
.pf2e.item.sheet.spell form .damage-formulas {
|
|
margin-top: 8px;
|
|
}
|
|
.pf2e.item.sheet.spell form .damage-formulas .details-container-flex-row {
|
|
gap: 2px;
|
|
margin-top: 4px;
|
|
}
|
|
.pf2e.item.sheet.spell form .damage-formulas input[type=checkbox] {
|
|
margin-left: 2px;
|
|
}
|
|
.pf2e.item.sheet.spell form .damage-formulas .traits-list {
|
|
display: flex;
|
|
margin-top: 2px;
|
|
}
|
|
.pf2e.item.sheet.spell form .damage-formulas .tag {
|
|
float: none;
|
|
}
|
|
.pf2e.item.sheet.spell form button[data-action=damage-add] {
|
|
margin-top: 4px;
|
|
}
|
|
.pf2e.item.sheet.spell form .variants .variant {
|
|
display: grid;
|
|
grid-template-columns: 1fr 1fr 0.2fr;
|
|
}
|
|
.pf2e.item.sheet.spell form .variants .variant .item-controls {
|
|
justify-self: end;
|
|
}
|
|
.pf2e.item.sheet.weapon form .item-details label {
|
|
min-width: 9em;
|
|
}
|
|
.pf2e.item.sheet.weapon form .item-details .precious-material select {
|
|
width: 19.5em;
|
|
}
|
|
.pf2e.item.sheet form {
|
|
display: flex;
|
|
flex-direction: column;
|
|
flex-wrap: nowrap;
|
|
width: 100%;
|
|
height: 100%;
|
|
overflow: hidden;
|
|
}
|
|
.pf2e.item.sheet form .item-ref-group ul.item-refs {
|
|
border: 1px solid var(--color-border-light-2);
|
|
border-radius: 3px;
|
|
padding: 0;
|
|
}
|
|
.pf2e.item.sheet form .item-ref-group ul.item-refs.empty {
|
|
background-color: rgba(120, 100, 82, 0.1);
|
|
height: 28px;
|
|
}
|
|
.pf2e.item.sheet form .item-ref-group ul.item-refs > li {
|
|
align-items: center;
|
|
display: grid;
|
|
grid-template-columns: 26px auto 2em 1em;
|
|
padding: 1px;
|
|
}
|
|
.pf2e.item.sheet form .item-ref-group ul.item-refs > li:nth-of-type(even) {
|
|
background-color: rgba(120, 100, 82, 0.1);
|
|
}
|
|
.pf2e.item.sheet form .item-ref-group ul.item-refs > li .name {
|
|
display: block;
|
|
margin-left: 0.25em;
|
|
line-height: 1em;
|
|
height: 1em;
|
|
}
|
|
.pf2e.item.sheet form .item-ref-group ul.item-refs > li .name .fa.fa-globe {
|
|
padding: 0 3px;
|
|
float: right;
|
|
}
|
|
.pf2e.item.sheet form .item-ref-group ul.item-refs > li .level {
|
|
font-weight: bold;
|
|
height: 1.25em;
|
|
text-align: center;
|
|
}
|
|
.pf2e.item.sheet form .item-ref-group ul.item-refs > li a.remove {
|
|
padding: 0 2px;
|
|
}
|
|
.pf2e.item.sheet form .item-ref-group ul.item-refs ul {
|
|
grid-column: 1/5;
|
|
margin-top: 0;
|
|
padding-left: 0.5em;
|
|
}
|
|
.pf2e.item.sheet form .item-ref-group ul.item-refs ul:empty {
|
|
display: none;
|
|
}
|
|
.pf2e.item.sheet form .item-ref-list {
|
|
align-items: start;
|
|
}
|
|
.pf2e.item.sheet form .form-group.form-group-trait {
|
|
height: auto;
|
|
margin: 2px 0;
|
|
}
|
|
.pf2e.item.sheet form .form-group.form-group-trait label {
|
|
vertical-align: top;
|
|
}
|
|
.pf2e.item.sheet form .form-group.form-group-trait > ul.abc-traits-list {
|
|
list-style: none;
|
|
margin: 0;
|
|
padding: 0;
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
}
|
|
.pf2e.item.sheet form .form-group.form-group-trait > ul.abc-traits-list span.tag {
|
|
float: none;
|
|
}
|
|
.pf2e.item.sheet form .form-group.other-weapons input {
|
|
flex: 2;
|
|
}
|
|
.pf2e.item.sheet form .form-group.other-weapons select {
|
|
flex: 1;
|
|
}
|
|
.pf2e.item.sheet form .form-group.additional-language input {
|
|
flex: 0.5;
|
|
}
|
|
.pf2e.item.sheet form .form-group.additional-language span {
|
|
flex: 2.5;
|
|
padding-left: 4px;
|
|
}
|
|
.pf2e.item.sheet form .item-activations {
|
|
padding: 8px 8px 0;
|
|
overflow: hidden scroll;
|
|
scrollbar-width: thin;
|
|
scrollbar-color: var(--primary) transparent;
|
|
}
|
|
.pf2e.item.sheet form .item-activations .activation + .activation, .pf2e.item.sheet form .item-activations .activation + button {
|
|
margin-top: 0.5em;
|
|
}
|
|
.pf2e.item.sheet form .item-activations .activation .editor {
|
|
min-height: 28px;
|
|
}
|
|
.pf2e.item.sheet form .item-activations header {
|
|
font-size: 1.05em;
|
|
margin-bottom: 0.25em;
|
|
line-height: 1.25em;
|
|
}
|
|
.pf2e.item.sheet form .item-activations .activation-time {
|
|
flex: 1;
|
|
height: 20px;
|
|
}
|
|
.pf2e.item.sheet form .item-activations .frequency {
|
|
flex: 1;
|
|
gap: 4px;
|
|
padding-right: 6px;
|
|
}
|
|
.pf2e.item.sheet form .item-activations .frequency input[type=number] {
|
|
border: none;
|
|
background: none;
|
|
text-align: right;
|
|
margin: 0 0 0 24px;
|
|
}
|
|
.pf2e.item.sheet form .item-activations .frequency > select:first-child {
|
|
margin-left: 24px;
|
|
}
|
|
.pf2e.item.sheet form .item-activations .frequency.empty {
|
|
text-align: right;
|
|
}
|
|
.pf2e.item.sheet form .item-activations .tags {
|
|
margin-top: 4px;
|
|
}
|
|
.pf2e.item.sheet form .item-activations .tags label {
|
|
margin-right: 3px;
|
|
}
|
|
.pf2e.item.sheet form .item-activations .tox {
|
|
min-height: 150px;
|
|
}
|
|
.pf2e.item.sheet form .identify-popup {
|
|
min-width: 300px;
|
|
}
|
|
.pf2e.item.sheet form section.sheet-body .item-mystification.active .mystification-status label {
|
|
color: #353535;
|
|
font-weight: 500;
|
|
}
|
|
.pf2e.item.sheet form section.sheet-body .item-mystification.active .mystification-status select {
|
|
max-width: fit-content;
|
|
margin-right: auto;
|
|
}
|
|
.pf2e.item.sheet form section.sheet-body .item-mystification.active .unidentified {
|
|
display: flex;
|
|
align-items: center;
|
|
flex-wrap: wrap;
|
|
}
|
|
.pf2e.item.sheet form section.sheet-body .item-mystification.active .unidentified > * {
|
|
display: flex;
|
|
}
|
|
.pf2e.item.sheet form section.sheet-body .item-mystification.active .unidentified img {
|
|
height: 40px;
|
|
width: 40px;
|
|
}
|
|
.pf2e.item.sheet form section.sheet-body .item-mystification.active .unidentified input {
|
|
margin-left: 4px;
|
|
width: 50%;
|
|
}
|
|
.pf2e.item.sheet form section.sheet-body .item-mystification.active .unidentified .editor {
|
|
height: auto;
|
|
min-height: 100px;
|
|
margin: 4px auto;
|
|
min-width: 100%;
|
|
}
|
|
.pf2e.item.sheet form section.sheet-body .item-mystification.active .unidentified .tox.tox-tinymce {
|
|
min-height: 200px;
|
|
}
|
|
.pf2e.item.sheet form .item-rules {
|
|
overflow: hidden scroll;
|
|
scrollbar-width: thin;
|
|
scrollbar-color: var(--primary) transparent;
|
|
}
|
|
.pf2e.item.sheet form .item-rules select {
|
|
font-size: var(--font-size-12);
|
|
height: 1.36rem;
|
|
width: auto;
|
|
}
|
|
.pf2e.item.sheet form .item-rules select span {
|
|
padding: 0;
|
|
}
|
|
.pf2e.item.sheet form .item-rules .nerd-details {
|
|
margin-bottom: 10px;
|
|
}
|
|
.pf2e.item.sheet form .item-rules .nerd-details .form-group {
|
|
margin: 0;
|
|
}
|
|
.pf2e.item.sheet form .item-rules .nerd-details label {
|
|
align-items: center;
|
|
display: flex;
|
|
flex: 0 0 70px;
|
|
line-height: 1.5em;
|
|
margin-right: 4px;
|
|
min-width: 8em;
|
|
}
|
|
.pf2e.item.sheet form .item-rules .nerd-details label i.fa-info-circle {
|
|
margin-left: auto;
|
|
margin-right: 0.5em;
|
|
}
|
|
.pf2e.item.sheet form .item-rules .rules {
|
|
padding-top: 7px;
|
|
padding-right: 7px;
|
|
}
|
|
.pf2e.item.sheet form .item-rules .rules .rule-element-header {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
}
|
|
.pf2e.item.sheet form .item-rules .rules .rule-element-header h3.unrecognized {
|
|
color: #880000;
|
|
}
|
|
.pf2e.item.sheet form .item-rules .rules .add-rule-element {
|
|
text-align: right;
|
|
}
|
|
.pf2e.item.sheet form .item-rules .rules textarea {
|
|
padding: 4px;
|
|
min-height: 60px;
|
|
resize: vertical;
|
|
}
|
|
.pf2e.item.sheet form .item-rules .create-rule-element {
|
|
display: flex;
|
|
align-items: center;
|
|
white-space: nowrap;
|
|
gap: 6px;
|
|
justify-content: flex-end;
|
|
}
|
|
.pf2e.item.sheet form .item-rules .rule-editing {
|
|
display: flex;
|
|
flex-direction: column;
|
|
height: 100%;
|
|
gap: 5px;
|
|
}
|
|
.pf2e.item.sheet form .item-rules .rule-editing > .cm-editor {
|
|
flex: 1;
|
|
background-color: white;
|
|
overflow: hidden;
|
|
}
|
|
.pf2e.item.sheet form .item-rules .rule-editing > .cm-editor .cm-scroller {
|
|
overflow: hidden scroll;
|
|
scrollbar-width: thin;
|
|
scrollbar-color: var(--primary) transparent;
|
|
overflow: scroll;
|
|
}
|
|
.pf2e.item.sheet form .item-rules .rule-editing > .cm-editor button {
|
|
width: auto;
|
|
line-height: normal;
|
|
}
|
|
.pf2e.item.sheet form .item-rules .rule-editing > .cm-editor input[type=checkbox] {
|
|
width: auto;
|
|
height: auto;
|
|
}
|
|
.pf2e.item.sheet form .item-rules .rule-editing > .cm-editor label {
|
|
display: inline;
|
|
}
|
|
.pf2e.item.sheet form .item-rules .rule-editing > .cm-editor .cm-search .cm-textfield {
|
|
width: 100px;
|
|
}
|
|
.pf2e.item.sheet form .item-rules .rule-editing > .cm-editor ::selection {
|
|
color: black;
|
|
}
|
|
.pf2e.item.sheet form .item-rules .rule-editing .item-controls {
|
|
margin: 0;
|
|
}
|
|
.pf2e.item.sheet form .item-rules .rule-form label, .pf2e.item.sheet form .item-rules .rule-form .labelled-element {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 4px;
|
|
}
|
|
.pf2e.item.sheet form .item-rules .rule-form label input, .pf2e.item.sheet form .item-rules .rule-form label tags, .pf2e.item.sheet form .item-rules .rule-form .labelled-element input, .pf2e.item.sheet form .item-rules .rule-form .labelled-element tags {
|
|
flex: 1;
|
|
}
|
|
.pf2e.item.sheet form .item-rules .rule-form .range {
|
|
display: flex;
|
|
gap: 3px;
|
|
align-items: center;
|
|
}
|
|
.pf2e.item.sheet form .item-rules .rule-form .range input {
|
|
width: 40px;
|
|
}
|
|
.pf2e.item.sheet form .item-rules .rule-form .attached-input {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
flex: 1;
|
|
}
|
|
.pf2e.item.sheet form .item-rules .rule-form .attached-input .attachment {
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
padding: 0 6px;
|
|
margin: 0;
|
|
line-height: unset;
|
|
flex: 0 0 auto;
|
|
width: auto;
|
|
min-width: 68px;
|
|
align-self: stretch;
|
|
border: 1px solid #aaa;
|
|
border-right: none;
|
|
border-radius: 3px 0 0 3px;
|
|
}
|
|
.pf2e.item.sheet form .item-rules .rule-form .attached-input input, .pf2e.item.sheet form .item-rules .rule-form .attached-input tags {
|
|
border-top-left-radius: 0;
|
|
border-bottom-left-radius: 0;
|
|
margin: 0;
|
|
flex: 1;
|
|
}
|
|
.pf2e.item.sheet form .item-rules .rule-form .spaced-fields {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 4px;
|
|
}
|
|
.pf2e.item.sheet form .item-rules .rule-form .spaced-fields label {
|
|
font-weight: 500;
|
|
padding-right: 2px;
|
|
}
|
|
.pf2e.item.sheet form .item-rules .rule-form .spaced-fields label:not(:first-child) {
|
|
padding-left: 2px;
|
|
}
|
|
.pf2e.item.sheet form .item-rules .rule-form .brackets {
|
|
margin-left: 9.5em;
|
|
}
|
|
.pf2e.item.sheet form .item-rules .rule-form[data-key=FastHealing] .details, .pf2e.item.sheet form .item-rules .rule-form[data-key=FastHealing] tags {
|
|
flex: 3;
|
|
}
|
|
.pf2e.item.sheet form .item-rules .rule-form[data-key=FastHealing] .value {
|
|
flex: 1;
|
|
min-width: 80px;
|
|
}
|
|
.pf2e.item.sheet form .item-rules .rule-form[data-key=FlatModifier] .type-input {
|
|
flex: 0;
|
|
}
|
|
.pf2e.item.sheet form .item-rules .rule-form[data-key=GrantItem] a.granted {
|
|
display: flex;
|
|
flex: 0 0 auto;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
gap: 3px;
|
|
}
|
|
.pf2e.item.sheet form .item-rules .rule-form[data-key=GrantItem] a.granted img {
|
|
width: 16px;
|
|
height: 16px;
|
|
}
|
|
.pf2e.item.sheet form .item-rules .rule-form[data-key=Note] {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 2px;
|
|
}
|
|
.pf2e.item.sheet form label {
|
|
display: block;
|
|
}
|
|
.pf2e.item.sheet form .mce-panel span {
|
|
display: inherit;
|
|
}
|
|
.pf2e.item.sheet form.editable .rollable:hover {
|
|
color: #000;
|
|
text-shadow: 0 0 10px #00005a;
|
|
cursor: pointer;
|
|
}
|
|
.pf2e.item.sheet form .tab {
|
|
flex: 1;
|
|
}
|
|
.pf2e.item.sheet form .tag-legacy {
|
|
float: left;
|
|
margin: 0 2px 2px 0;
|
|
padding: 0 3px;
|
|
font-size: var(--font-size-10);
|
|
line-height: 16px;
|
|
border: 1px solid #999;
|
|
border-radius: 3px;
|
|
white-space: normal;
|
|
font-weight: 500;
|
|
}
|
|
.pf2e.item.sheet form p.hint {
|
|
font-family: var(--font-primary);
|
|
font-weight: normal;
|
|
}
|
|
.pf2e.item.sheet form .item-controls {
|
|
display: flex;
|
|
margin: 0 0 0 4px;
|
|
align-items: baseline;
|
|
gap: 2px;
|
|
}
|
|
.pf2e.item.sheet form .sheet-navigation {
|
|
display: flex;
|
|
align-items: baseline;
|
|
border-bottom: 1px solid var(--secondary-background);
|
|
flex: 0 0 30px;
|
|
line-height: 30px;
|
|
margin-bottom: 0.5rem;
|
|
}
|
|
.pf2e.item.sheet form .sheet-navigation a {
|
|
flex: 1 1 auto;
|
|
}
|
|
.pf2e.item.sheet form .sheet-navigation a.active {
|
|
text-decoration: underline;
|
|
}
|
|
.pf2e.item.sheet form .sheet-navigation .sidebar-summary {
|
|
flex: 0 0 220px;
|
|
margin: 0;
|
|
text-align: center;
|
|
}
|
|
.pf2e.item.sheet form .sheet-navigation .sheet-tabs {
|
|
font-weight: 500;
|
|
margin: 0;
|
|
flex: 1;
|
|
align-items: baseline;
|
|
}
|
|
.pf2e.item.sheet form .sheet-navigation .sheet-tabs > .list-row {
|
|
font-size: var(--font-size-12);
|
|
text-align: center;
|
|
}
|
|
.pf2e.item.sheet form .sheet-navigation .sheet-tabs > .list-row:last-of-type {
|
|
padding-right: 4px;
|
|
}
|
|
.pf2e.item.sheet form .sheet-navigation .sheet-tabs > .list-row.active {
|
|
color: #000;
|
|
font-weight: 700;
|
|
}
|
|
.pf2e.item.sheet form article.sheet-content {
|
|
width: 100%;
|
|
display: flex;
|
|
flex-direction: row;
|
|
flex-wrap: wrap;
|
|
justify-content: flex-start;
|
|
height: calc(100% - 35px);
|
|
overflow: hidden;
|
|
}
|
|
.pf2e.item.sheet form article.sheet-content > * {
|
|
flex: 1;
|
|
}
|
|
.pf2e.item.sheet form article.sheet-content > section.sheet-sidebar, .pf2e.item.sheet form article.sheet-content > section.sheet-body {
|
|
height: calc(100% - 10px);
|
|
overflow-y: auto;
|
|
}
|
|
.pf2e.item.sheet form article.sheet-content > section.sheet-sidebar {
|
|
flex: 0 0 220px;
|
|
display: flex;
|
|
flex-direction: column;
|
|
flex-wrap: nowrap;
|
|
}
|
|
.pf2e.item.sheet form article.sheet-content > section.sheet-sidebar > * {
|
|
flex: 1;
|
|
}
|
|
.pf2e.item.sheet form article.sheet-content > section.sheet-sidebar .item-summary {
|
|
font-family: var(--serif-condensed);
|
|
font-weight: 700;
|
|
flex: 0 0 28px;
|
|
line-height: 28px;
|
|
text-align: center;
|
|
font-size: var(--font-size-18);
|
|
color: #444;
|
|
}
|
|
.pf2e.item.sheet form article.sheet-content > section.sheet-sidebar ol.item-tags {
|
|
padding-left: 0;
|
|
flex: 0;
|
|
list-style: none;
|
|
}
|
|
.pf2e.item.sheet form article.sheet-content > section.sheet-sidebar ol.item-tags .tag {
|
|
display: block;
|
|
width: 100%;
|
|
text-align: center;
|
|
}
|
|
.pf2e.item.sheet form article.sheet-content > section.sheet-sidebar .inventory-details, .pf2e.item.sheet form article.sheet-content > section.sheet-sidebar .feat-details {
|
|
overflow: hidden scroll;
|
|
scrollbar-width: thin;
|
|
scrollbar-color: var(--primary) transparent;
|
|
padding: 0 4px 0 0;
|
|
}
|
|
.pf2e.item.sheet form article.sheet-content > section.sheet-sidebar .inventory-details label, .pf2e.item.sheet form article.sheet-content > section.sheet-sidebar .feat-details label {
|
|
color: #353535;
|
|
font-weight: bold;
|
|
white-space: nowrap;
|
|
max-width: 6em;
|
|
}
|
|
.pf2e.item.sheet form article.sheet-content > section.sheet-sidebar .inventory-details .form-group, .pf2e.item.sheet form article.sheet-content > section.sheet-sidebar .feat-details .form-group {
|
|
margin: 3px 0;
|
|
}
|
|
.pf2e.item.sheet form article.sheet-content > section.sheet-sidebar .inventory-details .form-group input, .pf2e.item.sheet form article.sheet-content > section.sheet-sidebar .feat-details .form-group input {
|
|
text-align: right;
|
|
}
|
|
.pf2e.item.sheet form article.sheet-content > section.sheet-sidebar .inventory-details .form-group input.left-of-select, .pf2e.item.sheet form article.sheet-content > section.sheet-sidebar .feat-details .form-group input.left-of-select {
|
|
min-width: 4ch;
|
|
padding-right: 0.5em;
|
|
}
|
|
.pf2e.item.sheet form article.sheet-content > section.sheet-sidebar .inventory-details .form-group select, .pf2e.item.sheet form article.sheet-content > section.sheet-sidebar .feat-details .form-group select {
|
|
max-width: 12em;
|
|
}
|
|
.pf2e.item.sheet form article.sheet-content > section.sheet-sidebar .inventory-details .form-group.longtext, .pf2e.item.sheet form article.sheet-content > section.sheet-sidebar .feat-details .form-group.longtext {
|
|
height: fit-content;
|
|
align-items: start;
|
|
margin: 0 0 0.5em 0;
|
|
}
|
|
.pf2e.item.sheet form article.sheet-content > section.sheet-sidebar .inventory-details .form-group.longtext label, .pf2e.item.sheet form article.sheet-content > section.sheet-sidebar .feat-details .form-group.longtext label {
|
|
max-width: 6em;
|
|
white-space: normal;
|
|
line-height: unset;
|
|
}
|
|
.pf2e.item.sheet form article.sheet-content > section.sheet-sidebar .inventory-details .form-group.longtext .editor-content, .pf2e.item.sheet form article.sheet-content > section.sheet-sidebar .feat-details .form-group.longtext .editor-content {
|
|
min-height: 3em;
|
|
}
|
|
.pf2e.item.sheet form article.sheet-content > section.sheet-sidebar .inventory-details .form-group.longtext .editor-content > p, .pf2e.item.sheet form article.sheet-content > section.sheet-sidebar .feat-details .form-group.longtext .editor-content > p {
|
|
font-weight: 400;
|
|
margin: 0;
|
|
}
|
|
.pf2e.item.sheet form article.sheet-content > section.sheet-sidebar .inventory-details .price-fields, .pf2e.item.sheet form article.sheet-content > section.sheet-sidebar .feat-details .price-fields {
|
|
display: flex;
|
|
gap: 4px;
|
|
}
|
|
.pf2e.item.sheet form article.sheet-content > section.sheet-sidebar .inventory-details .price-fields input[name="system.price.per"], .pf2e.item.sheet form article.sheet-content > section.sheet-sidebar .feat-details .price-fields input[name="system.price.per"] {
|
|
width: 22px;
|
|
}
|
|
.pf2e.item.sheet form article.sheet-content > section.sheet-sidebar select {
|
|
font-family: inherit;
|
|
font-size: 0.85em;
|
|
height: 1.8em;
|
|
}
|
|
.pf2e.item.sheet form article.sheet-content > section.sheet-sidebar button {
|
|
padding-top: 0;
|
|
padding-bottom: 0;
|
|
white-space: nowrap;
|
|
}
|
|
.pf2e.item.sheet form article.sheet-content > section.sheet-sidebar .badge-label-row {
|
|
width: 100%;
|
|
}
|
|
.pf2e.item.sheet form article.sheet-content > section.sheet-sidebar .badge-label-row label {
|
|
cursor: pointer;
|
|
max-width: unset;
|
|
}
|
|
.pf2e.item.sheet form article.sheet-content > section.sheet-sidebar .badge-label-row input[type=radio] {
|
|
margin: 0;
|
|
top: 0;
|
|
}
|
|
.pf2e.item.sheet form article.sheet-content > section.sheet-sidebar .badge-label-row .badge-value {
|
|
margin-right: 0.1rem;
|
|
width: 3ch;
|
|
font-weight: bold;
|
|
text-align: end;
|
|
}
|
|
.pf2e.item.sheet form article.sheet-content > section.sheet-sidebar .badge-label-row input[type=text] {
|
|
flex: 1;
|
|
text-align: end;
|
|
}
|
|
.pf2e.item.sheet form article.sheet-content > section.sheet-sidebar .add-badge {
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
.pf2e.item.sheet form article.sheet-content > section.sheet-sidebar .add-badge select {
|
|
flex: 1;
|
|
max-width: unset;
|
|
}
|
|
.pf2e.item.sheet form article.sheet-content > section.sheet-sidebar .add-badge button {
|
|
flex: 0;
|
|
line-height: 1.2em;
|
|
}
|
|
.pf2e.item.sheet form article.sheet-content input[type=text], .pf2e.item.sheet form article.sheet-content input[type=number] {
|
|
width: calc(100% - 2px);
|
|
height: calc(100% - 2px);
|
|
background: none;
|
|
padding: 0;
|
|
margin: 1px 0;
|
|
border: 1px solid transparent;
|
|
}
|
|
.pf2e.item.sheet form article.sheet-content input[type=text]:hover:not(:disabled), .pf2e.item.sheet form article.sheet-content input[type=text]:focus, .pf2e.item.sheet form article.sheet-content input[type=number]:hover:not(:disabled), .pf2e.item.sheet form article.sheet-content input[type=number]:focus {
|
|
border: 1px solid black;
|
|
box-shadow: 0 0 10px #00005a;
|
|
}
|
|
.pf2e.item.sheet form article.sheet-content select {
|
|
background: rgba(255, 255, 255, 0.5);
|
|
}
|
|
.pf2e.item.sheet form section.sheet-body input[type=text], .pf2e.item.sheet form section.sheet-body input[type=number] {
|
|
background: rgba(255, 255, 255, 0.5);
|
|
border: 1px solid #aaa;
|
|
padding: 3px;
|
|
}
|
|
.pf2e.item.sheet form section.sheet-body .tab {
|
|
padding-left: 0.5rem;
|
|
/** Details */
|
|
}
|
|
.pf2e.item.sheet form section.sheet-body .tab.item-details {
|
|
padding: 0.5rem 0.5rem 0;
|
|
overflow: hidden scroll;
|
|
scrollbar-width: thin;
|
|
scrollbar-color: var(--primary) transparent;
|
|
}
|
|
.pf2e.item.sheet form section.sheet-body .tab.item-details label {
|
|
color: var(--color-text-dark-2);
|
|
font-weight: 500;
|
|
padding-right: 0.5em;
|
|
white-space: nowrap;
|
|
}
|
|
.pf2e.item.sheet form section.sheet-body .tab.item-details label.no-data {
|
|
color: var(--color-text-dark-4);
|
|
}
|
|
.pf2e.item.sheet form section.sheet-body .tab.item-details select {
|
|
font-size: var(--font-size-12);
|
|
height: 1.5rem;
|
|
padding-right: 1em;
|
|
}
|
|
.pf2e.item.sheet form section.sheet-body .tab.item-details select.rarity {
|
|
max-width: fit-content;
|
|
}
|
|
.pf2e.item.sheet form section.sheet-body .tab.item-details .tags .tag {
|
|
font-size: var(--font-size-10);
|
|
}
|
|
.pf2e.item.sheet form section.sheet-body .tab.item-mystification {
|
|
padding: 8px 8px 0;
|
|
overflow: hidden scroll;
|
|
scrollbar-width: thin;
|
|
scrollbar-color: var(--primary) transparent;
|
|
}
|
|
.pf2e.item.sheet form section.sheet-body .tab.item-mystification label {
|
|
color: #353535;
|
|
font-weight: bold;
|
|
}
|
|
.pf2e.item.sheet form section.sheet-body .tab.item-activations, .pf2e.item.sheet form section.sheet-body .tab.item-rules {
|
|
overflow: hidden scroll;
|
|
scrollbar-width: thin;
|
|
scrollbar-color: var(--primary) transparent;
|
|
}
|
|
.pf2e.item.sheet form section.sheet-body .editor {
|
|
--space-s: 0.25em;
|
|
--space-m: 0.5em;
|
|
--space-l: 1em;
|
|
--space-xl: 1.5em;
|
|
--radius: 3px;
|
|
--space-s: 0.25em;
|
|
--space-m: 0.5em;
|
|
--space-l: 1em;
|
|
--space-xl: 1.5em;
|
|
--space-2xl: 2em;
|
|
--radius: 3px;
|
|
}
|
|
.pf2e.item.sheet form section.sheet-body .editor p {
|
|
min-height: unset;
|
|
}
|
|
.pf2e.item.sheet form section.sheet-body .editor :is(h1, h2, h3, h4, h5, h6):not(:first-child) {
|
|
margin-top: 1em;
|
|
}
|
|
.pf2e.item.sheet form section.sheet-body .editor .inline-header {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: var(--space-l);
|
|
background-color: var(--alt);
|
|
font-family: var(--sans-serif);
|
|
color: white;
|
|
padding: 0;
|
|
font-size: 0.8em;
|
|
font-weight: 400;
|
|
border: none;
|
|
}
|
|
.pf2e.item.sheet form section.sheet-body .editor .inline-header strong {
|
|
display: inline-flex;
|
|
padding: 0 var(--space-m);
|
|
background-color: var(--primary);
|
|
min-width: 15ch;
|
|
border-right: 1px solid rgba(0, 0, 0, 0.4);
|
|
box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.2);
|
|
font-weight: 400;
|
|
}
|
|
.pf2e.item.sheet form section.sheet-body .editor .inline-header + p {
|
|
margin-top: var(--space-s);
|
|
}
|
|
.pf2e.item.sheet form section.sheet-body .editor .info {
|
|
background-color: var(--secondary);
|
|
padding: var(--space-m);
|
|
color: white;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
padding: 0;
|
|
border-radius: var(--radius);
|
|
font-family: var(--sans-serif);
|
|
padding-bottom: var(--space-m);
|
|
}
|
|
.pf2e.item.sheet form section.sheet-body .editor .info > * + * {
|
|
margin-top: var(--space-m);
|
|
}
|
|
.pf2e.item.sheet form section.sheet-body .editor .info + * {
|
|
margin-top: var(--space-xl);
|
|
}
|
|
.pf2e.item.sheet form section.sheet-body .editor .info + .pf2e.item.sheet form section.sheet-body .editor .info {
|
|
margin-top: var(--space-s);
|
|
}
|
|
.pf2e.item.sheet form section.sheet-body .editor .info h4 {
|
|
font-size: 0.9em;
|
|
font-weight: 400;
|
|
line-height: 1.2;
|
|
font-family: var(--sans-serif);
|
|
border-bottom: 1px solid rgba(0, 0, 0, 0.6);
|
|
padding: var(--space-m) var(--space-l);
|
|
position: relative;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
color: white;
|
|
}
|
|
.pf2e.item.sheet form section.sheet-body .editor .info h4::after {
|
|
font-family: "Font Awesome 6";
|
|
content: "\f05a";
|
|
font-weight: 900;
|
|
margin-right: var(--space-s);
|
|
}
|
|
.pf2e.item.sheet form section.sheet-body .editor .info p {
|
|
font-size: 0.8em;
|
|
margin: 0;
|
|
padding: 0 var(--space-l);
|
|
}
|
|
.pf2e.item.sheet form section.sheet-body .editor .info p:first-of-type {
|
|
padding-top: var(--space-m);
|
|
border-top: 1px solid rgba(255, 255, 255, 0.1);
|
|
}
|
|
.pf2e.item.sheet form section.sheet-body .editor .traits {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
padding: 0;
|
|
}
|
|
.pf2e.item.sheet form section.sheet-body .editor .traits p {
|
|
display: inline-flex;
|
|
padding: 0.16rem 0.25rem;
|
|
margin: 0;
|
|
background-color: var(--primary);
|
|
border: 2px solid var(--color-border-trait);
|
|
color: white;
|
|
font: 500 var(--font-size-10) var(--sans-serif);
|
|
text-transform: uppercase;
|
|
}
|
|
.pf2e.item.sheet form section.sheet-body .editor .statblock {
|
|
font-family: var(--sans-serif-condensed);
|
|
color: black;
|
|
line-height: 1.2;
|
|
margin-bottom: var(--space-m);
|
|
}
|
|
.pf2e.item.sheet form section.sheet-body .editor .statblock > * + * {
|
|
margin-top: var(--space-s);
|
|
margin-bottom: 0;
|
|
}
|
|
.pf2e.item.sheet form section.sheet-body .editor .statblock p {
|
|
--indent: var(--space-l);
|
|
margin-left: var(--indent);
|
|
position: relative;
|
|
}
|
|
.pf2e.item.sheet form section.sheet-body .editor .statblock p strong:first-of-type {
|
|
margin-left: calc(var(--indent) * -1);
|
|
}
|
|
.pf2e.item.sheet form section.sheet-body .editor .statblock p .trait:first-of-type {
|
|
margin-left: calc(var(--indent) * -1 - 2px);
|
|
}
|
|
.pf2e.item.sheet form section.sheet-body .editor .statblock span.pf2-icon {
|
|
line-height: 1;
|
|
}
|
|
.pf2e.item.sheet form section.sheet-body .editor .statblock h1,
|
|
.pf2e.item.sheet form section.sheet-body .editor .statblock h2,
|
|
.pf2e.item.sheet form section.sheet-body .editor .statblock h3,
|
|
.pf2e.item.sheet form section.sheet-body .editor .statblock h4 {
|
|
display: flex;
|
|
align-items: baseline;
|
|
justify-content: space-between;
|
|
border-bottom: 1px solid black;
|
|
text-transform: uppercase;
|
|
letter-spacing: -0.05em;
|
|
font-family: var(--sans-serif-condensed);
|
|
font-weight: 700;
|
|
}
|
|
.pf2e.item.sheet form section.sheet-body .editor .statblock hr {
|
|
border: none;
|
|
border-bottom: 1px solid black;
|
|
}
|
|
.pf2e.item.sheet form section.sheet-body .editor .message {
|
|
font-family: var(--journal-cursive);
|
|
font-size: 2em;
|
|
line-height: 1.2;
|
|
}
|
|
.pf2e.item.sheet form section.sheet-body .item-description .descriptions {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 3px;
|
|
height: 100%;
|
|
padding: 0 0.25em;
|
|
}
|
|
.pf2e.item.sheet form section.sheet-body .item-description .descriptions > * {
|
|
display: inherit;
|
|
flex-direction: inherit;
|
|
}
|
|
.pf2e.item.sheet form section.sheet-body .item-description .descriptions .gm-notes {
|
|
background-color: var(--visibility-gm-bg);
|
|
border: 1px dotted rgba(75, 74, 68, 0.5);
|
|
padding: 0 0.25em;
|
|
}
|
|
.pf2e.item.sheet form section.sheet-body .item-description .descriptions .gm-notes:not(.has-content) {
|
|
display: none;
|
|
}
|
|
.pf2e.item.sheet form section.sheet-body .item-description .descriptions .gm-notes .editor {
|
|
min-height: 2.5em;
|
|
}
|
|
.pf2e.item.sheet form section.sheet-body .item-description .descriptions .main {
|
|
flex-grow: 1;
|
|
}
|
|
.pf2e.item.sheet form section.sheet-body .item-description .descriptions .editor {
|
|
display: inherit;
|
|
flex-direction: inherit;
|
|
flex-grow: inherit;
|
|
}
|
|
.pf2e.item.sheet form section.sheet-body .item-description .descriptions .editor a.add-gm-notes, .pf2e.item.sheet form section.sheet-body .item-description .descriptions .editor a.editor-edit {
|
|
font-size: 1.33em;
|
|
background: rgb(205, 205, 205);
|
|
}
|
|
.pf2e.item.sheet form section.sheet-body .item-description .descriptions .editor a.add-gm-notes i, .pf2e.item.sheet form section.sheet-body .item-description .descriptions .editor a.editor-edit i {
|
|
width: 1em;
|
|
text-align: center;
|
|
}
|
|
.pf2e.item.sheet form section.sheet-body .item-description .descriptions .editor a.add-gm-notes {
|
|
border-radius: 4px;
|
|
border: 1px solid var(--color-border-dark-1);
|
|
box-shadow: 0 0 1px var(--color-shadow-dark);
|
|
display: none;
|
|
padding: 1px 2px;
|
|
position: absolute;
|
|
right: 35px;
|
|
top: 5px;
|
|
}
|
|
.pf2e.item.sheet form section.sheet-body .item-description .descriptions .editor:hover a.add-gm-notes {
|
|
display: block;
|
|
}
|
|
.pf2e.item.sheet form h3 .item-controls, .pf2e.item.sheet form header .item-controls {
|
|
cursor: pointer;
|
|
float: right;
|
|
}
|
|
.pf2e.item.sheet form .form-group .item-controls {
|
|
flex: 0 1 auto;
|
|
}
|
|
.pf2e.item.sheet form .form-section {
|
|
margin-top: 8px;
|
|
}
|
|
.pf2e.item.sheet form .form-list {
|
|
border-radius: 5px;
|
|
border: 1px solid var(--secondary-background);
|
|
list-style-type: none;
|
|
margin: 0.5em 0;
|
|
padding: 0.25em;
|
|
}
|
|
.pf2e.item.sheet form .form-list:first-child {
|
|
margin-top: 0;
|
|
}
|
|
.pf2e.item.sheet form .form-list h3 {
|
|
font-weight: 600;
|
|
font-size: 1.05em;
|
|
margin-bottom: 0.25em;
|
|
}
|
|
.pf2e.item.sheet form .form-list.subsection {
|
|
padding: 0;
|
|
}
|
|
.pf2e.item.sheet form .form-list.subsection > * {
|
|
padding: 0.25rem;
|
|
}
|
|
.pf2e.item.sheet form .form-list.subsection > header {
|
|
align-items: baseline;
|
|
background-color: var(--secondary);
|
|
border-radius: 5px 5px 0 0;
|
|
color: white;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
margin: -1px -1px 0 -1px;
|
|
padding: 1px;
|
|
}
|
|
.pf2e.item.sheet form .form-list.subsection > header h3, .pf2e.item.sheet form .form-list.subsection > header .item-controls {
|
|
padding: 0.25rem;
|
|
margin-bottom: 0;
|
|
}
|
|
.pf2e.item.sheet form .two-by-two {
|
|
display: grid;
|
|
grid-template-columns: 1fr 1fr;
|
|
column-gap: 0.25rem;
|
|
}
|
|
.pf2e.item.sheet form .two-by-two .item-controls {
|
|
margin-left: 2px;
|
|
gap: 0;
|
|
}
|
|
.pf2e.item.sheet form .form-group {
|
|
margin: 2px 0;
|
|
font-weight: 500;
|
|
}
|
|
.pf2e.item.sheet form .form-group.scalable {
|
|
height: auto;
|
|
min-height: 24px;
|
|
}
|
|
.pf2e.item.sheet form .form-group.scalable ul.traits-list {
|
|
list-style-type: none;
|
|
}
|
|
.pf2e.item.sheet form .form-group > label:not(.large) {
|
|
max-width: 11em;
|
|
}
|
|
.pf2e.item.sheet form .form-group > label.short {
|
|
max-width: 9em;
|
|
}
|
|
.pf2e.item.sheet form .form-group > input[type=checkbox] {
|
|
margin-left: auto;
|
|
}
|
|
.pf2e.item.sheet form .form-group input[type=checkbox]:last-child {
|
|
margin-right: 0;
|
|
}
|
|
.pf2e.item.sheet form .form-group .checkbox-pair {
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
.pf2e.item.sheet form .form-group .checkbox-pair span {
|
|
font-weight: 400;
|
|
}
|
|
.pf2e.item.sheet form .form-group input.adjusted-higher:not(:focus) {
|
|
font-weight: 700;
|
|
color: #009988;
|
|
}
|
|
.pf2e.item.sheet form .form-group input.adjusted-lower:not(:focus) {
|
|
font-weight: 700;
|
|
color: #cc3311;
|
|
}
|
|
.pf2e.item.sheet form .tags {
|
|
padding-left: 0;
|
|
}
|
|
.pf2e.item.sheet form .details-container, .pf2e.item.sheet form .dice-data {
|
|
display: grid;
|
|
grid: "dice die type"/40px 60px auto;
|
|
}
|
|
.pf2e.item.sheet form .effects-container {
|
|
display: grid;
|
|
grid: "effect number"/auto 40px;
|
|
}
|
|
.pf2e.item.sheet form .details-container-two-columns {
|
|
display: grid;
|
|
grid: "size type"/50% 50%;
|
|
}
|
|
.pf2e.item.sheet form .details-container-three-columns {
|
|
display: grid;
|
|
grid-template-columns: 1fr 1fr 1fr;
|
|
}
|
|
.pf2e.item.sheet form .details-container-flex-row {
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
}
|
|
.pf2e.item.sheet form .details-container-flex-row > label {
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
white-space: nowrap;
|
|
}
|
|
.pf2e.item.sheet form .details-container-flex-row select {
|
|
flex: 1;
|
|
width: auto;
|
|
}
|
|
.pf2e.item.sheet form .details-container-flex-row input[type=checkbox] {
|
|
width: 16px;
|
|
height: 16px;
|
|
flex-basis: auto;
|
|
}
|
|
.pf2e.item.sheet form .details-container-flex-row input[type=checkbox]:first-child:last-child {
|
|
margin-left: auto;
|
|
justify-self: flex-end;
|
|
}
|
|
.pf2e.item.sheet form .toggle-button-list {
|
|
display: flex;
|
|
gap: 2px;
|
|
margin: 4px 0;
|
|
}
|
|
.pf2e.item.sheet form .toggle-button-list button {
|
|
margin: 0;
|
|
font-size: var(--font-size-10);
|
|
line-height: 16px;
|
|
display: flex;
|
|
align-items: center;
|
|
white-space: nowrap;
|
|
padding: 3px 4px;
|
|
}
|
|
.pf2e.item.sheet form .consumable-details {
|
|
flex: 0 0 24px;
|
|
}
|
|
.pf2e.item.sheet form .consumable-details label {
|
|
font-weight: bold;
|
|
}
|
|
.pf2e.item.sheet form .consumable-details input {
|
|
flex: 0 0 24px;
|
|
margin-right: 6px;
|
|
text-align: right;
|
|
}
|
|
.pf2e.item.sheet form .consumable-details span {
|
|
line-height: 24px;
|
|
}
|
|
.pf2e.item.sheet form .consumable-details .max-charges {
|
|
flex: 0 0 16px;
|
|
text-align: center;
|
|
}
|
|
.pf2e.item.sheet form .consumable-charges label {
|
|
flex: 0 0 144px;
|
|
}
|
|
.pf2e.item.sheet form .consumable-charges input {
|
|
flex: 0 0 64px;
|
|
text-align: center;
|
|
}
|
|
.pf2e.item.sheet form .consumable-charges span.flex0 {
|
|
line-height: 24px;
|
|
}
|
|
.pf2e.item.sheet form .feat-uses select {
|
|
flex: 2;
|
|
margin-right: 5px;
|
|
}
|
|
.pf2e.item.sheet form .feat-uses input {
|
|
flex: 1;
|
|
text-align: center;
|
|
}
|
|
.pf2e.item.sheet form .feat-uses span.sep {
|
|
flex: 0 0 16px;
|
|
line-height: 24px;
|
|
font-size: var(--font-size-14);
|
|
text-align: center;
|
|
}
|
|
.pf2e.item.sheet form .spell-components input {
|
|
margin-left: 0;
|
|
}
|
|
.pf2e.item.sheet form .spell-components label {
|
|
padding-right: 6px;
|
|
}
|
|
.pf2e.item.sheet form input.adjusted:not(:focus) {
|
|
font-weight: 700;
|
|
color: #009988;
|
|
}
|
|
.pf2e.item.sheet form .frequency {
|
|
align-items: baseline;
|
|
display: flex;
|
|
gap: 0.2rem;
|
|
text-align: end;
|
|
}
|
|
.pf2e.item.sheet form .frequency.empty {
|
|
justify-content: flex-end;
|
|
}
|
|
.pf2e.item.sheet form .frequency select {
|
|
flex: 1 1 auto;
|
|
}
|
|
.pf2e.item.sheet form .frequency a {
|
|
align-self: center;
|
|
}
|
|
.persistent-damage-dialog {
|
|
/** Work around Font Awesome styling bug present as of version 6.2 */
|
|
}
|
|
.persistent-damage-dialog i.fa-fw {
|
|
min-width: 1em;
|
|
}
|
|
.persistent-damage-dialog h3 {
|
|
display: flex;
|
|
align-items: baseline;
|
|
justify-content: space-between;
|
|
}
|
|
.persistent-damage-dialog h3 a {
|
|
float: right;
|
|
font-size: 0.8em;
|
|
}
|
|
.persistent-damage-dialog h3 a:hover i {
|
|
animation: rotation 2s infinite linear;
|
|
}
|
|
.persistent-damage-dialog .entries {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 0.125rem;
|
|
}
|
|
.persistent-damage-dialog .entries:not(.new) {
|
|
margin-bottom: 0.5rem;
|
|
}
|
|
.persistent-damage-dialog .persistent-entry {
|
|
display: flex;
|
|
align-items: baseline;
|
|
gap: 0.25rem;
|
|
}
|
|
.persistent-damage-dialog .persistent-entry.inactive .input-fields input span, .persistent-damage-dialog .persistent-entry.inactive .input-fields input i, .persistent-damage-dialog .persistent-entry.inactive .input-fields input:not(:focus), .persistent-damage-dialog .persistent-entry.inactive .input-fields select span, .persistent-damage-dialog .persistent-entry.inactive .input-fields select i, .persistent-damage-dialog .persistent-entry.inactive .input-fields select:not(:focus), .persistent-damage-dialog .persistent-entry.inactive .input-fields label:not(:focus-within) span, .persistent-damage-dialog .persistent-entry.inactive .input-fields label:not(:focus-within) i, .persistent-damage-dialog .persistent-entry.inactive .input-fields label:not(:focus-within):not(:focus) {
|
|
opacity: 0.7;
|
|
text-decoration: line-through;
|
|
}
|
|
.persistent-damage-dialog .persistent-entry a {
|
|
padding: 0.25em;
|
|
}
|
|
.persistent-damage-dialog .persistent-entry .input-fields {
|
|
display: flex;
|
|
gap: 0.25rem;
|
|
align-items: baseline;
|
|
select-height: var(--form-field-height);
|
|
}
|
|
.persistent-damage-dialog .persistent-entry .input-fields label {
|
|
display: flex;
|
|
align-items: baseline;
|
|
gap: 0.19rem;
|
|
height: 100%;
|
|
}
|
|
.persistent-damage-dialog .persistent-entry .input-fields .dc {
|
|
width: 2.5rem;
|
|
}
|
|
.persistent-damage-dialog .persistent-entry .input-fields .invalid {
|
|
box-shadow: 0 0 5px 0px red;
|
|
border-color: red;
|
|
}
|
|
#darkness-adjuster {
|
|
background: none;
|
|
box-shadow: 0 0 10px black;
|
|
height: 38px !important;
|
|
}
|
|
#darkness-adjuster .window-header {
|
|
display: none;
|
|
}
|
|
#darkness-adjuster .window-content {
|
|
background: rgba(0, 0, 0, 0.5);
|
|
border: 1px solid black;
|
|
border-radius: 5px;
|
|
padding: 6px 12px 0;
|
|
}
|
|
#darkness-adjuster .slider {
|
|
height: 6px;
|
|
}
|
|
#darkness-adjuster .slider .noUi-base {
|
|
background: #ecc1b3;
|
|
cursor: pointer;
|
|
}
|
|
#darkness-adjuster .slider .noUi-base .noUi-origin .noUi-handle {
|
|
background: none;
|
|
border: none;
|
|
box-shadow: none;
|
|
color: white;
|
|
font-size: var(--font-size-16);
|
|
height: 14px;
|
|
width: 14px;
|
|
top: -5px;
|
|
right: -7px;
|
|
text-shadow: 0 0 4px black;
|
|
}
|
|
#darkness-adjuster .slider .noUi-base .noUi-origin .noUi-handle.threshold_bright-light, #darkness-adjuster .slider .noUi-base .noUi-origin .noUi-handle.threshold_darkness {
|
|
pointer-events: none;
|
|
}
|
|
#darkness-adjuster .slider .noUi-base .noUi-origin .noUi-handle.threshold_darkness {
|
|
font-size: var(--font-size-14);
|
|
}
|
|
#darkness-adjuster .slider .noUi-base .noUi-origin .noUi-handle.darkness-level {
|
|
background: #c85019;
|
|
border: 1px solid black;
|
|
border-radius: 2px;
|
|
box-shadow: 1px 1px 4px black;
|
|
height: 12px;
|
|
width: 12px;
|
|
right: -6px;
|
|
top: -4px;
|
|
}
|
|
#darkness-adjuster .slider .noUi-base .noUi-origin .noUi-handle.darkness-level .noUi-touch-area {
|
|
cursor: grab;
|
|
}
|
|
#darkness-adjuster .slider .noUi-base .noUi-origin .noUi-handle.darkness-level:active .noUi-touch-area {
|
|
cursor: grabbing;
|
|
}
|
|
#darkness-adjuster .slider .noUi-base .noUi-origin .noUi-handle::before, #darkness-adjuster .slider .noUi-base .noUi-origin .noUi-handle::after {
|
|
background: none;
|
|
}
|
|
#darkness-adjuster .slider .noUi-base .noUi-origin .noUi-handle i.fa-solid {
|
|
cursor: default;
|
|
left: -1px;
|
|
opacity: 0.6;
|
|
position: absolute;
|
|
top: 0;
|
|
}
|
|
#darkness-adjuster .slider .noUi-base .noUi-connect.range_bright-light {
|
|
background: #fdfbd3;
|
|
}
|
|
#darkness-adjuster .slider .noUi-base .noUi-connect.range_darkness {
|
|
background: #16193a;
|
|
}
|
|
#darkness-adjuster .slider .noUi-pips {
|
|
height: 12px;
|
|
}
|
|
#darkness-adjuster .slider .noUi-pips .noUi-marker.noUi-marker-large {
|
|
height: 12px;
|
|
}
|
|
#darkness-adjuster .slider .noUi-pips .noUi-value {
|
|
display: none;
|
|
}
|
|
#darkness-adjuster .synchronized .slider .noUi-base {
|
|
cursor: not-allowed;
|
|
}
|
|
#darkness-adjuster .synchronized .slider .message {
|
|
display: flex;
|
|
justify-content: center;
|
|
position: relative;
|
|
top: 0.5em;
|
|
width: 100%;
|
|
}
|
|
#darkness-adjuster .synchronized .slider .message span {
|
|
color: var(--color-text-light-1);
|
|
text-shadow: 1px 1px black;
|
|
z-index: 1;
|
|
}
|
|
#darkness-adjuster .synchronized .slider .noUi-origin .noUi-handle {
|
|
cursor: not-allowed;
|
|
}
|
|
#darkness-adjuster .synchronized .slider .noUi-origin .noUi-handle.darkness-level {
|
|
background: var(--color-disabled);
|
|
border: none;
|
|
box-shadow: none;
|
|
}
|
|
#darkness-adjuster .synchronized .slider .noUi-origin .noUi-handle.darkness-level .noUi-touch-area, #darkness-adjuster .synchronized .slider .noUi-origin .noUi-handle.darkness-level:active .noUi-touch-area {
|
|
cursor: inherit;
|
|
}
|
|
#darkness-adjuster .synchronized .slider .noUi-origin .noUi-handle i.fas {
|
|
cursor: inherit;
|
|
}
|
|
#darkness-adjuster .synchronized .slider .noUi-pips {
|
|
visibility: hidden;
|
|
}
|
|
.scene-sheet span.range-value.disabled {
|
|
border: none;
|
|
color: #777;
|
|
}
|
|
.app.token-sheet .tab.active[data-tab=appearance] fieldset {
|
|
border: 1px solid #b5b3a4;
|
|
}
|
|
.app.token-sheet .tab.active[data-tab=appearance] fieldset > legend {
|
|
font-size: var(--font-size-15);
|
|
color: #333;
|
|
}
|
|
.app.token-sheet .tab.active[data-tab=appearance] fieldset input[type=number] {
|
|
max-width: 60px;
|
|
text-align: center;
|
|
}
|
|
.app.token-sheet .tab.active[data-tab=appearance] fieldset input[type=number]:disabled {
|
|
border: none;
|
|
color: var(--color-text-dark-6);
|
|
}
|
|
.app.token-sheet .tab.active[data-tab=appearance] fieldset select.alternate-images {
|
|
max-width: 20em;
|
|
}
|
|
.app.token-sheet .tab.active[data-tab=appearance] fieldset:last-child {
|
|
margin: 6px 0;
|
|
}
|
|
.app.token-sheet .tab[data-tab=vision] .disabled[data-tab] {
|
|
color: var(--color-text-dark-6);
|
|
pointer-events: none;
|
|
}
|
|
.app.token-sheet .tab[data-tab=vision] a.managed-by-rbv {
|
|
padding-left: 0.33em;
|
|
}
|
|
.app.token-sheet .form-group.children-disabled .range-value {
|
|
border: none;
|
|
background-color: rgba(0, 0, 0, 0.05);
|
|
color: #777;
|
|
}
|
|
#homebrew-settings section.window-content {
|
|
display: block;
|
|
}
|
|
#homebrew-settings section.window-content .form-group.setting {
|
|
display: inherit;
|
|
}
|
|
#homebrew-settings section.window-content .form-group.setting tags {
|
|
background-color: rgba(0, 0, 0, 0.05);
|
|
border: 1px solid #7a7971;
|
|
border-radius: 3px;
|
|
}
|
|
#homebrew-settings section.window-content .form-group.setting tags.tagify--focus {
|
|
border: 1px solid #7a7971;
|
|
box-shadow: 0 0 5px red;
|
|
}
|
|
#homebrew-settings section.window-content .form-group.setting .homebrew {
|
|
--tag-text-color--edit: #111;
|
|
--tag-pad: 0.2em 0.4em;
|
|
--tag-remove-bg: var(--tag-hover);
|
|
--tag-remove-btn-bg--hover: black;
|
|
font-size: var(--font-size-13);
|
|
min-width: 0;
|
|
}
|
|
#homebrew-settings section.window-content .form-group.buttons {
|
|
margin-top: 0.5em;
|
|
}
|
|
#homebrew-settings .damage-types th, #homebrew-settings .damage-types td {
|
|
white-space: nowrap;
|
|
}
|
|
#homebrew-settings .damage-types th:not(:last-child), #homebrew-settings .damage-types td:not(:last-child) {
|
|
padding-right: 0.25rem;
|
|
}
|
|
#homebrew-settings .damage-types .icon-preview {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 0.125rem;
|
|
}
|
|
#homebrew-settings .damage-types .delete-cell {
|
|
text-align: end;
|
|
width: 1rem;
|
|
}
|
|
#homebrew-settings .damage-types .delete-cell i {
|
|
padding: 0.125rem 0.25rem;
|
|
cursor: pointer;
|
|
}
|
|
#world-clock-settings form .form-group .form-fields {
|
|
flex-grow: 1;
|
|
}
|
|
#world-clock-settings form .form-group button.reset-world-time {
|
|
flex: 1;
|
|
}
|
|
#game-details > li.system-info {
|
|
margin-bottom: 6px;
|
|
}
|
|
#game-details > li.system-info > a[href] {
|
|
font-size: var(--font-size-12);
|
|
text-transform: uppercase;
|
|
margin-right: 6px;
|
|
}
|
|
#game-details > li.system-info > a[href]:hover {
|
|
text-shadow: 0 0 8px var(--color-text-hyperlink);
|
|
}
|
|
#client-settings form .form-group > label {
|
|
flex: 2.5;
|
|
}
|
|
.settings-menu form .form-group > label {
|
|
flex: 2.5;
|
|
}
|
|
.settings-menu .instructions {
|
|
text-align: center;
|
|
}
|
|
#metagame-settings form .form-group > label {
|
|
flex: 3;
|
|
}
|
|
.select-craft-item-dialog .drop-item-zone {
|
|
display: flex;
|
|
align-items: center;
|
|
margin: 0 2px 5px;
|
|
}
|
|
.select-craft-item-dialog .item-icon {
|
|
height: 32px;
|
|
width: 32px;
|
|
margin-right: 3px;
|
|
}
|
|
.select-craft-item-dialog .button-panel {
|
|
display: flex;
|
|
}
|
|
.select-repair-item-dialog .drop-item-zone {
|
|
display: flex;
|
|
align-items: center;
|
|
margin: 0 2px 5px;
|
|
}
|
|
.select-repair-item-dialog .item-icon {
|
|
height: 32px;
|
|
width: 32px;
|
|
margin-right: 3px;
|
|
}
|
|
.select-repair-item-dialog .button-panel {
|
|
display: flex;
|
|
}
|
|
.app.choice-set-prompt section.window-content h3 {
|
|
display: flex;
|
|
justify-content: center;
|
|
}
|
|
.app.choice-set-prompt section.window-content button, .app.choice-set-prompt section.window-content select {
|
|
display: flex;
|
|
margin: 4px auto;
|
|
}
|
|
.app.choice-set-prompt section.window-content .choices {
|
|
max-width: max-content;
|
|
justify-items: center;
|
|
margin: auto;
|
|
}
|
|
.app.choice-set-prompt section.window-content .choices.select-menu {
|
|
min-width: 18em;
|
|
}
|
|
.app.choice-set-prompt section.window-content .choices.select-menu tags {
|
|
background-color: rgba(0, 0, 0, 0.05);
|
|
border: 1px solid var(--color-border-light-tertiary);
|
|
border-radius: 3px;
|
|
height: 2rem;
|
|
margin-bottom: 0.5em;
|
|
width: 100%;
|
|
}
|
|
.app.choice-set-prompt section.window-content .choices.select-menu tags .tagify__input {
|
|
align-items: center;
|
|
display: flex;
|
|
height: 100%;
|
|
margin: 0;
|
|
}
|
|
.app.choice-set-prompt section.window-content .choices button, .app.choice-set-prompt section.window-content .choices .drop-zone {
|
|
cursor: pointer;
|
|
max-width: 100%;
|
|
}
|
|
.app.choice-set-prompt section.window-content .choices button:not(.with-image), .app.choice-set-prompt section.window-content .choices .drop-zone:not(.with-image) {
|
|
min-width: 120px;
|
|
justify-content: center;
|
|
}
|
|
.app.choice-set-prompt section.window-content .choices button.with-image, .app.choice-set-prompt section.window-content .choices .drop-zone.with-image {
|
|
align-items: center;
|
|
}
|
|
.app.choice-set-prompt section.window-content .choices button.with-image img, .app.choice-set-prompt section.window-content .choices .drop-zone.with-image img {
|
|
border: 1px solid #444;
|
|
height: 1.6em;
|
|
margin-right: 0.5em;
|
|
}
|
|
.app.choice-set-prompt section.window-content .choices .drop-zone {
|
|
border: 1px solid var(--color-border-light-primary);
|
|
border-radius: 3px;
|
|
color: #222;
|
|
cursor: default;
|
|
display: flex;
|
|
padding: 1px 6px;
|
|
font-family: var(--font-primary);
|
|
font-size: var(--font-size-14);
|
|
line-height: 28px;
|
|
}
|
|
.app.choice-set-prompt section.window-content .choices .drop-zone i.fas {
|
|
border: 1px solid #BBB;
|
|
border-radius: 2px;
|
|
align-items: center;
|
|
display: flex;
|
|
height: 1.6em;
|
|
justify-content: center;
|
|
margin-right: 0.5em;
|
|
width: 1.6em;
|
|
}
|
|
.app.choice-set-prompt section.window-content .choices .drop-zone i.fas:after {
|
|
font-size: var(--font-size-20);
|
|
}
|
|
.app.choice-set-prompt section.window-content .choices .drop-zone span {
|
|
color: black;
|
|
flex: 1;
|
|
}
|
|
#ui-middle {
|
|
position: relative;
|
|
}
|
|
.effect-panel {
|
|
pointer-events: initial;
|
|
position: absolute;
|
|
top: 5px;
|
|
right: 0;
|
|
}
|
|
.effect-panel .effect-item {
|
|
display: flex;
|
|
justify-content: flex-end;
|
|
height: 52px;
|
|
}
|
|
.effect-panel .effect-item[data-badge-type=formula] .icon {
|
|
cursor: pointer;
|
|
}
|
|
.effect-panel .effect-item[data-badge-type=formula] .icon:hover::before {
|
|
content: "\f6cf";
|
|
background: rgba(0, 0, 0, 0.5);
|
|
font-family: "Font Awesome 5 Free";
|
|
font-weight: 900;
|
|
font-size: var(--font-size-26);
|
|
color: white;
|
|
position: absolute;
|
|
width: 100%;
|
|
height: 100%;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
padding-bottom: 4px;
|
|
}
|
|
.effect-panel .effect-item:hover .effect-info {
|
|
display: flex;
|
|
align-items: flex-end;
|
|
flex-direction: column;
|
|
}
|
|
.effect-panel .effect-item .effect-info {
|
|
background-color: rgba(0, 0, 0, 0.75);
|
|
color: white;
|
|
display: none;
|
|
height: min-content;
|
|
margin-right: 0.5em;
|
|
max-width: 300px;
|
|
padding: 0.25em 0.5rem;
|
|
}
|
|
.effect-panel .effect-item .effect-info h1 {
|
|
margin: 0;
|
|
padding: 0;
|
|
border: none;
|
|
font-size: var(--font-size-12);
|
|
padding-top: 0.25em;
|
|
text-align: right;
|
|
}
|
|
.effect-panel .effect-item .effect-info h1 i.fa-comment-alt {
|
|
margin-left: 2px;
|
|
}
|
|
.effect-panel .effect-item .effect-info .tags {
|
|
justify-content: flex-end;
|
|
}
|
|
.effect-panel .effect-item .effect-info .tags .tag {
|
|
margin-bottom: 0;
|
|
}
|
|
.effect-panel .effect-item .effect-info .tags .tag + .tag, .effect-panel .effect-item .effect-info .tags .tag:first-child {
|
|
margin-left: 3px;
|
|
margin-right: -2px;
|
|
}
|
|
.effect-panel .effect-item .effect-info > a, .effect-panel .effect-item .effect-info .description a {
|
|
display: block;
|
|
border: 1px outset white;
|
|
font-size: var(--font-size-10);
|
|
margin-top: 0.125rem;
|
|
padding: 0.125rem;
|
|
}
|
|
.effect-panel .effect-item .effect-info > a.content-link, .effect-panel .effect-item .effect-info > a.inline-roll, .effect-panel .effect-item .effect-info .description a.content-link, .effect-panel .effect-item .effect-info .description a.inline-roll {
|
|
padding: 1px 4px;
|
|
border: 1px solid var(--color-border-dark-tertiary);
|
|
width: fit-content;
|
|
display: inline;
|
|
color: var(--color-text-dark-primary);
|
|
}
|
|
.effect-panel .effect-item .effect-info span[data-pf2-check] {
|
|
color: var(--color-text-dark-primary);
|
|
}
|
|
.effect-panel .effect-item .effect-info .instructions, .effect-panel .effect-item .effect-info .description {
|
|
font-size: 0.75em;
|
|
text-align: right;
|
|
}
|
|
.effect-panel .effect-item .effect-info .description {
|
|
max-height: 15em;
|
|
overflow-y: auto;
|
|
text-align: justify;
|
|
}
|
|
.effect-panel .effect-item .icon {
|
|
border: 1px solid rgba(0, 0, 0, 0.5);
|
|
box-shadow: 0 0 0 1px #C0C0C0, 0 0 0 2px #808080;
|
|
align-items: center;
|
|
background-repeat: no-repeat;
|
|
background-size: contain;
|
|
box-shadow: 0 0 0 1px #c0c0c0, 0 0 0 2px #808080, inset 0 0 4px rgba(0, 0, 0, 0.5);
|
|
color: transparent;
|
|
display: flex;
|
|
justify-content: center;
|
|
position: relative;
|
|
margin: 2px 0;
|
|
height: 48px;
|
|
width: 48px;
|
|
}
|
|
.effect-panel .effect-item .icon.aura {
|
|
border-radius: 50%;
|
|
box-shadow: 0px 0px 10px 5px white;
|
|
}
|
|
.effect-panel .effect-item .icon.unidentified {
|
|
filter: drop-shadow(0 0 8px var(--visibility-gm-bg));
|
|
}
|
|
.effect-panel .effect-item .icon .expired {
|
|
position: absolute;
|
|
left: 0;
|
|
bottom: -1px;
|
|
width: 100%;
|
|
padding: 2px 1px;
|
|
font-family: var(--sans-serif);
|
|
font-size: var(--font-size-10);
|
|
text-transform: uppercase;
|
|
letter-spacing: 0.05em;
|
|
text-rendering: optimizeLegibility;
|
|
color: white;
|
|
background-color: var(--primary);
|
|
}
|
|
.effect-panel .effect-item .icon .linked {
|
|
position: absolute;
|
|
display: inline-block;
|
|
bottom: -1px;
|
|
right: -1px;
|
|
padding: 0px 2px;
|
|
color: white;
|
|
background-color: rgba(0, 0, 0, 0.75);
|
|
}
|
|
.effect-panel .effect-item .icon .value-wrapper {
|
|
position: absolute;
|
|
bottom: -1px;
|
|
left: -1px;
|
|
max-width: calc(100% + 2px);
|
|
padding: 0px 2px;
|
|
color: white;
|
|
background-color: rgba(0, 0, 0, 0.75);
|
|
font-size: var(--font-size-13);
|
|
letter-spacing: -0.05em;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
}
|
|
.effect-panel .effect-item .icon .value-wrapper .value {
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
}
|
|
.effect-panel .effect-item .icon .value-wrapper .value strong {
|
|
display: inline-block;
|
|
padding-right: 1px;
|
|
}
|
|
.effect-panel > hr {
|
|
margin-right: 0;
|
|
width: 48px;
|
|
}
|
|
.journal-entry-page .journal-page-content {
|
|
--space-s: 0.25em;
|
|
--space-m: 0.5em;
|
|
--space-l: 1em;
|
|
--space-xl: 1.5em;
|
|
--space-2xl: 2em;
|
|
--radius: 3px;
|
|
}
|
|
.journal-entry-page .journal-page-content p {
|
|
min-height: unset;
|
|
}
|
|
.journal-entry-page .journal-page-content :is(h1, h2, h3, h4, h5, h6):not(:first-child) {
|
|
margin-top: 1em;
|
|
}
|
|
.journal-entry-page .journal-page-content .inline-header {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: var(--space-l);
|
|
background-color: var(--alt);
|
|
font-family: var(--sans-serif);
|
|
color: white;
|
|
padding: 0;
|
|
font-size: 0.8em;
|
|
font-weight: 400;
|
|
border: none;
|
|
}
|
|
.journal-entry-page .journal-page-content .inline-header strong {
|
|
display: inline-flex;
|
|
padding: 0 var(--space-m);
|
|
background-color: var(--primary);
|
|
min-width: 15ch;
|
|
border-right: 1px solid rgba(0, 0, 0, 0.4);
|
|
box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.2);
|
|
font-weight: 400;
|
|
}
|
|
.journal-entry-page .journal-page-content .inline-header + p {
|
|
margin-top: var(--space-s);
|
|
}
|
|
.journal-entry-page .journal-page-content .info {
|
|
background-color: var(--secondary);
|
|
padding: var(--space-m);
|
|
color: white;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
padding: 0;
|
|
border-radius: var(--radius);
|
|
font-family: var(--sans-serif);
|
|
padding-bottom: var(--space-m);
|
|
}
|
|
.journal-entry-page .journal-page-content .info > * + * {
|
|
margin-top: var(--space-m);
|
|
}
|
|
.journal-entry-page .journal-page-content .info + * {
|
|
margin-top: var(--space-xl);
|
|
}
|
|
.journal-entry-page .journal-page-content .info + .journal-entry-page .journal-page-content .info {
|
|
margin-top: var(--space-s);
|
|
}
|
|
.journal-entry-page .journal-page-content .info h4 {
|
|
font-size: 0.9em;
|
|
font-weight: 400;
|
|
line-height: 1.2;
|
|
font-family: var(--sans-serif);
|
|
border-bottom: 1px solid rgba(0, 0, 0, 0.6);
|
|
padding: var(--space-m) var(--space-l);
|
|
position: relative;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
color: white;
|
|
}
|
|
.journal-entry-page .journal-page-content .info h4::after {
|
|
font-family: "Font Awesome 6";
|
|
content: "\f05a";
|
|
font-weight: 900;
|
|
margin-right: var(--space-s);
|
|
}
|
|
.journal-entry-page .journal-page-content .info p {
|
|
font-size: 0.8em;
|
|
margin: 0;
|
|
padding: 0 var(--space-l);
|
|
}
|
|
.journal-entry-page .journal-page-content .info p:first-of-type {
|
|
padding-top: var(--space-m);
|
|
border-top: 1px solid rgba(255, 255, 255, 0.1);
|
|
}
|
|
.journal-entry-page .journal-page-content .traits {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
padding: 0;
|
|
}
|
|
.journal-entry-page .journal-page-content .traits p {
|
|
display: inline-flex;
|
|
padding: 0.16rem 0.25rem;
|
|
margin: 0;
|
|
background-color: var(--primary);
|
|
border: 2px solid var(--color-border-trait);
|
|
color: white;
|
|
font: 500 var(--font-size-10) var(--sans-serif);
|
|
text-transform: uppercase;
|
|
}
|
|
.journal-entry-page .journal-page-content .statblock {
|
|
font-family: var(--sans-serif-condensed);
|
|
color: black;
|
|
line-height: 1.2;
|
|
margin-bottom: var(--space-m);
|
|
}
|
|
.journal-entry-page .journal-page-content .statblock > * + * {
|
|
margin-top: var(--space-s);
|
|
margin-bottom: 0;
|
|
}
|
|
.journal-entry-page .journal-page-content .statblock p {
|
|
--indent: var(--space-l);
|
|
margin-left: var(--indent);
|
|
position: relative;
|
|
}
|
|
.journal-entry-page .journal-page-content .statblock p strong:first-of-type {
|
|
margin-left: calc(var(--indent) * -1);
|
|
}
|
|
.journal-entry-page .journal-page-content .statblock p .trait:first-of-type {
|
|
margin-left: calc(var(--indent) * -1 - 2px);
|
|
}
|
|
.journal-entry-page .journal-page-content .statblock span.pf2-icon {
|
|
line-height: 1;
|
|
}
|
|
.journal-entry-page .journal-page-content .statblock h1,
|
|
.journal-entry-page .journal-page-content .statblock h2,
|
|
.journal-entry-page .journal-page-content .statblock h3,
|
|
.journal-entry-page .journal-page-content .statblock h4 {
|
|
display: flex;
|
|
align-items: baseline;
|
|
justify-content: space-between;
|
|
border-bottom: 1px solid black;
|
|
text-transform: uppercase;
|
|
letter-spacing: -0.05em;
|
|
font-family: var(--sans-serif-condensed);
|
|
font-weight: 700;
|
|
}
|
|
.journal-entry-page .journal-page-content .statblock hr {
|
|
border: none;
|
|
border-bottom: 1px solid black;
|
|
}
|
|
.journal-entry-page .journal-page-content .message {
|
|
font-family: var(--journal-cursive);
|
|
font-size: 2em;
|
|
line-height: 1.2;
|
|
}
|
|
.journal-entry-page .journal-page-content .fumble-deck h1 {
|
|
font-family: var(--font-primary);
|
|
font-size: 1.75em;
|
|
font-weight: bold;
|
|
line-height: normal;
|
|
text-transform: uppercase;
|
|
color: black;
|
|
border: 2px solid;
|
|
border-radius: 15px;
|
|
padding: 0 0 0 1.5em;
|
|
background-size: 1.22em;
|
|
background-repeat: no-repeat;
|
|
background-color: #e5bf85;
|
|
position: relative;
|
|
top: 1em;
|
|
width: 80%;
|
|
}
|
|
.journal-entry-page .journal-page-content .fumble-deck h1:first-child {
|
|
background-image: url("../icons/equipment/weapons/gnome-hooked-hammer.webp");
|
|
}
|
|
.journal-entry-page .journal-page-content .fumble-deck h1:nth-of-type(2) {
|
|
background-image: url("../icons/equipment/weapons/longbow.webp");
|
|
}
|
|
.journal-entry-page .journal-page-content .fumble-deck h1:nth-of-type(3) {
|
|
background-image: url("../icons/equipment/weapons/fist.webp");
|
|
}
|
|
.journal-entry-page .journal-page-content .fumble-deck h1:nth-of-type(4) {
|
|
background-image: url("../icons/spells/chain-lightning.webp");
|
|
}
|
|
.journal-entry-page .journal-page-content .fumble-deck blockquote {
|
|
font-family: var(--font-primary);
|
|
border-left: none;
|
|
background-color: #000059;
|
|
color: white;
|
|
font-size: 120%;
|
|
margin-left: 0.7em;
|
|
padding: 1.2em 1.25em 0.75em;
|
|
border-radius: 8px;
|
|
}
|
|
.journal-entry-page .journal-page-content .fumble-deck blockquote a {
|
|
color: black;
|
|
}
|
|
.journal-entry-page .journal-page-content .fumble-deck blockquote span.with-repost {
|
|
color: black;
|
|
}
|
|
.journal-entry-page .journal-page-content .fumble-deck code {
|
|
font-family: var(--font-primary);
|
|
font-weight: bold;
|
|
font-size: 100%;
|
|
line-height: normal;
|
|
background-image: url("../assets/critfumble-banner.webp");
|
|
background-size: 100% 100%;
|
|
box-shadow: 5px 5px 10px 3px #282a2d;
|
|
display: inline-block;
|
|
float: right;
|
|
text-align: center;
|
|
margin-top: -1.75em;
|
|
margin-right: 0.75em;
|
|
width: 7em;
|
|
padding: 0.5em;
|
|
}
|
|
.journal-entry-page .journal-page-content .critical-deck h1 {
|
|
font-family: var(--font-primary);
|
|
font-size: 1.75em;
|
|
font-weight: bold;
|
|
line-height: normal;
|
|
text-transform: uppercase;
|
|
color: black;
|
|
border: 2px solid;
|
|
border-radius: 15px;
|
|
padding: 0 0 0 1.5em;
|
|
background-size: 1.22em;
|
|
background-repeat: no-repeat;
|
|
background-color: #e5bf85;
|
|
position: relative;
|
|
top: 1em;
|
|
width: 80%;
|
|
}
|
|
.journal-entry-page .journal-page-content .critical-deck h1:first-child {
|
|
background-image: url("../icons/equipment/weapons/light-hammer.webp");
|
|
}
|
|
.journal-entry-page .journal-page-content .critical-deck h1:nth-of-type(2) {
|
|
background-image: url("../../../icons/weapons/polearms/javelin.webp");
|
|
}
|
|
.journal-entry-page .journal-page-content .critical-deck h1:nth-of-type(3) {
|
|
background-image: url("../../../icons/weapons/axes/axe-battle-worn.webp");
|
|
}
|
|
.journal-entry-page .journal-page-content .critical-deck h1:nth-of-type(4) {
|
|
background-image: url("../../../icons/weapons/thrown/bomb-fuse-cloth-pink.webp");
|
|
}
|
|
.journal-entry-page .journal-page-content .critical-deck blockquote {
|
|
font-family: var(--font-primary);
|
|
border-left: none;
|
|
background: rgb(14, 40, 17);
|
|
background: radial-gradient(circle, rgb(14, 40, 17) 10%, rgb(20, 59, 25) 50%, rgb(14, 40, 17) 90%);
|
|
color: white;
|
|
font-size: 120%;
|
|
margin-left: 0.7em;
|
|
padding: 1.2em 1.25em 0.75em;
|
|
border-radius: 8px;
|
|
}
|
|
.journal-entry-page .journal-page-content .critical-deck blockquote a {
|
|
color: black;
|
|
}
|
|
.journal-entry-page .journal-page-content .critical-deck blockquote span.with-repost {
|
|
color: black;
|
|
}
|
|
.journal-entry-page .journal-page-content .critical-deck code {
|
|
font-family: var(--font-primary);
|
|
font-weight: bold;
|
|
font-size: 100%;
|
|
line-height: normal;
|
|
background-image: url("../assets/critfumble-banner.webp");
|
|
background-size: 100% 100%;
|
|
box-shadow: 5px 5px 10px 3px #282a2d;
|
|
display: inline-block;
|
|
float: right;
|
|
text-align: center;
|
|
margin-top: -1.75em;
|
|
margin-right: 0.75em;
|
|
width: 9em;
|
|
padding: 0.5em;
|
|
}
|
|
#migration-summary > .window-content > h3 {
|
|
margin: auto;
|
|
}
|
|
#migration-summary > .window-content > .dialog-content > table i.fa-check {
|
|
color: green;
|
|
}
|
|
#migration-summary > .window-content > .dialog-content > table i.fa-times {
|
|
color: red;
|
|
}
|
|
#migration-summary > .window-content > .dialog-content > table td {
|
|
text-align: center;
|
|
}
|
|
#migration-summary > .window-content > .dialog-buttons {
|
|
display: flex;
|
|
}
|
|
#migration-summary > .window-content > .dialog-buttons:disabled::hover {
|
|
box-shadow: none;
|
|
}
|
|
#upw-viewer .window-content {
|
|
background: no-repeat right url("../assets/upw-logo.webp") black;
|
|
}
|
|
#upw-viewer .window-content .content {
|
|
color: #eee;
|
|
width: 435px;
|
|
font-size: larger;
|
|
}
|
|
#upw-viewer .window-content .content a[href] {
|
|
color: #8b6cae;
|
|
font-size: large;
|
|
display: block;
|
|
text-align: center;
|
|
}
|
|
#world-clock section.window-content {
|
|
font-size: 1rem;
|
|
}
|
|
#world-clock section.window-content h1 {
|
|
font-size: inherit;
|
|
text-align: center;
|
|
}
|
|
#world-clock section.window-content .input-grid {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
font-size: 0.8rem;
|
|
justify-content: space-evenly;
|
|
}
|
|
#world-clock section.window-content .input-grid > * {
|
|
flex-basis: 32%;
|
|
height: 1.5rem;
|
|
line-height: 20px;
|
|
}
|
|
#world-clock section.window-content .input-grid .sign {
|
|
font-family: var(--sans-serif-monospace);
|
|
font-size: inherit;
|
|
}
|
|
#world-clock section.window-content .input-grid button {
|
|
align-items: center;
|
|
display: flex;
|
|
font-size: inherit;
|
|
justify-content: center;
|
|
margin: 1px;
|
|
}
|
|
#world-clock section.window-content .input-grid button img {
|
|
border: none;
|
|
height: 1.5em;
|
|
}
|
|
#world-clock section.window-content .input-grid .time-of-day {
|
|
display: flex;
|
|
flex-basis: 100%;
|
|
margin: 0 3px;
|
|
}
|
|
#world-clock section.window-content .input-grid .time-of-day img.midnight {
|
|
height: 1.05rem;
|
|
}
|
|
.tags {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
gap: 2px;
|
|
list-style-type: none;
|
|
margin-bottom: 2px;
|
|
padding-left: 0;
|
|
}
|
|
.tags .tag, .tags .tag option {
|
|
font-family: var(--sans-serif);
|
|
font-size: var(--font-size-10);
|
|
text-transform: uppercase;
|
|
letter-spacing: 0.05em;
|
|
text-rendering: optimizeLegibility;
|
|
align-items: center;
|
|
background-color: var(--primary);
|
|
border-radius: 2px;
|
|
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.5);
|
|
color: white;
|
|
display: flex;
|
|
font-weight: 500;
|
|
min-height: 1.5em;
|
|
padding: 0 0.33em;
|
|
}
|
|
.tags .tag.edit-btn, .tags .tag option.edit-btn {
|
|
align-items: center;
|
|
background-color: white;
|
|
border-radius: 0;
|
|
color: var(--primary);
|
|
display: flex;
|
|
justify-content: center;
|
|
}
|
|
.tags .tag.edit-btn a, .tags .tag option.edit-btn a {
|
|
display: inline-flex;
|
|
}
|
|
.tags .tag.edit-btn a svg, .tags .tag option.edit-btn a svg {
|
|
height: 9px;
|
|
width: auto;
|
|
}
|
|
.tags .tag.tag_secondary, .tags .tag option.tag_secondary {
|
|
background-color: var(--secondary);
|
|
color: white;
|
|
}
|
|
.tags .tag.tag_tertiary, .tags .tag option.tag_tertiary {
|
|
background-color: var(--tertiary);
|
|
color: white;
|
|
}
|
|
.tags .tag.tag_alt, .tags .tag option.tag_alt {
|
|
background-color: var(--alt);
|
|
color: white;
|
|
}
|
|
.tags .tag.tag_material, .tags .tag option.tag_material {
|
|
background-color: var(--alt-dark);
|
|
color: white;
|
|
}
|
|
.tags .tag.tag_transparent, .tags .tag option.tag_transparent {
|
|
background-color: transparent;
|
|
color: var(--text-color-dark-2);
|
|
text-transform: none;
|
|
font-family: var(--font-primary);
|
|
font-size: var(--font-size-10);
|
|
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3);
|
|
border-radius: 4px;
|
|
}
|
|
.tags .tag.mystified, .tags .tag option.mystified {
|
|
opacity: 0.7;
|
|
}
|
|
.tags .tag.common, .tags .tag[value=common], .tags .tag option.common, .tags .tag option[value=common] {
|
|
border-color: #323232;
|
|
background-color: #323232;
|
|
}
|
|
.tags .tag.uncommon, .tags .tag[value=uncommon], .tags .tag option.uncommon, .tags .tag option[value=uncommon] {
|
|
border-color: #98513d;
|
|
background-color: #98513d;
|
|
}
|
|
.tags .tag.rare, .tags .tag[value=rare], .tags .tag option.rare, .tags .tag option[value=rare] {
|
|
border-color: #002664;
|
|
background-color: #002664;
|
|
}
|
|
.tags .tag.unique, .tags .tag[value=unique], .tags .tag option.unique, .tags .tag option[value=unique] {
|
|
border-color: #54166e;
|
|
background-color: #54166e;
|
|
}
|
|
li.chat-message .tags .tag {
|
|
height: unset;
|
|
line-height: 1.65em;
|
|
min-height: 1em;
|
|
}
|
|
li.chat-message .tags .tag_transparent {
|
|
line-height: 1.25em;
|
|
padding: 0.1em 0.25em;
|
|
}
|
|
.tags.paizo-style {
|
|
align-items: center;
|
|
border-radius: 3px;
|
|
padding: 0.05em;
|
|
gap: 0;
|
|
}
|
|
.tags.paizo-style select.tag {
|
|
height: 22px;
|
|
}
|
|
.tags.paizo-style tag, .tags.paizo-style .tag, .tags.paizo-style select.tag {
|
|
border: 2px solid var(--color-border-trait);
|
|
margin: 0;
|
|
min-height: 22px;
|
|
}
|
|
.tags.paizo-style tag x, .tags.paizo-style .tag x, .tags.paizo-style select.tag x {
|
|
align-items: start;
|
|
margin: 0;
|
|
}
|
|
.tags.paizo-style tag__removeBtn, .tags.paizo-style .tag__removeBtn, .tags.paizo-style select.tag__removeBtn {
|
|
align-items: baseline;
|
|
}
|
|
.tags.paizo-style tag > div {
|
|
padding: 0 0.09rem 0 0.25rem;
|
|
}
|
|
.tags.paizo-style tag > div, .tags.paizo-style .tag, .tags.paizo-style select {
|
|
border-radius: 0;
|
|
display: flex;
|
|
font: 500 var(--font-size-10) var(--sans-serif);
|
|
}
|
|
.tags.paizo-style tag > div .tagify__tag-text, .tags.paizo-style .tag .tagify__tag-text, .tags.paizo-style select .tagify__tag-text {
|
|
text-transform: uppercase;
|
|
}
|
|
.tags.paizo-style[disabled] {
|
|
filter: none;
|
|
}
|
|
.tags.paizo-style[disabled] tag > div::before {
|
|
animation: none !important;
|
|
}
|
|
.tags.paizo-style[disabled] > .tagify__input {
|
|
display: none;
|
|
}
|
|
tags.tags.paizo-style {
|
|
background-color: rgba(0, 0, 0, 0.075);
|
|
--tag-bg: var(--primary);
|
|
--tag-hover: var(--primary);
|
|
--tag-remove-btn-color: var(--color-text-trait);
|
|
--tag-text-color: var(--color-text-trait);
|
|
--tags-border-color: var(--color-border-light-tertiary);
|
|
--tags-focus-border-color: var(--color-border-light-tertiary);
|
|
--tags-hover-border-color: var(--color-border-light-tertiary);
|
|
--readonly-striped: 0;
|
|
}
|
|
tags.tags.paizo-style .tagify__input {
|
|
margin: 0;
|
|
padding: 0.1em 0.5em;
|
|
}
|
|
tags.tags.paizo-style .tagify__input::before {
|
|
align-items: center;
|
|
color: var(--color-text-dark-secondary);
|
|
display: flex;
|
|
font: 500 var(--font-size-10) var(--sans-serif);
|
|
letter-spacing: 0.05em;
|
|
margin: 0;
|
|
min-height: 22px;
|
|
text-rendering: optimizeLegibility;
|
|
text-transform: uppercase;
|
|
width: fit-content;
|
|
}
|
|
tags.tags.paizo-style .conjunction-not .tagify__tag-text {
|
|
text-decoration: line-through;
|
|
text-decoration-color: var(--color-text-trait);
|
|
}
|
|
tags.tags.paizo-style tag[readonly=true] {
|
|
padding-right: 2px;
|
|
}
|
|
tags.tagify.pf2e-tagify {
|
|
--tag-bg: var(--color-text-light-3);
|
|
--tags-border-color: var(--color-text-light-5);
|
|
--tags-hover-border-color: var(--color-text-light-5);
|
|
align-items: center;
|
|
background-color: rgba(255, 255, 255, 0.5);
|
|
border-radius: 3px;
|
|
gap: 3px;
|
|
padding: 2px;
|
|
}
|
|
tags.tagify.pf2e-tagify:hover {
|
|
box-shadow: 0 0 10px #00005a;
|
|
}
|
|
tags.tagify.pf2e-tagify tag {
|
|
margin: 0;
|
|
padding: 1px;
|
|
}
|
|
tags.tagify.pf2e-tagify tag x {
|
|
margin: 0;
|
|
}
|
|
tags.tagify.pf2e-tagify tag > div {
|
|
padding: 2px;
|
|
}
|
|
tags.tagify.pf2e-tagify tag > div .tagify__tag-text {
|
|
font-weight: normal;
|
|
}
|
|
tags.tagify.pf2e-tagify tag .tagify__tag__removeBtn {
|
|
align-items: baseline;
|
|
}
|
|
tags.tagify.pf2e-tagify .tagify__input {
|
|
margin: 0;
|
|
}
|
|
tags.pf2e-tagify.tagify--hasMaxTags > span, tags.tags.paizo-style.tagify--hasMaxTags > span {
|
|
display: none;
|
|
}
|
|
tags.pf2e-tagify:not(.tagify--select) > span, tags.tags.paizo-style:not(.tagify--select) > span {
|
|
min-width: 20px;
|
|
}
|
|
.damage-tag {
|
|
white-space: nowrap;
|
|
margin: 0 1px 1px 0;
|
|
padding: 0 3px;
|
|
font-size: var(--font-size-10);
|
|
line-height: 16px;
|
|
border: 1px solid #999;
|
|
border-radius: 3px;
|
|
}
|
|
.damage-tag-base {
|
|
color: white;
|
|
background: rgba(0, 0, 0, 0.45);
|
|
}
|
|
.damage-tag-modifier {
|
|
background: rgba(0, 0, 0, 0.05);
|
|
}
|
|
.tagify {
|
|
--tag-inset-shadow-size: 10em ;
|
|
}
|
|
.tagify__tag__removeBtn {
|
|
overflow: visible;
|
|
}
|
|
.travel-duration h2 {
|
|
margin-top: 10px;
|
|
margin-bottom: 30px;
|
|
}
|
|
.travel-duration table td {
|
|
padding: 5px 10px;
|
|
}
|
|
.travel-duration table td.centered {
|
|
text-align: center;
|
|
}
|
|
.travel-duration .journey-input {
|
|
display: grid;
|
|
column-gap: 5px;
|
|
grid: "size type"/50px 1fr 1fr;
|
|
}
|
|
.travel-duration .fraction-input {
|
|
text-align: center;
|
|
}
|
|
.travel-duration .fraction-input input {
|
|
width: 30px;
|
|
}
|
|
.travel-duration .speed-input {
|
|
width: 30px;
|
|
}
|