foundry-sw5e/sw5e.css
supervj 44312146a7 Update to dnd 0.98 Core with some fixes
Updated to 0.98 core for 0.7.x compatability (untested)

Class Skills are pulling in automatically on class item drop to character sheet.

TODO: Expand automated skill drop for Archetypes

KNOWN ISSUE: init.value is being converted to a string causing some NaN errors on the html.  Initiative was changed to a number instead of a string in 0.98 likely some place is assuming it is still a string.  I had to use Number() on the value because it was forcing other vales to be a string because the value is "".  Maybe someone can fix this
2020-10-08 02:20:12 -04:00

1851 lines
46 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');
}
.russoOne {
font-family: 'Russo One';
font-size: 20px;
font-weight: 400;
}
/* bungee-inline-regular - latin */
@font-face {
font-family: 'Bungee Inline';
font-style: normal;
font-weight: 400;
src: url('./fonts/BungeeInline.ttf');
}
.bungeeInline {
font-family: 'Bungee Inline';
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 {
background: url("ui/parchment.webp") repeat;
font-size: 13px;
color: #191813;
}
.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;
}
.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;
padding: 0;
margin: 0;
height: 22px;
line-height: 22px;
font-size: 11px;
}
.sw5e label.checkbox > input[type="checkbox"] {
width: 16px;
height: 16px;
margin: 0 2px 0 0;
position: relative;
top: 4px;
}
.sw5e label.checkbox.right > input[type="checkbox"] {
margin: 0 0 0 2px;
}
.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-group.stacked label.text {
flex: 0 0;
text-align: right;
}
.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"],
.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 {
color: #000;
text-shadow: 0 0 10px red;
cursor: pointer;
}
.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;
font-family: "Russo One";
font-size: 14px;
/* Character Name */
/* Profile Image */
/* Header Summary Details */
}
.sw5e.sheet .sheet-header .header-details {
}
.sw5e.sheet .sheet-header h1 {
flex: 2; /*changed*/
border-bottom: none;
height: 60px;
margin: 0;
padding: 5px;
}
.sw5e.sheet .sheet-header h1 input {
display: block;
height: 50px;
font-size: 22px; /*changed*/
margin: 0;
text-transform: uppercase; /*changed*/
}
.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: 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 h2 { /*changed*/
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 .filter-list {
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;
}
/* ----------------------------------------- */
/* 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 */
/* Encumbrance Bar */
/* ----------------------------------------- */
/* Powerbook */
/* ----------------------------------------- */
/* ----------------------------------------- */
/* Active Effects */
/* ----------------------------------------- */
/* ----------------------------------------- */
/* 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: 14px;
}
.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 .attributes input.temphp {
width: 48%;
}
.sw5e.sheet.actor h4.box-title {
height: 18px;
line-height: 16px;
margin: 4px 8px 2px;
font-size: 14px; /*changed*/
border-bottom: 1px solid #b5b3a4;
}
.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;
font-family: "Russo One";
font-size: 12px;
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;
}
.sw5e.sheet.actor ul.attributes li.attribute .attribute-value > * {
display: inline;
max-width: 80%;
height: 28px;
margin: 0;
font-size: 14px; /*changed*/
text-align: center;
}
.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 {
flex: 0 0 33%;
max-width: 2em;
}
.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;
}
.sw5e.sheet.actor .ability-scores {
flex: 0 0 100px;
height: 440px;
list-style: none;
margin: 0;
padding: 0;
font-family: "Russo One";
font-size: 8px;
}
.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;
text-align: center;
margin: 0 auto;
line-height: 32px;
font-size: 16px; /*changed*/
}
.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;
}
/* Hide modifier box on hover */
.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 190px; /*changed*/
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-family: "Russo One";
font-size: 14px;
font-size: 10px; /*changed*/
}
.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 .configure-flags {
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 h3,
.sw5e.sheet.actor .inventory-filters .filter-title {
font-family: "Russo One";
font-size: 10px; /*changed*/
color: #4b4a44;
font-size: 12px; /*changed*/
margin: 0;
}
.sw5e.sheet.actor .inventory-filters.powerbook-filters {
flex: 0 0 40px;
}
.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 {
list-style: none;
margin: 0;
padding: 0 5px;
overflow-y: auto;
scrollbar-width: thin;
color: #7a7971;
}
.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: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-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;
white-space: nowrap;
}
.sw5e.sheet.actor .inventory-list .inventory-header {
margin: 2px 0;
padding: 0;
align-items: center;
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-name {
color: #191813;
}
.sw5e.sheet.actor .inventory-list .item-detail {
flex: 0 0 70px;
font-size: 12px;
color: #7a7971;
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-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 .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 input,
.sw5e.sheet.actor .powercasting-ability span {
flex: 0 0 32px;
height: 24px;
text-align: center;
}
.sw5e.sheet.actor .powercasting-ability select {
margin: 0 5px;
flex: 0 0 150px;
}
.sw5e.sheet.actor .powercasting-ability h3.power-dc {
flex: 1;
text-align: right;
}
.sw5e.sheet.actor .power-slots,
.sw5e.sheet.actor .power-comps {
flex: 0 0 75px;
padding-right: 5px;
text-align: right;
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 .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 .effects .effect-name {
flex: 2;
align-items: center;
color: #191813;
}
.sw5e.sheet.actor .effects .effect-name h4 {
margin: 0;
}
.sw5e.sheet.actor .effects .effect-icon {
flex: 0 0 30px;
height: 30px;
margin-right: 5px;
border: none;
}
.sw5e.sheet.actor .effects .effect-source,
.sw5e.sheet.actor .effects .effect-duration {
text-align: center;
border-left: 1px solid #c9c7b8;
border-right: 1px solid #c9c7b8;
}
.sw5e.sheet.actor .effects .effect-controls {
flex: 0 0 60px;
text-align: right;
}
.sw5e.sheet.actor .effects .effect {
align-items: center;
border-bottom: 1px solid #c9c7b8;
}
.sw5e.sheet.actor .effects .effect:last-child {
border-bottom: none;
}
.sw5e.sheet.actor .editor {
padding: 0 8px;
}
.sw5e.sheet.item {
min-height: 520px; /*changed*/
min-width: 700px; /*changed*/
/* ----------------------------------------- */
/* 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; /*changed*/
height: 60px;
margin: 0;
padding: 5px;
text-align: right;
color: #7a7971;
}
.sw5e.sheet.item .sheet-header .item-subtitle .item-type {
font-size: 16px; /*changed*/
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; /*changed*/
}
.sw5e.sheet.item .sheet-body {
overflow: hidden;
font-family: "Open Sans";
}
.sw5e.sheet.item .sheet-body h2 { /*changed*/
font-family: "Russo One";
font-size: 18px;
border-bottom: 2px solid #0d99cc;
}
.sw5e.sheet.item .sheet-body h3 { /*changed*/
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 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 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 .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 h4.armorproperties-header { /*changed*/
margin: 0;
padding: 0;
font-weight: bold;
line-height: 24px;
color: #4b4a44;
}
.sw5e.sheet.item .armorproperties-parts { /*changed*/
list-style: none;
margin: 0;
padding: 0;
}
.sw5e.sheet.item .armorproperties-parts .armorproperties-part { /*changed*/
flex: 0 0 100%;
padding: 0;
}
.sw5e.sheet.item .armorproperties-parts .armorproperties-part input { /*changed*/
flex: 3;
}
.sw5e.sheet.item .armorproperties-parts .armorproperties-part select { /*changed*/
margin-left: 5px;
flex: 1;
}
.sw5e.sheet.item .armorproperties-control { /*changed*/
width: 18px;
flex: 0 0 18px;
line-height: 24px;
float: right;
text-align: right;
color: #7a7971;
}
.sw5e.sheet.item h4.weaponproperties-header { /*changed*/
margin: 0;
padding: 0;
font-weight: bold;
line-height: 24px;
color: #4b4a44;
}
.sw5e.sheet.item .weaponproperties-parts { /*changed*/
list-style: none;
margin: 0;
padding: 0;
}
.sw5e.sheet.item .weaponproperties-parts .weaponproperties-part { /*changed*/
flex: 0 0 100%;
padding: 0;
}
.sw5e.sheet.item .weaponproperties-parts .weaponproperties-part input { /*changed*/
flex: 3;
}
.sw5e.sheet.item .weaponproperties-parts .weaponproperties-part select { /*changed*/
margin-left: 5px;
flex: 1;
}
.sw5e.sheet.item .weaponproperties-control { /*changed*/
width: 18px;
flex: 0 0 18px;
line-height: 24px;
float: right;
text-align: right;
color: #7a7971;
}
.sw5e.sheet.item .weapon-properties label.checkbox {
flex: 0 0 110px;
}
.sw5e.sheet.item .armor-properties label.checkbox {
flex: 0 0 110px;
}
.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: "Russo One";
font-size: 10px; /*changed*/
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: 700px; /*changed*/
min-height: 680px; /*changed*/
/* ----------------------------------------- */
/* 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: 16px; /*changed*/
}
.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%;
width: 2em;
}
.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;
}
.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: "Open Sans";
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: "Signika", serif;
border: 1px solid #c9c7b8;
resize: none;
}
/* ----------------------------------------- */
/* Basic Structure */
/* ----------------------------------------- */
.sw5e.sheet.actor.npc {
min-width: 800px; /*changed*/
min-height: 680px; /*changed*/
}
.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 .powercasting-ability label {
flex: none;
}
.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;
}
/* ----------------------------------------- */ /*changed*/
/* 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;
}
/* ---------------------------------------- */ /*changed*/
/* 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;
}
/* Text Input */
input[type="number"] {
width: calc(100% - 2px);
min-width: 20px;
height: 26px;
background: rgba(0, 0, 0, 0.05);
padding: 1px 3px;
margin: 0;
color: #191813;
font-family: inherit;
font-size: inherit;
text-align: inherit;
line-height: inherit;
border: 1px solid #7a7971;
border-radius: 3px;
-webkit-user-select: text;
-moz-user-select: text;
-ms-user-select: text;
user-select: text;
-moz-appearance: textfield;
}
input[type="number"]:focus {
box-shadow: 0 0 5px red;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
-webkit-appearance: none;
}