foundry-sw5e/dnd5e.css
supervj b56a074697 DND5e Core 1.3.5
DND5e Core 1.3.5 modded to SW5e System

Combining with DND5e Core 1.3.2 to see one big commit since last core update

DND5e Core 1.3.2 modded to SW5e System
2021-06-22 22:01:19 -04:00

1627 lines
40 KiB
CSS

/* Deprecated vars */
/* ----------------------------------------- */
/* Fonts */
/* ----------------------------------------- */
@font-face {
font-family: 'Modesto Condensed';
font-style: normal;
font-weight: 400;
src: url('../../fonts/modesto-condensed/modesto-condensed.woff2') format('woff2');
}
@font-face {
font-family: 'Modesto Condensed';
font-style: normal;
font-weight: 700;
src: url('../../fonts/modesto-condensed/modesto-condensed-bold.woff2') format('woff2');
}
.modesto {
font-family: "Modesto Condensed", "Palatino Linotype", serif;
font-size: 20px;
font-weight: 700;
}
/* ----------------------------------------- */
/* 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: "Modesto Condensed", "Palatino Linotype", serif;
font-size: 20px;
font-weight: 700;
}
.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 */
/* ----------------------------------------- */
/* ----------------------------------------- */
/* Sheet Header */
/* ----------------------------------------- */
/* ----------------------------------------- */
/* Sheet Navigation */
/* ----------------------------------------- */
/* ----------------------------------------- */
/* Sheet Body */
/* ----------------------------------------- */
/* ----------------------------------------- */
/* List Filters */
/* ----------------------------------------- */
/* ----------------------------------------- */
/* Trait Lists */
/* ----------------------------------------- */
/* ----------------------------------------- */
/* Items Lists */
/* ----------------------------------------- */
/* ----------------------------------------- */
/* Active Effects */
/* ----------------------------------------- */
}
.sw5e.sheet .window-content {
overflow-y: hidden;
padding: 5px;
background: url("ui/parchment.jpg") repeat;
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 .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: "Modesto Condensed", "Palatino Linotype", serif;
font-size: 20px;
font-weight: 700;
}
.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: "Modesto Condensed", "Palatino Linotype", serif;
font-size: 20px;
font-weight: 700;
}
.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 {
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;
font-family: "Modesto Condensed", "Palatino Linotype", serif;
font-size: 20px;
font-weight: 700;
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 input[type="text"] {
height: 24px;
margin: 2px;
}
/* ----------------------------------------- */
/* 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;
}
/* ----------------------------------------- */
/* Add Feature Prompt Specifically */
/* ----------------------------------------- */
.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.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 .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-value {
height: 30px;
line-height: 30px;
}
.sw5e.sheet.actor .sheet-header .attributes .movement h4.attribute-name,
.sw5e.sheet.actor .sheet-header .attributes .hit-dice h4.attribute-name {
position: relative;
}
.sw5e.sheet.actor .sheet-header .attributes .movement .config-button,
.sw5e.sheet.actor .sheet-header .attributes .hit-dice .config-button {
position: absolute;
display: none;
right: 0;
top: 1px;
font-size: 12px;
font-weight: normal;
}
.sw5e.sheet.actor .sheet-header .attributes .movement:hover .config-button,
.sw5e.sheet.actor .sheet-header .attributes .hit-dice:hover .config-button {
display: block;
}
.sw5e.sheet.actor .sheet-header .attributes input.temphp {
width: 48%;
}
.sw5e.sheet.actor h4.box-title {
height: 18px;
line-height: 16px;
margin: 4px 8px 2px;
font-family: "Modesto Condensed", "Palatino Linotype", serif;
font-size: 20px;
font-weight: 700;
font-size: 18px;
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: "Modesto Condensed", "Palatino Linotype", serif;
font-size: 20px;
font-weight: 700;
}
.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 .ability-scores {
flex: 0 0 100px;
height: 440px;
list-style: none;
margin: 0;
padding: 0;
font-family: "Modesto Condensed", "Palatino Linotype", serif;
font-size: 20px;
font-weight: 700;
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;
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.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 .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: 400px;
max-height: 95%;
min-width: 480px;
/* ----------------------------------------- */
/* 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 .item-subtitle {
flex: 0 0 100px;
height: 60px;
margin: 0;
padding: 5px;
text-align: right;
color: #7a7971;
}
.sw5e.sheet.item .sheet-header .item-subtitle .item-type {
font-size: 24px;
line-height: 26px;
margin: 0;
}
.sw5e.sheet.item .sheet-header .item-subtitle .item-status {
font-size: 16px;
line-height: 24px;
}
.sw5e.sheet.item .sheet-navigation {
margin-bottom: 5px;
}
.sw5e.sheet.item .sheet-navigation .item {
font-size: 18px;
}
.sw5e.sheet.item .sheet-body {
overflow: hidden;
}
.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 {
font-style: normal;
font-size: 12px;
}
.sw5e.chat-card .card-header {
padding: 3px 0;
border-top: 2px groove #FFF;
border-bottom: 2px groove #FFF;
}
.sw5e.chat-card .card-header img {
flex: 0 0 36px;
margin-right: 5px;
}
.sw5e.chat-card .card-header h3 {
flex: 1;
margin: 0;
line-height: 36px;
font-family: "Modesto Condensed", "Palatino Linotype", serif;
font-size: 20px;
font-weight: 700;
color: #4b4a44;
}
.sw5e.chat-card .card-header h3:hover {
color: #111;
text-shadow: 0 0 10px red;
}
.sw5e.chat-card .card-content {
margin: 5px 0;
}
.sw5e.chat-card .card-content h3 {
font-size: 12px;
margin: 0;
font-weight: bold;
}
.sw5e.chat-card .card-content > * {
-webkit-user-select: text;
-moz-user-select: text;
-ms-user-select: text;
user-select: text;
}
.sw5e.chat-card .card-buttons {
margin: 5px 0;
}
.sw5e.chat-card .card-buttons span {
display: block;
line-height: 28px;
text-align: center;
border: 1px solid #CCC;
}
.sw5e.chat-card .card-buttons button {
font-size: 12px;
height: 24px;
line-height: 20px;
margin: 2px 0;
}
.sw5e.chat-card .card-footer {
padding: 3px 0 0;
border-top: 2px groove #FFF;
}
.sw5e.chat-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 {
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: 720px;
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: "Modesto Condensed", "Palatino Linotype", serif;
font-size: 20px;
font-weight: 700;
font-size: 16px;
font-weight: normal;
line-height: 20px;
text-align: center;
}
.sw5e.sheet.actor.character .characteristics textarea {
font-family: "Signika", serif;
font-size: 13px;
border: 1px solid #c9c7b8;
resize: none;
}
.sw5e.sheet.actor.character .biography {
max-width: calc(100% - 180px);
}
/* ----------------------------------------- */
/* Basic Structure */
/* ----------------------------------------- */
.sw5e.sheet.actor.npc {
min-width: 600px;
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 {
flex: 0 0 18px;
color: #7a7971;
font-size: 16px;
}
.sw5e.sheet.actor.npc .summary {
font-size: 18px;
}
.sw5e.sheet.actor.npc .summary .creature-type {
display: flex;
justify-content: space-between;
width: 1em;
padding: 0 3px;
}
.sw5e.sheet.actor.npc .summary .creature-type span {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.sw5e.sheet.actor.npc .summary .creature-type .config-button {
display: none;
font-size: 12px;
font-weight: normal;
line-height: 2em;
}
.sw5e.sheet.actor.npc .summary .creature-type:hover .config-button {
display: block;
}
.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;
}