325 lines
6.2 KiB
CSS
325 lines
6.2 KiB
CSS
.padd-right {
|
|
margin-right: 8px;
|
|
}
|
|
.padd-left {
|
|
margin-left: 8px;
|
|
}
|
|
.fortune-row {
|
|
flex-wrap: nowrap;
|
|
align-items: center;
|
|
gap: 0.4rem;
|
|
padding: 0.3rem 0.5rem;
|
|
margin-bottom: 0.5rem;
|
|
}
|
|
.fortune-row label {
|
|
flex: 0 0 auto;
|
|
min-width: unset;
|
|
font-weight: 600;
|
|
color: rgba(70, 67, 49, 0.9);
|
|
}
|
|
.fortune-row input {
|
|
flex: 0 0 auto;
|
|
}
|
|
.stack-left {
|
|
align-items: center;
|
|
flex-shrink: 1;
|
|
flex-grow: 0;
|
|
}
|
|
.packed-left {
|
|
white-space: nowrap;
|
|
flex-grow: 0;
|
|
}
|
|
.input-numeric-short {
|
|
width: 52px;
|
|
max-width: 52px;
|
|
flex-grow: 0;
|
|
flex-shrink: 0;
|
|
flex-basis: 52px;
|
|
margin-right: 0.15rem;
|
|
margin-left: 0.15rem;
|
|
}
|
|
.abilities-table {
|
|
align-content: flex-start;
|
|
}
|
|
.tokenhudext {
|
|
display: flex;
|
|
flex: 0 !important;
|
|
font-weight: 600;
|
|
}
|
|
.tokenhudext.left {
|
|
justify-content: flex-start;
|
|
flex-direction: column;
|
|
position: absolute;
|
|
top: 2.75rem;
|
|
right: 4rem;
|
|
}
|
|
.tokenhudext.right {
|
|
justify-content: flex-start;
|
|
flex-direction: column;
|
|
position: absolute;
|
|
top: 2.75rem;
|
|
left: 4rem;
|
|
}
|
|
.control-icon.tokenhudicon {
|
|
width: -moz-fit-content;
|
|
width: fit-content;
|
|
height: -moz-fit-content;
|
|
height: fit-content;
|
|
min-width: 6rem;
|
|
flex-basis: auto;
|
|
padding: 0;
|
|
line-height: 1rem;
|
|
margin: 0.25rem;
|
|
}
|
|
.control-icon.tokenhudicon.right {
|
|
margin-left: 8px;
|
|
}
|
|
#token-hud .status-effects.active {
|
|
z-index: 2;
|
|
}
|
|
.token-sheet .window-content .flexcol .sheet-tabs {
|
|
font-size: 0.8rem;
|
|
}
|
|
.item-checkbox {
|
|
height: 25px;
|
|
border: 1px solid rgba(115, 105, 83, 0.65098);
|
|
border-left: none;
|
|
font-weight: 500;
|
|
font-size: 1rem;
|
|
color: black;
|
|
padding-top: 5px;
|
|
margin-right: 0px;
|
|
width: 45px;
|
|
position: relative;
|
|
left: 0px;
|
|
text-align: center;
|
|
}
|
|
.skill-label {
|
|
font-size: 0.7rem;
|
|
}
|
|
.skill-good-checkbox {
|
|
max-height: 10px;
|
|
max-width: 10px;
|
|
}
|
|
.flex-actions-bar {
|
|
flex-grow: 2;
|
|
}
|
|
#sidebar {
|
|
font-size: 1rem;
|
|
background-color: #f5f5f5;
|
|
background-position: 0px 35px;
|
|
background-repeat: no-repeat;
|
|
background: rgba(226, 226, 222, 0.95);
|
|
color: rgba(19, 18, 18, 0.95);
|
|
}
|
|
#sidebar.collapsed {
|
|
height: 470px !important;
|
|
}
|
|
#sidebar #sidebar-tabs i {
|
|
display: inline-block;
|
|
background-position: center;
|
|
background-size: cover;
|
|
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.75);
|
|
}
|
|
#sidebar-tabs > .collapsed,
|
|
#chat-controls .chat-control-icon {
|
|
color: rgba(19, 18, 18, 0.95);
|
|
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.75);
|
|
}
|
|
.sidebar-tab .directory-list .entity {
|
|
border-top: 1px rgba(0, 0, 0, 0.25);
|
|
border-bottom: 0 none;
|
|
padding: 0.25rem 0;
|
|
}
|
|
.sidebar-tab .directory-list .entity:hover {
|
|
background: rgba(0, 0, 0, 0.05);
|
|
cursor: pointer;
|
|
}
|
|
.status-small-label {
|
|
font-size: 0.65rem;
|
|
}
|
|
.no-grow {
|
|
flex-grow: 1;
|
|
max-width: 32px;
|
|
}
|
|
.status-col-name {
|
|
max-width: 72px;
|
|
}
|
|
.img-no-border {
|
|
max-width: 48px;
|
|
max-height: 48px;
|
|
border: 0px;
|
|
}
|
|
.items-title-bg {
|
|
margin-top: 6px;
|
|
color: rgba(19, 18, 18, 0.95);
|
|
background: linear-gradient(135deg, rgba(196, 186, 166, 0.6) 0%, rgba(226, 226, 222, 0.5) 100%);
|
|
border-radius: 4px;
|
|
padding: 0.3rem 0.5rem;
|
|
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
|
|
border-left: 4px solid rgba(139, 115, 85, 0.6);
|
|
}
|
|
.items-title-bg h3 {
|
|
margin: 0;
|
|
padding: 0;
|
|
font-size: 1.15rem;
|
|
font-weight: 600;
|
|
color: rgba(19, 18, 18, 0.95);
|
|
}
|
|
.item-name-label-header-long2 {
|
|
flex-grow: 1;
|
|
max-width: 14rem;
|
|
min-width: 14rem;
|
|
}
|
|
.impact-box {
|
|
border-width: 2px;
|
|
border-color: #000000;
|
|
border-radius: 6px;
|
|
border: 2px ridge #443307;
|
|
margin: 4px;
|
|
padding: 4px;
|
|
}
|
|
.impact-title {
|
|
font-size: bold;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
text-align: center;
|
|
}
|
|
.items-title-text {
|
|
text-align: center;
|
|
font-family: MailartRubberstamp;
|
|
margin-left: 4px;
|
|
}
|
|
.lock-icon {
|
|
width: 16px;
|
|
height: 16px;
|
|
}
|
|
.item-sheet-img {
|
|
width: 64px;
|
|
height: 64px;
|
|
border: 2px solid rgba(139, 115, 85, 0.4);
|
|
border-radius: 8px;
|
|
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
|
|
-o-object-fit: cover;
|
|
object-fit: cover;
|
|
}
|
|
.item-name-img {
|
|
flex-grow: 1;
|
|
max-width: 2rem;
|
|
min-width: 2rem;
|
|
}
|
|
.item-field {
|
|
margin-top: 4px;
|
|
}
|
|
.item-field-xp {
|
|
margin-top: 4px;
|
|
min-width: 8rem;
|
|
max-width: 8rem;
|
|
}
|
|
.item-field-label-short {
|
|
flex-grow: 1;
|
|
max-width: 4rem;
|
|
min-width: 4rem;
|
|
}
|
|
.item-field-label-medium {
|
|
flex-grow: 1;
|
|
max-width: 6rem;
|
|
min-width: 6rem;
|
|
}
|
|
.item-field-label-long,
|
|
.item-name-label-long {
|
|
font-weight: 600;
|
|
color: rgba(70, 67, 49, 0.9);
|
|
min-width: 160px;
|
|
}
|
|
.item-field-skill {
|
|
flex-grow: 1;
|
|
max-width: 6.8rem;
|
|
min-width: 6.8rem;
|
|
}
|
|
.item-field-label-long {
|
|
flex-grow: 1;
|
|
max-width: 10rem;
|
|
min-width: 10rem;
|
|
}
|
|
.item-field-title-long {
|
|
flex-grow: 1;
|
|
max-width: 12rem;
|
|
min-width: 12rem;
|
|
}
|
|
.item-field-label-long14 {
|
|
flex-grow: 1;
|
|
max-width: 14rem;
|
|
min-width: 14rem;
|
|
color: rgba(70, 67, 49, 0.9);
|
|
font-size: 1rem;
|
|
font-weight: 600;
|
|
}
|
|
.carac-box {
|
|
background: linear-gradient(135deg, rgba(226, 226, 222, 0.4) 0%, rgba(240, 235, 225, 0.3) 100%);
|
|
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
|
|
border-radius: 0.45rem;
|
|
padding: 0.3rem 0.5rem;
|
|
border: 1px solid rgba(139, 115, 85, 0.2);
|
|
transition: all 0.2s ease;
|
|
}
|
|
.carac-box:hover {
|
|
border-color: rgba(139, 115, 85, 0.4);
|
|
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
|
|
}
|
|
.comp-box {
|
|
max-width: 16rem;
|
|
min-width: 16rem;
|
|
width: 16rem;
|
|
min-height: 1.6rem;
|
|
background: linear-gradient(135deg, rgba(250, 245, 235, 0.5) 0%, rgba(255, 255, 255, 0.3) 100%);
|
|
padding: 0.25rem 0.4rem;
|
|
margin: 0.15rem;
|
|
border-radius: 3px;
|
|
border-left: 2px solid rgba(139, 115, 85, 0.3);
|
|
transition: all 0.2s ease;
|
|
}
|
|
.comp-box:hover {
|
|
background: rgba(226, 226, 222, 0.4);
|
|
border-left-color: rgba(139, 115, 85, 0.6);
|
|
transform: translateX(2px);
|
|
}
|
|
.item-control-end {
|
|
align-self: flex-end;
|
|
}
|
|
.alternate-list {
|
|
margin-top: 4px;
|
|
flex-wrap: nowrap;
|
|
}
|
|
.item-filler {
|
|
flex-grow: 6;
|
|
flex-shrink: 7;
|
|
}
|
|
.item-controls-fixed {
|
|
min-width: 2rem;
|
|
max-width: 2rem;
|
|
}
|
|
.item-controls-fixed-full {
|
|
min-width: 3rem;
|
|
max-width: 3rem;
|
|
}
|
|
.item-left-pad {
|
|
margin-left: 4px;
|
|
}
|
|
.attribute-label {
|
|
font-weight: bold;
|
|
}
|
|
.flexrow-no-expand {
|
|
flex-grow: 0;
|
|
}
|
|
.item-input-small {
|
|
max-width: 16px;
|
|
max-height: 12px;
|
|
}
|
|
.character-summary-rollable {
|
|
text-decoration: underline;
|
|
}
|