foundry-sw5e/sw5e.css
Professor Bunbury 18a28217c1 0.7.x Updates for Archetypes, Backgrounds, Classes, Lightsaber Forms, and Species
Tons of updates to relect recent changes to PHB and EC source materials.
AC minimum for "Hide" species trait currently does not working using DAE.
2020-10-29 20:30:50 -04:00

1787 lines
No EOL
44 KiB
CSS

/* Deprecated vars */
/* ----------------------------------------- */
/* Fonts */
/* ----------------------------------------- */
/* russo-one-regular - latin */
@font-face {
font-family: 'Russo One';
font-style: normal;
font-weight: 400;
src: url('./fonts/RussoOne.ttf');
}
/* bungee-inline-regular - latin */
@font-face {
font-family: 'Bungee Inline';
font-style: normal;
font-weight: 400;
src: url('./fonts/BungeeInline.ttf');
}
/* open-sans-regular - latin */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
src: url('./fonts/OpenSans-Regular.ttf');
}
body {
width: 100vw;
height: 100vh;
margin: 0;
overflow: hidden;
background-image: url('./ui/SW5e-logo.svg');
background-repeat: no-repeat;
background-size: cover;
font-family: 'Open Sans';
font-size: 14px;
box-shadow: 0 0 50vw #000 inset;
}
/* ----------------------------------------- */
/* 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 {
background: url("ui/parchment.webp") repeat;
font-size: 13px;
color: #191813;
}
.sw5e input[type="text"]
.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="text"]:focus {
border: 1px solid #111;
box-shadow: 0 0 8px red;
}
.sw5e input:disabled,
.sw5e select:disabled,
.sw5e textarea:disabled {
color: #4b4a44;
}
.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 label.checkbox {
flex: auto;
margin: 0;
line-height: 20px;
font-size: 10px;
text-align: right;
}
.sw5e label.checkbox input[type="checkbox"] {
height: auto;
margin: 0 5px 0;
position: relative;
top: 3px;
}
.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 {
flex: auto;
text-align: left;
}
.sw5e .form-header {
margin: 0 0 0.25em 0;
padding: 0 2px;
font-family: "Russo One";
font-size: 8px;
font-size: 12px;
border-top: 2px groove #eeede0;
border-bottom: 2px groove #eeede0;
}
.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);
}
/* ----------------------------------------- */
/* Entity Sheets Specifically */
/* ----------------------------------------- */
.sw5e.sheet {
/* ----------------------------------------- */
/* Element Styles */
/* ----------------------------------------- */
/* ----------------------------------------- */
/* TinyMCE */
/* ----------------------------------------- */
/* ----------------------------------------- */
/* Sheet Header */
/* ----------------------------------------- */
/* ----------------------------------------- */
/* Sheet Navigation */
/* ----------------------------------------- */
/* ----------------------------------------- */
/* Sheet Body */
/* ----------------------------------------- */
/* ----------------------------------------- */
/* List Filters */
/* ----------------------------------------- */
/* ----------------------------------------- */
/* Trait Lists */
/* ----------------------------------------- */
}
.sw5e.sheet .window-content {
overflow-y: hidden;
padding: 5px;
background: url("ui/parchment.webp") 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"] {
background: none;
border: 1px solid transparent;
}
.sw5e.sheet input[type="text"]:hover,
.sw5e.sheet input[type="text"]:focus {
border: 1px solid #111;
}
.sw5e.sheet select {
flex: 1;
font-size: 12px;
height: 22px;
background: transparent;
}
.sw5e.sheet .editable .rollable:hover {
color: #000;
text-shadow: 0 0 10px red;
cursor: pointer;
}
.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;
font-family: "Russo One";
font-size: 14px;
/* Character Name */
/* Profile Image */
/* Header Summary Details */
}
.sw5e.sheet .sheet-header h1 {
flex: 2;
border-bottom: none;
height: 60px;
margin: 0;
padding: 5px;
}
.sw5e.sheet .sheet-header h1 input {
height: 50px;
font-size: 22px;
text-transform: uppercase;
}
.sw5e.sheet .sheet-header img.profile {
flex: 0 0 100px;
max-width: 100px;
height: 100px;
object-fit: cover;
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 {
width: 33.33%;
float: left;
height: 34px;
margin: 2px 0;
padding: 0 3px;
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: 12px;
}
.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;
font-family: "Open Sans";
}
.sw5e.sheet .sheet-body h1 {
font-family: "Russo One";
font-size: 22px;
text-transform: uppercase;
color: #c40f0f;
border: 0px;
}
.sw5e.sheet .sheet-body h2 {
font-family: "Russo One";
font-size: 18px;
text-transform: uppercase;
color: #c40f0f;
}
.sw5e.sheet .sheet-body th {
font-family: "Russo One";
text-transform: uppercase;
color: #c40f0f;
}
.sw5e.sheet .sheet-body tr:nth-child(odd) {
background-color: #c9d6db;
}
.sw5e.sheet .sheet-body tr:nth-child(even) {
background-color: #bdc8cc;
}
.sw5e.sheet .sheet-body .smalltable table {
width: 200px;
border: 0px;
margin: 0.5em 0.5em;
}
.sw5e.sheet .sheet-body .smalltable td:nth-child(odd) {
width: 50px;
margin: 0.5em 0.5em;
}
.sw5e.sheet .sheet-body .smalltable td:nth-child(even) {
width: 150px;
margin: 0.5em 0.5em;
padding: 0px 10px 0px 10px;
}
.sw5e.sheet .sheet-body .smalltable thead {
border-bottom: 0px;
}
.sw5e.sheet .sheet-body .smalltable th {
color: #000000;
text-shadow: none;
border-bottom: 0px;
background-color: #bdc8cc;
text-transform: none;
font-weight: bold;
font-family: 'Open Sans';
}
.sw5e.sheet .sheet-body .medtable table {
width: 500px;
border: 0px;
margin: 0.5em 0.5em;
}
.sw5e.sheet .sheet-body .medtable td:nth-child(odd) {
width: 50px;
margin: 0.5em 0.5em;
}
.sw5e.sheet .sheet-body .medtable td:nth-child(even) {
width: 450px;
margin: 0.5em 0.5em;
padding: 0px 10px 0px 10px;
}
.sw5e.sheet .sheet-body .medtable thead {
border-bottom: 0px;
}
.sw5e.sheet .sheet-body .medtable th {
color: #000000;
text-shadow: none;
border-bottom: 0px;
background-color: #bdc8cc;
text-transform: none;
font-weight: bold;
font-family: 'Open Sans';
}
.sw5e.sheet .sheet-body .classtable blockquote {
border-left: 0px;
border-right: 0px;
}
.sw5e.sheet .sheet-body .classtable table {
width: 100%;
border-collapse: collapse;
background: rgba(0, 0, 0, 0.05);
border-left: 0px;
border-right: 0px;
border-top: 0;
border-bottom: 0;
margin: 0.5em 0;
font-style: normal;
font-weight: normal;
text-shadow: none;
}
.sw5e.sheet .sheet-body .classtable thead {
color: #000000;
text-shadow: none;
border-bottom: 0px;
background-color: #bdc8cc;
text-transform: none;
font-style: normal;
font-weight: normal;
font-family: 'Open Sans';
}
.sw5e.sheet .sheet-body .classtable th {
color: #000000;
text-shadow: none;
border-bottom: 0px;
background-color: #bdc8cc;
text-transform: none;
font-style: normal;
font-weight: bold;
font-family: 'Open Sans';
}
.sw5e.sheet .filter-list {
list-style: none;
margin: 0;
padding: 0;
line-height: 16px;
}
.sw5e.sheet .filter-list .filter-title {
flex: 3;
}
.sw5e.sheet .filter-list .filter-item {
text-align: center;
font-size: 12px;
margin: 0 6px;
border-bottom: 3px solid #b5b3a4;
white-space: nowrap;
}
.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 .trait-selector {
flex: 0 0 16px;
padding: 2px 0;
color: #999;
font-size: 10px;
}
.sw5e.sheet .traits-list {
line-height: 20px;
list-style: none;
margin: 0;
padding: 0;
text-align: right;
}
/* ----------------------------------------- */
/* Trait Selector
/* ----------------------------------------- */
#trait-selector .trait-list {
list-style: none;
margin: 0;
padding: 0;
}
#trait-selector input[type="text"] {
height: 24px;
margin: 2px;
}
.sw5e.sheet.actor {
/* ----------------------------------------- */
/* Sheet Header */
/* ----------------------------------------- */
/* ----------------------------------------- */
/* General Styles */
/* ----------------------------------------- */
/* ----------------------------------------- */
/* Attributes */
/* ----------------------------------------- */
/* ----------------------------------------- */
/* Ability Scores */
/* ----------------------------------------- */
/* ----------------------------------------- */
/* Skills */
/* ----------------------------------------- */
/* ----------------------------------------- */
/* Statuses */
/* ----------------------------------------- */
/* ----------------------------------------- */
/* Traits */
/* ----------------------------------------- */
/* ----------------------------------------- */
/* Inventory Lists */
/* ----------------------------------------- */
/* Inventory List Filters */
/* ----------------------------------------- */
/* Powerbook */
/* ----------------------------------------- */
/* ----------------------------------------- */
/* TinyMCE */
/* ----------------------------------------- */
}
.sw5e.sheet.actor .sheet-header .charlevel {
flex: 0 0 160px;
height: 60px;
margin: 0;
padding: 5px;
text-align: right;
}
.sw5e.sheet.actor .sheet-header .charlevel .level {
width: 100%;
height: 30px;
font-size: 18px;
line-height: 30px;
}
.sw5e.sheet.actor .sheet-header .charlevel .level label {
display: inline;
font-size: 18px;
text-align: right;
}
.sw5e.sheet.actor .sheet-header .charlevel .level input {
display: inline;
width: 36px;
font-size: 18px;
text-align: center;
}
.sw5e.sheet.actor .sheet-header .charlevel .level.noxp {
margin-top: 10px;
}
.sw5e.sheet.actor .sheet-header .charlevel .level.noxp > label {
font-size: 32px;
}
.sw5e.sheet.actor .sheet-header .charlevel .level.noxp > input {
font-size: 18px;
flex: 0 0 40px;
height: 44px;
}
.sw5e.sheet.actor .sheet-header .charlevel .experience {
width: 100%;
height: 20px;
padding-right: 5px;
font-size: 16px;
color: #4b4a44;
}
.sw5e.sheet.actor .attributes input.temphp {
width: 48%;
}
.sw5e.sheet.actor h4.box-title {
line-height: 16px;
margin: 4px 8px 2px;
font-size: 14px;
border-bottom: 1px solid #b5b3a4;
}
.sw5e.sheet.actor ul.attributes {
list-style: none;
margin: 5px 0 0;
padding: 0;
}
.sw5e.sheet.actor ul.attributes li.attribute {
height: 70px;
margin: 0 5px;
border: 2px groove #eeede0;
border-radius: 4px;
font-family: "Russo One";
font-size: 12px;
text-align: center;
}
.sw5e.sheet.actor ul.attributes li.attribute .attribute-name {
flex: 0 0 18px;
}
.sw5e.sheet.actor ul.attributes li.attribute .attribute-value {
height: 28px;
line-height: 28px;
}
.sw5e.sheet.actor ul.attributes li.attribute .attribute-value input {
display: inline;
max-width: 80%;
height: 28px;
margin: 0;
font-size: 14px;
}
.sw5e.sheet.actor ul.attributes li.attribute .attribute-value span.sep {
display: inline;
position: relative;
top: 2px;
font-size: 28px;
color: #7a7971;
}
.sw5e.sheet.actor ul.attributes li.attribute .attribute-value.multiple input {
max-width: 33%;
}
.sw5e.sheet.actor ul.attributes li.attribute .attribute-footer {
flex: 0 0 18px;
margin-top: -1px;
line-height: 18px;
font-family: "Signika", "Palatino Linotype", serif;
font-size: 12px;
}
.sw5e.sheet.actor .ability-scores {
flex: 0 0 100%;
list-style: none;
margin: 0;
padding: 0;
font-family: "Russo One";
font-size: 8px;
}
.sw5e.sheet.actor .ability-scores .ability {
height: 70px;
margin: 0 5px;
text-align: center;
border: 2px groove #eeede0;
border-radius: 3px;
/* Hide modifier box on hover */
}
.sw5e.sheet.actor .ability-scores .ability input.ability-score {
height: 30px;
width: 50px;
margin: 0 auto;
line-height: 32px;
font-size: 16px;
}
.sw5e.sheet.actor .ability-scores .ability .ability-modifiers {
height: 24px;
margin: -10px 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: 24px;
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 .ability-scores .ability input.ability-score:hover + .ability-modifiers {
visibility: hidden;
}
.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 192px;
list-style: none;
margin: 5px 5px 0;
padding: 2px 2px 0;
border: 2px groove #eeede0;
border-radius: 3px;
}
.sw5e.sheet.actor ul.skills-list li.skill {
height: 22px;
padding: 3px 0;
}
.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;
}
.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: 0 0 100%;
border-bottom: 2px groove #eeede0;
margin-bottom: 5px;
}
.sw5e.sheet.actor .counters .counter {
padding: 0 3px;
line-height: 32px;
}
.sw5e.sheet.actor .counters .counter h4 {
flex: auto;
margin: 0;
font-family: "Russo One";
font-size: 14px;
font-size: 10px;
}
.sw5e.sheet.actor .counters .counter .counter-value {
flex: 0 0 50px;
text-align: right;
}
.sw5e.sheet.actor .counters .counter .counter-value > * {
display: inline;
}
.sw5e.sheet.actor .counters .counter input[type="text"] {
height: 20px;
max-width: 20px;
margin: 0;
padding: 0;
text-align: center;
}
.sw5e.sheet.actor .counters .counter input[type="checkbox"] {
position: relative;
margin: 0;
top: 6px;
}
.sw5e.sheet.actor .counters .counter span.sep {
margin: 0 -2px;
font-size: 12px;
}
.sw5e.sheet.actor .traits {
margin: 0 5px;
}
.sw5e.sheet.actor .traits .form-group,
.sw5e.sheet.actor .traits .form-group-stacked {
margin: 0 0 4px 0;
justify-content: space-between;
}
.sw5e.sheet.actor .traits .configure-flags {
flex: 1;
}
.sw5e.sheet.actor .traits .actor-size {
flex: 0 0 150px;
}
.sw5e.sheet.actor .traits label {
flex: 0 0 150px;
line-height: 20px;
font-weight: bold;
margin: 0;
}
.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;
}
.sw5e.sheet.actor .inventory-filters h3,
.sw5e.sheet.actor .inventory-filters .filter-title {
font-family: "Russo One";
font-size: 10px;
color: #4b4a44;
font-size: 12px;
margin: 0;
}
.sw5e.sheet.actor .inventory-filters.powerbook-filters {
flex: 0 0 40px;
}
.sw5e.sheet.actor .inventory-filters .currency {
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 {
list-style: none;
margin: 0;
padding: 0 5px;
overflow-y: auto;
}
.sw5e.sheet.actor .inventory-list .item {
line-height: 30px;
padding: 0 2px;
border-bottom: 1px solid #c9c7b8;
}
.sw5e.sheet.actor .inventory-list .item:last-child {
border-bottom: none;
}
.sw5e.sheet.actor .inventory-list .item .item-name {
cursor: pointer;
max-height: 30px;
overflow: hidden;
}
.sw5e.sheet.actor .inventory-list .item .item-name .item-image {
flex: 0 0 30px;
background-size: 30px;
margin-right: 5px;
}
.sw5e.sheet.actor .inventory-list .item .item-name h4 {
margin: 0;
white-space: nowrap;
overflow-x: hidden;
}
.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.rollable:hover .item-image {
background-image: url("/icons/svg/d20-grey.svg") !important;
}
.sw5e.sheet.actor .inventory-list .item .item-name i.attuned {
color: #7a7971;
}
.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;
color: #7a7971;
}
.sw5e.sheet.actor .inventory-list .inventory-header {
margin: 2px 0;
padding: 0;
background: rgba(0, 0, 0, 0.05);
border: 2px groove #eeede0;
font-weight: bold;
line-height: 24px;
}
.sw5e.sheet.actor .inventory-list .inventory-header h3 {
margin: 0 -5px 0 0;
padding-left: 5px;
font-size: 13px;
font-weight: bold;
}
.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;
color: #7a7971;
text-align: center;
border-right: 1px solid #c9c7b8;
}
.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-weight {
flex: 0 0 60px;
border-left: 1px solid #c9c7b8;
border-right: 1px solid #c9c7b8;
}
.sw5e.sheet.actor .inventory-list .item-list {
list-style: none;
margin: 0;
padding: 0;
}
.sw5e.sheet.actor .inventory-list .item-controls {
flex: 0 0 44px;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
justify-content: flex-end;
}
.sw5e.sheet.actor .inventory-list .item-controls > * {
flex: 1;
}
.sw5e.sheet.actor .inventory-list .item-controls .flex1 {
flex: 1;
}
.sw5e.sheet.actor .inventory-list .item-controls .flex2 {
flex: 2;
}
.sw5e.sheet.actor .inventory-list .item-controls .flex3 {
flex: 3;
}
.sw5e.sheet.actor .inventory-list .item-controls .flex4 {
flex: 4;
}
.sw5e.sheet.actor .inventory-list .item-controls a {
flex: 0 0 22px;
font-size: 12px;
text-align: center;
color: #7a7971;
}
.sw5e.sheet.actor .inventory-list .item-summary {
flex: 0 0 100%;
font-size: 12px;
line-height: 16px;
padding: 0.25em 0.5em;
border-top: 1px solid #c9c7b8;
}
.sw5e.sheet.actor .powercasting-ability h3,
.sw5e.sheet.actor .pact-slots h3 {
flex: none;
margin-right: 5px;
}
.sw5e.sheet.actor .powercasting-ability input,
.sw5e.sheet.actor .pact-slots input,
.sw5e.sheet.actor .powercasting-ability span,
.sw5e.sheet.actor .pact-slots span {
flex: 0 0 32px;
text-align: center;
}
.sw5e.sheet.actor .powercasting-ability select,
.sw5e.sheet.actor .pact-slots select {
margin: 0 5px;
flex: 0 0 150px;
}
.sw5e.sheet.actor .powercasting-ability h3.power-dc,
.sw5e.sheet.actor .pact-slots h3.power-dc {
flex: 1;
text-align: right;
}
.sw5e.sheet.actor .pact-slots {
align-items: center;
}
.sw5e.sheet.actor .power-slots,
.sw5e.sheet.actor .power-comps {
flex: 0 0 72px;
padding-right: 5px;
text-align: right;
font-size: 12px;
color: #7a7971;
border-right: 1px solid #c9c7b8;
}
.sw5e.sheet.actor .power-slots input,
.sw5e.sheet.actor .power-slots span.sep {
display: inline;
max-width: 20px;
text-align: center;
}
.sw5e.sheet.actor .power-uses {
padding-right: 8px;
text-align: right !important;
}
.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 .editor {
padding: 0 8px;
}
.sw5e.sheet.item {
min-height: 520px;
min-width: 700px;
/* ----------------------------------------- */
/* 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: 1 0 80px;
height: 60px;
margin: 0;
padding: 5px;
text-align: right;
color: #7a7971;
}
.sw5e.sheet.item .sheet-header .item-subtitle .item-type {
font-size: 16px;
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: 14px;
}
.sw5e.sheet.item .sheet-body {
overflow: hidden;
font-family: "Open Sans";
}
.sw5e.sheet.item .sheet-body h2 {
font-family: "Russo One";
font-size: 18px;
border-bottom: 2px solid #0d99cc;
}
.sw5e.sheet.item .sheet-body h3 {
font-family: "Russo One";
color: #c40f0f;
text-transform: uppercase;
}
.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 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 input {
flex: 1;
}
.sw5e.sheet.item .details .form-group.uses-per span {
flex: 0 0 16px;
}
.sw5e.sheet.item .details .form-group.uses-per select {
flex: 3;
}
.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 h4.armorproperties-header {
margin: 0;
padding: 0;
font-weight: bold;
line-height: 24px;
color: #4b4a44;
}
.sw5e.sheet.item .armorproperties-parts {
list-style: none;
margin: 0;
padding: 0;
}
.sw5e.sheet.item .armorproperties-parts .armorproperties-part {
flex: 0 0 100%;
padding: 0;
}
.sw5e.sheet.item .armorproperties-parts .armorproperties-part input {
flex: 3;
}
.sw5e.sheet.item .armorproperties-parts .armorproperties-part select {
margin-left: 5px;
flex: 1;
}
.sw5e.sheet.item .armorproperties-control {
width: 18px;
flex: 0 0 18px;
line-height: 24px;
float: right;
text-align: right;
color: #7a7971;
}
.sw5e.sheet.item h4.weaponproperties-header {
margin: 0;
padding: 0;
font-weight: bold;
line-height: 24px;
color: #4b4a44;
}
.sw5e.sheet.item .weaponproperties-parts {
list-style: none;
margin: 0;
padding: 0;
}
.sw5e.sheet.item .weaponproperties-parts .weaponproperties-part {
flex: 0 0 100%;
padding: 0;
}
.sw5e.sheet.item .weaponproperties-parts .weaponproperties-part input {
flex: 3;
}
.sw5e.sheet.item .weaponproperties-parts .weaponproperties-part select {
margin-left: 5px;
flex: 1;
}
.sw5e.sheet.item .weaponproperties-control {
width: 18px;
flex: 0 0 18px;
line-height: 24px;
float: right;
text-align: right;
color: #7a7971;
}
.sw5e.sheet.item .recharge span {
flex: 0 0 80px;
}
.sw5e.sheet.item .recharge label.checkbox {
flex: 0 0 80px;
text-align: right;
}
.sw5e.sheet.item .weapon-properties label.checkbox {
flex: 0 0 98px;
}
.sw5e.sheet.item .loot-header {
margin-bottom: 10px;
}
.sw5e.sheet.item blockquote {
box-sizing: border-box;
font-family: 'Open Sans';
margin-bottom: 1em;
padding: 5px 10px;
background-color: #bdc8cc;
border: 0px solid #0d99cc;
border-spacing: 0em;
border-image: none;
box-shadow: 0px 0px 20px rgba(13, 153, 204, 0.5);
border-top: 0.1em solid #0d99cc;
border-bottom: 0.1em solid #0d99cc;
border-left: 0.1em solid #0d99cc;
border-right: 0.1em solid #0d99cc;
color: #000000;
font-size: 1em;
}
.sw5e.sheet.item blockquote h3 {
font-family: 'Russo One';
color: #000000 !important;
}
/* ----------------------------------------- */
/* 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: "Russo One";
font-size: 10px;
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 5px 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: 680px;
min-height: 736px;
/* ----------------------------------------- */
/* Sheet Header */
/* ----------------------------------------- */
/* ----------------------------------------- */
/* Sheet Body */
/* ----------------------------------------- */
/* ----------------------------------------- */
/* Inventory */
/* ----------------------------------------- */
/* Encumbrance Bar */
/* ----------------------------------------- */
/* Item Controls */
/* ----------------------------------------- */
}
.sw5e.sheet.actor.character .sheet-header img.profile {
flex: 0 0 180px;
max-width: 180px;
height: 180px;
}
.sw5e.sheet.actor.character .sheet-header .charlevel {
flex: 0 0 180px;
padding: 0 5px 2px;
}
.sw5e.sheet.actor.character .sheet-header .charlevel .level {
height: 28px;
}
.sw5e.sheet.actor.character .sheet-header .charlevel .experience input[type="text"] {
width: 100px;
}
.sw5e.sheet.actor.character .sheet-header .charlevel .xpbar {
width: 100%;
flex: 0 0 8px;
background: #666;
border: 1px solid #000;
border-radius: 3px;
}
.sw5e.sheet.actor.character .sheet-header .charlevel .xpbar .bar {
height: 4px;
margin: 1px;
display: block;
background: #afebff;
border: 1px solid #000;
border-radius: 2px;
}
.sw5e.sheet.actor.character .sheet-header .summary {
border-bottom: 2px groove #eeede0;
}
.sw5e.sheet.actor.character .sheet-header .attributes {
height: 80px;
margin: 0;
}
.sw5e.sheet.actor.character .sheet-header .attributes .attribute {
height: 80px;
margin: 0;
border: none;
border-right: 2px groove #eeede0;
border-radius: 0;
}
.sw5e.sheet.actor.character .sheet-header .attributes .attribute:last-child {
border-right: none;
}
.sw5e.sheet.actor.character .sheet-header .attributes .attribute .attribute-value {
margin: 5px 0 0;
height: 32px;
line-height: 32px;
}
.sw5e.sheet.actor.character .sheet-header .attributes .attribute .attribute-name {
margin-top: 6px;
}
.sw5e.sheet.actor.character .sheet-header .attributes .attribute .attribute-footer {
margin-bottom: 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: 1px 3px;
margin: 0 6px;
}
.sw5e.sheet.actor.character .sheet-header .attributes .hit-dice {
font-size: 16px;
}
.sw5e.sheet.actor.character .attributes .resource .attribute-name {
margin: 0 8px;
}
.sw5e.sheet.actor.character .attributes .resource .attribute-name input[type="text"] {
height: 20px;
margin: 2px 0 -2px;
line-height: 24px;
}
.sw5e.sheet.actor.character .attributes .resource label.checkbox {
margin: 0 3px;
}
.sw5e.sheet.actor.character .attributes .resource label.checkbox input[type="checkbox"] {
transform: scale(1.2);
}
.sw5e.sheet.actor.character .attributes .initiative .attribute-footer input {
width: 32px;
}
.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 .counters .death-saves {
flex: 2;
}
.sw5e.sheet.actor.character .counters .death-saves .counter-value {
flex: 0 0 90px;
}
.sw5e.sheet.actor.character .item-detail.player-class {
flex: 0 0 180px;
text-align: right;
padding-right: 10px;
}
.sw5e.sheet.actor.character .encumbrance {
flex: 0 0 12px;
background: #7a7971;
margin: 1px 15px 0 1px;
border: 1px solid #191813;
border-radius: 3px;
position: relative;
}
.sw5e.sheet.actor.character .encumbrance .encumbrance-bar {
position: absolute;
top: 1px;
left: 1px;
background: #6c8aa5;
height: 8px;
border: 1px solid #cde4ff;
border-radius: 2px;
}
.sw5e.sheet.actor.character .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.character .encumbrance .encumbrance-breakpoint {
display: block;
position: absolute;
}
.sw5e.sheet.actor.character .encumbrance .encumbrance-breakpoint.encumbrance-33 {
left: 33%;
}
.sw5e.sheet.actor.character .encumbrance .encumbrance-breakpoint.encumbrance-66 {
left: 66%;
}
.sw5e.sheet.actor.character .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.character .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.character .encumbrance.encumbered .arrow-up {
border-bottom: 4px solid #000;
}
.sw5e.sheet.actor.character .encumbrance.encumbered .arrow-down {
border-top: 4px solid #000;
}
.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;
}
/* ----------------------------------------- */
/* Basic Structure */
/* ----------------------------------------- */
.sw5e.sheet.actor.npc {
min-width: 800px;
min-height: 658px;
}
/* ----------------------------------------- */
/* Journal Entry
/* ----------------------------------------- */
.journal-sheet .window-content {
padding: 0;
background: url("ui/parchment.webp") repeat;
}
.journal-sheet form {
overflow: hidden;
padding: 5px;
font-family: "Open Sans";
background: url("ui/parchment.webp") repeat;
}
.journal-sheet form h2 {
font-family: "Russo One";
font-size: 18px;
text-transform: uppercase;
color: #c40f0f;
}
.journal-sheet form input[name="name"] {
height: 36px;
font-family: "Russo One";
font-size: 24px;
text-transform: uppercase;
color: #c40f0f;
line-height: 36px;
}
.journal-sheet form select {
width: 100%;
height: 30px;
margin: 5px 0;
}
.journal-sheet form .editor {
height: calc(100% - 115px);
}
.journal-sheet form button[type="submit"] {
margin-top: 5px;
}
.journal-sheet form img {
border: none
}
.journal-sheet form table {
border: none;
background-color: none;
}
/* ---------------------------------------- */
/* Roll Table Sheet */
/* ---------------------------------------- */
.roll-table-config .window-content {
background: url("ui/parchment.webp") repeat;
}
.roll-table-config form {
background: url("ui/parchment.webp") repeat;
}
.roll-table-config h1.name input {
width: 100%;
height: 36px;
margin: 0 0 5px;
font-family: "Russo One";
font-size: 24px;
text-transform: uppercase;
color: #c40f0f;
}
.roll-table-config textarea {
resize: none;
min-height: 44px;
font-family: "Open Sans";
background: url("ui/parchment.webp") repeat;
}
.roll-table-config ol.table-results {
list-style: none;
margin: 0;
padding: 0;
max-height: 600px;
overflow-y: auto;
}
.roll-table-config ol.table-results .table-result {
padding: 2px 0;
border-top: 1px solid transparent;
border-bottom: 1px solid transparent;
}
.roll-table-config ol.table-results .table-result input[type="text"] {
width: 100%;
height: 28px;
}
.roll-table-config ol.table-results .table-result > div {
line-height: 36px;
margin-right: 5px;
}
.roll-table-config ol.table-results .table-result .result-image {
flex: 0 0 36px;
width: 36px;
height: 36px;
text-align: center;
margin: 0;
}
.roll-table-config ol.table-results .table-result .result-image img {
border: none;
object-fit: cover;
object-position: 50% 0;
}
.roll-table-config ol.table-results .table-result .result-type {
flex: 0 0 110px;
}
.roll-table-config ol.table-results .table-result .result-details {
flex: 1;
}
.roll-table-config ol.table-results .table-result .result-details select {
width: 40%;
}
.roll-table-config ol.table-results .table-result .result-details .result-target {
width: 58%;
margin-left: 3px;
}
.roll-table-config ol.table-results .table-result .result-weight {
flex: 0 0 50px;
text-align: center;
}
.roll-table-config ol.table-results .table-result .result-range {
flex: 0 0 92px;
text-align: center;
}
.roll-table-config ol.table-results .table-result .result-range input {
width: 36px;
}
.roll-table-config ol.table-results .table-result .result-controls {
flex: 0 0 40px;
margin: 0;
text-align: center;
}
.roll-table-config ol.table-results .table-result .result-controls a {
width: 20px;
}
.roll-table-config ol.table-results .table-result .result-controls .lock-result {
color: #b5b3a4;
}
.roll-table-config ol.table-results .table-result.roulette {
background: url("ui/parchment.webp") repeat;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
}
.roll-table-config ol.table-results .table-result.drawn {
background: rgba(0, 0, 0, 0.15);
}
.roll-table-config ol.table-results .table-result.drawn .lock-result {
color: #111;
}
.roll-table-config ol.table-results .table-header {
background: url("ui/parchment.webp") repeat;
border: 1px solid #7a7971;
line-height: 24px;
font-weight: bold;
}
.icon:before {
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
}
a.entity-link {
background: #DDD;
padding: 1px 4px;
border: 1px solid #4b4a44;
border-radius: 2px;
white-space: nowrap;
word-break: break-all;
}
a.entity-link i::before {
content: url("ui/jedi-order.svg") !important;
display: inline-block;
position: relative;
top: 2px;
height: 15px;
width: 15px;
}