Importers ready
This commit is contained in:
@@ -19,6 +19,7 @@
|
||||
|
||||
.character-left {
|
||||
min-width: 180px;
|
||||
max-width: 180px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
|
||||
@@ -43,6 +44,19 @@
|
||||
margin-left: 2px;
|
||||
margin-right: 4px;
|
||||
}
|
||||
.form-group {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
margin-bottom: 4px;
|
||||
|
||||
label {
|
||||
font-weight: bold;
|
||||
margin-right: 4px;
|
||||
min-width: 4rem;
|
||||
max-width: 4rem;
|
||||
}
|
||||
}
|
||||
.hp-separator {
|
||||
font-size: calc(var(--font-size-standard) * 1.2);
|
||||
display: flex;
|
||||
@@ -76,18 +90,58 @@
|
||||
gap: 5px;
|
||||
|
||||
.character-spec {
|
||||
label {
|
||||
max-width: 6rem;
|
||||
.form-group {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
margin-bottom: 4px;
|
||||
|
||||
label {
|
||||
font-weight: bold;
|
||||
margin-right: 4px;
|
||||
min-width: 4rem;
|
||||
max-width: 4rem;
|
||||
}
|
||||
input {
|
||||
min-width: 20rem;
|
||||
max-width: 20rem;
|
||||
}
|
||||
}
|
||||
.hero-armor {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(2, 1fr);
|
||||
gap: 4px;
|
||||
label {
|
||||
min-width: 6rem;
|
||||
max-width: 6rem;
|
||||
}
|
||||
input {
|
||||
max-width: 3rem;
|
||||
}
|
||||
max-width: 5.2rem;
|
||||
min-width: 5.2rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.encumbrance {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(3, 1fr);
|
||||
gap: 4px;
|
||||
.form-group {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
margin-bottom: 4px;
|
||||
}
|
||||
label {
|
||||
min-width: 4rem;
|
||||
max-width: 4rem;
|
||||
}
|
||||
input {
|
||||
max-width: 3rem;
|
||||
min-width: 3rem;
|
||||
}
|
||||
}
|
||||
|
||||
.character-name {
|
||||
display: flex;
|
||||
input {
|
||||
@@ -190,8 +244,22 @@
|
||||
display: grid;
|
||||
grid-template-columns: repeat(2, 1fr);
|
||||
gap: 8px;
|
||||
label {
|
||||
min-width: 12rem;
|
||||
.form-group {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
margin-bottom: 4px;
|
||||
|
||||
label {
|
||||
font-weight: bold;
|
||||
margin-right: 4px;
|
||||
min-width: 5rem;
|
||||
max-width: 5rem;
|
||||
}
|
||||
input {
|
||||
min-width: 18rem;
|
||||
max-width: 18rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -222,7 +290,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
.tab.character-skills {
|
||||
.tab.character-skills .main-div {
|
||||
background-color: var(--color-light-1);
|
||||
display: grid;
|
||||
grid-template-columns: 1fr;
|
||||
@@ -270,7 +338,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
.tab.character-status {
|
||||
.tab.character-status .main-div {
|
||||
background-color: var(--color-light-1);
|
||||
display: grid;
|
||||
grid-template-columns: 1fr;
|
||||
@@ -402,7 +470,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
.tab.character-talents {
|
||||
.tab.character-talents .main-div {
|
||||
background-color: var(--color-light-1);
|
||||
display: grid;
|
||||
grid-template-columns: 1fr;
|
||||
@@ -520,10 +588,9 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.tab.character-equipment {
|
||||
.tab.character-equipment .main-div {
|
||||
background-color: var(--color-light-1);
|
||||
display: grid;
|
||||
grid-template-columns: 1fr;
|
||||
@@ -582,7 +649,6 @@
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.weapons {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(2, 1fr);
|
||||
@@ -618,7 +684,7 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.armors {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(2, 1fr);
|
||||
|
@@ -19,6 +19,7 @@
|
||||
|
||||
.creature-left {
|
||||
min-width: 180px;
|
||||
max-width: 180px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
|
||||
@@ -37,11 +38,15 @@
|
||||
.creature-hp {
|
||||
gap: 2px;
|
||||
align-items: center;
|
||||
input {
|
||||
flex: none;
|
||||
width: 2.5rem;
|
||||
margin-left: 2px;
|
||||
label {
|
||||
font-weight: bold;
|
||||
margin-right: 4px;
|
||||
min-width: 4rem;
|
||||
max-width: 4rem;
|
||||
}
|
||||
input {
|
||||
max-width: 3rem;
|
||||
min-width: 3rem;
|
||||
}
|
||||
.hp-separator {
|
||||
font-size: calc(var(--font-size-standard) * 1.2);
|
||||
@@ -81,6 +86,7 @@
|
||||
}
|
||||
select {
|
||||
max-width: 10rem;
|
||||
min-width: 10rem;
|
||||
}
|
||||
input {
|
||||
max-width: 6rem;
|
||||
@@ -94,7 +100,7 @@
|
||||
cursor: pointer;
|
||||
}
|
||||
.rollable {
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.creature-name {
|
||||
@@ -231,7 +237,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
.tab.creature-skills {
|
||||
.tab.creature-skills .main-div {
|
||||
background-color: var(--color-light-1);
|
||||
display: grid;
|
||||
grid-template-columns: 1fr;
|
||||
@@ -279,7 +285,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
.tab.creature-status {
|
||||
.tab.creature-status .main-div {
|
||||
background-color: var(--color-light-1);
|
||||
display: grid;
|
||||
grid-template-columns: 1fr;
|
||||
@@ -411,7 +417,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
.tab.creature-traits {
|
||||
.tab.creature-traits .main-div {
|
||||
background-color: var(--color-light-1);
|
||||
display: grid;
|
||||
grid-template-columns: 1fr;
|
||||
@@ -529,10 +535,9 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.tab.creature-equipment {
|
||||
.tab.creature-equipment .main-div {
|
||||
background-color: var(--color-light-1);
|
||||
display: grid;
|
||||
grid-template-columns: 1fr;
|
||||
@@ -591,7 +596,6 @@
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.weapons {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(2, 1fr);
|
||||
@@ -627,7 +631,7 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.armors {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(2, 1fr);
|
||||
|
@@ -2,7 +2,8 @@
|
||||
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-color: var(--color-light-1);
|
||||
/*background-image: var(--background-image-base);*/
|
||||
background-repeat: no-repeat;
|
||||
background-size: 100% 100%;
|
||||
|
||||
@@ -60,6 +61,7 @@
|
||||
font-family: var(--font-secondary);
|
||||
font-size: calc(var(--font-size-standard) * 1);
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.vehicle-sheet-common {
|
||||
@@ -67,13 +69,58 @@
|
||||
font-family: var(--font-secondary);
|
||||
font-size: calc(var(--font-size-standard) * 1);
|
||||
}
|
||||
.form-group {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
margin-bottom: 4px;
|
||||
|
||||
label {
|
||||
font-weight: bold;
|
||||
margin-right: 8px;
|
||||
min-width: 4rem;
|
||||
max-width: 4rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.starship-sheet-common {
|
||||
label {
|
||||
font-family: var(--font-secondary);
|
||||
font-size: calc(var(--font-size-standard) * 1);
|
||||
}
|
||||
.form-group {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
margin-bottom: 4px;
|
||||
|
||||
label {
|
||||
font-weight: bold;
|
||||
margin-right: 8px;
|
||||
min-width: 5rem;
|
||||
max-width: 5rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
.creature-sheet-common {
|
||||
label {
|
||||
font-family: var(--font-secondary);
|
||||
font-size: calc(var(--font-size-standard) * 1);
|
||||
}
|
||||
.form-group {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
margin-bottom: 4px;
|
||||
|
||||
label {
|
||||
font-weight: bold;
|
||||
margin-right: 8px;
|
||||
min-width: 12rem;
|
||||
max-width: 12rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.item-sheet-common {
|
||||
|
@@ -1,6 +1,6 @@
|
||||
.starship-content {
|
||||
.sheet-common();
|
||||
.character-sheet-common();
|
||||
.starship-sheet-common();
|
||||
overflow: scroll;
|
||||
}
|
||||
|
||||
@@ -36,10 +36,10 @@
|
||||
|
||||
.spec {
|
||||
label {
|
||||
max-width: 5rem;
|
||||
max-width: 4rem;
|
||||
}
|
||||
input {
|
||||
max-width: 3rem;
|
||||
max-width: 4rem;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -71,10 +71,17 @@
|
||||
}
|
||||
label {
|
||||
margin-left: 0.2rem;
|
||||
max-width: 10rem;
|
||||
max-width: 7rem;
|
||||
min-width: 7rem;
|
||||
}
|
||||
.flexrow-guns {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
align-self: center;
|
||||
gap: 4px;
|
||||
}
|
||||
input {
|
||||
max-width: 4rem;
|
||||
max-width: 5rem;
|
||||
}
|
||||
select {
|
||||
max-width: 5rem;
|
||||
@@ -83,10 +90,11 @@
|
||||
.cargo {
|
||||
label {
|
||||
margin-left: 0.2rem;
|
||||
max-width: 10rem;
|
||||
min-width: 4rem;
|
||||
max-width: 4rem;
|
||||
}
|
||||
input {
|
||||
max-width: 4rem;
|
||||
max-width: 6rem;
|
||||
}
|
||||
select {
|
||||
max-width: 5rem;
|
||||
|
@@ -53,12 +53,18 @@
|
||||
.cargo,
|
||||
.capacity {
|
||||
label {
|
||||
max-width: 5rem;
|
||||
min-width: 4rem;
|
||||
max-width: 4rem;
|
||||
}
|
||||
input {
|
||||
max-width: 3.5rem;
|
||||
max-width: 6rem;
|
||||
margin-right: 0.5rem;
|
||||
}
|
||||
.cargo-content {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 4px;
|
||||
}
|
||||
}
|
||||
|
||||
.vehicle-infos {
|
||||
@@ -81,7 +87,7 @@
|
||||
margin-left: 4px;
|
||||
font-size: calc(var(--font-size-standard) * 1.4);
|
||||
}
|
||||
}
|
||||
}
|
||||
.vehicle-hp-max {
|
||||
clear: both;
|
||||
display: flex;
|
||||
@@ -116,6 +122,10 @@
|
||||
}
|
||||
|
||||
.vehicle-description {
|
||||
.text-center {
|
||||
text-align: left;
|
||||
align-content: center;
|
||||
}
|
||||
background-color: var(--color-light-1);
|
||||
prose-mirror.inactive {
|
||||
min-height: 40px;
|
||||
@@ -126,8 +136,8 @@
|
||||
.field-label {
|
||||
margin-left: 8px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
.biodata {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(2, 1fr);
|
||||
@@ -140,13 +150,13 @@
|
||||
align-items: center;
|
||||
gap: 4px;
|
||||
min-width: 18rem;
|
||||
max-width: 18rem;
|
||||
max-width: 18rem;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.tab.vehicle-equipment {
|
||||
.tab.vehicle-equipment .main-div {
|
||||
background-color: var(--color-light-1);
|
||||
display: grid;
|
||||
grid-template-columns: 1fr;
|
||||
@@ -190,7 +200,7 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.equipments {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(3, 1fr);
|
||||
|
Reference in New Issue
Block a user