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.
18419 lines
579 KiB
18419 lines
579 KiB
@charset "UTF-8";
|
|
:root {
|
|
--tagify-dd-color-primary: rgb(53,149,246);
|
|
--tagify-dd-bg-color: white;
|
|
--tagify-dd-item-pad: .3em .5em;
|
|
}
|
|
|
|
.tagify {
|
|
--tags-disabled-bg: #F1F1F1;
|
|
--tags-border-color: #DDD;
|
|
--tags-hover-border-color: #CCC;
|
|
--tags-focus-border-color: #3595f6;
|
|
--tag-border-radius: 3px;
|
|
--tag-bg: #E5E5E5;
|
|
--tag-hover: #D3E2E2;
|
|
--tag-text-color: black;
|
|
--tag-text-color--edit: black;
|
|
--tag-pad: 0.3em 0.5em;
|
|
--tag-inset-shadow-size: 1.1em;
|
|
--tag-invalid-color: #D39494;
|
|
--tag-invalid-bg: rgba(211, 148, 148, 0.5);
|
|
--tag-remove-bg: rgba(211, 148, 148, 0.3);
|
|
--tag-remove-btn-color: black;
|
|
--tag-remove-btn-bg: none;
|
|
--tag-remove-btn-bg--hover: #c77777;
|
|
--input-color: inherit;
|
|
--tag--min-width: 1ch;
|
|
--tag--max-width: auto;
|
|
--tag-hide-transition: 0.3s;
|
|
--placeholder-color: rgba(0, 0, 0, 0.4);
|
|
--placeholder-color-focus: rgba(0, 0, 0, 0.25);
|
|
--loader-size: .8em;
|
|
--readonly-striped: 1;
|
|
display: inline-flex;
|
|
align-items: flex-start;
|
|
flex-wrap: wrap;
|
|
border: 1px solid var(--tags-border-color);
|
|
padding: 0;
|
|
line-height: 0;
|
|
cursor: text;
|
|
outline: none;
|
|
position: relative;
|
|
box-sizing: border-box;
|
|
transition: 0.1s;
|
|
}
|
|
@keyframes tags--bump {
|
|
30% {
|
|
transform: scale(1.2);
|
|
}
|
|
}
|
|
@keyframes rotateLoader {
|
|
to {
|
|
transform: rotate(1turn);
|
|
}
|
|
}
|
|
.tagify:hover:not(.tagify--focus):not(.tagify--invalid) {
|
|
--tags-border-color: var(--tags-hover-border-color);
|
|
}
|
|
.tagify[disabled] {
|
|
background: var(--tags-disabled-bg);
|
|
filter: saturate(0);
|
|
opacity: 0.5;
|
|
pointer-events: none;
|
|
}
|
|
.tagify[readonly].tagify--select, .tagify[disabled].tagify--select {
|
|
pointer-events: none;
|
|
}
|
|
.tagify[readonly]:not(.tagify--mix):not(.tagify--select), .tagify[disabled]:not(.tagify--mix):not(.tagify--select) {
|
|
cursor: default;
|
|
}
|
|
.tagify[readonly]:not(.tagify--mix):not(.tagify--select) > .tagify__input, .tagify[disabled]:not(.tagify--mix):not(.tagify--select) > .tagify__input {
|
|
visibility: hidden;
|
|
width: 0;
|
|
margin: 5px 0;
|
|
}
|
|
.tagify[readonly]:not(.tagify--mix):not(.tagify--select) .tagify__tag > div, .tagify[disabled]:not(.tagify--mix):not(.tagify--select) .tagify__tag > div {
|
|
padding: var(--tag-pad);
|
|
}
|
|
.tagify[readonly]:not(.tagify--mix):not(.tagify--select) .tagify__tag > div::before, .tagify[disabled]:not(.tagify--mix):not(.tagify--select) .tagify__tag > div::before {
|
|
animation: readonlyStyles 1s calc(-1s * (var(--readonly-striped) - 1)) paused;
|
|
}
|
|
@keyframes readonlyStyles {
|
|
0% {
|
|
background: linear-gradient(45deg, var(--tag-bg) 25%, transparent 25%, transparent 50%, var(--tag-bg) 50%, var(--tag-bg) 75%, transparent 75%, transparent) 0/5px 5px;
|
|
box-shadow: none;
|
|
filter: brightness(0.95);
|
|
}
|
|
}
|
|
.tagify[readonly] .tagify__tag__removeBtn, .tagify[disabled] .tagify__tag__removeBtn {
|
|
display: none;
|
|
}
|
|
.tagify--loading .tagify__input > br:last-child {
|
|
display: none;
|
|
}
|
|
.tagify--loading .tagify__input::before {
|
|
content: none;
|
|
}
|
|
.tagify--loading .tagify__input::after {
|
|
content: "";
|
|
vertical-align: middle;
|
|
opacity: 1;
|
|
width: 0.7em;
|
|
height: 0.7em;
|
|
width: var(--loader-size);
|
|
height: var(--loader-size);
|
|
min-width: 0;
|
|
border: 3px solid;
|
|
border-color: #EEE #BBB #888 transparent;
|
|
border-radius: 50%;
|
|
animation: rotateLoader 0.4s infinite linear;
|
|
content: "" !important;
|
|
margin: -2px 0 -2px 0.5em;
|
|
}
|
|
.tagify--loading .tagify__input:empty::after {
|
|
margin-left: 0;
|
|
}
|
|
.tagify + input,
|
|
.tagify + textarea {
|
|
position: absolute !important;
|
|
left: -9999em !important;
|
|
transform: scale(0) !important;
|
|
}
|
|
.tagify__tag {
|
|
display: inline-flex;
|
|
align-items: center;
|
|
margin: 5px 0 5px 5px;
|
|
position: relative;
|
|
z-index: 1;
|
|
outline: none;
|
|
line-height: normal;
|
|
cursor: default;
|
|
transition: 0.13s ease-out;
|
|
}
|
|
.tagify__tag > div {
|
|
vertical-align: top;
|
|
box-sizing: border-box;
|
|
max-width: 100%;
|
|
padding: var(--tag-pad);
|
|
color: var(--tag-text-color);
|
|
line-height: inherit;
|
|
border-radius: var(--tag-border-radius);
|
|
white-space: nowrap;
|
|
transition: 0.13s ease-out;
|
|
}
|
|
.tagify__tag > div > * {
|
|
white-space: pre-wrap;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
min-width: var(--tag--min-width);
|
|
max-width: var(--tag--max-width);
|
|
transition: 0.8s ease, 0.1s color;
|
|
}
|
|
.tagify__tag > div > *[contenteditable] {
|
|
outline: none;
|
|
user-select: text;
|
|
cursor: text;
|
|
margin: -2px;
|
|
padding: 2px;
|
|
max-width: 350px;
|
|
}
|
|
.tagify__tag > div::before {
|
|
content: "";
|
|
position: absolute;
|
|
border-radius: inherit;
|
|
inset: var(--tag-bg-inset, 0);
|
|
z-index: -1;
|
|
pointer-events: none;
|
|
transition: 120ms ease;
|
|
animation: tags--bump 0.3s ease-out 1;
|
|
box-shadow: 0 0 0 var(--tag-inset-shadow-size) var(--tag-bg) inset;
|
|
}
|
|
.tagify__tag:hover:not([readonly]) div::before, .tagify__tag:focus div::before {
|
|
--tag-bg-inset: -2.5px;
|
|
--tag-bg: var(--tag-hover);
|
|
}
|
|
.tagify__tag--loading {
|
|
pointer-events: none;
|
|
}
|
|
.tagify__tag--loading .tagify__tag__removeBtn {
|
|
display: none;
|
|
}
|
|
.tagify__tag--loading::after {
|
|
--loader-size: .4em;
|
|
content: "";
|
|
vertical-align: middle;
|
|
opacity: 1;
|
|
width: 0.7em;
|
|
height: 0.7em;
|
|
width: var(--loader-size);
|
|
height: var(--loader-size);
|
|
min-width: 0;
|
|
border: 3px solid;
|
|
border-color: #EEE #BBB #888 transparent;
|
|
border-radius: 50%;
|
|
animation: rotateLoader 0.4s infinite linear;
|
|
margin: 0 0.5em 0 -0.1em;
|
|
}
|
|
.tagify__tag--flash div::before {
|
|
animation: none;
|
|
}
|
|
.tagify__tag--hide {
|
|
width: 0 !important;
|
|
padding-left: 0;
|
|
padding-right: 0;
|
|
margin-left: 0;
|
|
margin-right: 0;
|
|
opacity: 0;
|
|
transform: scale(0);
|
|
transition: var(--tag-hide-transition);
|
|
pointer-events: none;
|
|
}
|
|
.tagify__tag--hide > div > * {
|
|
white-space: nowrap;
|
|
}
|
|
.tagify__tag.tagify--noAnim > div::before {
|
|
animation: none;
|
|
}
|
|
.tagify__tag.tagify--notAllowed:not(.tagify__tag--editable) div > span {
|
|
opacity: 0.5;
|
|
}
|
|
.tagify__tag.tagify--notAllowed:not(.tagify__tag--editable) div::before {
|
|
--tag-bg: var(--tag-invalid-bg);
|
|
transition: 0.2s;
|
|
}
|
|
.tagify__tag[readonly] .tagify__tag__removeBtn {
|
|
display: none;
|
|
}
|
|
.tagify__tag[readonly] > div::before {
|
|
animation: readonlyStyles 1s calc(-1s * (var(--readonly-striped) - 1)) paused;
|
|
}
|
|
@keyframes readonlyStyles {
|
|
0% {
|
|
background: linear-gradient(45deg, var(--tag-bg) 25%, transparent 25%, transparent 50%, var(--tag-bg) 50%, var(--tag-bg) 75%, transparent 75%, transparent) 0/5px 5px;
|
|
box-shadow: none;
|
|
filter: brightness(0.95);
|
|
}
|
|
}
|
|
.tagify__tag--editable > div {
|
|
color: var(--tag-text-color--edit);
|
|
}
|
|
.tagify__tag--editable > div::before {
|
|
box-shadow: 0 0 0 2px var(--tag-hover) inset !important;
|
|
}
|
|
.tagify__tag--editable > .tagify__tag__removeBtn {
|
|
pointer-events: none;
|
|
}
|
|
.tagify__tag--editable > .tagify__tag__removeBtn::after {
|
|
opacity: 0;
|
|
transform: translateX(100%) translateX(5px);
|
|
}
|
|
.tagify__tag--editable.tagify--invalid > div::before {
|
|
box-shadow: 0 0 0 2px var(--tag-invalid-color) inset !important;
|
|
}
|
|
.tagify__tag__removeBtn {
|
|
order: 5;
|
|
display: inline-flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
border-radius: 50px;
|
|
cursor: pointer;
|
|
font: 14px/1 Arial;
|
|
background: var(--tag-remove-btn-bg);
|
|
color: var(--tag-remove-btn-color);
|
|
width: 14px;
|
|
height: 14px;
|
|
margin-right: 4.6666666667px;
|
|
margin-left: auto;
|
|
overflow: hidden;
|
|
transition: 0.2s ease-out;
|
|
}
|
|
.tagify__tag__removeBtn::after {
|
|
content: "×";
|
|
transition: 0.3s, color 0s;
|
|
}
|
|
.tagify__tag__removeBtn:hover {
|
|
color: white;
|
|
background: var(--tag-remove-btn-bg--hover);
|
|
}
|
|
.tagify__tag__removeBtn:hover + div > span {
|
|
opacity: 0.5;
|
|
}
|
|
.tagify__tag__removeBtn:hover + div::before {
|
|
box-shadow: 0 0 0 var(--tag-inset-shadow-size) var(--tag-remove-bg, rgba(211, 148, 148, 0.3)) inset !important;
|
|
transition: box-shadow 0.2s;
|
|
}
|
|
.tagify:not(.tagify--mix) .tagify__input br {
|
|
display: none;
|
|
}
|
|
.tagify:not(.tagify--mix) .tagify__input * {
|
|
display: inline;
|
|
white-space: nowrap;
|
|
}
|
|
.tagify__input {
|
|
flex-grow: 1;
|
|
display: inline-block;
|
|
min-width: 110px;
|
|
margin: 5px;
|
|
padding: var(--tag-pad);
|
|
line-height: normal;
|
|
position: relative;
|
|
white-space: pre-wrap;
|
|
color: var(--input-color);
|
|
box-sizing: inherit;
|
|
/* Seems firefox newer versions don't need this any more
|
|
@supports ( -moz-appearance:none ){
|
|
&::before{
|
|
line-height: inherit;
|
|
position:relative;
|
|
}
|
|
}
|
|
*/
|
|
}
|
|
@-moz-document url-prefix() {}
|
|
.tagify__input:empty::before {
|
|
position: static;
|
|
}
|
|
.tagify__input:focus {
|
|
outline: none;
|
|
}
|
|
.tagify__input:focus::before {
|
|
transition: 0.2s ease-out;
|
|
opacity: 0;
|
|
transform: translatex(6px);
|
|
/* ALL MS BROWSERS: hide placeholder (on focus) otherwise the caret is placed after it, which is weird */
|
|
/* IE Edge 12+ CSS styles go here */
|
|
}
|
|
@supports (-ms-ime-align: auto) {
|
|
.tagify__input:focus::before {
|
|
display: none;
|
|
}
|
|
}
|
|
.tagify__input:focus:empty::before {
|
|
transition: 0.2s ease-out;
|
|
opacity: 1;
|
|
transform: none;
|
|
color: rgba(0, 0, 0, 0.25);
|
|
color: var(--placeholder-color-focus);
|
|
}
|
|
@-moz-document url-prefix() {
|
|
.tagify__input:focus:empty::after {
|
|
display: none;
|
|
}
|
|
}
|
|
.tagify__input::before {
|
|
content: attr(data-placeholder);
|
|
height: 1em;
|
|
line-height: 1em;
|
|
margin: auto 0;
|
|
z-index: 1;
|
|
color: var(--placeholder-color);
|
|
white-space: nowrap;
|
|
pointer-events: none;
|
|
opacity: 0;
|
|
position: absolute;
|
|
}
|
|
.tagify__input::after {
|
|
content: attr(data-suggest);
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
position: absolute;
|
|
min-width: calc(100% - 1.5em);
|
|
text-overflow: ellipsis;
|
|
overflow: hidden;
|
|
white-space: pre; /* allows spaces at the beginning */
|
|
color: var(--tag-text-color);
|
|
opacity: 0.3;
|
|
pointer-events: none;
|
|
max-width: 100px;
|
|
}
|
|
.tagify__input .tagify__tag {
|
|
margin: 0 1px;
|
|
}
|
|
.tagify--mix {
|
|
display: block;
|
|
}
|
|
.tagify--mix .tagify__input {
|
|
padding: 5px;
|
|
margin: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
line-height: 1.5;
|
|
display: block;
|
|
}
|
|
.tagify--mix .tagify__input::before {
|
|
height: auto;
|
|
display: none;
|
|
line-height: inherit;
|
|
}
|
|
.tagify--mix .tagify__input::after {
|
|
content: none;
|
|
}
|
|
.tagify--select::after {
|
|
content: ">";
|
|
opacity: 0.5;
|
|
position: absolute;
|
|
top: 50%;
|
|
right: 0;
|
|
bottom: 0;
|
|
font: 16px monospace;
|
|
line-height: 8px;
|
|
height: 8px;
|
|
pointer-events: none;
|
|
transform: translate(-150%, -50%) scaleX(1.2) rotate(90deg);
|
|
transition: 0.2s ease-in-out;
|
|
}
|
|
.tagify--select[aria-expanded=true]::after {
|
|
transform: translate(-150%, -50%) rotate(270deg) scaleY(1.2);
|
|
}
|
|
.tagify--select .tagify__tag {
|
|
position: absolute;
|
|
top: 0;
|
|
right: 1.8em;
|
|
bottom: 0;
|
|
}
|
|
.tagify--select .tagify__tag div {
|
|
display: none;
|
|
}
|
|
.tagify--select .tagify__input {
|
|
width: 100%;
|
|
}
|
|
.tagify--empty .tagify__input::before {
|
|
transition: 0.2s ease-out;
|
|
opacity: 1;
|
|
transform: none;
|
|
display: inline-block;
|
|
width: auto;
|
|
}
|
|
.tagify--mix .tagify--empty .tagify__input::before {
|
|
display: inline-block;
|
|
}
|
|
.tagify--focus {
|
|
--tags-border-color: var(--tags-focus-border-color);
|
|
transition: 0s;
|
|
}
|
|
.tagify--invalid {
|
|
--tags-border-color: #D39494;
|
|
}
|
|
.tagify__dropdown {
|
|
position: absolute;
|
|
z-index: 9999;
|
|
transform: translateY(1px);
|
|
overflow: hidden;
|
|
}
|
|
.tagify__dropdown[placement=top] {
|
|
margin-top: 0;
|
|
transform: translateY(-100%);
|
|
}
|
|
.tagify__dropdown[placement=top] .tagify__dropdown__wrapper {
|
|
border-top-width: 1.1px;
|
|
border-bottom-width: 0;
|
|
}
|
|
.tagify__dropdown[position=text] {
|
|
box-shadow: 0 0 0 3px rgba(var(--tagify-dd-color-primary), 0.1);
|
|
font-size: 0.9em;
|
|
}
|
|
.tagify__dropdown[position=text] .tagify__dropdown__wrapper {
|
|
border-width: 1px;
|
|
}
|
|
.tagify__dropdown__wrapper {
|
|
max-height: 300px;
|
|
overflow: auto;
|
|
overflow-x: hidden;
|
|
background: var(--tagify-dd-bg-color);
|
|
border: 1px solid;
|
|
border-color: var(--tagify-dd-color-primary);
|
|
border-bottom-width: 1.5px;
|
|
border-top-width: 0;
|
|
box-shadow: 0 2px 4px -2px rgba(0, 0, 0, 0.2);
|
|
transition: 0.25s cubic-bezier(0, 1, 0.5, 1);
|
|
}
|
|
.tagify__dropdown__header:empty {
|
|
display: none;
|
|
}
|
|
.tagify__dropdown__footer {
|
|
display: inline-block;
|
|
margin-top: 0.5em;
|
|
padding: var(--tagify-dd-item-pad);
|
|
font-size: 0.7em;
|
|
font-style: italic;
|
|
opacity: 0.5;
|
|
}
|
|
.tagify__dropdown__footer:empty {
|
|
display: none;
|
|
}
|
|
.tagify__dropdown--initial .tagify__dropdown__wrapper {
|
|
max-height: 20px;
|
|
transform: translateY(-1em);
|
|
}
|
|
.tagify__dropdown--initial[placement=top] .tagify__dropdown__wrapper {
|
|
transform: translateY(2em);
|
|
}
|
|
.tagify__dropdown__item {
|
|
box-sizing: border-box;
|
|
padding: var(--tagify-dd-item-pad);
|
|
margin: 1px;
|
|
cursor: pointer;
|
|
border-radius: 2px;
|
|
position: relative;
|
|
outline: none;
|
|
max-height: 60px;
|
|
max-width: 100%;
|
|
/* custom hidden transition effect is needed for horizontal-layout suggestions */
|
|
}
|
|
.tagify__dropdown__item--active {
|
|
background: var(--tagify-dd-color-primary);
|
|
color: white;
|
|
}
|
|
.tagify__dropdown__item:active {
|
|
filter: brightness(105%);
|
|
}
|
|
.tagify__dropdown__item--hidden {
|
|
padding-top: 0;
|
|
padding-bottom: 0;
|
|
margin: 0 1px;
|
|
pointer-events: none;
|
|
overflow: hidden;
|
|
max-height: 0;
|
|
transition: var(--tagify-dd-item--hidden-duration, 0.3s) !important;
|
|
}
|
|
.tagify__dropdown__item--hidden > * {
|
|
transform: translateY(-100%);
|
|
opacity: 0;
|
|
transition: inherit;
|
|
}.noUi-target,.noUi-target *{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-ms-touch-action:none;touch-action:none;-ms-user-select:none;-moz-user-select:none;user-select:none;-moz-box-sizing:border-box;box-sizing:border-box}.noUi-target{position:relative}.noUi-base,.noUi-connects{width:100%;height:100%;position:relative;z-index:1}.noUi-connects{overflow:hidden;z-index:0}.noUi-connect,.noUi-origin{will-change:transform;position:absolute;z-index:1;top:0;right:0;height:100%;width:100%;-ms-transform-origin:0 0;-webkit-transform-origin:0 0;-webkit-transform-style:preserve-3d;transform-origin:0 0;transform-style:flat}.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin{left:0;right:auto}.noUi-vertical .noUi-origin{top:-100%;width:0}.noUi-horizontal .noUi-origin{height:0}.noUi-handle{-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute}.noUi-touch-area{height:100%;width:100%}.noUi-state-tap .noUi-connect,.noUi-state-tap .noUi-origin{-webkit-transition:transform .3s;transition:transform .3s}.noUi-state-drag *{cursor:inherit!important}.noUi-horizontal{height:18px}.noUi-horizontal .noUi-handle{width:34px;height:28px;right:-17px;top:-6px}.noUi-vertical{width:18px}.noUi-vertical .noUi-handle{width:28px;height:34px;right:-6px;bottom:-17px}.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle{left:-17px;right:auto}.noUi-target{background:#FAFAFA;border-radius:4px;border:1px solid #D3D3D3;box-shadow:inset 0 1px 1px #F0F0F0,0 3px 6px -5px #BBB}.noUi-connects{border-radius:3px}.noUi-connect{background:#3FB8AF}.noUi-draggable{cursor:ew-resize}.noUi-vertical .noUi-draggable{cursor:ns-resize}.noUi-handle{border:1px solid #D9D9D9;border-radius:3px;background:#FFF;cursor:default;box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #EBEBEB,0 3px 6px -3px #BBB}.noUi-active{box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #DDD,0 3px 6px -3px #BBB}.noUi-handle:after,.noUi-handle:before{content:"";display:block;position:absolute;height:14px;width:1px;background:#E8E7E6;left:14px;top:6px}.noUi-handle:after{left:17px}.noUi-vertical .noUi-handle:after,.noUi-vertical .noUi-handle:before{width:14px;height:1px;left:6px;top:14px}.noUi-vertical .noUi-handle:after{top:17px}[disabled] .noUi-connect{background:#B8B8B8}[disabled] .noUi-handle,[disabled].noUi-handle,[disabled].noUi-target{cursor:not-allowed}.noUi-pips,.noUi-pips *{-moz-box-sizing:border-box;box-sizing:border-box}.noUi-pips{position:absolute;color:#999}.noUi-value{position:absolute;white-space:nowrap;text-align:center}.noUi-value-sub{color:#ccc;font-size:10px}.noUi-marker{position:absolute;background:#CCC}.noUi-marker-sub{background:#AAA}.noUi-marker-large{background:#AAA}.noUi-pips-horizontal{padding:10px 0;height:80px;top:100%;left:0;width:100%}.noUi-value-horizontal{-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%)}.noUi-rtl .noUi-value-horizontal{-webkit-transform:translate(50%,50%);transform:translate(50%,50%)}.noUi-marker-horizontal.noUi-marker{margin-left:-1px;width:2px;height:5px}.noUi-marker-horizontal.noUi-marker-sub{height:10px}.noUi-marker-horizontal.noUi-marker-large{height:15px}.noUi-pips-vertical{padding:0 10px;height:100%;top:0;left:100%}.noUi-value-vertical{-webkit-transform:translate(0,-50%);transform:translate(0,-50%);padding-left:25px}.noUi-rtl .noUi-value-vertical{-webkit-transform:translate(0,50%);transform:translate(0,50%)}.noUi-marker-vertical.noUi-marker{width:5px;height:2px;margin-top:-1px}.noUi-marker-vertical.noUi-marker-sub{width:10px}.noUi-marker-vertical.noUi-marker-large{width:15px}.noUi-tooltip{display:block;position:absolute;border:1px solid #D9D9D9;border-radius:3px;background:#fff;color:#000;padding:5px;text-align:center;white-space:nowrap}.noUi-horizontal .noUi-tooltip{-webkit-transform:translate(-50%,0);transform:translate(-50%,0);left:50%;bottom:120%}.noUi-vertical .noUi-tooltip{-webkit-transform:translate(0,-50%);transform:translate(0,-50%);top:50%;right:120%}.noUi-horizontal .noUi-origin>.noUi-tooltip{-webkit-transform:translate(50%,0);transform:translate(50%,0);left:auto;bottom:10px}.noUi-vertical .noUi-origin>.noUi-tooltip{-webkit-transform:translate(0,-18px);transform:translate(0,-18px);top:auto;right:28px}
|
|
:root {
|
|
scrollbar-color: #782e22 transparent;
|
|
}
|
|
* {
|
|
scrollbar-width: thin;
|
|
}
|
|
:root {
|
|
/** Font-size variables not defined by Foundry */
|
|
--font-size-5: 0.3125rem;
|
|
--font-size-8: 0.5rem;
|
|
--font-size-9: 0.5625rem;
|
|
--font-size-10: 0.625rem;
|
|
--font-size-15: 0.9375rem;
|
|
--font-size-17: 1.0625rem;
|
|
--font-size-19: 1.1875rem;
|
|
--font-size-21: 1.3125rem;
|
|
--font-size-22: 1.375rem;
|
|
--font-size-26: 1.625rem;
|
|
--font-size-30: 1.875rem;
|
|
--font-size-34: 2.125rem;
|
|
--font-size-36: 2.25rem;
|
|
--font-size-42: 2.625rem;
|
|
/** Font families */
|
|
--body-serif: Gelasio, Georgia, serif;
|
|
--sans-serif: Roboto, sans-serif;
|
|
--sans-serif-condensed: "Roboto Condensed", var(--sans-serif);
|
|
--sans-serif-monospace: "Roboto Mono", monospace;
|
|
--serif: Eczar, Georgia, serif;
|
|
--serif-condensed: "Modesto Condensed", serif;
|
|
--journal-cursive: "La Belle Aurore", cursive;
|
|
--journal-serif: "Vollkorn", var(--serif);
|
|
}
|
|
/* ----------------------------------------- */
|
|
/* Color definitions */
|
|
/* ----------------------------------------- */
|
|
/* Colors */
|
|
/* Global */
|
|
/* used for mini headers, alternate primary color */
|
|
/* compliments the primary color, usually used in combination */
|
|
/* for all other uses */
|
|
/* Lighter / Darker */
|
|
/* Text */
|
|
/* ----------------------------------------- */
|
|
/* Color schemes */
|
|
/* ----------------------------------------- */
|
|
/* Degrees of success */
|
|
/* Value adjustments (e.g. weak/elite) */
|
|
/* ----------------------------------------- */
|
|
/* CSS Custom Properties */
|
|
/* ----------------------------------------- */
|
|
:root {
|
|
/* Global */
|
|
--color-pf-primary: #5e0000;
|
|
--color-pf-primary-light: #910000;
|
|
--color-pf-primary-dark: #2b0000;
|
|
--color-pf-secondary: #171f69;
|
|
--color-pf-secondary-light: #202b93;
|
|
--color-pf-secondary-dark: #0e133f;
|
|
--primary: var(--color-pf-primary);
|
|
--secondary: var(--color-pf-secondary);
|
|
--tertiary: #e9d7a1;
|
|
--alt: #786452;
|
|
--alt-dark: #443730;
|
|
--bg: #f8f4f1;
|
|
--bg-dark: #e7d9cf;
|
|
--sub: #605856;
|
|
--color-disabled: #ababab;
|
|
--inline-link-bg: #ddd;
|
|
--inline-repost-bg: #eaeaea;
|
|
--visibility-gm-bg: #e8e8ef;
|
|
--visibility-owner-bg: #ddebe1;
|
|
--blind-roll: #f5eaf5;
|
|
/* Lighter / Darker */
|
|
--light: #910000;
|
|
--primary-dark: #2b0000;
|
|
--primary-darker: #120000;
|
|
--tertiary-dark: #dfc578;
|
|
--tertiary-light: #f3e9ca;
|
|
/* Text */
|
|
--text-dark: var(--color-text-dark-primary);
|
|
--text-light: #f5efe0;
|
|
--color-text-dark-input: #333;
|
|
--color-text-dark-improved: #006644;
|
|
/* Borders */
|
|
--color-border-divider: #baa991;
|
|
--color-border-dark-input: #d3ccbc;
|
|
--color-border-medium: gray;
|
|
/* Headers w/ boxes */
|
|
--header-color: var(--text-light);
|
|
--header-bg: var(--secondary);
|
|
/* Sidebar */
|
|
--sidebar-label: var(--tertiary-dark);
|
|
--sidebar-title: var(--tertiary);
|
|
/** Traits */
|
|
--color-bg-alignment: #576293;
|
|
--color-bg-size: #3a7b59;
|
|
--color-bg-trait: #5e0000;
|
|
--color-border-trait: #d8c384;
|
|
--color-text-trait: white;
|
|
/* Rarity */
|
|
--color-rarity-common: #323232;
|
|
--color-rarity-uncommon: #98513d;
|
|
--color-rarity-rare: #002664;
|
|
--color-rarity-unique: #54166e;
|
|
/** Proficiency ranks */
|
|
--color-proficiency-untrained: #424242;
|
|
--color-proficiency-trained: #171f69;
|
|
--color-proficiency-expert: #3c005e;
|
|
--color-proficiency-master: #664400;
|
|
--color-proficiency-legendary: #5e0000;
|
|
/* Damage colors */
|
|
}
|
|
:root .damage {
|
|
--color-bg-acid: rgba(0, 115, 0, 0.125);
|
|
--color-bg-bleed: rgba(153, 0, 26, 0.125);
|
|
--color-bg-chaotic: rgba(166, 0, 166, 0.125);
|
|
--color-bg-cold: rgba(47, 47, 166, 0.125);
|
|
--color-bg-electricity: rgba(184, 134, 11, 0.125);
|
|
--color-bg-evil: rgba(75, 0, 130, 0.125);
|
|
--color-bg-fire: rgba(166, 47, 0, 0.125);
|
|
--color-bg-force: rgba(99, 0, 170, 0.125);
|
|
--color-bg-good: rgba(157, 115, 10, 0.125);
|
|
--color-bg-lawful: rgba(64, 38, 0, 0.125);
|
|
--color-bg-mental: rgba(25, 25, 112, 0.125);
|
|
--color-bg-physical: rgba(60, 60, 60, 0.125);
|
|
--color-bg-poison: rgba(91, 115, 50, 0.125);
|
|
--color-bg-sonic: rgba(0, 139, 139, 0.125);
|
|
--color-bg-spirit: rgba(90, 85, 133, 0.125);
|
|
--color-bg-vitality: rgba(255, 255, 224, 0.125);
|
|
--color-bg-void: rgba(0, 0, 31, 0.125);
|
|
--color-border-acid: #007300;
|
|
--color-border-bleed: #99001a;
|
|
--color-border-chaotic: #a600a6;
|
|
--color-border-cold: #2f2fa6;
|
|
--color-border-electricity: darkgoldenrod;
|
|
--color-border-evil: indigo;
|
|
--color-border-fire: #a62f00;
|
|
--color-border-force: #6300aa;
|
|
--color-border-good: #9d730a;
|
|
--color-border-lawful: #402600;
|
|
--color-border-mental: midnightblue;
|
|
--color-border-physical: #3c3c3c;
|
|
--color-border-poison: #5b7332;
|
|
--color-border-sonic: darkcyan;
|
|
--color-border-spirit: #5a5585;
|
|
--color-border-vitality: #ffffe0;
|
|
--color-border-void: #00001f;
|
|
--color-text-acid: #003300;
|
|
--color-text-bleed: #59000f;
|
|
--color-text-chaotic: #660066;
|
|
--color-text-cold: #212174;
|
|
--color-text-electricity: #7c5a07;
|
|
--color-text-evil: #260042;
|
|
--color-text-fire: #661d00;
|
|
--color-text-force: #3e006a;
|
|
--color-text-good: #614706;
|
|
--color-text-lawful: black;
|
|
--color-text-mental: #0d0d3c;
|
|
--color-text-physical: #1c1c1c;
|
|
--color-text-poison: #38471f;
|
|
--color-text-sonic: #004b4b;
|
|
--color-text-spirit: #403c5e;
|
|
--color-text-vitality: #ffffa0;
|
|
--color-text-void: black;
|
|
}
|
|
:root .damage.color.acid {
|
|
background-color: var(--color-bg-acid);
|
|
border-color: var(--color-border-acid);
|
|
color: var(--color-text-acid);
|
|
}
|
|
:root .damage.color.acid .icon {
|
|
color: var(--color-border-acid);
|
|
}
|
|
:root .damage.color.bleed {
|
|
background-color: var(--color-bg-bleed);
|
|
border-color: var(--color-border-bleed);
|
|
color: var(--color-text-bleed);
|
|
}
|
|
:root .damage.color.bleed .icon {
|
|
color: var(--color-border-bleed);
|
|
}
|
|
:root .damage.color.bludgeoning, :root .damage.color.piercing, :root .damage.color.slashing {
|
|
background-color: var(--color-bg-physical);
|
|
border-color: var(--color-border-physical);
|
|
color: var(--color-text-physical);
|
|
}
|
|
:root .damage.color.bludgeoning .icon, :root .damage.color.piercing .icon, :root .damage.color.slashing .icon {
|
|
color: var(--color-border-physical);
|
|
}
|
|
:root .damage.color.chaotic {
|
|
background-color: var(--color-bg-chaotic);
|
|
border-color: var(--color-border-chaotic);
|
|
color: var(--color-text-chaotic);
|
|
}
|
|
:root .damage.color.chaotic .icon {
|
|
color: var(--color-border-chaotic);
|
|
}
|
|
:root .damage.color.cold {
|
|
background-color: var(--color-bg-cold);
|
|
border-color: var(--color-border-cold);
|
|
box-shadow: var(--color-border-cold);
|
|
color: var(--color-text-cold);
|
|
}
|
|
:root .damage.color.cold .icon {
|
|
color: var(--color-border-cold);
|
|
}
|
|
:root .damage.color.electricity {
|
|
background-color: var(--color-bg-electricity);
|
|
border-color: var(--color-border-electricity);
|
|
color: var(--color-text-electricity);
|
|
}
|
|
:root .damage.color.electricity .icon {
|
|
color: var(--color-border-electricity);
|
|
}
|
|
:root .damage.color.evil {
|
|
background-color: var(--color-bg-evil);
|
|
border-color: var(--color-border-evil);
|
|
color: var(--color-text-evil);
|
|
}
|
|
:root .damage.color.evil .icon {
|
|
color: var(--color-border-evil);
|
|
}
|
|
:root .damage.color.fire {
|
|
background-color: var(--color-bg-fire);
|
|
border-color: var(--color-border-fire);
|
|
box-shadow: var(--color-border-fire);
|
|
color: var(--color-text-fire);
|
|
}
|
|
:root .damage.color.fire .icon {
|
|
color: var(--color-border-fire);
|
|
}
|
|
:root .damage.color.force {
|
|
background-color: var(--color-bg-force);
|
|
border-color: var(--color-border-force);
|
|
color: var(--color-text-force);
|
|
}
|
|
:root .damage.color.force .icon {
|
|
color: var(--color-border-force);
|
|
}
|
|
:root .damage.color.good {
|
|
background-color: var(--color-bg-good);
|
|
border-color: var(--color-border-good);
|
|
color: var(--color-text-good);
|
|
}
|
|
:root .damage.color.good .icon {
|
|
color: var(--color-border-good);
|
|
}
|
|
:root .damage.color.lawful {
|
|
background-color: var(--color-bg-lawful);
|
|
border-color: var(--color-border-lawful);
|
|
color: var(--color-text-lawful);
|
|
}
|
|
:root .damage.color.lawful .icon {
|
|
color: var(--color-border-lawful);
|
|
}
|
|
:root .damage.color.mental {
|
|
background-color: var(--color-bg-mental);
|
|
border-color: var(--color-border-mental);
|
|
color: var(--color-text-mental);
|
|
}
|
|
:root .damage.color.mental .icon {
|
|
color: var(--color-border-mental);
|
|
}
|
|
:root .damage.color.poison {
|
|
background-color: var(--color-bg-poison);
|
|
border-color: var(--color-border-poison);
|
|
color: var(--color-text-poison);
|
|
}
|
|
:root .damage.color.poison .icon {
|
|
color: var(--color-border-poison);
|
|
}
|
|
:root .damage.color.sonic {
|
|
border-color: var(--color-border-sonic);
|
|
background-color: var(--color-bg-sonic);
|
|
color: var(--color-text-sonic);
|
|
}
|
|
:root .damage.color.sonic .icon {
|
|
color: var(--color-border-sonic);
|
|
}
|
|
:root .damage.color.spirit {
|
|
border-color: var(--color-border-spirit);
|
|
background-color: var(--color-bg-spirit);
|
|
color: var(--color-text-spirit);
|
|
}
|
|
:root .damage.color.spirit .icon {
|
|
color: var(--color-border-spirit);
|
|
}
|
|
:root .damage.color.vitality {
|
|
background-color: var(--color-bg-physical);
|
|
border-color: var(--color-border-vitality);
|
|
color: var(--color-text-vitality);
|
|
text-shadow: 1px 1px var(--color-text-dark-1);
|
|
}
|
|
:root .damage.color.vitality .icon {
|
|
color: var(--color-border-vitality);
|
|
}
|
|
:root .damage.color.void {
|
|
background-color: var(--color-bg-void);
|
|
border-color: var(--color-border-void);
|
|
color: var(--color-border-void);
|
|
}
|
|
:root .damage.color.void .icon {
|
|
color: var(--color-border-void);
|
|
}
|
|
@keyframes fadein {
|
|
from {
|
|
opacity: 0;
|
|
}
|
|
to {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
/**
|
|
* Legacy is for the old css unrelated
|
|
* to the current design (crb-style).
|
|
* Only use the legacy folder if you need
|
|
* to make changes to the old css.
|
|
*
|
|
* If you're adding a new feature, put it
|
|
* in the appropriate folder in src/styles.
|
|
* Just make sure to update the relevant
|
|
* _index.scss so that it will get compiled.
|
|
*
|
|
*/
|
|
:root {
|
|
--primary-background: #454a7c;
|
|
--secondary-background: gray;
|
|
--tertiary-background: #454a7c;
|
|
--alternate-background: darkgray;
|
|
}
|
|
/* ---------------------------------------- */
|
|
/* Actor Sheet */
|
|
/* ---------------------------------------- */
|
|
.pf2e.actor form {
|
|
font-size: var(--font-size-13);
|
|
height: 100%;
|
|
padding: 0.25rem;
|
|
}
|
|
.pf2e.actor form .sheet-header {
|
|
border-bottom: 1px solid var(--primary-background);
|
|
display: flex;
|
|
flex-direction: row;
|
|
flex-wrap: wrap;
|
|
flex: 0 0 100%;
|
|
height: 3rem;
|
|
justify-content: flex-start;
|
|
}
|
|
.pf2e.actor form .sheet-header > * {
|
|
flex: 1;
|
|
}
|
|
.pf2e.actor form .sheet-header h1 {
|
|
margin: 0;
|
|
border: none;
|
|
}
|
|
.pf2e.actor form .sheet-header h1 > input {
|
|
font-family: var(--serif-condensed);
|
|
font-weight: 700;
|
|
height: 2.5rem;
|
|
width: 100%;
|
|
margin: 2px;
|
|
font-size: var(--font-size-36);
|
|
border: none;
|
|
}
|
|
.pf2e.actor form .sheet-sidebar {
|
|
height: calc(100% - 48px);
|
|
display: flex;
|
|
flex-direction: column;
|
|
flex-wrap: nowrap;
|
|
overflow: hidden auto;
|
|
border-right: 1px solid var(--primary-background);
|
|
}
|
|
.pf2e.actor form .sheet-sidebar .tab {
|
|
height: 100%;
|
|
padding-top: 2px;
|
|
overflow-y: auto;
|
|
}
|
|
.pf2e.actor form .sheet-sidebar > * {
|
|
flex: 1;
|
|
}
|
|
.pf2e.actor form .sheet-sidebar .sidebar-summary {
|
|
overflow-y: hidden;
|
|
}
|
|
.pf2e.actor form .sheet-body {
|
|
height: calc(100% - 35px);
|
|
overflow: hidden;
|
|
display: flex;
|
|
flex-direction: column;
|
|
flex-wrap: nowrap;
|
|
}
|
|
.pf2e.actor form input[type=text], .pf2e.actor form input[type=number] {
|
|
background: rgba(0, 0, 0, 0.025);
|
|
border: 1px solid transparent;
|
|
color: var(--color-text-dark-input);
|
|
height: calc(100% - 2px);
|
|
margin: 1px 0;
|
|
padding: 0;
|
|
width: calc(100% - 2px);
|
|
}
|
|
.pf2e.actor form input[type=text]:hover:not(:disabled), .pf2e.actor form input[type=text]:focus, .pf2e.actor form input[type=number]:hover:not(:disabled), .pf2e.actor form input[type=number]:focus {
|
|
border: 1px solid black;
|
|
box-shadow: 0 0 10px #00005a;
|
|
}
|
|
.pf2e.actor form label {
|
|
display: block;
|
|
}
|
|
.pf2e.actor form .mce-panel span {
|
|
display: inherit;
|
|
}
|
|
.pf2e.actor form.editable .rollable:hover {
|
|
color: #000;
|
|
text-shadow: 0 0 10px #00005a;
|
|
cursor: pointer;
|
|
}
|
|
.pf2e.actor form .sheet-tabs {
|
|
font-weight: 500;
|
|
height: 30px;
|
|
}
|
|
.pf2e.actor form .sheet-tabs > .list-row {
|
|
line-height: 2rem;
|
|
padding-top: 3px;
|
|
font-size: var(--font-size-12);
|
|
text-align: center;
|
|
}
|
|
.pf2e.actor form .sheet-tabs > .list-row:last-of-type {
|
|
padding-right: 4px;
|
|
}
|
|
.pf2e.actor form .sheet-tabs > .list-row.active {
|
|
color: var(--text-dark);
|
|
font-weight: 700;
|
|
}
|
|
.pf2e.actor form .tag-legacy {
|
|
float: left;
|
|
margin: 0 2px 2px 0;
|
|
padding: 0 3px;
|
|
font-size: var(--font-size-10);
|
|
line-height: 1rem;
|
|
border: 1px solid var(--color-border-light-2);
|
|
border-radius: 3px;
|
|
white-space: normal;
|
|
font-weight: 500;
|
|
}
|
|
.pf2e.actor form .traits label {
|
|
font-weight: bold;
|
|
}
|
|
.pf2e.actor form .traits select {
|
|
margin: 2px 0;
|
|
}
|
|
.pf2e.actor form .traits .trait-perception > input {
|
|
flex: 0 0 32px;
|
|
text-align: center;
|
|
}
|
|
.pf2e.actor form .traits .tag-selector {
|
|
float: right;
|
|
margin-right: 3px;
|
|
color: #999;
|
|
font-size: var(--font-size-10);
|
|
line-height: 16px;
|
|
}
|
|
.pf2e.actor form .inventory-header {
|
|
list-style: none;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
.pf2e.actor form .action-header .item-controls {
|
|
flex: 0 0 44px;
|
|
}
|
|
.pf2e.actor form .action-header .item-controls a {
|
|
display: block;
|
|
float: left;
|
|
width: 44px;
|
|
font-size: var(--font-size-14);
|
|
text-align: center;
|
|
}
|
|
.pf2e.actor form .list-row.action-header .item-controls a {
|
|
display: block;
|
|
float: left;
|
|
width: 22px;
|
|
font-size: var(--font-size-10);
|
|
text-align: center;
|
|
color: #666;
|
|
}
|
|
.pf2e.actor form .action-header .item-controls a.item-create, .pf2e.actor form .action-header .item-controls a.item-delete, .pf2e.actor form .action-header .item-controls a.feat-browse, .pf2e.actor form .action-header .item-controls a.action-browse {
|
|
width: 100%;
|
|
color: #fff;
|
|
background: var(--primary-background);
|
|
}
|
|
/* ----------------------------------------- */
|
|
/* Item Buttons */
|
|
/* ----------------------------------------- */
|
|
.pf2e.sheet .item-buttons button {
|
|
font-size: var(--font-size-10);
|
|
line-height: 12px;
|
|
margin: 0;
|
|
}
|
|
.pf2e.sheet .item-buttons > span {
|
|
padding: 0;
|
|
}
|
|
li.list-row.hover-container {
|
|
background-color: #aaa !important;
|
|
}
|
|
.dice-total-shield-btn.shield-activated {
|
|
background-color: #333;
|
|
color: var(--text-light);
|
|
}
|
|
.recall-knowledge-table th {
|
|
padding: 5px 8px;
|
|
}
|
|
.recall-knowledge-table td {
|
|
text-align: center;
|
|
padding: 5px 8px;
|
|
}
|
|
.recall-knowledge-table td:first-child {
|
|
text-align: right;
|
|
}
|
|
.recall-knowledge-table th:first-child {
|
|
text-align: right;
|
|
}
|
|
button:hover::not(:disabled) {
|
|
box-shadow: 0 0 3px #c00;
|
|
}
|
|
button:disabled {
|
|
color: #666;
|
|
}
|
|
button:active {
|
|
box-shadow: 0 0 5px red;
|
|
}
|
|
.app.tag-selector {
|
|
max-height: 700px;
|
|
}
|
|
/* ----------------------------------------- */
|
|
/* 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 {
|
|
border-bottom: none;
|
|
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 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 .spell-button button.small {
|
|
flex-grow: 0;
|
|
}
|
|
.pf2e.chat-card .card-buttons .spell-button button.small > i {
|
|
margin-right: 0;
|
|
}
|
|
.pf2e.chat-card .card-buttons .hidden-to-others {
|
|
background: var(--visibility-gm-bg);
|
|
}
|
|
.pf2e.chat-card .card-footer {
|
|
padding: 3px 0 0;
|
|
border-top: 2px groove #fff;
|
|
}
|
|
.pf2e.chat-card .card-footer span {
|
|
border-right: 2px groove #fff;
|
|
padding: 0 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: var(--text-light);
|
|
line-height: 18px;
|
|
padding: 6px 14px;
|
|
}
|
|
/* .tooltipster-arrow : will keep only the zone of .tooltipster-arrow-uncropped that
|
|
corresponds to the arrow we want to display */
|
|
.tooltipster-sidetip .tooltipster-arrow {
|
|
overflow: hidden;
|
|
position: absolute;
|
|
}
|
|
.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow {
|
|
height: 10px;
|
|
/* half the width, for centering */
|
|
margin-left: -10px;
|
|
top: 0;
|
|
width: 20px;
|
|
}
|
|
.tooltipster-sidetip.tooltipster-left .tooltipster-arrow {
|
|
height: 20px;
|
|
margin-top: -10px;
|
|
right: 0;
|
|
/* top 0 to keep the arrow from overflowing .tooltipster-base when it has not
|
|
been positioned yet */
|
|
top: 0;
|
|
width: 10px;
|
|
}
|
|
.tooltipster-sidetip.tooltipster-right .tooltipster-arrow {
|
|
height: 20px;
|
|
margin-top: -10px;
|
|
left: 0;
|
|
/* same as .tooltipster-left .tooltipster-arrow */
|
|
top: 0;
|
|
width: 10px;
|
|
}
|
|
.tooltipster-sidetip.tooltipster-top .tooltipster-arrow {
|
|
bottom: 0;
|
|
height: 10px;
|
|
margin-left: -10px;
|
|
width: 20px;
|
|
}
|
|
/* common rules between .tooltipster-arrow-background and .tooltipster-arrow-border */
|
|
.tooltipster-sidetip .tooltipster-arrow-background,
|
|
.tooltipster-sidetip .tooltipster-arrow-border {
|
|
height: 0;
|
|
position: absolute;
|
|
width: 0;
|
|
}
|
|
/* .tooltipster-arrow-background */
|
|
.tooltipster-sidetip .tooltipster-arrow-background {
|
|
border: 10px solid transparent;
|
|
}
|
|
.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background {
|
|
border-bottom-color: #565656;
|
|
left: 0;
|
|
top: 3px;
|
|
}
|
|
.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background {
|
|
border-left-color: #565656;
|
|
left: -3px;
|
|
top: 0;
|
|
}
|
|
.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background {
|
|
border-right-color: #565656;
|
|
left: 3px;
|
|
top: 0;
|
|
}
|
|
.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background {
|
|
border-top-color: #565656;
|
|
left: 0;
|
|
top: -3px;
|
|
}
|
|
/* .tooltipster-arrow-border */
|
|
.tooltipster-sidetip .tooltipster-arrow-border {
|
|
border: 10px solid transparent;
|
|
left: 0;
|
|
top: 0;
|
|
}
|
|
.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border {
|
|
border-bottom-color: black;
|
|
}
|
|
.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border {
|
|
border-left-color: black;
|
|
}
|
|
.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border {
|
|
border-right-color: black;
|
|
}
|
|
.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border {
|
|
border-top-color: black;
|
|
}
|
|
/* tooltipster-arrow-uncropped */
|
|
.tooltipster-sidetip .tooltipster-arrow-uncropped {
|
|
position: relative;
|
|
}
|
|
.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-uncropped {
|
|
top: -10px;
|
|
}
|
|
.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-uncropped {
|
|
left: -10px;
|
|
}
|
|
@-webkit-keyframes wobble {
|
|
from {
|
|
-webkit-transform: translate3d(0, 0, 0);
|
|
transform: translate3d(0, 0, 0);
|
|
}
|
|
15% {
|
|
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
|
|
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
|
|
}
|
|
30% {
|
|
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
|
|
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
|
|
}
|
|
45% {
|
|
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
|
|
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
|
|
}
|
|
60% {
|
|
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
|
|
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
|
|
}
|
|
75% {
|
|
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
|
|
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
|
|
}
|
|
to {
|
|
-webkit-transform: translate3d(0, 0, 0);
|
|
transform: translate3d(0, 0, 0);
|
|
}
|
|
}
|
|
@keyframes wobble {
|
|
from {
|
|
-webkit-transform: translate3d(0, 0, 0);
|
|
transform: translate3d(0, 0, 0);
|
|
}
|
|
15% {
|
|
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
|
|
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
|
|
}
|
|
30% {
|
|
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
|
|
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
|
|
}
|
|
45% {
|
|
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
|
|
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
|
|
}
|
|
60% {
|
|
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
|
|
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
|
|
}
|
|
75% {
|
|
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
|
|
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
|
|
}
|
|
to {
|
|
-webkit-transform: translate3d(0, 0, 0);
|
|
transform: translate3d(0, 0, 0);
|
|
}
|
|
}
|
|
@keyframes rotation {
|
|
from {
|
|
-webkit-transform: rotate(0deg);
|
|
}
|
|
to {
|
|
-webkit-transform: rotate(359deg);
|
|
}
|
|
}
|
|
/* ----------------------------------------- */
|
|
/* Animation */
|
|
/* ----------------------------------------- */
|
|
:root {
|
|
--animate-duration: 1s;
|
|
--animate-delay: 1s;
|
|
--animate-repeat: 1;
|
|
}
|
|
/* ----------------------------------------- */
|
|
/* Layout */
|
|
/* ----------------------------------------- */
|
|
/** 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.sheet form span.pf2-icon,
|
|
.pf2e.sheet form span[data-pf2-action],
|
|
.pf2e.sheet form span[data-pf2-action] *,
|
|
.pf2e.sheet form span[data-pf2-check],
|
|
.pf2e.sheet form span[data-pf2-check] *,
|
|
.pf2-icon {
|
|
display: inline;
|
|
}
|
|
.pf2e.sheet form span.pf2-icon,
|
|
.pf2-icon {
|
|
font-family: "Pathfinder2eActions", sans-serif;
|
|
}
|
|
section.roll-note,
|
|
p.compact-text {
|
|
display: inline-block;
|
|
font-weight: normal;
|
|
line-height: 1.4em;
|
|
margin: 0.25em 0;
|
|
min-height: 1rem;
|
|
width: 100%;
|
|
}
|
|
.action-glyph {
|
|
align-self: center;
|
|
display: inline;
|
|
font-family: "Pathfinder2eActions", sans-serif;
|
|
letter-spacing: 0;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
/* ----------------------------------------- */
|
|
/* Styled table */
|
|
/* ----------------------------------------- */
|
|
table.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: var(--text-light);
|
|
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.foundry-href {
|
|
color: var(--primary);
|
|
font-weight: 500;
|
|
text-decoration: underline;
|
|
}
|
|
a.content-link {
|
|
line-height: 1.6em;
|
|
}
|
|
#tooltip a.content-link {
|
|
color: var(--color-text-dark-primary);
|
|
}
|
|
.inline-roll.altered {
|
|
color: var(--color-text-dark-improved);
|
|
}
|
|
/* ----------------------------------------- */
|
|
/* PF2E Action Custom Element */
|
|
/* ----------------------------------------- */
|
|
span[data-pf2-action] {
|
|
background: var(--inline-link-bg);
|
|
border-radius: 2px;
|
|
border: 1px solid var(--color-border-dark-tertiary);
|
|
box-sizing: border-box;
|
|
color: var(--color-text-dark-primary);
|
|
line-height: 1.6em;
|
|
padding: 1px 4px;
|
|
white-space: nowrap;
|
|
word-break: break-all;
|
|
cursor: pointer;
|
|
}
|
|
span[data-pf2-action] > i.icon {
|
|
color: var(--color-text-dark-inactive);
|
|
margin-right: 0.25em;
|
|
}
|
|
span[data-pf2-action][data-pf2-glyph]::before {
|
|
font-family: "Pathfinder2eActions";
|
|
margin-right: 2px;
|
|
color: var(--color-text-dark-inactive);
|
|
}
|
|
span[data-pf2-action]:not([data-pf2-glyph])::before, span[data-pf2-action][data-pf2-glyph=""]::before {
|
|
display: inline-block;
|
|
height: 15px;
|
|
width: 15px;
|
|
background-image: url("../icons/actions/Passive.webp");
|
|
background-repeat: no-repeat;
|
|
background-size: 15px 15px;
|
|
opacity: 0.4;
|
|
margin-bottom: -3px;
|
|
margin-right: 2px;
|
|
content: "";
|
|
}
|
|
span[data-pf2-action][data-pf2-glyph=A]::before, span[data-pf2-action][data-pf2-glyph=a]::before, span[data-pf2-action][data-pf2-glyph="1"]::before {
|
|
content: "A";
|
|
}
|
|
span[data-pf2-action][data-pf2-glyph=D]::before, span[data-pf2-action][data-pf2-glyph=d]::before, span[data-pf2-action][data-pf2-glyph="2"]::before {
|
|
content: "D";
|
|
}
|
|
span[data-pf2-action][data-pf2-glyph=T]::before, span[data-pf2-action][data-pf2-glyph=t]::before, span[data-pf2-action][data-pf2-glyph="3"]::before {
|
|
content: "T";
|
|
}
|
|
span[data-pf2-action][data-pf2-glyph=F]::before, span[data-pf2-action][data-pf2-glyph=f]::before {
|
|
content: "F";
|
|
}
|
|
span[data-pf2-action][data-pf2-glyph=R]::before, span[data-pf2-action][data-pf2-glyph=r]::before {
|
|
content: "R";
|
|
}
|
|
/* ----------------------------------------- */
|
|
/* PF2E Check Custom Element */
|
|
/* ----------------------------------------- */
|
|
a.inline-check,
|
|
span[data-pf2-check] {
|
|
background: var(--inline-link-bg);
|
|
border-radius: 2px;
|
|
border: 1px solid var(--color-border-dark-tertiary);
|
|
box-sizing: border-box;
|
|
color: var(--color-text-dark-primary);
|
|
line-height: 1.6em;
|
|
padding: 1px 4px;
|
|
white-space: nowrap;
|
|
word-break: break-all;
|
|
}
|
|
a.inline-check > i.icon,
|
|
span[data-pf2-check] > i.icon {
|
|
color: var(--color-text-dark-inactive);
|
|
margin-right: 0.25em;
|
|
}
|
|
a.inline-check:has([data-pf2-repost]),
|
|
span[data-pf2-check]:has([data-pf2-repost]) {
|
|
padding-right: 0;
|
|
}
|
|
a.inline-check:hover,
|
|
span[data-pf2-check]:hover {
|
|
text-shadow: none;
|
|
}
|
|
a.inline-check:has(.label:hover, i.fa-dice-d20:hover),
|
|
span[data-pf2-check]:has(.label:hover, i.fa-dice-d20:hover) {
|
|
text-shadow: 0 0 8px var(--color-shadow-primary);
|
|
}
|
|
a.inline-check > i.icon:has(+ span.label > :first-child:is([data-visibility=gm])),
|
|
span[data-pf2-check] > i.icon:has(+ span.label > :first-child:is([data-visibility=gm])) {
|
|
margin-right: 0.25em;
|
|
}
|
|
a.inline-check[data-pf2-traits*=secret],
|
|
span[data-pf2-check][data-pf2-traits*=secret] {
|
|
background: var(--blind-roll);
|
|
border-color: #720073;
|
|
}
|
|
a.inline-check[data-invalid],
|
|
span[data-pf2-check][data-invalid] {
|
|
background: rgba(255, 0, 0, 0.05);
|
|
border: 1px dashed red;
|
|
}
|
|
/* ----------------------------------------- */
|
|
/* PF2E Inline Template Custom Element */
|
|
/* ----------------------------------------- */
|
|
span[data-pf2-effect-area] {
|
|
background: var(--inline-link-bg);
|
|
border-radius: 2px;
|
|
border: 1px solid var(--color-border-dark-tertiary);
|
|
box-sizing: border-box;
|
|
color: var(--color-text-dark-primary);
|
|
line-height: 1.6em;
|
|
padding: 1px 4px;
|
|
white-space: nowrap;
|
|
word-break: break-all;
|
|
cursor: pointer;
|
|
padding-right: 0;
|
|
}
|
|
span[data-pf2-effect-area] > i.icon {
|
|
color: var(--color-text-dark-inactive);
|
|
margin-right: 0.25em;
|
|
}
|
|
span[data-pf2-effect-area]::before {
|
|
color: var(--color-text-dark-inactive);
|
|
font-family: "Font Awesome 5 Free";
|
|
font-weight: 900;
|
|
margin-right: 0.25em;
|
|
}
|
|
span[data-pf2-effect-area][data-pf2-effect-area=cone]::before {
|
|
content: "\f104";
|
|
}
|
|
span[data-pf2-effect-area][data-pf2-effect-area=line]::before {
|
|
content: "\f7a5";
|
|
}
|
|
span[data-pf2-effect-area][data-pf2-effect-area=burst]::before {
|
|
content: "\f111";
|
|
}
|
|
span[data-pf2-effect-area][data-pf2-effect-area=emanation]::before {
|
|
content: "\f192";
|
|
}
|
|
span[data-pf2-effect-area][data-pf2-effect-area=rect]::before {
|
|
content: "\f0c8";
|
|
}
|
|
/* ----------------------------------------- */
|
|
/* PF2E Inline Repost Element */
|
|
/* ----------------------------------------- */
|
|
i[data-pf2-repost] {
|
|
transition: text-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out, border 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
|
|
background: var(--inline-repost-bg);
|
|
color: var(--color-text-dark-inactive);
|
|
border-left: 1px solid var(--color-border-dark-tertiary);
|
|
background: rgba(255, 255, 255, 0.6);
|
|
padding: 2px;
|
|
margin-left: 2px;
|
|
text-shadow: none;
|
|
}
|
|
i[data-pf2-repost]:hover {
|
|
color: var(--text-light);
|
|
text-shadow: 0px 0px 2px var(--text-dark);
|
|
}
|
|
[data-visibility]:not([data-visibility=all]) {
|
|
border-radius: 1px;
|
|
box-sizing: border-box;
|
|
display: inline-block;
|
|
line-height: 1em;
|
|
outline: 1px dotted rgba(75, 74, 68, 0.5);
|
|
padding: 1px;
|
|
/* ----------------------------------------- */
|
|
/* GM Visibility Elements */
|
|
/* ----------------------------------------- */
|
|
}
|
|
[data-visibility]:not([data-visibility=all])[data-visibility=gm] {
|
|
background: var(--visibility-gm-bg);
|
|
}
|
|
[data-visibility]:not([data-visibility=all])[data-visibility=gm].message-sender {
|
|
max-width: fit-content;
|
|
}
|
|
[data-visibility]:not([data-visibility=all])[data-visibility=gm] [data-visibility=gm] {
|
|
outline: none;
|
|
padding: initial;
|
|
}
|
|
/* ----------------------------------------- */
|
|
/* Forms */
|
|
/* ----------------------------------------- */
|
|
.crb-style {
|
|
display: flex;
|
|
}
|
|
.crb-style .details-label {
|
|
color: var(--primary);
|
|
font: 600 var(--font-size-11)/1em var(--sans-serif);
|
|
margin-left: 1px;
|
|
text-transform: uppercase;
|
|
white-space: nowrap;
|
|
}
|
|
.crb-style .details-input {
|
|
color: var(--text-dark);
|
|
font-family: var(--body-serif);
|
|
font-weight: bold;
|
|
width: calc(100% - 6px);
|
|
border-bottom: 1px solid var(--color-border-dark-input);
|
|
background-color: rgba(28, 28, 28, 0.1);
|
|
}
|
|
.crb-style .details-input::placeholder {
|
|
filter: opacity(0.5);
|
|
}
|
|
.crb-style .details-input:focus {
|
|
border-bottom: 1px solid var(--alt);
|
|
}
|
|
.crb-style .details-input[type=number] {
|
|
padding-bottom: 0;
|
|
padding-left: 4px;
|
|
}
|
|
.crb-style input {
|
|
border: none;
|
|
border-radius: 0;
|
|
}
|
|
.crb-style input:focus {
|
|
box-shadow: none;
|
|
}
|
|
.crb-style input:focus::placeholder {
|
|
color: transparent;
|
|
}
|
|
.crb-style input::placeholder {
|
|
color: inherit;
|
|
}
|
|
.crb-style input::-webkit-outer-spin-button, .crb-style input::-webkit-inner-spin-button {
|
|
-webkit-appearance: none;
|
|
margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
|
|
}
|
|
.crb-style input[type=number] {
|
|
-moz-appearance: textfield;
|
|
appearance: textfield;
|
|
}
|
|
.crb-style select {
|
|
-moz-appearance: none;
|
|
-webkit-appearance: none;
|
|
appearance: none;
|
|
background-color: var(--alt);
|
|
background-image: url("../assets/icons/chevron-down.svg");
|
|
background-position: right 0.25em top 50%;
|
|
background-repeat: no-repeat;
|
|
background-size: 1em auto;
|
|
border-radius: 2px;
|
|
border: 1px solid #53422a;
|
|
color: var(--text-light);
|
|
font: 500 var(--font-size-14) var(--serif);
|
|
height: auto;
|
|
line-height: 1;
|
|
padding: 0.25rem 1.1rem 0.25rem 0.25rem;
|
|
position: relative;
|
|
text-overflow: ellipsis;
|
|
}
|
|
.crb-style select:not(:disabled) {
|
|
cursor: pointer;
|
|
}
|
|
.crb-style select option {
|
|
background-color: var(--alt);
|
|
}
|
|
.crb-style .dots span {
|
|
cursor: pointer;
|
|
}
|
|
input[type=range]:disabled::-webkit-slider-runnable-track {
|
|
background: rgba(0, 0, 0, 0.1);
|
|
border: rgba(0, 0, 0, 0.1);
|
|
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1), 0px 0px 1px rgba(0, 0, 0, 0.1);
|
|
cursor: default;
|
|
}
|
|
input[type=range]:disabled::-moz-range-track {
|
|
background: rgba(0, 0, 0, 0.1);
|
|
border: rgba(0, 0, 0, 0.1);
|
|
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1), 0px 0px 1px rgba(0, 0, 0, 0.1);
|
|
cursor: default;
|
|
}
|
|
input[type=range]:disabled::-webkit-slider-thumb {
|
|
background: var(--color-text-light-1);
|
|
border: var(--color-text-light-1);
|
|
box-shadow: 1px 1px 1px var(--color-text-light-1), 0px 0px 1px var(--color-text-light-1);
|
|
cursor: default;
|
|
}
|
|
input[type=range]:disabled::-moz-range-thumb {
|
|
background: var(--color-text-light-1);
|
|
border: var(--color-text-light-1);
|
|
box-shadow: 1px 1px 1px var(--color-text-light-1), 0px 0px 1px var(--color-text-light-1);
|
|
cursor: default;
|
|
}
|
|
a[href]:hover {
|
|
text-shadow: 0 0 8px var(--color-text-hyperlink);
|
|
}
|
|
#loading-bar {
|
|
white-space: nowrap;
|
|
}
|
|
#tinymce {
|
|
--space-s: 0.25em;
|
|
--space-m: 0.5em;
|
|
--space-l: 1em;
|
|
--space-xl: 1.5em;
|
|
--space-2xl: 2em;
|
|
--radius: 3px;
|
|
}
|
|
#tinymce p {
|
|
min-height: unset;
|
|
}
|
|
#tinymce :is(h1, h2, h3, h4, h5, h6):not(:first-child) {
|
|
margin-top: 1em;
|
|
}
|
|
#tinymce .inline-header {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: var(--space-l);
|
|
background-color: var(--alt);
|
|
font-family: var(--sans-serif);
|
|
color: var(--text-light);
|
|
padding: 0;
|
|
font-size: 0.8em;
|
|
font-weight: 400;
|
|
border: none;
|
|
}
|
|
#tinymce .inline-header strong {
|
|
display: inline-flex;
|
|
padding: 0 var(--space-m);
|
|
background-color: var(--primary);
|
|
min-width: 15ch;
|
|
border-right: 1px solid rgba(0, 0, 0, 0.4);
|
|
box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.2);
|
|
font-weight: 400;
|
|
}
|
|
#tinymce .inline-header + p {
|
|
margin-top: var(--space-s);
|
|
}
|
|
#tinymce .info {
|
|
background-color: var(--secondary);
|
|
padding: var(--space-m);
|
|
color: var(--text-light);
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
padding: 0;
|
|
border-radius: var(--radius);
|
|
font-family: var(--sans-serif);
|
|
padding-bottom: var(--space-m);
|
|
}
|
|
#tinymce .info > * + * {
|
|
margin-top: var(--space-m);
|
|
}
|
|
#tinymce .info + * {
|
|
margin-top: var(--space-xl);
|
|
}
|
|
#tinymce .info + #tinymce .info {
|
|
margin-top: var(--space-s);
|
|
}
|
|
#tinymce .info h4 {
|
|
font-size: 0.9em;
|
|
font-weight: 400;
|
|
line-height: 1.2;
|
|
font-family: var(--sans-serif);
|
|
border-bottom: 1px solid rgba(0, 0, 0, 0.6);
|
|
padding: var(--space-m) var(--space-l);
|
|
position: relative;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
color: var(--text-light);
|
|
}
|
|
#tinymce .info h4::after {
|
|
font-family: "Font Awesome 6";
|
|
content: "\f05a";
|
|
font-weight: 900;
|
|
margin-right: var(--space-s);
|
|
}
|
|
#tinymce .info p {
|
|
font-size: 0.8em;
|
|
margin: 0;
|
|
padding: 0 var(--space-l);
|
|
}
|
|
#tinymce .info p:first-of-type {
|
|
padding-top: var(--space-m);
|
|
border-top: 1px solid rgba(255, 255, 255, 0.1);
|
|
}
|
|
#tinymce .traits {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
padding: 0;
|
|
}
|
|
#tinymce .traits p {
|
|
display: inline-flex;
|
|
padding: 0.16rem 0.25rem;
|
|
margin: 0;
|
|
background-color: var(--primary);
|
|
border: 2px solid var(--color-border-trait);
|
|
color: var(--text-light);
|
|
font: 500 var(--font-size-10) var(--sans-serif);
|
|
text-transform: uppercase;
|
|
}
|
|
#tinymce .statblock {
|
|
font-family: var(--sans-serif-condensed);
|
|
color: var(--text-dark);
|
|
line-height: 1.2;
|
|
margin-bottom: var(--space-m);
|
|
}
|
|
#tinymce .statblock > * + * {
|
|
margin-top: var(--space-s);
|
|
margin-bottom: 0;
|
|
}
|
|
#tinymce .statblock p {
|
|
--indent: var(--space-l);
|
|
margin-left: var(--indent);
|
|
position: relative;
|
|
}
|
|
#tinymce .statblock p strong:first-of-type {
|
|
margin-left: calc(var(--indent) * -1);
|
|
}
|
|
#tinymce .statblock p .trait:first-of-type {
|
|
margin-left: calc(var(--indent) * -1 - 2px);
|
|
}
|
|
#tinymce .statblock span.pf2-icon {
|
|
line-height: 1;
|
|
}
|
|
#tinymce .statblock h1,
|
|
#tinymce .statblock h2,
|
|
#tinymce .statblock h3,
|
|
#tinymce .statblock h4 {
|
|
display: flex;
|
|
align-items: baseline;
|
|
justify-content: space-between;
|
|
border-bottom: 1px solid var(--color-border-dark);
|
|
text-transform: uppercase;
|
|
letter-spacing: -0.05em;
|
|
font-family: var(--sans-serif-condensed);
|
|
font-weight: 700;
|
|
}
|
|
#tinymce .statblock hr {
|
|
border: none;
|
|
border-bottom: 1px solid var(--color-border-dark);
|
|
}
|
|
#tinymce .message {
|
|
font-family: var(--journal-cursive);
|
|
font-size: 2em;
|
|
line-height: 1.2;
|
|
}
|
|
/* ----------------------------------------- */
|
|
/* Upstream Overrides */
|
|
/* ----------------------------------------- */
|
|
button:disabled {
|
|
cursor: default;
|
|
}
|
|
.crb-style.sheet .window-content {
|
|
background: url("../assets/sheet/background.webp") no-repeat;
|
|
background-size: cover;
|
|
}
|
|
.actors-sidebar .directory-item.actor h4 {
|
|
line-height: normal;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
}
|
|
.actors-sidebar .directory-item.actor .actor-level {
|
|
font-size: x-small;
|
|
color: var(--color-text-light-primary);
|
|
}
|
|
.actors-sidebar ol.party-list {
|
|
list-style-type: none;
|
|
margin: 0 0 0.25rem 0;
|
|
padding: 0;
|
|
position: relative;
|
|
}
|
|
.actors-sidebar li.folder-like {
|
|
border-top: none;
|
|
border-bottom: none;
|
|
}
|
|
.actors-sidebar li.folder-like > header {
|
|
border-bottom: 1px solid var(--color-border-dark);
|
|
border-top: 1px solid var(--color-border-dark);
|
|
display: flex;
|
|
line-height: 1.5rem;
|
|
padding: 6px;
|
|
}
|
|
.actors-sidebar li.folder-like > header .icon {
|
|
cursor: pointer;
|
|
font-size: var(--font-size-16);
|
|
}
|
|
.actors-sidebar li.folder-like > header .left-control > i {
|
|
margin: 0 0.5em 0 0.25em;
|
|
text-align: center;
|
|
}
|
|
.actors-sidebar li.folder-like > header h3 {
|
|
display: block;
|
|
flex: 1;
|
|
font-size: var(--font-size-16);
|
|
margin: 0;
|
|
padding-left: 1px;
|
|
}
|
|
.actors-sidebar li.folder-like > header a.create-button {
|
|
flex: 0 0 20px;
|
|
margin-left: 3px;
|
|
position: relative;
|
|
text-align: center;
|
|
}
|
|
.actors-sidebar li.folder-like > header a.create-button:hover i + i {
|
|
color: var(--color-text-hyperlink);
|
|
}
|
|
.actors-sidebar li.folder-like > header a.create-button i + i {
|
|
position: absolute;
|
|
top: -2px;
|
|
right: -2px;
|
|
font-size: 0.5rem;
|
|
background: black;
|
|
color: var(--color-text-light-highlight);
|
|
padding: 1px;
|
|
border-radius: 4px;
|
|
}
|
|
.actors-sidebar li.folder-like.collapsed i.folder {
|
|
margin-right: 2px;
|
|
}
|
|
.actors-sidebar li.folder-like.collapsed .fa-folder-open::before {
|
|
content: "\f07b";
|
|
}
|
|
.actors-sidebar li.folder-like.collapsed .subdirectory {
|
|
display: none;
|
|
}
|
|
.actors-sidebar li.folder-like.droptarget > header h3 {
|
|
text-shadow: 1px 1px 3px var(--color-shadow-dark);
|
|
font-size: 1.2em;
|
|
}
|
|
.actors-sidebar li.folder-like.droptarget > header h3 i {
|
|
text-shadow: 0 0 4px var(--color-shadow-primary);
|
|
transform: scale(1.2);
|
|
}
|
|
.actors-sidebar li.folder-like.other-parties > header {
|
|
background: var(--primary-dark);
|
|
}
|
|
.actors-sidebar li.folder-like.other-parties > header h3 i {
|
|
margin-right: 6px;
|
|
}
|
|
.actors-sidebar li.folder-like.other-parties.collapsed > header h3 i {
|
|
margin-right: 8px;
|
|
}
|
|
.actors-sidebar .subdirectory .folder-like {
|
|
border-left: 1px solid var(--color-border-dark-1);
|
|
}
|
|
.actors-sidebar .subdirectory .folder-like > header {
|
|
background: var(--primary-darker);
|
|
}
|
|
.actors-sidebar .party:not(.activated) .party-header {
|
|
background: var(--primary-darker);
|
|
padding: 2px 6px;
|
|
}
|
|
.actors-sidebar .party:not(.activated) .party-header > *:not(nav) {
|
|
opacity: 0.85;
|
|
}
|
|
.actors-sidebar .party .activate-party:hover i {
|
|
font-weight: 900;
|
|
}
|
|
.actors-sidebar .party.activated .party-header {
|
|
background: var(--primary);
|
|
}
|
|
.actors-sidebar .party .blank {
|
|
line-height: 2.375em;
|
|
padding: 0 0.5rem;
|
|
}
|
|
.directory-item.item img.thumbnail {
|
|
object-fit: contain;
|
|
}
|
|
.directory-item.item h4 {
|
|
line-height: normal;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
}
|
|
.directory-item.item .item-level {
|
|
font-size: x-small;
|
|
color: var(--color-text-light-primary);
|
|
}
|
|
.chat-inspect-roll .content {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 1em;
|
|
width: 100%;
|
|
height: 100%;
|
|
flex: 1 1 auto;
|
|
}
|
|
.chat-inspect-roll .summary {
|
|
flex: 0 1 auto;
|
|
}
|
|
.chat-inspect-roll .summary .type {
|
|
display: flex;
|
|
align-items: baseline;
|
|
gap: 2px;
|
|
}
|
|
.chat-inspect-roll .summary .tags.domains {
|
|
justify-items: end;
|
|
margin-top: 4px;
|
|
}
|
|
.chat-inspect-roll .summary .tags.domains .tag {
|
|
font-size: var(--font-size-12);
|
|
font-weight: normal;
|
|
text-transform: none;
|
|
user-select: all;
|
|
}
|
|
.chat-inspect-roll .body {
|
|
display: flex;
|
|
flex-direction: row;
|
|
gap: 1em;
|
|
width: 100%;
|
|
flex: 1;
|
|
}
|
|
.chat-inspect-roll .roll-options,
|
|
.chat-inspect-roll .modifiers {
|
|
display: flex;
|
|
flex: 1;
|
|
flex-direction: column;
|
|
height: 100%;
|
|
overflow: hidden;
|
|
}
|
|
.chat-inspect-roll .roll-options .filter {
|
|
margin-bottom: 2px;
|
|
}
|
|
.chat-inspect-roll .roll-options .roll-option-lists {
|
|
overflow: hidden scroll;
|
|
flex: 1 0 0;
|
|
overflow: auto;
|
|
padding-right: 1px;
|
|
}
|
|
.chat-inspect-roll .roll-options .roll-option-lists ul {
|
|
margin: 0;
|
|
padding: 0;
|
|
list-style-type: none;
|
|
border-radius: 3px;
|
|
white-space: nowrap;
|
|
border: 1px solid var(--color-border-dark-tertiary);
|
|
overflow-x: auto;
|
|
}
|
|
.chat-inspect-roll .roll-options .roll-option-lists li {
|
|
user-select: text;
|
|
line-height: 1.5em;
|
|
padding-left: 5px;
|
|
}
|
|
.chat-inspect-roll .roll-options .roll-option-lists li:nth-child(even) {
|
|
background-color: rgba(0, 0, 0, 0.0666666667);
|
|
}
|
|
.chat-inspect-roll .modifier-list {
|
|
overflow: hidden scroll;
|
|
flex: 1 0 0;
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 4px;
|
|
}
|
|
.chat-inspect-roll .modifier-list .modifier {
|
|
border: 1px solid black;
|
|
border-radius: 3px;
|
|
padding: 4px;
|
|
}
|
|
.chat-inspect-roll .modifier-list .modifier.disabled {
|
|
border-style: dashed;
|
|
opacity: 0.6;
|
|
}
|
|
.chat-inspect-roll .modifier-list .modifier h4 {
|
|
font-size: 1.1em;
|
|
}
|
|
.chat-inspect-roll .modifier-list .modifier > div {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: baseline;
|
|
}
|
|
.chat-message.emote > .message-content {
|
|
font-style: italic;
|
|
}
|
|
.chat-message.emote > .message-content p.action-content {
|
|
display: flex;
|
|
align-items: center;
|
|
font-weight: normal;
|
|
}
|
|
.chat-message.emote > .message-content p.action-content img {
|
|
height: 2.33em;
|
|
width: 2.33em;
|
|
float: left;
|
|
margin-right: 0.5em;
|
|
}
|
|
.chat-message.emote > .message-content hr.action-divider {
|
|
margin: 0;
|
|
}
|
|
.chat-message > .message-header .flavor-text h4.action {
|
|
line-height: 1.5em;
|
|
margin: 0;
|
|
}
|
|
.chat-message > .message-header .flavor-text h4.action > strong {
|
|
font-weight: 600;
|
|
}
|
|
.chat-message > .message-content > .description {
|
|
margin-bottom: 0rem;
|
|
position: relative;
|
|
}
|
|
.chat-message > .message-content > .description a.preview {
|
|
height: 4.5ch;
|
|
display: block;
|
|
-webkit-mask-image: linear-gradient(to bottom, black, rgba(0, 0, 0, 0));
|
|
mask-image: linear-gradient(to bottom, black, rgba(0, 0, 0, 0));
|
|
overflow: hidden;
|
|
position: relative;
|
|
z-index: 2;
|
|
}
|
|
.chat-message > .message-content > .description a.preview:hover {
|
|
text-shadow: none;
|
|
}
|
|
.chat-message > .message-content > .description a.preview:hover + .shadow {
|
|
box-shadow: 0 1px 6px var(--color-shadow-primary);
|
|
clip-path: polygon(0 0, 100% 0, 100% 200%, 0 200%);
|
|
width: 100%;
|
|
}
|
|
.chat-message > .message-content > .description .shadow {
|
|
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
|
|
height: 6px;
|
|
position: relative;
|
|
top: -6px;
|
|
z-index: 1;
|
|
}
|
|
.chat-message > .message-content .message-buttons {
|
|
display: flex;
|
|
margin: 0.35em 0 2px;
|
|
}
|
|
.chat-message > .message-content .message-buttons button {
|
|
align-items: center;
|
|
display: flex;
|
|
justify-content: center;
|
|
position: relative;
|
|
}
|
|
.chat-message > .message-content .message-buttons button .cue {
|
|
position: absolute;
|
|
right: 0.5rem;
|
|
}
|
|
.chat-message > .message-content .message-buttons button .cue i {
|
|
--fa-primary-color: var(--color-border-dark);
|
|
--fa-secondary-color: var(--primary);
|
|
--fa-secondary-opacity: 0.6;
|
|
}
|
|
.chat-message > .message-content .message-buttons:has(.effect-applied) {
|
|
align-items: center;
|
|
color: var(--color-text-dark-secondary);
|
|
font-style: italic;
|
|
height: 2.1rem;
|
|
justify-content: center;
|
|
padding-bottom: 0.1rem;
|
|
}
|
|
.chat-message > .message-header .flavor-text .target-dc-result {
|
|
line-height: 0.75rem;
|
|
margin-bottom: 4px;
|
|
}
|
|
.chat-message > .message-header .flavor-text .target-dc-result .target-dc,
|
|
.chat-message > .message-header .flavor-text .target-dc-result .result {
|
|
display: block;
|
|
margin: 1px 0;
|
|
width: fit-content;
|
|
}
|
|
.chat-message > .message-header .flavor-text .target-dc-result .unadjusted {
|
|
text-decoration: line-through;
|
|
}
|
|
.chat-message > .message-header .flavor-text .target-dc-result .adjusted {
|
|
text-decoration: underline dotted;
|
|
}
|
|
.chat-message > .message-header .flavor-text .target-dc-result .adjusted.increased {
|
|
color: rgb(0, 128, 0);
|
|
}
|
|
.chat-message > .message-header .flavor-text .target-dc-result .adjusted.decreased {
|
|
color: rgb(255, 0, 0);
|
|
}
|
|
.chat-message > .message-header .flavor-text .target-dc-result .degree-of-success .criticalSuccess {
|
|
color: rgb(0, 128, 0);
|
|
}
|
|
.chat-message > .message-header .flavor-text .target-dc-result .degree-of-success .success {
|
|
color: rgb(0, 0, 255);
|
|
}
|
|
.chat-message > .message-header .flavor-text .target-dc-result .degree-of-success .failure {
|
|
color: rgb(255, 69, 0);
|
|
}
|
|
.chat-message > .message-header .flavor-text .target-dc-result .degree-of-success .criticalFailure {
|
|
color: rgb(255, 0, 0);
|
|
}
|
|
.chat-message > .message-header .flavor-text .effect {
|
|
display: flex;
|
|
align-items: center;
|
|
column-gap: 5px;
|
|
}
|
|
.chat-message > .message-header .flavor-text .effect img {
|
|
height: 32px;
|
|
width: 32px;
|
|
}
|
|
.chat-message .message-content .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.tooltip-part > header {
|
|
background: var(--color-bg-bludgeoning);
|
|
}
|
|
.chat-message .message-content .damage-roll .dice-result .instance.tooltip-part > .dice {
|
|
text-shadow: none;
|
|
}
|
|
.chat-message .message-content .damage-roll .dice-result .instance .precision,
|
|
.chat-message .message-content .damage-roll .dice-result .instance .splash {
|
|
border-color: inherit;
|
|
border-width: 1px;
|
|
border-style: dotted;
|
|
padding: 1px 2px;
|
|
line-height: 0;
|
|
}
|
|
.chat-message .message-content .damage-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 section.roll-note {
|
|
font-size: var(--font-size-12);
|
|
}
|
|
.chat-message .message-content .damage-taken .persistent {
|
|
font-style: normal;
|
|
margin-top: 1em;
|
|
}
|
|
.chat-message .message-content .damage-taken .persistent h4 {
|
|
border-bottom: 1px solid var(--color-underline-header);
|
|
max-width: fit-content;
|
|
}
|
|
.chat-message .message-content .damage-taken button.revert-damage {
|
|
align-items: center;
|
|
background: var(--bg-dark);
|
|
display: inline-flex;
|
|
justify-content: center;
|
|
width: 3ch;
|
|
margin-left: 2px;
|
|
}
|
|
.chat-message .message-content .damage-taken button.revert-damage > i {
|
|
margin: 0;
|
|
}
|
|
.chat-message .message-content .damage-taken .reverted {
|
|
text-decoration: line-through;
|
|
}
|
|
.chat-message .flavor-text .pf2e-reroll-indicator {
|
|
float: right;
|
|
}
|
|
.chat-message .message-content .pf2e-reroll-discard .dice-total,
|
|
.chat-message .message-content .pf2e-reroll-discard .dice-tooltip {
|
|
opacity: 0.3;
|
|
}
|
|
.chat-message .message-content .pf2e-reroll-second .dice-formula {
|
|
display: none;
|
|
}
|
|
.chat-message .message-header .flavor-text {
|
|
display: block;
|
|
}
|
|
.chat-message .message-header .flavor-text ul.notes {
|
|
display: block;
|
|
line-height: 1.5em;
|
|
list-style: none;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
.chat-message .message-header .flavor-text ul.notes li {
|
|
display: block;
|
|
line-height: 1.5em;
|
|
}
|
|
.chat-message > .message-content ul.participant-conditions {
|
|
background: rgba(0, 0, 0, 0.1);
|
|
border-radius: 3px;
|
|
border: 1px solid var(--color-border-light-2);
|
|
box-shadow: 0 0 2px white inset;
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 3px;
|
|
list-style: none;
|
|
padding: 0.5em;
|
|
}
|
|
.chat-message > .message-content ul.participant-conditions li {
|
|
align-items: center;
|
|
cursor: help;
|
|
display: flex;
|
|
gap: 0.5rem;
|
|
}
|
|
.chat-message > .message-content ul.participant-conditions li img {
|
|
width: 2rem;
|
|
}
|
|
section.compendium-sidebar .directory-item.compendium.locked > .compendium-banner {
|
|
opacity: 0.5;
|
|
}
|
|
section.compendium-sidebar .directory-item.compendium.locked:hover > .compendium-banner {
|
|
opacity: 1;
|
|
}
|
|
section.compendium-sidebar ol.directory-list ol.document-matches {
|
|
background: rgba(0, 0, 0, 0.25);
|
|
margin-top: 1px;
|
|
padding: 0;
|
|
}
|
|
section.compendium-sidebar ol.directory-list ol.document-matches li.match {
|
|
align-items: center;
|
|
column-gap: 2px;
|
|
cursor: pointer;
|
|
display: grid;
|
|
font-size: var(--font-size-12);
|
|
grid-template-areas: "thumbnail name" "thumbnail details";
|
|
grid-template-columns: 38px 1fr;
|
|
grid-template-rows: 1fr 1fr;
|
|
list-style: none;
|
|
padding: 2px 0 2px 4px;
|
|
}
|
|
section.compendium-sidebar ol.directory-list ol.document-matches li.match:hover {
|
|
background: rgba(255, 255, 255, 0.1);
|
|
}
|
|
section.compendium-sidebar ol.directory-list ol.document-matches li.match > * {
|
|
align-items: inherit;
|
|
display: flex;
|
|
height: 100%;
|
|
}
|
|
section.compendium-sidebar ol.directory-list ol.document-matches li.match .thumbnail {
|
|
grid-area: thumbnail;
|
|
justify-content: start;
|
|
}
|
|
section.compendium-sidebar ol.directory-list ol.document-matches li.match .thumbnail img {
|
|
border: none;
|
|
height: 36px;
|
|
object-fit: contain;
|
|
object-position: 50% 0;
|
|
padding: 2px 0;
|
|
width: 36px;
|
|
}
|
|
section.compendium-sidebar ol.directory-list ol.document-matches li.match .name {
|
|
grid-area: name;
|
|
}
|
|
section.compendium-sidebar ol.directory-list ol.document-matches li.match .details {
|
|
color: var(--color-text-light-primary);
|
|
grid-area: details;
|
|
}
|
|
#pack-search-drag-preview {
|
|
background: url(../../../ui/parchment.jpg) repeat;
|
|
border-bottom: 1px solid var(--color-border-light-1);
|
|
border-top: 1px solid transparent;
|
|
box-shadow: none;
|
|
display: flex;
|
|
height: 50px;
|
|
line-height: 48px;
|
|
position: absolute;
|
|
text-shadow: 0 0 0.5rem var(--color-shadow-primary);
|
|
top: -1000px;
|
|
width: 328px;
|
|
}
|
|
#pack-search-drag-preview img {
|
|
border: none;
|
|
height: 48px;
|
|
}
|
|
#pack-search-drag-preview h4 {
|
|
color: var(--color-text-dark-primary);
|
|
font-size: var(--font-size-14);
|
|
}
|
|
#combat nav.encounters,
|
|
#combat-popout nav.encounters {
|
|
line-height: 1.5rem;
|
|
padding-top: 0.25rem;
|
|
}
|
|
#combat .threat-award,
|
|
#combat-popout .threat-award {
|
|
color: var(--text-light);
|
|
display: flex;
|
|
font-size: var(--font-size-14);
|
|
gap: 1rem;
|
|
justify-content: center;
|
|
line-height: 1.5rem;
|
|
text-shadow: 1px 1px 4px var(--color-shadow-dark);
|
|
white-space: nowrap;
|
|
}
|
|
#combat .threat-award > *,
|
|
#combat-popout .threat-award > * {
|
|
width: 6rem;
|
|
}
|
|
#combat .threat-award .threat .value.trivial,
|
|
#combat-popout .threat-award .threat .value.trivial {
|
|
color: aqua;
|
|
}
|
|
#combat .threat-award .threat .value.low,
|
|
#combat-popout .threat-award .threat .value.low {
|
|
color: lime;
|
|
}
|
|
#combat .threat-award .threat .value.moderate,
|
|
#combat-popout .threat-award .threat .value.moderate {
|
|
color: yellow;
|
|
}
|
|
#combat .threat-award .threat .value.severe,
|
|
#combat-popout .threat-award .threat .value.severe {
|
|
color: orange;
|
|
}
|
|
#combat .threat-award .threat .value.extreme,
|
|
#combat-popout .threat-award .threat .value.extreme {
|
|
color: red;
|
|
}
|
|
#combat .encounter-controls,
|
|
#combat-popout .encounter-controls {
|
|
padding: 0.25rem 0 0.5rem;
|
|
}
|
|
#combat li.combatant,
|
|
#combat-popout li.combatant {
|
|
cursor: default;
|
|
padding: 3px 0 3px 3px;
|
|
}
|
|
#combat li.combatant.gm-draggable,
|
|
#combat-popout li.combatant.gm-draggable {
|
|
cursor: grab;
|
|
}
|
|
#combat li.combatant.drag-preview,
|
|
#combat-popout li.combatant.drag-preview {
|
|
background: rgba(0, 0, 0, 0.75);
|
|
box-shadow: 0 0 6px inset var(--color-shadow-highlight);
|
|
}
|
|
#combat li.combatant.drag-gap,
|
|
#combat-popout li.combatant.drag-gap {
|
|
visibility: hidden;
|
|
}
|
|
#combat li.combatant .hidden-name .token-name h4,
|
|
#combat-popout li.combatant .hidden-name .token-name h4 {
|
|
color: var(--color-text-light-7);
|
|
}
|
|
#combat li.combatant .token-name h4,
|
|
#combat-popout li.combatant .token-name h4 {
|
|
flex-direction: row;
|
|
}
|
|
#combat li.combatant .token-name h4 .users-targeting,
|
|
#combat-popout li.combatant .token-name h4 .users-targeting {
|
|
display: inline-block;
|
|
font-size: x-small;
|
|
line-height: inherit;
|
|
padding: 0 0.3em;
|
|
text-shadow: none;
|
|
vertical-align: bottom;
|
|
}
|
|
#combat a.combat-control.center,
|
|
#combat-popout a.combat-control.center {
|
|
white-space: nowrap;
|
|
}
|
|
.sidebar-tab ol.subdirectory {
|
|
border-left-width: 6px;
|
|
}
|
|
.hover {
|
|
cursor: pointer;
|
|
}
|
|
.hover-content {
|
|
display: none;
|
|
}
|
|
.crb-hover .tooltipster-box {
|
|
border-style: solid;
|
|
border-image-outset: 0;
|
|
border-width: 9px;
|
|
border-image: url("../assets/sheet/corner-box.webp") 9 repeat;
|
|
box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
|
|
background-color: rgba(0, 0, 0, 0.9);
|
|
overflow: visible;
|
|
}
|
|
.crb-hover .tooltipster-box .tooltipster-content {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
.crb-hover .tooltipster-box .tooltipster-content .item-summary {
|
|
--space-s: 0.25em;
|
|
--space-m: 0.5em;
|
|
--space-l: 1em;
|
|
--space-xl: 1.5em;
|
|
--space-2xl: 2em;
|
|
--radius: 3px;
|
|
}
|
|
.crb-hover .tooltipster-box .tooltipster-content .item-summary p {
|
|
min-height: unset;
|
|
}
|
|
.crb-hover .tooltipster-box .tooltipster-content .item-summary :is(h1, h2, h3, h4, h5, h6):not(:first-child) {
|
|
margin-top: 1em;
|
|
}
|
|
.crb-hover .tooltipster-box .tooltipster-content .item-summary .inline-header {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: var(--space-l);
|
|
background-color: var(--alt);
|
|
font-family: var(--sans-serif);
|
|
color: var(--text-light);
|
|
padding: 0;
|
|
font-size: 0.8em;
|
|
font-weight: 400;
|
|
border: none;
|
|
}
|
|
.crb-hover .tooltipster-box .tooltipster-content .item-summary .inline-header strong {
|
|
display: inline-flex;
|
|
padding: 0 var(--space-m);
|
|
background-color: var(--primary);
|
|
min-width: 15ch;
|
|
border-right: 1px solid rgba(0, 0, 0, 0.4);
|
|
box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.2);
|
|
font-weight: 400;
|
|
}
|
|
.crb-hover .tooltipster-box .tooltipster-content .item-summary .inline-header + p {
|
|
margin-top: var(--space-s);
|
|
}
|
|
.crb-hover .tooltipster-box .tooltipster-content .item-summary .info {
|
|
background-color: var(--secondary);
|
|
padding: var(--space-m);
|
|
color: var(--text-light);
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
padding: 0;
|
|
border-radius: var(--radius);
|
|
font-family: var(--sans-serif);
|
|
padding-bottom: var(--space-m);
|
|
}
|
|
.crb-hover .tooltipster-box .tooltipster-content .item-summary .info > * + * {
|
|
margin-top: var(--space-m);
|
|
}
|
|
.crb-hover .tooltipster-box .tooltipster-content .item-summary .info + * {
|
|
margin-top: var(--space-xl);
|
|
}
|
|
.crb-hover .tooltipster-box .tooltipster-content .item-summary .info + .crb-hover .tooltipster-box .tooltipster-content .item-summary .info {
|
|
margin-top: var(--space-s);
|
|
}
|
|
.crb-hover .tooltipster-box .tooltipster-content .item-summary .info h4 {
|
|
font-size: 0.9em;
|
|
font-weight: 400;
|
|
line-height: 1.2;
|
|
font-family: var(--sans-serif);
|
|
border-bottom: 1px solid rgba(0, 0, 0, 0.6);
|
|
padding: var(--space-m) var(--space-l);
|
|
position: relative;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
color: var(--text-light);
|
|
}
|
|
.crb-hover .tooltipster-box .tooltipster-content .item-summary .info h4::after {
|
|
font-family: "Font Awesome 6";
|
|
content: "\f05a";
|
|
font-weight: 900;
|
|
margin-right: var(--space-s);
|
|
}
|
|
.crb-hover .tooltipster-box .tooltipster-content .item-summary .info p {
|
|
font-size: 0.8em;
|
|
margin: 0;
|
|
padding: 0 var(--space-l);
|
|
}
|
|
.crb-hover .tooltipster-box .tooltipster-content .item-summary .info p:first-of-type {
|
|
padding-top: var(--space-m);
|
|
border-top: 1px solid rgba(255, 255, 255, 0.1);
|
|
}
|
|
.crb-hover .tooltipster-box .tooltipster-content .item-summary .traits {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
padding: 0;
|
|
}
|
|
.crb-hover .tooltipster-box .tooltipster-content .item-summary .traits p {
|
|
display: inline-flex;
|
|
padding: 0.16rem 0.25rem;
|
|
margin: 0;
|
|
background-color: var(--primary);
|
|
border: 2px solid var(--color-border-trait);
|
|
color: var(--text-light);
|
|
font: 500 var(--font-size-10) var(--sans-serif);
|
|
text-transform: uppercase;
|
|
}
|
|
.crb-hover .tooltipster-box .tooltipster-content .item-summary .statblock {
|
|
font-family: var(--sans-serif-condensed);
|
|
color: var(--text-dark);
|
|
line-height: 1.2;
|
|
margin-bottom: var(--space-m);
|
|
}
|
|
.crb-hover .tooltipster-box .tooltipster-content .item-summary .statblock > * + * {
|
|
margin-top: var(--space-s);
|
|
margin-bottom: 0;
|
|
}
|
|
.crb-hover .tooltipster-box .tooltipster-content .item-summary .statblock p {
|
|
--indent: var(--space-l);
|
|
margin-left: var(--indent);
|
|
position: relative;
|
|
}
|
|
.crb-hover .tooltipster-box .tooltipster-content .item-summary .statblock p strong:first-of-type {
|
|
margin-left: calc(var(--indent) * -1);
|
|
}
|
|
.crb-hover .tooltipster-box .tooltipster-content .item-summary .statblock p .trait:first-of-type {
|
|
margin-left: calc(var(--indent) * -1 - 2px);
|
|
}
|
|
.crb-hover .tooltipster-box .tooltipster-content .item-summary .statblock span.pf2-icon {
|
|
line-height: 1;
|
|
}
|
|
.crb-hover .tooltipster-box .tooltipster-content .item-summary .statblock h1,
|
|
.crb-hover .tooltipster-box .tooltipster-content .item-summary .statblock h2,
|
|
.crb-hover .tooltipster-box .tooltipster-content .item-summary .statblock h3,
|
|
.crb-hover .tooltipster-box .tooltipster-content .item-summary .statblock h4 {
|
|
display: flex;
|
|
align-items: baseline;
|
|
justify-content: space-between;
|
|
border-bottom: 1px solid var(--color-border-dark);
|
|
text-transform: uppercase;
|
|
letter-spacing: -0.05em;
|
|
font-family: var(--sans-serif-condensed);
|
|
font-weight: 700;
|
|
}
|
|
.crb-hover .tooltipster-box .tooltipster-content .item-summary .statblock hr {
|
|
border: none;
|
|
border-bottom: 1px solid var(--color-border-dark);
|
|
}
|
|
.crb-hover .tooltipster-box .tooltipster-content .item-summary .message {
|
|
font-family: var(--journal-cursive);
|
|
font-size: 2em;
|
|
line-height: 1.2;
|
|
}
|
|
.crb-hover .tooltipster-box .tooltipster-content .item-summary a,
|
|
.crb-hover .tooltipster-box .tooltipster-content .item-summary span[data-pf2-effect-area] {
|
|
color: var(--color-text-dark-primary);
|
|
}
|
|
.crb-hover .tooltipster-box .tooltipster-content .hover-content {
|
|
display: flex;
|
|
min-width: 120px;
|
|
max-width: fit-content;
|
|
padding: 4px;
|
|
line-height: 1;
|
|
flex-direction: column;
|
|
}
|
|
.crb-hover .tooltipster-box .tooltipster-content .hover-content p {
|
|
font-size: var(--font-size-14);
|
|
font-family: var(--body-serif);
|
|
font-weight: 400;
|
|
}
|
|
.crb-hover .tooltipster-box .tooltipster-content .hover-content h1,
|
|
.crb-hover .tooltipster-box .tooltipster-content .hover-content h2,
|
|
.crb-hover .tooltipster-box .tooltipster-content .hover-content h3 {
|
|
font-size: var(--font-size-12);
|
|
font-weight: 500;
|
|
text-align: left;
|
|
}
|
|
.crb-hover .tooltipster-box .tooltipster-content .hover-content .sidebar_title {
|
|
align-items: baseline;
|
|
border-bottom: 1px solid var(--sidebar-title);
|
|
display: flex;
|
|
flex: 1 auto;
|
|
justify-content: space-between;
|
|
margin: 0.25em 0 0.5em;
|
|
}
|
|
.crb-hover .tooltipster-box .tooltipster-content .hover-content .sidebar_title h2,
|
|
.crb-hover .tooltipster-box .tooltipster-content .hover-content .sidebar_title a {
|
|
font-family: var(--sans-serif);
|
|
font-size: var(--font-size-10);
|
|
text-transform: uppercase;
|
|
letter-spacing: 0.05em;
|
|
text-rendering: optimizeLegibility;
|
|
border: none;
|
|
color: var(--sidebar-title);
|
|
line-height: 1.5;
|
|
margin: 0;
|
|
}
|
|
.crb-hover .tooltipster-box .tooltipster-content .hover-content .sidebar_title h2 + h2,
|
|
.crb-hover .tooltipster-box .tooltipster-content .hover-content .sidebar_title a + h2 {
|
|
font-size: var(--font-size-11);
|
|
}
|
|
.crb-hover .tooltipster-box .tooltipster-content .hover-content .sidebar_title a {
|
|
color: var(--text-light);
|
|
text-decoration: none;
|
|
}
|
|
.crb-hover .tooltipster-box .tooltipster-content .hover-content.select-shield {
|
|
width: 160px;
|
|
}
|
|
.crb-hover .tooltipster-box .tooltipster-content .hover-content.select-shield ul li.item .data {
|
|
position: relative;
|
|
top: -2px;
|
|
}
|
|
.crb-hover .tooltipster-box .tooltipster-content .hover-content.select-shield ul li.item .tag-legacy {
|
|
width: auto;
|
|
}
|
|
.crb-hover .tooltipster-box .tooltipster-content .hover-content a.item-location-option {
|
|
color: rgba(255, 255, 255, 0.5);
|
|
}
|
|
.crb-hover .tooltipster-box .tooltipster-content .hover-content a.item-location-option i {
|
|
margin: 1px 4px 1px 0;
|
|
}
|
|
.crb-hover .tooltipster-box .tooltipster-content .hover-content a.item-location-option.selected {
|
|
color: var(--text-light);
|
|
}
|
|
.crb-hover .tooltipster-box .tooltipster-content .hover-content a.item-location-option.selected:hover {
|
|
cursor: default;
|
|
text-shadow: none;
|
|
}
|
|
.crb-hover .tooltipster-box .tooltipster-content .hover-content ul {
|
|
list-style: none;
|
|
margin: 0;
|
|
padding: 0;
|
|
flex: 1 auto;
|
|
}
|
|
.crb-hover .tooltipster-box .tooltipster-content .hover-content ul input {
|
|
color: var(--text-light);
|
|
border: none;
|
|
border-radius: 0;
|
|
background: transparent;
|
|
font-family: var(--body-serif);
|
|
width: 100%;
|
|
border-bottom: 1px solid rgba(255, 255, 255, 0.5);
|
|
}
|
|
.crb-hover .tooltipster-box .tooltipster-content .hover-content ul input:focus {
|
|
box-shadow: none;
|
|
border-bottom: 1px solid white;
|
|
}
|
|
.crb-hover .tooltipster-box .tooltipster-content .hover-content ul input:focus::placeholder {
|
|
color: transparent;
|
|
}
|
|
.crb-hover .tooltipster-box .tooltipster-content .hover-content ul input::placeholder {
|
|
color: rgba(255, 255, 255, 0.8);
|
|
}
|
|
.crb-hover .tooltipster-box .tooltipster-content .hover-content ul input::-webkit-outer-spin-button, .crb-hover .tooltipster-box .tooltipster-content .hover-content ul input::-webkit-inner-spin-button {
|
|
-webkit-appearance: none;
|
|
appearance: none;
|
|
margin: 0;
|
|
}
|
|
.crb-hover .tooltipster-box .tooltipster-content .hover-content ul input[type=number] {
|
|
appearance: textfield;
|
|
-moz-appearance: textfield;
|
|
}
|
|
.crb-hover .tooltipster-box .tooltipster-content .hover-content ul select {
|
|
border-radius: 2px;
|
|
height: 18px;
|
|
border: 1px solid white;
|
|
background: transparent;
|
|
cursor: pointer;
|
|
}
|
|
.crb-hover .tooltipster-box .tooltipster-content .hover-content ul select option {
|
|
font-size: 0.8rem;
|
|
min-height: 1rem;
|
|
color: var(--text-dark);
|
|
text-transform: capitalize;
|
|
}
|
|
.crb-hover .tooltipster-box .tooltipster-content .hover-content ul label {
|
|
display: flex;
|
|
align-items: center;
|
|
text-align: left;
|
|
font-family: var(--serif);
|
|
font-weight: 500;
|
|
}
|
|
.crb-hover .tooltipster-box .tooltipster-content .hover-content ul .label,
|
|
.crb-hover .tooltipster-box .tooltipster-content .hover-content ul .data {
|
|
font-size: var(--font-size-12);
|
|
font-family: var(--serif);
|
|
font-weight: 400;
|
|
color: var(--text-light);
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
.crb-hover .tooltipster-box .tooltipster-content .hover-content ul .item {
|
|
display: grid;
|
|
grid: "data label close" min-content "data type close" min-content/30px 1fr;
|
|
margin: 8px 0;
|
|
align-items: center;
|
|
column-gap: 8px;
|
|
justify-items: start;
|
|
}
|
|
.crb-hover .tooltipster-box .tooltipster-content .hover-content ul .item:first-child {
|
|
border: none;
|
|
}
|
|
.crb-hover .tooltipster-box .tooltipster-content .hover-content ul .item.no-effect {
|
|
filter: opacity(0.5);
|
|
position: relative;
|
|
}
|
|
.crb-hover .tooltipster-box .tooltipster-content .hover-content ul .item .tag-legacy {
|
|
font-family: var(--sans-serif);
|
|
font-size: var(--font-size-10);
|
|
text-transform: uppercase;
|
|
letter-spacing: 0.05em;
|
|
text-rendering: optimizeLegibility;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
color: var(--tertiary);
|
|
grid-area: type;
|
|
letter-spacing: 0.5px;
|
|
white-space: nowrap;
|
|
width: min-content;
|
|
}
|
|
.crb-hover .tooltipster-box .tooltipster-content .hover-content ul .item .tag-legacy .remove-modifier {
|
|
white-space: nowrap;
|
|
}
|
|
.crb-hover .tooltipster-box .tooltipster-content .hover-content ul .item .label {
|
|
grid-area: label;
|
|
}
|
|
.crb-hover .tooltipster-box .tooltipster-content .hover-content ul .item .data {
|
|
grid-area: data;
|
|
text-align: right;
|
|
font-size: var(--font-size-21);
|
|
justify-self: right;
|
|
width: min-content;
|
|
padding-top: 2px;
|
|
}
|
|
.crb-hover .tooltipster-box .tooltipster-content .hover-content ul .disabled .label,
|
|
.crb-hover .tooltipster-box .tooltipster-content .hover-content ul .disabled .data,
|
|
.crb-hover .tooltipster-box .tooltipster-content .hover-content ul .disabled .data::placeholder {
|
|
color: rgba(255, 255, 255, 0.5);
|
|
}
|
|
.crb-hover .tooltipster-box .tooltipster-content .hover-content ul .disabled .label {
|
|
text-decoration: line-through;
|
|
}
|
|
.crb-hover .tooltipster-box .tooltipster-content .hover-content.modifiers-tooltip .remove-modifier {
|
|
grid-area: close;
|
|
font-size: 0.8rem;
|
|
cursor: pointer;
|
|
}
|
|
.crb-hover .tooltipster-box .tooltipster-content .hover-content.modifiers-tooltip .add-modifier {
|
|
border-top: 1px solid var(--sidebar-title);
|
|
padding-top: 5px;
|
|
grid: "value name name" 1fr "type type btn" 1fr/42px 1fr 1fr;
|
|
font-size: 0.8rem;
|
|
gap: 0.25rem 0.5rem;
|
|
align-items: baseline;
|
|
}
|
|
.crb-hover .tooltipster-box .tooltipster-content .hover-content.modifiers-tooltip .add-modifier .add-modifier-value {
|
|
grid-area: value;
|
|
font-size: 1rem;
|
|
text-align: right;
|
|
display: grid;
|
|
grid: "input plus" 1fr "input minus" 1fr/1fr 10px;
|
|
column-gap: 4px;
|
|
align-items: center;
|
|
}
|
|
.crb-hover .tooltipster-box .tooltipster-content .hover-content.modifiers-tooltip .add-modifier .add-modifier-value input {
|
|
grid-area: input;
|
|
}
|
|
.crb-hover .tooltipster-box .tooltipster-content .hover-content.modifiers-tooltip .add-modifier .add-modifier-value .fa-solid {
|
|
margin-top: 2px;
|
|
font-size: var(--font-size-9);
|
|
cursor: pointer;
|
|
}
|
|
.crb-hover .tooltipster-box .tooltipster-content .hover-content.modifiers-tooltip .add-modifier .add-modifier-value .fa-solid.fa-plus-circle {
|
|
grid-area: plus;
|
|
}
|
|
.crb-hover .tooltipster-box .tooltipster-content .hover-content.modifiers-tooltip .add-modifier .add-modifier-value .fa-solid.fa-minus-circle {
|
|
grid-area: minus;
|
|
}
|
|
.crb-hover .tooltipster-box .tooltipster-content .hover-content.modifiers-tooltip .add-modifier .add-modifier-name {
|
|
grid-area: name;
|
|
}
|
|
.crb-hover .tooltipster-box .tooltipster-content .hover-content.modifiers-tooltip .add-modifier .add-modifier-submit {
|
|
font-family: var(--sans-serif);
|
|
font-size: var(--font-size-10);
|
|
text-transform: uppercase;
|
|
letter-spacing: 0.05em;
|
|
text-rendering: optimizeLegibility;
|
|
grid-area: btn;
|
|
white-space: nowrap;
|
|
line-height: 1.5;
|
|
background-color: black;
|
|
color: var(--tertiary);
|
|
}
|
|
.crb-hover .tooltipster-box .tooltipster-content .hover-content.manage-tabs ul li {
|
|
display: flex;
|
|
}
|
|
.crb-hover .tooltipster-box .tooltipster-content .hover-content.manage-tabs ul li label {
|
|
color: var(--tertiary);
|
|
flex-basis: 100%;
|
|
}
|
|
.crb-hover .tooltipster-box .tooltipster-content .hover-content.manage-tabs ul li input {
|
|
display: flex;
|
|
min-width: 2em;
|
|
}
|
|
.crb-hover .tooltipster-box .tooltipster-content .hover-content.carry-hover-content {
|
|
white-space: nowrap;
|
|
}
|
|
.crb-hover .tooltipster-box .tooltipster-content .hover-content.carry-hover-content a.item-control i.fas {
|
|
min-width: 1.25em;
|
|
}
|
|
.icon.anger::before {
|
|
content: "💢︎";
|
|
}
|
|
.icon.bang::before {
|
|
content: "💥︎";
|
|
}
|
|
.icon.collision::before {
|
|
content: "💥︎";
|
|
}
|
|
.icon.crystal-ball::before {
|
|
content: "🔮︎";
|
|
}
|
|
.icon.dizzy::before {
|
|
content: "💫︎";
|
|
}
|
|
.icon.diamond-with-dot::before {
|
|
content: "💠︎";
|
|
}
|
|
.icon.gemstone::before {
|
|
content: "💎︎";
|
|
}
|
|
.icon.gem-stone::before {
|
|
content: "💎︎";
|
|
}
|
|
.icon.glowing-star::before {
|
|
content: "🌟︎";
|
|
}
|
|
.icon.prayer-beads::before {
|
|
content: "📿︎";
|
|
}
|
|
.icon.ring::before {
|
|
content: "💍︎";
|
|
}
|
|
.icon.sparkle::before {
|
|
content: "❇︎";
|
|
}
|
|
.icon.sparkler::before {
|
|
content: "🎇︎";
|
|
}
|
|
.icon.sparkles::before {
|
|
content: "✨︎";
|
|
}
|
|
.roll-modifiers-dialog {
|
|
background: none;
|
|
box-shadow: none;
|
|
}
|
|
.roll-modifiers-dialog .window-header {
|
|
border: none;
|
|
box-shadow: inset 0 0 0 1px #9f725b, inset 0 0 0 2px var(--tertiary), inset 0 0 0 3px #956d58, 0 0 20px rgba(0, 0, 0, 0.8);
|
|
background: linear-gradient(90deg, var(--secondary) 0%, #202b93 50%, var(--secondary) 100%);
|
|
border-radius: 0;
|
|
margin-bottom: 2px;
|
|
font-size: var(--font-size-13);
|
|
}
|
|
.roll-modifiers-dialog .window-content {
|
|
border-style: solid;
|
|
border-image-outset: 0;
|
|
border-width: 9px;
|
|
border-image: url("../assets/sheet/corner-box.webp") 9 repeat;
|
|
box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
|
|
padding-top: 0;
|
|
}
|
|
.roll-modifiers-dialog button {
|
|
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3), inset 0 0 0 2px rgba(255, 255, 255, 0.2);
|
|
background-color: var(--alt);
|
|
border-radius: 2px;
|
|
color: var(--text-light);
|
|
cursor: pointer;
|
|
font-family: var(--sans-serif);
|
|
}
|
|
.roll-modifiers-dialog button:hover {
|
|
text-shadow: 0 0 2px var(--tertiary);
|
|
}
|
|
.roll-modifiers-dialog .toggle {
|
|
background: var(--secondary);
|
|
border-radius: 50px;
|
|
box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(255, 255, 255, 0.2);
|
|
cursor: pointer;
|
|
display: inline-block;
|
|
height: 19px;
|
|
margin: 4px auto;
|
|
position: relative;
|
|
width: 46px;
|
|
}
|
|
.roll-modifiers-dialog .toggle::before {
|
|
color: var(--text-light);
|
|
content: "ON";
|
|
left: 6px;
|
|
position: absolute;
|
|
z-index: 0;
|
|
}
|
|
.roll-modifiers-dialog .toggle::after {
|
|
color: var(--text-dark);
|
|
content: "OFF";
|
|
position: absolute;
|
|
right: 4px;
|
|
text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.15);
|
|
z-index: 0;
|
|
}
|
|
.roll-modifiers-dialog .toggle::after, .roll-modifiers-dialog .toggle::before {
|
|
font-family: var(--sans-serif);
|
|
font-size: var(--font-size-10);
|
|
text-transform: uppercase;
|
|
letter-spacing: 0.05em;
|
|
text-rendering: optimizeLegibility;
|
|
top: 4px;
|
|
}
|
|
.roll-modifiers-dialog .toggle .widget {
|
|
background: #fcfff4;
|
|
background: linear-gradient(to bottom, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
|
|
border-radius: 50px;
|
|
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2), 0px 2px 5px 0px rgba(0, 0, 0, 0.3);
|
|
cursor: pointer;
|
|
display: block;
|
|
height: 16px;
|
|
position: absolute;
|
|
right: 1px;
|
|
top: 1px;
|
|
transition: all 0.4s ease;
|
|
width: 19px;
|
|
z-index: 1;
|
|
}
|
|
.roll-modifiers-dialog .toggle input[type=checkbox] {
|
|
visibility: hidden;
|
|
}
|
|
.roll-modifiers-dialog .toggle input[type=checkbox]:not(:checked) + .widget {
|
|
right: 23px;
|
|
}
|
|
.roll-modifiers-dialog .dialog-row {
|
|
align-items: center;
|
|
display: flex;
|
|
padding: 8px 0;
|
|
gap: 2px;
|
|
}
|
|
.roll-modifiers-dialog .dialog-row .mod {
|
|
flex: 1.5 0 0;
|
|
}
|
|
.roll-modifiers-dialog .dialog-row .type {
|
|
flex: 0 0 6.25rem;
|
|
text-transform: capitalize;
|
|
}
|
|
.roll-modifiers-dialog .dialog-row .value {
|
|
flex: 0 0 36px;
|
|
display: flex;
|
|
justify-content: center;
|
|
}
|
|
.roll-modifiers-dialog .dialog-row .exclude {
|
|
flex: 0 0 50px;
|
|
justify-self: right;
|
|
}
|
|
.roll-modifiers-dialog .dialog-row.header {
|
|
font-size: var(--font-size-13);
|
|
font-weight: 700;
|
|
padding-bottom: 0;
|
|
}
|
|
.roll-modifiers-dialog .dialog-row.header + hr {
|
|
margin-bottom: 0;
|
|
}
|
|
.roll-modifiers-dialog .dialog-row.disabled {
|
|
text-decoration: line-through;
|
|
}
|
|
.roll-modifiers-dialog .dialog-row.disabled > * {
|
|
filter: opacity(0.5);
|
|
}
|
|
.roll-modifiers-dialog .dialog-row.disabled > * i {
|
|
color: var(--text-dark);
|
|
}
|
|
.roll-modifiers-dialog .dialog-row.disabled .toggle {
|
|
background: rgba(0, 0, 0, 0.4);
|
|
}
|
|
.roll-modifiers-dialog .dialog-row.disabled .toggle input[type=checkbox] + label {
|
|
right: 26px;
|
|
}
|
|
.roll-modifiers-dialog .dialog-row.disabled.hidden {
|
|
display: none;
|
|
}
|
|
.roll-modifiers-dialog .dialog-row .exclude.disabled {
|
|
filter: opacity(0.5);
|
|
}
|
|
.roll-modifiers-dialog .dialog-row .exclude.disabled .toggle,
|
|
.roll-modifiers-dialog .dialog-row .exclude.disabled .widget {
|
|
cursor: default;
|
|
}
|
|
.roll-modifiers-dialog .dialog-row .exclude.disabled i {
|
|
color: var(--text-dark);
|
|
}
|
|
.roll-modifiers-dialog .substitutions,
|
|
.roll-modifiers-dialog .modifier-container {
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
.roll-modifiers-dialog .substitutions + hr,
|
|
.roll-modifiers-dialog .modifier-container + hr {
|
|
margin-top: 0;
|
|
}
|
|
.roll-modifiers-dialog .substitutions .dialog-row,
|
|
.roll-modifiers-dialog .modifier-container .dialog-row {
|
|
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
|
|
}
|
|
.roll-modifiers-dialog .substitutions .dialog-row:last-child,
|
|
.roll-modifiers-dialog .modifier-container .dialog-row:last-child {
|
|
border-bottom: none;
|
|
}
|
|
.roll-modifiers-dialog .substitutions .dialog-row .tag,
|
|
.roll-modifiers-dialog .modifier-container .dialog-row .tag {
|
|
background-color: var(--sub);
|
|
border-radius: 2px;
|
|
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25);
|
|
color: var(--text-light);
|
|
font-family: var(--sans-serif);
|
|
font-size: var(--font-size-10);
|
|
letter-spacing: 0.5px;
|
|
padding: 4px 8px;
|
|
text-transform: uppercase;
|
|
width: fit-content;
|
|
}
|
|
.roll-modifiers-dialog .total-mod {
|
|
font-weight: 700;
|
|
padding: 0;
|
|
}
|
|
.roll-modifiers-dialog .roll-mode-panel {
|
|
display: flex;
|
|
flex-wrap: nowrap;
|
|
align-items: stretch;
|
|
}
|
|
.roll-modifiers-dialog .roll-mode-panel .label {
|
|
flex: 1 40%;
|
|
}
|
|
.roll-modifiers-dialog .roll-mode-panel select {
|
|
flex: 2 60%;
|
|
height: auto;
|
|
width: 100%;
|
|
margin-right: 4px;
|
|
border-radius: 2px;
|
|
cursor: pointer;
|
|
}
|
|
.roll-modifiers-dialog .roll {
|
|
color: var(--text-light);
|
|
background-color: var(--secondary);
|
|
}
|
|
.roll-modifiers-dialog .roll .damage.color,
|
|
.roll-modifiers-dialog .roll i {
|
|
color: var(--text-light) !important;
|
|
}
|
|
.roll-modifiers-dialog .add-entry-row {
|
|
display: flex;
|
|
flex-wrap: nowrap;
|
|
align-items: stretch;
|
|
gap: 2px;
|
|
}
|
|
.roll-modifiers-dialog .add-entry-row select,
|
|
.roll-modifiers-dialog .add-entry-row input {
|
|
height: auto;
|
|
border-radius: 2px;
|
|
}
|
|
.roll-modifiers-dialog .add-entry-row button {
|
|
line-height: 1;
|
|
margin: 0;
|
|
padding: 4px 6px;
|
|
text-transform: uppercase;
|
|
flex: 0 0 min-content;
|
|
font-weight: 700;
|
|
font-size: 0.75rem;
|
|
}
|
|
.roll-modifiers-dialog .add-entry-row .add-modifier-name {
|
|
flex: 1;
|
|
}
|
|
.roll-modifiers-dialog .add-entry-row .add-modifier-type {
|
|
flex: 0 0 min-content;
|
|
}
|
|
.roll-modifiers-dialog .add-entry-row .add-modifier-value {
|
|
flex: 0 0 4ch;
|
|
}
|
|
.dice-checks .fate {
|
|
display: flex;
|
|
justify-content: space-evenly;
|
|
align-items: center;
|
|
}
|
|
.dice-checks .fate label {
|
|
cursor: pointer;
|
|
}
|
|
.dialog.trick-magic-item .dialog-content p {
|
|
font-weight: normal;
|
|
}
|
|
.dialog.trick-magic-item .dialog-buttons {
|
|
flex-direction: column;
|
|
}
|
|
.damage-dialog .dialog-row .value {
|
|
flex-basis: 4rem;
|
|
}
|
|
.damage-dialog .dialog-row .dice-type,
|
|
.damage-dialog .dialog-row .modifier-type {
|
|
background: none;
|
|
white-space: nowrap;
|
|
}
|
|
.damage-dialog .dialog-row .dice-type .icon-container,
|
|
.damage-dialog .dialog-row .modifier-type .icon-container {
|
|
white-space: nowrap;
|
|
}
|
|
.damage-dialog .dialog-row .dice-type .icon-container i,
|
|
.damage-dialog .dialog-row .modifier-type .icon-container i {
|
|
vertical-align: middle;
|
|
text-align: start;
|
|
font-size: 1rem;
|
|
}
|
|
.damage-dialog .dialog-row .no-mod {
|
|
filter: opacity(0.7);
|
|
}
|
|
.damage-dialog .dialog-row .damage {
|
|
padding: 2px 4px;
|
|
}
|
|
.damage-dialog .dice .dialog-row .value {
|
|
flex: 1 0 0;
|
|
gap: 2px;
|
|
justify-content: flex-end;
|
|
margin-right: 6px;
|
|
}
|
|
.damage-dialog .add-modifier-panel {
|
|
flex-wrap: wrap;
|
|
}
|
|
.damage-dialog .add-modifier-panel .add-modifier-name {
|
|
flex-basis: 100%;
|
|
}
|
|
.damage-dialog .add-modifier-panel .add-modifier-value {
|
|
flex: 1;
|
|
}
|
|
.damage-dialog .add-dice-panel .add-dice-count {
|
|
flex: 0 0 4ch;
|
|
text-align: end;
|
|
}
|
|
/* ----------------------------------------- */
|
|
/* Tag Selector */
|
|
/* ----------------------------------------- */
|
|
.app.tag-selector form {
|
|
height: 100%;
|
|
}
|
|
.app.tag-selector form ol.trait-list {
|
|
display: flex;
|
|
flex-direction: column;
|
|
list-style-type: none;
|
|
max-height: 87%;
|
|
overflow-y: scroll;
|
|
padding: 0;
|
|
}
|
|
.app.tag-selector form ol.trait-list.has-custom {
|
|
max-height: 78%;
|
|
}
|
|
.app.tag-selector form table th,
|
|
.app.tag-selector form table td {
|
|
text-align: left;
|
|
white-space: nowrap;
|
|
}
|
|
.app.tag-selector form table tbody td:first-child label {
|
|
vertical-align: super;
|
|
}
|
|
.app.tag-selector form .trait-header {
|
|
flex: 0 0 32px;
|
|
line-height: 32px;
|
|
text-align: center;
|
|
margin: 0;
|
|
}
|
|
.app.tag-selector form .trait-header .header-search {
|
|
flex: 1;
|
|
}
|
|
.app.tag-selector form .trait-header .header-search input {
|
|
background: rgba(255, 255, 245, 0.8);
|
|
width: calc(100% - 26px);
|
|
margin: 0 2px;
|
|
}
|
|
.app.tag-selector form .trait-footer {
|
|
flex: 0 0 32px;
|
|
line-height: 32px;
|
|
margin: 0;
|
|
margin-bottom: 5px;
|
|
border-top: 1px solid grey;
|
|
}
|
|
.app.tag-selector form .trait-selection-label {
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
.app.tag-selector form .trait-selection-label .trait-label {
|
|
margin-left: 5px;
|
|
}
|
|
.app.tag-selector form input:not([type=checkbox]) {
|
|
flex: 1.8;
|
|
}
|
|
#token-hud .status-effects {
|
|
grid-template-columns: repeat(5, 1fr);
|
|
width: auto;
|
|
}
|
|
#token-hud .status-effects .effect-control {
|
|
border-radius: 1px;
|
|
color: var(--color-text-dark-1);
|
|
cursor: pointer;
|
|
height: 36px;
|
|
opacity: 0.75;
|
|
position: relative;
|
|
width: 36px;
|
|
}
|
|
#token-hud .status-effects .effect-control.active img {
|
|
border: 1px solid var(--color-border-highlight);
|
|
opacity: 1;
|
|
}
|
|
#token-hud .status-effects .effect-control img {
|
|
border: 1px solid rgba(0, 0, 0, 0);
|
|
height: 35px;
|
|
margin: 0;
|
|
width: 35px;
|
|
}
|
|
#token-hud .status-effects .effect-control:not(.active):hover img {
|
|
border: 1px solid rgba(255, 100, 0, 0.5);
|
|
}
|
|
#token-hud .status-effects .effect-control .badge {
|
|
background: rgba(255, 255, 255, 0.9);
|
|
border-radius: 50%;
|
|
border: 0.1em solid darkred;
|
|
font-size: var(--font-size-8);
|
|
height: 0.8rem;
|
|
line-height: var(--font-size-10);
|
|
pointer-events: none;
|
|
position: absolute;
|
|
right: -3px;
|
|
text-align: center;
|
|
top: -3px;
|
|
width: 0.8rem;
|
|
z-index: 1;
|
|
}
|
|
#token-hud .status-effects .effect-control.overridden > * {
|
|
filter: saturate(0);
|
|
}
|
|
#token-hud .status-effects .effect-control.valued .badge {
|
|
font-size: var(--font-size-12);
|
|
font-style: unset;
|
|
font-weight: 500;
|
|
line-height: var(--font-size-12);
|
|
}
|
|
#token-hud .status-effects .title-bar {
|
|
background: rgba(0, 0, 0, 0.6);
|
|
border-radius: inherit;
|
|
border: inherit;
|
|
box-shadow: inherit;
|
|
box-sizing: content-box;
|
|
font-size: var(--font-size-14);
|
|
font-weight: normal;
|
|
left: 0;
|
|
line-height: normal;
|
|
padding: 3px 0;
|
|
position: absolute;
|
|
text-align: center;
|
|
top: -30px;
|
|
visibility: hidden;
|
|
width: 100%;
|
|
z-index: 1;
|
|
}
|
|
#token-hud .status-effects .title-bar.active {
|
|
visibility: visible;
|
|
}
|
|
#token-hud .control-icon[data-action=clown-car][data-disabled=true] {
|
|
cursor: wait;
|
|
opacity: 0.5;
|
|
}
|
|
#token-hud .control-icon[data-action=clown-car] img {
|
|
height: 36px;
|
|
transform-style: preserve-3d;
|
|
transition: 0.5s;
|
|
width: 36px;
|
|
}
|
|
#token-hud .control-icon[data-action=clown-car] img.retrieve {
|
|
transform: scaleX(-1);
|
|
}
|
|
.default section.window-content {
|
|
padding: 0;
|
|
overflow: hidden;
|
|
}
|
|
/* Adjust height of the header */
|
|
.attribute-builder .window-content {
|
|
background: url("../assets/sheet/background.webp");
|
|
background-repeat: repeat-x, no-repeat;
|
|
background-size: cover;
|
|
background-attachment: local;
|
|
height: 100%;
|
|
padding: 10px 20px 10px 20px;
|
|
position: relative;
|
|
--color-boost: #316549;
|
|
--color-boost-dark: #1b3c2a;
|
|
--color-flaw: #5e0000;
|
|
}
|
|
.attribute-builder .window-content h3 {
|
|
font: 400 var(--font-size-24) var(--serif-condensed);
|
|
line-height: var(--font-size-24);
|
|
}
|
|
.attribute-builder .window-content h4 {
|
|
font: 400 var(--font-size-10) var(--sans-serif);
|
|
text-transform: uppercase;
|
|
color: #605856;
|
|
}
|
|
.attribute-builder .window-content button:focus:not(:focus-visible) {
|
|
box-shadow: none;
|
|
}
|
|
.attribute-builder .window-content .row {
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
.attribute-builder .window-content .row .row-heading {
|
|
width: 220px;
|
|
}
|
|
.attribute-builder .window-content .row.not-eligible {
|
|
pointer-events: none;
|
|
filter: blur(1px);
|
|
opacity: 0.6;
|
|
}
|
|
.attribute-builder .window-content .row.not-eligible .remaining {
|
|
visibility: hidden;
|
|
}
|
|
.attribute-builder .window-content .row .attributes {
|
|
display: grid;
|
|
grid-template-columns: repeat(6, 84px);
|
|
grid-template-rows: auto;
|
|
flex: 0 0 auto;
|
|
}
|
|
.attribute-builder .window-content .row .full-row {
|
|
display: flex;
|
|
flex: 1;
|
|
justify-content: center;
|
|
}
|
|
.attribute-builder .window-content header.row {
|
|
align-items: normal;
|
|
padding-top: 10px;
|
|
height: 60px;
|
|
}
|
|
.attribute-builder .window-content header.row .row-column {
|
|
display: block;
|
|
}
|
|
.attribute-builder .window-content header.row .attributes {
|
|
align-items: normal;
|
|
}
|
|
.attribute-builder .window-content .background-stripes {
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
bottom: 50px;
|
|
right: 0;
|
|
padding: 10px 20px 10px 20px;
|
|
pointer-events: none;
|
|
align-items: normal;
|
|
}
|
|
.attribute-builder .window-content .background-stripes .attributes div:nth-child(odd) {
|
|
background-color: rgba(68, 55, 48, 0.1);
|
|
}
|
|
.attribute-builder .window-content .voluntary-flaw-row {
|
|
margin: 0.5rem 0;
|
|
}
|
|
.attribute-builder .window-content .voluntary-flaw-row .flaw-buttons {
|
|
display: flex;
|
|
flex-direction: row;
|
|
}
|
|
.attribute-builder .window-content .voluntary-flaw-row .flaw-buttons button {
|
|
flex: 1 1 0;
|
|
}
|
|
.attribute-builder .window-content .voluntary-flaw-row .flaw-buttons button.first {
|
|
border-bottom-right-radius: 0;
|
|
border-right: none;
|
|
border-top-right-radius: 0;
|
|
width: 4em;
|
|
}
|
|
.attribute-builder .window-content .voluntary-flaw-row .flaw-buttons button.second {
|
|
border-bottom-left-radius: 0;
|
|
border-top-left-radius: 0;
|
|
max-width: 2em;
|
|
text-transform: none;
|
|
}
|
|
.attribute-builder .window-content .voluntary-flaw-row .flaw-buttons button.second.selected {
|
|
border-left-color: rgba(255, 255, 255, 0.5);
|
|
}
|
|
.attribute-builder .window-content .row-heading {
|
|
display: grid;
|
|
grid-template-columns: 42px 1fr auto;
|
|
grid-template-areas: "img description remaining";
|
|
align-items: center;
|
|
}
|
|
.attribute-builder .window-content .row-heading h3 {
|
|
grid-column: 1/4;
|
|
align-self: start;
|
|
font-size: var(--font-size-24);
|
|
}
|
|
.attribute-builder .window-content .row-heading .hint-container {
|
|
grid-column: 1/4;
|
|
}
|
|
.attribute-builder .window-content .row-heading img {
|
|
grid-area: img;
|
|
border: 0;
|
|
}
|
|
.attribute-builder .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;
|
|
}
|
|
.attribute-builder .window-content .row-heading div.remaining {
|
|
grid-area: remaining;
|
|
display: flex;
|
|
margin-right: 10px;
|
|
width: 1.6rem;
|
|
height: 1.6rem;
|
|
border-radius: 50%;
|
|
background: rgba(68, 55, 48, 0.1);
|
|
align-self: center;
|
|
align-items: center;
|
|
justify-content: center;
|
|
text-align: center;
|
|
}
|
|
.attribute-builder .window-content .row-heading div.remaining.extra {
|
|
animation: glow 0.75s infinite alternate;
|
|
}
|
|
@keyframes glow {
|
|
from {
|
|
box-shadow: 0 0 1px 1px #ffb351;
|
|
}
|
|
to {
|
|
box-shadow: 0 0 3px 3px #ffb351;
|
|
}
|
|
}
|
|
.attribute-builder .window-content .row-column {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
text-align: center;
|
|
}
|
|
.attribute-builder .window-content .row-column button {
|
|
align-items: center;
|
|
border: 1px solid var(--button-color);
|
|
color: var(--button-color);
|
|
display: flex;
|
|
font-size: var(--font-size-12);
|
|
height: 1.5em;
|
|
justify-content: center;
|
|
margin: 0;
|
|
outline: none;
|
|
padding: 0.1em 0 0;
|
|
position: relative;
|
|
text-transform: uppercase;
|
|
width: 6em;
|
|
}
|
|
.attribute-builder .window-content .row-column button > i.key-attribute {
|
|
font-size: smaller;
|
|
left: 2px;
|
|
margin-top: 1px;
|
|
position: absolute;
|
|
}
|
|
.attribute-builder .window-content .row-column button.boost, .attribute-builder .window-content .row-column button.apex {
|
|
margin-top: auto;
|
|
--button-color: var(--color-boost);
|
|
--button-locked-color: var(--color-boost-dark);
|
|
}
|
|
.attribute-builder .window-content .row-column button.flaw {
|
|
margin-bottom: auto;
|
|
--button-color: var(--color-flaw);
|
|
--button-locked-color: var(--color-flaw);
|
|
}
|
|
.attribute-builder .window-content .row-column button.selected {
|
|
background: var(--button-color);
|
|
}
|
|
.attribute-builder .window-content .row-column button.selected.partial {
|
|
background: var(--color-boost-dark);
|
|
}
|
|
.attribute-builder .window-content .row-column button:hover {
|
|
box-shadow: 0 0 5px var(--button-color);
|
|
cursor: pointer;
|
|
}
|
|
.attribute-builder .window-content .row-column button:hover.key-attribute.selected {
|
|
box-shadow: none;
|
|
cursor: default;
|
|
}
|
|
.attribute-builder .window-content .row-column button:hover:disabled {
|
|
background: rgba(0, 0, 0, 0.04);
|
|
box-shadow: none;
|
|
cursor: not-allowed;
|
|
}
|
|
.attribute-builder .window-content .row-column button.hidden {
|
|
pointer-events: none;
|
|
visibility: hidden;
|
|
}
|
|
.attribute-builder .window-content .row-column button:disabled {
|
|
background: rgba(0, 0, 0, 0.04);
|
|
opacity: 0.4;
|
|
}
|
|
.attribute-builder .window-content .row-column button:disabled:active {
|
|
pointer-events: none;
|
|
}
|
|
.attribute-builder .window-content .row-column button.locked {
|
|
background: var(--button-locked-color);
|
|
border-color: var(--button-locked-color);
|
|
pointer-events: none;
|
|
}
|
|
.attribute-builder .window-content .row-column button.locked, .attribute-builder .window-content .row-column button.selected {
|
|
color: var(--text-light);
|
|
}
|
|
.attribute-builder .window-content .row-column div + .boost,
|
|
.attribute-builder .window-content .row-column button + .boost {
|
|
margin-top: 4px;
|
|
}
|
|
.attribute-builder .window-content .summary-row .row-heading {
|
|
display: block;
|
|
}
|
|
.attribute-builder .window-content .summary-row .hint-container {
|
|
background: rgba(211, 204, 188, 0.4);
|
|
padding: 12px;
|
|
margin-right: 10px;
|
|
border: 1px solid rgb(211, 204, 188);
|
|
border-radius: 3px;
|
|
align-self: end;
|
|
}
|
|
.attribute-builder .window-content .summary-row .hint-container h3 {
|
|
color: var(--primary);
|
|
font-variant: small-caps;
|
|
font-size: var(--font-size-20);
|
|
line-height: var(--font-size-16);
|
|
font-family: var(--sans-serif-condensed);
|
|
font-weight: 500;
|
|
}
|
|
.attribute-builder .window-content .summary-row .hint-container p {
|
|
font-style: italic;
|
|
font-size: var(--font-size-12);
|
|
line-height: var(--font-size-14);
|
|
font-family: var(--sans-serif);
|
|
font-weight: 500;
|
|
margin-bottom: 3px;
|
|
}
|
|
.attribute-builder .window-content .summary-row .hint-container label {
|
|
display: flex;
|
|
align-items: center;
|
|
margin-top: 10px;
|
|
}
|
|
.attribute-builder .window-content .summary-row .attributes {
|
|
grid-template-rows: auto auto;
|
|
}
|
|
.attribute-builder .window-content .summary-row .row-column {
|
|
display: flex;
|
|
flex-direction: column;
|
|
padding-top: 10px;
|
|
}
|
|
.attribute-builder .window-content .summary-row .row-column .value {
|
|
height: 40px;
|
|
font: 700 var(--font-size-24) var(--serif);
|
|
line-height: var(--font-size-30);
|
|
}
|
|
.attribute-builder .window-content .summary-row .row-column input {
|
|
width: calc(100% - 20px);
|
|
flex-grow: 0;
|
|
height: 30px;
|
|
color: var(--text-dark);
|
|
font: 500 var(--font-size-24) var(--serif);
|
|
border: 0;
|
|
border-bottom: 1px solid #d3ccbc;
|
|
border-radius: 0;
|
|
background-color: transparent;
|
|
margin: 0 10px 10px 10px;
|
|
}
|
|
.attribute-builder .window-content .summary-row .row-column input::placeholder {
|
|
filter: opacity(0.5);
|
|
}
|
|
.attribute-builder .window-content .summary-row .row-column input:focus {
|
|
border-bottom: 1px solid var(--alt);
|
|
}
|
|
.attribute-builder .window-content .summary-row .row-column input[type=number] {
|
|
padding-bottom: 0;
|
|
padding-left: 4px;
|
|
}
|
|
.attribute-builder .window-content .summary-row .complete {
|
|
grid-row: 2;
|
|
grid-column: 1/7;
|
|
margin-top: 10px;
|
|
margin-left: auto;
|
|
}
|
|
.attribute-builder .window-content .summary-row button.complete {
|
|
color: var(--text-light);
|
|
background: var(--secondary);
|
|
height: 35px;
|
|
width: 131px;
|
|
border: 1px solid var(--tertiary);
|
|
}
|
|
.attribute-builder .window-content .title {
|
|
color: var(--primary);
|
|
font: 500 var(--font-size-10) var(--sans-serif-condensed);
|
|
line-height: var(--font-size-10);
|
|
text-transform: uppercase;
|
|
}
|
|
.attribute-builder .window-content div[data-tooltip-content].description,
|
|
.attribute-builder .window-content div[data-tooltip-content] .description {
|
|
text-decoration: underline dotted;
|
|
text-underline-offset: 2px;
|
|
}
|
|
.attribute-builder .window-content .description {
|
|
font: 600 var(--font-size-16) var(--serif);
|
|
}
|
|
.attribute-builder .window-content .extra {
|
|
align-items: center;
|
|
display: flex;
|
|
font-size: var(--font-size-12);
|
|
gap: 1px;
|
|
margin-top: -0.25rem;
|
|
}
|
|
.attribute-builder .window-content .extra > i {
|
|
margin-left: 0.125rem;
|
|
}
|
|
.attribute-builder .window-content .extra input[type=checkbox] {
|
|
height: var(--font-size-12);
|
|
margin: 0;
|
|
}
|
|
.crb-hover .tooltipster-box .tooltipster-content .hover-content h2:not(:first-child) {
|
|
margin-top: 10px;
|
|
}
|
|
.crb-hover .tooltipster-box .tooltipster-content .hover-content ul.boost-details li {
|
|
white-space: nowrap;
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
}
|
|
.crb-hover .tooltipster-box .tooltipster-content .hover-content ul.boost-details li i {
|
|
font-size: var(--font-size-5);
|
|
margin-right: 5px;
|
|
}
|
|
.iwr-editor {
|
|
max-height: 500px;
|
|
}
|
|
.iwr-editor a.document-id-link {
|
|
display: none;
|
|
}
|
|
.iwr-editor .entries {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 0.5em;
|
|
}
|
|
.iwr-editor .entries .entry {
|
|
padding: 0.25em 0.5em;
|
|
}
|
|
.iwr-editor .entries .entry label {
|
|
flex: unset;
|
|
white-space: nowrap;
|
|
width: 6em;
|
|
}
|
|
.iwr-editor .entries .entry a.form-action,
|
|
.iwr-editor .entries .entry .synthetic-source {
|
|
flex: 0;
|
|
margin-left: 0.5em;
|
|
}
|
|
.iwr-editor .entries .entry:not(.new):nth-child(odd) {
|
|
background-color: rgba(0, 0, 0, 0.075);
|
|
}
|
|
.iwr-editor select:disabled {
|
|
color: var(--color-text-dark-7);
|
|
}
|
|
.iwr-editor tags.tagify.pf2e-tagify {
|
|
background: rgba(0, 0, 0, 0.05);
|
|
border: 1px solid var(--color-border-light-tertiary);
|
|
}
|
|
.iwr-editor tags.tagify.pf2e-tagify[disabled] > .tagify__input {
|
|
margin: 0;
|
|
}
|
|
.iwr-editor input[type=number] {
|
|
max-width: 5ch;
|
|
}
|
|
body > .choices__list--dropdown {
|
|
background-color: white;
|
|
position: fixed;
|
|
}
|
|
.actor.sheet .image-container {
|
|
position: relative;
|
|
}
|
|
.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.25rem;
|
|
right: 0.025rem;
|
|
}
|
|
.actor.sheet h3 {
|
|
border-bottom: none;
|
|
}
|
|
.actor.sheet button > i {
|
|
margin-right: 0;
|
|
}
|
|
.actor.sheet .item-summary {
|
|
--space-s: 0.25em;
|
|
--space-m: 0.5em;
|
|
--space-l: 1em;
|
|
--space-xl: 1.5em;
|
|
--space-2xl: 2em;
|
|
--radius: 3px;
|
|
overflow: hidden;
|
|
}
|
|
.actor.sheet .item-summary p {
|
|
min-height: unset;
|
|
}
|
|
.actor.sheet .item-summary :is(h1, h2, h3, h4, h5, h6):not(:first-child) {
|
|
margin-top: 1em;
|
|
}
|
|
.actor.sheet .item-summary .inline-header {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: var(--space-l);
|
|
background-color: var(--alt);
|
|
font-family: var(--sans-serif);
|
|
color: var(--text-light);
|
|
padding: 0;
|
|
font-size: 0.8em;
|
|
font-weight: 400;
|
|
border: none;
|
|
}
|
|
.actor.sheet .item-summary .inline-header strong {
|
|
display: inline-flex;
|
|
padding: 0 var(--space-m);
|
|
background-color: var(--primary);
|
|
min-width: 15ch;
|
|
border-right: 1px solid rgba(0, 0, 0, 0.4);
|
|
box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.2);
|
|
font-weight: 400;
|
|
}
|
|
.actor.sheet .item-summary .inline-header + p {
|
|
margin-top: var(--space-s);
|
|
}
|
|
.actor.sheet .item-summary .info {
|
|
background-color: var(--secondary);
|
|
padding: var(--space-m);
|
|
color: var(--text-light);
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
padding: 0;
|
|
border-radius: var(--radius);
|
|
font-family: var(--sans-serif);
|
|
padding-bottom: var(--space-m);
|
|
}
|
|
.actor.sheet .item-summary .info > * + * {
|
|
margin-top: var(--space-m);
|
|
}
|
|
.actor.sheet .item-summary .info + * {
|
|
margin-top: var(--space-xl);
|
|
}
|
|
.actor.sheet .item-summary .info + .actor.sheet .item-summary .info {
|
|
margin-top: var(--space-s);
|
|
}
|
|
.actor.sheet .item-summary .info h4 {
|
|
font-size: 0.9em;
|
|
font-weight: 400;
|
|
line-height: 1.2;
|
|
font-family: var(--sans-serif);
|
|
border-bottom: 1px solid rgba(0, 0, 0, 0.6);
|
|
padding: var(--space-m) var(--space-l);
|
|
position: relative;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
color: var(--text-light);
|
|
}
|
|
.actor.sheet .item-summary .info h4::after {
|
|
font-family: "Font Awesome 6";
|
|
content: "\f05a";
|
|
font-weight: 900;
|
|
margin-right: var(--space-s);
|
|
}
|
|
.actor.sheet .item-summary .info p {
|
|
font-size: 0.8em;
|
|
margin: 0;
|
|
padding: 0 var(--space-l);
|
|
}
|
|
.actor.sheet .item-summary .info p:first-of-type {
|
|
padding-top: var(--space-m);
|
|
border-top: 1px solid rgba(255, 255, 255, 0.1);
|
|
}
|
|
.actor.sheet .item-summary .traits {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
padding: 0;
|
|
}
|
|
.actor.sheet .item-summary .traits p {
|
|
display: inline-flex;
|
|
padding: 0.16rem 0.25rem;
|
|
margin: 0;
|
|
background-color: var(--primary);
|
|
border: 2px solid var(--color-border-trait);
|
|
color: var(--text-light);
|
|
font: 500 var(--font-size-10) var(--sans-serif);
|
|
text-transform: uppercase;
|
|
}
|
|
.actor.sheet .item-summary .statblock {
|
|
font-family: var(--sans-serif-condensed);
|
|
color: var(--text-dark);
|
|
line-height: 1.2;
|
|
margin-bottom: var(--space-m);
|
|
}
|
|
.actor.sheet .item-summary .statblock > * + * {
|
|
margin-top: var(--space-s);
|
|
margin-bottom: 0;
|
|
}
|
|
.actor.sheet .item-summary .statblock p {
|
|
--indent: var(--space-l);
|
|
margin-left: var(--indent);
|
|
position: relative;
|
|
}
|
|
.actor.sheet .item-summary .statblock p strong:first-of-type {
|
|
margin-left: calc(var(--indent) * -1);
|
|
}
|
|
.actor.sheet .item-summary .statblock p .trait:first-of-type {
|
|
margin-left: calc(var(--indent) * -1 - 2px);
|
|
}
|
|
.actor.sheet .item-summary .statblock span.pf2-icon {
|
|
line-height: 1;
|
|
}
|
|
.actor.sheet .item-summary .statblock h1,
|
|
.actor.sheet .item-summary .statblock h2,
|
|
.actor.sheet .item-summary .statblock h3,
|
|
.actor.sheet .item-summary .statblock h4 {
|
|
display: flex;
|
|
align-items: baseline;
|
|
justify-content: space-between;
|
|
border-bottom: 1px solid var(--color-border-dark);
|
|
text-transform: uppercase;
|
|
letter-spacing: -0.05em;
|
|
font-family: var(--sans-serif-condensed);
|
|
font-weight: 700;
|
|
}
|
|
.actor.sheet .item-summary .statblock hr {
|
|
border: none;
|
|
border-bottom: 1px solid var(--color-border-dark);
|
|
}
|
|
.actor.sheet .item-summary .message {
|
|
font-family: var(--journal-cursive);
|
|
font-size: 2em;
|
|
line-height: 1.2;
|
|
}
|
|
.actor.sheet .item-summary span[data-visibility=all] {
|
|
display: inline-block;
|
|
line-height: 1em;
|
|
padding: 2px 1px 1px;
|
|
}
|
|
.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: var(--text-light);
|
|
cursor: pointer;
|
|
font-family: var(--serif);
|
|
font-size: var(--font-size-14);
|
|
font-weight: 500;
|
|
line-height: 1.8em;
|
|
margin: 8px 0 0 0;
|
|
padding: 0 8px;
|
|
}
|
|
.actor.sheet .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 {
|
|
--border-color: var(--alt);
|
|
}
|
|
.actor.sheet .inventory ol:not(.currency) {
|
|
margin: 0;
|
|
padding: 0;
|
|
list-style: none;
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
.actor.sheet .inventory .notify {
|
|
animation: glow 0.75s infinite alternate;
|
|
}
|
|
.actor.sheet .inventory .item-name {
|
|
display: flex;
|
|
align-items: center;
|
|
font-weight: 500;
|
|
flex: 2;
|
|
gap: 4px;
|
|
}
|
|
.actor.sheet .inventory .item-name h3,
|
|
.actor.sheet .inventory .item-name h4 {
|
|
cursor: pointer;
|
|
font-weight: 500;
|
|
line-height: var(--font-size-12);
|
|
margin: auto auto auto 0;
|
|
padding: 2px;
|
|
word-break: break-word;
|
|
}
|
|
.actor.sheet .inventory .item-name h3:hover,
|
|
.actor.sheet .inventory .item-name h4:hover {
|
|
color: var(--primary);
|
|
}
|
|
.actor.sheet .inventory .item-name h4:not(:hover).rarity-uncommon {
|
|
border-color: var(--color-rarity-uncommon);
|
|
color: var(--color-rarity-uncommon);
|
|
}
|
|
.actor.sheet .inventory .item-name h4:not(:hover).rarity-rare {
|
|
border-color: var(--color-rarity-rare);
|
|
color: var(--color-rarity-rare);
|
|
}
|
|
.actor.sheet .inventory .item-name h4:not(:hover).rarity-unique {
|
|
border-color: var(--color-rarity-unique);
|
|
color: var(--color-rarity-unique);
|
|
}
|
|
.actor.sheet .inventory .item-name .item-image {
|
|
box-shadow: inset 0 0 0 1px var(--tertiary);
|
|
}
|
|
.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 {
|
|
flex-direction: column;
|
|
list-style-type: none;
|
|
position: relative;
|
|
width: 100%;
|
|
}
|
|
.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 .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;
|
|
display: flex;
|
|
height: calc(100% - 60px);
|
|
padding-right: 0.15rem;
|
|
}
|
|
.actor.sheet .inventory .quantity,
|
|
.actor.sheet .inventory .bulk,
|
|
.actor.sheet .inventory .item-controls,
|
|
.actor.sheet .inventory .sell-value {
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
flex: 0 0 68px;
|
|
}
|
|
.actor.sheet .inventory .sell-value {
|
|
justify-content: end;
|
|
padding-right: 3px;
|
|
}
|
|
.actor.sheet .inventory .quantity {
|
|
justify-content: space-around;
|
|
}
|
|
.actor.sheet .inventory .quantity .decrease,
|
|
.actor.sheet .inventory .quantity .increase {
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
font-family: var(--sans-serif-monospace);
|
|
height: 100%;
|
|
text-align: center;
|
|
width: 18px;
|
|
}
|
|
.actor.sheet .inventory .bulk {
|
|
flex: 0 0 36px;
|
|
}
|
|
.actor.sheet .inventory .item-controls {
|
|
flex: 0 0 90px;
|
|
font-size: var(--font-size-12);
|
|
gap: 1px;
|
|
justify-content: end;
|
|
}
|
|
.actor.sheet .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);
|
|
align-items: center;
|
|
background-color: var(--alt);
|
|
color: var(--color-text-light-0);
|
|
display: flex;
|
|
font-family: var(--sans-serif);
|
|
font-size: var(--font-size-10);
|
|
justify-content: end;
|
|
letter-spacing: 0.05em;
|
|
line-height: 1;
|
|
margin-top: 6px;
|
|
padding: 0.25rem;
|
|
text-rendering: optimizeLegibility;
|
|
text-transform: uppercase;
|
|
width: 100%;
|
|
}
|
|
.actor.sheet .inventory .inventory-header:first-child {
|
|
margin-top: 0;
|
|
}
|
|
.actor.sheet .inventory .inventory-header h3 {
|
|
font-size: var(--font-size-14);
|
|
margin: 2px 0;
|
|
text-shadow: 0 0 2px rgba(0, 0, 0, 0.75);
|
|
text-transform: capitalize;
|
|
}
|
|
.actor.sheet .inventory .inventory-header h3:hover {
|
|
color: var(--color-text-light-0);
|
|
}
|
|
.actor.sheet .inventory .inventory-header .item-name {
|
|
padding-left: 4px;
|
|
}
|
|
.actor.sheet .inventory .inventory-header .item-invested-total {
|
|
flex: none;
|
|
margin-right: 1em;
|
|
}
|
|
.actor.sheet .inventory .inventory-header .item-controls {
|
|
gap: 0.25rem;
|
|
}
|
|
.actor.sheet .inventory .inventory-header .overinvested {
|
|
color: orange;
|
|
text-shadow: 1px 1px 0px black;
|
|
}
|
|
.actor.sheet .inventory .inventory-items {
|
|
border: 1px solid var(--border-color);
|
|
border-top: none;
|
|
}
|
|
.actor.sheet .inventory .item {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
font-size: var(--font-size-12);
|
|
justify-content: flex-start;
|
|
width: 100%;
|
|
}
|
|
.actor.sheet .inventory .item .quantity,
|
|
.actor.sheet .inventory .item .bulk,
|
|
.actor.sheet .inventory .item .item-controls,
|
|
.actor.sheet .inventory .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(--text-dark);
|
|
font-size: var(--font-size-13);
|
|
}
|
|
.actor.sheet .inventory .list-row .item-controls .item-control.toggle-invested, .actor.sheet .inventory .list-row .item-controls .item-control.item-carry-type {
|
|
color: rgba(0, 0, 0, 0.5);
|
|
}
|
|
.actor.sheet .inventory .list-row .item-controls .item-control.toggle-invested.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 {
|
|
text-align: right;
|
|
}
|
|
.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: var(--color-text-light-0);
|
|
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;
|
|
border-left: none;
|
|
border-right: none;
|
|
}
|
|
.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 .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 .container-metadata .container-held-items .container-metadata {
|
|
position: relative;
|
|
}
|
|
.actor.sheet .inventory .container-metadata .container-held-items .container-metadata::before {
|
|
position: absolute;
|
|
border-left: 1px solid var(--alt);
|
|
top: 0;
|
|
height: 100%;
|
|
left: -5px;
|
|
width: 0px;
|
|
content: "";
|
|
}
|
|
.actor.sheet .inventory .container-metadata .container-held-items li:last-of-type .item::after,
|
|
.actor.sheet .inventory .container-metadata .container-held-items li:last-of-type .container-metadata::before {
|
|
border: none;
|
|
}
|
|
.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 .encumbrance {
|
|
align-items: center;
|
|
display: grid;
|
|
grid: "img bar overflow" min-content/24px 1fr;
|
|
margin-top: auto;
|
|
}
|
|
.actor.sheet .inventory .encumbrance img {
|
|
border: none;
|
|
border-radius: 2px;
|
|
box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px #9f725b, inset 0 0 4px rgba(0, 0, 0, 0.5);
|
|
border-radius: 0;
|
|
grid-area: img;
|
|
position: relative;
|
|
z-index: 4;
|
|
}
|
|
.actor.sheet .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 .inventory .encumbrance .encumbrance-label {
|
|
position: relative;
|
|
z-index: 3;
|
|
grid-area: bar;
|
|
color: var(--text-light);
|
|
font-family: var(--serif);
|
|
font-size: var(--font-size-12);
|
|
font-weight: 500;
|
|
padding: 0 8px;
|
|
padding-top: 2px;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
width: 100%;
|
|
text-shadow: 0 0 2px black;
|
|
}
|
|
.actor.sheet .inventory .encumbrance .encumbrance-light-bulk-overflow {
|
|
position: relative;
|
|
z-index: 3;
|
|
grid-area: overflow;
|
|
color: var(--text-dark);
|
|
font-family: var(--serif);
|
|
font-size: var(--font-size-12);
|
|
font-weight: 500;
|
|
padding: 0 8px;
|
|
padding-top: 2px;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
width: 100%;
|
|
text-shadow: 0 0 2px white;
|
|
}
|
|
.actor.sheet .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 .inventory .encumbrance.over-limit .encumbrance-bar {
|
|
background-color: var(--primary) !important;
|
|
}
|
|
.actor.sheet .inventory .total-bulk {
|
|
align-items: center;
|
|
display: flex;
|
|
font-weight: 500;
|
|
gap: 0.25rem;
|
|
height: 1.5rem;
|
|
justify-content: start;
|
|
margin-bottom: 0.7rem;
|
|
}
|
|
.actor.sheet .inventory .total-bulk img {
|
|
border: none;
|
|
border-radius: 2px;
|
|
box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px #9f725b, inset 0 0 4px rgba(0, 0, 0, 0.5);
|
|
height: 1.5rem;
|
|
width: 1.5rem;
|
|
border-radius: 0;
|
|
z-index: 1;
|
|
}
|
|
.actor.sheet .inventory .total-bulk .bar {
|
|
justify-content: start;
|
|
margin-top: 0;
|
|
position: relative;
|
|
height: 1.25rem;
|
|
padding-left: 0.5rem;
|
|
left: -0.35rem;
|
|
z-index: 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: var(--text-dark);
|
|
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: var(--color-bg-alignment);
|
|
border: 2px solid var(--color-border-trait);
|
|
color: var(--color-text-trait);
|
|
}
|
|
.actor.sheet .size-select {
|
|
background-color: var(--color-bg-size);
|
|
border: 2px solid var(--color-border-trait);
|
|
color: var(--color-text-trait);
|
|
}
|
|
.actor.sheet .rarity-select {
|
|
border: 2px solid var(--color-border-trait);
|
|
color: var(--color-text-trait);
|
|
}
|
|
.actor.sheet .rarity-select.common {
|
|
background-color: var(--color-rarity-common);
|
|
}
|
|
.actor.sheet .rarity-select.uncommon {
|
|
background-color: var(--color-rarity-uncommon);
|
|
}
|
|
.actor.sheet .rarity-select.rare {
|
|
background-color: var(--color-rarity-rare);
|
|
}
|
|
.actor.sheet .rarity-select.unique {
|
|
background-color: var(--color-rarity-unique);
|
|
}
|
|
.actor.sheet.character .attack-popout.actions {
|
|
gap: 0.5rem;
|
|
padding: 0;
|
|
margin-left: 0.25rem;
|
|
}
|
|
.actor.sheet.character .attack-popout.actions ol.actions-list + .actions-list {
|
|
margin-top: 0.5rem;
|
|
}
|
|
.actor.sheet.character .attack-popout.actions ol.actions-list li.strike .item-name {
|
|
align-items: start;
|
|
}
|
|
.actor.sheet.character .attack-popout.actions ol.actions-list li.strike .item-name .actions-title {
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
.actor.sheet.character .attack-popout.actions ol.actions-list li.strike .item-name .item-image {
|
|
height: 32px;
|
|
width: 32px;
|
|
}
|
|
.actor.sheet.character .attack-popout.actions ol.actions-list li.strike .button-group {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: row;
|
|
flex-wrap: nowrap;
|
|
font-size: var(--font-size-14);
|
|
margin-bottom: 0;
|
|
padding: 2px 0;
|
|
}
|
|
.actor.sheet.character .attack-popout.actions ol.actions-list li.strike .button-group button {
|
|
border: none;
|
|
flex: 0;
|
|
gap: 2px;
|
|
height: 1.25rem;
|
|
line-height: unset;
|
|
margin: 0;
|
|
padding: 0 0.5em;
|
|
white-space: nowrap;
|
|
}
|
|
.actor.sheet.character .attack-popout.actions ol.actions-list li.strike .button-group button:not(:disabled):hover {
|
|
box-shadow: none;
|
|
text-shadow: 0 0 2px var(--text-light);
|
|
}
|
|
.actor.sheet.character .attack-popout.actions ol.actions-list li.strike .button-group .versatile-options {
|
|
align-items: center;
|
|
display: flex;
|
|
font-size: var(--font-size-14);
|
|
gap: 2px;
|
|
justify-content: center;
|
|
padding: 0 3px;
|
|
}
|
|
.actor.sheet.character .attack-popout.actions ol.actions-list li.strike .button-group .versatile-options .title {
|
|
text-transform: uppercase;
|
|
}
|
|
.actor.sheet.character .attack-popout.actions ol.actions-list li.strike .button-group .versatile-options button {
|
|
align-items: center;
|
|
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3), inset 0 0 0 2px rgba(255, 255, 255, 0.2);
|
|
display: flex;
|
|
justify-content: center;
|
|
width: 3ch;
|
|
}
|
|
.actor.sheet.character .attack-popout.actions ol.actions-list li.strike .button-group .versatile-options button.selected {
|
|
background: var(--text-dark);
|
|
}
|
|
.actor.sheet.character .attack-popout.actions ol.actions-list li.strike .button-group .versatile-options button.selected > .icon {
|
|
color: var(--bg-dark);
|
|
}
|
|
.actor.sheet.character .attack-popout.actions ol.actions-list li.strike .button-group .versatile-options button:not(disabled):hover {
|
|
box-shadow: inset 0 0 0 1px rgba(94, 0, 0, 0.5);
|
|
text-shadow: none;
|
|
}
|
|
.actor.sheet.character .attack-popout.actions ol.actions-list li.strike .button-group .versatile-options button:active {
|
|
text-shadow: 0 0 1px var(--primary);
|
|
}
|
|
.actor.sheet.character .attack-popout.actions ol.actions-list li.strike .alt-usage {
|
|
flex-basis: 100%;
|
|
margin-left: calc(3em - 2px);
|
|
position: relative;
|
|
}
|
|
.actor.sheet.character .attack-popout.actions ol.actions-list li.strike .alt-usage .alt-usage-icon {
|
|
border: none;
|
|
height: 1rem;
|
|
position: absolute;
|
|
left: -1.5em;
|
|
top: 0.2em;
|
|
}
|
|
.actor.sheet.character .attack-popout.actions ol.actions-list li.strike .ammo,
|
|
.actor.sheet.character .attack-popout.actions ol.actions-list li.strike .auxiliary-actions {
|
|
margin-left: 2.5rem;
|
|
}
|
|
.actor.sheet.character .attack-popout.actions ol.actions-list li.strike .ammo {
|
|
align-items: center;
|
|
display: flex;
|
|
gap: 3px;
|
|
margin-bottom: 2px;
|
|
}
|
|
.actor.sheet.character .attack-popout.actions ol.actions-list li.strike .ammo select.linked {
|
|
font: normal var(--font-size-12) var(--sans-serif);
|
|
line-height: var(--font-size-12);
|
|
padding-top: 3px;
|
|
width: fit-content;
|
|
}
|
|
.actor.sheet.character .attack-popout.actions ol.actions-list li.strike .ammo select.linked[data-compatible=false] {
|
|
color: rgba(255, 255, 255, 0.6);
|
|
}
|
|
.actor.sheet.character .attack-popout.actions ol.actions-list li.strike .ammo select.linked option,
|
|
.actor.sheet.character .attack-popout.actions ol.actions-list li.strike .ammo select.linked optgroup {
|
|
color: var(--text-light);
|
|
}
|
|
.actor.sheet.character .attack-popout.actions ol.actions-list li.strike .ammo .magazine {
|
|
margin-right: 0.5rem;
|
|
font-family: var(--sans-serif);
|
|
font-weight: 600;
|
|
}
|
|
.actor.sheet.character .attack-popout.actions ol.actions-list li.strike .ammo .magazine .icon {
|
|
display: inline-block;
|
|
width: 0.9rem;
|
|
height: 0.9rem;
|
|
background-image: url("../assets/icons/heavy-bullets.svg");
|
|
background-size: cover;
|
|
}
|
|
.actor.sheet.character .attack-popout.actions ol.actions-list li.strike .auxiliary-actions {
|
|
display: flex;
|
|
gap: 3px;
|
|
}
|
|
.actor.sheet.character .attack-popout.actions ol.actions-list li.strike .auxiliary-actions button select.modular {
|
|
appearance: auto;
|
|
background: none;
|
|
color: var(--text-dark);
|
|
cursor: default;
|
|
font: inherit;
|
|
margin-left: 0.5em;
|
|
padding: 0.15em 0.2em;
|
|
text-transform: uppercase;
|
|
}
|
|
.actor.sheet.character .attack-popout.actions ol.actions-list li.strike .auxiliary-actions button select.modular option {
|
|
background: var(--bg-dark);
|
|
}
|
|
.actor.sheet.character .attack-popout.actions ol.actions-list li.strike .auxiliary-actions button:has(select.modular:hover) {
|
|
text-shadow: none;
|
|
}
|
|
.actor.sheet.character .attack-popout.actions ol.actions-list li.strike .action-name {
|
|
justify-content: space-between;
|
|
}
|
|
.actor.sheet.character .attack-popout.actions ol.actions-list li.strike:not(.ready) .auxiliary-actions {
|
|
justify-content: right;
|
|
}
|
|
.actor.sheet.character .attack-popout.actions ol.actions-list li.action .item-image:hover {
|
|
background: none;
|
|
}
|
|
.actor.sheet.character .attack-popout.actions ol.actions-list li.action .tracking {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: row;
|
|
flex-wrap: nowrap;
|
|
margin-left: auto;
|
|
margin-right: 1rem;
|
|
}
|
|
.actor.sheet.character .attack-popout.actions ol.actions-list li.action .tracking input {
|
|
width: 0;
|
|
flex: 0 1 4rem;
|
|
text-align: center;
|
|
}
|
|
.actor.sheet.character .attack-popout.actions ol.actions-list li.action .tracking span {
|
|
white-space: nowrap;
|
|
}
|
|
.actor.sheet.character .attack-popout.actions h4 {
|
|
flex: 1;
|
|
}
|
|
.actor.sheet.character .attack-popout.actions button.activate {
|
|
background: none;
|
|
border: 1px solid var(--color-border-dark);
|
|
border-radius: 5px;
|
|
flex: 0;
|
|
line-height: 1.25em;
|
|
opacity: 0.7;
|
|
margin-right: 0.5rem;
|
|
padding: 0 0.25rem;
|
|
}
|
|
.actor.sheet.character .attack-popout.actions button.activate.active, .actor.sheet.character .attack-popout.actions button.activate:hover {
|
|
background-color: var(--primary);
|
|
color: var(--text-light);
|
|
opacity: 1;
|
|
}
|
|
.actor.sheet.character .attack-popout.actions .item-controls {
|
|
display: flex;
|
|
min-width: 2.5em;
|
|
justify-content: end;
|
|
}
|
|
.actor.sheet.character .attack-popout .actions-container {
|
|
padding: 0 0.5rem 2rem 0;
|
|
}
|
|
.actor.sheet.character .attack-popout .actions-container .actions-tabs-wrapper {
|
|
justify-items: center;
|
|
}
|
|
.actor.sheet.character .attack-popout .actions-container .actions-tabs-wrapper .action-radio {
|
|
display: none;
|
|
}
|
|
.actor.sheet.character .attack-popout .actions-container .actions-tabs-wrapper .actions-panels {
|
|
min-height: min-content;
|
|
width: 100%;
|
|
}
|
|
.actor.sheet.character .attack-popout .actions-container .actions-tabs-wrapper .actions-panels .actions-panel {
|
|
display: none;
|
|
}
|
|
.actor.sheet.character .attack-popout .actions-container .actions-tabs-wrapper .actions-panels .actions-panel.active {
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
.actor.sheet.character .attack-popout .actions-container .actions-tabs-wrapper .actions-panels .actions-options {
|
|
border-image-repeat: repeat;
|
|
border-image-slice: 11;
|
|
border-image-source: url("../assets/sheet/frame-elegant.svg");
|
|
border-image-width: 14px;
|
|
border-style: double;
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
margin-bottom: 0.5rem;
|
|
padding: 0.5rem 1rem;
|
|
}
|
|
.actor.sheet.character .attack-popout .actions-container .actions-tabs-wrapper .actions-panels .actions-options .actions-option {
|
|
align-items: center;
|
|
display: flex;
|
|
width: 100%;
|
|
margin: 1px 0;
|
|
}
|
|
.actor.sheet.character .attack-popout .actions-container .actions-tabs-wrapper .actions-panels .actions-options .actions-option label * {
|
|
vertical-align: middle;
|
|
}
|
|
.actor.sheet.character .attack-popout .actions-container .actions-tabs-wrapper .actions-panels .actions-options .actions-option label input {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
.actor.sheet.character .attack-popout .actions-container .actions-tabs-wrapper .actions-panels .actions-options .actions-option label .unchecked-disabled {
|
|
color: var(--color-text-dark-inactive);
|
|
}
|
|
.actor.sheet.character .attack-popout .actions-container .actions-tabs-wrapper .actions-panels .actions-options .actions-option label select {
|
|
margin-left: 0.25em;
|
|
}
|
|
.actor.sheet.character .attack-popout ol.actions-list {
|
|
padding-left: 0;
|
|
}
|
|
.actor.sheet.character .attack-popout ol.actions-list li.action-header {
|
|
align-items: center;
|
|
display: flex;
|
|
}
|
|
.actor.sheet.character .attack-popout ol.actions-list li.action, .actor.sheet.character .attack-popout ol.actions-list li.strike {
|
|
border: solid transparent;
|
|
border-image: linear-gradient(90deg, #f1edea, #d5cac1) 1 repeat;
|
|
border-width: 0 0 1px;
|
|
padding: 4px;
|
|
width: 100%;
|
|
}
|
|
.actor.sheet.character .attack-popout ol.actions-list li.action p:empty, .actor.sheet.character .attack-popout ol.actions-list li.strike p:empty {
|
|
display: none;
|
|
}
|
|
.actor.sheet.character .attack-popout ol.actions-list li.action .item-name, .actor.sheet.character .attack-popout ol.actions-list li.strike .item-name {
|
|
grid-area: icon-name;
|
|
align-items: center;
|
|
display: flex;
|
|
flex: 1;
|
|
margin: 0;
|
|
}
|
|
.actor.sheet.character .attack-popout ol.actions-list li.action .item-name h4, .actor.sheet.character .attack-popout ol.actions-list li.strike .item-name h4 {
|
|
cursor: pointer;
|
|
margin: 0;
|
|
max-width: fit-content;
|
|
}
|
|
.actor.sheet.character .attack-popout ol.actions-list li.action .item-name .item-image, .actor.sheet.character .attack-popout ol.actions-list li.strike .item-name .item-image {
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
background-repeat: no-repeat;
|
|
background-size: contain;
|
|
color: transparent;
|
|
cursor: pointer;
|
|
font-size: var(--font-size-18);
|
|
height: 32px;
|
|
margin-right: 8px;
|
|
width: 32px;
|
|
}
|
|
.actor.sheet.character .attack-popout ol.actions-list li.action .item-name .item-image:hover, .actor.sheet.character .attack-popout ol.actions-list li.strike .item-name .item-image:hover {
|
|
background: none;
|
|
color: var(--primary);
|
|
}
|
|
.actor.sheet.character .attack-popout ol.actions-list li.action .item-name .actions-title, .actor.sheet.character .attack-popout ol.actions-list li.strike .item-name .actions-title {
|
|
flex: 1;
|
|
}
|
|
.actor.sheet.character .attack-popout ol.actions-list li.action .item-name .actions-title .action-name, .actor.sheet.character .attack-popout ol.actions-list li.strike .item-name .actions-title .action-name {
|
|
display: flex;
|
|
flex-direction: row;
|
|
}
|
|
.actor.sheet.character .attack-popout ol.actions-list li.action .item-name .actions-title .action-name > h4, .actor.sheet.character .attack-popout ol.actions-list li.strike .item-name .actions-title .action-name > h4 {
|
|
cursor: pointer;
|
|
}
|
|
.actor.sheet.character .attack-popout ol.actions-list li.action .item-name .actions-title .action-name > h4:hover, .actor.sheet.character .attack-popout ol.actions-list li.strike .item-name .actions-title .action-name > h4:hover {
|
|
color: var(--primary);
|
|
}
|
|
.actor.sheet.character .attack-popout ol.actions-list li.action .item-name .actions-title .action-name > h4:hover .action-glyph, .actor.sheet.character .attack-popout ol.actions-list li.strike .item-name .actions-title .action-name > h4:hover .action-glyph {
|
|
color: var(--text-dark);
|
|
}
|
|
.actor.sheet.character .attack-popout ol.actions-list li.action button.use-action, .actor.sheet.character .attack-popout ol.actions-list li.strike button.use-action {
|
|
align-items: center;
|
|
border-radius: 2px;
|
|
border: none;
|
|
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3), inset 0 0 0 2px rgba(0, 0, 0, 0.2);
|
|
display: flex;
|
|
flex: 0;
|
|
font: 500 var(--font-size-10) var(--sans-serif);
|
|
gap: 0.25em;
|
|
height: 2em;
|
|
justify-content: space-evenly;
|
|
letter-spacing: 0.05em;
|
|
margin: 0;
|
|
max-width: fit-content;
|
|
padding: 0.5em;
|
|
text-rendering: optimizeLegibility;
|
|
text-transform: uppercase;
|
|
white-space: nowrap;
|
|
}
|
|
.actor.sheet.character .attack-popout ol.actions-list li.action button.use-action:not(:disabled), .actor.sheet.character .attack-popout ol.actions-list li.strike button.use-action:not(:disabled) {
|
|
background: var(--bg-dark);
|
|
cursor: pointer;
|
|
}
|
|
.actor.sheet.character .attack-popout ol.actions-list li.action button.use-action:not(:disabled):hover, .actor.sheet.character .attack-popout ol.actions-list li.strike button.use-action:not(:disabled):hover {
|
|
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.15), inset 0 0 0 2px rgba(0, 0, 0, 0.4);
|
|
}
|
|
.actor.sheet.character .attack-popout ol.actions-list li.action button.use-action:not(:disabled):active, .actor.sheet.character .attack-popout ol.actions-list li.strike button.use-action:not(:disabled):active {
|
|
color: var(--primary);
|
|
}
|
|
.actor.sheet.character .attack-popout ol.actions-list li.action .item-controls, .actor.sheet.character .attack-popout ol.actions-list li.strike .item-controls {
|
|
font-size: var(--font-size-12);
|
|
grid-area: controls;
|
|
white-space: nowrap;
|
|
}
|
|
.actor.sheet.character .attack-popout ol.actions-list li.action .item-summary, .actor.sheet.character .attack-popout ol.actions-list li.strike .item-summary {
|
|
flex-basis: 100%;
|
|
margin: 0.5rem 0;
|
|
}
|
|
.actor.sheet.character .attack-popout ol.actions-list li.action .item-summary .title,
|
|
.actor.sheet.character .attack-popout ol.actions-list li.action .item-summary .framing, .actor.sheet.character .attack-popout ol.actions-list li.strike .item-summary .title,
|
|
.actor.sheet.character .attack-popout ol.actions-list li.strike .item-summary .framing {
|
|
color: var(--primary);
|
|
margin-top: 1em;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
.actor.sheet.character .attack-popout ol.actions-list li.action .item-summary .framing, .actor.sheet.character .attack-popout ol.actions-list li.strike .item-summary .framing {
|
|
color: var(--secondary);
|
|
margin: 1em 0 0.25em;
|
|
}
|
|
.actor.sheet.character .attack-popout ol.actions-list li.action .item-summary .framing strong, .actor.sheet.character .attack-popout ol.actions-list li.strike .item-summary .framing strong {
|
|
font-weight: 500;
|
|
}
|
|
.actor.sheet.character .attack-popout ol.actions-list li.action .item-summary .framing + p, .actor.sheet.character .attack-popout ol.actions-list li.strike .item-summary .framing + p {
|
|
margin-top: 0;
|
|
}
|
|
.actor.sheet.character .attack-popout ol.actions-list li.action .item-summary img, .actor.sheet.character .attack-popout ol.actions-list li.strike .item-summary img {
|
|
border: none;
|
|
vertical-align: middle;
|
|
}
|
|
.actor.sheet.character .attack-popout ol.actions-list li.action .item-summary img.actionlight, .actor.sheet.character .attack-popout ol.actions-list li.strike .item-summary img.actionlight {
|
|
background: var(--alt);
|
|
vertical-align: middle;
|
|
border: 1px solid var(--text-dark);
|
|
}
|
|
.actor.sheet.character .attack-popout ol.actions-list li.action .item-summary .item-properties .tag.toggled-on:hover, .actor.sheet.character .attack-popout ol.actions-list li.action .item-summary .item-properties .tag.toggled-off:hover, .actor.sheet.character .attack-popout ol.actions-list li.strike .item-summary .item-properties .tag.toggled-on:hover, .actor.sheet.character .attack-popout ol.actions-list li.strike .item-summary .item-properties .tag.toggled-off:hover {
|
|
box-shadow: none;
|
|
text-shadow: 0 0 2px white;
|
|
}
|
|
.actor.sheet.character .attack-popout ol.actions-list li.action .item-summary .item-properties .tag.toggled-on, .actor.sheet.character .attack-popout ol.actions-list li.action .item-summary .item-properties .tag.toggled-off, .actor.sheet.character .attack-popout ol.actions-list li.strike .item-summary .item-properties .tag.toggled-on, .actor.sheet.character .attack-popout ol.actions-list li.strike .item-summary .item-properties .tag.toggled-off {
|
|
cursor: pointer;
|
|
}
|
|
.actor.sheet.character .attack-popout ol.actions-list li.action .item-summary .item-properties .tag.toggled-on, .actor.sheet.character .attack-popout ol.actions-list li.strike .item-summary .item-properties .tag.toggled-on {
|
|
background-color: rgba(23, 31, 105, 0.5);
|
|
color: var(--text-dark);
|
|
text-shadow: 0 0 2px white;
|
|
}
|
|
.actor.sheet.character .attack-popout ol.actions-list li.action .item-summary, .actor.sheet.character .attack-popout ol.actions-list li.strike .item-summary {
|
|
border-image-repeat: repeat;
|
|
border-image-slice: 11;
|
|
border-image-source: url("../assets/sheet/frame-elegant.svg");
|
|
border-image-width: 14px;
|
|
border-style: double;
|
|
padding: 0.5rem 1rem 1rem;
|
|
}
|
|
.actor.sheet.character .attack-popout ol.actions-list li.action .item-summary dd, .actor.sheet.character .attack-popout ol.actions-list li.strike .item-summary dd {
|
|
margin: 0;
|
|
margin-bottom: 0.5rem;
|
|
}
|
|
.actor.sheet.character .attack-popout ol.actions-list li.action .item-summary .tag.tag_secondary, .actor.sheet.character .attack-popout ol.actions-list li.strike .item-summary .tag.tag_secondary {
|
|
background-color: rgba(0, 0, 0, 0.8);
|
|
}
|
|
.actor.sheet.character .attack-popout ol.actions-list li.action.hidden, .actor.sheet.character .attack-popout ol.actions-list li.strike.hidden {
|
|
display: none;
|
|
}
|
|
.actor.sheet.character .attack-popout ol.actions-list li.action {
|
|
align-items: center;
|
|
column-gap: 0.5rem;
|
|
display: grid;
|
|
grid: "icon name tracking controls" 1fr "icon buttons tracking controls" auto "summary summary summary summary" auto/min-content auto 20% 10%;
|
|
}
|
|
.actor.sheet.character .attack-popout ol.actions-list li.action > .icon {
|
|
grid-area: icon;
|
|
height: 32px;
|
|
width: 32px;
|
|
}
|
|
.actor.sheet.character .attack-popout ol.actions-list li.action .name {
|
|
align-items: center;
|
|
grid-area: name;
|
|
display: flex;
|
|
margin-bottom: 0;
|
|
text-align: left;
|
|
}
|
|
.actor.sheet.character .attack-popout ol.actions-list li.action .button-group {
|
|
grid-area: buttons;
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
gap: 1px;
|
|
}
|
|
.actor.sheet.character .attack-popout ol.actions-list li.action .tracking {
|
|
grid-area: tracking;
|
|
}
|
|
.actor.sheet.character .attack-popout ol.actions-list li.action .item-controls {
|
|
grid-area: controls;
|
|
}
|
|
.actor.sheet.character .attack-popout ol.actions-list li.action .item-summary {
|
|
grid-area: summary;
|
|
}
|
|
.actor.sheet.character .attack-popout.actions {
|
|
margin: 0.25em 0.1em 0 0.4em;
|
|
}
|
|
.actor.sheet.character .attack-popout .actions-container {
|
|
padding: 0.5em 0 0.5em 0.4em;
|
|
}
|
|
.actor.sheet.character .attack-popout ol.actions-list li.strike {
|
|
border: unset;
|
|
}
|
|
.actor.sheet.character .attack-popout ol.actions-list li.strike .ammo select.linked {
|
|
-moz-appearance: none;
|
|
-webkit-appearance: none;
|
|
appearance: none;
|
|
background-color: var(--alt);
|
|
background-image: url("../assets/icons/chevron-down.svg");
|
|
background-position: right 0.25em top 50%;
|
|
background-repeat: no-repeat;
|
|
background-size: 1em auto;
|
|
border-radius: 2px;
|
|
border: 1px solid #53422a;
|
|
color: var(--text-light);
|
|
height: auto;
|
|
padding: 0.25rem 1.1rem 0.25rem 0.25rem;
|
|
position: relative;
|
|
text-overflow: ellipsis;
|
|
}
|
|
.actor.sheet.character .attack-popout ol.actions-list li.strike .ammo select.linked[data-compatible=false] {
|
|
color: rgba(255, 255, 255, 0.6);
|
|
}
|
|
.actor.sheet.character .attack-popout ol.actions-list li.strike .ammo select.linked option,
|
|
.actor.sheet.character .attack-popout ol.actions-list li.strike .ammo select.linked optgroup {
|
|
color: var(--text-light);
|
|
background-color: var(--alt);
|
|
}
|
|
.actor.sheet.character .crb-style .pf-rank {
|
|
font-family: var(--sans-serif);
|
|
font-size: var(--font-size-10);
|
|
text-transform: uppercase;
|
|
letter-spacing: 0.05em;
|
|
text-rendering: optimizeLegibility;
|
|
align-items: center;
|
|
background: var(--color-proficiency-untrained);
|
|
border-radius: 2px;
|
|
border: 1px solid rgba(0, 0, 0, 0.5);
|
|
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
|
|
color: var(--text-light);
|
|
cursor: pointer;
|
|
display: flex;
|
|
font-weight: 500;
|
|
justify-content: center;
|
|
padding: 2px 1px 1px 1px;
|
|
text-align-last: center;
|
|
}
|
|
.actor.sheet.character .crb-style .pf-rank.readonly {
|
|
pointer-events: none;
|
|
}
|
|
.actor.sheet.character .crb-style .pf-rank option[value="0"] {
|
|
background: var(--color-proficiency-untrained);
|
|
}
|
|
.actor.sheet.character .crb-style .pf-rank.trained, .actor.sheet.character .crb-style .pf-rank[data-rank="1"],
|
|
.actor.sheet.character .crb-style .pf-rank option[value="1"] {
|
|
background: var(--color-proficiency-trained);
|
|
}
|
|
.actor.sheet.character .crb-style .pf-rank.expert, .actor.sheet.character .crb-style .pf-rank[data-rank="2"],
|
|
.actor.sheet.character .crb-style .pf-rank option[value="2"] {
|
|
background: var(--color-proficiency-expert);
|
|
}
|
|
.actor.sheet.character .crb-style .pf-rank.master, .actor.sheet.character .crb-style .pf-rank[data-rank="3"],
|
|
.actor.sheet.character .crb-style .pf-rank option[value="3"] {
|
|
background: var(--color-proficiency-master);
|
|
}
|
|
.actor.sheet.character .crb-style .pf-rank.legendary, .actor.sheet.character .crb-style .pf-rank[data-rank="4"],
|
|
.actor.sheet.character .crb-style .pf-rank option[value="4"] {
|
|
background: var(--color-proficiency-legendary);
|
|
}
|
|
.actor.sheet.character .crb-style span.pf-rank {
|
|
min-width: 61px;
|
|
pointer-events: none;
|
|
}
|
|
.actor.sheet.character .crb-style aside .sidebar a.roll-icon.rest {
|
|
padding-bottom: 0;
|
|
}
|
|
.actor.sheet.character .crb-style aside .sidebar .class-dc.secondary {
|
|
margin-top: 0.2em;
|
|
}
|
|
.actor.sheet.character .crb-style aside .sidebar .class-dc .classdc-rank {
|
|
align-items: center;
|
|
display: flex;
|
|
gap: 0.5em;
|
|
}
|
|
.actor.sheet.character .crb-style header.char-header .char-details .dots {
|
|
display: flex;
|
|
font-size: var(--font-size-10);
|
|
}
|
|
.actor.sheet.character .crb-style header.char-header .char-details .dots .label {
|
|
color: var(--sidebar-label);
|
|
padding-left: 3px;
|
|
margin-right: 8px;
|
|
font-weight: 700;
|
|
}
|
|
.actor.sheet.character .crb-style header.char-header .char-level .exp-data {
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: space-between;
|
|
padding: 0.5em 0;
|
|
position: relative;
|
|
}
|
|
.actor.sheet.character .crb-style header.char-header .char-level .exp-data .exp-input {
|
|
font-size: var(--font-size-13);
|
|
height: 1.5em;
|
|
}
|
|
.actor.sheet.character .crb-style header.char-header .char-level .exp-data .exp-input input {
|
|
color: var(--text-light);
|
|
font-family: var(--sans-serif);
|
|
text-align: right;
|
|
width: 3em;
|
|
}
|
|
.actor.sheet.character .crb-style header.char-header .char-level .exp-data .exp-input .slash {
|
|
color: var(--sidebar-label);
|
|
}
|
|
.actor.sheet.character .crb-style header.char-header .char-level .exp-data progress {
|
|
background-color: unset;
|
|
border: 1px solid rgba(255, 255, 255, 0.1);
|
|
border-left: none;
|
|
bottom: 7px;
|
|
box-shadow: 0 0 2px var(--sidebar-label);
|
|
height: 5px;
|
|
left: -9px;
|
|
position: absolute;
|
|
width: 7em;
|
|
}
|
|
.actor.sheet.character .crb-style header.char-header .char-level .exp-data progress::-moz-progress-bar {
|
|
background: var(--sidebar-title);
|
|
}
|
|
.actor.sheet.character .crb-style header.char-header .char-level .exp-data progress::-webkit-progress-bar {
|
|
background: rgba(0, 0, 0, 0.2);
|
|
}
|
|
.actor.sheet.character .crb-style header.char-header .char-level .exp-data progress::-webkit-progress-value {
|
|
background: var(--sidebar-title);
|
|
}
|
|
.actor.sheet.character .crb-style nav.sheet-navigation .item.to-hide {
|
|
opacity: 45%;
|
|
}
|
|
.actor.sheet.character .crb-style nav.sheet-navigation .item.hidden {
|
|
display: none;
|
|
}
|
|
.actor.sheet.character .crb-style nav.sheet-navigation .item .pfs-icon {
|
|
clip-rule: evenodd;
|
|
fill-rule: evenodd;
|
|
padding: 4px;
|
|
position: relative;
|
|
stroke-linejoin: round;
|
|
stroke-miterlimit: 2;
|
|
top: -1px;
|
|
}
|
|
.actor.sheet.character .crb-style nav.sheet-navigation .item .pfs-icon path {
|
|
fill-rule: nonzero;
|
|
}
|
|
.actor.sheet.character .crb-style nav.sheet-navigation .manage-tabs {
|
|
color: var(--text-light);
|
|
margin: 0;
|
|
padding: 0 6px;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content > .tab.active {
|
|
display: flex;
|
|
height: 100%;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content > .tab:not(.inventory, .actions),
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab-content {
|
|
overflow: hidden scroll;
|
|
flex-grow: 1;
|
|
min-height: 0;
|
|
overflow: hidden scroll;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content nav + .tab-content {
|
|
padding-top: 0.75rem;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content 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 h3.header button.has-unallocated {
|
|
animation: glow 0.75s infinite alternate;
|
|
}
|
|
.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: var(--text-dark);
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .item-image:hover i {
|
|
background: #f1eee9;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .item-image.framed {
|
|
background-color: var(--tertiary);
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .item-image.framed,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .item-image.framed i {
|
|
border: none;
|
|
border-radius: 2px;
|
|
box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px #9f725b, inset 0 0 4px rgba(0, 0, 0, 0.5);
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab {
|
|
flex-direction: column;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character select {
|
|
width: calc(100% - 6px);
|
|
background-color: var(--alt);
|
|
border: 1px solid #605041;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character select:disabled {
|
|
cursor: initial;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character hr {
|
|
margin: 10px 6px 10px 0;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .pc h3 {
|
|
background-color: rgba(28, 28, 28, 0.1);
|
|
border: none;
|
|
color: var(--text-dark);
|
|
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 .image-container {
|
|
grid-area: img;
|
|
margin-left: 0.25rem;
|
|
z-index: 3;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-details .image-container .actor-image {
|
|
border: none;
|
|
box-shadow: 0 0 0 1px #918c88, 0 0 0 2px #e1d8cf, 0 0 0 3px #a98f39, inset 0 0 8px rgba(0, 0, 0, 0.5), 0 0 8px black;
|
|
border-radius: 0;
|
|
max-height: 11rem;
|
|
object-fit: cover;
|
|
object-position: top;
|
|
width: 100%;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-details .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 label {
|
|
align-items: start;
|
|
display: flex;
|
|
flex: 1 0 0;
|
|
flex-direction: column;
|
|
justify-content: start;
|
|
margin-bottom: 8px;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-background label span {
|
|
width: 100%;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-traits {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-traits .tags {
|
|
width: 100%;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-traits .pc {
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: start;
|
|
align-items: start;
|
|
flex: 20%;
|
|
margin-bottom: 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 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 .attributes {
|
|
margin: 0;
|
|
padding: 0;
|
|
display: grid;
|
|
gap: 12px;
|
|
grid: 1fr/repeat(6, 1fr);
|
|
justify-content: center;
|
|
list-style: none;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .attributes .attribute {
|
|
display: grid;
|
|
grid: "abbrev" auto "mod" 1fr "label" auto/1fr;
|
|
column-gap: 10px;
|
|
align-items: center;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .attributes .attribute:focus-within .abbreviation {
|
|
filter: opacity(1);
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .attributes .attribute.key .abbreviation,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .attributes .attribute.key .modifier {
|
|
color: var(--secondary);
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .attributes .attribute .abbreviation {
|
|
margin: 0;
|
|
padding: 0;
|
|
border: none;
|
|
color: var(--primary);
|
|
font: 400 22px var(--serif-condensed);
|
|
grid-area: abbrev;
|
|
position: relative;
|
|
text-align: center;
|
|
text-transform: capitalize;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .attributes .attribute .abbreviation i.key,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .attributes .attribute .abbreviation i.apex {
|
|
bottom: 4px;
|
|
position: absolute;
|
|
font-size: var(--font-size-12);
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .attributes .attribute .abbreviation i.key {
|
|
left: 2px;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .attributes .attribute .abbreviation i.apex {
|
|
right: 2px;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .attributes .attribute .abbreviation i.apex.unselected:not(:hover) {
|
|
opacity: 0.75;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .attributes .attribute h3.modifier {
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
border-image-repeat: repeat;
|
|
border-image-slice: 11;
|
|
border-image-source: url("../assets/sheet/frame-elegant.svg");
|
|
border-image-width: 14px;
|
|
border-style: double;
|
|
grid-area: mod;
|
|
font-size: var(--font-size-24);
|
|
font-family: var(--serif);
|
|
font-weight: 700;
|
|
height: 46px;
|
|
margin: 0;
|
|
padding-right: 4px;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .attributes .attribute .label {
|
|
color: rgb(68, 55, 48);
|
|
grid-area: label;
|
|
margin: 0;
|
|
opacity: 0.4;
|
|
padding: 2px;
|
|
text-align: center;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions {
|
|
gap: 0.5rem;
|
|
padding: 0;
|
|
margin-left: 0.25rem;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list + .actions-list {
|
|
margin-top: 0.5rem;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .item-name {
|
|
align-items: start;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .item-name .actions-title {
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .item-name .item-image {
|
|
height: 32px;
|
|
width: 32px;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .button-group {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: row;
|
|
flex-wrap: nowrap;
|
|
font-size: var(--font-size-14);
|
|
margin-bottom: 0;
|
|
padding: 2px 0;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .button-group button {
|
|
border: none;
|
|
flex: 0;
|
|
gap: 2px;
|
|
height: 1.25rem;
|
|
line-height: unset;
|
|
margin: 0;
|
|
padding: 0 0.5em;
|
|
white-space: nowrap;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .button-group button:not(:disabled):hover {
|
|
box-shadow: none;
|
|
text-shadow: 0 0 2px var(--text-light);
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .button-group .versatile-options {
|
|
align-items: center;
|
|
display: flex;
|
|
font-size: var(--font-size-14);
|
|
gap: 2px;
|
|
justify-content: center;
|
|
padding: 0 3px;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .button-group .versatile-options .title {
|
|
text-transform: uppercase;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .button-group .versatile-options button {
|
|
align-items: center;
|
|
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3), inset 0 0 0 2px rgba(255, 255, 255, 0.2);
|
|
display: flex;
|
|
justify-content: center;
|
|
width: 3ch;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .button-group .versatile-options button.selected {
|
|
background: var(--text-dark);
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .button-group .versatile-options button.selected > .icon {
|
|
color: var(--bg-dark);
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .button-group .versatile-options button:not(disabled):hover {
|
|
box-shadow: inset 0 0 0 1px rgba(94, 0, 0, 0.5);
|
|
text-shadow: none;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .button-group .versatile-options button:active {
|
|
text-shadow: 0 0 1px var(--primary);
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .alt-usage {
|
|
flex-basis: 100%;
|
|
margin-left: calc(3em - 2px);
|
|
position: relative;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .alt-usage .alt-usage-icon {
|
|
border: none;
|
|
height: 1rem;
|
|
position: absolute;
|
|
left: -1.5em;
|
|
top: 0.2em;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .ammo,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .auxiliary-actions {
|
|
margin-left: 2.5rem;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .ammo {
|
|
align-items: center;
|
|
display: flex;
|
|
gap: 3px;
|
|
margin-bottom: 2px;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .ammo select.linked {
|
|
font: normal var(--font-size-12) var(--sans-serif);
|
|
line-height: var(--font-size-12);
|
|
padding-top: 3px;
|
|
width: fit-content;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .ammo select.linked[data-compatible=false] {
|
|
color: rgba(255, 255, 255, 0.6);
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .ammo select.linked option,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .ammo select.linked optgroup {
|
|
color: var(--text-light);
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .ammo .magazine {
|
|
margin-right: 0.5rem;
|
|
font-family: var(--sans-serif);
|
|
font-weight: 600;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .ammo .magazine .icon {
|
|
display: inline-block;
|
|
width: 0.9rem;
|
|
height: 0.9rem;
|
|
background-image: url("../assets/icons/heavy-bullets.svg");
|
|
background-size: cover;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .auxiliary-actions {
|
|
display: flex;
|
|
gap: 3px;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .auxiliary-actions button select.modular {
|
|
appearance: auto;
|
|
background: none;
|
|
color: var(--text-dark);
|
|
cursor: default;
|
|
font: inherit;
|
|
margin-left: 0.5em;
|
|
padding: 0.15em 0.2em;
|
|
text-transform: uppercase;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .auxiliary-actions button select.modular option {
|
|
background: var(--bg-dark);
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .auxiliary-actions button:has(select.modular:hover) {
|
|
text-shadow: none;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .action-name {
|
|
justify-content: space-between;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike:not(.ready) .auxiliary-actions {
|
|
justify-content: right;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action .item-image:hover {
|
|
background: none;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action .tracking {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: row;
|
|
flex-wrap: nowrap;
|
|
margin-left: auto;
|
|
margin-right: 1rem;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action .tracking input {
|
|
width: 0;
|
|
flex: 0 1 4rem;
|
|
text-align: center;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action .tracking span {
|
|
white-space: nowrap;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions h4 {
|
|
flex: 1;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions button.activate {
|
|
background: none;
|
|
border: 1px solid var(--color-border-dark);
|
|
border-radius: 5px;
|
|
flex: 0;
|
|
line-height: 1.25em;
|
|
opacity: 0.7;
|
|
margin-right: 0.5rem;
|
|
padding: 0 0.25rem;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions button.activate.active, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions button.activate:hover {
|
|
background-color: var(--primary);
|
|
color: var(--text-light);
|
|
opacity: 1;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions .item-controls {
|
|
display: flex;
|
|
min-width: 2.5em;
|
|
justify-content: end;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.effects .effects-list {
|
|
gap: 0.2em;
|
|
padding-bottom: 1em;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.effects .effects-list .item {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
padding: 2px 4px 2px 12px;
|
|
width: 100%;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.effects .effects-list .item p:empty {
|
|
display: none;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.effects .effects-list .item .item-name {
|
|
display: flex;
|
|
align-items: center;
|
|
flex: 1;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.effects .effects-list .item .item-name h4 {
|
|
cursor: pointer;
|
|
margin: 0;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.effects .effects-list .item .item-name .item-image {
|
|
margin-right: 8px;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.effects .effects-list .item .item-controls {
|
|
display: flex;
|
|
flex: 0;
|
|
font-size: var(--font-size-12);
|
|
gap: 1px;
|
|
white-space: nowrap;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.effects .effects-list .item .item-controls a.info-only:hover {
|
|
cursor: default;
|
|
text-shadow: none;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.effects .effects-list .item .item-controls a + a {
|
|
margin-left: 4px;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.effects .effects-list .item .item-summary {
|
|
flex-basis: 100%;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.effects .effects-list .item.unidentified {
|
|
border-radius: 1px;
|
|
outline: 1px dotted rgba(75, 74, 68, 0.5);
|
|
background: var(--visibility-gm-bg);
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.effects .effects-list .item .button-group {
|
|
display: flex;
|
|
justify-content: flex-end;
|
|
align-items: center;
|
|
flex-wrap: nowrap;
|
|
width: 50%;
|
|
flex: 0;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.effects .effects-list .item .button-group button {
|
|
margin: 0;
|
|
border: none;
|
|
cursor: pointer;
|
|
font-family: var(--sans-serif);
|
|
font-size: var(--font-size-10);
|
|
text-transform: uppercase;
|
|
letter-spacing: 0.05em;
|
|
text-rendering: optimizeLegibility;
|
|
padding: 5px;
|
|
color: var(--text-light);
|
|
width: 70px;
|
|
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3), inset 0 0 0 2px rgba(255, 255, 255, 0.2);
|
|
background: var(--secondary);
|
|
border-radius: 2px;
|
|
flex: 0;
|
|
white-space: nowrap;
|
|
margin-left: 4px;
|
|
flex: 0;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.effects .effects-list .item .button-group button:hover {
|
|
box-shadow: none;
|
|
text-shadow: 0 0 2px white;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.effects .effects-list .item {
|
|
border-top: 1px solid #d5cac1;
|
|
border: solid transparent;
|
|
border-width: 0 0 1px;
|
|
border-image: linear-gradient(90deg, #f1edea, #d5cac1) 1 repeat;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.effects .effects-list .item:last-child {
|
|
border-bottom: none;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.effects .effects-list .item-name h4 {
|
|
font-family: var(--serif);
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.spellcasting .spellcasting-entry {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
margin-bottom: 0.25em;
|
|
padding-bottom: 1em;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.spellcasting .spellcasting-entry:first-child .action-header {
|
|
justify-content: start;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.spellcasting .spellcasting-entry .rollable .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 .rollable {
|
|
gap: 0.1rem;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.spellcasting .spellcasting-entry .spell-ability-data .focus-pool {
|
|
cursor: pointer;
|
|
gap: 0.25em;
|
|
position: relative;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.spellcasting .spellcasting-entry .spell-ability-data .focus-pool img.pool-size {
|
|
border: none;
|
|
width: 34px;
|
|
height: 32px;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.spellcasting .spellcasting-entry .spell-ability-data .focus-pool .pips {
|
|
display: flex;
|
|
font-size: var(--font-size-10);
|
|
gap: 1px;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.spellcasting .spellcasting-entry .spell-ability-data .focus-pool .pips i {
|
|
padding-bottom: 0.08rem;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.spellcasting .spellcasting-entry .spell-ability-data .focus-pool h4 {
|
|
white-space: nowrap;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.spellcasting .spellcasting-entry .spell-ability-data .spell-ability {
|
|
gap: 0.5em;
|
|
margin-left: auto;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.spellcasting .spellcasting-entry .spell-ability-data .spell-ability .spell-tradition {
|
|
font-family: var(--body-serif);
|
|
font-weight: 600;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.spellcasting .spellcasting-entry .spell-ability-data .pf-rank {
|
|
margin-bottom: 0.13rem;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.spellcasting .spellbook-empty {
|
|
margin: 8px 0;
|
|
background: none;
|
|
border: none;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.spellcasting .pf-add-item-row {
|
|
grid-column: span 4;
|
|
text-align: center;
|
|
width: 100%;
|
|
display: flex;
|
|
justify-content: space-evenly;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.spellcasting .pf-add-item-row a {
|
|
width: 100%;
|
|
margin-bottom: 12px;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies h1,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies h4,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies h6 {
|
|
margin: 0;
|
|
padding: 0;
|
|
line-height: 1;
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies h6 {
|
|
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: var(--text-light);
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
cursor: pointer;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .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: var(--text-light);
|
|
font-family: var(--serif);
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .skills-list,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .lores-list,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .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 .skills-list .skill,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .lores-list .skill,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .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 4px;
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .skills-list .skill .rollable,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .lores-list .skill .rollable,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .combat-list .skill .rollable {
|
|
cursor: pointer;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .skills-list .skill .rollable:hover,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .lores-list .skill .rollable:hover,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .combat-list .skill .rollable:hover {
|
|
color: var(--primary);
|
|
text-shadow: 0 0 2px white;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .skills-list .skill .rollable:hover .skill-score,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .lores-list .skill .rollable:hover .skill-score,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .combat-list .skill .rollable:hover .skill-score {
|
|
text-decoration: underline;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .skills-list .skill .skill-score,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .lores-list .skill .skill-score,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .combat-list .skill .skill-score {
|
|
color: var(--primary);
|
|
font-family: var(--serif);
|
|
font-size: var(--font-size-24);
|
|
font-weight: 600;
|
|
line-height: 1;
|
|
text-align: end;
|
|
margin-right: 4px;
|
|
width: 2.5rem;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .skills-list .skill .skill-name,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .lores-list .skill .skill-name,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .combat-list .skill .skill-name {
|
|
display: flex;
|
|
align-items: center;
|
|
flex: 1;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .skills-list .skill .button-group,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .lores-list .skill .button-group,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .combat-list .skill .button-group {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
flex-wrap: wrap;
|
|
flex-direction: column;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .skills-list .skill .button-group h6,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .lores-list .skill .button-group h6,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .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 .skills-list .skill .button-group h6:hover,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .lores-list .skill .button-group h6:hover,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .combat-list .skill .button-group h6:hover {
|
|
background: var(--primary);
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .skills-list .skill.custom,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .lores-list .skill.custom,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .combat-list .skill.custom {
|
|
position: relative;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .skills-list .skill.custom a.delete,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .lores-list .skill.custom a.delete,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .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 .skills-list .skill.custom a.delete:hover,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .lores-list .skill.custom a.delete:hover,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .combat-list .skill.custom a.delete:hover {
|
|
z-index: 1;
|
|
opacity: 1;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .skills-list .skill.custom:hover a.delete,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .lores-list .skill.custom:hover a.delete,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .combat-list .skill.custom:hover a.delete {
|
|
z-index: 1;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .lores-list .skill,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .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 .lores-list .skill input,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .combat-list .skill input {
|
|
color: var(--text-dark);
|
|
border-bottom: 1px solid var(--sub);
|
|
margin-right: 4px;
|
|
font-weight: 600;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .lores-list .skill input:hover,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .combat-list .skill input:hover {
|
|
border: 1px solid var(--sub);
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .lores-list .skill .button-group,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .combat-list .skill .button-group {
|
|
flex-direction: row;
|
|
flex-wrap: nowrap;
|
|
margin-left: auto;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .lores-list .skill .button-group .item-controls,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .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 .lores-list {
|
|
grid-template-columns: 1fr;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .combat-list {
|
|
grid-template: repeat(2, 1fr);
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .combat-list .item {
|
|
grid-column: 1/3;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .lore-header .item-controls {
|
|
white-space: nowrap;
|
|
color: var(--text-light);
|
|
font-family: var(--sans-serif);
|
|
font-size: var(--font-size-10);
|
|
text-transform: uppercase;
|
|
letter-spacing: 0.05em;
|
|
text-rendering: optimizeLegibility;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .lore-header .item-controls .item-control {
|
|
padding: 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 {
|
|
align-items: center;
|
|
display: flex;
|
|
flex: 1;
|
|
grid-area: name;
|
|
height: calc(1.5rem + 2px);
|
|
width: 100%;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.feats .feat-item .item-name .feat-slot-title {
|
|
display: flex;
|
|
font-family: var(--serif);
|
|
font-size: 1.1em;
|
|
font-weight: 600;
|
|
color: var(--secondary);
|
|
justify-content: center;
|
|
width: 20px;
|
|
margin-left: 6px;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.feats .feat-item .item-name .item-placeholder {
|
|
margin-left: 40px;
|
|
margin-right: 4px;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.feats .feat-item .item-name h4 {
|
|
cursor: pointer;
|
|
font-family: var(--serif);
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.feats .feat-item .item-name h4:hover {
|
|
color: var(--primary);
|
|
text-shadow: 0 0 3px var(--tertiary);
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.feats .feat-item .item-name .item-image {
|
|
margin-left: 8px;
|
|
margin-right: 8px;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.feats .feat-item .item-controls {
|
|
align-items: center;
|
|
display: flex;
|
|
font-size: var(--font-size-12);
|
|
grid-area: ctrl;
|
|
height: 100%;
|
|
white-space: nowrap;
|
|
width: 100%;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.feats .feat-item .item-controls a:last-child {
|
|
margin-right: 6px;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.feats .feat-item .item-summary {
|
|
flex: 100%;
|
|
grid-area: content;
|
|
padding: 0 8px 8px;
|
|
margin: 4px 0 0 4px;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.feats .feat-item ol.nested-items {
|
|
grid-column: span 2;
|
|
border-left: 3px dotted #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 h3.header {
|
|
display: flex;
|
|
align-items: baseline;
|
|
justify-content: space-between;
|
|
padding: 0 1px;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography h3.header a {
|
|
color: var(--color-text-dark-primary);
|
|
font-size: var(--font-size-12);
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography h3.header a i.fa-eye-slash {
|
|
opacity: 75%;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section.editable .editor-content,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section.editable input {
|
|
background: rgba(0, 0, 0, 0.05);
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section.editable .editor-content {
|
|
min-height: 4rem;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section:not(.editable) .editor-content {
|
|
min-height: 2rem;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section input:disabled {
|
|
color: var(--text-dark);
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section.appearance-details {
|
|
display: grid;
|
|
grid-template: "bio bio" 1fr "height weight" min-content/1fr 1fr;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section.appearance-details .bio {
|
|
grid-area: bio;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section.personality {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section.personality .bio {
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: flex-start;
|
|
align-items: flex-start;
|
|
flex: 50%;
|
|
margin-bottom: 8px;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section.personality .bio span {
|
|
width: 100%;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section.campaign {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 0.5rem;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section input {
|
|
background: none;
|
|
border-bottom: 1px solid var(--color-border-input);
|
|
font-family: var(--body-serif);
|
|
width: calc(100% - 6px);
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section input::placeholder {
|
|
filter: opacity(0.5);
|
|
color: var(--text-dark);
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section input:focus {
|
|
border-bottom: 1px solid #644f33;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section input:focus::placeholder {
|
|
color: transparent;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section input[type=number] {
|
|
padding-bottom: 0;
|
|
padding-left: 4px;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section hr {
|
|
margin: 10px 6px 10px 0;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section .bio h3 {
|
|
margin: 0;
|
|
padding: 0;
|
|
background-color: rgba(28, 28, 28, 0.1);
|
|
border: none;
|
|
color: var(--text-dark);
|
|
font: 700 var(--font-size-14) var(--body-serif);
|
|
grid-area: mod;
|
|
height: 26px;
|
|
padding: 8px 4px 6px;
|
|
width: calc(100% - 6px);
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section .bio h3 i {
|
|
position: relative;
|
|
right: -2px;
|
|
top: -2px;
|
|
float: right;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section .bio h3 span.value {
|
|
display: inline-block;
|
|
max-width: 87%;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section .bio h4.details-label {
|
|
margin-bottom: 0;
|
|
width: 100%;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section .bio .biography-content {
|
|
padding: 0 0 0.5rem;
|
|
/* Typography */
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section .bio .biography-content h1,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section .bio .biography-content h2 {
|
|
font-family: var(--serif);
|
|
line-height: 1.1;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section .bio .biography-content h1 {
|
|
text-align: center;
|
|
font-size: 2.5em;
|
|
margin-bottom: 30px;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section .bio .biography-content h2 {
|
|
color: var(--secondary);
|
|
font-size: 2.25em;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section .bio .biography-content h3 {
|
|
font-size: 2em;
|
|
border-bottom: 0px;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section .bio .biography-content h4 {
|
|
color: var(--text-dark);
|
|
border-bottom: 1px solid var(--color-border-dark-primary);
|
|
margin-bottom: 0px;
|
|
text-transform: uppercase;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section .bio .biography-content h5 {
|
|
text-transform: uppercase;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section .bio .biography-content h6 {
|
|
background-color: var(--header-bg);
|
|
color: var(--header-color);
|
|
margin-bottom: 5px;
|
|
padding-left: 8px;
|
|
padding-top: 5px;
|
|
padding-bottom: 3px;
|
|
font-size: 1.25em;
|
|
text-transform: uppercase;
|
|
border-radius: 12px 12px 0px 0px;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section .bio .biography-content p,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section .bio .biography-content p + p,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section .bio .biography-content ul,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section .bio .biography-content ol {
|
|
font-family: var(--body-serif);
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section .bio .biography-content .editor .editor-edit {
|
|
background: var(--primary);
|
|
color: var(--text-light);
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section .bio .biography-content .editor .tox.tox-tinymce {
|
|
height: 200px !important;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section .bio .biography-content .editor .tox .tox-editor-container .tox-editor-header {
|
|
background: none;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section .bio .biography-content .editor .tox .tox-editor-container .tox-editor-header .tox-toolbar-overlord {
|
|
background-color: var(--secondary);
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section .bio .biography-content .editor .tox .tox-editor-container .tox-editor-header .tox-toolbar-overlord .tox-toolbar__primary {
|
|
background-color: var(--alt);
|
|
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3);
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section .bio .biography-content .editor .tox .tox-tbtn {
|
|
color: #cdcdcd;
|
|
border-radius: 1px;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section .bio .biography-content .editor .tox .tox-tbtn svg {
|
|
fill: #cdcdcd;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section .bio .biography-content .editor .tox .tox-tbtn:hover {
|
|
background: var(--secondary);
|
|
color: var(--text-light);
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section .bio .biography-content .editor .tox .tox-tbtn:hover svg {
|
|
fill: white;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section .bio .biography-content .editor .editor-content {
|
|
overflow-y: inherit;
|
|
padding: 0 0.25rem;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.inventory {
|
|
height: calc(100% - 40px);
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.inventory .inventory-list {
|
|
padding-right: 0.1rem;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.inventory .item-controls {
|
|
flex: 0 0 100px;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.inventory .wealth {
|
|
margin-bottom: 0.5rem;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs {
|
|
gap: 0.2em;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs .item {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
padding: 2px 4px 2px 12px;
|
|
width: 100%;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs .item p:empty {
|
|
display: none;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs .item .item-name {
|
|
display: flex;
|
|
align-items: center;
|
|
flex: 1;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs .item .item-name h4 {
|
|
cursor: pointer;
|
|
margin: 0;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs .item .item-name .item-image {
|
|
margin-right: 8px;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs .item .item-controls {
|
|
display: flex;
|
|
flex: 0;
|
|
font-size: var(--font-size-12);
|
|
gap: 1px;
|
|
white-space: nowrap;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs .item .item-controls a.info-only:hover {
|
|
cursor: default;
|
|
text-shadow: none;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs .item .item-controls a + a {
|
|
margin-left: 4px;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs .item .item-summary {
|
|
flex-basis: 100%;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs .item.unidentified {
|
|
border-radius: 1px;
|
|
outline: 1px dotted rgba(75, 74, 68, 0.5);
|
|
background: var(--visibility-gm-bg);
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs .item .button-group {
|
|
display: flex;
|
|
justify-content: flex-end;
|
|
align-items: center;
|
|
flex-wrap: nowrap;
|
|
width: 50%;
|
|
flex: 0;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs .item .button-group button {
|
|
margin: 0;
|
|
border: none;
|
|
cursor: pointer;
|
|
font-family: var(--sans-serif);
|
|
font-size: var(--font-size-10);
|
|
text-transform: uppercase;
|
|
letter-spacing: 0.05em;
|
|
text-rendering: optimizeLegibility;
|
|
padding: 5px;
|
|
color: var(--text-light);
|
|
width: 70px;
|
|
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3), inset 0 0 0 2px rgba(255, 255, 255, 0.2);
|
|
background: var(--secondary);
|
|
border-radius: 2px;
|
|
flex: 0;
|
|
white-space: nowrap;
|
|
margin-left: 4px;
|
|
flex: 0;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs .item .button-group button:hover {
|
|
box-shadow: none;
|
|
text-shadow: 0 0 2px white;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs > section {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 0.25em;
|
|
margin: 0.75rem 0;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs > section:first-child {
|
|
margin-top: 0.25rem;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs > section.organized-play {
|
|
align-items: center;
|
|
display: grid;
|
|
grid-template-columns: 6em 1em 4em;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs > section.organized-play > * {
|
|
width: 100%;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs > section.organized-play input {
|
|
text-align: center;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs > section.organized-play .dash {
|
|
font-weight: bold;
|
|
text-align: center;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs > section.organized-play label.player-number {
|
|
grid-column: span 2;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs > section.level-bump {
|
|
align-items: center;
|
|
flex-direction: row;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs > section.level-bump .toggle {
|
|
width: 42px;
|
|
height: 1rem;
|
|
background: rgba(0, 0, 0, 0.5);
|
|
position: relative;
|
|
border-radius: 50px;
|
|
box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(255, 255, 255, 0.2);
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs > section.level-bump .toggle.enabled {
|
|
background: var(--secondary);
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs > section.level-bump .toggle::after {
|
|
content: "OFF";
|
|
color: var(--text-dark);
|
|
position: absolute;
|
|
right: 5px;
|
|
z-index: 0;
|
|
text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.15);
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs > section.level-bump .toggle::before {
|
|
content: "ON";
|
|
color: var(--text-light);
|
|
position: absolute;
|
|
left: 6px;
|
|
z-index: 0;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs > section.level-bump .toggle::after, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs > section.level-bump .toggle::before {
|
|
font-family: var(--sans-serif);
|
|
font-size: var(--font-size-10);
|
|
text-transform: uppercase;
|
|
letter-spacing: 0.05em;
|
|
text-rendering: optimizeLegibility;
|
|
top: 4px;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs > section.level-bump .toggle label {
|
|
display: block;
|
|
width: 18px;
|
|
height: 14px;
|
|
position: absolute;
|
|
top: 1px;
|
|
right: 20px;
|
|
cursor: pointer;
|
|
background: #fcfff4;
|
|
z-index: 1;
|
|
background: linear-gradient(to bottom, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
|
|
border-radius: 50%;
|
|
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2), 0px 2px 5px 0px rgba(0, 0, 0, 0.3);
|
|
transition: all 0.4s ease;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs > section.level-bump .toggle input[type=checkbox] {
|
|
visibility: hidden;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs > section.level-bump .toggle input[type=checkbox]:checked + label {
|
|
right: 1px;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs > section.faction {
|
|
max-width: fit-content;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs > section.reputations {
|
|
font-family: var(--serif);
|
|
gap: 0.2em;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs > section.reputations .reputation {
|
|
align-items: center;
|
|
display: flex;
|
|
gap: 0.2em;
|
|
justify-content: space-between;
|
|
width: 12em;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs > section.reputations .reputation input {
|
|
padding: 0 0.3em;
|
|
text-align: right;
|
|
width: 3em;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-options {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
margin: 0 1rem 1rem;
|
|
padding: 0.5rem 1rem;
|
|
border-image-repeat: repeat;
|
|
border-image-slice: 11;
|
|
border-image-source: url("../assets/sheet/frame-elegant.svg");
|
|
border-image-width: 14px;
|
|
border-style: double;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-options .crafting-option {
|
|
display: flex;
|
|
align-items: center;
|
|
width: 100%;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-options .crafting-option label * {
|
|
vertical-align: middle;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-options .crafting-option label input {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
justify-content: space-evenly;
|
|
align-items: center;
|
|
background: none;
|
|
border: none;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas.item-container,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry.item-container {
|
|
margin-bottom: 0.5em;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas.alchemical-entry,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry.alchemical-entry {
|
|
margin-bottom: 0;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas.alchemical-entry:last-child,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry.alchemical-entry:last-child {
|
|
margin-bottom: 0.5em;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas:first-child .action-header,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry:first-child .action-header {
|
|
margin-top: 0;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .action-header .item-controls .toggle-free-crafting,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .action-header .item-controls .toggle-free-crafting {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: flex-end;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .action-header .item-controls .toggle-free-crafting *,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .action-header .item-controls .toggle-free-crafting * {
|
|
flex: 1 0 auto;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .action-header .item-controls .toggle-free-crafting input[type=checkbox],
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .action-header .item-controls .toggle-free-crafting input[type=checkbox] {
|
|
height: 1em;
|
|
width: 1em;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .action-header.alchemical-title,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .action-header.alchemical-title {
|
|
background: var(--secondary);
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list {
|
|
margin: 0;
|
|
padding: 0;
|
|
width: 100%;
|
|
flex-basis: 100%;
|
|
position: relative;
|
|
z-index: 1;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item[data-expended-state=true] h4,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item[data-expended-state=true] h4 {
|
|
color: var(--color-disabled);
|
|
text-decoration: line-through;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item[data-expended-state=true] .toggle-formula-expended,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item[data-expended-state=true] .toggle-formula-expended {
|
|
color: var(--primary);
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item {
|
|
display: grid;
|
|
grid: "name dc price quantity controls" 1fr/4fr 0.7fr 1fr 1fr 1fr;
|
|
align-items: center;
|
|
justify-items: center;
|
|
margin: 0;
|
|
padding: 0;
|
|
background: none;
|
|
border: none;
|
|
border-left: 1px solid var(--sub);
|
|
border-right: 1px solid var(--sub);
|
|
cursor: default;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header:nth-child(odd),
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item:nth-child(odd),
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header:nth-child(odd),
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item:nth-child(odd) {
|
|
background-color: rgba(120, 100, 82, 0.1);
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header:last-child,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item:last-child,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header:last-child,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item:last-child {
|
|
border-bottom: 1px solid var(--sub);
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header:last-child .item-image,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item:last-child .item-image,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header:last-child .item-image,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item:last-child .item-image {
|
|
margin-bottom: 0;
|
|
margin-top: 2px;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header.formula-level-header,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item.formula-level-header,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header.formula-level-header,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item.formula-level-header {
|
|
background: rgba(96, 88, 86, 0.25);
|
|
border: 1px solid var(--sub);
|
|
padding: 4px;
|
|
color: var(--text-dark);
|
|
font: 600 var(--font-size-12) var(--sans-serif);
|
|
line-height: 1;
|
|
letter-spacing: 0.25px;
|
|
margin: 0;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header.formula-level-header h3,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item.formula-level-header h3,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header.formula-level-header h3,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item.formula-level-header h3 {
|
|
text-transform: capitalize;
|
|
font-size: var(--font-size-12);
|
|
margin-left: 0;
|
|
padding: 4px 0;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header.formula-level-header .level-name,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item.formula-level-header .level-name,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header.formula-level-header .level-name,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item.formula-level-header .level-name {
|
|
line-height: 1;
|
|
gap: 0.5em;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header.formula-level-header .level-name h3,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item.formula-level-header .level-name h3,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header.formula-level-header .level-name h3,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item.formula-level-header .level-name h3 {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header.formula-level-header .formula-number,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item.formula-level-header .formula-number,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header.formula-level-header .formula-number,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item.formula-level-header .formula-number {
|
|
background: var(--alt);
|
|
border: 1px solid var(--sub);
|
|
border-radius: 3px;
|
|
color: var(--text-light);
|
|
font-size: var(--font-size-11);
|
|
height: 14px;
|
|
max-width: 22px;
|
|
padding-top: 2px;
|
|
text-align: center;
|
|
width: 22px;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header.formula-level-header input.formula-number,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item.formula-level-header input.formula-number,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header.formula-level-header input.formula-number,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item.formula-level-header input.formula-number {
|
|
background: var(--alt-dark);
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header .item-name,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item .item-name,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header .item-name,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item .item-name {
|
|
cursor: pointer;
|
|
min-height: 28px;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header .level-name,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header .item-name,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item .level-name,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item .item-name,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header .level-name,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header .item-name,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item .level-name,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item .item-name {
|
|
justify-self: start;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: flex-start;
|
|
flex-wrap: nowrap;
|
|
line-height: 1.5;
|
|
flex-basis: 50%;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header .level-name h3,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header .item-name h3,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item .level-name h3,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item .item-name h3,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header .level-name h3,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header .item-name h3,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item .level-name h3,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item .item-name h3 {
|
|
white-space: nowrap;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header .level-name + span:not(.flex0),
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header .item-name + span:not(.flex0),
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item .level-name + span:not(.flex0),
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item .item-name + span:not(.flex0),
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header .level-name + span:not(.flex0),
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header .item-name + span:not(.flex0),
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item .level-name + span:not(.flex0),
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item .item-name + span:not(.flex0) {
|
|
font-size: var(--font-size-12);
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header .level-name .item-image,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header .item-name .item-image,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item .level-name .item-image,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item .item-name .item-image,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header .level-name .item-image,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header .item-name .item-image,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item .level-name .item-image,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item .item-name .item-image {
|
|
margin: 2px 0;
|
|
margin-left: 4px;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header .level-name h4,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header .item-name h4,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item .level-name h4,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item .item-name h4,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header .level-name h4,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header .item-name h4,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item .level-name h4,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item .item-name h4 {
|
|
margin: 0;
|
|
padding: 0;
|
|
margin-left: 8px;
|
|
line-height: 1;
|
|
letter-spacing: -0.075em;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header .level-name h4:hover,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header .item-name h4:hover,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item .level-name h4:hover,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item .item-name h4:hover,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header .level-name h4:hover,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header .item-name h4:hover,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item .level-name h4:hover,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item .item-name h4:hover {
|
|
color: var(--secondary);
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header .level-name.aa-level, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header .level-name.reagent-resource,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header .item-name.aa-level,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header .item-name.reagent-resource,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item .level-name.aa-level,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item .level-name.reagent-resource,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item .item-name.aa-level,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item .item-name.reagent-resource,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header .level-name.aa-level,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header .level-name.reagent-resource,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header .item-name.aa-level,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header .item-name.reagent-resource,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item .level-name.aa-level,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item .level-name.reagent-resource,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item .item-name.aa-level,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item .item-name.reagent-resource {
|
|
justify-content: flex-end;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header .item-controls,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item .item-controls,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header .item-controls,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item .item-controls {
|
|
justify-self: end;
|
|
font-size: var(--font-size-12);
|
|
margin-right: 4px;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header .item-controls .item-control.disabled,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item .item-controls .item-control.disabled,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header .item-controls .item-control.disabled,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item .item-controls .item-control.disabled {
|
|
opacity: 0.3;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header .item-summary,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item .item-summary,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header .item-summary,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item .item-summary {
|
|
grid-column: 1/6;
|
|
padding: 8px;
|
|
border-bottom: 1px solid var(--sub);
|
|
border-top: 1px solid #aca5a3;
|
|
background-color: var(--bg);
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header .item-summary p,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item .item-summary p,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header .item-summary p,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item .item-summary p {
|
|
margin-top: 0;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header .item-summary .item-buttons button,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item .item-summary .item-buttons button,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header .item-summary .item-buttons button,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item .item-summary .item-buttons button {
|
|
display: none;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header .quantity,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item .quantity,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header .quantity,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item .quantity {
|
|
align-items: center;
|
|
display: flex;
|
|
gap: 3px;
|
|
justify-content: center;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header .quantity .adjust,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item .quantity .adjust,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header .quantity .adjust,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item .quantity .adjust {
|
|
align-items: center;
|
|
display: flex;
|
|
font-size: var(--font-size-16);
|
|
font-family: var(--sans-serif-monospace);
|
|
justify-content: center;
|
|
width: 1em;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header .quantity input,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item .quantity input,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header .quantity input,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item .quantity input {
|
|
width: 1.5rem;
|
|
text-align: center;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .empty,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .empty {
|
|
align-items: center;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
min-height: 28px;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .empty > *,
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .empty > * {
|
|
white-space: nowrap;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .directory-list {
|
|
margin: 0;
|
|
padding: 0;
|
|
display: flex;
|
|
flex-direction: column;
|
|
list-style: none;
|
|
width: 100%;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .directory-list h4 {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .directory-list .item ol {
|
|
list-style: none;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .blue-button {
|
|
align-items: center;
|
|
background: var(--secondary);
|
|
border: black;
|
|
border-radius: 2px;
|
|
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.5);
|
|
color: var(--text-light);
|
|
display: flex;
|
|
font-family: var(--serif);
|
|
font-weight: 500;
|
|
gap: 0.25em;
|
|
line-height: 1.8em;
|
|
justify-content: center;
|
|
margin: 0;
|
|
padding: 0 0.5em;
|
|
}
|
|
.actor.sheet.character .crb-style .sheet-body .sheet-content .blue-button:hover {
|
|
text-shadow: 0 0 4px white;
|
|
}
|
|
.actor.sheet.vehicle .crb-style .sheet-navigation {
|
|
min-width: 375px;
|
|
}
|
|
.actor.sheet.vehicle .crb-style aside .sidebar .save-roll input[type=number] {
|
|
width: 3ch;
|
|
font-size: var(--font-size-20);
|
|
height: 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-body .sheet-content > .tab:not(.inventory),
|
|
.actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab .inventory .inventory-list {
|
|
overflow: hidden scroll;
|
|
flex-grow: 1;
|
|
overflow: hidden scroll;
|
|
}
|
|
.actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.actions ol.actions-list li.action .icon {
|
|
height: var(--font-size-18);
|
|
width: var(--font-size-18);
|
|
}
|
|
.actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.details .vehicle-details {
|
|
display: grid;
|
|
grid: "img details" 1fr/120px 1fr;
|
|
min-width: 330px;
|
|
}
|
|
.actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.details .vehicle-details .frame {
|
|
margin-left: 5px;
|
|
}
|
|
.actor.sheet.vehicle .crb-style .sheet-body .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-body .sheet-content > .tab.details .vehicle-details .image-container [data-action=show-image] {
|
|
bottom: 3px;
|
|
right: 1px;
|
|
}
|
|
.actor.sheet.vehicle .crb-style .sheet-body .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-body .sheet-content > .tab.details .vehicle-details .detail-small {
|
|
display: flex;
|
|
}
|
|
.actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.details .vehicle-properties {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
padding-top: 8px;
|
|
}
|
|
.actor.sheet.vehicle .crb-style .sheet-body .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-body .sheet-content > .tab.details .vehicle-properties > div > span {
|
|
width: 100%;
|
|
}
|
|
.actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.details .detailsInput {
|
|
margin-bottom: 8px;
|
|
}
|
|
.actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.effects.effects .effects-list {
|
|
gap: 0.2em;
|
|
padding-bottom: 1em;
|
|
}
|
|
.actor.sheet.vehicle .crb-style .sheet-body .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-body .sheet-content > .tab.effects.effects .effects-list .item p:empty {
|
|
display: none;
|
|
}
|
|
.actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.effects.effects .effects-list .item .item-name {
|
|
display: flex;
|
|
align-items: center;
|
|
flex: 1;
|
|
}
|
|
.actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.effects.effects .effects-list .item .item-name h4 {
|
|
cursor: pointer;
|
|
margin: 0;
|
|
}
|
|
.actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.effects.effects .effects-list .item .item-name .item-image {
|
|
margin-right: 8px;
|
|
}
|
|
.actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.effects.effects .effects-list .item .item-controls {
|
|
display: flex;
|
|
flex: 0;
|
|
font-size: var(--font-size-12);
|
|
gap: 1px;
|
|
white-space: nowrap;
|
|
}
|
|
.actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.effects.effects .effects-list .item .item-controls a.info-only:hover {
|
|
cursor: default;
|
|
text-shadow: none;
|
|
}
|
|
.actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.effects.effects .effects-list .item .item-controls a + a {
|
|
margin-left: 4px;
|
|
}
|
|
.actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.effects.effects .effects-list .item .item-summary {
|
|
flex-basis: 100%;
|
|
}
|
|
.actor.sheet.vehicle .crb-style .sheet-body .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-body .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-body .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: var(--text-light);
|
|
width: 70px;
|
|
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3), inset 0 0 0 2px rgba(255, 255, 255, 0.2);
|
|
background: var(--secondary);
|
|
border-radius: 2px;
|
|
flex: 0;
|
|
white-space: nowrap;
|
|
margin-left: 4px;
|
|
flex: 0;
|
|
}
|
|
.actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.effects.effects .effects-list .item .button-group button:hover {
|
|
box-shadow: none;
|
|
text-shadow: 0 0 2px white;
|
|
}
|
|
.actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.effects.effects .effects-list .item {
|
|
border-top: 1px solid #d5cac1;
|
|
border: solid transparent;
|
|
border-width: 0 0 1px;
|
|
border-image: linear-gradient(90deg, #f1edea, #d5cac1) 1 repeat;
|
|
}
|
|
.actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.effects.effects .effects-list .item-image {
|
|
border-radius: 2px;
|
|
}
|
|
.actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.effects.effects .effects-list .item:last-child {
|
|
border-bottom: none;
|
|
}
|
|
.actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.effects.effects .effects-list .item-name h4 {
|
|
font-family: var(--serif);
|
|
}
|
|
.actor.sheet.vehicle .crb-style .sheet-body .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-body .sheet-content > .tab.effects h3.header > button, .actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.effects h3.header > .controls {
|
|
position: absolute;
|
|
bottom: -1px;
|
|
right: 0;
|
|
}
|
|
.actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.effects h3.header .controls {
|
|
display: flex;
|
|
}
|
|
.actor.sheet.vehicle .crb-style .sheet-body .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-body .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-body .sheet-content > .tab.effects ol.directory-list h4 {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
.actor.sheet.vehicle .crb-style .sheet-body .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 .inventory {
|
|
margin-bottom: 0.6rem;
|
|
}
|
|
.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;
|
|
}
|
|
.actor.sheet .crb-style aside .sidebar::-webkit-scrollbar-track {
|
|
box-shadow: none;
|
|
}
|
|
.actor.sheet .crb-style aside .sidebar h2,
|
|
.actor.sheet .crb-style aside .sidebar h3,
|
|
.actor.sheet .crb-style aside .sidebar h4 {
|
|
margin: 0;
|
|
line-height: 1;
|
|
}
|
|
.actor.sheet .crb-style aside .sidebar_label {
|
|
color: var(--sidebar-label);
|
|
font-family: var(--sans-serif);
|
|
font-size: var(--font-size-10);
|
|
text-transform: uppercase;
|
|
letter-spacing: 0.05em;
|
|
text-rendering: optimizeLegibility;
|
|
white-space: nowrap;
|
|
}
|
|
.actor.sheet .crb-style aside .sidebar_title {
|
|
display: flex;
|
|
flex-wrap: nowrap;
|
|
justify-content: space-between;
|
|
align-items: flex-end;
|
|
margin: 0.8em 0 0.5em;
|
|
}
|
|
.actor.sheet .crb-style aside .sidebar_title:first-of-type {
|
|
margin-top: 0.5em;
|
|
margin-bottom: -1px;
|
|
}
|
|
.actor.sheet .crb-style aside .sidebar_title h2 {
|
|
font-family: var(--sans-serif);
|
|
font-size: var(--font-size-13);
|
|
font-variant: small-caps;
|
|
letter-spacing: 0.05em;
|
|
line-height: 1;
|
|
color: var(--sidebar-title);
|
|
flex: 1;
|
|
}
|
|
.actor.sheet .crb-style aside .sidebar_title .modifiers_button,
|
|
.actor.sheet .crb-style aside .sidebar_title h2 {
|
|
border-bottom: 1px solid var(--sidebar-title);
|
|
}
|
|
.actor.sheet .crb-style aside .sidebar a.dots {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 2px;
|
|
}
|
|
.actor.sheet .crb-style aside .sidebar a.dots > * {
|
|
cursor: pointer;
|
|
}
|
|
.actor.sheet .crb-style aside .sidebar a.dots .pips {
|
|
display: flex;
|
|
justify-content: center;
|
|
}
|
|
.actor.sheet .crb-style aside .sidebar .data-value {
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
font-size: 0; /* Removes whitespace for inputs */
|
|
}
|
|
.actor.sheet .crb-style aside .sidebar .data-value h2 {
|
|
color: var(--tertiary-light);
|
|
text-align: center;
|
|
font-size: var(--font-size-26);
|
|
line-height: 1;
|
|
font-weight: initial;
|
|
font-family: var(--serif);
|
|
border: none;
|
|
}
|
|
.actor.sheet .crb-style aside .sidebar a.roll-icon {
|
|
display: inline-flex;
|
|
align-items: center;
|
|
padding-bottom: 2px;
|
|
}
|
|
.actor.sheet .crb-style aside .sidebar a.roll-icon i {
|
|
font-size: var(--font-size-19);
|
|
color: var(--text-light);
|
|
transition: all 0.2s ease-in-out;
|
|
}
|
|
.actor.sheet .crb-style aside .sidebar a.roll-icon i:hover {
|
|
transform: scale(1.25);
|
|
}
|
|
.actor.sheet .crb-style aside .sidebar a.roll-icon svg {
|
|
animation-play-state: paused;
|
|
}
|
|
.actor.sheet .crb-style aside .sidebar a.roll-icon svg path {
|
|
fill: var(--text-light);
|
|
}
|
|
.actor.sheet .crb-style aside .sidebar a.roll-icon:hover svg {
|
|
animation-play-state: running;
|
|
animation: rotation 2s infinite linear;
|
|
}
|
|
.actor.sheet .crb-style aside .sidebar a.roll-icon.disabled {
|
|
cursor: default;
|
|
filter: brightness(0.75);
|
|
opacity: 0.75;
|
|
text-shadow: none;
|
|
}
|
|
.actor.sheet .crb-style aside .sidebar a.roll-icon.disabled:hover svg {
|
|
animation-play-state: paused;
|
|
}
|
|
.actor.sheet .crb-style aside .sidebar select {
|
|
font-size: var(--font-size-15);
|
|
background-color: var(--primary);
|
|
padding: 2px 6px;
|
|
width: 100%;
|
|
max-width: 100%;
|
|
border: 1px solid #956d58;
|
|
/* prettier-ignore */
|
|
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), inset 0 0 4px rgba(0, 0, 0, 0.5);
|
|
}
|
|
.actor.sheet .crb-style aside .sidebar ol {
|
|
display: flex;
|
|
flex-direction: column;
|
|
list-style: none;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
.actor.sheet .crb-style aside .sidebar ol li {
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
}
|
|
.actor.sheet .crb-style aside .sidebar .tags .tag.edit-btn {
|
|
background-color: var(--color-bg-option);
|
|
color: var(--primary);
|
|
}
|
|
.actor.sheet .crb-style aside .sidebar .hitpoints .hp-big {
|
|
display: grid;
|
|
grid-template-columns: repeat(3, 1fr);
|
|
justify-content: space-evenly;
|
|
}
|
|
.actor.sheet .crb-style aside .sidebar .hitpoints .hp-big .container {
|
|
text-align: center;
|
|
}
|
|
.actor.sheet .crb-style aside .sidebar .hitpoints .hp-big .container.current-hp {
|
|
background-image: linear-gradient(90deg, #450000 0%, #870000 50%, #450000 100%);
|
|
background-color: var(--primary);
|
|
border-radius: 0 0 4px 4px;
|
|
border: 1px solid var(--sidebar-title);
|
|
display: flex;
|
|
flex-direction: column;
|
|
padding: 10px 4px 0;
|
|
position: relative;
|
|
width: min-content;
|
|
z-index: 0;
|
|
}
|
|
.actor.sheet .crb-style aside .sidebar .hitpoints .hp-big .container.current-hp .data-value {
|
|
margin-top: 3px;
|
|
}
|
|
.actor.sheet .crb-style aside .sidebar .hitpoints .hp-big .container.current-hp .data-value input[type=number] {
|
|
font-size: var(--font-size-32);
|
|
letter-spacing: -1px;
|
|
height: 32px;
|
|
}
|
|
.actor.sheet .crb-style aside .sidebar .hitpoints .hp-big .container.max-hp, .actor.sheet .crb-style aside .sidebar .hitpoints .hp-big .container.temp-hp {
|
|
margin-top: 0.75rem;
|
|
}
|
|
.actor.sheet .crb-style aside .sidebar .hitpoints .hp-big .container.temp-hp {
|
|
margin-right: 0.5rem;
|
|
text-align: center;
|
|
}
|
|
.actor.sheet .crb-style aside .sidebar .hitpoints .hp-big .container.max-hp {
|
|
margin-left: 0.5rem;
|
|
text-align: center;
|
|
}
|
|
.actor.sheet .crb-style aside .sidebar .hitpoints .hp-big .container.max-hp .unrecoverable {
|
|
color: orangered;
|
|
}
|
|
.actor.sheet .crb-style aside .sidebar .hitpoints .hp-small {
|
|
display: flex;
|
|
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(--primary-dark);
|
|
}
|
|
.actor.sheet .crb-style aside .sidebar .armor-class .shield-stats ol li .shield-label:after {
|
|
display: inline-block;
|
|
position: absolute;
|
|
font-family: var(--sans-serif);
|
|
font-size: var(--font-size-10);
|
|
text-transform: uppercase;
|
|
letter-spacing: 0.05em;
|
|
text-rendering: optimizeLegibility;
|
|
color: var(--primary);
|
|
top: 0;
|
|
left: 1px;
|
|
line-height: 1.5;
|
|
}
|
|
.actor.sheet .crb-style aside .sidebar .armor-class .shield-stats ol li .shield-label.ac:after {
|
|
content: "AC";
|
|
top: 3px;
|
|
left: 3px;
|
|
}
|
|
.actor.sheet .crb-style aside .sidebar .armor-class .shield-stats ol li .shield-label.hardness:after {
|
|
left: 5px;
|
|
top: 3px;
|
|
content: "H";
|
|
}
|
|
.actor.sheet .crb-style aside .sidebar .armor-class .shield-stats ol li .shield-label.bt:after {
|
|
top: 3px;
|
|
left: 3.5px;
|
|
content: "BT";
|
|
}
|
|
.actor.sheet .crb-style aside .sidebar .armor-class .shield-stats ol li .data-value {
|
|
flex: 1;
|
|
border: 1px solid #956d58;
|
|
/* prettier-ignore */
|
|
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), inset 0 0 4px rgba(0, 0, 0, 0.5);
|
|
padding-left: 4px;
|
|
margin-left: -8px;
|
|
height: 20px;
|
|
}
|
|
.actor.sheet .crb-style aside .sidebar .armor-class .shield-stats ol li .data-value input[type=number] {
|
|
font-size: var(--font-size-14);
|
|
font-weight: 400;
|
|
padding-top: 2px;
|
|
height: 14px;
|
|
}
|
|
.actor.sheet .crb-style aside .sidebar .armor-class .armor_footer {
|
|
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;
|
|
z-index: 0;
|
|
}
|
|
.actor.sheet .crb-style .sheet-body ol {
|
|
list-style: none;
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content,
|
|
.actor.sheet .crb-style .sheet-body .sheet-content .inventory {
|
|
bottom: 0;
|
|
display: flex;
|
|
flex-direction: column;
|
|
left: 0;
|
|
position: absolute;
|
|
top: 0;
|
|
width: 100%;
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content.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(--text-dark);
|
|
}
|
|
.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(--text-dark);
|
|
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: var(--text-light);
|
|
font: var(--font-size-12) var(--sans-serif);
|
|
height: unset;
|
|
text-align: center;
|
|
width: 2em;
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li.spell-level-header .spell-slots-increment-reset,
|
|
.actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .uses .spell-slots-increment-reset {
|
|
padding-left: 5px;
|
|
font-size: var(--font-size-10);
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li.spell {
|
|
border: none;
|
|
font-size: var(--font-size-13);
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .level-prepared-toggle {
|
|
flex: 0;
|
|
font-size: 0.75rem;
|
|
color: var(--secondary);
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .item-name {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-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 .action-glyph {
|
|
margin-left: 4px;
|
|
font-size: small;
|
|
}
|
|
.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: var(--text-light);
|
|
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: var(--text-light);
|
|
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: var(--text-light);
|
|
margin: 0;
|
|
padding: 0;
|
|
margin-left: 8px;
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content ol.directory-list .action-header {
|
|
align-items: center;
|
|
background: var(--primary);
|
|
border: none;
|
|
border-radius: 0.25em;
|
|
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3), inset 0 0 0 2px rgba(255, 255, 255, 0.2);
|
|
display: flex;
|
|
flex-basis: 100%;
|
|
flex-wrap: nowrap;
|
|
height: 32px;
|
|
justify-content: space-between;
|
|
margin-left: 0;
|
|
margin-top: 8px;
|
|
padding: 0 0.5em;
|
|
position: relative;
|
|
width: 100%;
|
|
z-index: 2;
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content ol.directory-list .action-header:first-child {
|
|
margin-top: 0;
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content ol.directory-list .action-header + li {
|
|
border-top: none;
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content ol.directory-list .action-header .drag-handle {
|
|
cursor: move;
|
|
}
|
|
.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: var(--text-light);
|
|
margin-right: 0.25em;
|
|
padding-top: 0.25em;
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content ol.directory-list .action-header .item-controls {
|
|
color: var(--text-light);
|
|
flex: 1 0 auto;
|
|
font: 0.85em var(--sans-serif);
|
|
letter-spacing: 0.05em;
|
|
margin-left: auto;
|
|
max-width: fit-content;
|
|
text-transform: uppercase;
|
|
font-size: var(--font-size-12);
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content ol.directory-list .action-header h3 {
|
|
color: var(--text-light);
|
|
flex: 1 1 100%;
|
|
margin-bottom: 0;
|
|
font-size: var(--font-size-16);
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content ol.directory-list .action-header h3 input.item-name-input {
|
|
color: var(--text-light);
|
|
max-width: 100%;
|
|
font-weight: 500;
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content ol.directory-list .action-header h3 input.item-name-input:read-only {
|
|
pointer-events: none;
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container {
|
|
padding: 0 0.5rem 2rem 0;
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper {
|
|
justify-items: center;
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .action-radio {
|
|
display: none;
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels {
|
|
min-height: min-content;
|
|
width: 100%;
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels .actions-panel {
|
|
display: none;
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels .actions-panel.active {
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels .actions-options {
|
|
border-image-repeat: repeat;
|
|
border-image-slice: 11;
|
|
border-image-source: url("../assets/sheet/frame-elegant.svg");
|
|
border-image-width: 14px;
|
|
border-style: double;
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
margin-bottom: 0.5rem;
|
|
padding: 0.5rem 1rem;
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels .actions-options .actions-option {
|
|
align-items: center;
|
|
display: flex;
|
|
width: 100%;
|
|
margin: 1px 0;
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels .actions-options .actions-option label * {
|
|
vertical-align: middle;
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels .actions-options .actions-option label input {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels .actions-options .actions-option label .unchecked-disabled {
|
|
color: var(--color-text-dark-inactive);
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels .actions-options .actions-option label select {
|
|
margin-left: 0.25em;
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list {
|
|
padding-left: 0;
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action-header {
|
|
align-items: center;
|
|
display: flex;
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action, .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike {
|
|
border: solid transparent;
|
|
border-image: linear-gradient(90deg, #f1edea, #d5cac1) 1 repeat;
|
|
border-width: 0 0 1px;
|
|
padding: 4px;
|
|
width: 100%;
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action p:empty, .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike p:empty {
|
|
display: none;
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action .item-name, .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .item-name {
|
|
grid-area: icon-name;
|
|
align-items: center;
|
|
display: flex;
|
|
flex: 1;
|
|
margin: 0;
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action .item-name h4, .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .item-name h4 {
|
|
cursor: pointer;
|
|
margin: 0;
|
|
max-width: fit-content;
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action .item-name .item-image, .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .item-name .item-image {
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
background-repeat: no-repeat;
|
|
background-size: contain;
|
|
color: transparent;
|
|
cursor: pointer;
|
|
font-size: var(--font-size-18);
|
|
height: 32px;
|
|
margin-right: 8px;
|
|
width: 32px;
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action .item-name .item-image:hover, .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .item-name .item-image:hover {
|
|
background: none;
|
|
color: var(--primary);
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action .item-name .actions-title, .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .item-name .actions-title {
|
|
flex: 1;
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action .item-name .actions-title .action-name, .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .item-name .actions-title .action-name {
|
|
display: flex;
|
|
flex-direction: row;
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action .item-name .actions-title .action-name > h4, .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .item-name .actions-title .action-name > h4 {
|
|
cursor: pointer;
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action .item-name .actions-title .action-name > h4:hover, .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .item-name .actions-title .action-name > h4:hover {
|
|
color: var(--primary);
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action .item-name .actions-title .action-name > h4:hover .action-glyph, .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .item-name .actions-title .action-name > h4:hover .action-glyph {
|
|
color: var(--text-dark);
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action button.use-action, .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike button.use-action {
|
|
align-items: center;
|
|
border-radius: 2px;
|
|
border: none;
|
|
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3), inset 0 0 0 2px rgba(0, 0, 0, 0.2);
|
|
display: flex;
|
|
flex: 0;
|
|
font: 500 var(--font-size-10) var(--sans-serif);
|
|
gap: 0.25em;
|
|
height: 2em;
|
|
justify-content: space-evenly;
|
|
letter-spacing: 0.05em;
|
|
margin: 0;
|
|
max-width: fit-content;
|
|
padding: 0.5em;
|
|
text-rendering: optimizeLegibility;
|
|
text-transform: uppercase;
|
|
white-space: nowrap;
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action button.use-action:not(:disabled), .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike button.use-action:not(:disabled) {
|
|
background: var(--bg-dark);
|
|
cursor: pointer;
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action button.use-action:not(:disabled):hover, .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike button.use-action:not(:disabled):hover {
|
|
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.15), inset 0 0 0 2px rgba(0, 0, 0, 0.4);
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action button.use-action:not(:disabled):active, .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike button.use-action:not(:disabled):active {
|
|
color: var(--primary);
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action .item-controls, .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .item-controls {
|
|
font-size: var(--font-size-12);
|
|
grid-area: controls;
|
|
white-space: nowrap;
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action .item-summary, .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .item-summary {
|
|
flex-basis: 100%;
|
|
margin: 0.5rem 0;
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action .item-summary .title,
|
|
.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action .item-summary .framing, .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .item-summary .title,
|
|
.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .item-summary .framing {
|
|
color: var(--primary);
|
|
margin-top: 1em;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action .item-summary .framing, .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .item-summary .framing {
|
|
color: var(--secondary);
|
|
margin: 1em 0 0.25em;
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action .item-summary .framing strong, .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .item-summary .framing strong {
|
|
font-weight: 500;
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action .item-summary .framing + p, .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .item-summary .framing + p {
|
|
margin-top: 0;
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action .item-summary img, .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .item-summary img {
|
|
border: none;
|
|
vertical-align: middle;
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action .item-summary img.actionlight, .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .item-summary img.actionlight {
|
|
background: var(--alt);
|
|
vertical-align: middle;
|
|
border: 1px solid var(--text-dark);
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action .item-summary .item-properties .tag.toggled-on:hover, .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action .item-summary .item-properties .tag.toggled-off:hover, .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .item-summary .item-properties .tag.toggled-on:hover, .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .item-summary .item-properties .tag.toggled-off:hover {
|
|
box-shadow: none;
|
|
text-shadow: 0 0 2px white;
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action .item-summary .item-properties .tag.toggled-on, .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action .item-summary .item-properties .tag.toggled-off, .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .item-summary .item-properties .tag.toggled-on, .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .item-summary .item-properties .tag.toggled-off {
|
|
cursor: pointer;
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action .item-summary .item-properties .tag.toggled-on, .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .item-summary .item-properties .tag.toggled-on {
|
|
background-color: rgba(23, 31, 105, 0.5);
|
|
color: var(--text-dark);
|
|
text-shadow: 0 0 2px white;
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action .item-summary, .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .item-summary {
|
|
border-image-repeat: repeat;
|
|
border-image-slice: 11;
|
|
border-image-source: url("../assets/sheet/frame-elegant.svg");
|
|
border-image-width: 14px;
|
|
border-style: double;
|
|
padding: 0.5rem 1rem 1rem;
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action .item-summary dd, .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .item-summary dd {
|
|
margin: 0;
|
|
margin-bottom: 0.5rem;
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action .item-summary .tag.tag_secondary, .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .item-summary .tag.tag_secondary {
|
|
background-color: rgba(0, 0, 0, 0.8);
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action.hidden, .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike.hidden {
|
|
display: none;
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action {
|
|
align-items: center;
|
|
column-gap: 0.5rem;
|
|
display: grid;
|
|
grid: "icon name tracking controls" 1fr "icon buttons tracking controls" auto "summary summary summary summary" auto/min-content auto 20% 10%;
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action > .icon {
|
|
grid-area: icon;
|
|
height: 32px;
|
|
width: 32px;
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action .name {
|
|
align-items: center;
|
|
grid-area: name;
|
|
display: flex;
|
|
margin-bottom: 0;
|
|
text-align: left;
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action .button-group {
|
|
grid-area: buttons;
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
gap: 1px;
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action .tracking {
|
|
grid-area: tracking;
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action .item-controls {
|
|
grid-area: controls;
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action .item-summary {
|
|
grid-area: summary;
|
|
}
|
|
.actor.sheet .crb-style .sheet-body .sheet-content footer {
|
|
font-family: var(--sans-serif);
|
|
font-size: var(--font-size-10);
|
|
text-transform: uppercase;
|
|
letter-spacing: 0.05em;
|
|
text-rendering: optimizeLegibility;
|
|
color: var(--primary);
|
|
text-align: right;
|
|
line-height: 1.4;
|
|
margin: 1em 1em 0;
|
|
}
|
|
.actor.sheet .crb-style nav.sheet-navigation {
|
|
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 {
|
|
font-family: "Pathfinder2eActions", sans-serif;
|
|
font-size: 1rem;
|
|
}
|
|
.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 2.5rem;
|
|
}
|
|
.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 {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: column;
|
|
height: 100%;
|
|
}
|
|
.actor.sheet .crb-style.limited .sidebar .profile-img {
|
|
display: flex;
|
|
align-items: end;
|
|
margin: 1rem 0;
|
|
max-width: 85%;
|
|
max-height: 200px;
|
|
background-color: var(--tertiary);
|
|
background-size: cover;
|
|
background-position: top center;
|
|
border: 1px solid rgba(0, 0, 0, 0.5);
|
|
box-shadow: 0 0 0 1px #c0c0c0, 0 0 0 2px #808080;
|
|
}
|
|
.actor.sheet .crb-style.limited .sidebar .appearance {
|
|
color: var(--sidebar-title);
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
.actor.sheet .crb-style.limited .sidebar .appearance h3 {
|
|
border-bottom: none;
|
|
font-size: 1rem;
|
|
text-align: center;
|
|
}
|
|
.actor.sheet .crb-style.limited .sidebar .appearance .body {
|
|
font-weight: 400;
|
|
font-size: var(--font-size-14);
|
|
}
|
|
.actor.sheet .crb-style.limited .sidebar .orn img {
|
|
border: none;
|
|
position: relative;
|
|
}
|
|
.actor.sheet .crb-style.limited .sidebar .orn img:first-child {
|
|
left: 4px;
|
|
}
|
|
.actor.sheet .crb-style.limited .sidebar .orn img:last-child {
|
|
right: 4px;
|
|
transform: scaleX(-1);
|
|
}
|
|
.actor.sheet .crb-style.limited .sidebar ul.stats {
|
|
margin: 0;
|
|
padding: 0;
|
|
list-style: none;
|
|
text-align: center;
|
|
}
|
|
.actor.sheet .crb-style.limited .sidebar ul.stats li {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
.actor.sheet .crb-style.limited .tab.biography .bio.backstory p:first-child {
|
|
margin-top: 0;
|
|
}
|
|
.actor.sheet .crb-style input.adjusted:not(:focus) {
|
|
font-weight: 700;
|
|
color: #009988;
|
|
}
|
|
.actor.sheet .crb-style button.tag:disabled {
|
|
cursor: not-allowed;
|
|
background-color: var(--color-text-dark-inactive);
|
|
}
|
|
.actor.sheet .crb-style .tags .tag.edit-btn {
|
|
align-items: center;
|
|
border-radius: 0;
|
|
display: flex;
|
|
justify-content: center;
|
|
}
|
|
.actor.sheet .crb-style .tags .tag.edit-btn a {
|
|
display: inline-flex;
|
|
}
|
|
.actor.sheet .crb-style .tags .tag.edit-btn a svg {
|
|
height: 9px;
|
|
width: auto;
|
|
}
|
|
.spellcasting-entry.preparation 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(--text-dark);
|
|
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: var(--text-light);
|
|
font: var(--font-size-12) var(--sans-serif);
|
|
height: unset;
|
|
text-align: center;
|
|
width: 2em;
|
|
}
|
|
.spellcasting-entry.preparation ol.spell-list > li.spell-level-header .spell-slots-increment-reset,
|
|
.spellcasting-entry.preparation ol.spell-list > li .uses .spell-slots-increment-reset {
|
|
padding-left: 5px;
|
|
font-size: var(--font-size-10);
|
|
}
|
|
.spellcasting-entry.preparation ol.spell-list > li.spell {
|
|
border: none;
|
|
font-size: var(--font-size-13);
|
|
}
|
|
.spellcasting-entry.preparation ol.spell-list > li .level-prepared-toggle {
|
|
flex: 0;
|
|
font-size: 0.75rem;
|
|
color: var(--secondary);
|
|
}
|
|
.spellcasting-entry.preparation ol.spell-list > li .item-name {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-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 .action-glyph {
|
|
margin-left: 4px;
|
|
font-size: small;
|
|
}
|
|
.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: var(--text-light);
|
|
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: var(--text-light);
|
|
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;
|
|
padding-bottom: 1em;
|
|
padding-right: 8px;
|
|
}
|
|
.currency {
|
|
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3), inset 0 0 0 2px rgba(255, 255, 255, 0.2);
|
|
align-items: center;
|
|
background-color: var(--sub);
|
|
display: flex;
|
|
font-size: var(--font-size-13);
|
|
list-style: none;
|
|
margin: 0;
|
|
padding: 3px;
|
|
}
|
|
.currency .label {
|
|
color: var(--color-text-light-0);
|
|
font-weight: 500;
|
|
margin: 0 10px 0 4px;
|
|
}
|
|
.currency .denomination {
|
|
align-items: center;
|
|
background-color: transparent;
|
|
border-left: 1px solid rgba(0, 0, 0, 0.2);
|
|
border-right: 1px solid rgba(255, 255, 255, 0.1);
|
|
color: var(--color-text-light-0);
|
|
display: flex;
|
|
flex-wrap: nowrap;
|
|
flex: 0 1 auto;
|
|
justify-content: start;
|
|
text-shadow: 0 0 3px rgba(0, 0, 0, 0.75);
|
|
width: 100%;
|
|
}
|
|
.currency .denomination:first-child {
|
|
border-left: none;
|
|
}
|
|
.currency .denomination:last-child {
|
|
border-right: none;
|
|
margin-right: 8px;
|
|
}
|
|
.currency .denomination label {
|
|
color: #ffe8d1;
|
|
text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.2), -1px -1px 1px rgba(0, 0, 0, 0.2);
|
|
font-family: var(--sans-serif);
|
|
font-size: var(--font-size-10);
|
|
text-transform: uppercase;
|
|
letter-spacing: 0.05em;
|
|
text-rendering: optimizeLegibility;
|
|
}
|
|
.currency .denomination span {
|
|
padding-left: 8px;
|
|
padding-right: 12px;
|
|
}
|
|
.currency .denomination.pp .currency-image {
|
|
background: url("../icons/equipment/treasure/currency/platinum-pieces.webp") no-repeat;
|
|
}
|
|
.currency .denomination.gp .currency-image {
|
|
background: url("../icons/equipment/treasure/currency/gold-pieces.webp") no-repeat;
|
|
}
|
|
.currency .denomination.sp .currency-image {
|
|
background: url("../icons/equipment/treasure/currency/silver-pieces.webp") no-repeat;
|
|
}
|
|
.currency .denomination.cp .currency-image {
|
|
background: url("../icons/equipment/treasure/currency/copper-pieces.webp") no-repeat;
|
|
}
|
|
.currency .denomination .currency-image {
|
|
box-shadow: 0 0 0 1px #9f725b, 0 0 0 2px var(--tertiary), 0 0 0 3px #956d58;
|
|
height: 24px;
|
|
width: 24px;
|
|
background-size: cover !important;
|
|
}
|
|
.currency li > button {
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
margin: 0;
|
|
padding: 0;
|
|
background-color: var(--tertiary);
|
|
border-radius: 1px;
|
|
border: none;
|
|
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.25), inset 0 0 0 1px rgba(255, 255, 255, 0.25), 0 0 3px rgba(0, 0, 0, 0.5);
|
|
color: rgba(0, 0, 0, 0.75);
|
|
font-size: var(--font-size-13);
|
|
font-weight: 600;
|
|
height: 24px;
|
|
line-height: 1;
|
|
margin-left: 2px;
|
|
width: 30px;
|
|
}
|
|
.currency li > button > i {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
.currency li > button:disabled {
|
|
opacity: 0.6;
|
|
}
|
|
.currency li > button:hover:not(:disabled) {
|
|
background-color: var(--primary);
|
|
color: var(--color-text-light-0);
|
|
cursor: pointer;
|
|
}
|
|
.wealth {
|
|
font-family: var(--sans-serif);
|
|
font-size: var(--font-size-10);
|
|
text-transform: uppercase;
|
|
letter-spacing: 0.05em;
|
|
text-rendering: optimizeLegibility;
|
|
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: var(--color-text-light-0);
|
|
}
|
|
.wealth h3.item-name {
|
|
flex-grow: 1;
|
|
color: var(--color-text-light-0);
|
|
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 */
|
|
.sheet.familiar .section-container {
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
.sheet.familiar .section-container .section-header {
|
|
border: 1px solid var(--primary);
|
|
border-radius: 3px 3px 0px 0px;
|
|
background: var(--primary);
|
|
display: flex;
|
|
flex: 0;
|
|
width: 100%;
|
|
flex-direction: row;
|
|
justify-content: space-between;
|
|
align-items: baseline;
|
|
text-align: left;
|
|
color: var(--text-light);
|
|
font-size: var(--font-size-13);
|
|
padding: 0 8px;
|
|
line-height: 2em;
|
|
}
|
|
.sheet.familiar .section-container .section-header h4 {
|
|
flex: auto;
|
|
display: flex;
|
|
align-items: baseline;
|
|
gap: 4px;
|
|
margin-bottom: 0px;
|
|
text-transform: uppercase;
|
|
}
|
|
.sheet.familiar .section-container .section-header input {
|
|
color: inherit;
|
|
width: auto;
|
|
}
|
|
.sheet.familiar .section-container .section-header .controls {
|
|
gap: 0.5rem;
|
|
white-space: nowrap;
|
|
}
|
|
.sheet.familiar .section-container .section-body {
|
|
border: 1px solid var(--primary);
|
|
border-radius: 0px 0px 3px 3px;
|
|
display: flex;
|
|
flex: auto;
|
|
flex-wrap: wrap;
|
|
flex-direction: row;
|
|
align-items: baseline;
|
|
justify-content: flex-start;
|
|
width: 100%;
|
|
}
|
|
.sheet.familiar .section-container.headerless .section-body {
|
|
border-radius: 3px;
|
|
}
|
|
.sheet.familiar .actions-list,
|
|
.sheet.familiar .attacks-list {
|
|
margin: 0;
|
|
padding: 0;
|
|
width: 100%;
|
|
}
|
|
.sheet.familiar .actions-list .controls,
|
|
.sheet.familiar .attacks-list .controls {
|
|
align-items: baseline;
|
|
display: flex;
|
|
flex: 0;
|
|
flex-wrap: nowrap;
|
|
font-size: var(--font-size-12);
|
|
gap: 1px;
|
|
margin-left: auto;
|
|
}
|
|
.sheet.familiar .actions-list .controls .chat,
|
|
.sheet.familiar .attacks-list .controls .chat {
|
|
margin-right: 2px;
|
|
font-size: 0.9em;
|
|
}
|
|
.sheet.familiar .actions-list li.action .button-group,
|
|
.sheet.familiar .actions-list li.attack .button-group,
|
|
.sheet.familiar .attacks-list li.action .button-group,
|
|
.sheet.familiar .attacks-list li.attack .button-group {
|
|
display: flex;
|
|
gap: 0.25em;
|
|
justify-content: start;
|
|
min-width: 100%;
|
|
}
|
|
.sheet.familiar .actions-list li.action .button-group .flexrow,
|
|
.sheet.familiar .actions-list li.action .button-group .sub-section,
|
|
.sheet.familiar .actions-list li.attack .button-group .flexrow,
|
|
.sheet.familiar .actions-list li.attack .button-group .sub-section,
|
|
.sheet.familiar .attacks-list li.action .button-group .flexrow,
|
|
.sheet.familiar .attacks-list li.action .button-group .sub-section,
|
|
.sheet.familiar .attacks-list li.attack .button-group .flexrow,
|
|
.sheet.familiar .attacks-list li.attack .button-group .sub-section {
|
|
gap: 2px;
|
|
}
|
|
.sheet.familiar .actions-list li.action .button-group .sub-section,
|
|
.sheet.familiar .actions-list li.attack .button-group .sub-section,
|
|
.sheet.familiar .attacks-list li.action .button-group .sub-section,
|
|
.sheet.familiar .attacks-list li.attack .button-group .sub-section {
|
|
align-items: start;
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
justify-content: flex-start;
|
|
}
|
|
.sheet.familiar .actions-list li.action .button-group .sub-section h4,
|
|
.sheet.familiar .actions-list li.attack .button-group .sub-section h4,
|
|
.sheet.familiar .attacks-list li.action .button-group .sub-section h4,
|
|
.sheet.familiar .attacks-list li.attack .button-group .sub-section h4 {
|
|
margin-left: var(--font-size-12);
|
|
margin-right: var(--font-size-12);
|
|
}
|
|
.sheet.familiar .actions-list li.action .button-group button,
|
|
.sheet.familiar .actions-list li.attack .button-group button,
|
|
.sheet.familiar .attacks-list li.action .button-group button,
|
|
.sheet.familiar .attacks-list li.attack .button-group button {
|
|
align-items: center;
|
|
display: flex;
|
|
border-radius: 3px;
|
|
border: none;
|
|
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3), inset 0 0 0 2px rgba(255, 255, 255, 0.2);
|
|
color: var(--color-text-light-0);
|
|
cursor: pointer;
|
|
font-size: var(--font-size-11);
|
|
height: var(--font-size-18);
|
|
justify-content: center;
|
|
line-height: var(--font-size-18);
|
|
margin: 0;
|
|
padding: 0 8px;
|
|
white-space: nowrap;
|
|
width: auto;
|
|
}
|
|
.sheet.familiar .actions-list li.action .button-group button:first-child,
|
|
.sheet.familiar .actions-list li.attack .button-group button:first-child,
|
|
.sheet.familiar .attacks-list li.action .button-group button:first-child,
|
|
.sheet.familiar .attacks-list li.attack .button-group button:first-child {
|
|
margin-left: 0px;
|
|
}
|
|
.sheet.familiar .actions-list li.action .button-group button:hover,
|
|
.sheet.familiar .actions-list li.attack .button-group button:hover,
|
|
.sheet.familiar .attacks-list li.action .button-group button:hover,
|
|
.sheet.familiar .attacks-list li.attack .button-group button:hover {
|
|
box-shadow: none;
|
|
text-shadow: 0 0 2px var(--color-text-light-0);
|
|
}
|
|
.sheet.familiar .actions-list li.action .button-group .attack-button,
|
|
.sheet.familiar .actions-list li.attack .button-group .attack-button,
|
|
.sheet.familiar .attacks-list li.action .button-group .attack-button,
|
|
.sheet.familiar .attacks-list li.attack .button-group .attack-button {
|
|
background-color: var(--secondary);
|
|
}
|
|
.sheet.familiar .actions-list li.action .button-group .damage-button,
|
|
.sheet.familiar .actions-list li.action .button-group .critical-button,
|
|
.sheet.familiar .actions-list li.attack .button-group .damage-button,
|
|
.sheet.familiar .actions-list li.attack .button-group .critical-button,
|
|
.sheet.familiar .attacks-list li.action .button-group .damage-button,
|
|
.sheet.familiar .attacks-list li.action .button-group .critical-button,
|
|
.sheet.familiar .attacks-list li.attack .button-group .damage-button,
|
|
.sheet.familiar .attacks-list li.attack .button-group .critical-button {
|
|
background-color: var(--primary);
|
|
}
|
|
.sheet.familiar .actions-list li.attack,
|
|
.sheet.familiar .attacks-list li.attack {
|
|
border-bottom: 1px solid var(--color-border-light-tertiary);
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: start;
|
|
gap: 0.25rem;
|
|
padding: 0.25rem 0;
|
|
}
|
|
.sheet.familiar .actions-list li.attack:last-child,
|
|
.sheet.familiar .attacks-list li.attack:last-child {
|
|
border-bottom: none;
|
|
}
|
|
.sheet.familiar .actions-list li.attack > h4,
|
|
.sheet.familiar .attacks-list li.attack > h4 {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
font-size: 0.9rem;
|
|
font-weight: 500;
|
|
gap: 2px;
|
|
margin: 0 4px 0 0;
|
|
white-space: nowrap;
|
|
}
|
|
.sheet.familiar .actions-list li.attack > h4 > span,
|
|
.sheet.familiar .actions-list li.attack > h4 > a,
|
|
.sheet.familiar .attacks-list li.attack > h4 > span,
|
|
.sheet.familiar .attacks-list li.attack > h4 > a {
|
|
display: flex;
|
|
gap: 3px;
|
|
line-height: 1.125rem;
|
|
margin-right: 4px;
|
|
}
|
|
.sheet.familiar .actions-list li.attack > .description,
|
|
.sheet.familiar .attacks-list li.attack > .description {
|
|
flex-basis: 100%;
|
|
}
|
|
.sheet.familiar .actions-list li.action,
|
|
.sheet.familiar .attacks-list li.action {
|
|
display: flex;
|
|
gap: 0.25rem;
|
|
}
|
|
.sheet.familiar .actions-list li.action:not(:last-child),
|
|
.sheet.familiar .attacks-list li.action:not(:last-child) {
|
|
border-bottom: 1px solid var(--color-border-light-tertiary);
|
|
}
|
|
.sheet.familiar .actions-list li.action > h4,
|
|
.sheet.familiar .attacks-list li.action > h4 {
|
|
align-items: center;
|
|
display: flex;
|
|
gap: 0.25rem;
|
|
flex: auto;
|
|
font-size: 0.9rem;
|
|
margin: 0;
|
|
}
|
|
.sheet.familiar .actions-list li.action > h4 > a,
|
|
.sheet.familiar .attacks-list li.action > h4 > a {
|
|
align-items: center;
|
|
display: flex;
|
|
gap: 2px;
|
|
}
|
|
.sheet.familiar .actions-list li.action .button-group > button.use-action,
|
|
.sheet.familiar .attacks-list li.action .button-group > button.use-action {
|
|
color: var(--color-text-light-0);
|
|
background-color: var(--secondary);
|
|
margin-right: 0.5rem;
|
|
}
|
|
.sheet.familiar .actions-list li.action .action-traits,
|
|
.sheet.familiar .attacks-list li.action .action-traits {
|
|
margin-left: var(--font-size-12);
|
|
}
|
|
.sheet.familiar .actions-list li.action .tracking,
|
|
.sheet.familiar .attacks-list li.action .tracking {
|
|
flex: 0;
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: row;
|
|
flex-wrap: nowrap;
|
|
margin-left: auto;
|
|
margin-right: var(--font-size-16);
|
|
}
|
|
.sheet.familiar .actions-list li.action .tracking input,
|
|
.sheet.familiar .attacks-list li.action .tracking input {
|
|
background: none;
|
|
border: 0;
|
|
flex: 0 1 4rem;
|
|
flex: 1;
|
|
font-family: inherit;
|
|
font-size: 0.9rem;
|
|
height: auto;
|
|
padding: 0 3px;
|
|
text-align: center;
|
|
width: 0;
|
|
}
|
|
.sheet.familiar .actions-list li.action .tracking span,
|
|
.sheet.familiar .attacks-list li.action .tracking span {
|
|
white-space: nowrap;
|
|
}
|
|
.sheet.familiar .actions-list li.action .item-summary,
|
|
.sheet.familiar .attacks-list li.action .item-summary {
|
|
flex-basis: 100%;
|
|
}
|
|
.sheet.familiar form {
|
|
background: url("../assets/sheet/background.webp");
|
|
background-repeat: repeat-x, no-repeat;
|
|
background-size: cover;
|
|
background-attachment: local;
|
|
display: flex;
|
|
flex-direction: column;
|
|
height: 100%;
|
|
}
|
|
.sheet.familiar form > hr {
|
|
width: 100%;
|
|
}
|
|
.sheet.familiar input {
|
|
border: none;
|
|
border-radius: 0;
|
|
background-color: rgba(28, 28, 28, 0.1);
|
|
}
|
|
.sheet.familiar input:focus {
|
|
box-shadow: none;
|
|
}
|
|
.sheet.familiar select {
|
|
border: 1px solid transparent;
|
|
background: rgba(0, 0, 0, 0.05);
|
|
font-family: var(--body-serif);
|
|
font-size: var(--font-size-14);
|
|
font-weight: normal;
|
|
}
|
|
.sheet.familiar select:hover {
|
|
border: 1px solid black;
|
|
}
|
|
.sheet.familiar .familiar-sheet-header {
|
|
display: flex;
|
|
flex-direction: row;
|
|
padding: 4px 6px 0;
|
|
}
|
|
.sheet.familiar .familiar-sheet-header .image-container {
|
|
display: flex;
|
|
}
|
|
.sheet.familiar .familiar-sheet-header .image-container img.actor-image {
|
|
border-radius: 0;
|
|
flex: 0;
|
|
height: 100%;
|
|
min-width: 125px;
|
|
width: 125px;
|
|
}
|
|
.sheet.familiar .familiar-sheet-header .image-container [data-action=show-image] {
|
|
bottom: 2px;
|
|
right: 2px;
|
|
}
|
|
.sheet.familiar .familiar-sheet-header .header-content {
|
|
display: flex;
|
|
flex-direction: column;
|
|
border-radius: 0;
|
|
flex-grow: 1;
|
|
margin-left: 10px;
|
|
}
|
|
.sheet.familiar .familiar-sheet-header .header-content .charname {
|
|
display: flex;
|
|
flex-direction: row;
|
|
font-family: var(--sans-serif-condensed);
|
|
font-size: 1.75rem;
|
|
font-weight: 700;
|
|
width: 100%;
|
|
flex-wrap: nowrap;
|
|
align-items: baseline;
|
|
text-transform: capitalize;
|
|
gap: 0.25em;
|
|
}
|
|
.sheet.familiar .familiar-sheet-header .header-content .charname input {
|
|
font-weight: bold;
|
|
width: calc(100% - 6px);
|
|
border-bottom: 1px solid #d3ccbc;
|
|
text-transform: capitalize;
|
|
padding: 0;
|
|
margin-right: 5px;
|
|
font-variant: small-caps;
|
|
color: #323232;
|
|
}
|
|
.sheet.familiar .familiar-sheet-header .header-content .charname input::placeholder {
|
|
filter: opacity(0.5);
|
|
color: #1c1c1c;
|
|
}
|
|
.sheet.familiar .familiar-sheet-header .header-content .charname input:focus {
|
|
border-bottom: 1px solid #644f33;
|
|
}
|
|
.sheet.familiar .familiar-sheet-header .header-content .charname input:focus::placeholder {
|
|
color: transparent;
|
|
}
|
|
.sheet.familiar .familiar-sheet-header .header-content .charname .charname-value {
|
|
flex: 1 1;
|
|
}
|
|
.sheet.familiar .familiar-sheet-header .header-content .charname .familiar-title {
|
|
flex: 0 1;
|
|
text-align: right;
|
|
margin-right: 0.1em;
|
|
text-transform: uppercase;
|
|
}
|
|
.sheet.familiar .familiar-sheet-header .header-content .sub-header {
|
|
display: flex;
|
|
margin-bottom: 10px;
|
|
}
|
|
.sheet.familiar .familiar-sheet-header .header-content .sub-header .traits {
|
|
flex: 1;
|
|
}
|
|
.sheet.familiar .familiar-sheet-header .header-content .traits {
|
|
margin: 0.25em 0;
|
|
}
|
|
.sheet.familiar .familiar-sheet-header .header-content .traits span {
|
|
color: var(--text-light);
|
|
font-size: 0.75em;
|
|
font-weight: 700;
|
|
padding: 0.25em 0.5em;
|
|
letter-spacing: 1px;
|
|
text-transform: uppercase;
|
|
background-color: var(--primary);
|
|
border: 1px solid var(--tertiary);
|
|
}
|
|
.sheet.familiar .familiar-sheet-header .header-content .details-section {
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: space-between;
|
|
}
|
|
.sheet.familiar .familiar-sheet-header .header-content .details-section .hp-section {
|
|
display: grid;
|
|
flex-direction: column;
|
|
height: max-content;
|
|
width: 150px;
|
|
grid-template-columns: min-content 1fr;
|
|
font-size: var(--font-size-14);
|
|
}
|
|
.sheet.familiar .familiar-sheet-header .header-content .details-section .hp-section div {
|
|
white-space: nowrap;
|
|
}
|
|
.sheet.familiar .familiar-sheet-header .header-content .details-section .hp-section .label {
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
white-space: nowrap;
|
|
}
|
|
.sheet.familiar .familiar-sheet-header .header-content .details-section .hp-section .label h4 {
|
|
font-weight: bold;
|
|
margin: 0 0.25em 0 0;
|
|
padding-left: 6px;
|
|
}
|
|
.sheet.familiar .familiar-sheet-header .header-content .details-section .hp-section .value {
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
padding-left: 4px;
|
|
}
|
|
.sheet.familiar .familiar-sheet-header .header-content .details-section .hp-section .value input {
|
|
width: 2em;
|
|
text-align: right;
|
|
padding-right: 3px;
|
|
border: 1px solid transparent;
|
|
background: none;
|
|
height: auto;
|
|
}
|
|
.sheet.familiar .familiar-sheet-header .header-content .details-section .hp-section .value input:hover, .sheet.familiar .familiar-sheet-header .header-content .details-section .hp-section .value input:focus {
|
|
border: 1px solid black;
|
|
box-shadow: 0 0 10px #00005a;
|
|
}
|
|
.sheet.familiar .familiar-sheet-header .header-content .details-section .hp-section .value .total-hp {
|
|
flex-grow: 1;
|
|
}
|
|
.sheet.familiar .familiar-sheet-header .header-content .details-section .hp-section .temp-hp {
|
|
display: flex;
|
|
margin-left: 8px;
|
|
align-items: baseline;
|
|
}
|
|
.sheet.familiar .familiar-sheet-header .header-content .details-section .hp-section .temp-hp input {
|
|
text-align: left;
|
|
}
|
|
.sheet.familiar .familiar-sheet-header .header-content .details-section .defenses-section {
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
.sheet.familiar .familiar-sheet-header .header-content .details-section .defenses-section .defenses-list {
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: space-between;
|
|
gap: 12px;
|
|
}
|
|
.sheet.familiar .familiar-sheet-header .header-content .details-section .defenses-section .defenses-list .save-name,
|
|
.sheet.familiar .familiar-sheet-header .header-content .details-section .defenses-section .defenses-list .ac {
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
column-gap: 0.5em;
|
|
}
|
|
.sheet.familiar .familiar-sheet-header .header-content .details-section .defenses-section .defenses-list .save-name .name,
|
|
.sheet.familiar .familiar-sheet-header .header-content .details-section .defenses-section .defenses-list .ac .name {
|
|
font-weight: bold;
|
|
text-transform: capitalize;
|
|
}
|
|
.sheet.familiar .familiar-sheet-header .header-content .details-section .defenses-section .defenses-list .save-name .value,
|
|
.sheet.familiar .familiar-sheet-header .header-content .details-section .defenses-section .defenses-list .ac .value {
|
|
font-style: normal;
|
|
}
|
|
.sheet.familiar .familiar-sheet-header .header-content .details-section .defenses-section .defenses-list .save-name .value i,
|
|
.sheet.familiar .familiar-sheet-header .header-content .details-section .defenses-section .defenses-list .ac .value i {
|
|
margin-right: 2px;
|
|
}
|
|
.sheet.familiar .familiar-sheet-header .header-content .details-section .defenses-section .defenses-list .ac {
|
|
border-right: 1px solid rgba(0, 0, 0, 0.15);
|
|
padding-right: 12px;
|
|
}
|
|
.sheet.familiar .familiar-sheet-header .header-content .dying-section {
|
|
display: flex;
|
|
gap: 10px;
|
|
justify-content: end;
|
|
}
|
|
.sheet.familiar .familiar-sheet-header .header-content .dying-section .name {
|
|
font-weight: bold;
|
|
}
|
|
.sheet.familiar .familiar-sheet-header .header-content .dying-section .dots {
|
|
display: flex;
|
|
gap: 4px;
|
|
align-items: baseline;
|
|
}
|
|
.sheet.familiar .familiar-sheet-header .header-content .dying-section .pips {
|
|
display: flex;
|
|
gap: 1px;
|
|
}
|
|
.sheet.familiar .main-section {
|
|
display: flex;
|
|
flex: 1;
|
|
flex-direction: row;
|
|
overflow: hidden;
|
|
}
|
|
.sheet.familiar .main-section .main-container {
|
|
overflow: hidden scroll;
|
|
flex-grow: 2;
|
|
}
|
|
.sheet.familiar .section-container {
|
|
margin: 6px 6px;
|
|
}
|
|
.sheet.familiar .section-container .section-body {
|
|
align-items: stretch;
|
|
flex-direction: column;
|
|
padding: 4px;
|
|
}
|
|
.sheet.familiar .section-container .section-body input {
|
|
font-family: var(--body-serif);
|
|
font-weight: bold;
|
|
width: calc(100% - 6px);
|
|
border-bottom: 1px solid #d3ccbc;
|
|
text-transform: capitalize;
|
|
}
|
|
.sheet.familiar .section-container .section-body input::placeholder {
|
|
filter: opacity(0.5);
|
|
color: #1c1c1c;
|
|
}
|
|
.sheet.familiar .section-container .section-body input:focus {
|
|
border-bottom: 1px solid #644f33;
|
|
}
|
|
.sheet.familiar .section-container .section-body input:focus::placeholder {
|
|
color: transparent;
|
|
}
|
|
.sheet.familiar .familiar-section {
|
|
flex-basis: 50%;
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
.sheet.familiar .familiar-section .detail {
|
|
display: flex;
|
|
flex-direction: column;
|
|
flex-wrap: nowrap;
|
|
margin-top: 3px;
|
|
}
|
|
.sheet.familiar .familiar-section .detail .detail-label {
|
|
font-size: var(--font-size-10);
|
|
font-weight: 800;
|
|
line-height: 1;
|
|
text-transform: uppercase;
|
|
font-family: var(--sans-serif);
|
|
color: var(--primary);
|
|
white-space: nowrap;
|
|
margin-bottom: 3px;
|
|
}
|
|
.sheet.familiar .familiar-section .detail h4 {
|
|
font-size: var(--font-size-14);
|
|
font-family: var(--serif);
|
|
font-weight: bold;
|
|
background-color: rgba(0, 0, 0, 0.05);
|
|
padding-left: 2px;
|
|
margin: none;
|
|
}
|
|
.sheet.familiar .familiar-section .familiar-content {
|
|
display: flex;
|
|
flex-direction: row;
|
|
margin-bottom: 5px;
|
|
column-gap: 15px;
|
|
}
|
|
.sheet.familiar .familiar-section .familiar-content input {
|
|
border: none;
|
|
border-radius: 0;
|
|
}
|
|
.sheet.familiar .familiar-section .familiar-content input[type=text] {
|
|
background-color: rgba(0, 0, 0, 0.05);
|
|
}
|
|
.sheet.familiar .familiar-section .familiar-content input:focus {
|
|
box-shadow: none;
|
|
}
|
|
.sheet.familiar .familiar-section .familiar-content h3 {
|
|
background-color: rgba(0, 0, 0, 0.05);
|
|
height: 26px;
|
|
font-family: var(--body-serif);
|
|
font-size: var(--font-size-14);
|
|
padding: 8px 4px 6px;
|
|
line-height: 1;
|
|
}
|
|
.sheet.familiar .familiar-section .familiar-content .familiar-species {
|
|
flex-basis: 50%;
|
|
}
|
|
.sheet.familiar .familiar-section .familiar-content .familiar-size {
|
|
flex-basis: 50%;
|
|
}
|
|
.sheet.familiar .familiar-section .familiar-content .familiar-modifier {
|
|
flex-basis: 50%;
|
|
}
|
|
.sheet.familiar .familiar-section .familiar-content .familiar-modifier select {
|
|
font-weight: bold;
|
|
}
|
|
.sheet.familiar .familiar-section .familiar-content .familiar-senses {
|
|
flex-basis: 50%;
|
|
height: min-content;
|
|
}
|
|
.sheet.familiar .familiar-section .familiar-content .familiar-senses .tags {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
.sheet.familiar .familiar-section .familiar-content .familiar-senses .tags ol {
|
|
margin: 0;
|
|
}
|
|
.sheet.familiar .familiar-section .familiar-content .familiar-speed {
|
|
flex-basis: 30%;
|
|
}
|
|
.sheet.familiar .skills-content {
|
|
display: flex;
|
|
flex-direction: column;
|
|
width: 150px;
|
|
gap: 10px;
|
|
}
|
|
.sheet.familiar .skills-content .skills-list {
|
|
display: flex;
|
|
column-gap: 0.25em;
|
|
row-gap: 0.25em;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
}
|
|
.sheet.familiar .skills-content .skills-list .skill-name {
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
border: 1px solid #999;
|
|
border-radius: 3px;
|
|
height: 20px;
|
|
cursor: pointer;
|
|
font-size: var(--font-size-14);
|
|
font-family: var(--serif);
|
|
}
|
|
.sheet.familiar .skills-content .skills-list .skill-name:hover {
|
|
padding: none;
|
|
border: 1px solid #323232;
|
|
}
|
|
.sheet.familiar .skills-content .skills-list .skill-name .name {
|
|
flex: 4;
|
|
}
|
|
.sheet.familiar .skills-content .skills-list .skill-name .score {
|
|
flex: 1;
|
|
text-align: center;
|
|
padding-left: 1em;
|
|
color: var(--primary);
|
|
font-weight: bold;
|
|
}
|
|
.sheet.familiar .skills-content .skills-attack {
|
|
flex: 1;
|
|
align-self: center;
|
|
border: 1px solid transparent;
|
|
cursor: pointer;
|
|
}
|
|
.sheet.familiar .skills-content .skills-attack:hover {
|
|
border-bottom: 1px solid #323232;
|
|
}
|
|
.sheet.familiar .actions-list .action {
|
|
padding-top: 4px;
|
|
padding-bottom: 4px;
|
|
}
|
|
.sheet.familiar .effects-list {
|
|
margin: 0;
|
|
padding: 0;
|
|
gap: 0.2em;
|
|
}
|
|
.sheet.familiar .effects-list .item {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
padding: 2px 4px 2px 12px;
|
|
width: 100%;
|
|
}
|
|
.sheet.familiar .effects-list .item p:empty {
|
|
display: none;
|
|
}
|
|
.sheet.familiar .effects-list .item .item-name {
|
|
display: flex;
|
|
align-items: center;
|
|
flex: 1;
|
|
}
|
|
.sheet.familiar .effects-list .item .item-name h4 {
|
|
cursor: pointer;
|
|
margin: 0;
|
|
}
|
|
.sheet.familiar .effects-list .item .item-name .item-image {
|
|
margin-right: 8px;
|
|
}
|
|
.sheet.familiar .effects-list .item .item-controls {
|
|
display: flex;
|
|
flex: 0;
|
|
font-size: var(--font-size-12);
|
|
gap: 1px;
|
|
white-space: nowrap;
|
|
}
|
|
.sheet.familiar .effects-list .item .item-controls a.info-only:hover {
|
|
cursor: default;
|
|
text-shadow: none;
|
|
}
|
|
.sheet.familiar .effects-list .item .item-controls a + a {
|
|
margin-left: 4px;
|
|
}
|
|
.sheet.familiar .effects-list .item .item-summary {
|
|
flex-basis: 100%;
|
|
}
|
|
.sheet.familiar .effects-list .item.unidentified {
|
|
border-radius: 1px;
|
|
outline: 1px dotted rgba(75, 74, 68, 0.5);
|
|
background: var(--visibility-gm-bg);
|
|
}
|
|
.sheet.familiar .effects-list .item .button-group {
|
|
display: flex;
|
|
justify-content: flex-end;
|
|
align-items: center;
|
|
flex-wrap: nowrap;
|
|
width: 50%;
|
|
flex: 0;
|
|
}
|
|
.sheet.familiar .effects-list .item .button-group button {
|
|
margin: 0;
|
|
border: none;
|
|
cursor: pointer;
|
|
font-family: var(--sans-serif);
|
|
font-size: var(--font-size-10);
|
|
text-transform: uppercase;
|
|
letter-spacing: 0.05em;
|
|
text-rendering: optimizeLegibility;
|
|
padding: 5px;
|
|
color: var(--text-light);
|
|
width: 70px;
|
|
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3), inset 0 0 0 2px rgba(255, 255, 255, 0.2);
|
|
background: var(--secondary);
|
|
border-radius: 2px;
|
|
flex: 0;
|
|
white-space: nowrap;
|
|
margin-left: 4px;
|
|
flex: 0;
|
|
}
|
|
.sheet.familiar .effects-list .item .button-group button:hover {
|
|
box-shadow: none;
|
|
text-shadow: 0 0 2px white;
|
|
}
|
|
.sheet.familiar .effects-list .item {
|
|
margin: 0;
|
|
padding: 0;
|
|
margin: 0.25em 0;
|
|
}
|
|
.sheet.hazard .section-container {
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
.sheet.hazard .section-container .section-header {
|
|
border: 1px solid var(--primary);
|
|
border-radius: 3px 3px 0px 0px;
|
|
background: var(--primary);
|
|
display: flex;
|
|
flex: 0;
|
|
width: 100%;
|
|
flex-direction: row;
|
|
justify-content: space-between;
|
|
align-items: baseline;
|
|
text-align: left;
|
|
color: var(--text-light);
|
|
font-size: var(--font-size-13);
|
|
padding: 0 8px;
|
|
line-height: 2em;
|
|
}
|
|
.sheet.hazard .section-container .section-header h4 {
|
|
flex: auto;
|
|
display: flex;
|
|
align-items: baseline;
|
|
gap: 4px;
|
|
margin-bottom: 0px;
|
|
text-transform: uppercase;
|
|
}
|
|
.sheet.hazard .section-container .section-header input {
|
|
color: inherit;
|
|
width: auto;
|
|
}
|
|
.sheet.hazard .section-container .section-header .controls {
|
|
gap: 0.5rem;
|
|
white-space: nowrap;
|
|
}
|
|
.sheet.hazard .section-container .section-body {
|
|
border: 1px solid var(--primary);
|
|
border-radius: 0px 0px 3px 3px;
|
|
display: flex;
|
|
flex: auto;
|
|
flex-wrap: wrap;
|
|
flex-direction: row;
|
|
align-items: baseline;
|
|
justify-content: flex-start;
|
|
width: 100%;
|
|
}
|
|
.sheet.hazard .section-container.headerless .section-body {
|
|
border-radius: 3px;
|
|
}
|
|
.sheet.hazard .actions-list,
|
|
.sheet.hazard .attacks-list {
|
|
margin: 0;
|
|
padding: 0;
|
|
width: 100%;
|
|
}
|
|
.sheet.hazard .actions-list .controls,
|
|
.sheet.hazard .attacks-list .controls {
|
|
align-items: baseline;
|
|
display: flex;
|
|
flex: 0;
|
|
flex-wrap: nowrap;
|
|
font-size: var(--font-size-12);
|
|
gap: 1px;
|
|
margin-left: auto;
|
|
}
|
|
.sheet.hazard .actions-list .controls .chat,
|
|
.sheet.hazard .attacks-list .controls .chat {
|
|
margin-right: 2px;
|
|
font-size: 0.9em;
|
|
}
|
|
.sheet.hazard .actions-list li.action .button-group,
|
|
.sheet.hazard .actions-list li.attack .button-group,
|
|
.sheet.hazard .attacks-list li.action .button-group,
|
|
.sheet.hazard .attacks-list li.attack .button-group {
|
|
display: flex;
|
|
gap: 0.25em;
|
|
justify-content: start;
|
|
min-width: 100%;
|
|
}
|
|
.sheet.hazard .actions-list li.action .button-group .flexrow,
|
|
.sheet.hazard .actions-list li.action .button-group .sub-section,
|
|
.sheet.hazard .actions-list li.attack .button-group .flexrow,
|
|
.sheet.hazard .actions-list li.attack .button-group .sub-section,
|
|
.sheet.hazard .attacks-list li.action .button-group .flexrow,
|
|
.sheet.hazard .attacks-list li.action .button-group .sub-section,
|
|
.sheet.hazard .attacks-list li.attack .button-group .flexrow,
|
|
.sheet.hazard .attacks-list li.attack .button-group .sub-section {
|
|
gap: 2px;
|
|
}
|
|
.sheet.hazard .actions-list li.action .button-group .sub-section,
|
|
.sheet.hazard .actions-list li.attack .button-group .sub-section,
|
|
.sheet.hazard .attacks-list li.action .button-group .sub-section,
|
|
.sheet.hazard .attacks-list li.attack .button-group .sub-section {
|
|
align-items: start;
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
justify-content: flex-start;
|
|
}
|
|
.sheet.hazard .actions-list li.action .button-group .sub-section h4,
|
|
.sheet.hazard .actions-list li.attack .button-group .sub-section h4,
|
|
.sheet.hazard .attacks-list li.action .button-group .sub-section h4,
|
|
.sheet.hazard .attacks-list li.attack .button-group .sub-section h4 {
|
|
margin-left: var(--font-size-12);
|
|
margin-right: var(--font-size-12);
|
|
}
|
|
.sheet.hazard .actions-list li.action .button-group button,
|
|
.sheet.hazard .actions-list li.attack .button-group button,
|
|
.sheet.hazard .attacks-list li.action .button-group button,
|
|
.sheet.hazard .attacks-list li.attack .button-group button {
|
|
align-items: center;
|
|
display: flex;
|
|
border-radius: 3px;
|
|
border: none;
|
|
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3), inset 0 0 0 2px rgba(255, 255, 255, 0.2);
|
|
color: var(--color-text-light-0);
|
|
cursor: pointer;
|
|
font-size: var(--font-size-11);
|
|
height: var(--font-size-18);
|
|
justify-content: center;
|
|
line-height: var(--font-size-18);
|
|
margin: 0;
|
|
padding: 0 8px;
|
|
white-space: nowrap;
|
|
width: auto;
|
|
}
|
|
.sheet.hazard .actions-list li.action .button-group button:first-child,
|
|
.sheet.hazard .actions-list li.attack .button-group button:first-child,
|
|
.sheet.hazard .attacks-list li.action .button-group button:first-child,
|
|
.sheet.hazard .attacks-list li.attack .button-group button:first-child {
|
|
margin-left: 0px;
|
|
}
|
|
.sheet.hazard .actions-list li.action .button-group button:hover,
|
|
.sheet.hazard .actions-list li.attack .button-group button:hover,
|
|
.sheet.hazard .attacks-list li.action .button-group button:hover,
|
|
.sheet.hazard .attacks-list li.attack .button-group button:hover {
|
|
box-shadow: none;
|
|
text-shadow: 0 0 2px var(--color-text-light-0);
|
|
}
|
|
.sheet.hazard .actions-list li.action .button-group .attack-button,
|
|
.sheet.hazard .actions-list li.attack .button-group .attack-button,
|
|
.sheet.hazard .attacks-list li.action .button-group .attack-button,
|
|
.sheet.hazard .attacks-list li.attack .button-group .attack-button {
|
|
background-color: var(--secondary);
|
|
}
|
|
.sheet.hazard .actions-list li.action .button-group .damage-button,
|
|
.sheet.hazard .actions-list li.action .button-group .critical-button,
|
|
.sheet.hazard .actions-list li.attack .button-group .damage-button,
|
|
.sheet.hazard .actions-list li.attack .button-group .critical-button,
|
|
.sheet.hazard .attacks-list li.action .button-group .damage-button,
|
|
.sheet.hazard .attacks-list li.action .button-group .critical-button,
|
|
.sheet.hazard .attacks-list li.attack .button-group .damage-button,
|
|
.sheet.hazard .attacks-list li.attack .button-group .critical-button {
|
|
background-color: var(--primary);
|
|
}
|
|
.sheet.hazard .actions-list li.attack,
|
|
.sheet.hazard .attacks-list li.attack {
|
|
border-bottom: 1px solid var(--color-border-light-tertiary);
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: start;
|
|
gap: 0.25rem;
|
|
padding: 0.25rem 0;
|
|
}
|
|
.sheet.hazard .actions-list li.attack:last-child,
|
|
.sheet.hazard .attacks-list li.attack:last-child {
|
|
border-bottom: none;
|
|
}
|
|
.sheet.hazard .actions-list li.attack > h4,
|
|
.sheet.hazard .attacks-list li.attack > h4 {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
font-size: 0.9rem;
|
|
font-weight: 500;
|
|
gap: 2px;
|
|
margin: 0 4px 0 0;
|
|
white-space: nowrap;
|
|
}
|
|
.sheet.hazard .actions-list li.attack > h4 > span,
|
|
.sheet.hazard .actions-list li.attack > h4 > a,
|
|
.sheet.hazard .attacks-list li.attack > h4 > span,
|
|
.sheet.hazard .attacks-list li.attack > h4 > a {
|
|
display: flex;
|
|
gap: 3px;
|
|
line-height: 1.125rem;
|
|
margin-right: 4px;
|
|
}
|
|
.sheet.hazard .actions-list li.attack > .description,
|
|
.sheet.hazard .attacks-list li.attack > .description {
|
|
flex-basis: 100%;
|
|
}
|
|
.sheet.hazard .actions-list li.action,
|
|
.sheet.hazard .attacks-list li.action {
|
|
display: flex;
|
|
gap: 0.25rem;
|
|
}
|
|
.sheet.hazard .actions-list li.action:not(:last-child),
|
|
.sheet.hazard .attacks-list li.action:not(:last-child) {
|
|
border-bottom: 1px solid var(--color-border-light-tertiary);
|
|
}
|
|
.sheet.hazard .actions-list li.action > h4,
|
|
.sheet.hazard .attacks-list li.action > h4 {
|
|
align-items: center;
|
|
display: flex;
|
|
gap: 0.25rem;
|
|
flex: auto;
|
|
font-size: 0.9rem;
|
|
margin: 0;
|
|
}
|
|
.sheet.hazard .actions-list li.action > h4 > a,
|
|
.sheet.hazard .attacks-list li.action > h4 > a {
|
|
align-items: center;
|
|
display: flex;
|
|
gap: 2px;
|
|
}
|
|
.sheet.hazard .actions-list li.action .button-group > button.use-action,
|
|
.sheet.hazard .attacks-list li.action .button-group > button.use-action {
|
|
color: var(--color-text-light-0);
|
|
background-color: var(--secondary);
|
|
margin-right: 0.5rem;
|
|
}
|
|
.sheet.hazard .actions-list li.action .action-traits,
|
|
.sheet.hazard .attacks-list li.action .action-traits {
|
|
margin-left: var(--font-size-12);
|
|
}
|
|
.sheet.hazard .actions-list li.action .tracking,
|
|
.sheet.hazard .attacks-list li.action .tracking {
|
|
flex: 0;
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: row;
|
|
flex-wrap: nowrap;
|
|
margin-left: auto;
|
|
margin-right: var(--font-size-16);
|
|
}
|
|
.sheet.hazard .actions-list li.action .tracking input,
|
|
.sheet.hazard .attacks-list li.action .tracking input {
|
|
background: none;
|
|
border: 0;
|
|
flex: 0 1 4rem;
|
|
flex: 1;
|
|
font-family: inherit;
|
|
font-size: 0.9rem;
|
|
height: auto;
|
|
padding: 0 3px;
|
|
text-align: center;
|
|
width: 0;
|
|
}
|
|
.sheet.hazard .actions-list li.action .tracking span,
|
|
.sheet.hazard .attacks-list li.action .tracking span {
|
|
white-space: nowrap;
|
|
}
|
|
.sheet.hazard .actions-list li.action .item-summary,
|
|
.sheet.hazard .attacks-list li.action .item-summary {
|
|
flex-basis: 100%;
|
|
}
|
|
.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 select {
|
|
font-size: var(--font-size-12);
|
|
height: 2em;
|
|
}
|
|
.sheet.hazard .container {
|
|
display: flex;
|
|
background: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
|
|
height: 100%;
|
|
overflow: hidden;
|
|
}
|
|
.sheet.hazard .content {
|
|
flex: 1;
|
|
padding-left: 5px;
|
|
padding-right: 5px;
|
|
padding: 0 5px 20px 5px;
|
|
overflow: hidden scroll;
|
|
}
|
|
.sheet.hazard form > header {
|
|
align-items: center;
|
|
background: url("../assets/sheet/header-bw.webp"), url("../assets/sheet/background.webp");
|
|
background-blend-mode: multiply;
|
|
background-color: #238580;
|
|
background-repeat: repeat-x, no-repeat;
|
|
background-size: cover;
|
|
box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
|
|
color: var(--text-light);
|
|
display: flex;
|
|
font-family: var(--sans-serif);
|
|
font-weight: 600;
|
|
gap: 8px;
|
|
justify-content: space-between;
|
|
margin-bottom: 0.1em;
|
|
padding: 0 16px;
|
|
text-transform: uppercase;
|
|
width: 100%;
|
|
}
|
|
.sheet.hazard form > header .frame-container {
|
|
flex: 0 0 60px;
|
|
padding: 4px;
|
|
margin: 16px 0;
|
|
}
|
|
.sheet.hazard form > header .frame-container .frame {
|
|
width: 60px;
|
|
height: 60px;
|
|
}
|
|
.sheet.hazard form > header .frame-container .image-container [data-action=show-image] {
|
|
color: var(--color-text-dark-primary);
|
|
}
|
|
.sheet.hazard form > header .frame-container .actor-image {
|
|
object-fit: cover;
|
|
object-position: top;
|
|
border: none;
|
|
border-radius: 0;
|
|
max-height: 178px;
|
|
width: 100%;
|
|
border: none;
|
|
box-shadow: 0 0 0 1px #918c88, 0 0 0 2px #e1d8cf, 0 0 0 3px #a98f39, inset 0 0 8px rgba(0, 0, 0, 0.5), 0 0 8px black;
|
|
}
|
|
.sheet.hazard form > header .frame-container .edit-mode-button {
|
|
position: absolute;
|
|
width: 20px;
|
|
height: 20px;
|
|
bottom: -10px;
|
|
left: -10px;
|
|
border-radius: 10px;
|
|
background-color: white;
|
|
color: var(--text-dark);
|
|
cursor: pointer;
|
|
border: none;
|
|
box-shadow: 0 0 0 1px #918c88, 0 0 0 2px #e1d8cf, 0 0 0 3px #a98f39, inset 0 0 8px rgba(0, 0, 0, 0.5), 0 0 8px black;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
font-size: 1.05em;
|
|
}
|
|
.sheet.hazard form > header .details {
|
|
margin: 4px 0;
|
|
flex: 1;
|
|
}
|
|
.sheet.hazard form > header .details tags.tags.paizo-style .tagify__input::before {
|
|
color: var(--color-text-light-7);
|
|
}
|
|
.sheet.hazard form > header input[type=text],
|
|
.sheet.hazard form > header input[type=number] {
|
|
color: var(--text-light);
|
|
border: none;
|
|
border-bottom: 1px solid transparent;
|
|
}
|
|
.sheet.hazard form > header input[type=text]:hover:not(:disabled), .sheet.hazard form > header input[type=text]:focus,
|
|
.sheet.hazard form > header input[type=number]:hover:not(:disabled),
|
|
.sheet.hazard form > header input[type=number]:focus {
|
|
border: none;
|
|
border-bottom: 1px solid var(--text-light);
|
|
box-shadow: none;
|
|
}
|
|
.sheet.hazard form > header .title {
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: baseline;
|
|
gap: 4px;
|
|
font-size: var(--font-size-28);
|
|
font-family: var(--serif-condensed);
|
|
font-weight: 700;
|
|
}
|
|
.sheet.hazard form > header .title .name {
|
|
flex: 1;
|
|
font-size: var(--font-size-32);
|
|
}
|
|
.sheet.hazard form > header .title .level {
|
|
width: 32px;
|
|
text-align: center;
|
|
}
|
|
.sheet.hazard .sidebar {
|
|
border-right: 1px solid #888;
|
|
box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 8px;
|
|
height: 100%;
|
|
padding: 10px 8px 8px 8px;
|
|
width: 220px;
|
|
overflow: hidden scroll;
|
|
}
|
|
.sheet.hazard .sidebar .sidebar-title {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
border-bottom: 1px solid black;
|
|
margin-bottom: 4px;
|
|
}
|
|
.sheet.hazard .sidebar .sidebar-title h2 {
|
|
font-size: var(--font-size-15);
|
|
}
|
|
.sheet.hazard .sidebar .valued-icon {
|
|
display: flex;
|
|
align-items: baseline;
|
|
}
|
|
.sheet.hazard .sidebar .valued-icon i {
|
|
margin-right: 4px;
|
|
}
|
|
.sheet.hazard .sidebar .valued-icon i + input {
|
|
margin-left: -1px;
|
|
}
|
|
.sheet.hazard .sidebar .health input {
|
|
width: 34px;
|
|
}
|
|
.sheet.hazard .sidebar .health input.current {
|
|
text-align: end;
|
|
}
|
|
.sheet.hazard .sidebar .armor-class input {
|
|
width: 25px;
|
|
text-align: right;
|
|
}
|
|
.sheet.hazard .sidebar .health-line {
|
|
display: flex;
|
|
flex-direction: row;
|
|
font-size: var(--font-size-16);
|
|
gap: 3px;
|
|
justify-content: center;
|
|
}
|
|
.sheet.hazard .sidebar .hp-details {
|
|
width: 100%;
|
|
}
|
|
.sheet.hazard .sidebar h2 {
|
|
font-weight: 500;
|
|
font-size: var(--font-size-16);
|
|
}
|
|
.sheet.hazard .sidebar .initiative {
|
|
display: flex;
|
|
font-size: var(--font-size-16);
|
|
}
|
|
.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 .save {
|
|
align-items: center;
|
|
display: flex;
|
|
flex: 1;
|
|
flex-direction: column;
|
|
font-size: var(--font-size-16);
|
|
}
|
|
.sheet.hazard .sidebar .sidebar-saves input {
|
|
max-width: 50px;
|
|
text-align: center;
|
|
}
|
|
.sheet.hazard .sidebar .emits-sound .hint:hover {
|
|
text-shadow: 0 0 8px var(--color-shadow-primary);
|
|
}
|
|
.sheet.hazard .sidebar .rollable {
|
|
cursor: pointer;
|
|
}
|
|
.sheet.hazard .sidebar .rollable:hover {
|
|
text-shadow: 0 0 8px var(--color-shadow-primary);
|
|
}
|
|
.sheet.hazard .sidebar .rollable:hover i {
|
|
animation: rotation 2s infinite linear;
|
|
}
|
|
.sheet.hazard .section-container {
|
|
padding: 4px 6px 0;
|
|
}
|
|
.sheet.hazard .section-container .editor {
|
|
width: 100%;
|
|
}
|
|
.sheet.hazard .section-container .editor .tox {
|
|
width: 100%;
|
|
}
|
|
.sheet.hazard .section-container > .section-body {
|
|
padding: 4px;
|
|
}
|
|
.sheet.hazard .section-container.skills > .section-body .list {
|
|
display: flex;
|
|
flex-direction: row;
|
|
flex-wrap: wrap;
|
|
}
|
|
.sheet.hazard .section-container .actions-list,
|
|
.sheet.hazard .section-container .attacks-list {
|
|
border-bottom: 1px solid var(--alt);
|
|
}
|
|
.sheet.hazard .section-container .actions-list:last-child,
|
|
.sheet.hazard .section-container .attacks-list:last-child {
|
|
border-bottom: none;
|
|
}
|
|
.sheet.hazard .section-container .actions-list .action,
|
|
.sheet.hazard .section-container .attacks-list .action {
|
|
padding: 4px 0;
|
|
}
|
|
.sheet.hazard .section-container.publication {
|
|
margin-top: 0.5rem;
|
|
}
|
|
.sheet.hazard .section-container.publication .section-header {
|
|
background: none;
|
|
color: var(--color-pf-primary);
|
|
}
|
|
.sheet.hazard .section-container.publication .section-body {
|
|
align-items: baseline;
|
|
gap: 0.25em;
|
|
display: grid;
|
|
grid-template: "title title title" 2fr "authors license remaster" 3fr/60% 20% 20%;
|
|
border-top: none;
|
|
padding: 0.25rem 0.5rem;
|
|
}
|
|
.sheet.hazard .section-container.publication .section-body label {
|
|
font-weight: 500;
|
|
min-width: unset;
|
|
}
|
|
.sheet.hazard .section-container.publication .section-body input[type=text] {
|
|
height: 1.6rem;
|
|
}
|
|
.sheet.hazard .section-container.publication .section-body .title {
|
|
grid-area: title;
|
|
margin-right: 0;
|
|
}
|
|
.sheet.hazard .section-container.publication .section-body .authors {
|
|
grid-area: authors;
|
|
}
|
|
.sheet.hazard .section-container.publication .section-body .license {
|
|
grid-area: license;
|
|
}
|
|
.sheet.hazard .section-container.publication .section-body .license select {
|
|
margin-top: 1px;
|
|
}
|
|
.sheet.hazard .section-container.publication .section-body .remaster {
|
|
grid-area: remaster;
|
|
}
|
|
.sheet.hazard .section-container.publication .section-body .license,
|
|
.sheet.hazard .section-container.publication .section-body .remaster {
|
|
text-align: center;
|
|
}
|
|
.sheet.hazard .section-container.publication .section-body .license label,
|
|
.sheet.hazard .section-container.publication .section-body .remaster label {
|
|
padding: 0;
|
|
}
|
|
.sheet.hazard .section-container.publication .section-body input[type=text] {
|
|
background: rgba(0, 0, 0, 0.05);
|
|
}
|
|
.sheet.hazard .tox.tox-tinymce {
|
|
height: 200px !important;
|
|
}
|
|
.sheet.hazard .hazard-editor .editor .editor-edit {
|
|
display: none;
|
|
}
|
|
.app.npc-skills-editor form {
|
|
font-size: var(--font-size-12);
|
|
overflow: hidden;
|
|
}
|
|
.app.npc-skills-editor form > .scroll-container {
|
|
max-height: 500px;
|
|
overflow: hidden scroll;
|
|
}
|
|
.app.npc-skills-editor form ol {
|
|
list-style: none;
|
|
overflow: hidden;
|
|
padding: 0px;
|
|
width: 100%;
|
|
}
|
|
.app.npc-skills-editor form ol li {
|
|
align-items: center;
|
|
column-gap: 1rem;
|
|
display: grid;
|
|
grid-template-columns: auto 3rem 2rem;
|
|
grid-template-rows: auto;
|
|
padding: 0.25rem;
|
|
width: 100%;
|
|
}
|
|
.app.npc-skills-editor form ol li.skill:nth-child(even) {
|
|
background-color: #ede3c8;
|
|
}
|
|
.app.npc-skills-editor form ol li.skill:nth-child(odd) {
|
|
background-color: #f5efe0;
|
|
}
|
|
.app.npc-skills-editor form ol li.skill.header {
|
|
background-color: var(--color-pf-primary);
|
|
color: var(--text-light);
|
|
font-weight: 500;
|
|
padding: 4px;
|
|
text-transform: uppercase;
|
|
}
|
|
.app.npc-skills-editor form ol li.skill.header.lore {
|
|
background-color: var(--color-pf-secondary);
|
|
}
|
|
.app.npc-skills-editor form ol li.skill .item-controls {
|
|
text-align: right;
|
|
}
|
|
.app.npc-skills-editor form ol li.skill-selector button, .app.npc-skills-editor form ol li.lore-skill-creator button {
|
|
background-color: var(--color-pf-secondary);
|
|
border-radius: 3px;
|
|
border: 1px solid var(--color-pf-secondary-dark);
|
|
color: var(--text-light);
|
|
display: flex;
|
|
grid-column: span 2;
|
|
justify-content: center;
|
|
line-height: 1em;
|
|
padding: 4px;
|
|
white-space: nowrap;
|
|
}
|
|
.actor.npc.sheet form {
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: flex-start;
|
|
}
|
|
.actor.npc.sheet form ol.spell-list {
|
|
margin: 0;
|
|
padding: 0;
|
|
border-bottom: 1px solid var(--color-border-light-2);
|
|
flex-basis: 100%;
|
|
gap: 1px;
|
|
position: relative;
|
|
width: 100%;
|
|
z-index: 1;
|
|
}
|
|
.actor.npc.sheet form ol.spell-list > li {
|
|
margin: 0;
|
|
padding: 0;
|
|
align-items: center;
|
|
background: none;
|
|
cursor: default;
|
|
display: 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.npc.sheet form ol.spell-list > li[data-expended-state=true] h4 {
|
|
color: var(--color-disabled);
|
|
text-decoration: line-through;
|
|
}
|
|
.actor.npc.sheet form ol.spell-list > li[data-expended-state=true] .cast-spell {
|
|
background: var(--color-disabled);
|
|
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.5);
|
|
cursor: not-allowed;
|
|
}
|
|
.actor.npc.sheet form ol.spell-list > li:nth-child(odd) {
|
|
background-color: rgba(120, 100, 82, 0.1);
|
|
}
|
|
.actor.npc.sheet form ol.spell-list > li:last-child {
|
|
border-bottom: 1px solid var(--sub);
|
|
}
|
|
.actor.npc.sheet form ol.spell-list > li:last-child .item-image {
|
|
margin-bottom: 0;
|
|
margin-top: 2px;
|
|
}
|
|
.actor.npc.sheet form ol.spell-list > li.spell-level-header {
|
|
margin: 0;
|
|
padding: 0;
|
|
background: rgba(96, 88, 86, 0.25);
|
|
border: 1px solid var(--color-border-light-2);
|
|
border-radius: 2px;
|
|
color: var(--text-dark);
|
|
font: 500 var(--font-size-12) var(--sans-serif);
|
|
letter-spacing: 0.25px;
|
|
line-height: 1;
|
|
padding: 0 0.5em;
|
|
text-transform: uppercase;
|
|
}
|
|
.actor.npc.sheet form ol.spell-list > li.spell-level-header h3 {
|
|
text-transform: capitalize;
|
|
font-size: var(--font-size-13);
|
|
margin-left: 0;
|
|
padding: 4px 0;
|
|
}
|
|
.actor.npc.sheet form ol.spell-list > li.spell-level-header .item-name {
|
|
line-height: 1;
|
|
gap: 0.25em;
|
|
}
|
|
.actor.npc.sheet form ol.spell-list > li.spell-level-header .item-name h3 {
|
|
margin: 0;
|
|
padding: 0;
|
|
font-weight: 700;
|
|
}
|
|
.actor.npc.sheet form ol.spell-list > li.spell-level-header .item-controls {
|
|
grid-column: span 2;
|
|
}
|
|
.actor.npc.sheet form ol.spell-list > li .uses {
|
|
align-items: center;
|
|
display: flex;
|
|
gap: 0.25em;
|
|
line-height: 1;
|
|
}
|
|
.actor.npc.sheet form ol.spell-list > li.spell-level-header input,
|
|
.actor.npc.sheet form ol.spell-list > li .uses input {
|
|
background: var(--alt);
|
|
border-radius: 3px;
|
|
border: 1px solid var(--sub);
|
|
color: var(--text-light);
|
|
font: var(--font-size-12) var(--sans-serif);
|
|
height: unset;
|
|
text-align: center;
|
|
width: 2em;
|
|
}
|
|
.actor.npc.sheet form ol.spell-list > li.spell-level-header .spell-slots-increment-reset,
|
|
.actor.npc.sheet form ol.spell-list > li .uses .spell-slots-increment-reset {
|
|
padding-left: 5px;
|
|
font-size: var(--font-size-10);
|
|
}
|
|
.actor.npc.sheet form ol.spell-list > li.spell {
|
|
border: none;
|
|
font-size: var(--font-size-13);
|
|
}
|
|
.actor.npc.sheet form ol.spell-list > li .level-prepared-toggle {
|
|
flex: 0;
|
|
font-size: 0.75rem;
|
|
color: var(--secondary);
|
|
}
|
|
.actor.npc.sheet form ol.spell-list > li .item-name {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-wrap: nowrap;
|
|
justify-content: start;
|
|
justify-self: start;
|
|
min-height: 1.75rem;
|
|
}
|
|
.actor.npc.sheet form ol.spell-list > li .item-name h3 {
|
|
white-space: nowrap;
|
|
}
|
|
.actor.npc.sheet form ol.spell-list > li .item-name + span {
|
|
font-size: 0.75rem;
|
|
}
|
|
.actor.npc.sheet form ol.spell-list > li .item-name .focus-pool-input {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-wrap: nowrap;
|
|
}
|
|
.actor.npc.sheet form ol.spell-list > li .item-name .slash {
|
|
font-size: 0.75rem;
|
|
}
|
|
.actor.npc.sheet form ol.spell-list > li .item-name .spell-slots,
|
|
.actor.npc.sheet form ol.spell-list > li .item-name .spell-max {
|
|
padding-top: 3px;
|
|
font-size: 0.75rem;
|
|
}
|
|
.actor.npc.sheet form ol.spell-list > li .item-name .spell-slots.infinity,
|
|
.actor.npc.sheet form ol.spell-list > li .item-name .spell-max.infinity {
|
|
position: relative;
|
|
top: -2px;
|
|
}
|
|
.actor.npc.sheet form ol.spell-list > li .item-name .item-image {
|
|
height: 1.5rem;
|
|
width: 1.5rem;
|
|
flex: 0 0 auto;
|
|
margin: 2px 0;
|
|
}
|
|
.actor.npc.sheet form ol.spell-list > li .item-name h4 {
|
|
margin: 0;
|
|
padding: 0;
|
|
font-size: var(--font-size-14);
|
|
letter-spacing: -0.075em;
|
|
line-height: 1;
|
|
margin-left: 8px;
|
|
cursor: pointer;
|
|
}
|
|
.actor.npc.sheet form ol.spell-list > li .item-name h4:hover {
|
|
color: var(--secondary);
|
|
}
|
|
.actor.npc.sheet form ol.spell-list > li .item-name .action-glyph {
|
|
margin-left: 4px;
|
|
font-size: small;
|
|
}
|
|
.actor.npc.sheet form ol.spell-list > li .item-name.empty {
|
|
grid-column: 1/span 4;
|
|
}
|
|
.actor.npc.sheet form ol.spell-list > li .spell-range {
|
|
grid-area: range;
|
|
padding-left: 0.2em;
|
|
}
|
|
.actor.npc.sheet form ol.spell-list > li .spell-components {
|
|
grid-area: components;
|
|
justify-self: right;
|
|
padding: 0 0.5em;
|
|
}
|
|
.actor.npc.sheet form ol.spell-list > li .spell-components .tag {
|
|
font: var(--font-size-12) var(--sans-serif-condensed);
|
|
}
|
|
.actor.npc.sheet form ol.spell-list > li .spell-cast {
|
|
grid-area: cast-spell;
|
|
display: flex;
|
|
justify-content: center;
|
|
}
|
|
.actor.npc.sheet form ol.spell-list > li .item-controls {
|
|
grid-area: controls;
|
|
display: flex;
|
|
justify-self: end;
|
|
padding-right: 0.25em;
|
|
}
|
|
.actor.npc.sheet form 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: var(--text-light);
|
|
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.npc.sheet form 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.npc.sheet form ol.spell-list[data-category=spontaneous] .virtual {
|
|
position: relative;
|
|
}
|
|
.actor.npc.sheet form ol.spell-list[data-category=spontaneous] .virtual::before {
|
|
pointer-events: none;
|
|
content: "";
|
|
position: absolute;
|
|
height: 100%;
|
|
width: 100%;
|
|
background-color: rgba(0, 5, 255, 0.1137254902);
|
|
mix-blend-mode: saturation;
|
|
}
|
|
.actor.npc.sheet form ol.spell-list[data-category=spontaneous] .item:not(.virtual) + .virtual {
|
|
border-top: 1px solid rgba(0, 0, 0, 0.15);
|
|
}
|
|
.actor.npc.sheet form ol.spell-list .level-prepared-header {
|
|
font-size: 0.75rem;
|
|
color: var(--text-light);
|
|
margin: 0;
|
|
padding: 4px;
|
|
text-align: center;
|
|
background: var(--secondary);
|
|
position: relative;
|
|
}
|
|
.actor.npc.sheet form ol.spell-list .spell .item-name {
|
|
width: 100%;
|
|
}
|
|
.actor.npc.sheet form ol.spell-list input.toggle-signature-spell[type=checkbox] {
|
|
width: 12px;
|
|
height: 12px;
|
|
margin: 0 2px 0 0;
|
|
flex: 0 0 auto;
|
|
}
|
|
.actor.npc.sheet form ol.spell-list .spellbook-empty {
|
|
display: flex;
|
|
align-items: center;
|
|
min-height: 28px;
|
|
justify-content: flex-end;
|
|
}
|
|
.actor.npc.sheet form ol.spell-list .spellbook-empty h4 {
|
|
margin: 0;
|
|
white-space: nowrap;
|
|
margin-right: auto;
|
|
}
|
|
.actor.npc.sheet form ol.spell-list .spellbook-empty a {
|
|
flex: 0 1 0;
|
|
white-space: nowrap;
|
|
margin-left: 8px;
|
|
}
|
|
.actor.npc.sheet form .npc-sheet-header {
|
|
display: flex;
|
|
flex: 1 0 auto;
|
|
flex-direction: column;
|
|
}
|
|
.actor.npc.sheet form .npc-sheet-header .name {
|
|
font-family: var(--sans-serif-condensed);
|
|
font-size: 1.75rem;
|
|
font-weight: 700;
|
|
width: 100%;
|
|
flex-wrap: nowrap;
|
|
}
|
|
.actor.npc.sheet form .npc-sheet-header .name input {
|
|
font-weight: inherit;
|
|
height: 2rem;
|
|
}
|
|
.actor.npc.sheet form .npc-sheet-header .name .name-value {
|
|
font-variant: small-caps;
|
|
margin-left: 6px;
|
|
margin-right: 1.125rem;
|
|
}
|
|
.actor.npc.sheet form .npc-sheet-header .name .level-label {
|
|
flex: 0;
|
|
text-align: right;
|
|
margin-right: 0.1em;
|
|
text-transform: uppercase;
|
|
}
|
|
.actor.npc.sheet form .npc-sheet-header .name input.level {
|
|
flex: 0 0 2.5rem;
|
|
text-align: center;
|
|
}
|
|
.actor.npc.sheet form .npc-sheet-header .rarity-alignment-size {
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: space-between;
|
|
}
|
|
.actor.npc.sheet form .npc-sheet-header .paizo-style {
|
|
margin-top: 2px;
|
|
padding-left: 0;
|
|
padding-right: 0;
|
|
}
|
|
.actor.npc.sheet form hr {
|
|
margin: 10px 6px 10px 0;
|
|
}
|
|
.actor.npc.sheet form select {
|
|
background: none;
|
|
}
|
|
.actor.npc.sheet form .sidebar {
|
|
flex: 10rem 0 0;
|
|
height: 100%;
|
|
overflow: hidden scroll;
|
|
padding-right: 0.25rem;
|
|
}
|
|
.actor.npc.sheet form .sidebar .image-container img.actor-image {
|
|
border: none;
|
|
border-radius: 8px;
|
|
}
|
|
.actor.npc.sheet form .sidebar .armor-section .armor-value {
|
|
flex: 0;
|
|
text-align: right;
|
|
font-weight: 700;
|
|
padding-right: 4px;
|
|
}
|
|
.actor.npc.sheet form .sidebar .health-section .hit-points,
|
|
.actor.npc.sheet form .sidebar .shield-section .hit-points {
|
|
display: flex;
|
|
flex-direction: row;
|
|
flex: 0;
|
|
margin-left: auto;
|
|
}
|
|
.actor.npc.sheet form .sidebar .health-section .hit-points input.current,
|
|
.actor.npc.sheet form .sidebar .shield-section .hit-points input.current {
|
|
width: 36px;
|
|
text-align: right;
|
|
padding-right: 3px;
|
|
}
|
|
.actor.npc.sheet form .sidebar .health-section .hit-points .slash,
|
|
.actor.npc.sheet form .sidebar .health-section .hit-points .max,
|
|
.actor.npc.sheet form .sidebar .shield-section .hit-points .slash,
|
|
.actor.npc.sheet form .sidebar .shield-section .hit-points .max {
|
|
align-items: center;
|
|
display: flex;
|
|
}
|
|
.actor.npc.sheet form .sidebar .health-section .hit-points .max,
|
|
.actor.npc.sheet form .sidebar .shield-section .hit-points .max {
|
|
font-weight: 700;
|
|
margin-right: 4px;
|
|
text-align: center;
|
|
}
|
|
.actor.npc.sheet form .sidebar .health-section .hit-points .max.lt10,
|
|
.actor.npc.sheet form .sidebar .shield-section .hit-points .max.lt10 {
|
|
width: 8px;
|
|
}
|
|
.actor.npc.sheet form .sidebar .health-section .hit-points .max.lt100,
|
|
.actor.npc.sheet form .sidebar .shield-section .hit-points .max.lt100 {
|
|
width: 24px;
|
|
}
|
|
.actor.npc.sheet form .sidebar .health-section .hit-points .max.lt1000,
|
|
.actor.npc.sheet form .sidebar .shield-section .hit-points .max.lt1000 {
|
|
width: 36px;
|
|
}
|
|
.actor.npc.sheet form .sidebar .shield-section .shield-details {
|
|
display: flex;
|
|
flex: auto;
|
|
flex-direction: row;
|
|
justify-content: flex-start;
|
|
align-items: baseline;
|
|
}
|
|
.actor.npc.sheet form .sidebar .shield-section .shield-details .label {
|
|
flex: 0;
|
|
font-weight: bold;
|
|
}
|
|
.actor.npc.sheet form .sidebar .shield-section .shield-details .value {
|
|
flex: auto;
|
|
font-weight: normal;
|
|
margin-left: 6px !important;
|
|
}
|
|
.actor.npc.sheet form .sidebar .shield-section.broken {
|
|
color: rgba(0, 0, 0, 0.4);
|
|
}
|
|
.actor.npc.sheet form .sidebar .shield-section.broken .shield-label {
|
|
color: rgba(0, 0, 0, 0.4);
|
|
}
|
|
.actor.npc.sheet form .sidebar .shield-section.broken .shield-label h4 {
|
|
text-decoration: line-through;
|
|
}
|
|
.actor.npc.sheet form .sidebar .shield-section.broken .shield-value {
|
|
color: rgba(0, 0, 0, 0.4);
|
|
}
|
|
.actor.npc.sheet form .sidebar .shield-section.broken .shield-value .shield-current {
|
|
color: rgba(0, 0, 0, 0.4);
|
|
}
|
|
.actor.npc.sheet form .sidebar .shield-section.broken .shield-value .shield-max {
|
|
color: rgba(0, 0, 0, 0.4);
|
|
}
|
|
.actor.npc.sheet form .sidebar .speed-section {
|
|
text-align: left;
|
|
}
|
|
.actor.npc.sheet form .sidebar .speed-section .land-speed-value {
|
|
flex: 0 0 30px;
|
|
text-align: right;
|
|
}
|
|
.actor.npc.sheet form .sidebar .speed-section .land-speed .speed-details {
|
|
flex: 1;
|
|
}
|
|
.actor.npc.sheet form .sidebar .speed-section .other-speeds {
|
|
display: flex;
|
|
justify-content: left;
|
|
align-items: left;
|
|
width: 100%;
|
|
flex-wrap: wrap;
|
|
}
|
|
.actor.npc.sheet form .sidebar .saves {
|
|
margin-top: 12px;
|
|
display: flex;
|
|
flex-direction: row;
|
|
width: 100%;
|
|
flex: 1 0 auto;
|
|
font-size: 1.1rem;
|
|
}
|
|
.actor.npc.sheet form .sidebar .saves .container {
|
|
display: flex;
|
|
flex-direction: column;
|
|
text-align: center;
|
|
}
|
|
.actor.npc.sheet form .sidebar .saves .container label {
|
|
font-weight: 600;
|
|
}
|
|
.actor.npc.sheet form .sidebar .saves .container input.modifier {
|
|
text-align: center;
|
|
z-index: 1;
|
|
}
|
|
.actor.npc.sheet form .side-bar-section {
|
|
display: flex;
|
|
flex: auto;
|
|
flex-direction: column;
|
|
justify-content: flex-start;
|
|
align-items: flex-start;
|
|
}
|
|
.actor.npc.sheet form .side-bar-section .controls {
|
|
padding-right: 4px;
|
|
}
|
|
.actor.npc.sheet form .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;
|
|
}
|
|
.actor.npc.sheet form .side-bar-section.initiative a.roll-init i.fa-dice-d20 {
|
|
font-size: 1rem;
|
|
margin-right: 0.2em;
|
|
}
|
|
.actor.npc.sheet form .side-bar-section.initiative select {
|
|
font-size: var(--font-size-11);
|
|
text-transform: unset;
|
|
}
|
|
.actor.npc.sheet form .side-bar-section .value0 {
|
|
color: darkgrey;
|
|
border-bottom: 1px darkgrey solid;
|
|
}
|
|
.actor.npc.sheet form .side-bar-section .value0 input {
|
|
color: darkgrey;
|
|
}
|
|
.actor.npc.sheet form .side-bar-section-content {
|
|
display: flex;
|
|
width: 100%;
|
|
flex-direction: row;
|
|
flex-wrap: wrap;
|
|
justify-content: flex-start;
|
|
align-items: flex-start;
|
|
padding-top: 2px;
|
|
}
|
|
.actor.npc.sheet form .side-bar-section-header {
|
|
display: flex;
|
|
width: 100%;
|
|
font-size: 1rem;
|
|
border-bottom: 1px solid;
|
|
border-color: #7a7971;
|
|
margin-top: 10px;
|
|
margin-bottom: 2px;
|
|
align-items: baseline;
|
|
}
|
|
.actor.npc.sheet form .side-bar-section-header .side-bar-label {
|
|
display: flex;
|
|
flex: auto;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
}
|
|
.actor.npc.sheet form .side-bar-section-header .side-bar-label .fa {
|
|
font-size: 0.8rem;
|
|
}
|
|
.actor.npc.sheet form .side-bar-section-header .side-bar-label h4,
|
|
.actor.npc.sheet form .side-bar-section-header .side-bar-label label {
|
|
font-size: 0.8rem;
|
|
margin-bottom: 0px;
|
|
padding-left: 2px;
|
|
}
|
|
.actor.npc.sheet form .side-bar-section-header .side-bar-label input.modifier {
|
|
font-size: 0.9rem;
|
|
}
|
|
.actor.npc.sheet form .sheet-body {
|
|
flex: auto;
|
|
}
|
|
.actor.npc.sheet form .sheet-body .tab {
|
|
overflow: hidden scroll;
|
|
}
|
|
.actor.npc.sheet form .sheet-body .tab .identification-skills ul {
|
|
display: inline;
|
|
list-style-type: none;
|
|
padding: 0;
|
|
}
|
|
.actor.npc.sheet form .sheet-body .tab .identification-skills ul li {
|
|
display: inline;
|
|
}
|
|
.actor.npc.sheet form .sheet-body .tab .identification-skills ul li:not(:last-of-type):after {
|
|
content: ",";
|
|
}
|
|
.actor.npc.sheet form .sheet-body .inventory {
|
|
flex-direction: column;
|
|
overflow-y: hidden;
|
|
padding-bottom: 1.25rem;
|
|
}
|
|
.actor.npc.sheet form .sheet-body .inventory.active {
|
|
display: flex;
|
|
}
|
|
.actor.npc.sheet form .sheet-body .inventory .expandable {
|
|
display: none;
|
|
}
|
|
.actor.npc.sheet form .sheet-body .inventory .section-container.inventory-toggles {
|
|
padding: 4px 6px 6px 6px;
|
|
}
|
|
.actor.npc.sheet form .sheet-body .inventory .inventory-section {
|
|
--border-color: var(--secondary);
|
|
flex: 1 0 auto;
|
|
padding: 0px;
|
|
margin: 0px;
|
|
max-height: calc(100% - 1rem);
|
|
}
|
|
.actor.npc.sheet form .sheet-body .inventory .inventory-section .coinage {
|
|
margin-bottom: 8px;
|
|
}
|
|
.actor.npc.sheet form .sheet-body .inventory .inventory-section .inventory-list > :first-child {
|
|
border-radius: 3px 3px 0px 0px;
|
|
}
|
|
.actor.npc.sheet form .sheet-body .inventory .inventory-section .inventory-list .inventory-header {
|
|
align-items: center;
|
|
background-color: var(--primary-background);
|
|
color: var(--color-text-light-0);
|
|
display: flex;
|
|
flex-flow: row nowrap;
|
|
max-height: fit-content;
|
|
}
|
|
.actor.npc.sheet form .sheet-body .inventory .inventory-section .inventory-list .inventory-header h4 {
|
|
margin: 0;
|
|
}
|
|
.actor.npc.sheet form .sheet-body .inventory .inventory-section .inventory-list .inventory-header div {
|
|
border: none;
|
|
}
|
|
.actor.npc.sheet form .sheet-body .inventory .inventory-section .inventory-list .item .item-image {
|
|
border: 2px solid #7a7971;
|
|
border-radius: 3px;
|
|
margin: 2px 4px 2px 6px;
|
|
}
|
|
.actor.npc.sheet form .sheet-body .inventory .inventory-section .inventory-list .item .controls .item-toggle-equip {
|
|
color: rgba(0, 0, 0, 0.4);
|
|
}
|
|
.actor.npc.sheet form .sheet-body .inventory .inventory-section .inventory-list .item .controls .item-toggle-equip.active {
|
|
color: rgba(0, 0, 0, 0.75);
|
|
}
|
|
.actor.npc.sheet form .sheet-body .entries-list {
|
|
list-style: none;
|
|
padding: 2px;
|
|
margin: 0;
|
|
}
|
|
.actor.npc.sheet form .sheet-body .entries-list .spellcasting-entry {
|
|
display: block;
|
|
width: 100%;
|
|
margin: 0px;
|
|
border: 1px solid var(--sub);
|
|
border-radius: 4px;
|
|
}
|
|
.actor.npc.sheet form .sheet-body .entries-list .spellcasting-entry:not(:first-child) {
|
|
margin-top: 0.5rem;
|
|
}
|
|
.actor.npc.sheet form .sheet-body .entries-list .spellcasting-entry .header {
|
|
align-items: baseline;
|
|
background-color: var(--primary);
|
|
border-radius: 3px 3px 0 0;
|
|
color: var(--text-light);
|
|
display: flex;
|
|
flex-direction: row;
|
|
flex-wrap: nowrap;
|
|
gap: 0.25em;
|
|
justify-content: space-between;
|
|
padding: 4px 0.5em;
|
|
}
|
|
.actor.npc.sheet form .sheet-body .entries-list .spellcasting-entry .header .drag-handle {
|
|
cursor: move;
|
|
}
|
|
.actor.npc.sheet form .sheet-body .entries-list .spellcasting-entry .header h4.name {
|
|
flex: 1;
|
|
margin: 0 4px 0 0;
|
|
padding-right: 6px;
|
|
width: max-content;
|
|
}
|
|
.actor.npc.sheet form .sheet-body .entries-list .spellcasting-entry .header h4.name input {
|
|
color: var(--text-light);
|
|
max-width: 100%;
|
|
font-weight: 500;
|
|
border: none;
|
|
}
|
|
.actor.npc.sheet form .sheet-body .entries-list .spellcasting-entry .header h4.name input:focus, .actor.npc.sheet form .sheet-body .entries-list .spellcasting-entry .header h4.name input:hover {
|
|
box-shadow: none;
|
|
}
|
|
.actor.npc.sheet form .sheet-body .entries-list .spellcasting-entry .header h4.name input:read-only {
|
|
pointer-events: none;
|
|
}
|
|
.actor.npc.sheet form .sheet-body .entries-list .spellcasting-entry .header .inline-field {
|
|
flex: 0;
|
|
display: flex;
|
|
flex-direction: row;
|
|
flex-wrap: nowrap;
|
|
justify-content: flex-start;
|
|
align-items: baseline;
|
|
}
|
|
.actor.npc.sheet form .sheet-body .entries-list .spellcasting-entry .header .inline-field label {
|
|
margin-left: 2px;
|
|
flex: 1;
|
|
}
|
|
.actor.npc.sheet form .sheet-body .entries-list .spellcasting-entry .header .inline-field input {
|
|
margin-left: 4px;
|
|
}
|
|
.actor.npc.sheet form .sheet-body .entries-list .spellcasting-entry .header .inline-field .attack-input,
|
|
.actor.npc.sheet form .sheet-body .entries-list .spellcasting-entry .header .inline-field .dc-input {
|
|
flex: 1 0 32px;
|
|
text-align: center;
|
|
background-color: var(--text-light);
|
|
font-weight: bold;
|
|
width: 32px;
|
|
}
|
|
.actor.npc.sheet form .sheet-body .entries-list .spellcasting-entry .header .attribute select {
|
|
background: rgba(255, 255, 255, 0.5);
|
|
font-size: var(--font-size-10);
|
|
max-width: 55px;
|
|
padding: 2px;
|
|
}
|
|
.actor.npc.sheet form .sheet-body .entries-list .spellcasting-entry .header .item-controls {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
}
|
|
.actor.npc.sheet form .sheet-body .entries-list .spellcasting-entry .header .item-controls a {
|
|
padding: 2px;
|
|
}
|
|
.actor.npc.sheet form .sheet-body .entries-list .spellcasting-entry .spell-level-header input {
|
|
background: var(--text-light);
|
|
border: 1px solid transparent;
|
|
color: var(--text-dark);
|
|
flex: 1 0 2rem;
|
|
font-weight: 700;
|
|
height: 18px;
|
|
text-align: center;
|
|
width: 2rem;
|
|
}
|
|
.actor.npc.sheet form .sheet-body .footer {
|
|
display: flex;
|
|
flex: 1;
|
|
justify-content: center;
|
|
margin-top: 12px;
|
|
}
|
|
.actor.npc.sheet form .sheet-body .footer button.spellcasting-create {
|
|
align-items: center;
|
|
justify-content: center;
|
|
display: flex;
|
|
gap: 0.25rem;
|
|
margin: 0 0.5rem;
|
|
min-height: 1rem;
|
|
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3), inset 0 0 0 2px rgba(255, 255, 255, 0.2);
|
|
background: var(--primary);
|
|
color: var(--text-light);
|
|
white-space: nowrap;
|
|
border-radius: 3px;
|
|
border: none;
|
|
}
|
|
.actor.npc.sheet form .sheet-body .effects .section-body .effects-list {
|
|
gap: 0.2em;
|
|
padding-left: 0px;
|
|
padding-right: 5px;
|
|
}
|
|
.actor.npc.sheet form .sheet-body .effects .section-body .effects-list .item {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
padding: 2px 4px 2px 12px;
|
|
width: 100%;
|
|
}
|
|
.actor.npc.sheet form .sheet-body .effects .section-body .effects-list .item p:empty {
|
|
display: none;
|
|
}
|
|
.actor.npc.sheet form .sheet-body .effects .section-body .effects-list .item .item-name {
|
|
display: flex;
|
|
align-items: center;
|
|
flex: 1;
|
|
}
|
|
.actor.npc.sheet form .sheet-body .effects .section-body .effects-list .item .item-name h4 {
|
|
cursor: pointer;
|
|
margin: 0;
|
|
}
|
|
.actor.npc.sheet form .sheet-body .effects .section-body .effects-list .item .item-name .item-image {
|
|
margin-right: 8px;
|
|
}
|
|
.actor.npc.sheet form .sheet-body .effects .section-body .effects-list .item .item-controls {
|
|
display: flex;
|
|
flex: 0;
|
|
font-size: var(--font-size-12);
|
|
gap: 1px;
|
|
white-space: nowrap;
|
|
}
|
|
.actor.npc.sheet form .sheet-body .effects .section-body .effects-list .item .item-controls a.info-only:hover {
|
|
cursor: default;
|
|
text-shadow: none;
|
|
}
|
|
.actor.npc.sheet form .sheet-body .effects .section-body .effects-list .item .item-controls a + a {
|
|
margin-left: 4px;
|
|
}
|
|
.actor.npc.sheet form .sheet-body .effects .section-body .effects-list .item .item-summary {
|
|
flex-basis: 100%;
|
|
}
|
|
.actor.npc.sheet form .sheet-body .effects .section-body .effects-list .item.unidentified {
|
|
border-radius: 1px;
|
|
outline: 1px dotted rgba(75, 74, 68, 0.5);
|
|
background: var(--visibility-gm-bg);
|
|
}
|
|
.actor.npc.sheet form .sheet-body .effects .section-body .effects-list .item .button-group {
|
|
display: flex;
|
|
justify-content: flex-end;
|
|
align-items: center;
|
|
flex-wrap: nowrap;
|
|
width: 50%;
|
|
flex: 0;
|
|
}
|
|
.actor.npc.sheet form .sheet-body .effects .section-body .effects-list .item .button-group button {
|
|
margin: 0;
|
|
border: none;
|
|
cursor: pointer;
|
|
font-family: var(--sans-serif);
|
|
font-size: var(--font-size-10);
|
|
text-transform: uppercase;
|
|
letter-spacing: 0.05em;
|
|
text-rendering: optimizeLegibility;
|
|
padding: 5px;
|
|
color: var(--text-light);
|
|
width: 70px;
|
|
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3), inset 0 0 0 2px rgba(255, 255, 255, 0.2);
|
|
background: var(--secondary);
|
|
border-radius: 2px;
|
|
flex: 0;
|
|
white-space: nowrap;
|
|
margin-left: 4px;
|
|
flex: 0;
|
|
}
|
|
.actor.npc.sheet form .sheet-body .effects .section-body .effects-list .item .button-group button:hover {
|
|
box-shadow: none;
|
|
text-shadow: 0 0 2px white;
|
|
}
|
|
.actor.npc.sheet form .sheet-body .section-container {
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
.actor.npc.sheet form .sheet-body .section-container .section-header {
|
|
border: 1px solid var(--primary);
|
|
border-radius: 3px 3px 0px 0px;
|
|
background: var(--primary);
|
|
display: flex;
|
|
flex: 0;
|
|
width: 100%;
|
|
flex-direction: row;
|
|
justify-content: space-between;
|
|
align-items: baseline;
|
|
text-align: left;
|
|
color: var(--text-light);
|
|
font-size: var(--font-size-13);
|
|
padding: 0 8px;
|
|
line-height: 2em;
|
|
}
|
|
.actor.npc.sheet form .sheet-body .section-container .section-header h4 {
|
|
flex: auto;
|
|
display: flex;
|
|
align-items: baseline;
|
|
gap: 4px;
|
|
margin-bottom: 0px;
|
|
text-transform: uppercase;
|
|
}
|
|
.actor.npc.sheet form .sheet-body .section-container .section-header input {
|
|
color: inherit;
|
|
width: auto;
|
|
}
|
|
.actor.npc.sheet form .sheet-body .section-container .section-header .controls {
|
|
gap: 0.5rem;
|
|
white-space: nowrap;
|
|
}
|
|
.actor.npc.sheet form .sheet-body .section-container .section-body {
|
|
border: 1px solid var(--primary);
|
|
border-radius: 0px 0px 3px 3px;
|
|
display: flex;
|
|
flex: auto;
|
|
flex-wrap: wrap;
|
|
flex-direction: row;
|
|
align-items: baseline;
|
|
justify-content: flex-start;
|
|
width: 100%;
|
|
}
|
|
.actor.npc.sheet form .sheet-body .section-container.headerless .section-body {
|
|
border-radius: 3px;
|
|
}
|
|
.actor.npc.sheet form .sheet-body .actions-list,
|
|
.actor.npc.sheet form .sheet-body .attacks-list {
|
|
margin: 0;
|
|
padding: 0;
|
|
width: 100%;
|
|
}
|
|
.actor.npc.sheet form .sheet-body .actions-list .controls,
|
|
.actor.npc.sheet form .sheet-body .attacks-list .controls {
|
|
align-items: baseline;
|
|
display: flex;
|
|
flex: 0;
|
|
flex-wrap: nowrap;
|
|
font-size: var(--font-size-12);
|
|
gap: 1px;
|
|
margin-left: auto;
|
|
}
|
|
.actor.npc.sheet form .sheet-body .actions-list .controls .chat,
|
|
.actor.npc.sheet form .sheet-body .attacks-list .controls .chat {
|
|
margin-right: 2px;
|
|
font-size: 0.9em;
|
|
}
|
|
.actor.npc.sheet form .sheet-body .actions-list li.action .button-group,
|
|
.actor.npc.sheet form .sheet-body .actions-list li.attack .button-group,
|
|
.actor.npc.sheet form .sheet-body .attacks-list li.action .button-group,
|
|
.actor.npc.sheet form .sheet-body .attacks-list li.attack .button-group {
|
|
display: flex;
|
|
gap: 0.25em;
|
|
justify-content: start;
|
|
min-width: 100%;
|
|
}
|
|
.actor.npc.sheet form .sheet-body .actions-list li.action .button-group .flexrow,
|
|
.actor.npc.sheet form .sheet-body .actions-list li.action .button-group .sub-section,
|
|
.actor.npc.sheet form .sheet-body .actions-list li.attack .button-group .flexrow,
|
|
.actor.npc.sheet form .sheet-body .actions-list li.attack .button-group .sub-section,
|
|
.actor.npc.sheet form .sheet-body .attacks-list li.action .button-group .flexrow,
|
|
.actor.npc.sheet form .sheet-body .attacks-list li.action .button-group .sub-section,
|
|
.actor.npc.sheet form .sheet-body .attacks-list li.attack .button-group .flexrow,
|
|
.actor.npc.sheet form .sheet-body .attacks-list li.attack .button-group .sub-section {
|
|
gap: 2px;
|
|
}
|
|
.actor.npc.sheet form .sheet-body .actions-list li.action .button-group .sub-section,
|
|
.actor.npc.sheet form .sheet-body .actions-list li.attack .button-group .sub-section,
|
|
.actor.npc.sheet form .sheet-body .attacks-list li.action .button-group .sub-section,
|
|
.actor.npc.sheet form .sheet-body .attacks-list li.attack .button-group .sub-section {
|
|
align-items: start;
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
justify-content: flex-start;
|
|
}
|
|
.actor.npc.sheet form .sheet-body .actions-list li.action .button-group .sub-section h4,
|
|
.actor.npc.sheet form .sheet-body .actions-list li.attack .button-group .sub-section h4,
|
|
.actor.npc.sheet form .sheet-body .attacks-list li.action .button-group .sub-section h4,
|
|
.actor.npc.sheet form .sheet-body .attacks-list li.attack .button-group .sub-section h4 {
|
|
margin-left: var(--font-size-12);
|
|
margin-right: var(--font-size-12);
|
|
}
|
|
.actor.npc.sheet form .sheet-body .actions-list li.action .button-group button,
|
|
.actor.npc.sheet form .sheet-body .actions-list li.attack .button-group button,
|
|
.actor.npc.sheet form .sheet-body .attacks-list li.action .button-group button,
|
|
.actor.npc.sheet form .sheet-body .attacks-list li.attack .button-group button {
|
|
align-items: center;
|
|
display: flex;
|
|
border-radius: 3px;
|
|
border: none;
|
|
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3), inset 0 0 0 2px rgba(255, 255, 255, 0.2);
|
|
color: var(--color-text-light-0);
|
|
cursor: pointer;
|
|
font-size: var(--font-size-11);
|
|
height: var(--font-size-18);
|
|
justify-content: center;
|
|
line-height: var(--font-size-18);
|
|
margin: 0;
|
|
padding: 0 8px;
|
|
white-space: nowrap;
|
|
width: auto;
|
|
}
|
|
.actor.npc.sheet form .sheet-body .actions-list li.action .button-group button:first-child,
|
|
.actor.npc.sheet form .sheet-body .actions-list li.attack .button-group button:first-child,
|
|
.actor.npc.sheet form .sheet-body .attacks-list li.action .button-group button:first-child,
|
|
.actor.npc.sheet form .sheet-body .attacks-list li.attack .button-group button:first-child {
|
|
margin-left: 0px;
|
|
}
|
|
.actor.npc.sheet form .sheet-body .actions-list li.action .button-group button:hover,
|
|
.actor.npc.sheet form .sheet-body .actions-list li.attack .button-group button:hover,
|
|
.actor.npc.sheet form .sheet-body .attacks-list li.action .button-group button:hover,
|
|
.actor.npc.sheet form .sheet-body .attacks-list li.attack .button-group button:hover {
|
|
box-shadow: none;
|
|
text-shadow: 0 0 2px var(--color-text-light-0);
|
|
}
|
|
.actor.npc.sheet form .sheet-body .actions-list li.action .button-group .attack-button,
|
|
.actor.npc.sheet form .sheet-body .actions-list li.attack .button-group .attack-button,
|
|
.actor.npc.sheet form .sheet-body .attacks-list li.action .button-group .attack-button,
|
|
.actor.npc.sheet form .sheet-body .attacks-list li.attack .button-group .attack-button {
|
|
background-color: var(--secondary);
|
|
}
|
|
.actor.npc.sheet form .sheet-body .actions-list li.action .button-group .damage-button,
|
|
.actor.npc.sheet form .sheet-body .actions-list li.action .button-group .critical-button,
|
|
.actor.npc.sheet form .sheet-body .actions-list li.attack .button-group .damage-button,
|
|
.actor.npc.sheet form .sheet-body .actions-list li.attack .button-group .critical-button,
|
|
.actor.npc.sheet form .sheet-body .attacks-list li.action .button-group .damage-button,
|
|
.actor.npc.sheet form .sheet-body .attacks-list li.action .button-group .critical-button,
|
|
.actor.npc.sheet form .sheet-body .attacks-list li.attack .button-group .damage-button,
|
|
.actor.npc.sheet form .sheet-body .attacks-list li.attack .button-group .critical-button {
|
|
background-color: var(--primary);
|
|
}
|
|
.actor.npc.sheet form .sheet-body .actions-list li.attack,
|
|
.actor.npc.sheet form .sheet-body .attacks-list li.attack {
|
|
border-bottom: 1px solid var(--color-border-light-tertiary);
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: start;
|
|
gap: 0.25rem;
|
|
padding: 0.25rem 0;
|
|
}
|
|
.actor.npc.sheet form .sheet-body .actions-list li.attack:last-child,
|
|
.actor.npc.sheet form .sheet-body .attacks-list li.attack:last-child {
|
|
border-bottom: none;
|
|
}
|
|
.actor.npc.sheet form .sheet-body .actions-list li.attack > h4,
|
|
.actor.npc.sheet form .sheet-body .attacks-list li.attack > h4 {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
font-size: 0.9rem;
|
|
font-weight: 500;
|
|
gap: 2px;
|
|
margin: 0 4px 0 0;
|
|
white-space: nowrap;
|
|
}
|
|
.actor.npc.sheet form .sheet-body .actions-list li.attack > h4 > span,
|
|
.actor.npc.sheet form .sheet-body .actions-list li.attack > h4 > a,
|
|
.actor.npc.sheet form .sheet-body .attacks-list li.attack > h4 > span,
|
|
.actor.npc.sheet form .sheet-body .attacks-list li.attack > h4 > a {
|
|
display: flex;
|
|
gap: 3px;
|
|
line-height: 1.125rem;
|
|
margin-right: 4px;
|
|
}
|
|
.actor.npc.sheet form .sheet-body .actions-list li.attack > .description,
|
|
.actor.npc.sheet form .sheet-body .attacks-list li.attack > .description {
|
|
flex-basis: 100%;
|
|
}
|
|
.actor.npc.sheet form .sheet-body .actions-list li.action,
|
|
.actor.npc.sheet form .sheet-body .attacks-list li.action {
|
|
display: flex;
|
|
gap: 0.25rem;
|
|
}
|
|
.actor.npc.sheet form .sheet-body .actions-list li.action:not(:last-child),
|
|
.actor.npc.sheet form .sheet-body .attacks-list li.action:not(:last-child) {
|
|
border-bottom: 1px solid var(--color-border-light-tertiary);
|
|
}
|
|
.actor.npc.sheet form .sheet-body .actions-list li.action > h4,
|
|
.actor.npc.sheet form .sheet-body .attacks-list li.action > h4 {
|
|
align-items: center;
|
|
display: flex;
|
|
gap: 0.25rem;
|
|
flex: auto;
|
|
font-size: 0.9rem;
|
|
margin: 0;
|
|
}
|
|
.actor.npc.sheet form .sheet-body .actions-list li.action > h4 > a,
|
|
.actor.npc.sheet form .sheet-body .attacks-list li.action > h4 > a {
|
|
align-items: center;
|
|
display: flex;
|
|
gap: 2px;
|
|
}
|
|
.actor.npc.sheet form .sheet-body .actions-list li.action .button-group > button.use-action,
|
|
.actor.npc.sheet form .sheet-body .attacks-list li.action .button-group > button.use-action {
|
|
color: var(--color-text-light-0);
|
|
background-color: var(--secondary);
|
|
margin-right: 0.5rem;
|
|
}
|
|
.actor.npc.sheet form .sheet-body .actions-list li.action .action-traits,
|
|
.actor.npc.sheet form .sheet-body .attacks-list li.action .action-traits {
|
|
margin-left: var(--font-size-12);
|
|
}
|
|
.actor.npc.sheet form .sheet-body .actions-list li.action .tracking,
|
|
.actor.npc.sheet form .sheet-body .attacks-list li.action .tracking {
|
|
flex: 0;
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: row;
|
|
flex-wrap: nowrap;
|
|
margin-left: auto;
|
|
margin-right: var(--font-size-16);
|
|
}
|
|
.actor.npc.sheet form .sheet-body .actions-list li.action .tracking input,
|
|
.actor.npc.sheet form .sheet-body .attacks-list li.action .tracking input {
|
|
background: none;
|
|
border: 0;
|
|
flex: 0 1 4rem;
|
|
flex: 1;
|
|
font-family: inherit;
|
|
font-size: 0.9rem;
|
|
height: auto;
|
|
padding: 0 3px;
|
|
text-align: center;
|
|
width: 0;
|
|
}
|
|
.actor.npc.sheet form .sheet-body .actions-list li.action .tracking span,
|
|
.actor.npc.sheet form .sheet-body .attacks-list li.action .tracking span {
|
|
white-space: nowrap;
|
|
}
|
|
.actor.npc.sheet form .sheet-body .actions-list li.action .item-summary,
|
|
.actor.npc.sheet form .sheet-body .attacks-list li.action .item-summary {
|
|
flex-basis: 100%;
|
|
}
|
|
.actor.npc.sheet form input.adjustable:not(:focus),
|
|
.actor.npc.sheet form span.adjustable,
|
|
.actor.npc.sheet form div.adjustable {
|
|
display: inline;
|
|
text-align: right;
|
|
}
|
|
.actor.npc.sheet form input.adjustable:not(:focus).adjusted-higher,
|
|
.actor.npc.sheet form span.adjustable.adjusted-higher,
|
|
.actor.npc.sheet form div.adjustable.adjusted-higher {
|
|
color: #009988;
|
|
}
|
|
.actor.npc.sheet form input.adjustable:not(:focus).adjusted-lower,
|
|
.actor.npc.sheet form span.adjustable.adjusted-lower,
|
|
.actor.npc.sheet form div.adjustable.adjusted-lower {
|
|
color: #cc3311;
|
|
}
|
|
.actor.npc.sheet form .disabled {
|
|
color: var(--color-disabled);
|
|
border-color: var(--color-disabled);
|
|
}
|
|
.actor.npc.sheet form .disabled:hover, .actor.npc.sheet form .disabled.active {
|
|
color: var(--color-rarity-common);
|
|
border-color: #7a7971;
|
|
}
|
|
.actor.npc.sheet form .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;
|
|
}
|
|
.actor.npc.sheet form .effects-list {
|
|
display: flex;
|
|
flex: 1 0 auto;
|
|
flex-direction: row;
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
}
|
|
.actor.npc.sheet form .effects-list .separator {
|
|
flex: 0 0 1px;
|
|
height: 32px;
|
|
margin-right: 4px;
|
|
border-left: 2px solid var(--color-rarity-common);
|
|
}
|
|
.actor.npc.sheet form .effects-list > .effect {
|
|
display: flex;
|
|
flex: 0 0 32px;
|
|
height: 32px;
|
|
margin-right: 4px;
|
|
margin-bottom: 4px;
|
|
border-bottom: none !important;
|
|
}
|
|
.actor.npc.sheet form .effects-list > .effect .item-image {
|
|
background-size: cover;
|
|
border: 1px solid var(--color-rarity-common);
|
|
border-bottom: 1px solid var(--color-rarity-common);
|
|
border-radius: 3px;
|
|
width: 32px;
|
|
}
|
|
.actor.npc.sheet form .effects-list > .effect .item-image:hover {
|
|
border: 1px solid var(--text-light);
|
|
border-radius: 3px;
|
|
}
|
|
.actor.npc.sheet form .actions-options .actions-option {
|
|
display: flex;
|
|
align-items: center;
|
|
width: 100%;
|
|
}
|
|
.actor.npc.sheet form .actions-options .actions-option label {
|
|
width: 100%;
|
|
}
|
|
.actor.npc.sheet form .actions-options .actions-option label * {
|
|
vertical-align: middle;
|
|
}
|
|
.actor.npc.sheet form .actions-options .actions-option label input {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
.actor.npc.sheet form .actions-options .actions-option select {
|
|
background: none;
|
|
margin-left: 0.25em;
|
|
text-transform: none;
|
|
}
|
|
.actor.npc.sheet form .actions-list {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 0.25rem;
|
|
padding: 0.1rem 0.25rem;
|
|
}
|
|
.actor.npc.sheet form .actions-list .action {
|
|
width: 100%;
|
|
}
|
|
.actor.npc.sheet form .labelled-field {
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: baseline;
|
|
}
|
|
.actor.npc.sheet form .labelled-field label,
|
|
.actor.npc.sheet form .labelled-field .rollable {
|
|
flex: 1;
|
|
font-weight: 600;
|
|
}
|
|
.actor.npc.sheet form .labelled-field input[type=text],
|
|
.actor.npc.sheet form .labelled-field input[type=number] {
|
|
flex: 0;
|
|
font-weight: normal;
|
|
margin: 1px 4px;
|
|
margin-left: auto;
|
|
min-width: 2.5em;
|
|
padding-right: 1px;
|
|
text-align: right;
|
|
}
|
|
.actor.npc.sheet form .labelled-field.hp-temp > label {
|
|
margin-right: 0.5em;
|
|
}
|
|
.actor.npc.sheet form .top-sections {
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: flex-start;
|
|
align-items: flex-start;
|
|
}
|
|
.actor.npc.sheet form .top-sections .skills {
|
|
flex: 3;
|
|
align-self: stretch;
|
|
}
|
|
.actor.npc.sheet form .top-sections .senses {
|
|
flex: 2;
|
|
}
|
|
.actor.npc.sheet form .top-sections .senses .perception {
|
|
width: 100%;
|
|
}
|
|
.actor.npc.sheet form .top-sections .senses .perception label {
|
|
flex-basis: 5em;
|
|
}
|
|
.actor.npc.sheet form .top-sections .senses .perception input {
|
|
flex: 0 0 24px;
|
|
z-index: 1;
|
|
}
|
|
.actor.npc.sheet form .top-sections .ability-scores {
|
|
flex: 2;
|
|
flex-direction: column;
|
|
}
|
|
.actor.npc.sheet form .top-sections .ability-scores .list {
|
|
display: grid;
|
|
padding-left: 0.75em;
|
|
grid-template-columns: repeat(3, minmax(0, 1fr));
|
|
}
|
|
.actor.npc.sheet form .top-sections .ability-scores .list input {
|
|
flex: 0 0 24px;
|
|
margin-right: 1em;
|
|
z-index: 1;
|
|
}
|
|
.actor.npc.sheet form .section-container {
|
|
padding: 0.25rem 0.25rem 0 0;
|
|
}
|
|
.actor.npc.sheet form .section-container .section-body {
|
|
padding: 0.25rem;
|
|
}
|
|
.actor.npc.sheet form .section-container.headerless .section-body {
|
|
border-radius: 3px;
|
|
}
|
|
.actor.npc.sheet form .section-container.skills > .section-body .list {
|
|
display: flex;
|
|
flex-direction: row;
|
|
flex-wrap: wrap;
|
|
}
|
|
.actor.npc.sheet form .section-container.recall-knowledge .section-header {
|
|
align-items: center;
|
|
}
|
|
.actor.npc.sheet form .section-container.recall-knowledge .section-header .breakdown {
|
|
width: auto;
|
|
cursor: pointer;
|
|
font-size: var(--font-size-9);
|
|
line-height: var(--font-size-15);
|
|
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);
|
|
color: var(--text-light);
|
|
font-family: var(--sans-serif);
|
|
text-transform: uppercase;
|
|
border-radius: 3px;
|
|
border: none;
|
|
padding: 2px 4px 0;
|
|
}
|
|
.actor.npc.sheet form .section-container.recall-knowledge .section-header .breakdown:hover {
|
|
box-shadow: none;
|
|
text-shadow: 0 0 2px white;
|
|
}
|
|
.actor.npc.sheet form .section-container.languages {
|
|
flex: 1;
|
|
}
|
|
.actor.npc.sheet form select {
|
|
flex: auto 0 0;
|
|
padding: 4px;
|
|
height: auto;
|
|
font-family: var(--sans-serif);
|
|
font-weight: 500;
|
|
text-transform: uppercase;
|
|
}
|
|
.actor.npc.sheet form select option {
|
|
color: var(--text-light);
|
|
background-color: var(--alt);
|
|
}
|
|
.actor.npc.sheet form .adjustments {
|
|
align-items: center;
|
|
display: flex;
|
|
justify-content: end;
|
|
}
|
|
.actor.npc.sheet form .adjustments .adjustment.active {
|
|
background-color: var(--primary);
|
|
color: var(--text-light);
|
|
}
|
|
.actor.npc.sheet form .adjustments .adjustment:not(.active) {
|
|
background-color: var(--color-disabled);
|
|
color: var(--color-text-trait);
|
|
}
|
|
.actor.npc.sheet form .npc-body {
|
|
padding-left: 5px;
|
|
display: flex;
|
|
flex: auto;
|
|
flex-direction: column;
|
|
height: 100%;
|
|
width: 100%;
|
|
overflow-y: hidden;
|
|
}
|
|
.actor.npc.sheet form .notes.active {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 0.5rem;
|
|
padding-bottom: 0.5rem;
|
|
padding-right: 0.75rem;
|
|
}
|
|
.actor.npc.sheet form .notes .notes-section {
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
.actor.npc.sheet form .notes .notes-section > h4 {
|
|
color: var(--primary);
|
|
font-family: var(--sans-serif);
|
|
font-size: var(--font-size-11);
|
|
font-weight: 700;
|
|
line-height: 1;
|
|
margin: 0 2px 0 0;
|
|
padding: 4px;
|
|
text-transform: uppercase;
|
|
white-space: nowrap;
|
|
}
|
|
.actor.npc.sheet form .notes .notes-section > .notes-text {
|
|
padding: 0 4px 4px;
|
|
color: var(--text-dark);
|
|
flex-grow: 1;
|
|
}
|
|
.actor.npc.sheet form .notes .notes-section > .notes-text .editor {
|
|
height: 100%;
|
|
}
|
|
.actor.npc.sheet form .notes .notes-section > .notes-text .editor .editor-content {
|
|
min-height: 75px;
|
|
}
|
|
.actor.npc.sheet form .notes .notes-section > .notes-text .editor .editor-edit {
|
|
background: var(--primary);
|
|
color: var(--text-light);
|
|
}
|
|
.actor.npc.sheet form .notes .notes-section > .notes-text .editor a.editor-edit {
|
|
padding: 2px 2px 2px 4px;
|
|
}
|
|
.actor.npc.sheet form .notes .notes-section.publication {
|
|
margin-top: auto;
|
|
}
|
|
.actor.npc.sheet form .notes .notes-section.publication .notes-text {
|
|
align-items: baseline;
|
|
gap: 0.25em;
|
|
display: grid;
|
|
grid-template: "title title title" 2fr "authors license remaster" 3fr/60% 20% 20%;
|
|
}
|
|
.actor.npc.sheet form .notes .notes-section.publication .notes-text label {
|
|
font-weight: 500;
|
|
min-width: unset;
|
|
}
|
|
.actor.npc.sheet form .notes .notes-section.publication .notes-text input[type=text] {
|
|
height: 1.6rem;
|
|
}
|
|
.actor.npc.sheet form .notes .notes-section.publication .notes-text .title {
|
|
grid-area: title;
|
|
margin-right: 0;
|
|
}
|
|
.actor.npc.sheet form .notes .notes-section.publication .notes-text .authors {
|
|
grid-area: authors;
|
|
}
|
|
.actor.npc.sheet form .notes .notes-section.publication .notes-text .license {
|
|
grid-area: license;
|
|
}
|
|
.actor.npc.sheet form .notes .notes-section.publication .notes-text .license select {
|
|
margin-top: 1px;
|
|
}
|
|
.actor.npc.sheet form .notes .notes-section.publication .notes-text .remaster {
|
|
grid-area: remaster;
|
|
}
|
|
.actor.npc.sheet form .notes .notes-section.publication .notes-text .license,
|
|
.actor.npc.sheet form .notes .notes-section.publication .notes-text .remaster {
|
|
text-align: center;
|
|
}
|
|
.actor.npc.sheet form .notes .notes-section.publication .notes-text .license label,
|
|
.actor.npc.sheet form .notes .notes-section.publication .notes-text .remaster label {
|
|
padding: 0;
|
|
}
|
|
.actor.npc.sheet form .notes .notes-section.publication .notes-text input[type=text] {
|
|
background: rgba(0, 0, 0, 0.05);
|
|
padding: 1px 3px;
|
|
}
|
|
.actor.npc.sheet form .notes .tox {
|
|
min-height: 20em;
|
|
}
|
|
.actor.npc.sheet form.dead .profile {
|
|
background-size: cover;
|
|
background-color: #dbd9cd;
|
|
box-sizing: border-box;
|
|
border: 1px solid black;
|
|
border-radius: 2px;
|
|
}
|
|
.actor.npc.sheet form.dead .profile > img {
|
|
border: none;
|
|
width: 100%;
|
|
opacity: 0.33;
|
|
}
|
|
.actor.npc.sheet form.dead h2.name {
|
|
margin-top: 3px;
|
|
text-align: center;
|
|
border-bottom: none;
|
|
}
|
|
.actor.npc.sheet form.simple .sheet-body {
|
|
overflow-y: auto;
|
|
}
|
|
.actor.npc.sheet.simple {
|
|
min-height: 500px;
|
|
}
|
|
.sheet.actor.loot form {
|
|
display: flex;
|
|
flex-direction: row;
|
|
height: 100%;
|
|
}
|
|
.sheet.actor.loot section.sidebar {
|
|
display: flex;
|
|
flex-direction: column;
|
|
width: 200px;
|
|
height: 100%;
|
|
border-right: 1px solid var(--color-text-light-7);
|
|
box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
|
|
}
|
|
.sheet.actor.loot 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 var(--color-text-light-7);
|
|
}
|
|
.sheet.actor.loot section.sidebar .image-container [data-action=show-image] {
|
|
bottom: 3px;
|
|
right: 2px;
|
|
}
|
|
.sheet.actor.loot section.sidebar .gm-settings {
|
|
border-bottom: 1px solid var(--color-text-light-7);
|
|
display: flex;
|
|
flex-direction: column;
|
|
padding: 0.25rem;
|
|
}
|
|
.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 var(--color-text-light-7);
|
|
}
|
|
.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;
|
|
}
|
|
.sheet.actor.loot .sheet-header {
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
gap: 0.2rem;
|
|
padding-top: 0.25rem;
|
|
border-bottom: 1px solid var(--color-text-light-7);
|
|
box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
|
|
}
|
|
.sheet.actor.loot .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 {
|
|
padding: 0 0.25rem 0 0.5rem;
|
|
font-size: var(--font-size-16);
|
|
}
|
|
.sheet.actor.loot .sheet-header .tags {
|
|
align-items: center;
|
|
display: flex;
|
|
flex: 0 0 auto;
|
|
margin-left: auto;
|
|
margin-right: 0.5em;
|
|
}
|
|
.sheet.actor.loot .sheet-header .tags .tag {
|
|
color: var(--text-light);
|
|
font-size: var(--font-size-16);
|
|
height: unset;
|
|
padding: 0.1em 0.4em;
|
|
}
|
|
.sheet.actor.loot .sheet-header .tags .tag option {
|
|
background-color: #5e0000;
|
|
color: inherit;
|
|
font-size: inherit;
|
|
}
|
|
.sheet.actor.loot .sheet-header .currency {
|
|
margin-bottom: 8px;
|
|
}
|
|
.sheet.actor.loot .sheet-body {
|
|
padding: 0.5rem;
|
|
}
|
|
.sheet.actor.loot section.content {
|
|
display: flex;
|
|
flex-direction: column;
|
|
flex: 1;
|
|
height: 100%;
|
|
}
|
|
.sheet.actor.loot section.content .inventory {
|
|
overflow: hidden;
|
|
}
|
|
.sheet.actor.loot section.content .inventory .inventory-list {
|
|
--border-color: var(--secondary-background);
|
|
margin-bottom: 2px;
|
|
}
|
|
.sheet.actor.loot section.content .inventory .inventory-list .item-controls {
|
|
flex: 0 0 4rem;
|
|
}
|
|
.sheet.actor.loot section.content .inventory .inventory-list .item-controls a.item-toggle-equip {
|
|
display: none;
|
|
}
|
|
.sheet.actor.loot section.content .inventory .inventory-header {
|
|
background: var(--primary-background);
|
|
color: var(--text-light);
|
|
}
|
|
.loot-actor-popup {
|
|
flex: unset;
|
|
}
|
|
.loot-actor-popup .confirm-button {
|
|
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3), inset 0 0 0 2px rgba(255, 255, 255, 0.2);
|
|
width: calc(100% - 6px);
|
|
height: 2.5em;
|
|
margin-top: 1em;
|
|
background-color: var(--tertiary);
|
|
}
|
|
.loot-actor-popup .checkboxes label {
|
|
display: block;
|
|
padding-right: 10px;
|
|
padding-left: 22px;
|
|
text-indent: -22px;
|
|
}
|
|
.loot-actor-popup .checkboxes input {
|
|
vertical-align: middle;
|
|
}
|
|
.loot-actor-popup .checkboxes label span {
|
|
vertical-align: middle;
|
|
}
|
|
.sheet.party {
|
|
--color-border: rgba(0, 0, 0, 0.28);
|
|
/** White background navigation with little decorations on the left and right */
|
|
}
|
|
.sheet.party form {
|
|
display: flex;
|
|
flex-direction: column;
|
|
height: 100%;
|
|
background: url("../assets/sheet/background.webp");
|
|
background-repeat: no-repeat;
|
|
background-size: cover;
|
|
background-attachment: local;
|
|
}
|
|
.sheet.party form > header {
|
|
background: url("../assets/sheet/header-bw.webp"), url("../assets/sheet/background.webp");
|
|
background-repeat: repeat-x, no-repeat;
|
|
background-size: cover;
|
|
background-color: #2f9d50;
|
|
background-blend-mode: multiply;
|
|
color: var(--text-light);
|
|
width: 100%;
|
|
font-family: var(--sans-serif);
|
|
text-transform: uppercase;
|
|
font-weight: 600;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
padding: 0 0.75rem;
|
|
gap: 8px;
|
|
box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
|
|
}
|
|
.sheet.party form > header .frame-container {
|
|
flex: 0 0 60px;
|
|
padding: 4px;
|
|
margin: 0.75rem 0;
|
|
}
|
|
.sheet.party form > header .frame-container .frame {
|
|
position: relative;
|
|
width: 2.5rem;
|
|
height: 2.5rem;
|
|
}
|
|
.sheet.party form > header .frame-container .player-image {
|
|
object-fit: cover;
|
|
object-position: top;
|
|
border: none;
|
|
border-radius: 0;
|
|
width: 100%;
|
|
cursor: pointer;
|
|
border: none;
|
|
box-shadow: 0 0 0 1px #918c88, 0 0 0 2px #e1d8cf, 0 0 0 3px #a98f39, inset 0 0 8px rgba(0, 0, 0, 0.5), 0 0 8px black;
|
|
}
|
|
.sheet.party form > header input[type=text],
|
|
.sheet.party form > header input[type=number] {
|
|
color: var(--text-light);
|
|
border: none;
|
|
border-bottom: 1px solid transparent;
|
|
}
|
|
.sheet.party form > header input[type=text]:not(:disabled):hover, .sheet.party form > header input[type=text]:focus,
|
|
.sheet.party form > header input[type=number]:not(:disabled):hover,
|
|
.sheet.party form > header input[type=number]:focus {
|
|
border: none;
|
|
border-bottom: 1px solid var(--text-light);
|
|
box-shadow: none;
|
|
}
|
|
.sheet.party form > header .details {
|
|
margin: 4px 0;
|
|
flex: 1;
|
|
}
|
|
.sheet.party form > header .details {
|
|
display: grid;
|
|
grid: "name type" 1fr "name visibility" auto/1fr auto;
|
|
align-items: center;
|
|
gap: 0 0.5rem;
|
|
font-family: var(--serif-condensed);
|
|
font-size: var(--font-size-28);
|
|
font-weight: 700;
|
|
}
|
|
.sheet.party form > header .details .name {
|
|
grid-area: name;
|
|
flex: 1;
|
|
font-size: var(--font-size-32);
|
|
}
|
|
.sheet.party form > header .details .actor-type {
|
|
grid-area: type;
|
|
text-align: end;
|
|
}
|
|
.sheet.party form > header .details .visibility {
|
|
grid-area: visibility;
|
|
font-size: var(--font-size-14);
|
|
opacity: 0.8;
|
|
}
|
|
.sheet.party form > header .details .visibility i {
|
|
font-size: 0.9em;
|
|
margin-right: 0.125rem;
|
|
}
|
|
.sheet.party nav.sheet-navigation {
|
|
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 {
|
|
font-family: "Pathfinder2eActions", sans-serif;
|
|
font-size: 1rem;
|
|
}
|
|
.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 2.5rem;
|
|
}
|
|
.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 .readonly {
|
|
pointer-events: none;
|
|
}
|
|
.sheet.party .readonly a,
|
|
.sheet.party .readonly button {
|
|
pointer-events: none;
|
|
}
|
|
.sheet.party .container {
|
|
height: 100%;
|
|
overflow: hidden;
|
|
}
|
|
.sheet.party .content {
|
|
overflow: hidden scroll;
|
|
flex: 1;
|
|
}
|
|
.sheet.party .tab.active {
|
|
display: flex;
|
|
height: 100%;
|
|
}
|
|
.sheet.party .item-list.directory-list {
|
|
gap: 0.2em;
|
|
margin: 0;
|
|
padding: 0;
|
|
display: flex;
|
|
flex-direction: column;
|
|
width: 100%;
|
|
}
|
|
.sheet.party .item-list.directory-list .item {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
padding: 2px 4px 2px 12px;
|
|
width: 100%;
|
|
}
|
|
.sheet.party .item-list.directory-list .item p:empty {
|
|
display: none;
|
|
}
|
|
.sheet.party .item-list.directory-list .item .item-name {
|
|
display: flex;
|
|
align-items: center;
|
|
flex: 1;
|
|
}
|
|
.sheet.party .item-list.directory-list .item .item-name h4 {
|
|
cursor: pointer;
|
|
margin: 0;
|
|
}
|
|
.sheet.party .item-list.directory-list .item .item-name .item-image {
|
|
margin-right: 8px;
|
|
}
|
|
.sheet.party .item-list.directory-list .item .item-controls {
|
|
display: flex;
|
|
flex: 0;
|
|
font-size: var(--font-size-12);
|
|
gap: 1px;
|
|
white-space: nowrap;
|
|
}
|
|
.sheet.party .item-list.directory-list .item .item-controls a.info-only:hover {
|
|
cursor: default;
|
|
text-shadow: none;
|
|
}
|
|
.sheet.party .item-list.directory-list .item .item-controls a + a {
|
|
margin-left: 4px;
|
|
}
|
|
.sheet.party .item-list.directory-list .item .item-summary {
|
|
flex-basis: 100%;
|
|
}
|
|
.sheet.party .item-list.directory-list .item.unidentified {
|
|
border-radius: 1px;
|
|
outline: 1px dotted rgba(75, 74, 68, 0.5);
|
|
background: var(--visibility-gm-bg);
|
|
}
|
|
.sheet.party .item-list.directory-list .item .button-group {
|
|
display: flex;
|
|
justify-content: flex-end;
|
|
align-items: center;
|
|
flex-wrap: nowrap;
|
|
width: 50%;
|
|
flex: 0;
|
|
}
|
|
.sheet.party .item-list.directory-list .item .button-group button {
|
|
margin: 0;
|
|
border: none;
|
|
cursor: pointer;
|
|
font-family: var(--sans-serif);
|
|
font-size: var(--font-size-10);
|
|
text-transform: uppercase;
|
|
letter-spacing: 0.05em;
|
|
text-rendering: optimizeLegibility;
|
|
padding: 5px;
|
|
color: var(--text-light);
|
|
width: 70px;
|
|
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3), inset 0 0 0 2px rgba(255, 255, 255, 0.2);
|
|
background: var(--secondary);
|
|
border-radius: 2px;
|
|
flex: 0;
|
|
white-space: nowrap;
|
|
margin-left: 4px;
|
|
flex: 0;
|
|
}
|
|
.sheet.party .item-list.directory-list .item .button-group button:hover {
|
|
box-shadow: none;
|
|
text-shadow: 0 0 2px white;
|
|
}
|
|
.sheet.party .item-list.directory-list .item {
|
|
margin: 2px 0;
|
|
border: solid transparent;
|
|
border-width: 0 0 1px;
|
|
border-image: linear-gradient(90deg, #f1edea, #d5cac1) 1 repeat;
|
|
}
|
|
.sheet.party .item-list.directory-list .item .item-summary {
|
|
margin-top: 8px;
|
|
}
|
|
.sheet.party header.content-header {
|
|
align-items: center;
|
|
background-color: var(--sub);
|
|
color: var(--text-light);
|
|
display: flex;
|
|
font-weight: 600;
|
|
margin-bottom: 0.5rem;
|
|
padding: 0 0.5rem;
|
|
line-height: 2.375rem;
|
|
}
|
|
.sheet.party header.content-header .buttons {
|
|
align-items: center;
|
|
display: flex;
|
|
margin-left: auto;
|
|
}
|
|
.sheet.party header.content-header button {
|
|
background-color: var(--tertiary);
|
|
border: 1px solid var(--alt-dark);
|
|
border-radius: 0;
|
|
color: var(--alt-dark);
|
|
min-width: 2.375rem;
|
|
height: 1.875rem;
|
|
margin: 0;
|
|
}
|
|
.sheet.party header.content-header button + button {
|
|
margin-left: -1px;
|
|
}
|
|
.sheet.party header.content-header button:hover {
|
|
z-index: 1;
|
|
}
|
|
.sheet.party .sidebar {
|
|
overflow: hidden scroll;
|
|
border-right: 1px solid #888;
|
|
box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 8px;
|
|
height: 100%;
|
|
padding: 0.5rem;
|
|
width: 13.5rem;
|
|
}
|
|
.sheet.party .sidebar .box-list {
|
|
margin: 0;
|
|
padding: 0;
|
|
display: flex;
|
|
color: var(--alt-dark);
|
|
flex-direction: column;
|
|
font-family: var(--sans-serif);
|
|
gap: 0.5rem;
|
|
list-style-type: none;
|
|
}
|
|
.sheet.party .sidebar .box {
|
|
border: 1px solid var(--color-border);
|
|
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.18);
|
|
font-family: var(--sans-serif);
|
|
border-radius: 3px;
|
|
font-size: var(--font-size-12);
|
|
}
|
|
.sheet.party .sidebar .box .summary-data > div {
|
|
align-items: center;
|
|
display: flex;
|
|
margin: 0.5rem;
|
|
}
|
|
.sheet.party .sidebar .box .summary-data > div label {
|
|
flex: 1;
|
|
font-weight: 600;
|
|
}
|
|
.sheet.party .sidebar .box .actor-link img {
|
|
border: none;
|
|
width: 2rem;
|
|
height: 2rem;
|
|
object-fit: contain;
|
|
}
|
|
.sheet.party .sidebar .box .name {
|
|
font-weight: 700;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
}
|
|
.sheet.party .sidebar .box header,
|
|
.sheet.party .sidebar .box footer {
|
|
position: relative;
|
|
margin: -1px;
|
|
padding: 0 0.25rem;
|
|
}
|
|
.sheet.party .sidebar .box header {
|
|
background-color: var(--sub);
|
|
border-radius: 3px 3px 0 0;
|
|
color: var(--text-light);
|
|
font-weight: 700;
|
|
height: 1.125rem;
|
|
line-height: 1.125rem;
|
|
}
|
|
.sheet.party .sidebar .box footer {
|
|
background-color: var(--bg-dark);
|
|
border-radius: 0 0 3px 3px;
|
|
border: 1px solid var(--color-border);
|
|
border-top: none;
|
|
color: var(--sub);
|
|
font-weight: 500;
|
|
height: 1rem;
|
|
line-height: 1rem;
|
|
}
|
|
.sheet.party .tag-light {
|
|
--tag-color: var(--color-proficiency-untrained);
|
|
align-items: center;
|
|
border-radius: 2px;
|
|
border: 1px solid var(--tag-color);
|
|
color: var(--tag-color);
|
|
display: flex;
|
|
font: 700 var(--font-size-13)/1.25rem var(--sans-serif);
|
|
font-variant: all-small-caps;
|
|
gap: 0.125rem;
|
|
height: 1.25rem;
|
|
margin: 0;
|
|
padding: 0 0.25rem;
|
|
white-space: nowrap;
|
|
width: auto;
|
|
}
|
|
.sheet.party .tag-light .mod {
|
|
font-weight: 500;
|
|
}
|
|
.sheet.party [data-tab=inventory] .inventory-members .box .content {
|
|
align-items: center;
|
|
display: flex;
|
|
padding: 0.5rem;
|
|
overflow: hidden;
|
|
}
|
|
.sheet.party [data-tab=inventory] .inventory-members .box .content img {
|
|
grid-area: image;
|
|
margin-right: 0.4rem;
|
|
}
|
|
.sheet.party [data-tab=inventory] .inventory-members .box .content .sub-data {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 0.125rem;
|
|
}
|
|
.sheet.party [data-tab=inventory] .inventory-members .box footer {
|
|
align-items: center;
|
|
display: flex;
|
|
gap: 0.25rem;
|
|
}
|
|
.sheet.party [data-tab=inventory] .inventory-members .box footer i {
|
|
font-size: 0.8em;
|
|
}
|
|
.sheet.party [data-tab=inventory] .inventory-members .box .inventory-data {
|
|
display: flex;
|
|
gap: 0.25rem;
|
|
padding: 2px 3px;
|
|
font-size: var(--font-size-12);
|
|
}
|
|
.sheet.party [data-tab=inventory] .inventory {
|
|
flex: 1;
|
|
padding: 0.5rem 4px 0.5em 0.5em;
|
|
display: flex;
|
|
flex-direction: column;
|
|
height: 100%;
|
|
}
|
|
.sheet.party [data-tab=inventory] .inventory .item-controls {
|
|
max-width: 3.5rem;
|
|
}
|
|
.sheet.party [data-tab=overview] .content {
|
|
padding-top: 0.5rem;
|
|
padding-bottom: 0.25rem;
|
|
}
|
|
.sheet.party [data-tab=overview] .summary {
|
|
border-image-repeat: repeat;
|
|
border-image-slice: 11;
|
|
border-image-source: url("../assets/sheet/frame-elegant.svg");
|
|
border-image-width: 14px;
|
|
border-style: double;
|
|
display: flex;
|
|
flex-direction: column;
|
|
padding: 0.375rem 0.5rem;
|
|
margin: 0.25rem 1rem 0.25rem 12px;
|
|
}
|
|
.sheet.party [data-tab=overview] .summary nav {
|
|
color: var(--alt-dark);
|
|
display: flex;
|
|
gap: 0.25rem;
|
|
line-height: 1.25em;
|
|
margin-bottom: 0.375rem;
|
|
align-items: center;
|
|
}
|
|
.sheet.party [data-tab=overview] .summary nav button {
|
|
border: none;
|
|
font-size: var(--font-size-14);
|
|
font-weight: 500;
|
|
padding: 0 0.5rem;
|
|
white-space: nowrap;
|
|
width: auto;
|
|
}
|
|
.sheet.party [data-tab=overview] .summary nav button.active {
|
|
background: var(--secondary);
|
|
color: var(--text-light);
|
|
}
|
|
.sheet.party [data-tab=overview] .summary nav label {
|
|
margin-left: auto;
|
|
margin-right: 0.25rem;
|
|
}
|
|
.sheet.party [data-tab=overview] .summary .tags,
|
|
.sheet.party [data-tab=overview] .summary .skills {
|
|
margin: 0;
|
|
}
|
|
.sheet.party [data-tab=overview] .summary [hidden] {
|
|
display: none;
|
|
}
|
|
.sheet.party [data-tab=overview] .skills {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
gap: 0.25rem;
|
|
}
|
|
.sheet.party [data-tab=overview] .skills .tag-light[data-rank="1"] {
|
|
--tag-color: var(--color-proficiency-trained);
|
|
}
|
|
.sheet.party [data-tab=overview] .skills .tag-light[data-rank="2"] {
|
|
--tag-color: var(--color-proficiency-expert);
|
|
}
|
|
.sheet.party [data-tab=overview] .skills .tag-light[data-rank="3"] {
|
|
--tag-color: var(--color-proficiency-master);
|
|
}
|
|
.sheet.party [data-tab=overview] .skills .tag-light[data-rank="4"] {
|
|
--tag-color: var(--color-proficiency-legendary);
|
|
}
|
|
.sheet.party [data-tab=overview] .skills .perception {
|
|
color: var(--text-light);
|
|
background-color: var(--tag-color);
|
|
}
|
|
.sheet.party [data-tab=overview] .member {
|
|
display: flex;
|
|
flex-direction: row;
|
|
font-family: var(--sans-serif);
|
|
padding: 0.5rem 1rem;
|
|
position: relative;
|
|
height: 7.375rem;
|
|
}
|
|
.sheet.party [data-tab=overview] .member:not(:last-child):after {
|
|
content: "";
|
|
background-color: rgba(68, 55, 48, 0.1);
|
|
width: 100%;
|
|
height: 1px;
|
|
position: absolute;
|
|
bottom: 0;
|
|
}
|
|
.sheet.party [data-tab=overview] .member > .portrait {
|
|
margin-right: 8px;
|
|
min-width: 5.5rem;
|
|
position: relative;
|
|
}
|
|
.sheet.party [data-tab=overview] .member > .portrait img {
|
|
position: absolute;
|
|
border: none;
|
|
height: 100%;
|
|
width: 100%;
|
|
object-fit: contain;
|
|
}
|
|
.sheet.party [data-tab=overview] .member > .portrait .health-bar {
|
|
background-color: var(--sub);
|
|
bottom: 0;
|
|
color: var(--text-light);
|
|
font-size: var(--font-size-12);
|
|
font-weight: 500;
|
|
height: 1.25rem;
|
|
line-height: 1.25rem;
|
|
position: absolute;
|
|
width: 100%;
|
|
}
|
|
.sheet.party [data-tab=overview] .member > .portrait .health-bar .bar {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
bottom: 0;
|
|
background-color: var(--primary);
|
|
box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.2);
|
|
}
|
|
.sheet.party [data-tab=overview] .member > .portrait .health-bar .temp {
|
|
background-color: var(--secondary);
|
|
top: -0.25rem;
|
|
height: 0.25rem;
|
|
}
|
|
.sheet.party [data-tab=overview] .member > .portrait .health-bar span {
|
|
padding-left: 0.25rem;
|
|
position: relative;
|
|
}
|
|
.sheet.party [data-tab=overview] .member > .data {
|
|
width: 100%;
|
|
}
|
|
.sheet.party [data-tab=overview] .member > .data header {
|
|
border-left: 1px solid #c9bfa9;
|
|
display: grid;
|
|
grid: "name hero-points" "blurb hero-points"/auto max-content;
|
|
margin-bottom: 0.25rem;
|
|
padding-left: 0.5rem;
|
|
}
|
|
.sheet.party [data-tab=overview] .member > .data header .name {
|
|
align-items: center;
|
|
display: flex;
|
|
font: 600 var(--font-size-18)/1 var(--serif);
|
|
grid-area: name;
|
|
}
|
|
.sheet.party [data-tab=overview] .member > .data header .name i {
|
|
font-size: 0.8em;
|
|
margin-left: 0.125rem;
|
|
}
|
|
.sheet.party [data-tab=overview] .member > .data header .blurb {
|
|
align-items: center;
|
|
color: var(--alt-dark);
|
|
display: flex;
|
|
font: 500 var(--font-size-14)/var(--font-size-14) var(--sans-serif);
|
|
font-variant: all-small-caps;
|
|
gap: 0.25rem;
|
|
grid-area: blurb;
|
|
position: relative;
|
|
}
|
|
.sheet.party [data-tab=overview] .member > .data header .blurb hr.vr {
|
|
border: 1px solid var(--color-border);
|
|
height: 0.5rem;
|
|
position: relative;
|
|
top: 1px;
|
|
}
|
|
.sheet.party [data-tab=overview] .member > .data header .hero-points {
|
|
align-items: end;
|
|
display: flex;
|
|
gap: 3px;
|
|
grid-area: hero-points;
|
|
width: fit-content;
|
|
}
|
|
.sheet.party [data-tab=overview] .member > .data header .hero-points > * {
|
|
width: 1.5rem;
|
|
height: 1.5rem;
|
|
}
|
|
.sheet.party [data-tab=overview] .member > .data header .hero-points .empty {
|
|
border: 2px dashed rgba(0, 0, 0, 0.5);
|
|
border-radius: 50%;
|
|
}
|
|
.sheet.party [data-tab=overview] .member > .data header .hero-points img {
|
|
border: none;
|
|
}
|
|
.sheet.party [data-tab=overview] .member > .data .main-stats {
|
|
display: flex;
|
|
gap: 0.5rem;
|
|
margin: 0.125rem 0 0.25rem 0;
|
|
}
|
|
.sheet.party [data-tab=overview] .member > .data .main-stats > section {
|
|
border: 1px solid var(--color-border);
|
|
border-radius: 2px;
|
|
height: 2.625rem;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
flex: 1 1 0;
|
|
}
|
|
.sheet.party [data-tab=overview] .member > .data .main-stats .score {
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
justify-content: center;
|
|
font-size: var(--font-size-18);
|
|
}
|
|
.sheet.party [data-tab=overview] .member > .data .main-stats .score label {
|
|
font-size: var(--font-size-10);
|
|
font-weight: 500;
|
|
}
|
|
.sheet.party [data-tab=overview] .member > .data .main-stats .ac {
|
|
border: none;
|
|
position: relative;
|
|
flex: 0 0 2.25rem;
|
|
}
|
|
.sheet.party [data-tab=overview] .member > .data .main-stats .ac::before {
|
|
content: " ";
|
|
position: absolute;
|
|
inset: 0;
|
|
background: url("../assets/sheet/shield-clear.svg") no-repeat center center;
|
|
background-size: contain;
|
|
}
|
|
.sheet.party [data-tab=overview] .member > .data .main-stats .ac .value {
|
|
color: var(--color-proficiency-trained);
|
|
font-weight: 700;
|
|
}
|
|
.sheet.party [data-tab=overview] .member > .data .main-stats .saving-throws {
|
|
flex: 0 0 9.5rem;
|
|
}
|
|
.sheet.party [data-tab=overview] .member > .data .main-stats .saving-throws .score {
|
|
flex: 1;
|
|
font-weight: 500;
|
|
}
|
|
.sheet.party [data-tab=overview] .member > .data .main-stats .senses {
|
|
align-items: center;
|
|
flex: 1.4;
|
|
overflow: hidden;
|
|
}
|
|
.sheet.party [data-tab=overview] .member > .data .main-stats .senses .value {
|
|
align-items: center;
|
|
display: flex;
|
|
font-size: var(--font-size-12);
|
|
gap: 0.125rem;
|
|
overflow-x: auto;
|
|
max-width: 100%;
|
|
padding: 0 0.5rem;
|
|
padding-bottom: 7px;
|
|
margin-bottom: -7px;
|
|
}
|
|
.sheet.party [data-tab=overview] .member > .data .main-stats .senses .value [data-acuity=imprecise],
|
|
.sheet.party [data-tab=overview] .member > .data .main-stats .senses .value [data-acuity=vague] {
|
|
border-style: dashed;
|
|
}
|
|
.sheet.party [data-tab=exploration] .exploration-members .actor-link {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 0.25rem;
|
|
}
|
|
.sheet.party [data-tab=exploration] .exploration-members .member .sub-data {
|
|
display: flex;
|
|
flex-direction: row;
|
|
background-color: rgba(68, 55, 48, 0.1);
|
|
font-size: var(--font-size-11);
|
|
font-weight: 500;
|
|
}
|
|
.sheet.party [data-tab=exploration] .exploration-members .member .sub-data > span {
|
|
flex: 1;
|
|
text-align: center;
|
|
padding: 0.2rem;
|
|
}
|
|
.sheet.party [data-tab=exploration] .exploration-members .member .sub-data > span:not(:last-child) {
|
|
border-right: 1px solid rgba(68, 55, 48, 0.1);
|
|
}
|
|
.sheet.party [data-tab=exploration] .exploration-members .member footer.health-bar {
|
|
background-color: var(--sub);
|
|
color: var(--text-light);
|
|
}
|
|
.sheet.party [data-tab=exploration] .exploration-members .member footer.health-bar .bar {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
bottom: 0;
|
|
background-color: var(--primary);
|
|
border-radius: 0 0 3px 3px;
|
|
box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.2);
|
|
}
|
|
.sheet.party [data-tab=exploration] .exploration-members .member footer.health-bar span {
|
|
position: relative;
|
|
}
|
|
.sheet.party [data-tab=exploration] .content {
|
|
padding: 0.5rem;
|
|
}
|
|
.sheet.party [data-tab=exploration] .activities {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 0.5rem;
|
|
}
|
|
.sheet.party [data-tab=exploration] .activities .member-activity {
|
|
border-image-repeat: repeat;
|
|
border-image-slice: 11;
|
|
border-image-source: url("../assets/sheet/frame-elegant.svg");
|
|
border-image-width: 14px;
|
|
border-style: double;
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
.sheet.party [data-tab=exploration] .activities .member-activity img {
|
|
object-fit: contain;
|
|
border: none;
|
|
}
|
|
.sheet.party [data-tab=exploration] .activities .member-activity .actor-image {
|
|
flex: 0 0 auto;
|
|
}
|
|
.sheet.party [data-tab=exploration] .activities .member-activity .actor-image img {
|
|
width: 4rem;
|
|
height: 4rem;
|
|
margin: 0.375rem;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
.sheet.party [data-tab=exploration] .activities .member-activity .actor-image img i {
|
|
color: var(--text-dark);
|
|
font-size: var(--font-size-30);
|
|
}
|
|
.sheet.party [data-tab=exploration] .activities .member-activity .activity-entries {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 0.125rem;
|
|
overflow: hidden;
|
|
}
|
|
.sheet.party [data-tab=exploration] .activities .member-activity .activity-entries .activity {
|
|
align-items: center;
|
|
display: flex;
|
|
gap: 0 0.5rem;
|
|
margin-left: 0.25rem;
|
|
white-space: nowrap;
|
|
}
|
|
.sheet.party [data-tab=exploration] .activities .member-activity .activity-entries .activity .name {
|
|
font-weight: 500;
|
|
}
|
|
.sheet.party [data-tab=exploration] .activities .member-activity .activity-entries .activity .tags {
|
|
flex-wrap: nowrap;
|
|
overflow: hidden;
|
|
}
|
|
.sheet.party [data-tab=exploration] .activities .member-activity .activity-entries .activity.single {
|
|
align-items: start;
|
|
flex-direction: column;
|
|
}
|
|
.sheet.party [data-tab=exploration] .activities .member-activity .activity-entries .activity.single .name {
|
|
font-size: var(--font-size-16);
|
|
}
|
|
.sheet.party [data-tab=exploration] .activities .member-activity .empty {
|
|
align-items: center;
|
|
cursor: pointer;
|
|
display: flex;
|
|
font-family: var(--serif);
|
|
gap: 0.5rem;
|
|
}
|
|
.sheet.party [data-tab=exploration] .activities .member-activity .empty div {
|
|
margin: 0;
|
|
}
|
|
.sheet.party [data-tab=exploration] .activities .member-activity .empty .icon {
|
|
border: 1px dashed var(--color-border);
|
|
border-radius: 50%;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
font-size: var(--font-size-14);
|
|
height: 2.125rem;
|
|
width: 2.125rem;
|
|
}
|
|
.sheet.party [data-tab=exploration] .activities .member-activity .empty .name {
|
|
color: var(--primary-dark);
|
|
font-size: var(--font-size-16);
|
|
line-height: 1em;
|
|
}
|
|
.sheet.party [data-tab=exploration] .activities .member-activity .empty .hint {
|
|
color: var(--alt-dark);
|
|
line-height: 1em;
|
|
}
|
|
.sheet.party [data-tab=orphaned] .item-list {
|
|
margin: 16px;
|
|
}
|
|
.sheet.kingdom {
|
|
--paper-bg: rgba(221, 216, 200, 0.4);
|
|
--drop-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
|
|
--gold: #ffd700;
|
|
--color-divider: rgba(68, 55, 48, 0.2);
|
|
/** White background navigation with little decorations on the left and right */
|
|
}
|
|
.sheet.kingdom form {
|
|
display: flex;
|
|
flex-direction: column;
|
|
height: 100%;
|
|
background: url("../assets/sheet/background.webp");
|
|
background-repeat: no-repeat;
|
|
background-size: cover;
|
|
background-attachment: local;
|
|
}
|
|
.sheet.kingdom form > header {
|
|
background: url("../assets/sheet/header-bw.webp"), url("../assets/sheet/background.webp");
|
|
background-repeat: repeat-x, no-repeat;
|
|
background-size: cover;
|
|
background-color: #66bc1a;
|
|
background-blend-mode: multiply;
|
|
color: var(--text-light);
|
|
width: 100%;
|
|
font-family: var(--sans-serif);
|
|
font-weight: 600;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
padding: 0 0.75rem;
|
|
gap: 0.75rem;
|
|
box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
|
|
}
|
|
.sheet.kingdom form > header .frame-container {
|
|
padding: 4px;
|
|
margin: 0.75rem 0;
|
|
}
|
|
.sheet.kingdom form > header .frame-container .frame {
|
|
position: relative;
|
|
width: 3.25rem;
|
|
height: 3.25rem;
|
|
}
|
|
.sheet.kingdom form > header .frame-container .player-image {
|
|
object-fit: cover;
|
|
object-position: top;
|
|
border: none;
|
|
border-radius: 0;
|
|
width: 3.25rem;
|
|
height: 3.25rem;
|
|
cursor: pointer;
|
|
border: none;
|
|
box-shadow: 0 0 0 1px #918c88, 0 0 0 2px #e1d8cf, 0 0 0 3px #a98f39, inset 0 0 8px rgba(0, 0, 0, 0.5), 0 0 8px black;
|
|
}
|
|
.sheet.kingdom form > header .details {
|
|
display: grid;
|
|
grid-template: "title title title title level" auto "capital size rp fame level" auto/1fr auto auto auto auto;
|
|
align-items: center;
|
|
gap: 0 4px;
|
|
font-size: var(--font-size-22);
|
|
font-family: var(--serif-condensed);
|
|
font-weight: 700;
|
|
margin: 4px 0;
|
|
flex: 1;
|
|
}
|
|
.sheet.kingdom form > header .details input[type=text],
|
|
.sheet.kingdom form > header .details input[type=number] {
|
|
color: var(--text-light);
|
|
border: none;
|
|
border-bottom: 1px solid transparent;
|
|
padding: 0;
|
|
height: unset;
|
|
}
|
|
.sheet.kingdom form > header .details input[type=text]:hover, .sheet.kingdom form > header .details input[type=text]:focus,
|
|
.sheet.kingdom form > header .details input[type=number]:hover,
|
|
.sheet.kingdom form > header .details input[type=number]:focus {
|
|
border: none;
|
|
border-bottom: 1px solid var(--text-light);
|
|
box-shadow: none;
|
|
}
|
|
.sheet.kingdom form > header .details input[type=text]::placeholder,
|
|
.sheet.kingdom form > header .details input[type=number]::placeholder {
|
|
color: #bbb;
|
|
opacity: 0.4;
|
|
}
|
|
.sheet.kingdom form > header .details .title {
|
|
display: flex;
|
|
grid-area: title;
|
|
gap: 1rem;
|
|
font-size: var(--font-size-30);
|
|
}
|
|
.sheet.kingdom form > header .details label {
|
|
align-items: baseline;
|
|
display: flex;
|
|
gap: 0.5rem;
|
|
white-space: nowrap;
|
|
}
|
|
.sheet.kingdom form > header .details label span {
|
|
color: var(--gold);
|
|
font-size: 0.8em;
|
|
text-transform: uppercase;
|
|
}
|
|
.sheet.kingdom form > header .details .capital {
|
|
grid-area: capital;
|
|
}
|
|
.sheet.kingdom form > header .details .size {
|
|
grid-area: size;
|
|
margin-left: 0.5rem;
|
|
}
|
|
.sheet.kingdom form > header .details .size input {
|
|
width: 3ch;
|
|
text-align: center;
|
|
}
|
|
.sheet.kingdom form > header .details .resource-points {
|
|
grid-area: rp;
|
|
margin-left: 1rem;
|
|
}
|
|
.sheet.kingdom form > header .details .resource-points input {
|
|
width: 3ch;
|
|
text-align: center;
|
|
}
|
|
.sheet.kingdom form > header .details .fame {
|
|
align-items: center;
|
|
display: flex;
|
|
grid-area: fame;
|
|
margin-left: 0.25rem;
|
|
}
|
|
.sheet.kingdom form > header .details .fame .pips {
|
|
font-size: var(--font-size-12);
|
|
}
|
|
.sheet.kingdom form > header .details .level {
|
|
grid-area: level;
|
|
}
|
|
.sheet.kingdom form > header section.level {
|
|
display: flex;
|
|
justify-content: flex-start;
|
|
margin-left: 1rem;
|
|
text-transform: uppercase;
|
|
}
|
|
.sheet.kingdom form > header section.level .level {
|
|
position: relative;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
flex-direction: column;
|
|
height: 43px;
|
|
width: 40px;
|
|
background: url("../assets/sheet/level-badge.webp") no-repeat;
|
|
background-size: 40px 43px;
|
|
z-index: 2;
|
|
font-size: 0;
|
|
padding-top: 2px;
|
|
}
|
|
.sheet.kingdom form > header section.level .level label {
|
|
color: var(--sidebar-label);
|
|
font-family: var(--sans-serif);
|
|
font-size: var(--font-size-10);
|
|
text-transform: uppercase;
|
|
letter-spacing: 0.05em;
|
|
text-rendering: optimizeLegibility;
|
|
line-height: 1.5;
|
|
}
|
|
.sheet.kingdom form > header section.level .level input {
|
|
font-family: var(--serif);
|
|
font-size: var(--font-size-22);
|
|
font-weight: 400;
|
|
color: var(--text-light);
|
|
line-height: calc(1em + 1px);
|
|
height: 24px;
|
|
}
|
|
.sheet.kingdom form > header section.level .level label,
|
|
.sheet.kingdom form > header section.level .level input {
|
|
margin-left: 1px;
|
|
text-align: center;
|
|
}
|
|
.sheet.kingdom form > header section.level .exp-data {
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: flex-end;
|
|
position: relative;
|
|
width: 6rem;
|
|
}
|
|
.sheet.kingdom form > header section.level .exp-data .exp-input {
|
|
font-size: var(--font-size-13);
|
|
height: 1.5em;
|
|
margin-bottom: 0.5rem;
|
|
}
|
|
.sheet.kingdom form > header section.level .exp-data .exp-input input {
|
|
color: var(--text-light);
|
|
font-family: var(--sans-serif);
|
|
text-align: right;
|
|
width: 3em;
|
|
}
|
|
.sheet.kingdom form > header section.level .exp-data .exp-input .slash {
|
|
color: var(--sidebar-label);
|
|
}
|
|
.sheet.kingdom form > header section.level .exp-data progress {
|
|
background-color: unset;
|
|
border: 1px solid rgba(255, 255, 255, 0.1);
|
|
border-left: none;
|
|
bottom: 7px;
|
|
box-shadow: 0 0 2px var(--sidebar-label);
|
|
height: 5px;
|
|
left: -9px;
|
|
position: relative;
|
|
width: 100%;
|
|
}
|
|
.sheet.kingdom form > header section.level .exp-data progress::-moz-progress-bar {
|
|
background: var(--sidebar-title);
|
|
}
|
|
.sheet.kingdom form > header section.level .exp-data progress::-webkit-progress-bar {
|
|
background: rgba(0, 0, 0, 0.2);
|
|
}
|
|
.sheet.kingdom form > header section.level .exp-data progress::-webkit-progress-value {
|
|
background: var(--sidebar-title);
|
|
}
|
|
.sheet.kingdom nav.sheet-navigation {
|
|
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.kingdom nav.sheet-navigation .navigation-title {
|
|
color: var(--text-light);
|
|
margin-right: auto;
|
|
padding-left: 1em;
|
|
white-space: nowrap;
|
|
width: 7em;
|
|
}
|
|
.sheet.kingdom nav.sheet-navigation > a {
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
margin: 0 6px;
|
|
font-size: var(--font-size-12);
|
|
}
|
|
.sheet.kingdom nav.sheet-navigation .item {
|
|
height: 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.kingdom nav.sheet-navigation .item.active {
|
|
box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px #9f725b, inset 0 0 4px rgba(0, 0, 0, 0.25), 0 0 8px var(--tertiary);
|
|
}
|
|
.sheet.kingdom nav.sheet-navigation .item:last-child {
|
|
margin-right: 10px;
|
|
}
|
|
.sheet.kingdom nav.sheet-navigation .item:hover, .sheet.kingdom nav.sheet-navigation .item.active {
|
|
z-index: 2;
|
|
transform: scale(1.2);
|
|
color: var(--text-light);
|
|
fill: var(--text-light);
|
|
background-image: url("../assets/sheet/nav-item.webp");
|
|
}
|
|
.sheet.kingdom nav.sheet-navigation .item .fas {
|
|
padding-bottom: 0;
|
|
}
|
|
.sheet.kingdom nav.sheet-navigation .item:hover .pfs-icon {
|
|
filter: drop-shadow(0 0 8px var(--color-shadow-primary));
|
|
}
|
|
.sheet.kingdom nav.sheet-navigation .item .action-icon {
|
|
font-family: "Pathfinder2eActions", sans-serif;
|
|
font-size: 1rem;
|
|
}
|
|
.sheet.kingdom 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 2.5rem;
|
|
}
|
|
.sheet.kingdom nav.sub-nav::before, .sheet.kingdom nav.sub-nav::after {
|
|
content: "";
|
|
width: 37px;
|
|
height: 16px;
|
|
background: url("../assets/sheet/sub-nav-decoration.webp");
|
|
margin: 0 16px;
|
|
}
|
|
.sheet.kingdom nav.sub-nav::after {
|
|
transform: scaleX(-100%);
|
|
}
|
|
.sheet.kingdom nav.sub-nav a,
|
|
.sheet.kingdom nav.sub-nav .tab {
|
|
border-left: 1px solid rgba(255, 255, 255, 0.3);
|
|
border-right: 1px solid rgba(0, 0, 0, 0.2);
|
|
color: var(--alt);
|
|
cursor: pointer;
|
|
display: block;
|
|
font: 400 var(--font-size-16) var(--serif);
|
|
flex: 1;
|
|
margin: 0 0.25rem;
|
|
max-width: 30%;
|
|
text-align: center;
|
|
text-decoration: none;
|
|
transition: all 0.1s ease-out;
|
|
}
|
|
.sheet.kingdom nav.sub-nav a.active,
|
|
.sheet.kingdom nav.sub-nav .tab.active {
|
|
color: var(--primary);
|
|
font-weight: 600;
|
|
}
|
|
.sheet.kingdom nav.sub-nav a:first-child,
|
|
.sheet.kingdom nav.sub-nav .tab:first-child {
|
|
border-left: none;
|
|
}
|
|
.sheet.kingdom nav.sub-nav a:last-child,
|
|
.sheet.kingdom nav.sub-nav .tab:last-child {
|
|
border-right: none;
|
|
}
|
|
.sheet.kingdom nav.sub-nav a:hover,
|
|
.sheet.kingdom nav.sub-nav .tab:hover {
|
|
text-shadow: 0 0 3px rgba(255, 255, 255, 0.5);
|
|
}
|
|
.sheet.kingdom .tab nav.sub-nav {
|
|
padding-right: 20px;
|
|
}
|
|
.sheet.kingdom .container {
|
|
height: 100%;
|
|
overflow: hidden;
|
|
}
|
|
.sheet.kingdom input.adjusted-higher {
|
|
color: #009988;
|
|
}
|
|
.sheet.kingdom input.adjusted-lower {
|
|
color: #cc3311;
|
|
}
|
|
.sheet.kingdom .content {
|
|
overflow: hidden scroll;
|
|
flex: 1;
|
|
}
|
|
.sheet.kingdom .tab.active {
|
|
display: flex;
|
|
height: 100%;
|
|
}
|
|
.sheet.kingdom [hidden] {
|
|
display: none !important;
|
|
}
|
|
.sheet.kingdom .drag-gap {
|
|
visibility: hidden;
|
|
}
|
|
.sheet.kingdom .sidebar {
|
|
overflow: hidden scroll;
|
|
border-right: 1px solid #888;
|
|
box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 8px;
|
|
height: 100%;
|
|
padding: 0.5rem;
|
|
width: 13.5rem;
|
|
}
|
|
.sheet.kingdom .sidebar .box {
|
|
border: 1px solid rgba(0, 0, 0, 0.28);
|
|
filter: drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.18));
|
|
font-family: var(--sans-serif);
|
|
border-radius: 3px;
|
|
font-size: var(--font-size-12);
|
|
}
|
|
.sheet.kingdom .sidebar .box header,
|
|
.sheet.kingdom .sidebar .box footer {
|
|
margin: -1px;
|
|
padding: 0.25rem;
|
|
}
|
|
.sheet.kingdom .sidebar .box header {
|
|
background-color: var(--sub);
|
|
border-radius: 3px 3px 0 0;
|
|
color: var(--text-light);
|
|
font-weight: 700;
|
|
}
|
|
.sheet.kingdom .sidebar .box footer {
|
|
background-color: var(--bg-dark);
|
|
border-radius: 0 0 3px 3px;
|
|
color: var(--sub);
|
|
border: 1px solid rgba(0, 0, 0, 0.28);
|
|
border-top: none;
|
|
}
|
|
.sheet.kingdom .tag-light {
|
|
--tag-color: var(--color-proficiency-untrained);
|
|
border: 1px solid var(--tag-color);
|
|
border-radius: 2px;
|
|
color: var(--tag-color);
|
|
padding: 0 4px 0.1em 4px;
|
|
height: 1.25rem;
|
|
white-space: nowrap;
|
|
font-size: var(--font-size-13);
|
|
font-variant: all-small-caps;
|
|
font-weight: 500;
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
.sheet.kingdom .directory-list {
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
.sheet.kingdom .directory-list h4 {
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
.sheet.kingdom .effects .directory-list {
|
|
gap: 0.2em;
|
|
display: flex;
|
|
flex-direction: column;
|
|
width: 100%;
|
|
}
|
|
.sheet.kingdom .effects .directory-list .item {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
padding: 2px 4px 2px 12px;
|
|
width: 100%;
|
|
}
|
|
.sheet.kingdom .effects .directory-list .item p:empty {
|
|
display: none;
|
|
}
|
|
.sheet.kingdom .effects .directory-list .item .item-name {
|
|
display: flex;
|
|
align-items: center;
|
|
flex: 1;
|
|
}
|
|
.sheet.kingdom .effects .directory-list .item .item-name h4 {
|
|
cursor: pointer;
|
|
margin: 0;
|
|
}
|
|
.sheet.kingdom .effects .directory-list .item .item-name .item-image {
|
|
margin-right: 8px;
|
|
}
|
|
.sheet.kingdom .effects .directory-list .item .item-controls {
|
|
display: flex;
|
|
flex: 0;
|
|
font-size: var(--font-size-12);
|
|
gap: 1px;
|
|
white-space: nowrap;
|
|
}
|
|
.sheet.kingdom .effects .directory-list .item .item-controls a.info-only:hover {
|
|
cursor: default;
|
|
text-shadow: none;
|
|
}
|
|
.sheet.kingdom .effects .directory-list .item .item-controls a + a {
|
|
margin-left: 4px;
|
|
}
|
|
.sheet.kingdom .effects .directory-list .item .item-summary {
|
|
flex-basis: 100%;
|
|
}
|
|
.sheet.kingdom .effects .directory-list .item.unidentified {
|
|
border-radius: 1px;
|
|
outline: 1px dotted rgba(75, 74, 68, 0.5);
|
|
background: var(--visibility-gm-bg);
|
|
}
|
|
.sheet.kingdom .effects .directory-list .item .button-group {
|
|
display: flex;
|
|
justify-content: flex-end;
|
|
align-items: center;
|
|
flex-wrap: nowrap;
|
|
width: 50%;
|
|
flex: 0;
|
|
}
|
|
.sheet.kingdom .effects .directory-list .item .button-group button {
|
|
margin: 0;
|
|
border: none;
|
|
cursor: pointer;
|
|
font-family: var(--sans-serif);
|
|
font-size: var(--font-size-10);
|
|
text-transform: uppercase;
|
|
letter-spacing: 0.05em;
|
|
text-rendering: optimizeLegibility;
|
|
padding: 5px;
|
|
color: var(--text-light);
|
|
width: 70px;
|
|
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3), inset 0 0 0 2px rgba(255, 255, 255, 0.2);
|
|
background: var(--secondary);
|
|
border-radius: 2px;
|
|
flex: 0;
|
|
white-space: nowrap;
|
|
margin-left: 4px;
|
|
flex: 0;
|
|
}
|
|
.sheet.kingdom .effects .directory-list .item .button-group button:hover {
|
|
box-shadow: none;
|
|
text-shadow: 0 0 2px white;
|
|
}
|
|
.sheet.kingdom .effects .directory-list .item {
|
|
margin: 2px 0;
|
|
border: solid transparent;
|
|
border-width: 0 0 1px;
|
|
border-image: linear-gradient(90deg, #f1edea, #d5cac1) 1 repeat;
|
|
}
|
|
.sheet.kingdom .effects .directory-list .item .item-summary {
|
|
margin-top: 8px;
|
|
}
|
|
.sheet.kingdom 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);
|
|
}
|
|
.sheet.kingdom h3.header > button, .sheet.kingdom h3.header > .controls {
|
|
position: absolute;
|
|
bottom: -1px;
|
|
right: 0;
|
|
}
|
|
.sheet.kingdom h3.header .controls {
|
|
display: flex;
|
|
}
|
|
.sheet.kingdom 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;
|
|
}
|
|
.sheet.kingdom button.small-button,
|
|
.sheet.kingdom select.proficiency,
|
|
.sheet.kingdom span.proficiency {
|
|
font-family: var(--sans-serif);
|
|
font-size: var(--font-size-10);
|
|
text-transform: uppercase;
|
|
letter-spacing: 0.05em;
|
|
text-rendering: optimizeLegibility;
|
|
align-items: center;
|
|
background: var(--color-proficiency-untrained);
|
|
border: 1px solid rgba(0, 0, 0, 0.5);
|
|
border-radius: 2px;
|
|
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
|
|
color: var(--text-light);
|
|
display: flex;
|
|
font-weight: 500;
|
|
height: unset;
|
|
justify-content: center;
|
|
line-height: unset;
|
|
padding: 1px 2px 1px 2px;
|
|
}
|
|
.sheet.kingdom .proficiency {
|
|
text-align-last: center;
|
|
appearance: none;
|
|
}
|
|
.sheet.kingdom .proficiency.readonly {
|
|
pointer-events: none;
|
|
}
|
|
.sheet.kingdom .proficiency option[value="0"] {
|
|
background: var(--color-proficiency-untrained);
|
|
}
|
|
.sheet.kingdom .proficiency[data-rank="1"],
|
|
.sheet.kingdom .proficiency option[value="1"] {
|
|
background: var(--color-proficiency-trained);
|
|
}
|
|
.sheet.kingdom .proficiency[data-rank="2"],
|
|
.sheet.kingdom .proficiency option[value="2"] {
|
|
background: var(--color-proficiency-expert);
|
|
}
|
|
.sheet.kingdom .proficiency[data-rank="3"],
|
|
.sheet.kingdom .proficiency option[value="3"] {
|
|
background: var(--color-proficiency-master);
|
|
}
|
|
.sheet.kingdom .proficiency[data-rank="4"],
|
|
.sheet.kingdom .proficiency option[value="4"] {
|
|
background: var(--color-proficiency-legendary);
|
|
}
|
|
.sheet.kingdom select.proficiency {
|
|
cursor: pointer;
|
|
}
|
|
.sheet.kingdom .tab.active[data-tab=main] {
|
|
overflow: hidden scroll;
|
|
flex-direction: column;
|
|
}
|
|
.sheet.kingdom .tab.active[data-tab=main] input[type=text],
|
|
.sheet.kingdom .tab.active[data-tab=main] input[type=number] {
|
|
border: none;
|
|
}
|
|
.sheet.kingdom .tab.active[data-tab=main] .content {
|
|
display: grid;
|
|
grid-template: "leaders resources" 1fr "leaders abilities" min-content/0.9fr 1fr;
|
|
width: 100%;
|
|
gap: 0 1rem;
|
|
padding: 0.5rem;
|
|
flex: 0 0 auto;
|
|
}
|
|
.sheet.kingdom .tab.active[data-tab=main] .leaders {
|
|
grid-area: leaders;
|
|
}
|
|
.sheet.kingdom .tab.active[data-tab=main] .leaders .leader {
|
|
display: grid;
|
|
grid-template-areas: "img name" "img label";
|
|
grid-template-columns: auto 1fr;
|
|
grid-template-rows: 1fr auto;
|
|
}
|
|
.sheet.kingdom .tab.active[data-tab=main] .leaders .leader:not(:last-child) {
|
|
margin-bottom: 0.375rem;
|
|
}
|
|
.sheet.kingdom .tab.active[data-tab=main] .leaders .leader .image {
|
|
border: none;
|
|
border-radius: 2px;
|
|
box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px #9f725b, inset 0 0 4px rgba(0, 0, 0, 0.5);
|
|
grid-area: img;
|
|
width: 2.75rem;
|
|
height: 2.75rem;
|
|
z-index: 1;
|
|
}
|
|
.sheet.kingdom .tab.active[data-tab=main] .leaders .leader .image img {
|
|
border: none;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
.sheet.kingdom .tab.active[data-tab=main] .leaders .leader .name {
|
|
grid-area: name;
|
|
background: rgba(0, 0, 0, 0.025);
|
|
padding: 0 8px;
|
|
border: 0;
|
|
height: auto;
|
|
line-height: 1.5em;
|
|
height: 1.5em;
|
|
align-self: end;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
}
|
|
.sheet.kingdom .tab.active[data-tab=main] .leaders .leader .details {
|
|
grid-area: label;
|
|
align-self: flex-end;
|
|
align-items: center;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
background: var(--paper-bg);
|
|
box-shadow: var(--drop-shadow);
|
|
font-size: var(--font-size-12);
|
|
padding: 0 8px;
|
|
position: relative;
|
|
margin-bottom: 1px;
|
|
height: 1.5rem;
|
|
}
|
|
.sheet.kingdom .tab.active[data-tab=main] .leaders .leader .details .role {
|
|
font-variant: small-caps;
|
|
font-weight: 500;
|
|
}
|
|
.sheet.kingdom .tab.active[data-tab=main] .leaders .leader .invested,
|
|
.sheet.kingdom .tab.active[data-tab=main] .leaders .leader .vacant {
|
|
font-size: var(--font-size-12);
|
|
}
|
|
.sheet.kingdom .tab.active[data-tab=main] .leaders .leader .invested input,
|
|
.sheet.kingdom .tab.active[data-tab=main] .leaders .leader .vacant input {
|
|
margin: 0;
|
|
width: 1em;
|
|
height: 1em;
|
|
}
|
|
.sheet.kingdom .tab.active[data-tab=main] .leaders .leader .invested i,
|
|
.sheet.kingdom .tab.active[data-tab=main] .leaders .leader .vacant i {
|
|
font-size: 1.2em;
|
|
}
|
|
.sheet.kingdom .tab.active[data-tab=main] .resources {
|
|
grid-area: resources;
|
|
}
|
|
.sheet.kingdom .tab.active[data-tab=main] .resources input[type=number] {
|
|
width: 3ch;
|
|
text-align: center;
|
|
padding-left: 0;
|
|
padding-right: 0;
|
|
}
|
|
.sheet.kingdom .tab.active[data-tab=main] .resources .resource-data {
|
|
background: var(--paper-bg);
|
|
box-shadow: var(--drop-shadow);
|
|
display: grid;
|
|
grid-template: "resource resource" min-content "commodities stats" 1fr/auto 1fr;
|
|
}
|
|
.sheet.kingdom .tab.active[data-tab=main] .resources .resource-data .resource-dice {
|
|
grid-area: resource;
|
|
}
|
|
.sheet.kingdom .tab.active[data-tab=main] .resources .resource-data .commodities {
|
|
grid-area: commodities;
|
|
}
|
|
.sheet.kingdom .tab.active[data-tab=main] .resources .resource-data .stats {
|
|
grid-area: stats;
|
|
}
|
|
.sheet.kingdom .tab.active[data-tab=main] .resources .resource-dice {
|
|
align-items: center;
|
|
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
|
|
display: flex;
|
|
gap: 0.25rem;
|
|
padding: 0 0.5rem;
|
|
}
|
|
.sheet.kingdom .tab.active[data-tab=main] .resources .resource-dice .rollable {
|
|
flex: 1;
|
|
}
|
|
.sheet.kingdom .tab.active[data-tab=main] .resources .resource-dice input {
|
|
width: 2ch;
|
|
text-align: center;
|
|
}
|
|
.sheet.kingdom .tab.active[data-tab=main] .resources .commodities,
|
|
.sheet.kingdom .tab.active[data-tab=main] .resources .stats {
|
|
padding: 0.25rem 0.5rem;
|
|
white-space: nowrap;
|
|
}
|
|
.sheet.kingdom .tab.active[data-tab=main] .resources .commodities > label, .sheet.kingdom .tab.active[data-tab=main] .resources .commodities > div,
|
|
.sheet.kingdom .tab.active[data-tab=main] .resources .commodities input[type=number],
|
|
.sheet.kingdom .tab.active[data-tab=main] .resources .stats > label,
|
|
.sheet.kingdom .tab.active[data-tab=main] .resources .stats > div,
|
|
.sheet.kingdom .tab.active[data-tab=main] .resources .stats input[type=number] {
|
|
height: 1.5em;
|
|
line-height: 1.5em;
|
|
}
|
|
.sheet.kingdom .tab.active[data-tab=main] .resources .commodities > label .number, .sheet.kingdom .tab.active[data-tab=main] .resources .commodities > div .number,
|
|
.sheet.kingdom .tab.active[data-tab=main] .resources .commodities input[type=number] .number,
|
|
.sheet.kingdom .tab.active[data-tab=main] .resources .stats > label .number,
|
|
.sheet.kingdom .tab.active[data-tab=main] .resources .stats > div .number,
|
|
.sheet.kingdom .tab.active[data-tab=main] .resources .stats input[type=number] .number {
|
|
display: inline-block;
|
|
width: 3ch;
|
|
text-align: center;
|
|
}
|
|
.sheet.kingdom .tab.active[data-tab=main] .resources .commodities .commodity {
|
|
align-items: center;
|
|
display: flex;
|
|
gap: 0.25rem;
|
|
}
|
|
.sheet.kingdom .tab.active[data-tab=main] .resources .commodities .commodity .type {
|
|
width: 4.25rem;
|
|
}
|
|
.sheet.kingdom .tab.active[data-tab=main] .resources .commodities .commodity .value-max {
|
|
align-items: center;
|
|
display: flex;
|
|
gap: 0.125rem;
|
|
flex: 1;
|
|
}
|
|
.sheet.kingdom .tab.active[data-tab=main] .resources .commodities .commodity .value-max input {
|
|
width: 2ch;
|
|
}
|
|
.sheet.kingdom .tab.active[data-tab=main] .resources .stats {
|
|
justify-self: end;
|
|
text-align: end;
|
|
}
|
|
.sheet.kingdom .tab.active[data-tab=main] .ability-scores {
|
|
grid-area: abilities;
|
|
flex: 0;
|
|
}
|
|
.sheet.kingdom .tab.active[data-tab=main] .ability-scores input {
|
|
height: auto;
|
|
}
|
|
.sheet.kingdom .tab.active[data-tab=main] .ability-scores .ability {
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: end;
|
|
width: 100%;
|
|
}
|
|
.sheet.kingdom .tab.active[data-tab=main] .ability-scores .ability:not(:last-child) {
|
|
margin-bottom: 0.375rem;
|
|
}
|
|
.sheet.kingdom .tab.active[data-tab=main] .ability-scores .ability .score {
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
align-items: center;
|
|
background: var(--paper-bg);
|
|
box-shadow: var(--drop-shadow);
|
|
width: 4.5rem;
|
|
text-align: center;
|
|
padding: 0.375rem 0;
|
|
z-index: 1;
|
|
}
|
|
.sheet.kingdom .tab.active[data-tab=main] .ability-scores .ability .score .value {
|
|
font-size: var(--font-size-20);
|
|
}
|
|
.sheet.kingdom .tab.active[data-tab=main] .ability-scores .ability .corruption-section {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
flex: 1;
|
|
box-shadow: var(--drop-shadow);
|
|
}
|
|
.sheet.kingdom .tab.active[data-tab=main] .ability-scores .ability .corruption-section > .stat {
|
|
display: flex;
|
|
flex-direction: column;
|
|
text-align: center;
|
|
flex: 1;
|
|
}
|
|
.sheet.kingdom .tab.active[data-tab=main] .ability-scores .ability .corruption-section .ruin-value {
|
|
display: flex;
|
|
gap: 2px;
|
|
justify-content: center;
|
|
}
|
|
.sheet.kingdom .tab.active[data-tab=main] .ability-scores .ability .corruption-section .ruin-value input {
|
|
width: 3ch;
|
|
}
|
|
.sheet.kingdom .tab.active[data-tab=main] .ability-scores .ability .corruption-section .progress {
|
|
flex-basis: 100%;
|
|
margin: 0;
|
|
padding: 0;
|
|
height: 8px;
|
|
border-top: 1px solid rgba(0, 0, 0, 0.15);
|
|
margin-top: 0.125rem;
|
|
background: #ddd;
|
|
}
|
|
.sheet.kingdom .tab.active[data-tab=main] .ability-scores .ability .corruption-section .progress::after {
|
|
display: block;
|
|
content: " ";
|
|
background-color: var(--color-border-highlight-alt);
|
|
width: calc(100% * var(--value) / var(--max));
|
|
max-width: 100%;
|
|
height: 100%;
|
|
}
|
|
.sheet.kingdom .tab.active[data-tab=activities] {
|
|
display: flex;
|
|
flex-direction: row;
|
|
padding: 0 1rem;
|
|
height: 100%;
|
|
}
|
|
.sheet.kingdom .tab.active[data-tab=activities] .skills,
|
|
.sheet.kingdom .tab.active[data-tab=activities] .actions {
|
|
display: flex;
|
|
height: 100%;
|
|
flex-direction: column;
|
|
}
|
|
.sheet.kingdom .tab.active[data-tab=activities] .skill-list,
|
|
.sheet.kingdom .tab.active[data-tab=activities] .actions-list {
|
|
overflow: hidden scroll;
|
|
margin-bottom: 0.25rem;
|
|
}
|
|
.sheet.kingdom .tab.active[data-tab=activities] .skills {
|
|
padding-right: 0.5rem;
|
|
}
|
|
.sheet.kingdom .tab.active[data-tab=activities] .skills .control-dc {
|
|
align-items: center;
|
|
background: var(--paper-bg);
|
|
box-shadow: var(--drop-shadow);
|
|
display: flex;
|
|
gap: 8px;
|
|
margin: 0.5rem 0;
|
|
}
|
|
.sheet.kingdom .tab.active[data-tab=activities] .skills .control-dc .mod {
|
|
color: var(--secondary);
|
|
display: inline-block;
|
|
font-family: var(--serif);
|
|
font-size: 1.25em;
|
|
font-weight: bold;
|
|
min-width: 3rem;
|
|
text-align: right;
|
|
}
|
|
.sheet.kingdom .tab.active[data-tab=activities] .skills .skill {
|
|
display: flex;
|
|
align-items: center;
|
|
padding: 1px 0;
|
|
padding-right: 0.5rem;
|
|
gap: 8px;
|
|
}
|
|
.sheet.kingdom .tab.active[data-tab=activities] .skills .skill .mod {
|
|
display: flex;
|
|
color: var(--primary);
|
|
font-family: var(--serif);
|
|
font-weight: 600;
|
|
font-size: 1.25em;
|
|
line-height: 1em;
|
|
min-width: 3rem;
|
|
padding: 3px 0;
|
|
}
|
|
.sheet.kingdom .tab.active[data-tab=activities] .skills .skill .mod i {
|
|
color: var(--text-dark);
|
|
font-size: 0.8em;
|
|
margin-right: 2px;
|
|
}
|
|
.sheet.kingdom .tab.active[data-tab=activities] .skills .skill .name {
|
|
flex: 1;
|
|
color: var(--alt-dark);
|
|
}
|
|
.sheet.kingdom .tab.active[data-tab=activities] .skills .skill .name.selected {
|
|
color: var(--text-dark);
|
|
font-weight: 600;
|
|
}
|
|
.sheet.kingdom .tab.active[data-tab=activities] .skills .skill:not(:last-child) {
|
|
border-bottom: 1px solid var(--color-divider);
|
|
}
|
|
.sheet.kingdom .tab.active[data-tab=activities] .skills .skill .button-group {
|
|
display: flex;
|
|
padding-left: 0.25rem;
|
|
}
|
|
.sheet.kingdom .tab.active[data-tab=activities] .skills .skill .button-group .proficiency {
|
|
min-width: 11ch;
|
|
}
|
|
.sheet.kingdom .tab.active[data-tab=activities] .skills .skill .button-group .small-button {
|
|
flex: 0;
|
|
}
|
|
.sheet.kingdom .tab.active[data-tab=activities] .actions {
|
|
flex: 1;
|
|
}
|
|
.sheet.kingdom .tab.active[data-tab=activities] .actions h3.header .filters {
|
|
float: right;
|
|
margin: -0.125rem 0 0.125rem auto;
|
|
}
|
|
.sheet.kingdom .tab.active[data-tab=activities] .actions h3.header .filters .choice {
|
|
cursor: pointer;
|
|
opacity: 0.6;
|
|
transition: opacity 0.2s ease-in-out;
|
|
}
|
|
.sheet.kingdom .tab.active[data-tab=activities] .actions h3.header .filters .choice.active {
|
|
opacity: 1;
|
|
}
|
|
.sheet.kingdom .tab.active[data-tab=activities] .actions h3.header .filters .choice:hover {
|
|
box-shadow: 0 0 5px var(--primary);
|
|
}
|
|
.sheet.kingdom .tab.active[data-tab=activities] .actions .phase-summary {
|
|
background: var(--paper-bg);
|
|
box-shadow: var(--drop-shadow);
|
|
margin: 0 12px 0.5rem 2px;
|
|
padding: 0.25rem 0.5rem;
|
|
}
|
|
.sheet.kingdom .tab.active[data-tab=activities] .actions .phase-summary header {
|
|
font-size: 1.2em;
|
|
font-weight: bold;
|
|
color: var(--color-text-dark-input);
|
|
margin-top: 0.25rem;
|
|
}
|
|
.sheet.kingdom .tab.active[data-tab=activities] .actions .action {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
padding: 4px;
|
|
width: 100%;
|
|
gap: 0.5rem;
|
|
padding-right: 0.5rem;
|
|
}
|
|
.sheet.kingdom .tab.active[data-tab=activities] .actions .action:not(:last-child) {
|
|
border-bottom: 1px solid var(--color-divider);
|
|
}
|
|
.sheet.kingdom .tab.active[data-tab=activities] .actions .action .item-name {
|
|
align-items: center;
|
|
cursor: pointer;
|
|
display: flex;
|
|
flex: 1;
|
|
}
|
|
.sheet.kingdom .tab.active[data-tab=activities] .actions .action .item-summary {
|
|
flex-basis: 100%;
|
|
margin-bottom: 0.5rem;
|
|
}
|
|
.sheet.kingdom .tab.active[data-tab=activities] .actions .action .item-summary .tags {
|
|
display: none;
|
|
}
|
|
.sheet.kingdom .tab.active[data-tab=activities] .actions .action .tags {
|
|
margin-left: 0.25rem;
|
|
}
|
|
.sheet.kingdom .tab.active[data-tab=world] {
|
|
padding: 0.75rem;
|
|
}
|
|
.sheet.kingdom .tab.active[data-tab=world] input[type=text],
|
|
.sheet.kingdom .tab.active[data-tab=world] input[type=number] {
|
|
border: none;
|
|
height: 1.5em;
|
|
line-height: 1.5em;
|
|
}
|
|
.sheet.kingdom .tab.active[data-tab=world] .content {
|
|
padding-right: 0.5rem;
|
|
margin-right: 0.5rem;
|
|
}
|
|
.sheet.kingdom .tab.active[data-tab=world] .settlement {
|
|
display: flex;
|
|
align-items: center;
|
|
flex-wrap: wrap;
|
|
gap: 0 1rem;
|
|
padding: 0.25rem 0.25rem 0.25rem 0;
|
|
}
|
|
.sheet.kingdom .tab.active[data-tab=world] .settlement:not(.expanded, :last-child) {
|
|
border-bottom: 1px solid var(--color-divider);
|
|
}
|
|
.sheet.kingdom .tab.active[data-tab=world] .settlement .item-name {
|
|
flex: 1;
|
|
display: flex;
|
|
white-space: nowrap;
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 0.25rem;
|
|
}
|
|
.sheet.kingdom .tab.active[data-tab=world] .settlement .item-name h4 {
|
|
cursor: pointer;
|
|
min-height: 1em;
|
|
}
|
|
.sheet.kingdom .tab.active[data-tab=world] .settlement .item-name .level {
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
.sheet.kingdom .tab.active[data-tab=world] .settlement .item-name .level input[type=number] {
|
|
width: 3ch;
|
|
text-align: center;
|
|
padding: 0;
|
|
}
|
|
.sheet.kingdom .tab.active[data-tab=world] .settlement .item-name .name {
|
|
flex: 1;
|
|
font-size: var(--font-size-16);
|
|
}
|
|
.sheet.kingdom .tab.active[data-tab=world] .settlement .item-name select {
|
|
margin-left: 2rem;
|
|
}
|
|
.sheet.kingdom .tab.active[data-tab=world] .settlement .item-name .level {
|
|
font-size: var(--font-size-16);
|
|
margin-left: 0.5rem;
|
|
}
|
|
.sheet.kingdom .tab.active[data-tab=world] .settlement .item-name .level input {
|
|
width: 3ch;
|
|
text-align: center;
|
|
}
|
|
.sheet.kingdom .tab.active[data-tab=world] .settlement .item-summary {
|
|
flex-basis: 100%;
|
|
background: var(--paper-bg);
|
|
box-shadow: var(--drop-shadow);
|
|
margin-top: 0.5rem;
|
|
}
|
|
.sheet.kingdom .tab.active[data-tab=world] .settlement .item-summary .settlement-data {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
margin: 0 0.125rem 0 0;
|
|
border-bottom: 1px solid var(--color-divider);
|
|
}
|
|
.sheet.kingdom .tab.active[data-tab=world] .settlement .item-summary .settlement-data > section {
|
|
flex: 1 0 auto;
|
|
padding: 0.5rem;
|
|
}
|
|
.sheet.kingdom .tab.active[data-tab=world] .settlement .item-summary .settlement-data > section + section {
|
|
border-left: 1px solid var(--color-divider);
|
|
}
|
|
.sheet.kingdom .tab.active[data-tab=world] .settlement .item-summary .settlement-data input[type=number] {
|
|
width: 3ch;
|
|
text-align: center;
|
|
padding: 0;
|
|
}
|
|
.sheet.kingdom .tab.active[data-tab=world] .settlement .item-summary .settlement-data input[type=checkbox] {
|
|
margin: 0;
|
|
width: 1rem;
|
|
height: 1rem;
|
|
}
|
|
.sheet.kingdom .tab.active[data-tab=world] .settlement .item-summary .settlement-data label,
|
|
.sheet.kingdom .tab.active[data-tab=world] .settlement .item-summary .settlement-data div.value {
|
|
align-items: center;
|
|
display: flex;
|
|
gap: 0.25rem;
|
|
line-height: 1.5em;
|
|
}
|
|
.sheet.kingdom .tab.active[data-tab=world] .settlement .item-summary .settlement-data .stats {
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
}
|
|
.sheet.kingdom .tab.active[data-tab=world] .settlement .item-summary .settlement-data .storage-items {
|
|
display: grid;
|
|
grid-template-columns: repeat(2, 1fr);
|
|
column-gap: 0.25rem;
|
|
}
|
|
.sheet.kingdom .tab.active[data-tab=world] .settlement .item-summary .settlement-data .storage-items label {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
}
|
|
.sheet.kingdom .tab.active[data-tab=world] .settlement .item-summary > .details {
|
|
padding: 0.5rem;
|
|
}
|
|
.sheet.kingdom .tab.active[data-tab=world] .settlement .editor {
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
.sheet.kingdom .tab.active[data-tab=world] .settlement .editor .tox {
|
|
flex: 1;
|
|
min-height: 16rem;
|
|
}
|
|
.sheet.kingdom .tab.active[data-tab=world] aside {
|
|
background: var(--paper-bg);
|
|
box-shadow: var(--drop-shadow);
|
|
padding: 0.5rem;
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 1rem;
|
|
}
|
|
.sheet.kingdom .tab.active[data-tab=world] aside input[type=number] {
|
|
width: 3ch;
|
|
text-align: center;
|
|
padding: 0;
|
|
}
|
|
.sheet.kingdom .tab.active[data-tab=world] aside section .row,
|
|
.sheet.kingdom .tab.active[data-tab=world] aside section label {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 0.25rem;
|
|
}
|
|
.sheet.kingdom .tab.active[data-tab=world] aside .work-sites .value span {
|
|
min-width: 7rem;
|
|
}
|
|
.sheet.kingdom .tab.active[data-tab=world] aside .other-data label {
|
|
width: 100%;
|
|
justify-content: space-between;
|
|
}
|
|
.sheet.kingdom .tab.active[data-tab=features] .content {
|
|
padding: 12px;
|
|
padding-bottom: 1em;
|
|
font-family: var(--body-serif);
|
|
}
|
|
.sheet.kingdom .tab.active[data-tab=features] .feat-section {
|
|
padding-bottom: 1em;
|
|
}
|
|
.sheet.kingdom .tab.active[data-tab=features] .feat-item {
|
|
display: grid;
|
|
grid: "name ctrl" min-content "content content" min-content/1fr min-content;
|
|
align-items: center;
|
|
padding: 2px 0;
|
|
}
|
|
.sheet.kingdom .tab.active[data-tab=features] .feat-item:nth-child(odd) {
|
|
background-color: rgba(120, 100, 82, 0.1);
|
|
}
|
|
.sheet.kingdom .tab.active[data-tab=features] .feat-item .item-name,
|
|
.sheet.kingdom .tab.active[data-tab=features] .feat-item .item-controls {
|
|
margin: 0;
|
|
}
|
|
.sheet.kingdom .tab.active[data-tab=features] .feat-item .item-name {
|
|
grid-area: name;
|
|
display: flex;
|
|
flex: 1;
|
|
align-items: center;
|
|
width: 100%;
|
|
}
|
|
.sheet.kingdom .tab.active[data-tab=features] .feat-item .item-name .feat-slot-title {
|
|
display: flex;
|
|
font-family: var(--serif);
|
|
font-size: 1.1em;
|
|
font-weight: 600;
|
|
color: var(--secondary);
|
|
justify-content: center;
|
|
width: 20px;
|
|
margin-left: 6px;
|
|
}
|
|
.sheet.kingdom .tab.active[data-tab=features] .feat-item .item-name .item-placeholder {
|
|
margin-left: 40px;
|
|
margin-right: 4px;
|
|
}
|
|
.sheet.kingdom .tab.active[data-tab=features] .feat-item .item-name h4 {
|
|
cursor: pointer;
|
|
display: flex;
|
|
align-items: center;
|
|
font-family: var(--serif);
|
|
}
|
|
.sheet.kingdom .tab.active[data-tab=features] .feat-item .item-name h4:hover {
|
|
color: var(--primary);
|
|
text-shadow: 0 0 3px var(--tertiary);
|
|
}
|
|
.sheet.kingdom .tab.active[data-tab=features] .feat-item .item-name .item-image {
|
|
margin-left: 8px;
|
|
margin-right: 8px;
|
|
}
|
|
.sheet.kingdom .tab.active[data-tab=features] .feat-item .item-controls {
|
|
align-items: center;
|
|
display: flex;
|
|
font-size: var(--font-size-12);
|
|
grid-area: ctrl;
|
|
height: 100%;
|
|
white-space: nowrap;
|
|
width: 100%;
|
|
}
|
|
.sheet.kingdom .tab.active[data-tab=features] .feat-item .item-controls a:last-child {
|
|
margin-right: 6px;
|
|
}
|
|
.sheet.kingdom .tab.active[data-tab=features] .feat-item .item-summary {
|
|
flex: 100%;
|
|
grid-area: content;
|
|
padding: 0 8px 8px;
|
|
margin: 4px 0 0 4px;
|
|
}
|
|
.sheet.kingdom .tab.active[data-tab=features] .feat-item .build-entry-boosts {
|
|
font-family: var(--font-primary);
|
|
}
|
|
.sheet.kingdom .tab.active[data-tab=features] .feat-item .build-entry-boosts section {
|
|
align-items: center;
|
|
display: flex;
|
|
gap: 4px;
|
|
}
|
|
.sheet.kingdom .tab.active[data-tab=features] .feat-item .build-entry-boosts section .abilities {
|
|
display: flex;
|
|
gap: 3px;
|
|
}
|
|
.sheet.kingdom .tab.active[data-tab=features] .feat-item .build-entry-boosts strong {
|
|
line-height: 1.5em;
|
|
}
|
|
.sheet.kingdom .tab.active[data-tab=features] .feat-item .build-entry-boosts .tag {
|
|
border-radius: 4px;
|
|
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3);
|
|
line-height: unset;
|
|
padding: 0.15em;
|
|
font-size: 0.9em;
|
|
}
|
|
.sheet.kingdom .tab.active[data-tab=features] .feat-item ol.nested-items {
|
|
grid-column: span 2;
|
|
border-left: 3px dotted #786452;
|
|
display: flex;
|
|
margin: 1px 0 0 45px;
|
|
padding: 0;
|
|
flex-basis: 100%;
|
|
flex-direction: column;
|
|
}
|
|
.sheet.kingdom .tab.active[data-tab=features] .feat-item ol.nested-items li {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
gap: 2px;
|
|
margin: 2px 0;
|
|
padding-bottom: 1px;
|
|
}
|
|
.sheet.kingdom .tab.active[data-tab=features] .feat-item ol.nested-items li:last-child {
|
|
padding-bottom: 0;
|
|
}
|
|
.sheet.kingdom .tab.active[data-tab=features] .feat-item ol.nested-items li .item-name .feat-slot-title {
|
|
width: 0;
|
|
}
|
|
.sheet.kingdom .tab.active[data-tab=features] .feat-item ol.nested-items li .item-name img {
|
|
margin-left: 0;
|
|
}
|
|
.sheet.kingdom .tab.active[data-tab=features] .feat-item ol.nested-items li .item-controls {
|
|
flex: 0;
|
|
}
|
|
.sheet.kingdom .tab.active[data-tab=features] .feat-item ol.nested-items li ol.nested-items {
|
|
margin-left: 25px;
|
|
}
|
|
.sheet.kingdom .tab.active[data-tab=ongoing] {
|
|
padding: 0.75rem;
|
|
gap: 1rem;
|
|
}
|
|
.sheet.kingdom .tab.active[data-tab=ongoing] .events {
|
|
flex: 1;
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 0.5rem;
|
|
}
|
|
.sheet.kingdom .tab.active[data-tab=ongoing] .events .event-dc {
|
|
display: flex;
|
|
gap: 1ch;
|
|
background: var(--paper-bg);
|
|
box-shadow: var(--drop-shadow);
|
|
line-height: 1.5em;
|
|
padding: 0.5rem 1rem;
|
|
}
|
|
.sheet.kingdom .tab.active[data-tab=ongoing] .events .event-dc,
|
|
.sheet.kingdom .tab.active[data-tab=ongoing] .events .event-dc input {
|
|
font-size: var(--font-size-18);
|
|
}
|
|
.sheet.kingdom .tab.active[data-tab=ongoing] .events .event-dc input {
|
|
width: 3ch;
|
|
background: none;
|
|
border: none;
|
|
padding: 0;
|
|
}
|
|
.sheet.kingdom .tab.active[data-tab=ongoing] .events .event-dc .dc {
|
|
margin-left: auto;
|
|
}
|
|
.sheet.kingdom .tab.active[data-tab=ongoing] .events .event-details {
|
|
background: var(--paper-bg);
|
|
box-shadow: var(--drop-shadow);
|
|
display: flex;
|
|
flex: 1;
|
|
flex-direction: column;
|
|
padding: 0.5rem;
|
|
overflow: auto;
|
|
}
|
|
.sheet.kingdom .tab.active[data-tab=ongoing] .events .event-details .editor {
|
|
flex: 1;
|
|
}
|
|
.sheet.kingdom .tab.active[data-tab=ongoing] aside {
|
|
width: 18rem;
|
|
}
|
|
.sheet.kingdom .tab.active[data-tab=ongoing] aside > h3.header {
|
|
margin-top: 0;
|
|
}
|
|
.sheet.kingdom .tab.active[data-tab=ongoing] aside .effects-list {
|
|
gap: 0.2em;
|
|
}
|
|
.sheet.kingdom .tab.active[data-tab=ongoing] aside .effects-list .item {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
padding: 2px 4px 2px 12px;
|
|
width: 100%;
|
|
}
|
|
.sheet.kingdom .tab.active[data-tab=ongoing] aside .effects-list .item p:empty {
|
|
display: none;
|
|
}
|
|
.sheet.kingdom .tab.active[data-tab=ongoing] aside .effects-list .item .item-name {
|
|
display: flex;
|
|
align-items: center;
|
|
flex: 1;
|
|
}
|
|
.sheet.kingdom .tab.active[data-tab=ongoing] aside .effects-list .item .item-name h4 {
|
|
cursor: pointer;
|
|
margin: 0;
|
|
}
|
|
.sheet.kingdom .tab.active[data-tab=ongoing] aside .effects-list .item .item-name .item-image {
|
|
margin-right: 8px;
|
|
}
|
|
.sheet.kingdom .tab.active[data-tab=ongoing] aside .effects-list .item .item-controls {
|
|
display: flex;
|
|
flex: 0;
|
|
font-size: var(--font-size-12);
|
|
gap: 1px;
|
|
white-space: nowrap;
|
|
}
|
|
.sheet.kingdom .tab.active[data-tab=ongoing] aside .effects-list .item .item-controls a.info-only:hover {
|
|
cursor: default;
|
|
text-shadow: none;
|
|
}
|
|
.sheet.kingdom .tab.active[data-tab=ongoing] aside .effects-list .item .item-controls a + a {
|
|
margin-left: 4px;
|
|
}
|
|
.sheet.kingdom .tab.active[data-tab=ongoing] aside .effects-list .item .item-summary {
|
|
flex-basis: 100%;
|
|
}
|
|
.sheet.kingdom .tab.active[data-tab=ongoing] aside .effects-list .item.unidentified {
|
|
border-radius: 1px;
|
|
outline: 1px dotted rgba(75, 74, 68, 0.5);
|
|
background: var(--visibility-gm-bg);
|
|
}
|
|
.sheet.kingdom .tab.active[data-tab=ongoing] aside .effects-list .item .button-group {
|
|
display: flex;
|
|
justify-content: flex-end;
|
|
align-items: center;
|
|
flex-wrap: nowrap;
|
|
width: 50%;
|
|
flex: 0;
|
|
}
|
|
.sheet.kingdom .tab.active[data-tab=ongoing] aside .effects-list .item .button-group button {
|
|
margin: 0;
|
|
border: none;
|
|
cursor: pointer;
|
|
font-family: var(--sans-serif);
|
|
font-size: var(--font-size-10);
|
|
text-transform: uppercase;
|
|
letter-spacing: 0.05em;
|
|
text-rendering: optimizeLegibility;
|
|
padding: 5px;
|
|
color: var(--text-light);
|
|
width: 70px;
|
|
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3), inset 0 0 0 2px rgba(255, 255, 255, 0.2);
|
|
background: var(--secondary);
|
|
border-radius: 2px;
|
|
flex: 0;
|
|
white-space: nowrap;
|
|
margin-left: 4px;
|
|
flex: 0;
|
|
}
|
|
.sheet.kingdom .tab.active[data-tab=ongoing] aside .effects-list .item .button-group button:hover {
|
|
box-shadow: none;
|
|
text-shadow: 0 0 2px white;
|
|
}
|
|
.sheet.kingdom .tab.active[data-tab=ongoing] aside .effects-list .item {
|
|
padding-left: 0;
|
|
}
|
|
.sheet.kingdom-builder .window-content {
|
|
padding: 0;
|
|
overflow: hidden;
|
|
}
|
|
.sheet.kingdom-builder h3 {
|
|
font-family: var(--sans-serif);
|
|
}
|
|
.sheet.kingdom-builder form {
|
|
display: flex;
|
|
flex-direction: column;
|
|
background: url("../assets/sheet/background.webp");
|
|
background-repeat: no-repeat;
|
|
background-size: cover;
|
|
background-attachment: local;
|
|
}
|
|
.sheet.kingdom-builder form > nav {
|
|
display: flex;
|
|
font-family: var(--serif-condensed);
|
|
font-size: var(--font-size-22);
|
|
margin-top: 0.125rem;
|
|
align-items: flex-end;
|
|
width: 100%;
|
|
}
|
|
.sheet.kingdom-builder form > nav a {
|
|
border-radius: 3px 3px 0 0;
|
|
padding: 0.25rem 0.5rem;
|
|
white-space: nowrap;
|
|
flex: 1;
|
|
text-align: center;
|
|
position: relative;
|
|
}
|
|
.sheet.kingdom-builder form > nav a:not(.active) {
|
|
margin-top: 1px;
|
|
border-bottom: 1px solid var(--alt-dark);
|
|
}
|
|
.sheet.kingdom-builder form > nav a.active {
|
|
border: 1px solid var(--alt-dark);
|
|
border-bottom-color: transparent;
|
|
margin-left: -1px;
|
|
margin-right: -1px;
|
|
}
|
|
.sheet.kingdom-builder form > nav a .complete {
|
|
font-size: 0.8em;
|
|
}
|
|
.sheet.kingdom-builder form > nav:before, .sheet.kingdom-builder form > nav:after {
|
|
content: "";
|
|
width: 0.25rem;
|
|
border-bottom: 1px solid var(--alt-dark);
|
|
}
|
|
.sheet.kingdom-builder .container {
|
|
height: 100%;
|
|
overflow: hidden;
|
|
}
|
|
.sheet.kingdom-builder .tab.active {
|
|
display: flex;
|
|
flex: 1;
|
|
}
|
|
.sheet.kingdom-builder button.complete {
|
|
color: var(--text-light);
|
|
background: var(--secondary);
|
|
height: 35px;
|
|
width: 131px;
|
|
border: 1px solid var(--tertiary);
|
|
}
|
|
.sheet.kingdom-builder button.complete:disabled {
|
|
background: var(--sub);
|
|
pointer-events: none;
|
|
opacity: 0.75;
|
|
}
|
|
.sheet.kingdom-builder .build-element {
|
|
display: flex;
|
|
flex-direction: column;
|
|
flex: 1;
|
|
}
|
|
.sheet.kingdom-builder .build-element .choices {
|
|
display: flex;
|
|
margin: 0.5rem 0.25rem;
|
|
}
|
|
.sheet.kingdom-builder .build-element .choices .choice {
|
|
display: flex;
|
|
cursor: pointer;
|
|
flex: 1 1 0;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
margin: 0.5rem 0;
|
|
text-align: center;
|
|
white-space: nowrap;
|
|
}
|
|
.sheet.kingdom-builder .build-element .choices .choice img {
|
|
border-radius: 3px;
|
|
width: 2.5rem;
|
|
height: 2.5rem;
|
|
object-fit: contain;
|
|
}
|
|
.sheet.kingdom-builder .build-element .choices .choice.selected, .sheet.kingdom-builder .build-element .choices .choice:hover {
|
|
text-shadow: 0 0 8px var(--color-shadow-primary);
|
|
}
|
|
.sheet.kingdom-builder .build-element .choices .choice.selected img, .sheet.kingdom-builder .build-element .choices .choice:hover img {
|
|
box-shadow: 0 0 8px var(--color-shadow-primary);
|
|
}
|
|
.sheet.kingdom-builder .build-element .build-entry-boosts {
|
|
font-family: var(--font-primary);
|
|
}
|
|
.sheet.kingdom-builder .build-element .build-entry-boosts section {
|
|
align-items: center;
|
|
display: flex;
|
|
gap: 4px;
|
|
}
|
|
.sheet.kingdom-builder .build-element .build-entry-boosts section .abilities {
|
|
display: flex;
|
|
gap: 3px;
|
|
}
|
|
.sheet.kingdom-builder .build-element .build-entry-boosts strong {
|
|
line-height: 1.5em;
|
|
}
|
|
.sheet.kingdom-builder .build-element .build-entry-boosts .tag {
|
|
border-radius: 4px;
|
|
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3);
|
|
line-height: unset;
|
|
padding: 0.15em;
|
|
font-size: 0.9em;
|
|
}
|
|
.sheet.kingdom-builder .build-element .selection {
|
|
display: flex;
|
|
flex: 1;
|
|
flex-direction: column;
|
|
margin: 0.5rem;
|
|
}
|
|
.sheet.kingdom-builder .build-element .selection .text {
|
|
display: flex;
|
|
flex-direction: column;
|
|
flex: 1;
|
|
overflow: hidden;
|
|
}
|
|
.sheet.kingdom-builder .build-element .selection .text h3 {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
}
|
|
.sheet.kingdom-builder .build-element .selection .text .description {
|
|
overflow-y: auto;
|
|
overflow-x: hidden;
|
|
height: 8rem;
|
|
}
|
|
.sheet.kingdom-builder .build-element .selection footer {
|
|
display: flex;
|
|
width: 100%;
|
|
align-items: end;
|
|
min-height: 4.5em;
|
|
}
|
|
.sheet.kingdom-builder .build-element .selection footer .build-entry-boosts {
|
|
flex: 1;
|
|
}
|
|
.sheet.kingdom-builder .build-element .selection footer button {
|
|
flex: 0;
|
|
white-space: nowrap;
|
|
}
|
|
.sheet.kingdom-builder .build-element .selection a[disabled] {
|
|
opacity: 0.7;
|
|
cursor: unset;
|
|
text-shadow: unset;
|
|
}
|
|
.sheet.kingdom-builder .build-element .selection {
|
|
padding: 0.5rem;
|
|
background-color: #eee;
|
|
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
|
|
}
|
|
.sheet.kingdom-builder .ability-builder {
|
|
padding: 6px;
|
|
width: 100%;
|
|
}
|
|
.sheet.kingdom-builder .ability-builder h3 {
|
|
font: 400 var(--font-size-24) var(--serif-condensed);
|
|
line-height: var(--font-size-24);
|
|
}
|
|
.sheet.kingdom-builder .ability-builder h4 {
|
|
font: 400 var(--font-size-10) var(--sans-serif);
|
|
text-transform: uppercase;
|
|
color: #605856;
|
|
}
|
|
.sheet.kingdom-builder .ability-builder button:focus:not(:focus-visible) {
|
|
box-shadow: none;
|
|
}
|
|
.sheet.kingdom-builder .ability-builder .row {
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
.sheet.kingdom-builder .ability-builder .row .row-heading {
|
|
width: 220px;
|
|
}
|
|
.sheet.kingdom-builder .ability-builder .row.not-eligible {
|
|
pointer-events: none;
|
|
filter: blur(1px);
|
|
opacity: 0.6;
|
|
}
|
|
.sheet.kingdom-builder .ability-builder .row.not-eligible .remaining {
|
|
visibility: hidden;
|
|
}
|
|
.sheet.kingdom-builder .ability-builder .row .abilities {
|
|
display: grid;
|
|
grid-template-columns: repeat(4, 1fr);
|
|
grid-template-rows: auto;
|
|
flex: 1;
|
|
}
|
|
.sheet.kingdom-builder .ability-builder .row .full-row {
|
|
display: flex;
|
|
flex: 1;
|
|
justify-content: center;
|
|
}
|
|
.sheet.kingdom-builder .ability-builder header.row {
|
|
align-items: normal;
|
|
padding-top: 10px;
|
|
margin-bottom: 0.5rem;
|
|
}
|
|
.sheet.kingdom-builder .ability-builder header.row .row-column {
|
|
display: block;
|
|
}
|
|
.sheet.kingdom-builder .ability-builder header.row .abilities {
|
|
align-items: normal;
|
|
}
|
|
.sheet.kingdom-builder .ability-builder .row-heading {
|
|
display: grid;
|
|
grid-template-columns: 42px 1fr auto;
|
|
grid-template-areas: "img description remaining";
|
|
align-items: center;
|
|
}
|
|
.sheet.kingdom-builder .ability-builder .row-heading h3 {
|
|
grid-column: 1/4;
|
|
align-self: start;
|
|
font-size: var(--font-size-24);
|
|
}
|
|
.sheet.kingdom-builder .ability-builder .row-heading .hint-container {
|
|
grid-column: 1/4;
|
|
}
|
|
.sheet.kingdom-builder .ability-builder .row-heading img {
|
|
grid-area: img;
|
|
border: 0;
|
|
}
|
|
.sheet.kingdom-builder .ability-builder .row-heading div.label {
|
|
grid-area: description;
|
|
display: flex;
|
|
flex-direction: column;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
margin-right: 10px;
|
|
}
|
|
.sheet.kingdom-builder .ability-builder .row-heading div.remaining {
|
|
grid-area: remaining;
|
|
display: flex;
|
|
margin-right: 10px;
|
|
width: 1.6rem;
|
|
height: 1.6rem;
|
|
border-radius: 50%;
|
|
background: rgba(68, 55, 48, 0.1);
|
|
align-self: center;
|
|
align-items: center;
|
|
justify-content: center;
|
|
text-align: center;
|
|
}
|
|
.sheet.kingdom-builder .ability-builder .row-heading div.remaining.extra {
|
|
animation: glow 0.75s infinite alternate;
|
|
}
|
|
@keyframes glow {
|
|
from {
|
|
box-shadow: 0 0 1px 1px #ffb351;
|
|
}
|
|
to {
|
|
box-shadow: 0 0 3px 3px #ffb351;
|
|
}
|
|
}
|
|
.sheet.kingdom-builder .ability-builder .row-column {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
text-align: center;
|
|
}
|
|
.sheet.kingdom-builder .ability-builder .row-column button {
|
|
align-items: center;
|
|
border: 1px solid var(--button-color);
|
|
color: var(--button-color);
|
|
display: flex;
|
|
font-size: var(--font-size-12);
|
|
justify-content: space-around;
|
|
outline: none;
|
|
margin: 0;
|
|
padding: 0.1em 0 0;
|
|
position: relative;
|
|
text-transform: uppercase;
|
|
width: 6em;
|
|
height: 1.5em;
|
|
}
|
|
.sheet.kingdom-builder .ability-builder .row-column button.boost {
|
|
margin-top: auto;
|
|
--button-color: #316549;
|
|
--button-locked-color: #1b3c2a;
|
|
}
|
|
.sheet.kingdom-builder .ability-builder .row-column button.flaw {
|
|
margin-bottom: auto;
|
|
--button-color: #5e0000;
|
|
--button-locked-color: #5e0000;
|
|
}
|
|
.sheet.kingdom-builder .ability-builder .row-column button:disabled {
|
|
pointer-events: none;
|
|
background: rgba(0, 0, 0, 0.04);
|
|
opacity: 0.4;
|
|
}
|
|
.sheet.kingdom-builder .ability-builder .row-column button.selected {
|
|
background: var(--button-color);
|
|
}
|
|
.sheet.kingdom-builder .ability-builder .row-column button:hover {
|
|
cursor: pointer;
|
|
box-shadow: 0 0 5px var(--button-color);
|
|
}
|
|
.sheet.kingdom-builder .ability-builder .row-column button:hover.key-ability.selected {
|
|
box-shadow: none;
|
|
cursor: default;
|
|
}
|
|
.sheet.kingdom-builder .ability-builder .row-column button:hover:disabled {
|
|
background: rgba(0, 0, 0, 0.04);
|
|
box-shadow: none;
|
|
cursor: not-allowed;
|
|
}
|
|
.sheet.kingdom-builder .ability-builder .row-column button i.fas {
|
|
font-size: var(--font-size-10);
|
|
left: 0.5em;
|
|
position: absolute;
|
|
text-align: left;
|
|
}
|
|
.sheet.kingdom-builder .ability-builder .row-column button.hidden {
|
|
pointer-events: none;
|
|
visibility: hidden;
|
|
}
|
|
.sheet.kingdom-builder .ability-builder .row-column button.locked {
|
|
pointer-events: none;
|
|
background: var(--button-locked-color);
|
|
border-color: var(--button-locked-color);
|
|
}
|
|
.sheet.kingdom-builder .ability-builder .row-column button.locked, .sheet.kingdom-builder .ability-builder .row-column button.selected {
|
|
color: var(--text-light);
|
|
}
|
|
.sheet.kingdom-builder .ability-builder .row-column div + .boost,
|
|
.sheet.kingdom-builder .ability-builder .row-column button + .boost {
|
|
margin-top: 4px;
|
|
}
|
|
.sheet.kingdom-builder .ability-builder .summary-row .row-heading {
|
|
display: block;
|
|
}
|
|
.sheet.kingdom-builder .ability-builder .summary-row .hint-container {
|
|
background: rgba(211, 204, 188, 0.4);
|
|
padding: 12px;
|
|
margin-right: 10px;
|
|
border: 1px solid rgb(211, 204, 188);
|
|
border-radius: 3px;
|
|
align-self: end;
|
|
}
|
|
.sheet.kingdom-builder .ability-builder .summary-row .hint-container h3 {
|
|
color: var(--primary);
|
|
font-variant: small-caps;
|
|
font-size: var(--font-size-20);
|
|
line-height: var(--font-size-16);
|
|
font-family: var(--sans-serif-condensed);
|
|
font-weight: 500;
|
|
}
|
|
.sheet.kingdom-builder .ability-builder .summary-row .hint-container p {
|
|
font-style: italic;
|
|
font-size: var(--font-size-12);
|
|
line-height: var(--font-size-14);
|
|
font-family: var(--sans-serif);
|
|
font-weight: 500;
|
|
margin-bottom: 3px;
|
|
}
|
|
.sheet.kingdom-builder .ability-builder .summary-row .hint-container label {
|
|
display: flex;
|
|
align-items: center;
|
|
margin-top: 8px;
|
|
}
|
|
.sheet.kingdom-builder .ability-builder .summary-row .hint-container .aspiration {
|
|
display: flex;
|
|
gap: 8px;
|
|
}
|
|
.sheet.kingdom-builder .ability-builder .summary-row .hint-container .aspiration select {
|
|
flex: 1;
|
|
}
|
|
.sheet.kingdom-builder .ability-builder .summary-row .abilities {
|
|
grid-template-rows: auto auto;
|
|
}
|
|
.sheet.kingdom-builder .ability-builder .summary-row .row-column {
|
|
display: flex;
|
|
flex-direction: column;
|
|
padding-top: 10px;
|
|
}
|
|
.sheet.kingdom-builder .ability-builder .summary-row .row-column .value {
|
|
height: 40px;
|
|
font: 700 var(--font-size-24) var(--serif);
|
|
line-height: var(--font-size-30);
|
|
}
|
|
.sheet.kingdom-builder .ability-builder .summary-row .row-column input {
|
|
width: calc(100% - 20px);
|
|
flex-grow: 0;
|
|
height: 30px;
|
|
color: var(--text-dark);
|
|
font: 500 var(--font-size-24) var(--serif);
|
|
border: 0;
|
|
border-bottom: 1px solid #d3ccbc;
|
|
border-radius: 0;
|
|
background-color: transparent;
|
|
margin: 0 10px 10px 10px;
|
|
text-align: center;
|
|
}
|
|
.sheet.kingdom-builder .ability-builder .summary-row .row-column input::placeholder {
|
|
filter: opacity(0.5);
|
|
}
|
|
.sheet.kingdom-builder .ability-builder .summary-row .row-column input:focus {
|
|
border-bottom: 1px solid var(--alt);
|
|
}
|
|
.sheet.kingdom-builder .ability-builder .summary-row .row-column input[type=number] {
|
|
padding-bottom: 0;
|
|
padding-left: 4px;
|
|
}
|
|
.sheet.kingdom-builder .ability-builder .summary-row div.complete {
|
|
grid-row: 2;
|
|
grid-column: 1/7;
|
|
display: flex;
|
|
align-items: flex-end;
|
|
justify-content: flex-end;
|
|
margin-top: 10px;
|
|
margin-left: auto;
|
|
}
|
|
.sheet.kingdom-builder .ability-builder .title {
|
|
color: var(--primary);
|
|
font: 500 var(--font-size-10) var(--sans-serif-condensed);
|
|
line-height: var(--font-size-10);
|
|
text-transform: uppercase;
|
|
}
|
|
.sheet.kingdom-builder .ability-builder .description {
|
|
font: 600 var(--font-size-16) var(--serif);
|
|
}
|
|
.sheet.kingdom-builder .ability-builder .extra {
|
|
display: flex;
|
|
align-items: center;
|
|
font-size: var(--font-size-12);
|
|
margin-top: -0.25rem;
|
|
}
|
|
.sheet.kingdom-builder .ability-builder .extra .fas {
|
|
margin-left: 0.125rem;
|
|
}
|
|
.sheet.kingdom-builder .ability-builder .extra input[type=checkbox] {
|
|
height: var(--font-size-12);
|
|
margin: 0;
|
|
}
|
|
.pf2e.chat-card.kingdom {
|
|
--color-confirmation: #2c4f0d;
|
|
}
|
|
.pf2e.chat-card.kingdom .confirmation {
|
|
align-items: center;
|
|
color: var(--color-confirmation);
|
|
display: flex;
|
|
border: 1px dashed var(--color-confirmation);
|
|
font-size: 1.2em;
|
|
gap: 0.5rem;
|
|
justify-content: center;
|
|
padding: 0.25rem 0;
|
|
}
|
|
/* Mystification data revealed to GMs */
|
|
.gm-mystified-data {
|
|
opacity: 0.75;
|
|
}
|
|
#compendium-browser > section.window-content > .content-box,
|
|
#license-viewer > section.window-content > .content-box {
|
|
flex: 1;
|
|
overflow: hidden;
|
|
height: inherit;
|
|
}
|
|
#compendium-browser > section.window-content > .content-box div[class^=slider-],
|
|
#license-viewer > section.window-content > .content-box div[class^=slider-] {
|
|
height: 10px;
|
|
width: 80%;
|
|
border: 1px solid black;
|
|
}
|
|
#compendium-browser > section.window-content > .content-box div[class^=slider-] .noUi-base,
|
|
#license-viewer > section.window-content > .content-box div[class^=slider-] .noUi-base {
|
|
background: #dddddd;
|
|
}
|
|
#compendium-browser > section.window-content > .content-box div[class^=slider-] .noUi-base .noUi-origin .noUi-handle,
|
|
#license-viewer > section.window-content > .content-box div[class^=slider-] .noUi-base .noUi-origin .noUi-handle {
|
|
background: none;
|
|
border: none;
|
|
box-shadow: none;
|
|
color: var(--text-light);
|
|
cursor: grab;
|
|
font-size: var(--font-size-16);
|
|
height: 14px;
|
|
right: -7px;
|
|
text-shadow: 0 0 4px black;
|
|
top: -4px;
|
|
width: 14px;
|
|
}
|
|
#compendium-browser > section.window-content > .content-box div[class^=slider-] .noUi-base .noUi-origin .noUi-handle:active,
|
|
#license-viewer > section.window-content > .content-box div[class^=slider-] .noUi-base .noUi-origin .noUi-handle:active {
|
|
cursor: grabbing;
|
|
}
|
|
#compendium-browser > section.window-content > .content-box div[class^=slider-] .noUi-base .noUi-origin .noUi-handle.handle,
|
|
#license-viewer > section.window-content > .content-box div[class^=slider-] .noUi-base .noUi-origin .noUi-handle.handle {
|
|
background: #c85019;
|
|
border-radius: 2px;
|
|
border: 1px solid black;
|
|
box-shadow: 1px 1px 4px black;
|
|
}
|
|
#compendium-browser > section.window-content > .content-box div[class^=slider-] .noUi-base .noUi-origin .noUi-handle::before, #compendium-browser > section.window-content > .content-box div[class^=slider-] .noUi-base .noUi-origin .noUi-handle::after,
|
|
#license-viewer > section.window-content > .content-box div[class^=slider-] .noUi-base .noUi-origin .noUi-handle::before,
|
|
#license-viewer > section.window-content > .content-box div[class^=slider-] .noUi-base .noUi-origin .noUi-handle::after {
|
|
background: none;
|
|
}
|
|
#compendium-browser > section.window-content > .content-box div[class^=slider-] .noUi-base .noUi-origin .noUi-handle .noUi-touch-area,
|
|
#license-viewer > section.window-content > .content-box div[class^=slider-] .noUi-base .noUi-origin .noUi-handle .noUi-touch-area {
|
|
cursor: pointer;
|
|
}
|
|
#compendium-browser > section.window-content > .content-box div[class^=slider-] .noUi-base .noUi-tooltip,
|
|
#license-viewer > section.window-content > .content-box div[class^=slider-] .noUi-base .noUi-tooltip {
|
|
display: none;
|
|
}
|
|
#compendium-browser > section.window-content > .content-box div[class^=slider-] .noUi-base .noUi-active .noUi-tooltip,
|
|
#license-viewer > section.window-content > .content-box div[class^=slider-] .noUi-base .noUi-active .noUi-tooltip {
|
|
display: block;
|
|
background-color: rgba(0, 0, 0, 0.9);
|
|
color: var(--text-light);
|
|
line-height: 18px;
|
|
padding: 6px 14px;
|
|
}
|
|
#compendium-browser > section.window-content > .content-box div[class^=slider-] .noUi-base .noUi-connect.range_selected,
|
|
#license-viewer > section.window-content > .content-box div[class^=slider-] .noUi-base .noUi-connect.range_selected {
|
|
background: rgba(255, 255, 240, 0.8);
|
|
}
|
|
#compendium-browser > section.window-content > .content-box > nav,
|
|
#license-viewer > section.window-content > .content-box > nav {
|
|
border-style: solid;
|
|
border-image-outset: 0;
|
|
border-width: 9px;
|
|
border-image: url("../assets/sheet/corner-box.webp") 9 repeat;
|
|
box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
|
|
flex: 0;
|
|
width: 100%;
|
|
display: inline-flex;
|
|
justify-content: space-evenly;
|
|
align-items: center;
|
|
background: var(--secondary);
|
|
background: url("../assets/sheet/border-pattern.webp") repeat-x top, url("../assets/sheet/border-pattern.webp") repeat-x bottom, var(--secondary);
|
|
}
|
|
#compendium-browser > section.window-content > .content-box > nav > a,
|
|
#license-viewer > section.window-content > .content-box > nav > a {
|
|
color: var(--sidebar-label);
|
|
padding: 4px 0;
|
|
font-family: var(--sans-serif);
|
|
font-size: var(--font-size-12);
|
|
position: relative;
|
|
}
|
|
#compendium-browser > section.window-content > .content-box > nav > a.active::after,
|
|
#license-viewer > section.window-content > .content-box > nav > a.active::after {
|
|
bottom: -2px;
|
|
right: 39%;
|
|
position: absolute;
|
|
content: "";
|
|
width: 0;
|
|
height: 0;
|
|
border-left: 4px solid transparent;
|
|
border-right: 4px solid transparent;
|
|
border-top: 4px solid var(--sidebar-label);
|
|
}
|
|
#compendium-browser > section.window-content > .content-box .compendium-browser-settings,
|
|
#license-viewer > section.window-content > .content-box .compendium-browser-settings {
|
|
height: 100%;
|
|
}
|
|
#compendium-browser > section.window-content > .content-box .compendium-browser-settings form,
|
|
#license-viewer > section.window-content > .content-box .compendium-browser-settings form {
|
|
display: flex;
|
|
height: 88%;
|
|
flex-direction: column;
|
|
margin-bottom: 10px;
|
|
}
|
|
#compendium-browser > section.window-content > .content-box .compendium-browser-settings form .setting-section,
|
|
#license-viewer > section.window-content > .content-box .compendium-browser-settings form .setting-section {
|
|
border: 1px solid #bbb;
|
|
border-radius: 5px;
|
|
margin-top: 5px;
|
|
padding: 2px;
|
|
/* Checkbox */
|
|
}
|
|
#compendium-browser > section.window-content > .content-box .compendium-browser-settings form .setting-section h3,
|
|
#license-viewer > section.window-content > .content-box .compendium-browser-settings form .setting-section h3 {
|
|
margin: 0;
|
|
cursor: pointer;
|
|
}
|
|
#compendium-browser > section.window-content > .content-box .compendium-browser-settings form .setting-section dt,
|
|
#license-viewer > section.window-content > .content-box .compendium-browser-settings form .setting-section dt {
|
|
width: 10%;
|
|
}
|
|
#compendium-browser > section.window-content > .content-box .compendium-browser-settings form .setting-section dt > input[type=checkbox],
|
|
#license-viewer > section.window-content > .content-box .compendium-browser-settings form .setting-section dt > input[type=checkbox] {
|
|
transform: none;
|
|
flex: none;
|
|
height: auto;
|
|
margin: 3px 3px;
|
|
}
|
|
#compendium-browser > section.window-content > .content-box .compendium-browser-settings form .setting-section dd,
|
|
#license-viewer > section.window-content > .content-box .compendium-browser-settings form .setting-section dd {
|
|
width: 88%;
|
|
}
|
|
#compendium-browser > section.window-content > .content-box .compendium-browser-settings form dl,
|
|
#license-viewer > section.window-content > .content-box .compendium-browser-settings form dl {
|
|
margin: 5px 0;
|
|
}
|
|
#compendium-browser > section.window-content > .content-box .compendium-browser-settings form dt,
|
|
#license-viewer > section.window-content > .content-box .compendium-browser-settings form dt {
|
|
display: inline-block;
|
|
width: 40%;
|
|
padding-left: 5px;
|
|
}
|
|
#compendium-browser > section.window-content > .content-box .compendium-browser-settings form dd,
|
|
#license-viewer > section.window-content > .content-box .compendium-browser-settings form dd {
|
|
display: inline-block;
|
|
width: 58%;
|
|
margin-left: 0;
|
|
}
|
|
#compendium-browser > section.window-content > .content-box .compendium-browser-settings form .settings-container,
|
|
#license-viewer > section.window-content > .content-box .compendium-browser-settings form .settings-container {
|
|
overflow-y: auto;
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
}
|
|
#compendium-browser > section.window-content > .content-box .compendium-browser-settings form .settings-container .tab[data-tab].active,
|
|
#license-viewer > section.window-content > .content-box .compendium-browser-settings form .settings-container .tab[data-tab].active {
|
|
display: flex;
|
|
flex-direction: row;
|
|
flex-wrap: wrap;
|
|
justify-content: center;
|
|
width: 100%;
|
|
}
|
|
#compendium-browser > section.window-content > .content-box .compendium-browser-settings form .settings-container .single-column,
|
|
#license-viewer > section.window-content > .content-box .compendium-browser-settings form .settings-container .single-column {
|
|
width: 100%;
|
|
}
|
|
#compendium-browser > section.window-content > .content-box .compendium-browser-settings form .settings-container h2,
|
|
#license-viewer > section.window-content > .content-box .compendium-browser-settings form .settings-container h2 {
|
|
margin-top: 1em;
|
|
margin-bottom: 0.5em;
|
|
width: 100%;
|
|
}
|
|
#compendium-browser > section.window-content > .content-box .compendium-browser-settings form .settings-container div,
|
|
#license-viewer > section.window-content > .content-box .compendium-browser-settings form .settings-container div {
|
|
width: 365px;
|
|
margin-right: 1em;
|
|
}
|
|
#compendium-browser > section.window-content > .content-box .compendium-browser-settings > nav,
|
|
#license-viewer > section.window-content > .content-box .compendium-browser-settings > nav {
|
|
border-style: solid;
|
|
border-image-outset: 0;
|
|
border-width: 9px;
|
|
border-image: url("../assets/sheet/corner-box.webp") 9 repeat;
|
|
box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
|
|
flex: 0;
|
|
width: 100%;
|
|
display: inline-flex;
|
|
justify-content: space-evenly;
|
|
align-items: center;
|
|
background: var(--secondary);
|
|
background: url("../assets/sheet/border-pattern.webp") repeat-x top, url("../assets/sheet/border-pattern.webp") repeat-x bottom, var(--secondary);
|
|
}
|
|
#compendium-browser > section.window-content > .content-box .compendium-browser-settings > nav > a,
|
|
#license-viewer > section.window-content > .content-box .compendium-browser-settings > nav > a {
|
|
color: var(--sidebar-label);
|
|
padding: 4px 0;
|
|
font-family: var(--sans-serif);
|
|
font-size: var(--font-size-12);
|
|
position: relative;
|
|
}
|
|
#compendium-browser > section.window-content > .content-box .compendium-browser-settings > nav > a.active::after,
|
|
#license-viewer > section.window-content > .content-box .compendium-browser-settings > nav > a.active::after {
|
|
bottom: -2px;
|
|
right: 39%;
|
|
position: absolute;
|
|
content: "";
|
|
width: 0;
|
|
height: 0;
|
|
border-left: 4px solid transparent;
|
|
border-right: 4px solid transparent;
|
|
border-top: 4px solid var(--sidebar-label);
|
|
}
|
|
#compendium-browser > section.window-content > .content-box .compendium-browser-settings nav,
|
|
#license-viewer > section.window-content > .content-box .compendium-browser-settings nav {
|
|
border-width: unset;
|
|
}
|
|
#compendium-browser > section.window-content > .content-box .compendium-browser-settings button.save-settings,
|
|
#license-viewer > section.window-content > .content-box .compendium-browser-settings button.save-settings {
|
|
background: rgba(0, 0, 0, 0.1);
|
|
border: 2px groove var(--color-border-light-highlight);
|
|
}
|
|
#compendium-browser > section.window-content > .content-box .spell-browser,
|
|
#license-viewer > section.window-content > .content-box .spell-browser {
|
|
display: flex;
|
|
min-height: 100px;
|
|
height: 100%;
|
|
/* Sort and filter areas */
|
|
}
|
|
#compendium-browser > section.window-content > .content-box .spell-browser .control-area,
|
|
#license-viewer > section.window-content > .content-box .spell-browser .control-area {
|
|
position: sticky;
|
|
display: block;
|
|
min-width: 320px;
|
|
width: 320px;
|
|
padding-right: 5px;
|
|
overflow: auto;
|
|
}
|
|
#compendium-browser > section.window-content > .content-box .spell-browser .filtercontainer,
|
|
#compendium-browser > section.window-content > .content-box .spell-browser .sortcontainer,
|
|
#license-viewer > section.window-content > .content-box .spell-browser .filtercontainer,
|
|
#license-viewer > section.window-content > .content-box .spell-browser .sortcontainer {
|
|
border: 1px solid #bbb;
|
|
border-radius: 5px;
|
|
margin-top: 5px;
|
|
padding: 2px;
|
|
}
|
|
#compendium-browser > section.window-content > .content-box .spell-browser .filtercontainer div.title,
|
|
#compendium-browser > section.window-content > .content-box .spell-browser .sortcontainer div.title,
|
|
#license-viewer > section.window-content > .content-box .spell-browser .filtercontainer div.title,
|
|
#license-viewer > section.window-content > .content-box .spell-browser .sortcontainer div.title {
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: space-between;
|
|
height: 22px;
|
|
}
|
|
#compendium-browser > section.window-content > .content-box .spell-browser .filtercontainer div.title h3,
|
|
#compendium-browser > section.window-content > .content-box .spell-browser .sortcontainer div.title h3,
|
|
#license-viewer > section.window-content > .content-box .spell-browser .filtercontainer div.title h3,
|
|
#license-viewer > section.window-content > .content-box .spell-browser .sortcontainer div.title h3 {
|
|
margin: 0;
|
|
cursor: pointer;
|
|
}
|
|
#compendium-browser > section.window-content > .content-box .spell-browser .filtercontainer div.title button,
|
|
#compendium-browser > section.window-content > .content-box .spell-browser .sortcontainer div.title button,
|
|
#license-viewer > section.window-content > .content-box .spell-browser .filtercontainer div.title button,
|
|
#license-viewer > section.window-content > .content-box .spell-browser .sortcontainer div.title button {
|
|
width: fit-content;
|
|
line-height: 22px;
|
|
}
|
|
#compendium-browser > section.window-content > .content-box .spell-browser .filtercontainer button.clear-filters,
|
|
#compendium-browser > section.window-content > .content-box .spell-browser .sortcontainer button.clear-filters,
|
|
#license-viewer > section.window-content > .content-box .spell-browser .filtercontainer button.clear-filters,
|
|
#license-viewer > section.window-content > .content-box .spell-browser .sortcontainer button.clear-filters {
|
|
margin-bottom: 5px;
|
|
}
|
|
#compendium-browser > section.window-content > .content-box .spell-browser .filtercontainer > dl dt > input[type=checkbox],
|
|
#compendium-browser > section.window-content > .content-box .spell-browser .sortcontainer > dl dt > input[type=checkbox],
|
|
#license-viewer > section.window-content > .content-box .spell-browser .filtercontainer > dl dt > input[type=checkbox],
|
|
#license-viewer > section.window-content > .content-box .spell-browser .sortcontainer > dl dt > input[type=checkbox] {
|
|
transform: none;
|
|
flex: none;
|
|
height: auto;
|
|
margin: 3px 3px;
|
|
}
|
|
#compendium-browser > section.window-content > .content-box .spell-browser .filtercontainer > dl dd > a.direction,
|
|
#compendium-browser > section.window-content > .content-box .spell-browser .sortcontainer > dl dd > a.direction,
|
|
#license-viewer > section.window-content > .content-box .spell-browser .filtercontainer > dl dd > a.direction,
|
|
#license-viewer > section.window-content > .content-box .spell-browser .sortcontainer > dl dd > a.direction {
|
|
padding: 2px;
|
|
}
|
|
#compendium-browser > section.window-content > .content-box .spell-browser .filtercontainer dt,
|
|
#license-viewer > section.window-content > .content-box .spell-browser .filtercontainer dt {
|
|
width: 10%;
|
|
}
|
|
#compendium-browser > section.window-content > .content-box .spell-browser .filtercontainer dd,
|
|
#license-viewer > section.window-content > .content-box .spell-browser .filtercontainer dd {
|
|
width: 82%;
|
|
}
|
|
#compendium-browser > section.window-content > .content-box .spell-browser .filtercontainer .filter-conjunction input[type=radio],
|
|
#license-viewer > section.window-content > .content-box .spell-browser .filtercontainer .filter-conjunction input[type=radio] {
|
|
margin: 0 5px 0 3px;
|
|
}
|
|
#compendium-browser > section.window-content > .content-box .spell-browser .rangecontainer div,
|
|
#license-viewer > section.window-content > .content-box .spell-browser .rangecontainer div {
|
|
text-align: center;
|
|
margin-top: 5px;
|
|
}
|
|
#compendium-browser > section.window-content > .content-box .spell-browser .rangecontainer input,
|
|
#license-viewer > section.window-content > .content-box .spell-browser .rangecontainer input {
|
|
width: 45%;
|
|
}
|
|
#compendium-browser > section.window-content > .content-box .spell-browser .slidercontainer-flex,
|
|
#license-viewer > section.window-content > .content-box .spell-browser .slidercontainer-flex {
|
|
display: flex;
|
|
justify-content: space-around;
|
|
align-items: baseline;
|
|
}
|
|
#compendium-browser > section.window-content > .content-box .spell-browser .slidercontainer-flex label,
|
|
#license-viewer > section.window-content > .content-box .spell-browser .slidercontainer-flex label {
|
|
width: 10px;
|
|
}
|
|
#compendium-browser > section.window-content > .content-box .spell-browser dl,
|
|
#license-viewer > section.window-content > .content-box .spell-browser dl {
|
|
margin: 5px 0;
|
|
}
|
|
#compendium-browser > section.window-content > .content-box .spell-browser dt,
|
|
#license-viewer > section.window-content > .content-box .spell-browser dt {
|
|
display: inline-block;
|
|
padding-left: 5px;
|
|
}
|
|
#compendium-browser > section.window-content > .content-box .spell-browser dd,
|
|
#license-viewer > section.window-content > .content-box .spell-browser dd {
|
|
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: 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 > .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 .spell-browser .list-buttons,
|
|
#license-viewer > section.window-content > .content-box .spell-browser .list-buttons {
|
|
position: absolute;
|
|
bottom: 3px;
|
|
right: 22px;
|
|
width: 54%;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
}
|
|
#compendium-browser > section.window-content > .content-box .spell-browser .list-buttons button,
|
|
#license-viewer > section.window-content > .content-box .spell-browser .list-buttons button {
|
|
line-height: 19px;
|
|
background: rgb(255, 255, 240);
|
|
}
|
|
#compendium-browser > section.window-content > .content-box > section.content,
|
|
#license-viewer > section.window-content > .content-box > section.content {
|
|
height: 96%;
|
|
}
|
|
#compendium-browser > section.window-content > .content-box > section.content > .tab.browser.active,
|
|
#license-viewer > section.window-content > .content-box > section.content > .tab.browser.active {
|
|
height: inherit;
|
|
}
|
|
#compendium-browser > section.window-content > .content-box > section.content > .tab.browser.active > div,
|
|
#license-viewer > section.window-content > .content-box > section.content > .tab.browser.active > div {
|
|
display: grid;
|
|
grid-template-columns: 320px auto;
|
|
}
|
|
#compendium-browser > section.window-content > .content-box > section.content > .tab.browser.active > div .control-area,
|
|
#license-viewer > section.window-content > .content-box > section.content > .tab.browser.active > div .control-area {
|
|
grid-column-start: 1;
|
|
}
|
|
#compendium-browser > section.window-content > .content-box > section.content > .tab.browser.active > div ul,
|
|
#license-viewer > section.window-content > .content-box > section.content > .tab.browser.active > div ul {
|
|
grid-column-start: 2;
|
|
}
|
|
#compendium-browser > section.window-content > .content-box > section.content > .tab.settings.active,
|
|
#license-viewer > section.window-content > .content-box > section.content > .tab.settings.active {
|
|
height: 98%;
|
|
}
|
|
.pf2e.item.sheet 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;
|
|
vertical-align: middle;
|
|
}
|
|
.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.action form .drop-zone {
|
|
align-items: center;
|
|
border: 1px solid var(--color-border-light-tertiary);
|
|
display: flex;
|
|
gap: 0.25rem;
|
|
max-width: fit-content;
|
|
padding: 0 4px 0 0;
|
|
}
|
|
.pf2e.item.sheet.action form .drop-zone.empty {
|
|
font-weight: normal;
|
|
min-width: 12rem;
|
|
padding: 4px;
|
|
}
|
|
.pf2e.item.sheet.action form .drop-zone.empty .name {
|
|
font-style: italic;
|
|
flex: 1;
|
|
text-align: center;
|
|
}
|
|
.pf2e.item.sheet.action form .drop-zone picture,
|
|
.pf2e.item.sheet.action form .drop-zone img {
|
|
border: 1px solid var(--color-border-dark);
|
|
border-radius: 2px;
|
|
box-sizing: border-box;
|
|
display: block;
|
|
float: left;
|
|
height: 24px;
|
|
width: 24px;
|
|
}
|
|
.pf2e.item.sheet.action form .drop-zone a.content-link {
|
|
align-items: center;
|
|
border: none;
|
|
border-right: 1px solid var(--color-border-light-2);
|
|
display: flex;
|
|
gap: 0.5em;
|
|
min-width: 9rem;
|
|
padding: 4px;
|
|
}
|
|
.pf2e.item.sheet.action form .drop-zone a.delete {
|
|
display: flex;
|
|
}
|
|
.pf2e.item.sheet.affliction form .affliction-stage .link:not(.linked) {
|
|
opacity: 0.6;
|
|
color: #a00;
|
|
}
|
|
.pf2e.item.sheet.deity form .tab.details .checkbox-pair {
|
|
align-items: center;
|
|
display: flex;
|
|
}
|
|
.pf2e.item.sheet.deity form .tab.details .checkbox-pair span {
|
|
font-weight: 400;
|
|
}
|
|
.pf2e.item.sheet.effect form .sheet-content .sidebar .inventory-details .form-group select {
|
|
max-width: fit-content;
|
|
}
|
|
.pf2e.item.sheet.effect form .sheet-content .sidebar .inventory-details .form-group .form-group.duration label {
|
|
max-width: fit-content;
|
|
padding-right: 0.1em;
|
|
}
|
|
.pf2e.item.sheet.effect form .sheet-content .sidebar .badge-label-row {
|
|
align-items: center;
|
|
display: flex;
|
|
gap: 4px;
|
|
width: 100%;
|
|
}
|
|
.pf2e.item.sheet.effect form .sheet-content .sidebar .badge-label-row label {
|
|
cursor: pointer;
|
|
max-width: unset;
|
|
}
|
|
.pf2e.item.sheet.effect form .sheet-content .sidebar .badge-label-row input[type=radio] {
|
|
margin: 0;
|
|
top: 0;
|
|
}
|
|
.pf2e.item.sheet.effect form .sheet-content .sidebar .badge-label-row .badge-value {
|
|
margin-right: 0.1rem;
|
|
width: 3ch;
|
|
font-weight: bold;
|
|
text-align: end;
|
|
}
|
|
.pf2e.item.sheet.effect form .sheet-content .sidebar .badge-label-row input[type=text] {
|
|
flex: 1;
|
|
text-align: end;
|
|
}
|
|
.pf2e.item.sheet.effect form .sheet-content .sidebar .badge-label-header {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
margin: 0.5em 0 0.25em 0;
|
|
}
|
|
.pf2e.item.sheet.effect form .sheet-content .sidebar .add-badge {
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
.pf2e.item.sheet.effect form .sheet-content .sidebar .add-badge select {
|
|
flex: 1;
|
|
max-width: unset;
|
|
}
|
|
.pf2e.item.sheet.effect form .sheet-content .sidebar .add-badge button {
|
|
flex: 0;
|
|
line-height: 1.2em;
|
|
}
|
|
.pf2e.item.sheet.feat form .drop-zone {
|
|
align-items: center;
|
|
border: 1px solid var(--color-border-light-tertiary);
|
|
display: flex;
|
|
gap: 0.25rem;
|
|
max-width: fit-content;
|
|
padding: 0 4px 0 0;
|
|
}
|
|
.pf2e.item.sheet.feat form .drop-zone.empty {
|
|
font-weight: normal;
|
|
min-width: 12rem;
|
|
padding: 4px;
|
|
}
|
|
.pf2e.item.sheet.feat form .drop-zone.empty .name {
|
|
font-style: italic;
|
|
flex: 1;
|
|
text-align: center;
|
|
}
|
|
.pf2e.item.sheet.feat form .drop-zone picture,
|
|
.pf2e.item.sheet.feat form .drop-zone img {
|
|
border: 1px solid var(--color-border-dark);
|
|
border-radius: 2px;
|
|
box-sizing: border-box;
|
|
display: block;
|
|
float: left;
|
|
height: 24px;
|
|
width: 24px;
|
|
}
|
|
.pf2e.item.sheet.feat form .drop-zone a.content-link {
|
|
align-items: center;
|
|
border: none;
|
|
border-right: 1px solid var(--color-border-light-2);
|
|
display: flex;
|
|
gap: 0.5em;
|
|
min-width: 9rem;
|
|
padding: 4px;
|
|
}
|
|
.pf2e.item.sheet.feat form .drop-zone a.delete {
|
|
display: flex;
|
|
}
|
|
.pf2e.item.sheet.feat form .tab.details .form-group > label {
|
|
min-width: fit-content;
|
|
margin-right: 1em;
|
|
}
|
|
.pf2e.item.sheet.heritage form section.sidebar .required-ancestry {
|
|
flex-wrap: nowrap;
|
|
width: 100%;
|
|
white-space: nowrap;
|
|
max-width: 100%;
|
|
}
|
|
.pf2e.item.sheet.heritage form section.sidebar .required-ancestry label {
|
|
flex: 0;
|
|
}
|
|
.pf2e.item.sheet.heritage form section.sidebar .required-ancestry .drop-zone {
|
|
background-color: rgba(0, 0, 0, 0.05);
|
|
border-radius: 2px;
|
|
border: 1px dotted var(--alt-dark);
|
|
display: flex;
|
|
font-weight: normal;
|
|
justify-content: center;
|
|
margin: 2px 3px 0 auto;
|
|
max-width: 8em;
|
|
padding: 3px;
|
|
position: relative;
|
|
}
|
|
.pf2e.item.sheet.heritage form section.sidebar .required-ancestry .drop-zone span {
|
|
display: inline-block;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
}
|
|
.pf2e.item.sheet.heritage form section.sidebar .required-ancestry .drop-zone.ancestry-ref-broken {
|
|
background-color: rgba(255, 0, 0, 0.15);
|
|
border-color: var(--primary);
|
|
}
|
|
.pf2e.item.sheet.heritage form section.sidebar .required-ancestry .drop-zone a.remove-ancestry {
|
|
display: none;
|
|
position: absolute;
|
|
right: -0.5em;
|
|
top: -0.25em;
|
|
}
|
|
.pf2e.item.sheet.heritage form section.sidebar .required-ancestry .drop-zone a.remove-ancestry:hover {
|
|
display: flex;
|
|
}
|
|
.pf2e.item.sheet.heritage form section.sidebar .required-ancestry .drop-zone:hover a.remove-ancestry {
|
|
display: flex;
|
|
}
|
|
.pf2e.item.sheet.kit form .kit-list ul.kit-items {
|
|
padding: 0;
|
|
}
|
|
.pf2e.item.sheet.kit form .kit-list ul.kit-items li.kit-item {
|
|
display: grid;
|
|
grid-template-columns: 26px 30px auto 10px;
|
|
align-items: center;
|
|
}
|
|
.pf2e.item.sheet.kit form .kit-list ul.kit-items li.kit-item:nth-of-type(even) {
|
|
background-color: rgba(120, 100, 82, 0.1);
|
|
}
|
|
.pf2e.item.sheet.kit form .kit-list ul.kit-items li.kit-item .kit-item-name {
|
|
line-height: 1em;
|
|
height: 1em;
|
|
}
|
|
.pf2e.item.sheet.kit form .kit-list ul.kit-items li.kit-item .kit-item-name .fa.fa-globe {
|
|
padding: 0 3px;
|
|
float: right;
|
|
}
|
|
.pf2e.item.sheet.kit form .kit-list ul.kit-items ul {
|
|
padding-left: 0.5em;
|
|
margin-top: 0;
|
|
grid-column: 1/5;
|
|
}
|
|
.pf2e.item.sheet.kit form .kit-list ul.kit-items ul:empty {
|
|
display: none;
|
|
}
|
|
.pf2e.item.sheet.melee form .sheet-body .tab.details .form-group.attack-modifier label,
|
|
.pf2e.item.sheet.melee form .sheet-body .tab.details li.damage-partial form-group label {
|
|
max-width: fit-content;
|
|
}
|
|
.pf2e.item.sheet.melee form .sheet-body .tab.details .form-group.attack-modifier input,
|
|
.pf2e.item.sheet.melee form .sheet-body .tab.details li.damage-partial form-group input {
|
|
max-width: 6ch;
|
|
}
|
|
.pf2e.item.sheet.melee form .sheet-body .tab.details ol.form-list li.damage-partial {
|
|
align-items: center;
|
|
display: flex;
|
|
gap: 1em;
|
|
}
|
|
.pf2e.item.sheet.melee form .sheet-body .tab.details ol.form-list li.damage-partial input {
|
|
max-width: 12ch;
|
|
}
|
|
.pf2e.item.sheet.melee form .sheet-body .tab.details ol.form-list li.damage-partial .type {
|
|
gap: 0.25em;
|
|
}
|
|
.pf2e.item.sheet.melee form .sheet-body .tab.details ol.form-list li.damage-partial .remove-partial {
|
|
margin: 0 0.5em 0 auto;
|
|
}
|
|
.pf2e.item.sheet.spell form .damage-formulas {
|
|
margin-top: 8px;
|
|
}
|
|
.pf2e.item.sheet.spell form .damage-formulas .form-fields {
|
|
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 .tab.details label {
|
|
min-width: 9em;
|
|
}
|
|
.pf2e.item.sheet.weapon form .tab.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;
|
|
}
|
|
.pf2e.item.sheet form .item-activations .activation + .activation, .pf2e.item.sheet form .item-activations .activation + button {
|
|
margin-top: 0.5em;
|
|
}
|
|
.pf2e.item.sheet form .item-activations .activation .editor {
|
|
min-height: 28px;
|
|
}
|
|
.pf2e.item.sheet form .item-activations header {
|
|
font-size: 1.05em;
|
|
margin-bottom: 0.25em;
|
|
line-height: 1.25em;
|
|
}
|
|
.pf2e.item.sheet form .item-activations .activation-time {
|
|
flex: 1;
|
|
height: 20px;
|
|
}
|
|
.pf2e.item.sheet form .item-activations .frequency {
|
|
flex: 1;
|
|
gap: 4px;
|
|
padding-right: 6px;
|
|
}
|
|
.pf2e.item.sheet form .item-activations .frequency input[type=number] {
|
|
border: none;
|
|
background: none;
|
|
text-align: right;
|
|
margin: 0 0 0 24px;
|
|
}
|
|
.pf2e.item.sheet form .item-activations .frequency > select:first-child {
|
|
margin-left: 24px;
|
|
}
|
|
.pf2e.item.sheet form .item-activations .frequency.empty {
|
|
text-align: right;
|
|
}
|
|
.pf2e.item.sheet form .item-activations .tags {
|
|
margin-top: 4px;
|
|
}
|
|
.pf2e.item.sheet form .item-activations .tags label {
|
|
margin-right: 3px;
|
|
}
|
|
.pf2e.item.sheet form .item-activations .tox {
|
|
min-height: 150px;
|
|
}
|
|
.pf2e.item.sheet form .identify-popup {
|
|
min-width: 300px;
|
|
}
|
|
.pf2e.item.sheet form .sheet-body .tab.mystification.active .mystification-status select {
|
|
max-width: fit-content;
|
|
margin-right: auto;
|
|
}
|
|
.pf2e.item.sheet form .sheet-body .tab.mystification.active .unidentified {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 0.5rem;
|
|
flex-wrap: wrap;
|
|
}
|
|
.pf2e.item.sheet form .sheet-body .tab.mystification.active .unidentified > * {
|
|
display: flex;
|
|
}
|
|
.pf2e.item.sheet form .sheet-body .tab.mystification.active .unidentified img {
|
|
height: 42px;
|
|
width: 42px;
|
|
}
|
|
.pf2e.item.sheet form .sheet-body .tab.mystification.active .unidentified input {
|
|
width: 50%;
|
|
}
|
|
.pf2e.item.sheet form .sheet-body .tab.mystification.active .unidentified .editor {
|
|
min-height: 100px;
|
|
width: 100%;
|
|
}
|
|
.pf2e.item.sheet form .sheet-body .tab.mystification.active .unidentified .tox.tox-tinymce {
|
|
min-height: 200px;
|
|
}
|
|
.pf2e.item.sheet form .tab.active.rules select {
|
|
font-size: var(--font-size-12);
|
|
height: 1.36rem;
|
|
width: auto;
|
|
}
|
|
.pf2e.item.sheet form .tab.active.rules select span {
|
|
padding: 0;
|
|
}
|
|
.pf2e.item.sheet form .tab.active.rules fieldset {
|
|
border-radius: 5px;
|
|
border: 1px solid var(--secondary-background);
|
|
padding: 0.25em;
|
|
}
|
|
.pf2e.item.sheet form .tab.active.rules fieldset legend {
|
|
font-weight: 500;
|
|
}
|
|
.pf2e.item.sheet form .tab.active.rules .nerd-details {
|
|
margin-bottom: 10px;
|
|
}
|
|
.pf2e.item.sheet form .tab.active.rules .nerd-details .form-group {
|
|
margin: 0;
|
|
}
|
|
.pf2e.item.sheet form .tab.active.rules .nerd-details label {
|
|
align-items: center;
|
|
display: flex;
|
|
flex: 0 0 70px;
|
|
line-height: 1.5em;
|
|
margin-right: 4px;
|
|
min-width: 8em;
|
|
}
|
|
.pf2e.item.sheet form .tab.active.rules .nerd-details label i.fa-info-circle {
|
|
margin-left: auto;
|
|
margin-right: 0.5em;
|
|
}
|
|
.pf2e.item.sheet form .tab.active.rules .rules {
|
|
padding-top: 7px;
|
|
padding-right: 7px;
|
|
}
|
|
.pf2e.item.sheet form .tab.active.rules .rules .add-rule-element {
|
|
text-align: right;
|
|
}
|
|
.pf2e.item.sheet form .tab.active.rules .rules textarea {
|
|
padding: 4px;
|
|
min-height: 60px;
|
|
resize: vertical;
|
|
}
|
|
.pf2e.item.sheet form .tab.active.rules .create-rule-element {
|
|
display: flex;
|
|
align-items: center;
|
|
white-space: nowrap;
|
|
gap: 6px;
|
|
justify-content: flex-end;
|
|
}
|
|
.pf2e.item.sheet form .tab.active.rules .rule-editing {
|
|
display: flex;
|
|
flex-direction: column;
|
|
height: 100%;
|
|
gap: 5px;
|
|
}
|
|
.pf2e.item.sheet form .tab.active.rules .rule-editing > .cm-editor {
|
|
flex: 1;
|
|
background-color: white;
|
|
overflow: hidden;
|
|
}
|
|
.pf2e.item.sheet form .tab.active.rules .rule-editing > .cm-editor .cm-scroller {
|
|
overflow: hidden scroll;
|
|
overflow: scroll;
|
|
}
|
|
.pf2e.item.sheet form .tab.active.rules .rule-editing > .cm-editor button {
|
|
width: auto;
|
|
line-height: normal;
|
|
}
|
|
.pf2e.item.sheet form .tab.active.rules .rule-editing > .cm-editor input[type=checkbox] {
|
|
width: auto;
|
|
height: auto;
|
|
}
|
|
.pf2e.item.sheet form .tab.active.rules .rule-editing > .cm-editor label {
|
|
display: inline;
|
|
}
|
|
.pf2e.item.sheet form .tab.active.rules .rule-editing > .cm-editor .cm-search .cm-textfield {
|
|
width: 100px;
|
|
}
|
|
.pf2e.item.sheet form .tab.active.rules .rule-editing > .cm-editor ::selection {
|
|
color: var(--text-dark);
|
|
}
|
|
.pf2e.item.sheet form .tab.active.rules .rule-editing .item-controls {
|
|
margin: 0;
|
|
}
|
|
.pf2e.item.sheet form .tab.active.rules .rule-form {
|
|
--form-field-height: normal;
|
|
border-bottom: 1px solid var(--color-border-light-primary);
|
|
padding-bottom: 0.5rem;
|
|
margin-bottom: 0.5rem;
|
|
}
|
|
.pf2e.item.sheet form .tab.active.rules .rule-form.drag-preview {
|
|
background: url(../ui/parchment.jpg) repeat;
|
|
}
|
|
.pf2e.item.sheet form .tab.active.rules .rule-form.drag-gap {
|
|
visibility: hidden;
|
|
}
|
|
.pf2e.item.sheet form .tab.active.rules .rule-form input::placeholder {
|
|
opacity: 0.9;
|
|
}
|
|
.pf2e.item.sheet form .tab.active.rules .rule-form label {
|
|
align-items: center;
|
|
display: flex;
|
|
gap: 4px;
|
|
font-weight: 500;
|
|
white-space: nowrap;
|
|
}
|
|
.pf2e.item.sheet form .tab.active.rules .rule-form label:not(:first-child) {
|
|
padding-left: 2px;
|
|
}
|
|
.pf2e.item.sheet form .tab.active.rules .rule-form label input,
|
|
.pf2e.item.sheet form .tab.active.rules .rule-form label tags {
|
|
flex: 1;
|
|
}
|
|
.pf2e.item.sheet form .tab.active.rules .rule-form label input[type=checkbox] {
|
|
width: 1rem;
|
|
height: 1rem;
|
|
flex-basis: auto;
|
|
}
|
|
.pf2e.item.sheet form .tab.active.rules .rule-form label input[type=checkbox]:first-child:last-child {
|
|
margin-left: auto;
|
|
justify-self: flex-end;
|
|
}
|
|
.pf2e.item.sheet form .tab.active.rules .rule-form select.short {
|
|
flex: 0 0 auto;
|
|
}
|
|
.pf2e.item.sheet form .tab.active.rules .rule-form .content-link {
|
|
display: flex;
|
|
flex: 0 0 auto;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
gap: 3px;
|
|
}
|
|
.pf2e.item.sheet form .tab.active.rules .rule-form .content-link img {
|
|
width: 16px;
|
|
height: 16px;
|
|
}
|
|
.pf2e.item.sheet form .tab.active.rules .rule-form .rule-element-header {
|
|
display: flex;
|
|
align-items: center;
|
|
margin-bottom: 0.25rem;
|
|
}
|
|
.pf2e.item.sheet form .tab.active.rules .rule-form .rule-element-header .drag-handle {
|
|
cursor: grab;
|
|
font-weight: normal;
|
|
margin-right: 0.375rem;
|
|
padding: 0.125rem;
|
|
}
|
|
.pf2e.item.sheet form .tab.active.rules .rule-form .rule-element-header h3 {
|
|
flex: 1;
|
|
margin: 0;
|
|
}
|
|
.pf2e.item.sheet form .tab.active.rules .rule-form .rule-element-header h3.unrecognized {
|
|
color: #880000;
|
|
}
|
|
.pf2e.item.sheet form .tab.active.rules .rule-form .rule-element-header .priority {
|
|
margin-right: 0.75rem;
|
|
}
|
|
.pf2e.item.sheet form .tab.active.rules .rule-form .rule-element-header .priority input {
|
|
width: 4ch;
|
|
}
|
|
.pf2e.item.sheet form .tab.active.rules .rule-form .rule-element-header .item-controls {
|
|
margin-left: auto;
|
|
}
|
|
.pf2e.item.sheet form .tab.active.rules .rule-form .form-fields [data-action] {
|
|
flex: 0 0 auto;
|
|
}
|
|
.pf2e.item.sheet form .tab.active.rules .rule-form .range {
|
|
display: flex;
|
|
gap: 3px;
|
|
align-items: center;
|
|
}
|
|
.pf2e.item.sheet form .tab.active.rules .rule-form .range input {
|
|
width: 40px;
|
|
}
|
|
.pf2e.item.sheet form .tab.active.rules .rule-form .attached-input {
|
|
align-items: center;
|
|
display: flex;
|
|
flex: 2;
|
|
justify-content: center;
|
|
}
|
|
.pf2e.item.sheet form .tab.active.rules .rule-form .attached-input .attachment,
|
|
.pf2e.item.sheet form .tab.active.rules .rule-form .attached-input input,
|
|
.pf2e.item.sheet form .tab.active.rules .rule-form .attached-input .tags {
|
|
z-index: 0;
|
|
}
|
|
.pf2e.item.sheet form .tab.active.rules .rule-form .attached-input .attachment:hover, .pf2e.item.sheet form .tab.active.rules .rule-form .attached-input .attachment:focus,
|
|
.pf2e.item.sheet form .tab.active.rules .rule-form .attached-input input:hover,
|
|
.pf2e.item.sheet form .tab.active.rules .rule-form .attached-input input:focus,
|
|
.pf2e.item.sheet form .tab.active.rules .rule-form .attached-input .tags:hover,
|
|
.pf2e.item.sheet form .tab.active.rules .rule-form .attached-input .tags:focus {
|
|
z-index: 1;
|
|
}
|
|
.pf2e.item.sheet form .tab.active.rules .rule-form .attached-input .attachment {
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
padding: 0 6px;
|
|
margin: 0;
|
|
line-height: unset;
|
|
flex: 0 0 auto;
|
|
width: auto;
|
|
min-width: 68px;
|
|
align-self: stretch;
|
|
border: 1px solid #aaa;
|
|
border-right: none;
|
|
border-radius: 3px 0 0 3px;
|
|
}
|
|
.pf2e.item.sheet form .tab.active.rules .rule-form .attached-input .file-picker {
|
|
line-height: unset;
|
|
}
|
|
.pf2e.item.sheet form .tab.active.rules .rule-form .attached-input input,
|
|
.pf2e.item.sheet form .tab.active.rules .rule-form .attached-input tags {
|
|
border-top-left-radius: 0;
|
|
border-bottom-left-radius: 0;
|
|
margin: 0;
|
|
flex: 1;
|
|
}
|
|
.pf2e.item.sheet form .tab.active.rules .rule-form .brackets {
|
|
margin-left: 9.5em;
|
|
}
|
|
.pf2e.item.sheet form .tab.active.rules .rule-form .brackets .bracket {
|
|
align-items: center;
|
|
display: flex;
|
|
gap: 4px;
|
|
}
|
|
.pf2e.item.sheet form .tab.active.rules .rule-form .brackets .bracket .value {
|
|
flex: 1;
|
|
}
|
|
.pf2e.item.sheet form .tab.active.rules .rule-form nav.rule-tabs {
|
|
border-bottom: 1px solid var(--secondary-background);
|
|
}
|
|
.pf2e.item.sheet form .tab.active.rules .rule-form nav.rule-tabs h4 {
|
|
display: flex;
|
|
justify-content: space-evenly;
|
|
width: 100%;
|
|
margin-top: 0.5em;
|
|
font-weight: 200;
|
|
}
|
|
.pf2e.item.sheet form .tab.active.rules .rule-form nav.rule-tabs a.active {
|
|
font-weight: 600;
|
|
text-decoration: underline;
|
|
}
|
|
.pf2e.item.sheet form .tab.active.rules .rule-form .rules-drop-container {
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
width: 100%;
|
|
height: 4em;
|
|
}
|
|
.pf2e.item.sheet form .tab.active.rules .rule-form .rules-drop-container .rules-drop-zone {
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
width: 40%;
|
|
height: 3.5em;
|
|
border: 1px solid var(--color-border-light-primary);
|
|
border-radius: 3px;
|
|
color: #222;
|
|
background-color: #ddd;
|
|
cursor: default;
|
|
padding: 1px 6px;
|
|
font-family: var(--font-primary);
|
|
font-size: var(--font-size-14);
|
|
line-height: 28px;
|
|
}
|
|
.pf2e.item.sheet form .tab.active.rules .rule-form .rules-drop-container .rules-drop-zone i {
|
|
border: 1px solid #bbb;
|
|
border-radius: 2px;
|
|
align-items: center;
|
|
display: flex;
|
|
height: 1.6em;
|
|
justify-content: center;
|
|
margin-right: 0.5em;
|
|
width: 1.6em;
|
|
}
|
|
.pf2e.item.sheet form .tab.active.rules .rule-form .rules-drop-container .rules-drop-zone i:after {
|
|
font-size: var(--font-size-20);
|
|
}
|
|
.pf2e.item.sheet form .tab.active.rules .rule-form .rules-drop-container .rules-drop-zone span {
|
|
color: var(--text-dark);
|
|
}
|
|
.pf2e.item.sheet form .tab.active.rules .rule-form[data-key=Aura] div[data-rule-tab] .grid-item {
|
|
display: grid;
|
|
grid: 1fr/5em 1fr;
|
|
}
|
|
.pf2e.item.sheet form .tab.active.rules .rule-form[data-key=Aura] div[data-rule-tab] .grid-item.long-label {
|
|
grid: 1fr/9em 1fr;
|
|
}
|
|
.pf2e.item.sheet form .tab.active.rules .rule-form[data-key=Aura] div[data-rule-tab] .checkbox {
|
|
display: flex;
|
|
justify-content: flex-end;
|
|
}
|
|
.pf2e.item.sheet form .tab.active.rules .rule-form[data-key=Aura] div[data-rule-tab] .item-controls {
|
|
justify-content: flex-end;
|
|
}
|
|
.pf2e.item.sheet form .tab.active.rules .rule-form[data-key=Aura] div[data-rule-tab] .item-controls a {
|
|
margin: 2px 5px 0 0;
|
|
}
|
|
.pf2e.item.sheet form .tab.active.rules .rule-form[data-key=Aura] div[data-rule-tab] .stacked {
|
|
display: grid;
|
|
grid-template-columns: 1fr 1fr;
|
|
column-gap: 0.5rem;
|
|
}
|
|
.pf2e.item.sheet form .tab.active.rules .rule-form[data-key=Aura] div[data-rule-tab] .column-span-two {
|
|
grid-column: span 2;
|
|
}
|
|
.pf2e.item.sheet form .tab.active.rules .rule-form[data-key=Aura] div[data-rule-tab] .resolvable {
|
|
grid-column: span 2;
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
.pf2e.item.sheet form .tab.active.rules .rule-form[data-key=Aura] div[data-rule-tab] .brackets-container {
|
|
grid-column: span 3;
|
|
}
|
|
.pf2e.item.sheet form .tab.active.rules .rule-form[data-key=Aura] div[data-rule-tab] label {
|
|
min-width: 5em;
|
|
font-weight: 500;
|
|
}
|
|
.pf2e.item.sheet form .tab.active.rules .rule-form[data-key=Aura] div[data-rule-tab] label.short {
|
|
max-width: 5em;
|
|
}
|
|
.pf2e.item.sheet form .tab.active.rules .rule-form[data-key=Aura] div[data-rule-tab] label.with-hint {
|
|
margin-right: 5px;
|
|
}
|
|
.pf2e.item.sheet form .tab.active.rules .rule-form[data-key=Aura] div[data-rule-tab] fieldset {
|
|
grid-column: span 2;
|
|
padding-bottom: 0.4rem;
|
|
}
|
|
.pf2e.item.sheet form .tab.active.rules .rule-form[data-key=Aura] div[data-rule-tab] .brackets {
|
|
margin-left: 6em;
|
|
}
|
|
.pf2e.item.sheet form .tab.active.rules .rule-form[data-key=Aura] div[data-rule-tab] hr {
|
|
grid-column: span 2;
|
|
width: 100%;
|
|
}
|
|
.pf2e.item.sheet form .tab.active.rules .rule-form[data-key=Aura] div[data-rule-tab=effects] {
|
|
height: 90px;
|
|
overflow-y: auto;
|
|
}
|
|
.pf2e.item.sheet form .tab.active.rules .rule-form[data-key=Aura] div[data-rule-tab=effects] .item-container {
|
|
grid-column: span 2;
|
|
display: grid;
|
|
grid: 1fr/5em 10fr 1fr;
|
|
}
|
|
.pf2e.item.sheet form .tab.active.rules .rule-form[data-key=Aura] div[data-rule-tab=effects] .item-container a.content-link {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 0.5em;
|
|
width: fit-content;
|
|
min-width: 12rem;
|
|
height: 2em;
|
|
padding: 4px;
|
|
}
|
|
.pf2e.item.sheet form .tab.active.rules .rule-form[data-key=Aura] div[data-rule-tab=effects] .item-container a.content-link img {
|
|
border: 1px solid var(--color-border-dark);
|
|
border-radius: 2px;
|
|
box-sizing: border-box;
|
|
display: block;
|
|
float: left;
|
|
height: 24px;
|
|
width: 24px;
|
|
}
|
|
.pf2e.item.sheet form .tab.active.rules .rule-form[data-key=Aura] div[data-rule-tab=effects] .item-container a.content-link span {
|
|
text-wrap: wrap;
|
|
}
|
|
.pf2e.item.sheet form .tab.active.rules .rule-form[data-key=Aura] div[data-rule-tab=effects] .three-items {
|
|
grid-column: span 2;
|
|
display: grid;
|
|
grid: 1fr/5em 8fr 7em 5fr 6em 1fr;
|
|
margin-top: 5px;
|
|
}
|
|
.pf2e.item.sheet form .tab.active.rules .rule-form[data-key=Aura] div[data-rule-tab=effects] .three-items select {
|
|
width: fit-content;
|
|
min-width: 10em;
|
|
}
|
|
.pf2e.item.sheet form .tab.active.rules .rule-form[data-key=Aura] div[data-rule-tab=effects] .saves-container {
|
|
display: grid;
|
|
grid: 1fr/5em 8.8fr;
|
|
align-items: center;
|
|
row-gap: 5px;
|
|
}
|
|
.pf2e.item.sheet form .tab.active.rules .rule-form[data-key=Aura] div[data-rule-tab=effects] .saves-container select {
|
|
width: fit-content;
|
|
min-width: 10em;
|
|
}
|
|
.pf2e.item.sheet form .tab.active.rules .rule-form[data-key=Aura] div[data-rule-tab=effects] .rules-drop-container {
|
|
grid-column: span 2;
|
|
}
|
|
.pf2e.item.sheet form .tab.active.rules .rule-form[data-key=Aura] div[data-rule-tab=appearance] .translation input {
|
|
width: 5em;
|
|
}
|
|
.pf2e.item.sheet form .tab.active.rules .rule-form[data-key=Aura] div[data-rule-tab=appearance] input[type=checkbox] {
|
|
margin-left: unset;
|
|
}
|
|
.pf2e.item.sheet form .tab.active.rules .rule-form[data-key=Aura] div[data-rule-tab=appearance] .two-items {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
gap: 0.5em;
|
|
}
|
|
.pf2e.item.sheet form .tab.active.rules .rule-form[data-key=Aura] div[data-rule-tab=appearance] .two-items > label {
|
|
min-width: unset;
|
|
width: fit-content;
|
|
}
|
|
.pf2e.item.sheet form .tab.active.rules .rule-form[data-key=Aura] div[data-rule-tab=appearance] .two-items .color-picker {
|
|
align-items: center;
|
|
display: flex;
|
|
width: 16rem;
|
|
white-space: nowrap;
|
|
}
|
|
.pf2e.item.sheet form .tab.active.rules .rule-form[data-key=Aura] div[data-rule-tab=appearance] .two-items .color-picker input[type=text] {
|
|
flex: 1;
|
|
}
|
|
.pf2e.item.sheet form .tab.active.rules .rule-form[data-key=Aura] div[data-rule-tab=appearance] .two-items .color-picker input[type=color] {
|
|
flex: 2;
|
|
height: 94%;
|
|
}
|
|
.pf2e.item.sheet form .tab.active.rules .rule-form[data-key=Aura] div[data-rule-tab=appearance] .two-items .color-picker input[type=color]:disabled {
|
|
background: rgba(0, 0, 0, 0.05);
|
|
border: 1px solid transparent;
|
|
}
|
|
.pf2e.item.sheet form .tab.active.rules .rule-form[data-key=Aura] div[data-rule-tab=appearance] .two-items .color-picker .user {
|
|
flex: 0;
|
|
gap: 0;
|
|
justify-content: start;
|
|
}
|
|
.pf2e.item.sheet form .tab.active.rules .rule-form[data-key=Aura] div[data-rule-tab=appearance] .two-items .color-picker .user input[type=checkbox] {
|
|
flex: 0;
|
|
margin-left: 0;
|
|
}
|
|
.pf2e.item.sheet form .tab.active.rules .rule-form[data-key=Aura] div[data-rule-tab=appearance] .two-items .color-picker .user span {
|
|
font-size: small;
|
|
}
|
|
.pf2e.item.sheet form .tab.active.rules .rule-form[data-key=Aura] div[data-rule-tab=appearance] .three-items {
|
|
display: grid;
|
|
grid-template-columns: 5em 2.5fr 1fr;
|
|
align-items: center;
|
|
}
|
|
.pf2e.item.sheet form .tab.active.rules .rule-form[data-key=Aura] div[data-rule-tab=appearance] .three-items.long-label {
|
|
grid: 1fr/9em 2.5fr 1fr;
|
|
}
|
|
.pf2e.item.sheet form .tab.active.rules .rule-form[data-key=Aura] div[data-rule-tab=appearance] .three-items input[type=color] {
|
|
min-width: 7em;
|
|
}
|
|
.pf2e.item.sheet form .tab.active.rules .rule-form[data-key=Aura] div[data-rule-tab=appearance] .three-items.image-path {
|
|
grid-column: span 2;
|
|
grid: 1fr/9em 8fr 1fr;
|
|
}
|
|
.pf2e.item.sheet form .tab.active.rules .rule-form[data-key=Aura] div[data-rule-tab=appearance] .three-items.image-path button.file-picker {
|
|
margin: unset;
|
|
}
|
|
.pf2e.item.sheet form .tab.active.rules .rule-form[data-key=Note] {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 2px;
|
|
}
|
|
.pf2e.item.sheet form .tab.active.rules .rule-form[data-key=TokenLight] div[data-rule-tab] {
|
|
display: grid;
|
|
grid: "label content" 1fr/1fr 1fr;
|
|
column-gap: 5px;
|
|
}
|
|
.pf2e.item.sheet form .tab.active.rules .rule-form[data-key=TokenLight] div[data-rule-tab] fieldset.radii {
|
|
display: flex;
|
|
flex-direction: column;
|
|
grid-column: span 2;
|
|
}
|
|
.pf2e.item.sheet form .tab.active.rules .rule-form[data-key=TokenLight] div[data-rule-tab] fieldset.radii .brackets {
|
|
margin-left: 6.5em;
|
|
}
|
|
.pf2e.item.sheet form .tab.active.rules .rule-form[data-key=TokenLight] div[data-rule-tab] label {
|
|
display: flex;
|
|
flex: unset;
|
|
margin-left: 5px;
|
|
margin-right: 5px;
|
|
}
|
|
.pf2e.item.sheet form .tab.active.rules .rule-form[data-key=TokenLight] div[data-rule-tab] label.short {
|
|
min-width: 5em;
|
|
}
|
|
.pf2e.item.sheet form .tab.active.rules .rule-form[data-key=TokenLight] div[data-rule-tab] .column-span-two {
|
|
grid-column: span 2;
|
|
}
|
|
.pf2e.item.sheet form label {
|
|
display: block;
|
|
}
|
|
.pf2e.item.sheet form input:not(:disabled) {
|
|
color: var(--color-text-dark-input);
|
|
}
|
|
.pf2e.item.sheet form .mce-panel span {
|
|
display: inherit;
|
|
}
|
|
.pf2e.item.sheet form.editable .rollable:hover {
|
|
color: var(--text-dark);
|
|
text-shadow: 0 0 10px #00005a;
|
|
cursor: pointer;
|
|
}
|
|
.pf2e.item.sheet form .tab {
|
|
flex: 1;
|
|
}
|
|
.pf2e.item.sheet form:has(.tab.active.rules) .sidebar-summary {
|
|
visibility: hidden;
|
|
}
|
|
.pf2e.item.sheet form:has(.tab.active.rules) section.sidebar {
|
|
display: none;
|
|
}
|
|
.pf2e.item.sheet form .tag-legacy {
|
|
float: left;
|
|
margin: 0 2px 2px 0;
|
|
padding: 0 3px;
|
|
font-size: var(--font-size-10);
|
|
line-height: 16px;
|
|
border: 1px solid #999;
|
|
border-radius: 3px;
|
|
white-space: normal;
|
|
font-weight: 500;
|
|
}
|
|
.pf2e.item.sheet form p.hint {
|
|
font-family: var(--font-primary);
|
|
font-weight: normal;
|
|
}
|
|
.pf2e.item.sheet form .item-controls {
|
|
display: flex;
|
|
margin: 0 0 0 4px;
|
|
align-items: baseline;
|
|
gap: 2px;
|
|
}
|
|
.pf2e.item.sheet form > nav {
|
|
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 > nav a {
|
|
flex: 1 1 auto;
|
|
}
|
|
.pf2e.item.sheet form > nav a.active {
|
|
text-decoration: underline;
|
|
}
|
|
.pf2e.item.sheet form > nav .sidebar-summary {
|
|
flex: 0 0 220px;
|
|
margin: 0;
|
|
text-align: center;
|
|
}
|
|
.pf2e.item.sheet form > nav .sheet-tabs {
|
|
font-weight: 500;
|
|
margin: 0;
|
|
flex: 1;
|
|
align-items: baseline;
|
|
}
|
|
.pf2e.item.sheet form > nav .sheet-tabs > .list-row {
|
|
font-size: var(--font-size-12);
|
|
text-align: center;
|
|
}
|
|
.pf2e.item.sheet form > nav .sheet-tabs > .list-row:last-of-type {
|
|
padding-right: 4px;
|
|
}
|
|
.pf2e.item.sheet form > nav .sheet-tabs > .list-row.active {
|
|
font-weight: 600;
|
|
}
|
|
.pf2e.item.sheet form .sheet-content {
|
|
width: 100%;
|
|
display: flex;
|
|
flex-direction: row;
|
|
flex-wrap: wrap;
|
|
justify-content: flex-start;
|
|
height: calc(100% - 35px);
|
|
overflow: hidden;
|
|
}
|
|
.pf2e.item.sheet form .sheet-content > * {
|
|
flex: 1;
|
|
}
|
|
.pf2e.item.sheet form .sheet-content > section.sidebar,
|
|
.pf2e.item.sheet form .sheet-content > .sheet-body {
|
|
height: calc(100% - 10px);
|
|
overflow-y: auto;
|
|
}
|
|
.pf2e.item.sheet form .sheet-content section.sidebar {
|
|
flex: 0 0 220px;
|
|
display: flex;
|
|
flex-direction: column;
|
|
flex-wrap: nowrap;
|
|
}
|
|
.pf2e.item.sheet form .sheet-content section.sidebar > * {
|
|
flex: 1;
|
|
}
|
|
.pf2e.item.sheet form .sheet-content section.sidebar .item-summary {
|
|
font-family: var(--serif-condensed);
|
|
font-weight: 700;
|
|
flex: 0 0 28px;
|
|
line-height: 28px;
|
|
text-align: center;
|
|
font-size: var(--font-size-18);
|
|
color: #444;
|
|
}
|
|
.pf2e.item.sheet form .sheet-content section.sidebar ol.item-tags {
|
|
padding-left: 0;
|
|
flex: 0;
|
|
list-style: none;
|
|
}
|
|
.pf2e.item.sheet form .sheet-content section.sidebar ol.item-tags .tag {
|
|
align-items: center;
|
|
justify-content: center;
|
|
width: 100%;
|
|
}
|
|
.pf2e.item.sheet form .sheet-content section.sidebar .inventory-details,
|
|
.pf2e.item.sheet form .sheet-content section.sidebar .feat-details {
|
|
overflow: hidden scroll;
|
|
padding: 0 4px 0 0;
|
|
}
|
|
.pf2e.item.sheet form .sheet-content section.sidebar .inventory-details label,
|
|
.pf2e.item.sheet form .sheet-content section.sidebar .feat-details label {
|
|
font-weight: 500;
|
|
max-width: 6em;
|
|
white-space: nowrap;
|
|
}
|
|
.pf2e.item.sheet form .sheet-content section.sidebar .inventory-details .form-group,
|
|
.pf2e.item.sheet form .sheet-content section.sidebar .feat-details .form-group {
|
|
margin: 3px 0;
|
|
}
|
|
.pf2e.item.sheet form .sheet-content section.sidebar .inventory-details .form-group input,
|
|
.pf2e.item.sheet form .sheet-content section.sidebar .feat-details .form-group input {
|
|
text-align: right;
|
|
}
|
|
.pf2e.item.sheet form .sheet-content section.sidebar .inventory-details .form-group input.left-of-select,
|
|
.pf2e.item.sheet form .sheet-content section.sidebar .feat-details .form-group input.left-of-select {
|
|
min-width: 4ch;
|
|
padding-right: 0.25em;
|
|
}
|
|
.pf2e.item.sheet form .sheet-content section.sidebar .inventory-details .form-group select,
|
|
.pf2e.item.sheet form .sheet-content section.sidebar .feat-details .form-group select {
|
|
max-width: 12em;
|
|
}
|
|
.pf2e.item.sheet form .sheet-content section.sidebar .inventory-details .form-group.longtext,
|
|
.pf2e.item.sheet form .sheet-content section.sidebar .feat-details .form-group.longtext {
|
|
height: fit-content;
|
|
align-items: start;
|
|
margin: 0 0 0.5em 0;
|
|
}
|
|
.pf2e.item.sheet form .sheet-content section.sidebar .inventory-details .form-group.longtext label,
|
|
.pf2e.item.sheet form .sheet-content section.sidebar .feat-details .form-group.longtext label {
|
|
max-width: 6em;
|
|
white-space: normal;
|
|
line-height: unset;
|
|
}
|
|
.pf2e.item.sheet form .sheet-content section.sidebar .inventory-details .form-group.longtext .editor-content,
|
|
.pf2e.item.sheet form .sheet-content section.sidebar .feat-details .form-group.longtext .editor-content {
|
|
min-height: 3em;
|
|
}
|
|
.pf2e.item.sheet form .sheet-content section.sidebar .inventory-details .form-group.longtext .editor-content > p,
|
|
.pf2e.item.sheet form .sheet-content section.sidebar .feat-details .form-group.longtext .editor-content > p {
|
|
font-weight: 400;
|
|
margin: 0;
|
|
}
|
|
.pf2e.item.sheet form .sheet-content section.sidebar .inventory-details .price-fields,
|
|
.pf2e.item.sheet form .sheet-content section.sidebar .feat-details .price-fields {
|
|
display: flex;
|
|
gap: 4px;
|
|
}
|
|
.pf2e.item.sheet form .sheet-content section.sidebar .inventory-details .price-fields input[name="system.price.per"],
|
|
.pf2e.item.sheet form .sheet-content section.sidebar .feat-details .price-fields input[name="system.price.per"] {
|
|
width: 22px;
|
|
}
|
|
.pf2e.item.sheet form .sheet-content section.sidebar select {
|
|
font-family: inherit;
|
|
font-size: 0.85em;
|
|
height: 1.8em;
|
|
}
|
|
.pf2e.item.sheet form .sheet-content section.sidebar button {
|
|
padding-top: 0;
|
|
padding-bottom: 0;
|
|
white-space: nowrap;
|
|
}
|
|
.pf2e.item.sheet form .sheet-content input[type=text], .pf2e.item.sheet form .sheet-content input[type=number] {
|
|
border: 1px solid transparent;
|
|
height: calc(100% - 2px);
|
|
margin: 1px 0;
|
|
width: calc(100% - 2px);
|
|
}
|
|
.pf2e.item.sheet form .sheet-content select {
|
|
background: rgba(255, 255, 255, 0.5);
|
|
}
|
|
.pf2e.item.sheet form .sheet-content button:hover:not(:disabled), .pf2e.item.sheet form .sheet-content button:focus,
|
|
.pf2e.item.sheet form .sheet-content input:not([type=range]):hover:not(:disabled),
|
|
.pf2e.item.sheet form .sheet-content input:not([type=range]):focus,
|
|
.pf2e.item.sheet form .sheet-content select:hover:not(:disabled),
|
|
.pf2e.item.sheet form .sheet-content select:focus {
|
|
border-color: var(--color-border-dark-1);
|
|
box-shadow: 0 0 5px var(--secondary);
|
|
}
|
|
.pf2e.item.sheet form .sheet-body input[type=text],
|
|
.pf2e.item.sheet form .sheet-body input[type=number] {
|
|
padding: 3px;
|
|
}
|
|
.pf2e.item.sheet form .sheet-body input[type=text]:not(:disabled),
|
|
.pf2e.item.sheet form .sheet-body input[type=number]:not(:disabled) {
|
|
background: rgba(255, 255, 255, 0.5);
|
|
border: 1px solid var(--color-text-light-5);
|
|
}
|
|
.pf2e.item.sheet form .sheet-body .tab.active {
|
|
overflow: hidden scroll;
|
|
padding-left: 0.5rem;
|
|
}
|
|
.pf2e.item.sheet form .sheet-body .tab.active.description {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 3px;
|
|
height: 100%;
|
|
padding: 0 0.25em;
|
|
}
|
|
.pf2e.item.sheet form .sheet-body .tab.active.description > * {
|
|
display: flex;
|
|
overflow: hidden;
|
|
}
|
|
.pf2e.item.sheet form .sheet-body .tab.active.description .editor {
|
|
min-height: 2.5em;
|
|
flex: 1;
|
|
}
|
|
.pf2e.item.sheet form .sheet-body .tab.active.description.editing {
|
|
overflow: hidden;
|
|
}
|
|
.pf2e.item.sheet form .sheet-body .tab.active.description.editing > section {
|
|
flex: 1;
|
|
}
|
|
.pf2e.item.sheet form .sheet-body .tab.active.description .gm-notes {
|
|
background-color: var(--visibility-gm-bg);
|
|
border: 1px dotted rgba(75, 74, 68, 0.5);
|
|
padding: 0 0.25em;
|
|
flex: 0 0 auto;
|
|
}
|
|
.pf2e.item.sheet form .sheet-body .tab.active.description .gm-notes:not(.has-content) {
|
|
display: none;
|
|
}
|
|
.pf2e.item.sheet form .sheet-body .tab.active.description .main {
|
|
flex: 1 0 auto;
|
|
}
|
|
.pf2e.item.sheet form .sheet-body .tab.active.description .editor {
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
.pf2e.item.sheet form .sheet-body .tab.active.description .editor a.add-gm-notes,
|
|
.pf2e.item.sheet form .sheet-body .tab.active.description .editor a.editor-edit {
|
|
font-size: 1.33em;
|
|
background: rgb(205, 205, 205);
|
|
}
|
|
.pf2e.item.sheet form .sheet-body .tab.active.description .editor a.add-gm-notes i,
|
|
.pf2e.item.sheet form .sheet-body .tab.active.description .editor a.editor-edit i {
|
|
width: 1em;
|
|
text-align: center;
|
|
}
|
|
.pf2e.item.sheet form .sheet-body .tab.active.description .editor a.add-gm-notes {
|
|
border-radius: 4px;
|
|
border: 1px solid var(--color-border-dark-1);
|
|
box-shadow: 0 0 1px var(--color-shadow-dark);
|
|
display: none;
|
|
padding: 1px 2px;
|
|
position: absolute;
|
|
right: 35px;
|
|
top: 5px;
|
|
}
|
|
.pf2e.item.sheet form .sheet-body .tab.active.description .editor:hover a.add-gm-notes {
|
|
display: block;
|
|
}
|
|
.pf2e.item.sheet form .sheet-body .tab.active.description .editor .tox {
|
|
flex: 1;
|
|
}
|
|
.pf2e.item.sheet form .sheet-body .tab.active.details {
|
|
padding: 0.5rem 0.5rem 0;
|
|
}
|
|
.pf2e.item.sheet form .sheet-body .tab.active.details label {
|
|
color: var(--color-text-dark-2);
|
|
font-weight: 500;
|
|
padding-right: 0.5em;
|
|
white-space: nowrap;
|
|
}
|
|
.pf2e.item.sheet form .sheet-body .tab.active.details label.no-data {
|
|
color: var(--color-text-dark-4);
|
|
}
|
|
.pf2e.item.sheet form .sheet-body .tab.active.details select {
|
|
font-size: var(--font-size-12);
|
|
height: 1.5rem;
|
|
padding-right: 1em;
|
|
}
|
|
.pf2e.item.sheet form .sheet-body .tab.active.details .tags .tag {
|
|
font-size: var(--font-size-10);
|
|
}
|
|
.pf2e.item.sheet form .sheet-body .tab.active.details fieldset.publication .data {
|
|
align-items: baseline;
|
|
gap: 0.25em;
|
|
display: grid;
|
|
grid-template: "title title title" 2fr "authors license remaster" 3fr/60% 20% 20%;
|
|
}
|
|
.pf2e.item.sheet form .sheet-body .tab.active.details fieldset.publication .data label {
|
|
font-weight: 500;
|
|
min-width: unset;
|
|
}
|
|
.pf2e.item.sheet form .sheet-body .tab.active.details fieldset.publication .data input[type=text] {
|
|
height: 1.6rem;
|
|
}
|
|
.pf2e.item.sheet form .sheet-body .tab.active.details fieldset.publication .data .title {
|
|
grid-area: title;
|
|
margin-right: 0;
|
|
}
|
|
.pf2e.item.sheet form .sheet-body .tab.active.details fieldset.publication .data .authors {
|
|
grid-area: authors;
|
|
}
|
|
.pf2e.item.sheet form .sheet-body .tab.active.details fieldset.publication .data .license {
|
|
grid-area: license;
|
|
}
|
|
.pf2e.item.sheet form .sheet-body .tab.active.details fieldset.publication .data .license select {
|
|
margin-top: 1px;
|
|
}
|
|
.pf2e.item.sheet form .sheet-body .tab.active.details fieldset.publication .data .remaster {
|
|
grid-area: remaster;
|
|
}
|
|
.pf2e.item.sheet form .sheet-body .tab.active.details fieldset.publication .data .license,
|
|
.pf2e.item.sheet form .sheet-body .tab.active.details fieldset.publication .data .remaster {
|
|
text-align: center;
|
|
}
|
|
.pf2e.item.sheet form .sheet-body .tab.active.details fieldset.publication .data .license label,
|
|
.pf2e.item.sheet form .sheet-body .tab.active.details fieldset.publication .data .remaster label {
|
|
padding: 0;
|
|
}
|
|
.pf2e.item.sheet form .sheet-body fieldset {
|
|
border: 1px solid var(--color-border-medium);
|
|
border-radius: 2px;
|
|
margin-bottom: 0.5rem;
|
|
padding: 0 0.5em 0.25em;
|
|
}
|
|
.pf2e.item.sheet form .sheet-body fieldset legend {
|
|
font-weight: 600;
|
|
}
|
|
.pf2e.item.sheet form .sheet-body fieldset.basics {
|
|
border-color: transparent;
|
|
padding: 0;
|
|
}
|
|
.pf2e.item.sheet form .sheet-body .editor {
|
|
--space-s: 0.25em;
|
|
--space-m: 0.5em;
|
|
--space-l: 1em;
|
|
--space-xl: 1.5em;
|
|
--space-2xl: 2em;
|
|
--radius: 3px;
|
|
}
|
|
.pf2e.item.sheet form .sheet-body .editor p {
|
|
min-height: unset;
|
|
}
|
|
.pf2e.item.sheet form .sheet-body .editor :is(h1, h2, h3, h4, h5, h6):not(:first-child) {
|
|
margin-top: 1em;
|
|
}
|
|
.pf2e.item.sheet form .sheet-body .editor .inline-header {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: var(--space-l);
|
|
background-color: var(--alt);
|
|
font-family: var(--sans-serif);
|
|
color: var(--text-light);
|
|
padding: 0;
|
|
font-size: 0.8em;
|
|
font-weight: 400;
|
|
border: none;
|
|
}
|
|
.pf2e.item.sheet form .sheet-body .editor .inline-header strong {
|
|
display: inline-flex;
|
|
padding: 0 var(--space-m);
|
|
background-color: var(--primary);
|
|
min-width: 15ch;
|
|
border-right: 1px solid rgba(0, 0, 0, 0.4);
|
|
box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.2);
|
|
font-weight: 400;
|
|
}
|
|
.pf2e.item.sheet form .sheet-body .editor .inline-header + p {
|
|
margin-top: var(--space-s);
|
|
}
|
|
.pf2e.item.sheet form .sheet-body .editor .info {
|
|
background-color: var(--secondary);
|
|
padding: var(--space-m);
|
|
color: var(--text-light);
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
padding: 0;
|
|
border-radius: var(--radius);
|
|
font-family: var(--sans-serif);
|
|
padding-bottom: var(--space-m);
|
|
}
|
|
.pf2e.item.sheet form .sheet-body .editor .info > * + * {
|
|
margin-top: var(--space-m);
|
|
}
|
|
.pf2e.item.sheet form .sheet-body .editor .info + * {
|
|
margin-top: var(--space-xl);
|
|
}
|
|
.pf2e.item.sheet form .sheet-body .editor .info + .pf2e.item.sheet form .sheet-body .editor .info {
|
|
margin-top: var(--space-s);
|
|
}
|
|
.pf2e.item.sheet form .sheet-body .editor .info h4 {
|
|
font-size: 0.9em;
|
|
font-weight: 400;
|
|
line-height: 1.2;
|
|
font-family: var(--sans-serif);
|
|
border-bottom: 1px solid rgba(0, 0, 0, 0.6);
|
|
padding: var(--space-m) var(--space-l);
|
|
position: relative;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
color: var(--text-light);
|
|
}
|
|
.pf2e.item.sheet form .sheet-body .editor .info h4::after {
|
|
font-family: "Font Awesome 6";
|
|
content: "\f05a";
|
|
font-weight: 900;
|
|
margin-right: var(--space-s);
|
|
}
|
|
.pf2e.item.sheet form .sheet-body .editor .info p {
|
|
font-size: 0.8em;
|
|
margin: 0;
|
|
padding: 0 var(--space-l);
|
|
}
|
|
.pf2e.item.sheet form .sheet-body .editor .info p:first-of-type {
|
|
padding-top: var(--space-m);
|
|
border-top: 1px solid rgba(255, 255, 255, 0.1);
|
|
}
|
|
.pf2e.item.sheet form .sheet-body .editor .traits {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
padding: 0;
|
|
}
|
|
.pf2e.item.sheet form .sheet-body .editor .traits p {
|
|
display: inline-flex;
|
|
padding: 0.16rem 0.25rem;
|
|
margin: 0;
|
|
background-color: var(--primary);
|
|
border: 2px solid var(--color-border-trait);
|
|
color: var(--text-light);
|
|
font: 500 var(--font-size-10) var(--sans-serif);
|
|
text-transform: uppercase;
|
|
}
|
|
.pf2e.item.sheet form .sheet-body .editor .statblock {
|
|
font-family: var(--sans-serif-condensed);
|
|
color: var(--text-dark);
|
|
line-height: 1.2;
|
|
margin-bottom: var(--space-m);
|
|
}
|
|
.pf2e.item.sheet form .sheet-body .editor .statblock > * + * {
|
|
margin-top: var(--space-s);
|
|
margin-bottom: 0;
|
|
}
|
|
.pf2e.item.sheet form .sheet-body .editor .statblock p {
|
|
--indent: var(--space-l);
|
|
margin-left: var(--indent);
|
|
position: relative;
|
|
}
|
|
.pf2e.item.sheet form .sheet-body .editor .statblock p strong:first-of-type {
|
|
margin-left: calc(var(--indent) * -1);
|
|
}
|
|
.pf2e.item.sheet form .sheet-body .editor .statblock p .trait:first-of-type {
|
|
margin-left: calc(var(--indent) * -1 - 2px);
|
|
}
|
|
.pf2e.item.sheet form .sheet-body .editor .statblock span.pf2-icon {
|
|
line-height: 1;
|
|
}
|
|
.pf2e.item.sheet form .sheet-body .editor .statblock h1,
|
|
.pf2e.item.sheet form .sheet-body .editor .statblock h2,
|
|
.pf2e.item.sheet form .sheet-body .editor .statblock h3,
|
|
.pf2e.item.sheet form .sheet-body .editor .statblock h4 {
|
|
display: flex;
|
|
align-items: baseline;
|
|
justify-content: space-between;
|
|
border-bottom: 1px solid var(--color-border-dark);
|
|
text-transform: uppercase;
|
|
letter-spacing: -0.05em;
|
|
font-family: var(--sans-serif-condensed);
|
|
font-weight: 700;
|
|
}
|
|
.pf2e.item.sheet form .sheet-body .editor .statblock hr {
|
|
border: none;
|
|
border-bottom: 1px solid var(--color-border-dark);
|
|
}
|
|
.pf2e.item.sheet form .sheet-body .editor .message {
|
|
font-family: var(--journal-cursive);
|
|
font-size: 2em;
|
|
line-height: 1.2;
|
|
}
|
|
.pf2e.item.sheet form h3 .item-controls,
|
|
.pf2e.item.sheet form header .item-controls {
|
|
float: right;
|
|
}
|
|
.pf2e.item.sheet form .form-list {
|
|
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: var(--text-light);
|
|
display: flex;
|
|
justify-content: space-between;
|
|
margin: -1px -1px 0 -1px;
|
|
padding: 1px;
|
|
}
|
|
.pf2e.item.sheet form .form-list.subsection > header h3,
|
|
.pf2e.item.sheet form .form-list.subsection > header .item-controls {
|
|
padding: 0.25rem;
|
|
margin-bottom: 0;
|
|
}
|
|
.pf2e.item.sheet form .two-by-two {
|
|
display: grid;
|
|
grid-template-columns: 1fr 1fr;
|
|
column-gap: 0.25rem;
|
|
}
|
|
.pf2e.item.sheet form .two-by-two .item-controls {
|
|
margin-left: 2px;
|
|
gap: 0;
|
|
}
|
|
.pf2e.item.sheet form .form-group.scalable {
|
|
height: auto;
|
|
min-height: 1.5rem;
|
|
}
|
|
.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 .item-controls {
|
|
flex: 0 1 auto;
|
|
}
|
|
.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 .details-container,
|
|
.pf2e.item.sheet form .dice-data {
|
|
display: grid;
|
|
grid: "dice die type"/40px 60px auto;
|
|
}
|
|
.pf2e.item.sheet form .effects-container {
|
|
display: grid;
|
|
grid: "effect number"/auto 40px;
|
|
}
|
|
.pf2e.item.sheet form .details-container-two-columns {
|
|
display: grid;
|
|
grid: "size type"/50% 50%;
|
|
}
|
|
.pf2e.item.sheet form .details-container-three-columns {
|
|
display: grid;
|
|
grid-template-columns: 1fr 1fr 1fr;
|
|
}
|
|
.pf2e.item.sheet form .form-fields > label {
|
|
display: flex;
|
|
align-items: center;
|
|
white-space: nowrap;
|
|
}
|
|
.pf2e.item.sheet form .form-fields select {
|
|
flex: 1;
|
|
width: auto;
|
|
}
|
|
.pf2e.item.sheet form .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: var(--text-light);
|
|
font-size: var(--font-size-16);
|
|
height: 14px;
|
|
width: 14px;
|
|
top: -5px;
|
|
right: -7px;
|
|
text-shadow: 0 0 4px black;
|
|
}
|
|
#darkness-adjuster .slider .noUi-base .noUi-origin .noUi-handle.threshold_bright-light, #darkness-adjuster .slider .noUi-base .noUi-origin .noUi-handle.threshold_darkness {
|
|
pointer-events: none;
|
|
}
|
|
#darkness-adjuster .slider .noUi-base .noUi-origin .noUi-handle.threshold_darkness {
|
|
font-size: var(--font-size-14);
|
|
}
|
|
#darkness-adjuster .slider .noUi-base .noUi-origin .noUi-handle.darkness-level {
|
|
background: #c85019;
|
|
border: 1px solid black;
|
|
border-radius: 2px;
|
|
box-shadow: 1px 1px 4px black;
|
|
height: 12px;
|
|
width: 12px;
|
|
right: -6px;
|
|
top: -4px;
|
|
}
|
|
#darkness-adjuster .slider .noUi-base .noUi-origin .noUi-handle.darkness-level .noUi-touch-area {
|
|
cursor: grab;
|
|
}
|
|
#darkness-adjuster .slider .noUi-base .noUi-origin .noUi-handle.darkness-level:active .noUi-touch-area {
|
|
cursor: grabbing;
|
|
}
|
|
#darkness-adjuster .slider .noUi-base .noUi-origin .noUi-handle::before, #darkness-adjuster .slider .noUi-base .noUi-origin .noUi-handle::after {
|
|
background: none;
|
|
}
|
|
#darkness-adjuster .slider .noUi-base .noUi-origin .noUi-handle i.fa-solid {
|
|
cursor: default;
|
|
left: -1px;
|
|
opacity: 0.6;
|
|
position: absolute;
|
|
top: 0;
|
|
}
|
|
#darkness-adjuster .slider .noUi-base .noUi-connect.range_bright-light {
|
|
background: #fdfbd3;
|
|
}
|
|
#darkness-adjuster .slider .noUi-base .noUi-connect.range_darkness {
|
|
background: #16193a;
|
|
}
|
|
#darkness-adjuster .slider .noUi-pips {
|
|
height: 12px;
|
|
}
|
|
#darkness-adjuster .slider .noUi-pips .noUi-marker.noUi-marker-large {
|
|
height: 12px;
|
|
}
|
|
#darkness-adjuster .slider .noUi-pips .noUi-value {
|
|
display: none;
|
|
}
|
|
#darkness-adjuster .synchronized .slider .noUi-base {
|
|
cursor: not-allowed;
|
|
}
|
|
#darkness-adjuster .synchronized .slider .message {
|
|
display: flex;
|
|
justify-content: center;
|
|
position: relative;
|
|
top: 0.5em;
|
|
width: 100%;
|
|
}
|
|
#darkness-adjuster .synchronized .slider .message span {
|
|
color: var(--color-text-light-1);
|
|
text-shadow: 1px 1px black;
|
|
z-index: 1;
|
|
}
|
|
#darkness-adjuster .synchronized .slider .noUi-origin .noUi-handle {
|
|
cursor: not-allowed;
|
|
}
|
|
#darkness-adjuster .synchronized .slider .noUi-origin .noUi-handle.darkness-level {
|
|
background: var(--color-disabled);
|
|
border: none;
|
|
box-shadow: none;
|
|
}
|
|
#darkness-adjuster .synchronized .slider .noUi-origin .noUi-handle.darkness-level .noUi-touch-area, #darkness-adjuster .synchronized .slider .noUi-origin .noUi-handle.darkness-level:active .noUi-touch-area {
|
|
cursor: inherit;
|
|
}
|
|
#darkness-adjuster .synchronized .slider .noUi-origin .noUi-handle i.fas {
|
|
cursor: inherit;
|
|
}
|
|
#darkness-adjuster .synchronized .slider .noUi-pips {
|
|
visibility: hidden;
|
|
}
|
|
.scene-sheet nav .action-glyph {
|
|
font-size: var(--font-size-15);
|
|
}
|
|
.scene-sheet span.range-value.disabled {
|
|
border: none;
|
|
color: #777;
|
|
}
|
|
.scene-sheet button.automation-settings {
|
|
align-self: end;
|
|
display: flex;
|
|
margin: -1px 0 -1px 4px;
|
|
padding: 0.3125rem 0.5em;
|
|
}
|
|
.scene-sheet button.automation-settings > i {
|
|
margin: 0;
|
|
}
|
|
.app.token-sheet .tab.active[data-tab=appearance] fieldset {
|
|
border: 1px solid var(--color-border-light-primary);
|
|
}
|
|
.app.token-sheet .tab.active[data-tab=appearance] fieldset > legend {
|
|
font-size: var(--font-size-15);
|
|
color: #333;
|
|
}
|
|
.app.token-sheet .tab.active[data-tab=appearance] fieldset input[type=number] {
|
|
max-width: 60px;
|
|
text-align: center;
|
|
}
|
|
.app.token-sheet .tab.active[data-tab=appearance] fieldset input[type=number]:disabled {
|
|
border: none;
|
|
color: var(--color-text-dark-6);
|
|
}
|
|
.app.token-sheet .tab.active[data-tab=appearance] fieldset select.alternate-images {
|
|
max-width: 20em;
|
|
}
|
|
.app.token-sheet .tab.active[data-tab=appearance] fieldset:last-child {
|
|
margin: 6px 0;
|
|
}
|
|
.app.token-sheet .tab[data-tab=vision] .disabled[data-tab] {
|
|
color: var(--color-text-dark-6);
|
|
pointer-events: none;
|
|
}
|
|
.app.token-sheet .tab[data-tab=vision] a.managed-by-rbv {
|
|
padding-left: 0.33em;
|
|
}
|
|
.app.token-sheet .form-group.children-disabled .range-value {
|
|
border: none;
|
|
background-color: rgba(0, 0, 0, 0.05);
|
|
color: #777;
|
|
}
|
|
#homebrew-settings section.window-content {
|
|
display: block;
|
|
}
|
|
#homebrew-settings section.window-content .form-group.setting {
|
|
display: inherit;
|
|
}
|
|
#homebrew-settings section.window-content .form-group.setting tags {
|
|
background-color: rgba(0, 0, 0, 0.05);
|
|
border: 1px solid #7a7971;
|
|
border-radius: 3px;
|
|
}
|
|
#homebrew-settings section.window-content .form-group.setting tags.tagify--focus {
|
|
border: 1px solid #7a7971;
|
|
box-shadow: 0 0 5px red;
|
|
}
|
|
#homebrew-settings section.window-content .form-group.setting .homebrew {
|
|
--tag-text-color--edit: #111;
|
|
--tag-pad: 0.2em 0.4em;
|
|
--tag-remove-bg: var(--tag-hover);
|
|
--tag-remove-btn-bg--hover: black;
|
|
font-size: var(--font-size-13);
|
|
min-width: 0;
|
|
}
|
|
#homebrew-settings section.window-content .form-group.buttons {
|
|
margin-top: 0.5em;
|
|
}
|
|
.damage-types th,
|
|
.damage-types td {
|
|
white-space: nowrap;
|
|
}
|
|
.damage-types th:not(:last-child),
|
|
.damage-types td:not(:last-child) {
|
|
padding-right: 0.25rem;
|
|
}
|
|
.damage-types .icon-preview {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 0.125rem;
|
|
}
|
|
.damage-types .delete-cell {
|
|
text-align: end;
|
|
width: 1rem;
|
|
}
|
|
.damage-types .delete-cell i {
|
|
padding: 0.125rem 0.25rem;
|
|
cursor: pointer;
|
|
}
|
|
#variant-rules-settings form .form-group.abp select {
|
|
flex: 0;
|
|
}
|
|
#variant-rules-settings form .proficiency-modifiers {
|
|
column-gap: 0.5em;
|
|
display: grid;
|
|
grid-template: "untrained trained expert master legendary" auto "hint hint hint hint hint" auto/1fr 1fr 1fr 1fr 1fr;
|
|
}
|
|
#variant-rules-settings form .proficiency-modifiers .hint {
|
|
grid-area: hint;
|
|
}
|
|
#variant-rules-settings form .proficiency-modifiers .modifier label {
|
|
font-size: var(--font-size-12);
|
|
}
|
|
#world-clock-settings form .form-group .form-fields {
|
|
flex-grow: 1;
|
|
}
|
|
#world-clock-settings form .form-group button.reset-world-time {
|
|
flex: 1;
|
|
}
|
|
#game-details > .system-links {
|
|
gap: 0.5rem;
|
|
margin-bottom: 0.35rem;
|
|
}
|
|
#game-details > .system-links > a[href] {
|
|
flex: 0;
|
|
font-size: var(--font-size-12);
|
|
text-transform: uppercase;
|
|
}
|
|
#game-details > .system-links > a[href]:hover {
|
|
text-shadow: 0 0 8px var(--color-text-hyperlink);
|
|
}
|
|
#client-settings form .form-group > label {
|
|
flex: 2.5;
|
|
}
|
|
.settings-menu form .form-group > label {
|
|
flex: 2.5;
|
|
}
|
|
.settings-menu .instructions {
|
|
text-align: center;
|
|
}
|
|
#metagame-settings form .form-group > label {
|
|
flex: 3;
|
|
}
|
|
.select-craft-item-dialog .drop-item-zone {
|
|
display: flex;
|
|
align-items: center;
|
|
margin: 0 2px 5px;
|
|
}
|
|
.select-craft-item-dialog .item-icon {
|
|
height: 32px;
|
|
width: 32px;
|
|
margin-right: 3px;
|
|
}
|
|
.select-craft-item-dialog .button-panel {
|
|
display: flex;
|
|
}
|
|
.select-repair-item-dialog .drop-item-zone {
|
|
display: flex;
|
|
align-items: center;
|
|
margin: 0 2px 5px;
|
|
}
|
|
.select-repair-item-dialog .item-icon {
|
|
height: 32px;
|
|
width: 32px;
|
|
margin-right: 3px;
|
|
}
|
|
.select-repair-item-dialog .button-panel {
|
|
display: flex;
|
|
}
|
|
.app.choice-set-prompt .window-content h3 {
|
|
display: flex;
|
|
justify-content: center;
|
|
}
|
|
.app.choice-set-prompt .window-content button,
|
|
.app.choice-set-prompt .window-content select {
|
|
display: flex;
|
|
margin: 4px auto;
|
|
}
|
|
.app.choice-set-prompt .window-content .choices {
|
|
max-width: max-content;
|
|
justify-items: center;
|
|
margin: auto;
|
|
}
|
|
.app.choice-set-prompt .window-content .choices.select-menu {
|
|
min-width: 18em;
|
|
}
|
|
.app.choice-set-prompt .window-content .choices.select-menu tags {
|
|
background-color: rgba(0, 0, 0, 0.05);
|
|
border: 1px solid var(--color-border-light-tertiary);
|
|
border-radius: 3px;
|
|
height: 2rem;
|
|
width: 100%;
|
|
}
|
|
.app.choice-set-prompt .window-content .choices.select-menu tags .tagify__input {
|
|
align-items: center;
|
|
display: flex;
|
|
height: 100%;
|
|
margin: 0;
|
|
}
|
|
.app.choice-set-prompt .window-content .choices button,
|
|
.app.choice-set-prompt .window-content .choices .drop-zone {
|
|
cursor: pointer;
|
|
max-width: 100%;
|
|
}
|
|
.app.choice-set-prompt .window-content .choices button:not(.with-image),
|
|
.app.choice-set-prompt .window-content .choices .drop-zone:not(.with-image) {
|
|
min-width: 120px;
|
|
justify-content: center;
|
|
}
|
|
.app.choice-set-prompt .window-content .choices button.with-image,
|
|
.app.choice-set-prompt .window-content .choices .drop-zone.with-image {
|
|
align-items: center;
|
|
}
|
|
.app.choice-set-prompt .window-content .choices button.with-image img,
|
|
.app.choice-set-prompt .window-content .choices .drop-zone.with-image img {
|
|
border: 1px solid #444;
|
|
height: 1.6em;
|
|
margin-right: 0.5em;
|
|
}
|
|
.app.choice-set-prompt .window-content .choices .choice-buttons {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
.app.choice-set-prompt .window-content .choices .choice-buttons .choice {
|
|
align-items: center;
|
|
display: flex;
|
|
gap: 0.5em;
|
|
width: 100%;
|
|
}
|
|
.app.choice-set-prompt .window-content .choices .choice-buttons .choice.select {
|
|
margin-bottom: 0.5rem;
|
|
}
|
|
.app.choice-set-prompt .window-content .choices .choice-buttons .choice a.item-info {
|
|
align-items: center;
|
|
border-radius: 2px;
|
|
border: 1px solid var(--color-text-light-primary);
|
|
display: flex;
|
|
height: var(--font-size-20);
|
|
justify-content: center;
|
|
min-width: var(--font-size-20);
|
|
}
|
|
.app.choice-set-prompt .window-content .choices .choice-buttons .choice a.item-info.disabled {
|
|
color: var(--color-disabled);
|
|
cursor: default;
|
|
}
|
|
.app.choice-set-prompt .window-content .choices .choice-buttons .choice a.item-info.disabled:hover, .app.choice-set-prompt .window-content .choices .choice-buttons .choice a.item-info.disabled:active {
|
|
text-shadow: none;
|
|
}
|
|
.app.choice-set-prompt .window-content .choices .drop-zone {
|
|
border: 1px solid var(--color-border-light-primary);
|
|
border-radius: 3px;
|
|
color: #222;
|
|
cursor: default;
|
|
display: flex;
|
|
padding: 1px 6px;
|
|
font-family: var(--font-primary);
|
|
font-size: var(--font-size-14);
|
|
line-height: 28px;
|
|
}
|
|
.app.choice-set-prompt .window-content .choices .drop-zone i {
|
|
border: 1px solid #bbb;
|
|
border-radius: 2px;
|
|
align-items: center;
|
|
display: flex;
|
|
height: 1.6em;
|
|
justify-content: center;
|
|
margin-right: 0.5em;
|
|
width: 1.6em;
|
|
}
|
|
.app.choice-set-prompt .window-content .choices .drop-zone i:after {
|
|
font-size: var(--font-size-20);
|
|
}
|
|
.app.choice-set-prompt .window-content .choices .drop-zone span {
|
|
color: var(--text-dark);
|
|
flex: 1;
|
|
}
|
|
.compendium-migration-status .content {
|
|
min-width: 15rem;
|
|
}
|
|
.compendium-migration-status table * {
|
|
user-select: text;
|
|
}
|
|
.compendium-migration-status table * th, .compendium-migration-status table * td {
|
|
padding: 0.25em 0.5em;
|
|
white-space: nowrap;
|
|
}
|
|
.compendium-migration-status table * th {
|
|
padding-left: 1em;
|
|
text-align: end;
|
|
}
|
|
.compendium-migration-status table * td {
|
|
width: 100%;
|
|
}
|
|
.compendium-migration-status .empty {
|
|
opacity: 0.8;
|
|
}
|
|
.compendium-migration-status .updated {
|
|
border: 1px dashed var(--alt);
|
|
line-height: 28px;
|
|
text-align: center;
|
|
}
|
|
.compendium-migration-status .migrate {
|
|
display: flex;
|
|
padding: 0.125rem;
|
|
}
|
|
.compendium-migration-status .migrate > * {
|
|
flex: 1;
|
|
}
|
|
#effects-panel {
|
|
pointer-events: initial;
|
|
position: absolute;
|
|
top: 5px;
|
|
right: 0;
|
|
}
|
|
#effects-panel .effect-item {
|
|
display: flex;
|
|
justify-content: end;
|
|
height: 52px;
|
|
}
|
|
#effects-panel .effect-item[data-badge-type=formula] .icon {
|
|
cursor: pointer;
|
|
}
|
|
#effects-panel .effect-item[data-badge-type=formula] .icon:hover::before {
|
|
content: "\f6cf";
|
|
background: rgba(0, 0, 0, 0.5);
|
|
font-family: "Font Awesome 5 Free";
|
|
font-weight: 900;
|
|
font-size: var(--font-size-26);
|
|
color: var(--text-light);
|
|
position: absolute;
|
|
width: 100%;
|
|
height: 100%;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
padding-bottom: 4px;
|
|
}
|
|
#effects-panel .effect-item:hover .effect-info {
|
|
display: flex;
|
|
align-items: end;
|
|
flex-direction: column;
|
|
}
|
|
#effects-panel .effect-item .effect-info {
|
|
background-color: rgba(0, 0, 0, 0.75);
|
|
color: var(--color-text-light-2);
|
|
display: none;
|
|
gap: 3px;
|
|
height: min-content;
|
|
margin-right: 0.5em;
|
|
max-width: 350px;
|
|
padding: 0.25em 0.5rem;
|
|
}
|
|
#effects-panel .effect-item .effect-info h1 {
|
|
margin: 0;
|
|
padding: 0;
|
|
border: none;
|
|
display: flex;
|
|
font-size: var(--font-size-14);
|
|
padding-top: 0.25em;
|
|
text-align: right;
|
|
}
|
|
#effects-panel .effect-item .effect-info h1 a[data-action=send-to-chat] i {
|
|
font-size: var(--font-size-13);
|
|
margin-left: 2px;
|
|
}
|
|
#effects-panel .effect-item .effect-info > a.inline-check {
|
|
font-size: var(--font-size-13);
|
|
font-weight: normal;
|
|
line-height: normal;
|
|
vertical-align: middle;
|
|
}
|
|
#effects-panel .effect-item .effect-info .tags {
|
|
justify-content: end;
|
|
}
|
|
#effects-panel .effect-item .effect-info .tags .tag {
|
|
margin-bottom: 0;
|
|
}
|
|
#effects-panel .effect-item .effect-info .tags .tag + .tag, #effects-panel .effect-item .effect-info .tags .tag:first-child {
|
|
margin-left: 3px;
|
|
margin-right: -2px;
|
|
}
|
|
#effects-panel .effect-item .effect-info .instructions,
|
|
#effects-panel .effect-item .effect-info .description {
|
|
font-size: var(--font-size-12);
|
|
}
|
|
#effects-panel .effect-item .effect-info .instructions {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 2px;
|
|
text-align: right;
|
|
}
|
|
#effects-panel .effect-item .effect-info .description {
|
|
background: rgba(0, 0, 0, 0.7);
|
|
max-height: 16em;
|
|
overflow-y: auto;
|
|
padding: 0 0.5em;
|
|
text-align: left;
|
|
}
|
|
#effects-panel .effect-item .effect-info .description a,
|
|
#effects-panel .effect-item .effect-info .description span[data-pf2-effect-area] {
|
|
color: var(--color-text-dark-primary);
|
|
}
|
|
#effects-panel .effect-item > .icon {
|
|
border: 1px solid rgba(0, 0, 0, 0.5);
|
|
box-shadow: 0 0 0 1px #c0c0c0, 0 0 0 2px #808080;
|
|
align-items: center;
|
|
background-repeat: no-repeat;
|
|
background-size: contain;
|
|
box-shadow: 0 0 0 1px #c0c0c0, 0 0 0 2px #808080, inset 0 0 4px rgba(0, 0, 0, 0.5);
|
|
color: transparent;
|
|
display: flex;
|
|
justify-content: center;
|
|
position: relative;
|
|
margin: 2px 0;
|
|
height: 48px;
|
|
width: 48px;
|
|
}
|
|
#effects-panel .effect-item > .icon.aura {
|
|
border-radius: 50%;
|
|
box-shadow: 0px 0px 10px 5px white;
|
|
}
|
|
#effects-panel .effect-item > .icon.unidentified {
|
|
filter: drop-shadow(0 0 8px var(--visibility-gm-bg));
|
|
}
|
|
#effects-panel .effect-item > .icon .expired {
|
|
position: absolute;
|
|
left: 0;
|
|
bottom: -1px;
|
|
width: 100%;
|
|
padding: 2px 1px;
|
|
font-family: var(--sans-serif);
|
|
font-size: var(--font-size-10);
|
|
text-transform: uppercase;
|
|
letter-spacing: 0.05em;
|
|
text-rendering: optimizeLegibility;
|
|
color: var(--text-light);
|
|
background-color: var(--primary);
|
|
}
|
|
#effects-panel .effect-item > .icon .linked {
|
|
position: absolute;
|
|
display: inline-block;
|
|
bottom: -1px;
|
|
right: -1px;
|
|
padding: 0px 2px;
|
|
color: var(--text-light);
|
|
background-color: rgba(0, 0, 0, 0.75);
|
|
}
|
|
#effects-panel .effect-item > .icon .value-wrapper {
|
|
position: absolute;
|
|
bottom: -1px;
|
|
left: -1px;
|
|
max-width: calc(100% + 2px);
|
|
padding: 0px 2px;
|
|
color: var(--text-light);
|
|
background-color: rgba(0, 0, 0, 0.75);
|
|
font-size: var(--font-size-13);
|
|
letter-spacing: -0.05em;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
}
|
|
#effects-panel .effect-item > .icon .value-wrapper .value {
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
}
|
|
#effects-panel .effect-item > .icon .value-wrapper .value strong {
|
|
display: inline-block;
|
|
padding-right: 1px;
|
|
}
|
|
#effects-panel > hr {
|
|
margin-right: 0;
|
|
width: 48px;
|
|
}
|
|
.journal-entry-page .journal-page-content {
|
|
--space-s: 0.25em;
|
|
--space-m: 0.5em;
|
|
--space-l: 1em;
|
|
--space-xl: 1.5em;
|
|
--space-2xl: 2em;
|
|
--radius: 3px;
|
|
}
|
|
.journal-entry-page .journal-page-content 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: var(--text-light);
|
|
padding: 0;
|
|
font-size: 0.8em;
|
|
font-weight: 400;
|
|
border: none;
|
|
}
|
|
.journal-entry-page .journal-page-content .inline-header strong {
|
|
display: inline-flex;
|
|
padding: 0 var(--space-m);
|
|
background-color: var(--primary);
|
|
min-width: 15ch;
|
|
border-right: 1px solid rgba(0, 0, 0, 0.4);
|
|
box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.2);
|
|
font-weight: 400;
|
|
}
|
|
.journal-entry-page .journal-page-content .inline-header + p {
|
|
margin-top: var(--space-s);
|
|
}
|
|
.journal-entry-page .journal-page-content .info {
|
|
background-color: var(--secondary);
|
|
padding: var(--space-m);
|
|
color: var(--text-light);
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
padding: 0;
|
|
border-radius: var(--radius);
|
|
font-family: var(--sans-serif);
|
|
padding-bottom: var(--space-m);
|
|
}
|
|
.journal-entry-page .journal-page-content .info > * + * {
|
|
margin-top: var(--space-m);
|
|
}
|
|
.journal-entry-page .journal-page-content .info + * {
|
|
margin-top: var(--space-xl);
|
|
}
|
|
.journal-entry-page .journal-page-content .info + .journal-entry-page .journal-page-content .info {
|
|
margin-top: var(--space-s);
|
|
}
|
|
.journal-entry-page .journal-page-content .info h4 {
|
|
font-size: 0.9em;
|
|
font-weight: 400;
|
|
line-height: 1.2;
|
|
font-family: var(--sans-serif);
|
|
border-bottom: 1px solid rgba(0, 0, 0, 0.6);
|
|
padding: var(--space-m) var(--space-l);
|
|
position: relative;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
color: var(--text-light);
|
|
}
|
|
.journal-entry-page .journal-page-content .info h4::after {
|
|
font-family: "Font Awesome 6";
|
|
content: "\f05a";
|
|
font-weight: 900;
|
|
margin-right: var(--space-s);
|
|
}
|
|
.journal-entry-page .journal-page-content .info p {
|
|
font-size: 0.8em;
|
|
margin: 0;
|
|
padding: 0 var(--space-l);
|
|
}
|
|
.journal-entry-page .journal-page-content .info p:first-of-type {
|
|
padding-top: var(--space-m);
|
|
border-top: 1px solid rgba(255, 255, 255, 0.1);
|
|
}
|
|
.journal-entry-page .journal-page-content .traits {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
padding: 0;
|
|
}
|
|
.journal-entry-page .journal-page-content .traits p {
|
|
display: inline-flex;
|
|
padding: 0.16rem 0.25rem;
|
|
margin: 0;
|
|
background-color: var(--primary);
|
|
border: 2px solid var(--color-border-trait);
|
|
color: var(--text-light);
|
|
font: 500 var(--font-size-10) var(--sans-serif);
|
|
text-transform: uppercase;
|
|
}
|
|
.journal-entry-page .journal-page-content .statblock {
|
|
font-family: var(--sans-serif-condensed);
|
|
color: var(--text-dark);
|
|
line-height: 1.2;
|
|
margin-bottom: var(--space-m);
|
|
}
|
|
.journal-entry-page .journal-page-content .statblock > * + * {
|
|
margin-top: var(--space-s);
|
|
margin-bottom: 0;
|
|
}
|
|
.journal-entry-page .journal-page-content .statblock p {
|
|
--indent: var(--space-l);
|
|
margin-left: var(--indent);
|
|
position: relative;
|
|
}
|
|
.journal-entry-page .journal-page-content .statblock p strong:first-of-type {
|
|
margin-left: calc(var(--indent) * -1);
|
|
}
|
|
.journal-entry-page .journal-page-content .statblock p .trait:first-of-type {
|
|
margin-left: calc(var(--indent) * -1 - 2px);
|
|
}
|
|
.journal-entry-page .journal-page-content .statblock span.pf2-icon {
|
|
line-height: 1;
|
|
}
|
|
.journal-entry-page .journal-page-content .statblock h1,
|
|
.journal-entry-page .journal-page-content .statblock h2,
|
|
.journal-entry-page .journal-page-content .statblock h3,
|
|
.journal-entry-page .journal-page-content .statblock h4 {
|
|
display: flex;
|
|
align-items: baseline;
|
|
justify-content: space-between;
|
|
border-bottom: 1px solid var(--color-border-dark);
|
|
text-transform: uppercase;
|
|
letter-spacing: -0.05em;
|
|
font-family: var(--sans-serif-condensed);
|
|
font-weight: 700;
|
|
}
|
|
.journal-entry-page .journal-page-content .statblock hr {
|
|
border: none;
|
|
border-bottom: 1px solid var(--color-border-dark);
|
|
}
|
|
.journal-entry-page .journal-page-content .message {
|
|
font-family: var(--journal-cursive);
|
|
font-size: 2em;
|
|
line-height: 1.2;
|
|
}
|
|
.journal-entry-page .journal-page-content .fumble-deck h1 {
|
|
font-family: var(--font-primary);
|
|
font-size: 1.75em;
|
|
font-weight: bold;
|
|
line-height: normal;
|
|
text-transform: uppercase;
|
|
color: var(--text-dark);
|
|
border: 2px solid;
|
|
border-radius: 15px;
|
|
padding: 0 0 0 1.5em;
|
|
background-size: 1.22em;
|
|
background-repeat: no-repeat;
|
|
background-color: #e5bf85;
|
|
position: relative;
|
|
top: 1em;
|
|
width: 80%;
|
|
}
|
|
.journal-entry-page .journal-page-content .fumble-deck h1:first-child {
|
|
background-image: url("../icons/equipment/weapons/gnome-hooked-hammer.webp");
|
|
}
|
|
.journal-entry-page .journal-page-content .fumble-deck h1:nth-of-type(2) {
|
|
background-image: url("../icons/equipment/weapons/longbow.webp");
|
|
}
|
|
.journal-entry-page .journal-page-content .fumble-deck h1:nth-of-type(3) {
|
|
background-image: url("../icons/equipment/weapons/fist.webp");
|
|
}
|
|
.journal-entry-page .journal-page-content .fumble-deck h1:nth-of-type(4) {
|
|
background-image: url("../icons/spells/chain-lightning.webp");
|
|
}
|
|
.journal-entry-page .journal-page-content .fumble-deck blockquote {
|
|
font-family: var(--font-primary);
|
|
border-left: none;
|
|
background-color: #000059;
|
|
color: var(--text-light);
|
|
font-size: 120%;
|
|
margin-left: 0.7em;
|
|
padding: 1.2em 1.25em 0.75em;
|
|
border-radius: 8px;
|
|
}
|
|
.journal-entry-page .journal-page-content .fumble-deck blockquote a {
|
|
color: var(--text-dark);
|
|
}
|
|
.journal-entry-page .journal-page-content .fumble-deck blockquote span.with-repost {
|
|
color: var(--text-dark);
|
|
}
|
|
.journal-entry-page .journal-page-content .fumble-deck code {
|
|
font-family: var(--font-primary);
|
|
font-weight: bold;
|
|
font-size: 100%;
|
|
line-height: normal;
|
|
background-image: url("../assets/critfumble-banner.webp");
|
|
background-size: 100% 100%;
|
|
box-shadow: 5px 5px 10px 3px #282a2d;
|
|
display: inline-block;
|
|
float: right;
|
|
text-align: center;
|
|
margin-top: -1.75em;
|
|
margin-right: 0.75em;
|
|
width: 7em;
|
|
padding: 0.5em;
|
|
}
|
|
.journal-entry-page .journal-page-content .critical-deck h1 {
|
|
font-family: var(--font-primary);
|
|
font-size: 1.75em;
|
|
font-weight: bold;
|
|
line-height: normal;
|
|
text-transform: uppercase;
|
|
color: var(--text-dark);
|
|
border: 2px solid;
|
|
border-radius: 15px;
|
|
padding: 0 0 0 1.5em;
|
|
background-size: 1.22em;
|
|
background-repeat: no-repeat;
|
|
background-color: #e5bf85;
|
|
position: relative;
|
|
top: 1em;
|
|
width: 80%;
|
|
}
|
|
.journal-entry-page .journal-page-content .critical-deck h1:first-child {
|
|
background-image: url("../icons/equipment/weapons/light-hammer.webp");
|
|
}
|
|
.journal-entry-page .journal-page-content .critical-deck h1:nth-of-type(2) {
|
|
background-image: url("../../../icons/weapons/polearms/javelin.webp");
|
|
}
|
|
.journal-entry-page .journal-page-content .critical-deck h1:nth-of-type(3) {
|
|
background-image: url("../../../icons/weapons/axes/axe-battle-worn.webp");
|
|
}
|
|
.journal-entry-page .journal-page-content .critical-deck h1:nth-of-type(4) {
|
|
background-image: url("../../../icons/weapons/thrown/bomb-fuse-cloth-pink.webp");
|
|
}
|
|
.journal-entry-page .journal-page-content .critical-deck blockquote {
|
|
font-family: var(--font-primary);
|
|
border-left: none;
|
|
background: rgb(14, 40, 17);
|
|
background: radial-gradient(circle, rgb(14, 40, 17) 10%, rgb(20, 59, 25) 50%, rgb(14, 40, 17) 90%);
|
|
color: var(--text-light);
|
|
font-size: 120%;
|
|
margin-left: 0.7em;
|
|
padding: 1.2em 1.25em 0.75em;
|
|
border-radius: 8px;
|
|
}
|
|
.journal-entry-page .journal-page-content .critical-deck blockquote a {
|
|
color: var(--text-dark);
|
|
}
|
|
.journal-entry-page .journal-page-content .critical-deck blockquote span.with-repost {
|
|
color: var(--text-dark);
|
|
}
|
|
.journal-entry-page .journal-page-content .critical-deck code {
|
|
font-family: var(--font-primary);
|
|
font-weight: bold;
|
|
font-size: 100%;
|
|
line-height: normal;
|
|
background-image: url("../assets/critfumble-banner.webp");
|
|
background-size: 100% 100%;
|
|
box-shadow: 5px 5px 10px 3px #282a2d;
|
|
display: inline-block;
|
|
float: right;
|
|
text-align: center;
|
|
margin-top: -1.75em;
|
|
margin-right: 0.75em;
|
|
width: 9em;
|
|
padding: 0.5em;
|
|
}
|
|
#migration-summary > .window-content > h3 {
|
|
margin: auto;
|
|
}
|
|
#migration-summary > .window-content > .dialog-content > table i.fa-check {
|
|
color: green;
|
|
}
|
|
#migration-summary > .window-content > .dialog-content > table i.fa-times {
|
|
color: red;
|
|
}
|
|
#migration-summary > .window-content > .dialog-content > table td {
|
|
text-align: center;
|
|
}
|
|
#migration-summary > .window-content > .dialog-buttons {
|
|
display: flex;
|
|
}
|
|
#migration-summary > .window-content > .dialog-buttons:disabled::hover {
|
|
box-shadow: none;
|
|
}
|
|
#upw-viewer .window-content {
|
|
background: no-repeat right url("../assets/upw-logo.webp") black;
|
|
}
|
|
#upw-viewer .window-content .content {
|
|
color: #eee;
|
|
width: 435px;
|
|
font-size: larger;
|
|
}
|
|
#upw-viewer .window-content .content a[href] {
|
|
color: #8b6cae;
|
|
font-size: large;
|
|
display: block;
|
|
text-align: center;
|
|
}
|
|
#world-clock section.window-content {
|
|
font-size: 1rem;
|
|
}
|
|
#world-clock section.window-content h1 {
|
|
font-size: inherit;
|
|
text-align: center;
|
|
}
|
|
#world-clock section.window-content .input-grid {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
font-size: 0.8rem;
|
|
justify-content: space-evenly;
|
|
}
|
|
#world-clock section.window-content .input-grid > * {
|
|
flex-basis: 32%;
|
|
height: 1.5rem;
|
|
line-height: 20px;
|
|
}
|
|
#world-clock section.window-content .input-grid .sign {
|
|
font-family: var(--sans-serif-monospace);
|
|
font-size: inherit;
|
|
}
|
|
#world-clock section.window-content .input-grid button {
|
|
align-items: center;
|
|
display: flex;
|
|
font-size: inherit;
|
|
justify-content: center;
|
|
margin: 1px;
|
|
}
|
|
#world-clock section.window-content .input-grid button img {
|
|
border: none;
|
|
height: 1.5em;
|
|
}
|
|
#world-clock section.window-content .input-grid .time-of-day {
|
|
display: flex;
|
|
flex-basis: 100%;
|
|
margin: 0 3px;
|
|
}
|
|
#world-clock section.window-content .input-grid .time-of-day img.midnight {
|
|
height: 1.05rem;
|
|
}
|
|
.tags {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
gap: 2px;
|
|
list-style-type: none;
|
|
margin-bottom: 2px;
|
|
padding-left: 0;
|
|
}
|
|
.tags .tag,
|
|
.tags .tag option {
|
|
font-family: var(--sans-serif);
|
|
font-size: var(--font-size-10);
|
|
text-transform: uppercase;
|
|
letter-spacing: 0.05em;
|
|
text-rendering: optimizeLegibility;
|
|
align-items: center;
|
|
background-color: var(--primary);
|
|
border-radius: 2px;
|
|
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.5);
|
|
color: var(--color-text-trait);
|
|
display: flex;
|
|
font-weight: 500;
|
|
height: var(--font-size-18);
|
|
padding: 0 0.33em;
|
|
}
|
|
.tags .tag.tag_secondary,
|
|
.tags .tag option.tag_secondary {
|
|
background-color: var(--secondary);
|
|
}
|
|
.tags .tag.tag_tertiary,
|
|
.tags .tag option.tag_tertiary {
|
|
background-color: var(--tertiary);
|
|
}
|
|
.tags .tag.tag_alt,
|
|
.tags .tag option.tag_alt {
|
|
background-color: var(--alt);
|
|
}
|
|
.tags .tag.tag_material,
|
|
.tags .tag option.tag_material {
|
|
background-color: var(--alt-dark);
|
|
}
|
|
.tags .tag.tag_transparent,
|
|
.tags .tag option.tag_transparent {
|
|
background-color: transparent;
|
|
border-radius: 4px;
|
|
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3);
|
|
color: var(--color-text-dark-secondary);
|
|
font-family: var(--font-primary);
|
|
font-size: var(--font-size-10);
|
|
height: unset;
|
|
text-transform: none;
|
|
}
|
|
.tags .tag.mystified,
|
|
.tags .tag option.mystified {
|
|
opacity: 0.7;
|
|
}
|
|
li.chat-message .tags .tag_transparent {
|
|
line-height: 1.25em;
|
|
padding: 0.1em 0.25em;
|
|
}
|
|
.tags.paizo-style {
|
|
align-items: center;
|
|
border: none;
|
|
border-radius: 3px;
|
|
padding: 0.05em;
|
|
gap: 0;
|
|
}
|
|
.tags.paizo-style tag,
|
|
.tags.paizo-style .tag,
|
|
.tags.paizo-style select.tag {
|
|
background-color: var(--color-bg-trait);
|
|
border: solid var(--color-border-trait);
|
|
box-shadow: none;
|
|
margin: 0;
|
|
}
|
|
.tags.paizo-style tag x,
|
|
.tags.paizo-style .tag x,
|
|
.tags.paizo-style select.tag x {
|
|
align-items: start;
|
|
margin: 0;
|
|
}
|
|
.tags.paizo-style tag__removeBtn,
|
|
.tags.paizo-style .tag__removeBtn,
|
|
.tags.paizo-style select.tag__removeBtn {
|
|
align-items: baseline;
|
|
}
|
|
.tags.paizo-style tag,
|
|
.tags.paizo-style select.tag {
|
|
border-width: 2px 3px 2px 2px;
|
|
height: var(--font-size-22);
|
|
}
|
|
.tags.paizo-style tag:first-child,
|
|
.tags.paizo-style select.tag:first-child {
|
|
border-left-width: 5px;
|
|
}
|
|
.tags.paizo-style tag:last-child,
|
|
.tags.paizo-style select.tag:last-child {
|
|
border-right-width: 5px;
|
|
}
|
|
.tags.paizo-style tag:last-of-type {
|
|
border-right-width: 5px;
|
|
}
|
|
.tags.paizo-style .tag {
|
|
border-width: 1px 2px 1px 1px;
|
|
height: var(--font-size-19);
|
|
}
|
|
.tags.paizo-style .tag:first-child {
|
|
border-left-width: 3px;
|
|
}
|
|
.tags.paizo-style .tag:last-child {
|
|
border-right-width: 3px;
|
|
}
|
|
.tags.paizo-style .tag.rarity.common, .tags.paizo-style .tag.rarity[value=common],
|
|
.tags.paizo-style .tag.rarity > option[value=common] {
|
|
background-color: var(--color-rarity-common);
|
|
}
|
|
.tags.paizo-style .tag.rarity.uncommon, .tags.paizo-style .tag.rarity[value=uncommon],
|
|
.tags.paizo-style .tag.rarity > option[value=uncommon] {
|
|
background-color: var(--color-rarity-uncommon);
|
|
}
|
|
.tags.paizo-style .tag.rarity.rare, .tags.paizo-style .tag.rarity[value=rare],
|
|
.tags.paizo-style .tag.rarity > option[value=rare] {
|
|
background-color: var(--color-rarity-rare);
|
|
}
|
|
.tags.paizo-style .tag.rarity.unique, .tags.paizo-style .tag.rarity[value=unique],
|
|
.tags.paizo-style .tag.rarity > option[value=unique] {
|
|
background-color: var(--color-rarity-unique);
|
|
}
|
|
.tags.paizo-style .tag.alignment {
|
|
background-color: var(--color-bg-alignment);
|
|
}
|
|
.tags.paizo-style .tag.size {
|
|
background-color: var(--color-bg-size);
|
|
}
|
|
.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 hr.vr {
|
|
height: 1.25em;
|
|
margin: 1px 2px;
|
|
}
|
|
.tags.paizo-style[disabled] {
|
|
filter: none;
|
|
}
|
|
.tags.paizo-style[disabled] tag > div::before {
|
|
animation: none !important;
|
|
}
|
|
.tags.paizo-style[disabled] > .tagify__input {
|
|
display: none;
|
|
}
|
|
tags.tags.paizo-style {
|
|
background-color: rgba(0, 0, 0, 0.075);
|
|
--tag-bg: var(--color-bg-trait);
|
|
--tag-hover: var(--color-bg-trait);
|
|
--tag-remove-btn-color: var(--color-text-trait);
|
|
--tag-text-color: var(--color-text-trait);
|
|
--tags-border-color: var(--color-border-trait);
|
|
--tags-focus-border-color: var(--color-border-trait);
|
|
--tags-hover-border-color: var(--color-border-trait);
|
|
--readonly-striped: 0;
|
|
}
|
|
tags.tags.paizo-style .tagify__input {
|
|
margin: 0;
|
|
padding: 0.1em 0.5em;
|
|
}
|
|
tags.tags.paizo-style .tagify__input::before {
|
|
align-items: center;
|
|
color: var(--color-text-dark-secondary);
|
|
display: flex;
|
|
font: 500 var(--font-size-10) var(--sans-serif);
|
|
letter-spacing: 0.05em;
|
|
margin: 0;
|
|
min-height: 22px;
|
|
text-rendering: optimizeLegibility;
|
|
text-transform: uppercase;
|
|
width: fit-content;
|
|
}
|
|
tags.tags.paizo-style .conjunction-not .tagify__tag-text {
|
|
text-decoration: line-through;
|
|
text-decoration-color: var(--color-text-trait);
|
|
}
|
|
tags.tags.paizo-style 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: var(--text-light);
|
|
background: rgba(0, 0, 0, 0.45);
|
|
}
|
|
.damage-tag-modifier {
|
|
background: rgba(0, 0, 0, 0.05);
|
|
}
|
|
.tagify {
|
|
--tag-inset-shadow-size: 10em;
|
|
}
|
|
.tagify__tag__removeBtn {
|
|
overflow: visible;
|
|
}
|
|
#generate-check-prompt {
|
|
height: auto !important;
|
|
}
|
|
#generate-check-prompt .dialog-content > nav a.active {
|
|
text-decoration: underline;
|
|
}
|
|
#generate-check-prompt .dialog-content section.check-prompt-content .form-group.secret {
|
|
justify-content: end;
|
|
text-align: right;
|
|
}
|
|
#generate-check-prompt .dialog-content section.check-prompt-content .roll-options {
|
|
display: none;
|
|
}
|
|
#generate-check-prompt .dialog-content section.check-prompt-content a.add-roll-options i.fa-plus {
|
|
display: inline;
|
|
}
|
|
#generate-check-prompt .dialog-content section.check-prompt-content a.add-roll-options i.fa-minus {
|
|
display: none;
|
|
}
|
|
#generate-check-prompt .dialog-content section.check-prompt-content input#check-prompt-secret,
|
|
#generate-check-prompt .dialog-content section.check-prompt-content input#check-prompt-basic-save {
|
|
margin-right: 0;
|
|
}
|
|
#generate-check-prompt .dialog-content section.check-prompt-content.show-roll-options .roll-options {
|
|
display: block;
|
|
}
|
|
#generate-check-prompt .dialog-content section.check-prompt-content.show-roll-options a.add-roll-options i.fa-plus {
|
|
display: none;
|
|
}
|
|
#generate-check-prompt .dialog-content section.check-prompt-content.show-roll-options a.add-roll-options i.fa-minus {
|
|
display: inline;
|
|
}
|
|
#generate-check-prompt .dialog-content select {
|
|
height: var(--form-field-height);
|
|
text-transform: capitalize;
|
|
}
|
|
#generate-check-prompt .dialog-content tags.tagify {
|
|
background-color: rgba(0, 0, 0, 0.075);
|
|
border: 1px solid var(--color-border-light-tertiary);
|
|
border-radius: 3px;
|
|
}
|
|
#generate-check-prompt .dialog-buttons {
|
|
flex: 0 1 auto;
|
|
}
|
|
.travel-duration h2 {
|
|
margin-top: 10px;
|
|
margin-bottom: 30px;
|
|
}
|
|
.travel-duration table td {
|
|
padding: 5px 10px;
|
|
}
|
|
.travel-duration table td.centered {
|
|
text-align: center;
|
|
}
|
|
.travel-duration .journey-input {
|
|
display: grid;
|
|
column-gap: 5px;
|
|
grid: "size type"/50px 1fr 1fr;
|
|
}
|
|
.travel-duration .fraction-input {
|
|
text-align: center;
|
|
}
|
|
.travel-duration .fraction-input input {
|
|
width: 30px;
|
|
}
|
|
.travel-duration .speed-input {
|
|
width: 30px;
|
|
}
|