forked from GitHub-Mirrors/foundry-sw5e
68a1b6a9f0
System main update to be inline with dnd5e 1.1.1 Added active effects to as many sheets as I thought applicable. Please check loot, I made an attempt but it may be broken All .less .css and actor .html updates were made to the old actors. New actors may be broken with this update removed templates\actors\oldActor\parts\actor-effects.html for newer templates\actors\parts\active-effects.html removed module\apps\cast-dialog, templates\apps\cast-cast.html, and templates\items\cast.html. I do not think they are used, I think they were deprecated when powers were treated as items, if not we can add them back in. **NOTE** REQUIRES Foundry 0.7.6
485 lines
No EOL
9.3 KiB
Text
485 lines
No EOL
9.3 KiB
Text
@import "./variables.less";
|
|
|
|
@navHeight: 30px;
|
|
@headerHeight: 100px;
|
|
@detailsHeight: 40px;
|
|
|
|
/* ----------------------------------------- */
|
|
/* All DnD5e Apps */
|
|
/* ----------------------------------------- */
|
|
|
|
.sw5e {
|
|
.window-content {
|
|
background: @sheetBackground;
|
|
font-size: 13px;
|
|
color: @colorDark;
|
|
}
|
|
|
|
/* ----------------------------------------- */
|
|
/* Element Styles */
|
|
/* ----------------------------------------- */
|
|
|
|
// Item Sheet form fields
|
|
input[type="text"],
|
|
input[type="number"],
|
|
select {
|
|
height: calc(100% - 2px);
|
|
border: 1px solid @colorTan;
|
|
background: rgba(0, 0, 0, 0.05);
|
|
color: @colorDark;
|
|
}
|
|
|
|
// Hovered Fields
|
|
input[type="text"],
|
|
input[type="number"] {
|
|
&:hover,
|
|
&:focus {
|
|
border: 1px solid #111;
|
|
box-shadow: 0 0 8px red;
|
|
}
|
|
}
|
|
|
|
// Disabled Fields
|
|
input:disabled,
|
|
select:disabled,
|
|
textarea:disabled {
|
|
color: @colorOlive;
|
|
&:hover,
|
|
&:focus {
|
|
box-shadow: none !important;
|
|
border: 1px solid transparent !important;
|
|
outline: none !important;
|
|
}
|
|
}
|
|
|
|
// Buttons
|
|
button {
|
|
background: rgba(0, 0, 0, 0.10);
|
|
border: @borderGroove;
|
|
}
|
|
|
|
// Checkbox Labels
|
|
// TODO: THIS CAN BE MOSTLY REMOVED NOW THAT IT IS IN CORE, see core forms.less
|
|
label.checkbox {
|
|
flex: auto;
|
|
padding: 0;
|
|
margin: 0;
|
|
height: 22px;
|
|
line-height: 22px;
|
|
font-size: 11px;
|
|
> input[type="checkbox"] {
|
|
width: 16px;
|
|
height: 16px;
|
|
margin: 0 2px 0 0;
|
|
position: relative;
|
|
top: 4px;
|
|
}
|
|
&.right > input[type="checkbox"] {
|
|
margin: 0 0 0 2px;
|
|
}
|
|
}
|
|
|
|
|
|
/* Form Groups */
|
|
.form-group {
|
|
label {
|
|
flex: 2;
|
|
color: @colorOlive;
|
|
font-weight: bold;
|
|
}
|
|
.form-fields {
|
|
.flexrow();
|
|
> * {
|
|
margin: 0 3px 0 0;
|
|
&:last-child { margin-right: 0; }
|
|
}
|
|
}
|
|
}
|
|
|
|
// Stacked Groups
|
|
.form-group.stacked {
|
|
label {
|
|
flex: 0 0 100%;
|
|
margin: 0;
|
|
}
|
|
label.checkbox {
|
|
flex: auto;
|
|
text-align: left;
|
|
}
|
|
}
|
|
|
|
// Form Headers
|
|
.form-header {
|
|
margin: 0 0 0.25em 0;
|
|
padding: 2px 0;
|
|
border-top: @borderGroove;
|
|
border-bottom: @borderGroove;
|
|
.russoOne();
|
|
}
|
|
|
|
/* Tags */
|
|
.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 {
|
|
.window-content {
|
|
overflow-y: hidden;
|
|
padding: 5px;
|
|
background: @sheetBackground;
|
|
font-size: 13px;
|
|
color: @colorDark;
|
|
|
|
form {
|
|
height: 100%;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.tab {
|
|
height: 100%;
|
|
overflow-y: auto;
|
|
align-content: flex-start;
|
|
}
|
|
}
|
|
|
|
/* ----------------------------------------- */
|
|
/* Element Styles */
|
|
/* ----------------------------------------- */
|
|
|
|
// Input Fields
|
|
input[type="text"],
|
|
input[type="number"] {
|
|
background: none;
|
|
border: 1px solid transparent;
|
|
&:hover,
|
|
&:focus {
|
|
border: 1px solid #111;
|
|
}
|
|
}
|
|
|
|
// Select Fields
|
|
select {
|
|
flex: 1;
|
|
font-size: 12px;
|
|
height: 22px;
|
|
background: transparent;
|
|
}
|
|
|
|
// Rollable Links
|
|
.editable .rollable:hover {
|
|
color: #000;
|
|
text-shadow: 0 0 10px red;
|
|
cursor: pointer;
|
|
}
|
|
|
|
// Separators
|
|
span.sep {
|
|
flex: none;
|
|
margin: 0 1px;
|
|
display: inline;
|
|
position: relative;
|
|
color: @colorTan;
|
|
font-weight: normal;
|
|
}
|
|
|
|
/* ----------------------------------------- */
|
|
/* TinyMCE */
|
|
/* ----------------------------------------- */
|
|
|
|
.editor {
|
|
height: 100%;
|
|
.tox-toolbar-overlord,
|
|
.tox-toolbar__primary {
|
|
background: none;
|
|
}
|
|
}
|
|
|
|
/* ----------------------------------------- */
|
|
/* Sheet Header */
|
|
/* ----------------------------------------- */
|
|
|
|
.sheet-header {
|
|
flex: 0 0 @headerHeight;
|
|
border-bottom: @borderGroove;
|
|
|
|
.header-details {
|
|
.russoOne();
|
|
}
|
|
|
|
/* Character Name */
|
|
h1 {
|
|
flex: 1;
|
|
border-bottom: none;
|
|
height: 60px;
|
|
margin: 0;
|
|
padding: 5px;
|
|
|
|
input {
|
|
display: block;
|
|
height: 50px;
|
|
font-size: 32px;
|
|
margin: 0;
|
|
}
|
|
}
|
|
|
|
/* Profile Image */
|
|
img.profile {
|
|
flex: 0 0 @headerHeight;
|
|
max-width: @headerHeight;
|
|
height: @headerHeight;
|
|
object-fit: contain;
|
|
border: none;
|
|
border-right: @borderGroove;
|
|
}
|
|
|
|
/* Header Summary Details */
|
|
.summary {
|
|
flex: 0 0 100%;
|
|
height: @detailsHeight;
|
|
margin: 0;
|
|
padding: 0;
|
|
list-style: none;
|
|
border-top: @borderGroove;
|
|
border-bottom: none;
|
|
|
|
li {
|
|
height: calc(100% - 6px);
|
|
float: left;
|
|
margin: 2px 0;
|
|
padding: 0;
|
|
border-right: @borderGroove;
|
|
line-height: 34px;
|
|
color: @colorOlive;
|
|
|
|
&:last-child {
|
|
border-right: none;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
/* ----------------------------------------- */
|
|
/* Sheet Navigation */
|
|
/* ----------------------------------------- */
|
|
|
|
.sheet-navigation {
|
|
flex: 0 0 @navHeight;
|
|
margin-bottom: 5px;
|
|
.russoOne(14px);
|
|
|
|
.item {
|
|
height: 30px;
|
|
line-height: 32px;
|
|
margin: 0 24px;
|
|
border-bottom: 3px solid @colorBeige;
|
|
|
|
&.active {
|
|
border-bottom: 3px solid @colorCrimson;
|
|
}
|
|
}
|
|
}
|
|
|
|
/* ----------------------------------------- */
|
|
/* Sheet Body */
|
|
/* ----------------------------------------- */
|
|
|
|
.sheet-body {
|
|
flex: 1;
|
|
overflow: hidden;
|
|
}
|
|
|
|
/* ----------------------------------------- */
|
|
/* List Filters */
|
|
/* ----------------------------------------- */
|
|
|
|
.filter-list {
|
|
list-style: none;
|
|
margin: 0;
|
|
padding: 0;
|
|
line-height: 16px;
|
|
max-width: 70%;
|
|
|
|
.filter-icon {
|
|
flex: none;
|
|
font-size: 14px;
|
|
color: @colorTan;
|
|
}
|
|
|
|
.filter-item {
|
|
text-align: center;
|
|
font-size: 12px;
|
|
margin: 0 6px 0 0;
|
|
border-bottom: 3px solid @colorBeige;
|
|
white-space: nowrap;
|
|
|
|
&:last-child {
|
|
margin: 0;
|
|
}
|
|
|
|
&:hover {
|
|
text-shadow: 0 0 4px red;
|
|
border-bottom: 3px solid @colorTan;
|
|
}
|
|
|
|
&.active {
|
|
border-bottom: 3px solid @colorCrimson;
|
|
}
|
|
}
|
|
}
|
|
|
|
/* ----------------------------------------- */
|
|
/* Trait Lists */
|
|
/* ----------------------------------------- */
|
|
|
|
.traits {
|
|
margin: 5px 0 0;
|
|
|
|
.trait-selector {
|
|
flex: 0 0 16px;
|
|
padding: 2px 0;
|
|
color: #999;
|
|
font-size: 10px;
|
|
}
|
|
|
|
.traits-list {
|
|
flex: 0 0 100%;
|
|
line-height: 20px;
|
|
list-style: none;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
}
|
|
|
|
/* ----------------------------------------- */
|
|
/* Items Lists */
|
|
/* ----------------------------------------- */
|
|
|
|
.items-list {
|
|
list-style: none;
|
|
margin: 0;
|
|
padding: 0;
|
|
overflow-y: auto;
|
|
scrollbar-width: thin;
|
|
color: @colorTan;
|
|
|
|
// Child lists
|
|
.item-list {
|
|
list-style: none;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
// Individual Item
|
|
.item {
|
|
align-items: center;
|
|
padding: 0 2px; // to align with the header border
|
|
border-bottom: 1px solid @colorFaint;
|
|
&:last-child { border-bottom: none; }
|
|
|
|
.item-name {
|
|
color: @colorDark;
|
|
.item-image {
|
|
flex: 0 0 30px;
|
|
height: 30px;
|
|
background-size: 30px;
|
|
border: none;
|
|
margin-right: 5px;
|
|
}
|
|
h4 {
|
|
margin: 0;
|
|
white-space: nowrap;
|
|
overflow-x: hidden;
|
|
}
|
|
}
|
|
}
|
|
|
|
// Section Header
|
|
.items-header {
|
|
height: 28px;
|
|
margin: 2px 0;
|
|
padding: 0;
|
|
align-items: center;
|
|
background: rgba(0, 0, 0, 0.05);
|
|
border: @borderGroove;
|
|
font-weight: bold;
|
|
> * {
|
|
font-size: 12px;
|
|
text-align: center;
|
|
}
|
|
.item-name {
|
|
padding-left: 5px;
|
|
.modesto();
|
|
font-size: 16px;
|
|
}
|
|
}
|
|
|
|
// Item Name
|
|
.item-name {
|
|
flex: 2;
|
|
margin: 0;
|
|
overflow: hidden;
|
|
font-size: 13px;
|
|
text-align: left;
|
|
align-items: center;
|
|
}
|
|
|
|
// Control Buttons
|
|
.item-controls {
|
|
flex: 0 0 60px;
|
|
justify-content: space-between;
|
|
a {
|
|
font-size: 12px;
|
|
text-align: center;
|
|
}
|
|
}
|
|
}
|
|
|
|
/* ----------------------------------------- */
|
|
/* Active Effects */
|
|
/* ----------------------------------------- */
|
|
|
|
.effects .item {
|
|
.effect-source,
|
|
.effect-duration,
|
|
.effect-controls {
|
|
text-align: center;
|
|
border-left: 1px solid @colorFaint;
|
|
border-right: 1px solid @colorFaint;
|
|
font-size: 12px;
|
|
}
|
|
.effect-controls {
|
|
border: none;
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
/* ----------------------------------------- */
|
|
/* Trait Selector
|
|
/* ----------------------------------------- */
|
|
|
|
#trait-selector {
|
|
.trait-list {
|
|
list-style: none;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
input[type="text"] {
|
|
height: 24px;
|
|
margin: 2px;
|
|
}
|
|
} |