Add vehicle type

This commit is contained in:
2025-01-08 17:26:57 +01:00
parent fa7d3ecfca
commit ce1844a070
29 changed files with 859 additions and 43 deletions

View File

@ -178,6 +178,10 @@ i.fvtt-cthulhu-eternal {
font-family: var(--font-secondary);
font-size: calc(var(--font-size-standard) * 1);
}
.fvtt-cthulhu-eternal .vehicle-sheet-common label {
font-family: var(--font-secondary);
font-size: calc(var(--font-size-standard) * 1);
}
.fvtt-cthulhu-eternal .item-sheet-common .form-fields {
padding-top: 4px;
}
@ -776,6 +780,253 @@ i.fvtt-cthulhu-eternal {
.fvtt-cthulhu-eternal .tab.protagonist-equipment prose-mirror.active {
min-height: 150px;
}
.fvtt-cthulhu-eternal .vehicle-content {
font-family: var(--font-primary);
font-size: calc(var(--font-size-standard) * 1);
color: var(--color-dark-1);
background-image: var(--background-image-base);
background-repeat: no-repeat;
background-size: 100% 100%;
overflow: scroll;
}
.fvtt-cthulhu-eternal .vehicle-content input:disabled,
.fvtt-cthulhu-eternal .vehicle-content select:disabled {
background-color: rgba(0, 0, 0, 0.2);
border-color: transparent;
color: var(--color-dark-3);
}
.fvtt-cthulhu-eternal .vehicle-content input,
.fvtt-cthulhu-eternal .vehicle-content select {
background-color: rgba(0, 0, 0, 0.1);
border-color: var(--color-dark-6);
color: var(--color-dark-2);
}
.fvtt-cthulhu-eternal .vehicle-content input[name="name"] {
height: 40px;
margin-right: 10px;
font-family: var(--font-secondary);
font-size: calc(var(--font-size-standard) * 1);
font-weight: bold;
border: none;
}
.fvtt-cthulhu-eternal .vehicle-content fieldset {
margin-bottom: 4px;
border-radius: 4px;
}
.fvtt-cthulhu-eternal .vehicle-content .form-fields input,
.fvtt-cthulhu-eternal .vehicle-content .form-fields select {
text-align: center;
font-size: calc(var(--font-size-standard) * 1);
}
.fvtt-cthulhu-eternal .vehicle-content .form-fields select {
font-family: var(--font-secondary);
font-size: calc(var(--font-size-standard) * 1);
}
.fvtt-cthulhu-eternal .vehicle-content legend {
font-family: var(--font-secondary);
font-size: calc(var(--font-size-standard) * 1.2);
font-weight: bold;
letter-spacing: 1px;
}
.fvtt-cthulhu-eternal .vehicle-content label {
font-family: var(--font-secondary);
font-size: calc(var(--font-size-standard) * 1);
}
.fvtt-cthulhu-eternal .sheet-tabs {
background-color: var(--color-light-1);
}
.fvtt-cthulhu-eternal .vehicle-main {
background-color: var(--color-light-1);
display: flex;
}
.fvtt-cthulhu-eternal .vehicle-main .vehicle-pc {
display: flex;
gap: 4px;
flex: 1;
}
.fvtt-cthulhu-eternal .vehicle-main .vehicle-pc .vehicle-left {
min-width: 180px;
display: flex;
flex-direction: column;
}
.fvtt-cthulhu-eternal .vehicle-main .vehicle-pc .vehicle-left .vehicle-left-image {
display: flex;
justify-content: center;
align-items: center;
padding-bottom: 8px;
}
.fvtt-cthulhu-eternal .vehicle-main .vehicle-pc .vehicle-left .vehicle-left-image .vehicle-img {
height: 140px;
width: auto;
border: none;
}
.fvtt-cthulhu-eternal .vehicle-main .vehicle-pc .vehicle-right {
display: flex;
flex-direction: column;
gap: 5px;
}
.fvtt-cthulhu-eternal .vehicle-main .vehicle-pc .vehicle-right .vehicle-name {
display: flex;
}
.fvtt-cthulhu-eternal .vehicle-main .vehicle-pc .vehicle-right .vehicle-name input {
font-family: var(--font-title);
font-size: calc(var(--font-size-standard) * 1.4);
width: 400px;
}
.fvtt-cthulhu-eternal .vehicle-main .vehicle-pc .vehicle-right .vehicle-infos {
display: flex;
flex-direction: column;
gap: 4px;
}
.fvtt-cthulhu-eternal .vehicle-main .vehicle-pc .vehicle-right .vehicle-infos label {
min-width: 120px;
}
.fvtt-cthulhu-eternal .vehicle-main .vehicle-pc .vehicle-right .vehicle-infos .vehicle-hp {
display: flex;
gap: 2px;
align-items: center;
}
.fvtt-cthulhu-eternal .vehicle-main .vehicle-pc .vehicle-right .vehicle-infos .vehicle-hp .vehicle-hp-value .form-fields input {
flex: none;
width: 50px;
margin-left: 4px;
font-size: calc(var(--font-size-standard) * 1.4);
}
.fvtt-cthulhu-eternal .vehicle-main .vehicle-pc .vehicle-right .vehicle-infos .vehicle-hp .vehicle-hp-max {
clear: both;
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin: 3px 0;
align-items: center;
}
.fvtt-cthulhu-eternal .vehicle-main .vehicle-pc .vehicle-right .vehicle-infos .vehicle-hp .vehicle-hp-max input {
width: 50px;
text-align: center;
font-size: calc(var(--font-size-standard) * 1.4);
}
.fvtt-cthulhu-eternal .vehicle-main .vehicle-pc .vehicle-right .vehicle-infos .vehicle-hp .hp-separator {
font-size: calc(var(--font-size-standard) * 1.2);
display: flex;
align-items: center;
justify-content: center;
}
.fvtt-cthulhu-eternal .vehicle-main .vehicle-pc-play {
min-width: 500px;
}
.fvtt-cthulhu-eternal .vehicle-main .vehicle-pc-edit {
min-width: 650px;
}
.fvtt-cthulhu-eternal .vehicle-biography {
background-color: var(--color-light-1);
}
.fvtt-cthulhu-eternal .vehicle-biography prose-mirror.inactive {
min-height: 40px;
}
.fvtt-cthulhu-eternal .vehicle-biography prose-mirror.active {
min-height: 150px;
}
.fvtt-cthulhu-eternal .vehicle-biography .field-label {
margin-left: 8px;
}
.fvtt-cthulhu-eternal .vehicle-biography .biodata {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 8px;
}
.fvtt-cthulhu-eternal .vehicle-biography .biodata label {
min-width: 3rem;
}
.fvtt-cthulhu-eternal .vehicle-biography .biodata .feature {
display: flex;
align-items: center;
gap: 4px;
min-width: 18rem;
max-width: 18rem;
}
.fvtt-cthulhu-eternal .tab.vehicle-equipment {
background-color: var(--color-light-1);
display: grid;
grid-template-columns: 1fr;
}
.fvtt-cthulhu-eternal .tab.vehicle-equipment legend a {
font-size: calc(var(--font-size-standard) * 1.4);
padding-left: 5px;
}
.fvtt-cthulhu-eternal .tab.vehicle-equipment .weapons {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 4px;
}
.fvtt-cthulhu-eternal .tab.vehicle-equipment .weapons .weapon {
display: flex;
align-items: center;
gap: 4px;
min-width: 13rem;
max-width: 13srem;
}
.fvtt-cthulhu-eternal .tab.vehicle-equipment .weapons .weapon .rollable:hover,
.fvtt-cthulhu-eternal .tab.vehicle-equipment .weapons .weapon .rollable:focus {
text-shadow: 0 0 8px var(--color-shadow-primary);
cursor: pointer;
}
.fvtt-cthulhu-eternal .tab.vehicle-equipment .weapons .weapon .controls {
min-width: 2rem;
max-width: 2rem;
}
.fvtt-cthulhu-eternal .tab.vehicle-equipment .weapons .weapon .damage {
min-width: 5rem;
max-width: 5rem;
}
.fvtt-cthulhu-eternal .tab.vehicle-equipment .weapons .weapon .name {
min-width: 8rem;
max-width: 8rem;
}
.fvtt-cthulhu-eternal .tab.vehicle-equipment .weapons .weapon .item-img {
width: 32px;
height: 32px;
margin: 4px 0 0 0;
}
.fvtt-cthulhu-eternal .tab.vehicle-equipment .gears {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 4px;
}
.fvtt-cthulhu-eternal .tab.vehicle-equipment .gears .gear {
display: flex;
align-items: center;
gap: 4px;
min-width: 13rem;
max-width: 13srem;
}
.fvtt-cthulhu-eternal .tab.vehicle-equipment .gears .gear .rollable:hover,
.fvtt-cthulhu-eternal .tab.vehicle-equipment .gears .gear .rollable:focus {
text-shadow: 0 0 8px var(--color-shadow-primary);
cursor: pointer;
}
.fvtt-cthulhu-eternal .tab.vehicle-equipment .gears .gear .controls {
min-width: 2rem;
max-width: 2rem;
}
.fvtt-cthulhu-eternal .tab.vehicle-equipment .gears .gear .damage {
min-width: 5rem;
max-width: 5rem;
}
.fvtt-cthulhu-eternal .tab.vehicle-equipment .gears .gear .name {
min-width: 8rem;
max-width: 8rem;
}
.fvtt-cthulhu-eternal .tab.vehicle-equipment .gears .gear .item-img {
width: 32px;
height: 32px;
margin: 4px 0 0 0;
}
.fvtt-cthulhu-eternal .tab.vehicle-equipment prose-mirror.inactive {
min-height: 40px;
}
.fvtt-cthulhu-eternal .tab.vehicle-equipment prose-mirror.active {
min-height: 150px;
}
.fvtt-cthulhu-eternal .skill-content {
font-family: var(--font-primary);
font-size: calc(var(--font-size-standard) * 1);