foundry-sw5e/sw5e.css
2021-08-06 20:52:54 +00:00

2076 lines
50 KiB
CSS
Raw Permalink Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

/* Deprecated vars */
/* ----------------------------------------- */
/* Fonts */
/* ----------------------------------------- */
/* russo-one-regular - latin */
@font-face {
font-family: 'Russo One';
font-style: normal;
font-weight: 400;
src: url('./fonts/RussoOne.ttf');
}
/* engli-besh */
@font-face {
font-family: 'Engli-Besh';
font-style: normal;
font-weight: 400;
src: url('./fonts/EngliBesh-KG3W.ttf');
}
.engli-Besh {
font-family: 'Engli-Besh';
font-size: 20px;
font-weight: 400;
}
/* open-sans-regular - latin */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
src: url('./fonts/OpenSans-Regular.ttf');
}
.openSans {
font-family: 'Open Sans';
font-size: 20px;
font-weight: 400;
}
/* ----------------------------------------- */
/* Sheet Styles */
/* ----------------------------------------- */
/* ----------------------------------------- */
/* Flexbox */
/* ----------------------------------------- */
.flexrow {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
}
.flexrow > * {
flex: 1;
}
.flexrow .flex1 {
flex: 1;
}
.flexrow .flex2 {
flex: 2;
}
.flexrow .flex3 {
flex: 3;
}
.flexrow .flex4 {
flex: 4;
}
.flexcol {
display: flex;
flex-direction: column;
flex-wrap: nowrap;
}
.flexcol > * {
flex: 1;
}
.flexcol .flex1 {
flex: 1;
}
.flexcol .flex2 {
flex: 2;
}
.flexcol .flex3 {
flex: 3;
}
.flexcol .flex4 {
flex: 4;
}
/* ----------------------------------------- */
/* All SW5e Apps */
/* ----------------------------------------- */
.sw5e {
/* ----------------------------------------- */
/* Element Styles */
/* ----------------------------------------- */
/* Form Groups */
/* Tags */
}
.sw5e .window-content {
font-size: 13px;
}
.sw5e input[type="text"],
.sw5e input[type="number"],
.sw5e select {
height: calc(100% - 2px);
border: 1px solid #7a7971;
background: rgba(0, 0, 0, 0.05);
color: #191813;
}
.sw5e input[type="text"]:hover,
.sw5e input[type="number"]:hover,
.sw5e input[type="text"]:focus,
.sw5e input[type="number"]:focus {
border: 1px solid #111;
box-shadow: 0 0 8px red;
}
.sw5e input:disabled,
.sw5e select:disabled,
.sw5e textarea:disabled {
color: #4b4a44;
border: 1px solid transparent !important;
outline: none !important;
}
.sw5e input:disabled:hover,
.sw5e select:disabled:hover,
.sw5e textarea:disabled:hover,
.sw5e input:disabled:focus,
.sw5e select:disabled:focus,
.sw5e textarea:disabled:focus {
box-shadow: none !important;
border: 1px solid transparent !important;
outline: none !important;
}
.sw5e button {
background: rgba(0, 0, 0, 0.1);
border: 2px groove #eeede0;
}
.sw5e .form-group label {
flex: 2;
color: #4b4a44;
font-weight: bold;
}
.sw5e .form-group .form-fields {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
}
.sw5e .form-group .form-fields > * {
flex: 1;
}
.sw5e .form-group .form-fields .flex1 {
flex: 1;
}
.sw5e .form-group .form-fields .flex2 {
flex: 2;
}
.sw5e .form-group .form-fields .flex3 {
flex: 3;
}
.sw5e .form-group .form-fields .flex4 {
flex: 4;
}
.sw5e .form-group .form-fields > * {
margin: 0 3px 0 0;
}
.sw5e .form-group .form-fields > *:last-child {
margin-right: 0;
}
.sw5e .form-group.stacked > label {
flex: 0 0 100%;
margin: 0;
}
.sw5e .form-group.stacked label.checkbox,
.sw5e .form-group.stacked label.radio {
flex: auto;
text-align: left;
}
.sw5e .form-header {
margin: 0 0 0.25em 0;
padding: 2px 0;
border-top: 2px groove #eeede0;
border-bottom: 2px groove #eeede0;
font-family: 'Russo One';
font-size: 20px;
font-weight: 400;
}
.sw5e .tag {
display: inline-block;
margin: 0 2px 0 0;
padding: 0 3px;
font-size: 10px;
line-height: 16px;
border: 1px solid #999;
border-radius: 3px;
background: rgba(0, 0, 0, 0.05);
}
/* ----------------------------------------- */
/* Hit Dice Config Sheet Specifically */
/* ----------------------------------------- */
.sw5e.hd-config .form-group button.increment,
.sw5e.hd-config .form-group button.decrement {
flex: 0 0 1rem;
line-height: 1rem;
}
.sw5e.hd-config .form-group button.decrement {
margin-right: 0;
}
.sw5e.hd-config .form-group span.sep {
margin: 0;
}
.sw5e.hd-config .form-group input {
flex: 0 0 2rem;
text-align: center;
margin-left: 2px;
margin-right: 2px;
}
/* ----------------------------------------- */
/* Entity Sheets Specifically */
/* ----------------------------------------- */
.sw5e.sheet {
/* ----------------------------------------- */
/* Element Styles */
/* ----------------------------------------- */
/* ----------------------------------------- */
/* TinyMCE */
/* ----------------------------------------- */
/* ----------------------------------------- */
/* Notifications */
/* ----------------------------------------- */
/* ----------------------------------------- */
/* Sheet Header */
/* ----------------------------------------- */
/* ----------------------------------------- */
/* Sheet Navigation */
/* ----------------------------------------- */
/* ----------------------------------------- */
/* Sheet Body */
/* ----------------------------------------- */
/* ----------------------------------------- */
/* List Filters */
/* ----------------------------------------- */
/* ----------------------------------------- */
/* Trait Lists */
/* ----------------------------------------- */
/* ----------------------------------------- */
/* Items Lists */
/* ----------------------------------------- */
/* ----------------------------------------- */
/* Active Effects */
/* ----------------------------------------- */
}
.sw5e.sheet .window-content {
overflow-y: hidden;
padding: 5px;
background: linear-gradient(90deg, #afc6d6 0%, #D6D6D6 30%, #D6D6D6 70%, #afc6d6);
font-size: 13px;
color: #191813;
}
.sw5e.sheet .window-content form {
height: 100%;
overflow: hidden;
}
.sw5e.sheet .window-content .tab {
height: 100%;
overflow-y: auto;
align-content: flex-start;
}
.sw5e.sheet input[type="text"],
.sw5e.sheet input[type="number"] {
background: none;
border: 1px solid transparent;
}
.sw5e.sheet input[type="text"]:hover,
.sw5e.sheet input[type="number"]:hover,
.sw5e.sheet input[type="text"]:focus,
.sw5e.sheet input[type="number"]:focus {
border: 1px solid #111;
}
.sw5e.sheet select {
flex: 1;
font-size: 12px;
height: 22px;
background: transparent;
}
.sw5e.sheet .editable .rollable:hover {
cursor: pointer;
}
.sw5e.sheet .editable h4.rollable:hover,
.sw5e.sheet .editable .rollable:hover > h4 {
color: #000;
text-shadow: 0 0 10px red;
}
.sw5e.sheet span.sep {
flex: none;
margin: 0 1px;
display: inline;
position: relative;
color: #7a7971;
font-weight: normal;
}
.sw5e.sheet .editor {
height: 100%;
}
.sw5e.sheet .editor .tox-toolbar-overlord,
.sw5e.sheet .editor .tox-toolbar__primary {
background: none;
}
.sw5e.sheet .warnings,
.sw5e.sheet .info {
flex: 0 0 100%;
margin: 0;
padding: 0;
list-style: none;
}
.sw5e.sheet .warnings .notification,
.sw5e.sheet .info .notification {
font-family: "Signika", sans-serif;
font-weight: normal;
font-size: 13px;
box-shadow: none;
padding: 2px 8px;
margin-bottom: 2px;
}
.sw5e.sheet .sheet-header {
flex: 0 0 100px;
border-bottom: 2px groove #eeede0;
/* Character Name */
/* Profile Image */
/* Header Summary Details */
}
.sw5e.sheet .sheet-header .header-details {
font-family: 'Russo One';
font-size: 20px;
font-weight: 400;
}
.sw5e.sheet .sheet-header .header-details .summary select {
width: 100%;
height: 100%;
border: 0;
font-family: 'Russo One';
font-size: 20px;
font-weight: 400;
text-transform: capitalize;
font-weight: 100;
}
.sw5e.sheet .sheet-header h1 {
flex: 1;
border-bottom: none;
height: 60px;
margin: 0;
padding: 5px;
}
.sw5e.sheet .sheet-header h1 input {
display: block;
height: 50px;
font-size: 32px;
margin: 0;
}
.sw5e.sheet .sheet-header img.profile {
flex: 0 0 100px;
max-width: 100px;
height: 100px;
object-fit: contain;
border: none;
border-right: 2px groove #eeede0;
}
.sw5e.sheet .sheet-header .summary {
flex: 0 0 100%;
height: 40px;
margin: 0;
padding: 0;
list-style: none;
border-top: 2px groove #eeede0;
border-bottom: none;
}
.sw5e.sheet .sheet-header .summary li {
height: calc(100% - 6px);
float: left;
margin: 2px 0;
padding: 0;
border-right: 2px groove #eeede0;
line-height: 34px;
color: #4b4a44;
}
.sw5e.sheet .sheet-header .summary li:last-child {
border-right: none;
}
.sw5e.sheet .sheet-navigation {
flex: 0 0 30px;
margin-bottom: 5px;
font-family: 'Russo One';
font-size: 14px;
font-weight: 400;
}
.sw5e.sheet .sheet-navigation .item {
height: 30px;
line-height: 32px;
margin: 0 24px;
border-bottom: 3px solid #b5b3a4;
}
.sw5e.sheet .sheet-navigation .item.active {
border-bottom: 3px solid #44191A;
}
.sw5e.sheet .sheet-body {
flex: 1;
overflow: hidden;
}
.sw5e.sheet .filter-list {
align-items: center;
list-style: none;
margin: 0;
padding: 0;
line-height: 16px;
max-width: 70%;
}
.sw5e.sheet .filter-list .filter-icon {
flex: none;
font-size: 14px;
color: #7a7971;
}
.sw5e.sheet .filter-list .filter-item {
text-align: center;
font-size: 12px;
margin: 0 6px 0 0;
border-bottom: 3px solid #b5b3a4;
white-space: nowrap;
}
.sw5e.sheet .filter-list .filter-item:last-child {
margin: 0;
}
.sw5e.sheet .filter-list .filter-item:hover {
text-shadow: 0 0 4px red;
border-bottom: 3px solid #7a7971;
}
.sw5e.sheet .filter-list .filter-item.active {
border-bottom: 3px solid #44191A;
}
.sw5e.sheet .traits {
margin: 5px 0 0;
}
.sw5e.sheet .traits .trait-selector,
.sw5e.sheet .traits .proficiency-selector {
flex: 0 0 16px;
padding: 2px 0;
color: #999;
font-size: 10px;
}
.sw5e.sheet .traits .traits-list {
flex: 0 0 100%;
line-height: 20px;
list-style: none;
margin: 0;
padding: 0;
}
.sw5e.sheet .items-list {
list-style: none;
margin: 0;
padding: 0;
overflow-y: auto;
scrollbar-width: thin;
color: #7a7971;
}
.sw5e.sheet .items-list .item-list {
list-style: none;
margin: 0;
padding: 0;
}
.sw5e.sheet .items-list .item-name {
flex: 2;
margin: 0;
overflow: hidden;
font-size: 13px;
text-align: left;
align-items: center;
}
.sw5e.sheet .items-list .item-name h3,
.sw5e.sheet .items-list .item-name h4 {
margin: 0;
white-space: nowrap;
overflow-x: hidden;
}
.sw5e.sheet .items-list .item-controls {
flex: 0 0 60px;
justify-content: space-between;
}
.sw5e.sheet .items-list .item-controls a {
font-size: 12px;
text-align: center;
}
.sw5e.sheet .items-list .item {
align-items: center;
padding: 0 2px;
border-bottom: 1px solid #c9c7b8;
}
.sw5e.sheet .items-list .item:last-child {
border-bottom: none;
}
.sw5e.sheet .items-list .item .item-name {
color: #191813;
}
.sw5e.sheet .items-list .item .item-name .item-image {
flex: 0 0 30px;
height: 30px;
background-size: 30px;
border: none;
margin-right: 5px;
}
.sw5e.sheet .items-list .items-header {
height: 28px;
margin: 2px 0;
padding: 0;
align-items: center;
background: rgba(0, 0, 0, 0.05);
border: 2px groove #eeede0;
font-weight: bold;
}
.sw5e.sheet .items-list .items-header > * {
font-size: 12px;
text-align: center;
}
.sw5e.sheet .items-list .items-header h3 {
padding-left: 5px;
text-align: left;
font-size: 16px;
}
.sw5e.sheet .effects .item .effect-source,
.sw5e.sheet .effects .item .effect-duration,
.sw5e.sheet .effects .item .effect-controls {
text-align: center;
border-left: 1px solid #c9c7b8;
border-right: 1px solid #c9c7b8;
font-size: 12px;
}
.sw5e.sheet .effects .item .effect-controls {
border: none;
}
/* ----------------------------------------- */
/* Trait Selector
/* ----------------------------------------- */
.trait-selector .trait-list {
list-style: none;
margin: 0;
padding: 0;
}
.trait-selector .trait-list li ol.trait-list {
margin-left: 1.5em;
}
.trait-selector input[type="text"] {
height: 24px;
margin: 2px;
}
/* ----------------------------------------- */
/* Property Attribution */
/* ----------------------------------------- */
.property-attribution {
display: none;
position: absolute;
padding: 3px;
border: 1px solid #000;
border-radius: 3px;
background-color: rgba(0, 0, 0, 0.8);
backdrop-filter: blur(4px);
color: #c9c7b8;
text-align: left;
z-index: 1;
}
.property-attribution table {
margin: 0;
border: 0;
}
.property-attribution table tr {
background-color: inherit;
}
.property-attribution table td {
padding: 3px;
}
.property-attribution table tr.total > td {
font-weight: 600;
padding-top: 5px;
border-top: 1px solid #7a7971;
}
.property-attribution table td.attribution-value {
width: 20%;
padding-right: 5px;
text-align: right;
font-weight: 600;
}
.property-attribution table td::before {
opacity: 0.6;
}
.property-attribution table td.mode-1::before {
content: "×";
}
.property-attribution table td.mode-2::before {
content: "+";
}
.property-attribution table td.mode-2.negative::before {
content: "";
margin-right: -1px;
}
.property-attribution table td.mode-3::before {
content: "↓";
}
.property-attribution table td.mode-4::before {
content: "↑";
}
/* ----------------------------------------- */
/* Actor Type Config Sheet Specifically */
/* ----------------------------------------- */
.actor-type .trait-list {
display: flex;
flex-wrap: wrap;
}
.actor-type .trait-list li {
flex-basis: 50%;
flex-grow: 1;
}
.actor-type .trait-list li.form-group {
flex-basis: 100%;
}
.actor-type label.radio {
display: flex;
flex: auto;
font-size: 12px;
line-height: 20px;
font-weight: normal;
}
.actor-type label.radio > input[type="radio"] {
margin: 0 5px 0 0;
}
.actor-type li.custom-type input[type="radio"] {
display: none;
}
/* ----------------------------------------- */
/* Armor Config Sheet Specifically */
/* ----------------------------------------- */
.sw5e.actor-armor-config .ac-field input {
font-size: 3em;
text-align: center;
}
/* ----------------------------------------- */
/* Add Feature Prompt Specifically */
/* ----------------------------------------- */
.sw5e.select-items-prompt {
/* ----------------------------------------- */
/* HUD
/* ----------------------------------------- */
}
.sw5e.select-items-prompt .dialog-content {
margin-bottom: 1em;
}
.sw5e.select-items-prompt .items-list {
margin-top: 0.5em;
}
.sw5e.select-items-prompt .item-name > label,
.sw5e.select-items-prompt .item-image,
.sw5e.select-items-prompt input {
cursor: pointer;
}
.sw5e.select-items-prompt .item-name > label {
align-items: center;
}
.sw5e.select-items-prompt .window-content {
max-height: 90vh;
overflow-y: auto;
}
.sw5e.select-items-prompt .placeable-hud .control-icon {
box-sizing: content-box;
width: 40px;
flex: 0 0 40px;
margin: 8px 0;
font-size: 28px;
line-height: 40px;
text-align: center;
color: #fbf4f4;
background: rgba(0, 0, 0, 0.6);
box-shadow: 0 0 15px #000;
border: 1px solid #333;
border-radius: 8px;
pointer-events: all;
}
.sw5e.select-items-prompt #token-hud .status-effects {
visibility: hidden;
position: absolute;
left: 50px;
top: 0;
display: grid;
padding: 3px;
box-sizing: content-box;
width: 100px;
color: #fbf4f4;
grid-template-columns: 25px 25px 25px 25px;
background: rgba(0, 0, 0, 0.6);
box-shadow: 0 0 15px #000;
border: 1px solid #333;
border-radius: 4px;
pointer-events: all;
}
.sw5e.sheet.actor {
/* ----------------------------------------- */
/* Sheet Header */
/* ----------------------------------------- */
/* ----------------------------------------- */
/* General Styles */
/* ----------------------------------------- */
/* ----------------------------------------- */
/* Attributes */
/* ----------------------------------------- */
/* ----------------------------------------- */
/* Ability Scores */
/* ----------------------------------------- */
/* ----------------------------------------- */
/* Skills */
/* ----------------------------------------- */
/* ----------------------------------------- */
/* Statuses */
/* ----------------------------------------- */
/* ----------------------------------------- */
/* Traits */
/* ----------------------------------------- */
/* ----------------------------------------- */
/* Inventory Lists */
/* ----------------------------------------- */
/* Inventory List Filters */
/* Encumbrance Bar */
/* ----------------------------------------- */
/* Powerbook */
/* ----------------------------------------- */
/* ----------------------------------------- */
/* Features Tab */
/* ----------------------------------------- */
/* ----------------------------------------- */
/* TinyMCE */
/* ----------------------------------------- */
}
.sw5e.sheet.actor .sheet-header img.profile {
flex: 0 0 160px;
max-width: 160px;
height: 160px;
}
.sw5e.sheet.actor .sheet-header h1.charname {
flex: 1;
height: 60px;
padding: 0;
}
.sw5e.sheet.actor .sheet-header h1.charname input {
height: 40px;
margin: 10px 0;
}
.sw5e.sheet.actor .sheet-header .header-exp {
flex: 0 0 150px;
margin-right: 3px;
height: 60px;
justify-content: flex-end;
text-align: right;
}
.sw5e.sheet.actor .sheet-header .summary {
height: 30px;
border-bottom: 2px groove #eeede0;
font-size: 18px;
}
.sw5e.sheet.actor .sheet-header .summary input,
.sw5e.sheet.actor .sheet-header .summary span {
display: block;
height: 24px;
line-height: 24px;
}
.sw5e.sheet.actor .sheet-header .summary select {
position: relative;
top: -4px;
}
.sw5e.sheet.actor .sheet-header .attributes {
flex: 0 0 100%;
margin: 0;
}
.sw5e.sheet.actor .sheet-header .attributes .attribute {
height: 70px;
margin: 0;
border: none;
border-right: 2px groove #eeede0;
border-radius: 0;
}
.sw5e.sheet.actor .sheet-header .attributes .attribute:last-child {
border-right: none;
}
.sw5e.sheet.actor .sheet-header .attributes .attribute .attribute-name {
position: relative;
}
.sw5e.sheet.actor .sheet-header .attributes .attribute .attribute-value {
height: 30px;
line-height: 30px;
}
.sw5e.sheet.actor .sheet-header .attributes .attribute .config-button {
position: absolute;
display: none;
right: -6px;
top: -3px;
font-size: 10px;
font-weight: normal;
}
.sw5e.sheet.actor .sheet-header .attributes .attribute:hover .config-button {
display: block;
}
.sw5e.sheet.actor .sheet-header .attributes .attribute input.temphp {
width: 48%;
}
.sw5e.sheet.actor .sheet-header .attributes .attribute .property-attribution {
min-width: 150px;
top: 50px;
font-family: Signika, sans-serif;
font-size: 14px;
font-weight: normal;
line-height: 1rem;
}
.sw5e.sheet.actor h4.box-title {
height: 18px;
line-height: 16px;
margin: 4px 8px 2px;
font-family: 'Russo One';
font-size: 14px;
font-weight: 400;
color: #4b4a44;
border-bottom: 1px solid #c9c7b8;
white-space: nowrap;
}
.sw5e.sheet.actor .tab.attributes {
overflow: hidden;
}
.sw5e.sheet.actor ul.attributes {
flex: 0 0 60px;
list-style: none;
margin: 0;
padding: 0;
}
.sw5e.sheet.actor ul.attributes li.attribute {
height: 60px;
margin: 0 5px 0 0;
border: 2px groove #eeede0;
border-radius: 4px;
text-align: center;
}
.sw5e.sheet.actor ul.attributes li.attribute:last-child {
margin: 0;
}
.sw5e.sheet.actor ul.attributes li.attribute .attribute-value {
display: flex;
justify-content: center;
align-items: center;
height: 28px;
line-height: 28px;
font-family: 'Russo One';
font-size: 20px;
font-weight: 400;
}
.sw5e.sheet.actor ul.attributes li.attribute .attribute-value > * {
font-weight: 400;
font-size: 24px;
}
.sw5e.sheet.actor ul.attributes li.attribute .attribute-value.multiple input {
flex: 0 0 33%;
}
.sw5e.sheet.actor ul.attributes li.attribute .attribute-footer {
flex: 0 0 18px;
margin-top: -1px;
line-height: 18px;
font-family: "Signika", sans-serif;
font-size: 12px;
font-weight: 400;
white-space: nowrap;
}
.sw5e.sheet.actor .attributable {
position: relative;
}
.sw5e.sheet.actor .attributable:hover .tooltip {
display: block;
}
.sw5e.sheet.actor .ability-scores {
flex: 0 0 100px;
height: 440px;
list-style: none;
margin: 0;
padding: 0;
font-family: 'Russo One';
font-size: 20px;
font-weight: 400;
border: 2px groove #eeede0;
border-radius: 3px;
}
.sw5e.sheet.actor .ability-scores .ability {
height: 70px;
text-align: center;
border-bottom: 2px groove #eeede0;
}
.sw5e.sheet.actor .ability-scores .ability:last-child {
border-bottom: none;
margin-bottom: -3px;
}
.sw5e.sheet.actor .ability-scores .ability input.ability-score {
height: 30px;
width: 36px;
margin: 0 auto;
line-height: 32px;
font-size: 24px;
}
.sw5e.sheet.actor .ability-scores .ability .ability-modifiers {
height: 24px;
margin: -8px 0 0;
}
.sw5e.sheet.actor .ability-scores .ability .ability-modifiers span.ability-mod,
.sw5e.sheet.actor .ability-scores .ability .ability-modifiers span.ability-save {
flex: 0 0 24px;
height: 22px;
line-height: 22px;
font-size: 16px;
border-top: 2px groove #eeede0;
}
.sw5e.sheet.actor .ability-scores .ability .ability-modifiers span.ability-mod {
border-right: 2px groove #eeede0;
}
.sw5e.sheet.actor .ability-scores .ability .ability-modifiers .ability-proficiency {
line-height: 30px;
}
.sw5e.sheet.actor .ability-scores .ability .ability-modifiers span.ability-save {
border-left: 2px groove #eeede0;
}
.sw5e.sheet.actor .proficiency-toggle {
color: #b5b3a4;
font-size: 12px;
}
.sw5e.sheet.actor .proficient .proficiency-toggle {
color: #4b4a44;
}
.sw5e.sheet.actor .locked .proficiency-toggle {
color: #b5b3a4;
text-shadow: none;
cursor: default;
}
.sw5e.sheet.actor ul.skills-list {
flex: 0 0 180px;
height: 440px;
list-style: none;
margin: 0 5px 0;
padding: 3px 0 2px;
border: 2px groove #eeede0;
border-radius: 3px;
}
.sw5e.sheet.actor ul.skills-list li.skill {
height: 24px;
width: 225px;
padding: 3px 2px;
}
.sw5e.sheet.actor ul.skills-list li.skill:nth-child(even) {
background: rgba(0, 0, 0, 0.05);
}
.sw5e.sheet.actor ul.skills-list li.skill h4 {
flex: 1px;
margin: 0;
font-size: 11px;
line-height: 18px;
}
.sw5e.sheet.actor ul.skills-list li.skill .skill-proficiency {
flex: 0 0 16px;
line-height: 18px;
}
.sw5e.sheet.actor ul.skills-list li.skill .skill-ability {
flex: 0 0 26px;
text-transform: capitalize;
}
.sw5e.sheet.actor ul.skills-list li.skill .skill-mod {
flex: 0 0 20px;
}
.sw5e.sheet.actor ul.skills-list li.skill .skill-passive {
flex: 0 0 26px;
text-align: center;
color: #7a7971;
}
.sw5e.sheet.actor .counters {
flex: none;
padding: 5px 0;
margin: 0;
border-bottom: 2px groove #eeede0;
}
.sw5e.sheet.actor .counters .counter {
height: 20px;
line-height: 20px;
}
.sw5e.sheet.actor .counters .counter h4 {
flex: auto;
margin: 0;
font-size: 13px;
font-weight: bold;
color: #4b4a44;
}
.sw5e.sheet.actor .counters .counter .counter-value {
flex: none;
text-align: right;
}
.sw5e.sheet.actor .counters .counter .counter-value > * {
display: inline;
}
.sw5e.sheet.actor .counters .counter input[type="text"],
.sw5e.sheet.actor .counters .counter input[type="number"] {
height: 20px;
max-width: 20px;
margin: 0;
padding: 0;
text-align: center;
}
.sw5e.sheet.actor .counters .counter input[type="checkbox"] {
position: relative;
width: 16px;
height: 16px;
margin: 0;
top: 4px;
}
.sw5e.sheet.actor .counters .counter span.sep {
font-size: 12px;
}
.sw5e.sheet.actor .center-pane {
height: 100%;
padding: 0 5px 0 3px;
overflow-y: auto;
scrollbar-width: thin;
}
.sw5e.sheet.actor .traits .form-group,
.sw5e.sheet.actor .traits .form-group-stacked {
margin: 0 0 3px 0;
justify-content: space-between;
}
.sw5e.sheet.actor .traits .config-button {
flex: 1;
}
.sw5e.sheet.actor .traits label {
flex: none;
line-height: 20px;
font-weight: bold;
margin: 0 10px 0 0;
}
.sw5e.sheet.actor .traits select {
max-width: 200px;
}
.sw5e.sheet.actor .traits input {
text-align: right;
}
.sw5e.sheet.actor .traits i.fas {
float: right;
margin-right: 3px;
text-align: right;
color: #999;
}
.sw5e.sheet.actor .traits i.fas:hover {
color: #111;
text-shadow: 0 0 10px red;
}
.sw5e.sheet.actor .traits .inactive {
color: #7a7971;
}
.sw5e.sheet.actor .tab.features,
.sw5e.sheet.actor .tab.inventory,
.sw5e.sheet.actor .tab.force-powerbook,
.sw5e.sheet.actor .tab.tech-powerbook {
overflow-y: hidden;
}
.sw5e.sheet.actor .inventory-filters {
margin: 0 8px;
flex: 0 0 20px;
justify-content: flex-end;
}
.sw5e.sheet.actor .inventory-filters .currency {
flex: 0 0 100%;
list-style: none;
margin: 4px 0 8px;
padding: 0;
font-size: 12px;
}
.sw5e.sheet.actor .inventory-filters .currency label {
flex: 0;
margin-left: 8px;
text-align: right;
line-height: 20px;
color: #7a7971;
}
.sw5e.sheet.actor .inventory-filters .currency input[type="text"] {
flex: 0 0 48px;
text-align: center;
margin-left: 8px;
border-bottom: 2px groove #eeede0;
}
.sw5e.sheet.actor .inventory-list {
padding: 0 5px;
}
.sw5e.sheet.actor .inventory-list .item .item-name {
cursor: pointer;
}
.sw5e.sheet.actor .inventory-list .item .item-name.rollable:hover .item-image {
background-image: url("../../icons/svg/d20-grey.svg") !important;
}
.sw5e.sheet.actor .inventory-list .item .item-name.rollable .item-image:hover {
background-image: url("../../icons/svg/d20-black.svg") !important;
}
.sw5e.sheet.actor .inventory-list .item .item-name i.attuned {
color: #7a7971;
}
.sw5e.sheet.actor .inventory-list .item .item-name i.not-attuned {
color: #44191A;
}
.sw5e.sheet.actor .inventory-list .item .item-uses input {
width: 24px;
text-align: center;
}
.sw5e.sheet.actor .inventory-list .item .item-properties {
margin-top: 3px;
}
.sw5e.sheet.actor .inventory-list .item .item-recharge {
flex: 0 0 80px;
text-align: right;
font-size: 11px;
white-space: nowrap;
}
.sw5e.sheet.actor .inventory-list .inventory-header .item-controls a.item-create {
flex: 0 0 100%;
}
.sw5e.sheet.actor .inventory-list .item-detail {
flex: 0 0 70px;
font-size: 12px;
text-align: center;
border-right: 1px solid #c9c7b8;
word-break: break-word;
white-space: nowrap;
overflow: hidden;
}
.sw5e.sheet.actor .inventory-list .item-detail:last-child {
border-right: none;
}
.sw5e.sheet.actor .inventory-list .item-detail.item-action {
flex: 0 0 100px;
}
.sw5e.sheet.actor .inventory-list .item-detail.attunement {
flex: 0 0 24px;
}
.sw5e.sheet.actor .inventory-list .item-weight {
flex: 0 0 60px;
border-left: 1px solid #c9c7b8;
border-right: 1px solid #c9c7b8;
}
.sw5e.sheet.actor .inventory-list .item-controls {
flex: 0 0 44px;
}
.sw5e.sheet.actor .inventory-list .item-summary {
flex: 0 0 100%;
font-size: 12px;
line-height: 16px;
padding: 0.25em 0.5em;
color: #191813;
border-top: 1px solid #c9c7b8;
}
.sw5e.sheet.actor .inventory-list .item-summary h2 {
font-family: "Russo One";
font-size: 20px;
font-weight: 400;
text-transform: uppercase;
letter-spacing: 0.5px;
border-bottom: 2px solid #0d99cc;
color: #c40f0f;
}
.sw5e.sheet.actor .encumbrance {
flex: 0 0 12px;
background: #7a7971;
margin: 1px 15px 0 1px;
border: 1px solid #191813;
border-radius: 3px;
position: relative;
}
.sw5e.sheet.actor .encumbrance .encumbrance-bar {
position: absolute;
top: 1px;
left: 1px;
background: #6c8aa5;
height: 8px;
border: 1px solid #cde4ff;
border-radius: 2px;
}
.sw5e.sheet.actor .encumbrance .encumbrance-label {
height: 10px;
padding: 0 5px;
position: absolute;
top: 0;
right: 0;
font-size: 13px;
line-height: 12px;
text-align: right;
color: #eee;
text-shadow: 0 0 5px #000;
}
.sw5e.sheet.actor .encumbrance .encumbrance-breakpoint {
display: block;
position: absolute;
}
.sw5e.sheet.actor .encumbrance .encumbrance-breakpoint.encumbrance-33 {
left: 33%;
}
.sw5e.sheet.actor .encumbrance .encumbrance-breakpoint.encumbrance-66 {
left: 66%;
}
.sw5e.sheet.actor .encumbrance .arrow-up {
bottom: 0;
width: 0;
height: 0;
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-bottom: 4px solid #666;
}
.sw5e.sheet.actor .encumbrance .arrow-down {
top: 0;
width: 0;
height: 0;
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-top: 4px solid #666;
}
.sw5e.sheet.actor .encumbrance.encumbered .arrow-up {
border-bottom: 4px solid #000;
}
.sw5e.sheet.actor .encumbrance.encumbered .arrow-down {
border-top: 4px solid #000;
}
.sw5e.sheet.actor .powercasting-ability {
flex: 0 0 240px;
margin: 0;
}
.sw5e.sheet.actor .powercasting-ability label,
.sw5e.sheet.actor .powercasting-ability span {
flex: none;
}
.sw5e.sheet.actor .powercasting-ability input {
flex: 0 0 28px;
text-align: center;
}
.sw5e.sheet.actor .powercasting-ability select {
margin: 0 5px;
flex: 0 0 120px;
}
.sw5e.sheet.actor .power-slots,
.sw5e.sheet.actor .power-comps {
flex: none;
padding: 0 5px;
font-size: 12px;
color: #7a7971;
border-right: 1px solid #c9c7b8;
}
.sw5e.sheet.actor .power-slots input {
display: inline;
max-width: 20px;
}
.sw5e.sheet.actor .power-slots .sep {
font-size: 13px;
font-weight: normal;
}
.sw5e.sheet.actor .powerbook .power-uses {
padding-right: 5px;
text-align: right;
color: #7a7971;
}
.sw5e.sheet.actor .power-school,
.sw5e.sheet.actor .power-action,
.sw5e.sheet.actor .power-target {
flex: 0 0 100px;
font-size: 12px;
color: #7a7971;
text-align: center;
border-right: 1px solid #c9c7b8;
}
.sw5e.sheet.actor .power-component {
line-height: 14px;
}
.sw5e.sheet.actor .power-component.C,
.sw5e.sheet.actor .power-component.R {
display: inline-block;
text-align: center;
padding-top: 1px;
width: 16px;
color: #c9c7b8;
background: rgba(0, 0, 0, 0.4);
border: 1px solid transparent;
border-radius: 8px;
}
.sw5e.sheet.actor .powerbook-empty .item-controls {
flex: 1;
}
.sw5e.sheet.actor .features i.original-class {
color: #4b4a44;
}
.sw5e.sheet.actor .editor {
padding: 0 8px;
}
#actor-flags .window-content {
overflow-y: hidden;
}
#actor-flags form {
height: 100%;
}
#actor-flags .form-body {
height: calc(100% - 40px);
padding-right: 8px;
margin-bottom: 4px;
overflow-y: auto;
scrollbar-width: thin;
}
.sw5e.sheet.item {
min-height: 660px;
min-width: 680px;
/* ----------------------------------------- */
/* Sheet Header */
/* ----------------------------------------- */
/* ----------------------------------------- */
/* Item Details Form */
/* ----------------------------------------- */
/* ----------------------------------------- */
/* Item Actions */
/* ----------------------------------------- */
/* ----------------------------------------- */
/* Item Actions */
/* ----------------------------------------- */
/* ----------------------------------------- */
/* Loot Sheet (No Tabs) */
/* ----------------------------------------- */
}
.sw5e.sheet.item .sheet-header img.profile {
border: 2px solid #000;
}
.sw5e.sheet.item .sheet-header h1 input {
font-size: 26px;
}
.sw5e.sheet.item .sheet-header .header-details.flexrow h1 {
font-size: 26px;
}
.sw5e.sheet.item .sheet-header .header-details.flexrow .charname {
font-size: 26px;
}
.sw5e.sheet.item .sheet-header .item-subtitle {
flex: 0 0 80px;
height: 60px;
margin: 0;
padding: 5px;
text-align: right;
color: #7a7971;
}
.sw5e.sheet.item .sheet-header .item-subtitle .item-type {
font-size: 20px;
line-height: 24px;
margin: 0;
}
.sw5e.sheet.item .sheet-header .item-subtitle .item-status {
font-size: 16px;
line-height: 24px;
}
.sw5e.sheet.item .sheet-header .item-subtitle .summary li {
font-size: 16px;
}
.sw5e.sheet.item .sheet-navigation {
margin-bottom: 5px;
}
.sw5e.sheet.item .sheet-navigation .item {
font-size: 16px;
}
.sw5e.sheet.item .sheet-body {
overflow: hidden;
}
.sw5e.sheet.item .sheet-body h1 {
font-family: 'Russo One';
font-size: 20px;
font-weight: 400;
text-transform: uppercase;
letter-spacing: 0.5px;
border-bottom: none;
color: #c40f0f;
}
.sw5e.sheet.item .sheet-body h2 {
font-family: 'Russo One';
font-size: 18px;
font-weight: 400;
text-transform: uppercase;
letter-spacing: 0.5px;
border-bottom: 2px solid #0d99cc;
color: #c40f0f;
}
.sw5e.sheet.item .sheet-body h3 {
font-family: 'Russo One';
font-size: 16px;
font-weight: 400;
text-transform: uppercase;
letter-spacing: 0.5px;
border-bottom: none;
color: #c40f0f;
}
.sw5e.sheet.item .sheet-body .smalltable table {
border-top: none;
border-bottom: none;
width: 200px;
}
.sw5e.sheet.item .sheet-body .smalltable td:nth-child(odd) {
width: 50px;
margin: 0.5em 0.5em;
text-align: center;
}
.sw5e.sheet.item .sheet-body .smalltable td:nth-child(even) {
width: 150px;
margin: 0.5em 0.5em;
padding: 0 10px 0 10px;
text-align: left;
}
.sw5e.sheet.item .sheet-body .smalltable thead {
border-bottom: 0;
}
.sw5e.sheet.item .sheet-body .smalltable th {
color: #000000;
text-shadow: none;
border-bottom: 0;
background-color: #bdc8cc;
text-transform: none;
font-weight: bold;
font-family: 'Open Sans';
}
.sw5e.sheet.item .sheet-body .smalltable th:nth-child(odd) {
width: 50px;
margin: 0.5em 0.5em;
text-align: center;
}
.sw5e.sheet.item .sheet-body .smalltable th:nth-child(even) {
width: 150px;
margin: 0.5em 0.5em;
padding: 0 10px 0 10px;
text-align: left;
}
.sw5e.sheet.item .sheet-body .medtable table {
width: 500px;
border: 0;
margin: 0.5em 0.5em;
}
.sw5e.sheet.item .sheet-body .medtable td:nth-child(odd) {
width: 50px;
margin: 0.5em 0.5em;
text-align: center;
}
.sw5e.sheet.item .sheet-body .medtable td:nth-child(even) {
width: 450px;
margin: 0.5em 0.5em;
padding: 0 10px 0 0;
text-align: left;
}
.sw5e.sheet.item .sheet-body .medtable thead {
border-bottom: 0;
}
.sw5e.sheet.item .sheet-body .medtable th {
color: #000000;
text-shadow: none;
border-bottom: 0;
background-color: #bdc8cc;
text-transform: none;
font-weight: bold;
font-family: 'Open Sans';
}
.sw5e.sheet.item .sheet-body .medtable th:nth-child(odd) {
text-align: center;
}
.sw5e.sheet.item .sheet-body .medtable th:nth-child(even) {
text-align: left;
}
.sw5e.sheet.item .sheet-body .classtable blockquote {
border-left: 0;
border-right: 0;
background-color: #bdc8cc;
width: 600px;
}
.sw5e.sheet.item .sheet-body .classtable blockquote h3 {
color: #000000;
text-transform: uppercase;
font-family: 'Russo One';
font-size: 16px;
}
.sw5e.sheet.item .sheet-body .classtable table {
width: 100%;
border-collapse: collapse;
background: rgba(0, 0, 0, 0.05);
border-left: 0;
border-right: 0;
border-top: 0;
border-bottom: 0;
margin: 0.5em 0;
font-style: normal;
text-shadow: none;
}
.sw5e.sheet.item .sheet-body .classtable thead {
color: #000000;
text-shadow: none;
border-bottom: 0;
background-color: #bdc8cc;
text-transform: none;
font-style: normal;
font-family: 'Open Sans';
}
.sw5e.sheet.item .sheet-body .classtable th {
color: #000000;
text-shadow: none;
border-bottom: 0;
background-color: #bdc8cc;
text-transform: none;
font-style: normal;
font-weight: bold;
font-family: 'Open Sans';
}
.sw5e.sheet.item .sheet-body .classtable tbody {
text-align: center;
}
.sw5e.sheet.item .sheet-body .speciestable blockquote {
width: 620px;
padding: 15px 10px;
margin: 15px;
line-height: 20px;
background-color: #bdc8cc;
border-top: 2px solid #0d99cc !important;
border-bottom: 2px solid #0d99cc !important;
border-left: 0 !important;
border-right: 0 !important;
-webkit-box-shadow: 0 0 1.5em rgba(13, 153, 204, 0.5) !important;
box-shadow: 0 0 1.5em rgba(13, 153, 204, 0.5) !important;
overflow-x: auto;
}
.sw5e.sheet.item .sheet-body .speciestable blockquote h3 {
color: #000000;
font-size: 22px;
border-bottom: none;
}
.sw5e.sheet.item .sheet-body .speciestable table {
background-color: #bdc8cc;
border-collapse: collapse;
width: 100%;
line-height: 18px;
margin-bottom: 15px;
border: 0;
border-bottom: none;
overflow-x: auto;
}
.sw5e.sheet.item .sheet-body .speciestable table tbody tr:nth-child(odd) {
background-color: #c9d6db;
}
.sw5e.sheet.item .sheet-body .speciestable table tbody tr:nth-child(even) {
background-color: #bdc8cc;
}
.sw5e.sheet.item .sheet-body .speciestable table td:nth-child(1) {
padding-right: 5px;
width: 100px;
font-style: italic;
font-weight: 800;
}
.sw5e.sheet.item .sheet-body .speciestable table h3 {
font-family: 'Russo One';
color: #000000;
font-size: 15px;
text-transform: uppercase;
}
.sw5e.sheet.item .sheet-body .speciestable table thead {
font-style: normal;
font-size: 18px;
background-color: #bdc8cc;
text-shadow: none;
text-align: left;
line-height: 20px;
border-top: 5px solid #0d99cc;
border-bottom: 0;
}
.sw5e.sheet.item .sheet-body .icon:before {
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
}
.sw5e.sheet.item .sheet-body a.entity-link {
background: #DDD;
padding: 1px 4px;
border: 1px solid #4b4a44;
border-radius: 2px;
white-space: nowrap;
word-break: break-all;
}
.sw5e.sheet.item .sheet-body a.entity-link i::before {
content: url("ui/jedi-order.svg") !important;
display: inline-block;
position: relative;
top: 2px;
height: 15px;
width: 15px;
}
.sw5e.sheet.item .sheet-body #species-description h2 {
font-family: 'Russo One';
font-size: 20px;
font-weight: 400;
letter-spacing: 0.5px;
border-bottom: 2px solid #0d99cc;
color: #c40f0f;
}
.sw5e.sheet.item .sheet-body #Traits h2 {
font-family: 'Russo One';
font-size: 20px;
font-weight: 400;
text-transform: uppercase;
letter-spacing: 0.5px;
border-bottom: 2px solid #0d99cc;
color: #c40f0f;
}
.sw5e.sheet.item .sheet-body .tab {
padding: 0 5px;
overflow: hidden auto;
}
.sw5e.sheet.item .sheet-body .item-properties {
flex: 0 0 120px;
margin: 5px 5px 5px 0;
padding-right: 5px;
border-right: 2px groove #eeede0;
}
.sw5e.sheet.item .sheet-body .item-properties .form-group {
margin: 0;
}
.sw5e.sheet.item .sheet-body .item-properties .form-group label {
line-height: 20px;
}
.sw5e.sheet.item .sheet-body .item-properties .form-group input {
text-align: right;
}
.sw5e.sheet.item .sheet-body .item-properties .properties-list {
list-style: none;
margin: 0;
padding: 0;
}
.sw5e.sheet.item .sheet-body .item-properties .properties-list li {
margin: 3px 0;
padding: 0 2px;
background: rgba(0, 0, 0, 0.05);
border: 2px groove #eeede0;
text-align: center;
font-size: 12px;
line-height: 18px;
}
.sw5e.sheet.item .details input[type="text"],
.sw5e.sheet.item .details input[type="number"],
.sw5e.sheet.item .details select {
height: 24px;
border: 1px solid #7a7971;
background: rgba(0, 0, 0, 0.05);
}
.sw5e.sheet.item .details .form-group span {
text-align: center;
line-height: 24px;
}
.sw5e.sheet.item .details .form-group.input-select select {
flex: 1.8;
}
.sw5e.sheet.item .details .form-group.input-select-select select {
flex: 1.5;
}
.sw5e.sheet.item .details .form-group.uses-per .form-fields {
flex-wrap: nowrap;
}
.sw5e.sheet.item .details .form-group.uses-per input {
flex: 0 0 32px;
}
.sw5e.sheet.item .details .form-group.uses-per span {
flex: 0 0 16px;
margin: 0 4px 0 0;
}
.sw5e.sheet.item .details span.sep {
flex: 0 0 8px;
}
.sw5e.sheet.item .details .prepared {
flex: 1.3 !important;
text-align: right;
padding-right: 10px;
}
.sw5e.sheet.item .details .power-materials {
flex: 0 0 100%;
margin: 0.25em 0;
justify-content: flex-end;
}
.sw5e.sheet.item .details .power-materials label {
flex: 0 0 64px;
text-align: right;
margin-right: 5px;
font-size: 12px;
line-height: 24px;
}
.sw5e.sheet.item .details .power-materials input[type="text"] {
flex: 0 0 48px;
margin-right: 10px;
}
.sw5e.sheet.item h4.damage-header {
margin: 0;
padding: 0;
font-weight: bold;
line-height: 24px;
color: #4b4a44;
}
.sw5e.sheet.item .damage-parts {
list-style: none;
margin: 0;
padding: 0;
}
.sw5e.sheet.item .damage-parts .damage-part {
flex: 0 0 100%;
padding: 0;
}
.sw5e.sheet.item .damage-parts .damage-part input {
flex: 3;
}
.sw5e.sheet.item .damage-parts .damage-part select {
margin-left: 5px;
flex: 1;
}
.sw5e.sheet.item .damage-control {
width: 18px;
flex: 0 0 18px;
line-height: 24px;
float: right;
text-align: right;
color: #7a7971;
}
.sw5e.sheet.item .recharge.form-group span {
text-align: right;
padding-right: 3px;
}
.sw5e.sheet.item .recharge.form-group input[type="text"] {
flex: 0 0 32px;
text-align: center;
}
.sw5e.sheet.item .recharge.form-group label.checkbox {
flex: none;
}
.sw5e.sheet.item .recharge.form-group label.checkbox input {
width: 16px;
height: 16px;
top: 4px;
}
.sw5e.sheet.item .weapon-properties label.checkbox {
flex: 0 0 98px;
}
.sw5e.sheet.item .loot-header {
margin-bottom: 10px;
}
/* ----------------------------------------- */
/* Chat Cards
/* ----------------------------------------- */
.sw5e.chat-card,
.midi-qol-item-card {
font-style: normal;
font-size: 12px;
}
.sw5e.chat-card .card-header,
.midi-qol-item-card .card-header {
padding: 3px 0;
border-top: 2px groove #FFF;
border-bottom: 2px groove #FFF;
}
.sw5e.chat-card .card-header img,
.midi-qol-item-card .card-header img {
flex: 0 0 36px;
margin-right: 5px;
}
.sw5e.chat-card .card-header h3,
.midi-qol-item-card .card-header h3 {
flex: 1;
margin: 0;
line-height: 36px;
font-family: 'Engli-Besh';
font-size: 20px;
font-weight: 400;
color: #4b4a44;
}
.sw5e.chat-card .card-header h3:hover,
.midi-qol-item-card .card-header h3:hover {
color: #111;
text-shadow: 0 0 10px red;
}
.sw5e.chat-card .card-content,
.midi-qol-item-card .card-content {
margin: 5px 0;
}
.sw5e.chat-card .card-content h3,
.midi-qol-item-card .card-content h3 {
font-size: 12px;
margin: 0;
font-weight: bold;
}
.sw5e.chat-card .card-content > *,
.midi-qol-item-card .card-content > * {
-webkit-user-select: text;
-moz-user-select: text;
-ms-user-select: text;
user-select: text;
}
.sw5e.chat-card .card-buttons,
.midi-qol-item-card .card-buttons {
margin: 5px 0;
}
.sw5e.chat-card .card-buttons span,
.midi-qol-item-card .card-buttons span {
display: block;
line-height: 28px;
text-align: center;
border: 1px solid #CCC;
}
.sw5e.chat-card .card-buttons button,
.midi-qol-item-card .card-buttons button {
font-size: 12px;
height: 24px;
line-height: 20px;
margin: 2px 0;
}
.sw5e.chat-card .card-footer,
.midi-qol-item-card .card-footer {
padding: 3px 0 0;
border-top: 2px groove #FFF;
}
.sw5e.chat-card .card-footer span,
.midi-qol-item-card .card-footer span {
border-right: 2px groove #FFF;
padding: 0 3px 0 0;
font-size: 10px;
}
.sw5e.chat-card .card-footer span:last-child,
.midi-qol-item-card .card-footer span:last-child {
border-right: none;
padding-right: 0;
}
.dice-roll .dice-total.success {
color: inherit;
background: #c7d0c0;
border: 1px solid #006c00;
}
.dice-roll .dice-total.failure {
color: inherit;
background: #ffdddd;
border: 1px solid #6e0000;
}
.dice-roll .dice-total.critical {
color: green;
}
.dice-roll .dice-total.fumble {
color: red;
}
/* ----------------------------------------- */
/* Basic Structure */
/* ----------------------------------------- */
.sw5e.sheet.actor.character {
min-width: 800px;
min-height: 680px;
/* ----------------------------------------- */
/* Sheet Header */
/* ----------------------------------------- */
/* ----------------------------------------- */
/* Sheet Body */
/* ----------------------------------------- */
/* ----------------------------------------- */
/* Item Controls */
/* ----------------------------------------- */
/* ----------------------------------------- */
/* Biography */
/* ----------------------------------------- */
}
.sw5e.sheet.actor.character .sheet-header img.profile {
flex: 0 0 160px;
max-width: 160px;
height: 160px;
}
.sw5e.sheet.actor.character .sheet-header .charlevel {
flex: 0 0 20px;
height: 20px;
font-size: 18px;
color: #7a7971;
white-space: nowrap;
}
.sw5e.sheet.actor.character .sheet-header .experience {
flex: 0 0 32px;
margin-bottom: -5px;
align-items: center;
font-size: 18px;
}
.sw5e.sheet.actor.character .sheet-header .experience span.max {
color: #7a7971;
flex: none;
margin-left: 3px;
}
.sw5e.sheet.actor.character .sheet-header .xpbar {
flex: 0 0 8px;
width: 100%;
margin-bottom: 5px;
background: #7a7971;
border: 1px solid #000;
border-radius: 3px;
}
.sw5e.sheet.actor.character .sheet-header .xpbar .bar {
height: 4px;
margin: 1px;
display: block;
background: #afebff;
border: 1px solid #000;
border-radius: 2px;
}
.sw5e.sheet.actor.character .sheet-header .attributes a.rest {
border: 1px solid #b5b3a4;
border-radius: 2px;
background: rgba(0, 0, 0, 0.05);
padding: 0 3px;
margin: 0 3px;
}
.sw5e.sheet.actor.character .sheet-header .attributes .hit-dice {
font-size: 24px;
}
.sw5e.sheet.actor.character .sheet-header .attributes .initiative .attribute-footer input {
width: 32px;
}
.sw5e.sheet.actor.character .sheet-header .summary .proficiency {
text-align: right;
padding-right: 5px;
}
.sw5e.sheet.actor.character .resource .attribute-value > input {
flex: 0 0 25%;
}
.sw5e.sheet.actor.character .resource .attribute-value label.recharge {
height: 32px;
position: relative;
font-family: "Signika", sans-serif;
font-size: 11px;
text-align: center;
color: #4b4a44;
align-items: center;
}
.sw5e.sheet.actor.character .resource .attribute-value label.recharge input[type="checkbox"] {
height: 14px;
width: 14px;
margin: 0;
top: -6px;
}
.sw5e.sheet.actor.character ul.skills-list {
flex: 0 0 212px;
}
.sw5e.sheet.actor.character ul.skills-list li.skill {
padding: 3px;
}
.sw5e.sheet.actor.character ul.skills-list li.skill h4 {
flex: 1px;
margin: 0;
font-size: 13px;
}
.sw5e.sheet.actor.character .item-detail.player-class {
flex: 0 0 180px;
text-align: right;
padding-right: 10px;
}
.sw5e.sheet.actor.character .inventory .item-controls,
.sw5e.sheet.actor.character .powerbook .item-controls {
flex: 0 0 68px;
}
.sw5e.sheet.actor.character .inventory .item-controls .item-toggle,
.sw5e.sheet.actor.character .powerbook .item-controls .item-toggle {
color: #b5b3a4;
}
.sw5e.sheet.actor.character .inventory .item-controls .item-toggle.active,
.sw5e.sheet.actor.character .powerbook .item-controls .item-toggle.active {
color: #4b4a44;
}
.sw5e.sheet.actor.character .inventory .item-controls .item-toggle.fixed,
.sw5e.sheet.actor.character .powerbook .item-controls .item-toggle.fixed {
color: #44191A;
}
.sw5e.sheet.actor.character .inventory .item-controls .item-toggle.fixed:hover,
.sw5e.sheet.actor.character .powerbook .item-controls .item-toggle.fixed:hover {
text-shadow: none;
}
.sw5e.sheet.actor.character .characteristics {
flex: 0 0 180px;
height: 100%;
padding: 0 3px 3px;
}
.sw5e.sheet.actor.character .characteristics label {
flex: 0 0 20px;
font-family: 'Russo One';
font-size: 20px;
font-weight: 400;
font-size: 16px;
font-weight: normal;
line-height: 20px;
text-align: center;
}
.sw5e.sheet.actor.character .characteristics textarea {
font-family: 'Open Sans';
font-size: 20px;
font-weight: 400;
border: 1px solid #c9c7b8;
resize: none;
}
.sw5e.sheet.actor.character .biography {
max-width: calc(100% - 180px);
}
/* ----------------------------------------- */
/* Basic Structure */
/* ----------------------------------------- */
.sw5e.sheet.actor.npc {
min-width: 872px;
min-height: 680px;
}
.sw5e.sheet.actor.npc .header-exp {
flex: 0 0 80px;
justify-content: center;
}
.sw5e.sheet.actor.npc .header-exp .cr {
flex: 0 0 32px;
line-height: 28px;
margin-bottom: -5px;
font-size: 24px;
}
.sw5e.sheet.actor.npc .header-exp .cr input {
width: 32px;
padding: 0;
text-align: center;
}
.sw5e.sheet.actor.npc .header-exp .experience,
.sw5e.sheet.actor.npc .header-exp .proficiency {
flex: 0 0 18px;
color: #7a7971;
font-size: 16px;
}
.sw5e.sheet.actor.npc .header-exp .proficiency {
margin-top: -0.3em;
}
.sw5e.sheet.actor.npc .summary {
font-size: 18px;
}
.sw5e.sheet.actor.npc .summary li.creature-type {
display: flex;
justify-content: space-between;
width: 1em;
padding: 0 3px;
}
.sw5e.sheet.actor.npc .summary li.creature-type span {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.sw5e.sheet.actor.npc .summary li.creature-type .config-button {
display: none;
font-size: 12px;
font-weight: normal;
line-height: 2em;
}
.sw5e.sheet.actor.npc .summary li.creature-type:hover .config-button {
display: block;
}
.sw5e.sheet.actor.vehicle {
min-width: 720px;
min-height: 680px;
}
.sw5e.sheet.actor.vehicle .features .item-controls {
flex: 0 0 68px;
}
.sw5e.sheet.actor.vehicle .features .item-controls .item-toggle {
color: #b5b3a4;
}
.sw5e.sheet.actor.vehicle .features .item-controls .item-toggle.active {
color: #4b4a44;
}
.sw5e.sheet.actor.vehicle .counters .counter.creature-cap .counter-value {
flex: 1;
}
.sw5e.sheet.actor.vehicle .counters .counter.creature-cap input {
max-width: none;
text-align: right;
}
.sw5e.sheet.actor.vehicle .counters .counter.cargo-cap input {
max-width: 40px;
text-align: right;
}