foundry-sw5e/sw5e-global.css
Jacob Lucas 92bf020cdf General Cleanup
CSS
 - Removed unnecessary units on 0 values
 - Replaced invalid css values (such as line-height default) with valid equivalents
Templates
 - Added missing closing tags
 - Fixed incorrect closing tags
 - Removed unnecessary closing tags
2021-06-04 22:20:48 +01:00

1759 lines
48 KiB
CSS

/* open-sans-regular - latin */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
src: url('./fonts/OpenSans-Regular.ttf');
}
@font-face {
font-family: 'Open Sans';
font-style: italic;
font-weight: 400;
src: url('./fonts/OpenSans-Italic.ttf');
}
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 700;
src: url('./fonts/OpenSans-Bold.ttf');
}
@font-face {
font-family: 'Open Sans';
font-style: italic;
font-weight: 700;
src: url('./fonts/OpenSans-BoldItalic.ttf');
}
/* russo-one-regular - latin */
@font-face {
font-family: 'Russo One';
font-style: normal;
font-weight: 400;
src: url('./fonts/RussoOne.ttf');
}
@font-face {
font-family: 'Russo One';
font-style: italic;
font-weight: 400;
src: url('./fonts/RussoOne.ttf');
}
@font-face {
font-family: 'Russo One';
font-style: normal;
font-weight: 700;
src: url('./fonts/RussoOne.ttf');
}
@font-face {
font-family: 'Aurebesh';
font-style: normal;
font-weight: 400;
src: url('./fonts/Aurebesh.ttf');
}
@font-face {
font-family: 'Engli-Besh';
font-style: normal;
font-weight: 400;
src: url('./fonts/EngliBesh-KG3W.ttf');
}
/* ----------------------------------------- */
/* Fonts */
/* ----------------------------------------- */
/* ----------------------------------------- */
/* Sheet Styles */
/* ----------------------------------------- */
html {
box-sizing: border-box;
}
*,
*:before,
*:after {
box-sizing: inherit;
}
::-webkit-scrollbar-track {
border: 1px solid #0d99cc;
border-radius: 4px;
}
::-webkit-scrollbar-thumb {
outline: none;
border-radius: 4px;
background: #0d99cc;
border: none;
}
:root {
scrollbar-width: thin;
scrollbar-color: #0d99cc #afc6d6;
}
body {
font-family: 'Open Sans';
font-size: 13px;
font-weight: 400;
background-image: url('./ui/SW5e-logo.svg');
background-repeat: no-repeat;
background-size: cover;
}
h1 {
font-family: 'Russo One';
font-size: 34px;
font-weight: 400;
letter-spacing: 0.5px;
}
h2 {
font-family: 'Russo One';
font-size: 27px;
font-weight: 400;
letter-spacing: 0.5px;
}
h3 {
font-family: 'Russo One';
font-size: 21px;
font-weight: 400;
letter-spacing: 0.5px;
}
h4 {
font-family: 'Russo One';
font-size: 17px;
font-weight: 400;
letter-spacing: 0.5px;
}
h5,
h6 {
font-family: 'Russo One';
font-size: 13px;
font-weight: 400;
letter-spacing: 0.5px;
}
a {
text-decoration: none;
}
a:hover,
a:active {
text-shadow: none;
text-decoration: underline;
}
.app {
border: none;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
}
#pause {
background: none;
height: 128px;
}
#pause img {
display: none;
}
#pause::before {
content: '';
position: absolute;
top: 0;
margin-left: -64px;
left: 50%;
width: 128px;
height: 128px;
background: url("ui/pause-inner.svg") no-repeat 50% 50%;
animation-name: pause-spin;
animation-duration: 10000ms;
animation-iteration-count: infinite;
animation-timing-function: linear;
}
#pause::after {
content: '';
position: absolute;
top: 0;
margin-left: -64px;
left: 50%;
width: 128px;
height: 128px;
background: url("ui/pause-outer.svg") no-repeat 50% 50%;
animation-name: pause-spin;
animation-duration: 5000ms;
animation-iteration-count: infinite;
animation-timing-function: linear;
animation-direction: reverse;
}
#pause h3 {
border-bottom: 0;
line-height: 1;
position: absolute;
top: 50%;
left: 50%;
width: 256px;
margin-left: -128px;
margin-top: -13px;
text-shadow: 0 0 24px #0d99cc;
}
#pause h3::before,
#pause h3::after {
position: absolute;
font-family: "Aurebesh", sans-serif;
font-size: 13px;
color: #4f4f4f;
animation: none;
opacity: 0.8;
text-shadow: 0 0 8px #0d99cc;
}
#pause h3::before {
content: "GAME";
top: -13px;
left: 42px;
}
#pause h3::after {
content: "PAUSED";
bottom: -13px;
right: 42px;
}
input[type="text"],
input[type="number"],
input[type="password"],
input[type="date"],
input[type="time"],
select,
textarea,
.roundTransition {
border-radius: 4px;
transition: all 0.3s;
}
input[type="text"]:hover,
input[type="number"]:hover,
input[type="password"]:hover,
input[type="date"]:hover,
input[type="time"]:hover,
select:hover,
textarea:hover,
.roundTransition:hover {
box-shadow: none;
}
input[type="text"]:focus,
input[type="number"]:focus,
input[type="password"]:focus,
input[type="date"]:focus,
input[type="time"]:focus,
select:focus,
textarea:focus,
.roundTransition:focus {
box-shadow: none;
}
input[type=range] {
-webkit-appearance: none;
/* Hides the slider so that custom slider can be made */
width: 100%;
/* Specific width is required for Firefox. */
background: transparent;
/* Otherwise white in Chrome */
}
input[type=range]::-webkit-slider-thumb {
-webkit-appearance: none;
background: #c40f0f;
width: 12px;
height: 12px;
border-radius: 32px;
cursor: pointer;
box-shadow: none;
}
input[type=range]::-moz-range-thumb {
-webkit-appearance: none;
background: #c40f0f;
width: 12px;
height: 12px;
border-radius: 32px;
cursor: pointer;
box-shadow: none;
}
input[type=range]::-ms-thumb {
-webkit-appearance: none;
background: #c40f0f;
width: 12px;
height: 12px;
border-radius: 32px;
cursor: pointer;
box-shadow: none;
}
input[type=range]::-webkit-slider-runnable-track {
width: 100%;
height: 6px;
cursor: pointer;
background: #7ed6f7;
border-radius: 4px;
border: 1px solid #0d99cc;
box-shadow: none;
}
input[type=range]:focus::-webkit-slider-runnable-track {
background: #0d99cc;
}
input[type=range]::-moz-range-track {
width: 100%;
height: 6px;
cursor: pointer;
background: #7ed6f7;
border-radius: 4px;
border: 1px solid #0d99cc;
box-shadow: none;
}
input[type=range]::-ms-track {
width: 100%;
height: 6px;
cursor: pointer;
background: #7ed6f7;
border-radius: 4px;
border: 1px solid #0d99cc;
box-shadow: none;
}
input[type=range]:focus {
outline: none;
/* Removes the blue border. You should probably do some kind of focus styling for accessibility reasons though. */
}
input[type=range]::-ms-track {
width: 100%;
cursor: pointer;
/* Hides the slider so custom styles can be added */
background: transparent;
border-color: transparent;
color: transparent;
}
button,
input[type="button"],
input[type="submit"],
input[type="reset"] {
font-family: 'Open Sans';
font-size: 13px;
font-weight: 700;
text-align: center;
border: none;
border-radius: 4px;
cursor: pointer;
transition: all 0.3s;
}
button:hover,
input[type="button"]:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
button:focus,
input[type="button"]:focus,
input[type="submit"]:focus,
input[type="reset"]:focus {
box-shadow: none;
}
button:disabled,
input[type="button"]:disabled,
input[type="submit"]:disabled,
input[type="reset"]:disabled {
opacity: 0.6;
cursor: default;
}
#sidebar {
border: none;
}
#sidebar.collapsed #sidebar-tabs {
min-height: 370px;
justify-content: center;
}
#sidebar.collapsed #sidebar-tabs > .item.active {
border: none;
}
#sidebar-tabs {
border: none;
box-shadow: none;
justify-content: space-between;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
}
#sidebar-tabs .item {
font-size: 16px;
}
#sidebar-tabs .item.active {
border: none;
box-shadow: none;
background: none;
text-shadow: none;
}
/*-----------
** Chat Tab
-----------*/
#chat-log .chat-message {
border: none;
border-radius: 4px;
margin-bottom: 8px;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
}
#chat-log .chat-message > header {
color: #c40f0f;
border-bottom: 2px solid #0d99cc;
margin-bottom: 4px;
}
#chat-log .chat-message > header span {
color: #1C1C1C;
}
.notification-pip {
color: #0d99cc;
}
.sw5e.chat-card .card-header,
.midi-qol-item-card .card-header {
padding: 0;
border: none;
}
.sw5e.chat-card .card-header img,
.midi-qol-item-card .card-header img {
flex: 0 0 36px;
margin-right: 4px;
}
.sw5e.chat-card .card-header h3,
.midi-qol-item-card .card-header h3 {
flex: 1;
margin: 0;
line-height: 36px;
font-family: 'Russo One';
font-size: 17px;
font-weight: 400;
letter-spacing: 0.5px;
border-bottom: none;
}
.sw5e.chat-card .card-header h3:hover,
.midi-qol-item-card .card-header h3:hover {
text-shadow: none;
}
.sw5e.chat-card .card-content,
.midi-qol-item-card .card-content {
margin: 4px 0;
}
.sw5e.chat-card .card-content h3,
.midi-qol-item-card .card-content h3 {
font-size: 12px;
margin: 0;
font-weight: bold;
}
.sw5e.chat-card .card-content > *,
.midi-qol-item-card .card-content > * {
-webkit-user-select: text;
-moz-user-select: text;
-ms-user-select: text;
user-select: text;
}
.sw5e.chat-card .card-buttons,
.midi-qol-item-card .card-buttons {
margin: 4px 0;
}
.sw5e.chat-card .card-buttons span,
.midi-qol-item-card .card-buttons span {
display: block;
line-height: 28px;
text-align: center;
}
.sw5e.chat-card .card-buttons button,
.midi-qol-item-card .card-buttons button {
font-family: 'Open Sans';
font-size: 13px;
font-weight: 700;
padding: 4px 0;
height: auto;
line-height: 1.6;
margin: 4px 0;
border: none;
border-radius: 4px;
}
.sw5e.chat-card .card-buttons button:hover,
.midi-qol-item-card .card-buttons button:hover,
.sw5e.chat-card .card-buttons button:focus,
.midi-qol-item-card .card-buttons button:focus {
box-shadow: none;
}
.sw5e.chat-card .card-footer,
.midi-qol-item-card .card-footer {
padding: 4px 0 0;
}
.sw5e.chat-card .card-footer span,
.midi-qol-item-card .card-footer span {
padding: 0 4px 0 0;
font-size: 10px;
}
.sw5e.chat-card .card-footer span:last-child,
.midi-qol-item-card .card-footer span:last-child {
border-right: none;
padding-right: 0;
}
.dice-roll .dice-formula {
border: none;
box-shadow: none;
border-radius: 4px;
}
.dice-roll .dice-total {
border-radius: 0;
padding: 4px 0;
}
#chat-controls {
padding-top: 4px;
}
#chat-form textarea:focus {
box-shadow: none;
outline: none;
}
/*-----------
** Combat Tab
-----------*/
#combat h3 {
border: none;
}
#combat #combat-tracker li.combatant {
padding: 4px 0;
background: none;
}
#combat #combat-tracker li.combatant .token-name {
text-shadow: none;
}
#combat #combat-tracker li.combatant .ce-image-wrapper .token-image {
width: auto;
height: auto;
}
#combat #combat-tracker li.combatant h4 {
color: #1C1C1C;
}
#combat #combat-tracker li.combatant .roll {
background: none;
}
#combat #combat-tracker li.combatant .roll::before {
content: "\f6cf";
font-family: "Font Awesome 5 Free";
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
font-weight: 900;
font-size: 28px;
}
#combat #combat-tracker li.combatant .initiative {
text-shadow: none;
}
#combat #combat-tracker li.combatant.hidden {
opacity: 0.5;
}
#combat #combat-controls {
padding-top: 0;
}
/*
** Folders
*/
.sidebar-tab .directory-header {
margin-bottom: 4px;
}
.sidebar-tab .directory-header .header-search {
position: relative;
}
.sidebar-tab .directory-header .header-search i.fa-search {
position: absolute;
left: 8px;
}
.sidebar-tab .directory-header .header-search input {
text-align: left;
padding-left: 22px;
}
.sidebar-tab .directory-header .header-search input:focus {
box-shadow: none;
}
.sidebar-tab .subdirectory {
border: none;
margin-left: 8px;
min-height: 8px;
}
.sidebar-tab .directory-list {
padding-bottom: 4px;
}
.sidebar-tab .directory-list .folder > .folder-header {
line-height: initial;
padding: 0 0 0 8px;
position: relative;
border: none;
}
.sidebar-tab .directory-list .folder > .folder-header h3 {
padding: 8px 4px;
font-family: 'Open Sans';
font-size: 13px;
font-weight: 700;
line-height: 1.6;
}
.sidebar-tab .directory-list .folder > .folder-header h3 > i {
margin-right: 4px;
}
.sidebar-tab .directory-list .folder > .folder-header a {
position: absolute;
top: 0;
right: 4px;
height: 100%;
padding: 0 4px;
}
.sidebar-tab .directory-list .folder > .folder-header a i {
margin-top: 12px;
}
.sidebar-tab .directory-list .folder > .folder-header a.create-folder {
right: 28px;
}
.sidebar-tab .directory-list .directory-item img {
flex: 0 0 32px;
height: 32px;
width: 32px;
align-self: center;
}
.sidebar-tab .directory-list .actor,
.sidebar-tab .directory-list .item,
.sidebar-tab .directory-list .journal,
.sidebar-tab .directory-list .table {
border: none;
}
.sidebar-tab .directory-list .actor .entity-name,
.sidebar-tab .directory-list .item .entity-name,
.sidebar-tab .directory-list .journal .entity-name,
.sidebar-tab .directory-list .table .entity-name {
font-family: 'Open Sans';
font-size: 13px;
font-weight: 700;
}
#scenes .subdirectory {
border-left: none;
}
#scenes .scene {
border: none;
box-shadow: none;
position: relative;
height: 128px;
}
#scenes .scene + .scene {
margin-top: 4px;
}
#scenes .scene::after {
content: '';
display: block;
width: 100%;
height: 99px;
position: absolute;
top: 28px;
left: 0;
}
#scenes .scene h3 {
font-family: 'Open Sans';
font-size: 13px;
font-weight: 700;
text-align: left;
text-shadow: none;
padding: 4px 4px 4px 12px;
line-height: 1.6;
position: absolute;
top: 0;
left: 0;
width: 100%;
}
#playlists .directory-list {
padding: 0 8px;
}
#playlists .directory-list li.playlist {
padding: 8px;
border-radius: 4px;
margin-bottom: 8px;
border-top: inherit;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
}
#playlists .directory-list li.playlist .playlist-header {
text-decoration: none;
}
#playlists .directory-list li.playlist li.sound {
border: none;
}
#playlists .directory-list li.playlist li.sound h4 {
font-family: 'Open Sans';
font-size: 13px;
font-weight: 400;
}
#compendium .compendium-entity {
margin: 0 4px;
padding: 8px;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
border-radius: 4px;
border: none;
}
#compendium .compendium-entity + .compendium-entity {
margin-top: 4px;
}
#compendium .compendium-entity h3 {
background: none;
border: none;
font-family: 'Russo One';
font-size: 17px;
font-weight: 400;
letter-spacing: 0.5px;
padding: 0;
margin-bottom: 4px;
}
#compendium .compendium-entity ol.compendium-list li.compendium-pack {
margin: 0;
padding: 4px;
border: none;
}
#compendium .compendium-entity ol.compendium-list li.compendium-pack .pack-title {
margin: 0;
position: relative;
}
#compendium .compendium-entity ol.compendium-list li.compendium-pack .pack-title a {
font-family: 'Open Sans';
font-size: 13px;
font-weight: 700;
}
#compendium .compendium-entity ol.compendium-list li.compendium-pack .pack-title a i {
display: none;
}
#compendium .compendium-entity ol.compendium-list li.compendium-pack .pack-title .status-icons {
top: 4px;
font-size: 13px;
}
#settings h2 {
border: none;
margin: 0 8px;
padding: 0;
background: none;
}
#settings #game-details,
#settings #settings-game,
#settings #settings-documentation,
#settings #settings-access {
padding: 0 8px;
margin: 0 0 8px;
}
.panel {
padding: 8px;
border-radius: 4px;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
}
.sw5e.sheet.actor.character {
min-width: 880px;
min-height: 720px;
}
.sw5e.sheet .window-content {
font-family: 'Open Sans';
font-size: 12px;
font-weight: 400;
}
.sw5e.sheet .window-content input,
.sw5e.sheet .window-content select {
height: 24px;
line-height: 20px;
padding: 1px 4px;
}
.sw5e.sheet .window-content input:hover,
.sw5e.sheet .window-content select:hover {
box-shadow: none;
}
.sw5e.sheet .window-content input:focus,
.sw5e.sheet .window-content select:focus {
box-shadow: none;
}
.sw5e.sheet .window-content button {
cursor: pointer;
}
.sw5e.sheet .window-content button:hover,
.sw5e.sheet .window-content button:focus {
box-shadow: none;
}
.sw5e.sheet.actor input,
.sw5e.sheet.actor select,
.sw5e.sheet.actor textarea {
border-color: transparent;
background: none;
}
.sw5e.sheet.actor .swalt-sheet {
display: grid;
grid-template-rows: 182px 36px auto;
}
.sw5e.sheet.actor .swalt-sheet section > h1 {
font-family: 'Russo One';
font-size: 17px;
font-weight: 400;
letter-spacing: 0.5px;
text-align: left;
margin-bottom: 4px;
}
.sw5e.sheet.actor .swalt-sheet header {
display: grid;
grid-template-rows: 1fr 26px auto;
grid-template-columns: 128px 1fr;
column-gap: 8px;
grid-row-gap: 8px;
}
.sw5e.sheet.actor .swalt-sheet header img {
grid-column-start: 1;
grid-row-start: 1;
grid-row-end: 4;
box-sizing: border-box;
border: none;
border-radius: 0;
max-width: 100%;
max-height: 100%;
}
.sw5e.sheet.actor .swalt-sheet header h1.character-name {
grid-row: 1;
grid-column: 2;
margin: 0;
border: none;
align-self: center;
font-family: 'Russo One';
font-size: 32px;
font-weight: 400;
letter-spacing: 0.5px;
text-transform: uppercase;
height: auto;
}
.sw5e.sheet.actor .swalt-sheet header h1.character-name input[type="text"] {
font-family: 'Russo One';
font-size: 32px;
font-weight: 400;
letter-spacing: 0.5px;
text-transform: uppercase;
height: auto;
border: none;
background: none;
}
.sw5e.sheet.actor .swalt-sheet header h1.character-name input[type="text"]:focus {
text-transform: none;
}
.sw5e.sheet.actor .swalt-sheet header .level-experience {
grid-row: 1;
grid-column: 3;
}
.sw5e.sheet.actor .swalt-sheet header .level-experience .charlevel {
font-family: 'Russo One';
font-size: 17px;
font-weight: 400;
letter-spacing: 0.5px;
text-align: right;
}
.sw5e.sheet.actor .swalt-sheet header .level-experience .charlevel input {
display: inline-block;
width: 42px;
height: auto;
}
.sw5e.sheet.actor .swalt-sheet header .level-experience .experience {
font-family: 'Russo One';
font-size: 17px;
font-weight: 400;
letter-spacing: 0.5px;
text-align: right;
line-height: 26px;
}
.sw5e.sheet.actor .swalt-sheet header .level-experience .experience input {
display: inline-block;
width: 120px;
text-align: right;
}
.sw5e.sheet.actor .swalt-sheet header .level-experience .xpbar {
height: 8px;
}
.sw5e.sheet.actor .swalt-sheet header .level-experience .xpbar .bar {
display: block;
height: 100%;
}
.sw5e.sheet.actor .swalt-sheet header .summary {
grid-column-start: 2;
grid-row-start: 2;
grid-column-end: 4;
display: grid;
grid-template-rows: 1fr;
grid-template-columns: repeat(4, 1fr);
}
.sw5e.sheet.actor .swalt-sheet header .summary input,
.sw5e.sheet.actor .swalt-sheet header .summary .proficiency {
display: inline;
height: auto;
font-family: 'Russo One';
font-size: 17px;
font-weight: 400;
letter-spacing: 0.5px;
line-height: 24px;
width: 100%;
}
.sw5e.sheet.actor .swalt-sheet header .summary .proficiency {
line-height: 26px;
}
.sw5e.sheet.actor .swalt-sheet header .attributes {
grid-column-start: 2;
grid-row-start: 3;
grid-column-end: 4;
display: grid;
grid-template-columns: repeat(5, 1fr);
column-gap: 12px;
}
.sw5e.sheet.actor .swalt-sheet header .attributes h1 {
text-align: center;
}
.sw5e.sheet.actor .swalt-sheet header .attributes .attribute-value,
.sw5e.sheet.actor .swalt-sheet header .attributes .attribute-value input {
font-family: 'Russo One';
font-size: 22px;
font-weight: 400;
letter-spacing: 0.5px;
text-align: center;
line-height: 1;
}
.sw5e.sheet.actor .swalt-sheet header .attributes .attribute-value.multiple {
display: grid;
grid-template-columns: auto 14px auto;
}
.sw5e.sheet.actor .swalt-sheet header .attributes .attribute-value.multiple input {
width: 100%;
}
.sw5e.sheet.actor .swalt-sheet header .attributes .attribute-value input {
display: inline-block;
}
.sw5e.sheet.actor .swalt-sheet header .attributes .attribute-value .value-number {
display: inline-block;
text-align: right;
padding: 0 3px;
}
.sw5e.sheet.actor .swalt-sheet header .attributes .attribute-value .value-number:last-child {
text-align: left;
}
.sw5e.sheet.actor .swalt-sheet header .attributes .attribute-value span.value-number {
padding: 1px 4px;
}
.sw5e.sheet.actor .swalt-sheet header .attributes .attribute-value .initiative {
padding: 1px 4px;
display: block;
}
.sw5e.sheet.actor .swalt-sheet header .attributes footer button {
background: none;
padding: 1px 3px;
font-size: inherit;
line-height: inherit;
display: inline-block;
width: auto;
}
.sw5e.sheet.actor .swalt-sheet header .attributes footer button:hover {
font-weight: 400;
}
.sw5e.sheet.actor .swalt-sheet header .attributes footer.hit-points,
.sw5e.sheet.actor .swalt-sheet header .attributes footer.hit-dice,
.sw5e.sheet.actor .swalt-sheet header .attributes footer.initiative {
display: grid;
grid-template-columns: 1fr 1fr;
column-gap: 8px;
margin-top: 0;
}
.sw5e.sheet.actor .swalt-sheet header .attributes footer.hit-points input,
.sw5e.sheet.actor .swalt-sheet header .attributes footer.hit-dice input,
.sw5e.sheet.actor .swalt-sheet header .attributes footer.initiative input,
.sw5e.sheet.actor .swalt-sheet header .attributes footer.hit-points button,
.sw5e.sheet.actor .swalt-sheet header .attributes footer.hit-dice button,
.sw5e.sheet.actor .swalt-sheet header .attributes footer.initiative button {
width: 100%;
text-align: center;
}
.sw5e.sheet.actor .swalt-sheet header .attributes footer.hit-points button,
.sw5e.sheet.actor .swalt-sheet header .attributes footer.hit-dice button,
.sw5e.sheet.actor .swalt-sheet header .attributes footer.initiative button {
font-weight: 400;
margin-top: 2px;
}
.sw5e.sheet.actor .swalt-sheet header .attributes footer.hit-points span,
.sw5e.sheet.actor .swalt-sheet header .attributes footer.hit-dice span,
.sw5e.sheet.actor .swalt-sheet header .attributes footer.initiative span {
display: block;
padding: 3px 4px;
}
.sw5e.sheet.actor .swalt-sheet header .attributes footer.speed {
margin-top: 0;
}
.sw5e.sheet.actor .swalt-sheet header .attributes footer.speed input {
text-align: center;
}
.sw5e.sheet.actor .swalt-sheet nav.sheet-navigation {
display: grid;
grid-template-columns: repeat(7, 1fr);
column-gap: 8px;
margin: 4px 0;
}
.sw5e.sheet.actor .swalt-sheet nav.sheet-navigation .item {
background: none;
border: none;
border-bottom: 3px solid transparent;
border-radius: 0;
margin: 0;
padding: 3px 0 0;
line-height: 1;
font-family: 'Russo One';
font-size: 16px;
font-weight: 400;
letter-spacing: 0.5px;
}
.sw5e.sheet.actor .swalt-sheet .editor {
position: static;
min-height: 32px;
padding: 0;
}
.sw5e.sheet.actor .swalt-sheet .editor .editor-edit {
display: block;
font-size: 12px;
background: none;
border: none;
padding: 0;
box-shadow: none;
top: 0;
right: 0;
}
.sw5e.sheet.actor .swalt-sheet .editor .editor-edit:hover {
text-shadow: none;
}
.sw5e.sheet.actor .swalt-sheet .editor .tox.tox-tinymce {
height: 250px !important;
}
.sw5e.sheet.actor .swalt-sheet .tab {
display: none;
}
.sw5e.sheet.actor .swalt-sheet .tab.active {
display: block;
}
.sw5e.sheet.actor .swalt-sheet .tab .filter-list {
list-style: none;
margin: 0;
padding: 0 0 8px;
display: flex;
flex-direction: row;
justify-content: flex-end;
max-width: 100%;
}
.sw5e.sheet.actor .swalt-sheet .tab .filter-list .filter-title {
display: none;
font-weight: bold;
width: 50px;
}
.sw5e.sheet.actor .swalt-sheet .tab .filter-list .filter-item {
width: 100px;
text-align: center;
}
.sw5e.sheet.actor .swalt-sheet .tab .filter-list .filter-item + .filter-item {
margin-left: 12px;
}
.sw5e.sheet.actor .swalt-sheet .tab .filter-list .filter-item:hover {
text-shadow: none;
}
.sw5e.sheet.actor .swalt-sheet .tab .group-list-header {
display: grid;
padding-right: 6px;
}
.sw5e.sheet.actor .swalt-sheet .tab .group-list-title h3 {
font-family: 'Russo One';
font-size: 17px;
font-weight: 400;
letter-spacing: 0.5px;
margin: 4px 0 0;
padding: 0 4px;
display: inline;
border: none;
}
.sw5e.sheet.actor .swalt-sheet .tab .group-list-title .item-create {
font-size: 12px;
}
.sw5e.sheet.actor .swalt-sheet .tab .group-list-title .item-create i {
font-size: 10px;
}
.sw5e.sheet.actor .swalt-sheet .tab .group-list-title .item-create:hover {
text-shadow: none;
}
.sw5e.sheet.actor .swalt-sheet .tab .group-list-header .item-detail,
.sw5e.sheet.actor .swalt-sheet .tab .group-list .item-detail {
text-align: left;
padding: 4px;
}
.sw5e.sheet.actor .swalt-sheet .tab .group-list {
height: 100%;
overflow-y: scroll;
}
.sw5e.sheet.actor .swalt-sheet .tab .group-list > li:first-child {
padding-top: 8px;
}
.sw5e.sheet.actor .swalt-sheet .tab .group-list,
.sw5e.sheet.actor .swalt-sheet .tab .group-list ol {
list-style: none;
margin: 0 0 8px;
padding: 0;
}
.sw5e.sheet.actor .swalt-sheet .tab .group-list .item-uses input,
.sw5e.sheet.actor .swalt-sheet .tab .group-list ol .item-uses input {
display: inline-block;
width: 32px;
margin-right: 0;
text-align: right;
}
.sw5e.sheet.actor .swalt-sheet .tab .group-list .item-uses span,
.sw5e.sheet.actor .swalt-sheet .tab .group-list ol .item-uses span {
padding-left: 8px;
}
.sw5e.sheet.actor .swalt-sheet .tab .group-list .item-uses .slot-max-override,
.sw5e.sheet.actor .swalt-sheet .tab .group-list ol .item-uses .slot-max-override {
margin-left: 5px;
}
.sw5e.sheet.actor .swalt-sheet .tab .group-list .item-uses .slot-max-override:hover,
.sw5e.sheet.actor .swalt-sheet .tab .group-list ol .item-uses .slot-max-override:hover {
text-shadow: none;
}
.sw5e.sheet.actor .swalt-sheet .tab .group-list li.item,
.sw5e.sheet.actor .swalt-sheet .tab .group-list ol li.item {
display: grid;
}
.sw5e.sheet.actor .swalt-sheet .tab .group-list li.item h4,
.sw5e.sheet.actor .swalt-sheet .tab .group-list ol li.item h4 {
font-family: 'Open Sans';
font-size: 13px;
font-weight: 700;
letter-spacing: 0;
}
.sw5e.sheet.actor .swalt-sheet .tab .group-list li.item .item-name,
.sw5e.sheet.actor .swalt-sheet .tab .group-list ol li.item .item-name,
.sw5e.sheet.actor .swalt-sheet .tab .group-list li.item .item-detail,
.sw5e.sheet.actor .swalt-sheet .tab .group-list ol li.item .item-detail {
padding: 4px;
line-height: 30px;
}
.sw5e.sheet.actor .swalt-sheet .tab .group-list li.item .item-name,
.sw5e.sheet.actor .swalt-sheet .tab .group-list ol li.item .item-name {
display: flex;
}
.sw5e.sheet.actor .swalt-sheet .tab .group-list li.item .item-name .item-image,
.sw5e.sheet.actor .swalt-sheet .tab .group-list ol li.item .item-name .item-image {
width: 30px;
height: 30px;
position: relative;
background-size: contain;
}
.sw5e.sheet.actor .swalt-sheet .tab .group-list li.item .item-name .item-image::before,
.sw5e.sheet.actor .swalt-sheet .tab .group-list ol li.item .item-name .item-image::before {
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: "\f6cf";
opacity: 0;
position: absolute;
top: 0;
left: 2px;
font-size: 26px;
}
.sw5e.sheet.actor .swalt-sheet .tab .group-list li.item .item-name h4,
.sw5e.sheet.actor .swalt-sheet .tab .group-list ol li.item .item-name h4 {
line-height: 30px;
display: inline-block;
height: 30px;
padding-left: 8px;
margin: 0;
}
.sw5e.sheet.actor .swalt-sheet .tab .group-list li.item .item-name.rollable:hover,
.sw5e.sheet.actor .swalt-sheet .tab .group-list ol li.item .item-name.rollable:hover {
text-shadow: none;
}
.sw5e.sheet.actor .swalt-sheet .tab .group-list li.item .item-name.rollable:hover .item-image,
.sw5e.sheet.actor .swalt-sheet .tab .group-list ol li.item .item-name.rollable:hover .item-image {
background-image: none !important;
}
.sw5e.sheet.actor .swalt-sheet .tab .group-list li.item .item-name.rollable:hover .item-image::before,
.sw5e.sheet.actor .swalt-sheet .tab .group-list ol li.item .item-name.rollable:hover .item-image::before {
opacity: 1;
}
.sw5e.sheet.actor .swalt-sheet .tab .group-list li.item .item-name.rollable:hover .item-image:hover,
.sw5e.sheet.actor .swalt-sheet .tab .group-list ol li.item .item-name.rollable:hover .item-image:hover {
background-image: none !important;
}
.sw5e.sheet.actor .swalt-sheet .tab .group-list li.item .item-name.rollable:hover .item-image:hover::before,
.sw5e.sheet.actor .swalt-sheet .tab .group-list ol li.item .item-name.rollable:hover .item-image:hover::before {
opacity: 1;
}
.sw5e.sheet.actor .swalt-sheet .tab .group-list li.item .item-summary,
.sw5e.sheet.actor .swalt-sheet .tab .group-list ol li.item .item-summary {
grid-column-start: 1;
grid-column-end: -1;
padding: 4px 4px 4px 38px;
}
.sw5e.sheet.actor .swalt-sheet .tab .group-list li.item .item-controls,
.sw5e.sheet.actor .swalt-sheet .tab .group-list ol li.item .item-controls {
display: flex;
flex-direction: row;
justify-content: space-evenly;
}
.sw5e.sheet.actor .swalt-sheet .tab .group-list li.item .item-control:hover,
.sw5e.sheet.actor .swalt-sheet .tab .group-list ol li.item .item-control:hover {
text-shadow: none;
}
.sw5e.sheet.actor .swalt-sheet .tab .group-grid-inventory {
grid-template-columns: auto 60px 100px 100px 100px;
}
.sw5e.sheet.actor .swalt-sheet .tab .group-grid-inventory.group-list-title .item-controls {
grid-column-start: 5;
}
.sw5e.sheet.actor .swalt-sheet .tab .group-grid-features {
grid-template-columns: auto 100px 100px 100px;
}
.sw5e.sheet.actor .swalt-sheet .tab .group-grid-features.group-list-title {
display: grid;
}
.sw5e.sheet.actor .swalt-sheet .tab .group-grid-features .item-controls {
grid-column-start: 4;
}
.sw5e.sheet.actor .swalt-sheet .tab .group-grid-powers {
grid-template-columns: auto repeat(5, 100px);
}
.sw5e.sheet.actor .swalt-sheet .tab .group-grid-powers.group-list-title {
display: grid;
align-items: end;
}
.sw5e.sheet.actor .swalt-sheet .tab .group-grid-powers.group-list-title .item-detail {
padding: 0 4px;
}
.sw5e.sheet.actor .swalt-sheet .tab .group-grid-fav-items {
grid-template-columns: auto 60px 30px 30px 50px;
}
.sw5e.sheet.actor .swalt-sheet .tab .group-grid-fav-items.group-list-title {
display: grid;
align-items: end;
}
.sw5e.sheet.actor .swalt-sheet .tab .group-grid-fav-items.group-list-title .item-detail {
padding: 0 4px;
}
.sw5e.sheet.actor .swalt-sheet .tab > .panel {
height: 100%;
overflow: hidden;
display: grid;
}
.sw5e.sheet.actor .swalt-sheet .tab.attributes {
grid-template-columns: 350px auto;
grid-template-rows: auto;
column-gap: 16px;
}
.sw5e.sheet.actor .swalt-sheet .tab.attributes.active {
display: grid;
}
.sw5e.sheet.actor .swalt-sheet .tab.attributes .abilities {
display: grid;
grid-template-columns: 128px auto;
grid-template-rows: auto;
column-gap: 12px;
}
.sw5e.sheet.actor .swalt-sheet .tab.attributes .abilities ol {
list-style: none;
margin: 0;
padding: 0;
}
.sw5e.sheet.actor .swalt-sheet .tab.attributes .abilities .scores li {
border-radius: 0;
padding: 4px;
}
.sw5e.sheet.actor .swalt-sheet .tab.attributes .abilities .scores li + li {
border-top: 0 !important;
}
.sw5e.sheet.actor .swalt-sheet .tab.attributes .abilities .scores li:first-child {
border-radius: 4px 4px 0 0;
}
.sw5e.sheet.actor .swalt-sheet .tab.attributes .abilities .scores li:last-child {
border-bottom-width: 1px;
border-radius: 0 0 4px 4px;
}
.sw5e.sheet.actor .swalt-sheet .tab.attributes .abilities .scores li h2 {
font-family: 'Russo One';
font-size: 14px;
font-weight: 400;
letter-spacing: 0.5px;
border: none;
text-align: center;
margin: 0;
}
.sw5e.sheet.actor .swalt-sheet .tab.attributes .abilities .scores li h2:hover {
text-shadow: none;
}
.sw5e.sheet.actor .swalt-sheet .tab.attributes .abilities .scores li .ability-score {
font-family: 'Russo One';
font-size: 22px;
font-weight: 400;
letter-spacing: 0.5px;
text-align: center;
width: 48px;
margin: 0 auto;
height: 24px;
display: block;
}
.sw5e.sheet.actor .swalt-sheet .tab.attributes .abilities .scores li .ability-modifiers {
margin: 0 -4px -4px;
display: grid;
grid-template-columns: 28px auto 28px;
}
.sw5e.sheet.actor .swalt-sheet .tab.attributes .abilities .scores li .ability-modifiers .ability-mod,
.sw5e.sheet.actor .swalt-sheet .tab.attributes .abilities .scores li .ability-modifiers .ability-save {
padding: 2px 4px;
display: block;
font-weight: bold;
font-size: 13px;
text-align: center;
border-style: solid;
}
.sw5e.sheet.actor .swalt-sheet .tab.attributes .abilities .scores li .ability-modifiers .ability-mod {
border-width: 1px 1px 0 0;
border-radius: 0 4px 0 0;
}
.sw5e.sheet.actor .swalt-sheet .tab.attributes .abilities .scores li .ability-modifiers .ability-save {
border-width: 1px 0 0 1px;
border-radius: 4px 0 0 0;
}
.sw5e.sheet.actor .swalt-sheet .tab.attributes .abilities .scores li .ability-modifiers .proficiency-toggle {
border: none;
background: none;
line-height: 1;
}
.sw5e.sheet.actor .swalt-sheet .tab.attributes .abilities .skills li {
display: grid;
grid-template-columns: 28px auto 18px 28px;
align-items: center;
}
.sw5e.sheet.actor .swalt-sheet .tab.attributes .abilities .skills li .proficiency-toggle {
border: none;
background: none;
height: 23px;
line-height: 23px;
padding: 0 4px;
}
.sw5e.sheet.actor .swalt-sheet .tab.attributes .abilities .skills li .skill-name:hover {
text-shadow: none;
}
.sw5e.sheet.actor .swalt-sheet .tab.attributes .abilities .skills li .skill-ability {
text-transform: capitalize;
}
.sw5e.sheet.actor .swalt-sheet .tab.attributes .abilities .skills li .skill-mod {
text-align: right;
padding-right: 4px;
}
.sw5e.sheet.actor .swalt-sheet .tab.attributes .traits-resources {
grid-template-rows: 32px auto;
}
.sw5e.sheet.actor .swalt-sheet .tab.attributes .traits-resources nav {
margin-bottom: 4px;
}
.sw5e.sheet.actor .swalt-sheet .tab.attributes .traits-resources nav button {
display: inline-block;
width: auto;
background: none;
border: none;
border-bottom: 3px solid transparent;
border-radius: 0;
margin: 0;
padding: 0 4px;
line-height: 1.6;
font-family: 'Russo One';
font-size: 14px;
font-weight: 400;
letter-spacing: 0.5px;
}
.sw5e.sheet.actor .swalt-sheet .tab.attributes .traits-resources nav button + button {
margin-left: 8px;
}
.sw5e.sheet.actor .swalt-sheet .tab.attributes .traits-resources section.traits {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 16px;
grid-row-gap: 8px;
}
.sw5e.sheet.actor .swalt-sheet .tab.attributes .traits-resources section.traits input,
.sw5e.sheet.actor .swalt-sheet .tab.attributes .traits-resources section.traits select {
display: block;
width: 100%;
text-align: left;
}
.sw5e.sheet.actor .swalt-sheet .tab.attributes .traits-resources section.traits label {
font-size: 13px;
}
.sw5e.sheet.actor .swalt-sheet .tab.attributes .traits-resources section.traits .trait-selector {
background: none;
border: none;
display: inline;
width: auto;
}
.sw5e.sheet.actor .swalt-sheet .tab.attributes .traits-resources section.traits .trait-selector:hover {
text-shadow: none;
}
.sw5e.sheet.actor .swalt-sheet .tab.attributes .traits-resources section.traits .trait-selector i.fas {
float: none;
}
.sw5e.sheet.actor .swalt-sheet .tab.attributes .traits-resources section.traits .trait-selector i.fas:hover {
text-shadow: none;
}
.sw5e.sheet.actor .swalt-sheet .tab.attributes .traits-resources section.traits .powercasting {
text-transform: capitalize;
}
.sw5e.sheet.actor .swalt-sheet .tab.attributes .traits-resources section.traits .languages {
grid-column-end: span 1;
}
.sw5e.sheet.actor .swalt-sheet .tab.attributes .traits-resources section.traits .languages label:hover {
cursor: pointer;
}
.sw5e.sheet.actor .swalt-sheet .tab.attributes .traits-resources section.traits .traits-list li {
display: inline;
}
.sw5e.sheet.actor .swalt-sheet .tab.attributes .traits-resources section.traits .traits-list li::after {
content: ",";
}
.sw5e.sheet.actor .swalt-sheet .tab.attributes .traits-resources section.traits .traits-list li:last-child::after {
content: "";
}
.sw5e.sheet.actor .swalt-sheet .tab.attributes .traits-resources section.traits ul.passives {
grid-column-end: span 2;
list-style: none;
padding: 0;
margin: 0;
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 4px;
grid-row-gap: 4px;
}
.sw5e.sheet.actor .swalt-sheet .tab.attributes .traits-resources section.traits ul.passives strong {
font-size: 13px;
}
.sw5e.sheet.actor .swalt-sheet .tab.attributes .traits-resources section.resources .resource-items {
display: grid;
grid-template-columns: repeat(3, 1fr);
column-gap: 12px;
}
.sw5e.sheet.actor .swalt-sheet .tab.attributes .traits-resources section.resources .resource-items .resource h1 {
border: none;
margin: 0;
}
.sw5e.sheet.actor .swalt-sheet .tab.attributes .traits-resources section.resources .resource-items .resource h1 input {
font-family: "Russo One";
font-size: 16px;
font-weight: 400;
text-align: center;
margin-bottom: 4px;
border-radius: 0;
}
.sw5e.sheet.actor .swalt-sheet .tab.attributes .traits-resources section.resources .resource-items .resource .attribute-value,
.sw5e.sheet.actor .swalt-sheet .tab.attributes .traits-resources section.resources .resource-items .resource .attribute-value input {
font-family: 'Russo One';
font-size: 22px;
font-weight: 400;
letter-spacing: 0.5px;
text-align: center;
line-height: 1;
}
.sw5e.sheet.actor .swalt-sheet .tab.attributes .traits-resources section.resources .resource-items .resource .attribute-value {
display: grid;
grid-template-columns: auto 14px auto;
}
.sw5e.sheet.actor .swalt-sheet .tab.attributes .traits-resources section.resources .resource-items .resource .attribute-value input {
display: block;
width: 100%;
}
.sw5e.sheet.actor .swalt-sheet .tab.attributes .traits-resources section.resources .resource-items .resource .attribute-value .value-number {
display: block;
width: 100%;
text-align: right;
padding: 0 3px;
}
.sw5e.sheet.actor .swalt-sheet .tab.attributes .traits-resources section.resources .resource-items .resource .attribute-value .value-number:last-child {
text-align: left;
}
.sw5e.sheet.actor .swalt-sheet .tab.attributes .traits-resources section.resources .resource-items .resource .attribute-value span.value-number {
padding: 1px 4px;
}
.sw5e.sheet.actor .swalt-sheet .tab.attributes .traits-resources section.resources .resource-items .resource .attribute-footer {
margin: 0;
display: grid;
grid-template-columns: 1fr 1fr;
}
.sw5e.sheet.actor .swalt-sheet .tab.attributes .traits-resources section.resources .resource-items .resource .attribute-footer label {
text-align: center;
}
.sw5e.sheet.actor .swalt-sheet .tab.attributes .traits-resources section.resources .counters {
border: none;
margin: 16px 0;
display: grid;
grid-template-columns: repeat(3, 1fr);
}
.sw5e.sheet.actor .swalt-sheet .tab.attributes .traits-resources section.resources .counters .counter {
height: auto;
border: none;
text-align: center;
}
.sw5e.sheet.actor .swalt-sheet .tab.attributes .traits-resources section.resources .counters .counter h4 {
font-size: 13px;
margin: 0;
}
.sw5e.sheet.actor .swalt-sheet .tab.attributes .traits-resources section.resources .counters .counter h4.rollable:hover {
text-shadow: none;
}
.sw5e.sheet.actor .swalt-sheet .tab.attributes .traits-resources section.resources .counters .counter .counter-value {
display: inline;
text-align: left;
}
.sw5e.sheet.actor .swalt-sheet .tab.attributes .traits-resources section.resources .counters .counter input[type="text"] {
display: inline-block;
width: 10px;
}
.sw5e.sheet.actor .swalt-sheet .tab.attributes .traits-resources section.resources .counters .counter input[type="checkbox"] {
display: inline-block;
}
.sw5e.sheet.actor .swalt-sheet .tab.attributes .traits-resources section.resources .counters .counter .death-success,
.sw5e.sheet.actor .swalt-sheet .tab.attributes .traits-resources section.resources .counters .counter .death-fail {
display: inline-block;
}
.sw5e.sheet.actor .swalt-sheet .tab.attributes .traits-resources section.resources .counters .counter .death-success {
margin-right: 8px;
}
.sw5e.sheet.actor .swalt-sheet .tab.inventory > .panel {
grid-template-rows: 32px 32px 24px auto;
}
.sw5e.sheet.actor .swalt-sheet .tab.inventory .currency-encumbrance {
display: grid;
grid-template-columns: 200px auto;
margin-bottom: 8px;
align-items: center;
}
.sw5e.sheet.actor .swalt-sheet .tab.inventory .currency {
font-family: 'Russo One';
font-size: 14px;
font-weight: 400;
letter-spacing: 0.5px;
}
.sw5e.sheet.actor .swalt-sheet .tab.inventory .currency input {
display: inline-block;
width: 128px;
font-family: 'Open Sans';
font-size: 13px;
font-weight: 400;
}
.sw5e.sheet.actor .swalt-sheet .tab.inventory .encumbrance-wrapper {
display: grid;
grid-template-columns: 400px 100px;
width: 500px;
justify-self: end;
}
.sw5e.sheet.actor .swalt-sheet .tab.inventory .encumbrance-wrapper .encumbrance-label {
font-size: 12px;
line-height: 14px;
width: 100%;
text-shadow: none;
padding: 0;
margin: 0;
height: auto;
text-align: center;
margin-left: -2px;
border-radius: 0 4px 4px 0;
}
.sw5e.sheet.actor .swalt-sheet .tab.inventory .encumbrance-wrapper .encumbrance {
position: relative;
border-radius: 4px;
height: 16px;
margin: 0;
width: 100%;
}
.sw5e.sheet.actor .swalt-sheet .tab.inventory .encumbrance-wrapper .encumbrance .encumbrance-bar {
position: absolute;
top: 0;
left: 0;
height: 100%;
border-radius: 4px;
border: none;
}
.sw5e.sheet.actor .swalt-sheet .tab.features > .panel {
grid-template-rows: 24px auto;
}
.sw5e.sheet.actor .swalt-sheet .tab.force-powerbook .resource-items,
.sw5e.sheet.actor .swalt-sheet .tab.tech-powerbook .resource-items {
display: grid;
grid-template-columns: repeat(5, 1fr);
column-gap: 24px;
}
.sw5e.sheet.actor .swalt-sheet .tab.force-powerbook .resource-items .resource h1,
.sw5e.sheet.actor .swalt-sheet .tab.tech-powerbook .resource-items .resource h1 {
border: none;
margin: 0;
font-family: "Russo One";
font-size: 14px;
font-weight: 400;
text-align: center;
margin-bottom: 4px;
border-radius: 0;
}
.sw5e.sheet.actor .swalt-sheet .tab.force-powerbook .resource-items .resource .attribute-value,
.sw5e.sheet.actor .swalt-sheet .tab.tech-powerbook .resource-items .resource .attribute-value,
.sw5e.sheet.actor .swalt-sheet .tab.force-powerbook .resource-items .resource .attribute-value input,
.sw5e.sheet.actor .swalt-sheet .tab.tech-powerbook .resource-items .resource .attribute-value input {
font-family: 'Russo One';
font-size: 22px;
font-weight: 400;
letter-spacing: 0.5px;
text-align: center;
line-height: 1;
}
.sw5e.sheet.actor .swalt-sheet .tab.force-powerbook .resource-items .resource .attribute-value,
.sw5e.sheet.actor .swalt-sheet .tab.tech-powerbook .resource-items .resource .attribute-value {
display: grid;
grid-template-columns: auto 14px auto;
}
.sw5e.sheet.actor .swalt-sheet .tab.force-powerbook .resource-items .resource .attribute-value input,
.sw5e.sheet.actor .swalt-sheet .tab.tech-powerbook .resource-items .resource .attribute-value input {
display: block;
width: 100%;
}
.sw5e.sheet.actor .swalt-sheet .tab.force-powerbook .resource-items .resource .attribute-value .value-number,
.sw5e.sheet.actor .swalt-sheet .tab.tech-powerbook .resource-items .resource .attribute-value .value-number {
display: block;
width: 100%;
text-align: right;
padding: 0 3px;
}
.sw5e.sheet.actor .swalt-sheet .tab.force-powerbook .resource-items .resource .attribute-value .value-number:last-child,
.sw5e.sheet.actor .swalt-sheet .tab.tech-powerbook .resource-items .resource .attribute-value .value-number:last-child {
text-align: left;
}
.sw5e.sheet.actor .swalt-sheet .tab.force-powerbook .resource-items .resource .attribute-value span.value-number,
.sw5e.sheet.actor .swalt-sheet .tab.tech-powerbook .resource-items .resource .attribute-value span.value-number {
padding: 1px 4px;
}
.sw5e.sheet.actor .swalt-sheet .tab.force-powerbook .resource-items .resource .attribute-footer,
.sw5e.sheet.actor .swalt-sheet .tab.tech-powerbook .resource-items .resource .attribute-footer {
margin: 0;
display: grid;
grid-template-columns: 1fr 1fr;
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 .swalt-sheet .tab.force-powerbook .resource-items .resource .attribute-footer input,
.sw5e.sheet.actor .swalt-sheet .tab.tech-powerbook .resource-items .resource .attribute-footer input {
text-align: center;
}
.sw5e.sheet.actor .swalt-sheet .tab.force-powerbook > .panel,
.sw5e.sheet.actor .swalt-sheet .tab.tech-powerbook > .panel {
grid-template-rows: 64px 32px 24px auto;
}
.sw5e.sheet.actor .swalt-sheet .tab.force-powerbook h3.power-dc,
.sw5e.sheet.actor .swalt-sheet .tab.tech-powerbook h3.power-dc {
line-height: 24px;
}
.sw5e.sheet.actor .swalt-sheet .tab.force-powerbook .force-powercasting-ability,
.sw5e.sheet.actor .swalt-sheet .tab.tech-powerbook .force-powercasting-ability {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.sw5e.sheet.actor .swalt-sheet .tab.force-powerbook .force-powercasting-ability label,
.sw5e.sheet.actor .swalt-sheet .tab.tech-powerbook .force-powercasting-ability label,
.sw5e.sheet.actor .swalt-sheet .tab.force-powerbook .force-powercasting-ability h3,
.sw5e.sheet.actor .swalt-sheet .tab.tech-powerbook .force-powercasting-ability h3 {
font-family: 'Russo One';
font-size: 13px;
font-weight: 400;
letter-spacing: 0.5px;
border-bottom: none;
}
.sw5e.sheet.actor .swalt-sheet .tab.biography {
grid-template-columns: 1fr 2fr;
grid-template-rows: 100%;
column-gap: 16px;
padding-bottom: 8px;
max-width: 100%;
}
.sw5e.sheet.actor .swalt-sheet .tab.biography.active {
display: grid;
}
.sw5e.sheet.actor .swalt-sheet .tab.biography > .panel {
display: block;
overflow-y: auto;
}
.sw5e.sheet.actor .swalt-sheet .tab.biography section {
position: relative;
}
.sw5e.sheet.actor .swalt-sheet .tab.notes > .panel {
display: block;
overflow-y: auto;
}
.sw5e.sheet.actor .swalt-sheet .tab.notes section {
position: relative;
}
.sw5e.sheet.actor .swalt-sheet .tab.notes section > input {
font-family: 'Russo One';
font-size: 16px;
font-weight: 400;
letter-spacing: 0.5px;
text-align: left;
margin-bottom: 4px;
}
.sw5e.sheet.actor .swalt-sheet .tab.notes section .editor .editor-edit {
top: 3px;
}
.sw5e.sheet.actor .swalt-sheet.limited {
grid-template-rows: 144px auto;
grid-row-gap: 8px;
}
.sw5e.sheet.actor .swalt-sheet.limited header {
grid-template-rows: 1fr;
}
.sw5e.sheet.actor .swalt-sheet.limited .tab.biography {
grid-template-columns: 100%;
}
.sw5e.sheet.actor.npc .swalt-sheet header h1.character-name {
align-self: auto;
}
.sw5e.sheet.actor.npc .swalt-sheet header .npc-size,
.sw5e.sheet.actor.npc .swalt-sheet header .creature-type {
font-family: 'Russo One';
font-size: 18px;
font-weight: 400;
letter-spacing: 0.5px;
line-height: 28px;
}
.sw5e.sheet.actor.npc .swalt-sheet header div.creature-type {
display: flex;
justify-content: space-between;
padding: 1px 4px;
border: 1px solid transparent;
overflow-x: auto;
}
.sw5e.sheet.actor.npc .swalt-sheet header div.creature-type span {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.sw5e.sheet.actor.npc .swalt-sheet header div.creature-type .config-button {
display: none;
font-size: 12px;
font-weight: normal;
line-height: 2em;
}
.sw5e.sheet.actor.npc .swalt-sheet header div.creature-type:hover .config-button {
display: block;
}
.sw5e.sheet.actor.npc .swalt-sheet header .attributes {
grid-template-columns: repeat(3, 1fr);
}
.sw5e.sheet.actor.npc .swalt-sheet header .attributes footer.proficiency {
margin-top: 0;
line-height: 24px;
text-align: center;
}
.sw5e.sheet.actor.npc .swalt-sheet header .attributes footer.hit-points {
display: block;
}
.sw5e.sheet.actor.npc .swalt-sheet nav.sheet-navigation {
grid-template-columns: repeat(6, 1fr);
}
.sw5e.sheet.actor.npc .swalt-sheet .tab.attributes .traits-resources {
display: block;
}
.sw5e.sheet.actor.npc .swalt-sheet .tab.attributes .traits-resources .counter {
display: flex;
}
.sw5e.sheet.actor.npc .swalt-sheet .tab.attributes .traits-resources .counter .counter-value {
margin-left: auto;
}
.sw5e.sheet.actor.npc .swalt-sheet .tab.force-powerbook input.powercasting-level,
.sw5e.sheet.actor.npc .swalt-sheet .tab.tech-powerbook input.powercasting-level {
width: 48px;
}
.sw5e.sheet.actor.npc .swalt-sheet .tab.biography.active {
display: block;
}
@keyframes pause-spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}