Upgrade item sheets

This commit is contained in:
2024-12-03 13:51:38 +01:00
parent df8995f8b7
commit 9775ec9fa1
38 changed files with 1095 additions and 506 deletions

View File

@ -1,5 +1,5 @@
:root {
--font-size-standard: 0.8125rem;
--font-size-standard: 1rem;
--background-image-base: url("../assets/parchment.jpg");
--font-secondary: "Amiri", serif;
--logo-standard: url("../assets/lethal-fantasy-logo.webp");
@ -31,7 +31,7 @@ i.lethalfantasy {
}
.application.dialog.lethalfantasy {
font-family: var(--font-primary);
font-size: calc(var(--font-size-standard) * 1.2);
font-size: calc(var(--font-size-standard) * 1);
background-image: var(--background-image-base);
}
.application.dialog.lethalfantasy button:hover {
@ -53,16 +53,28 @@ i.lethalfantasy {
}
.lethalfantasy .character-sheet-common label {
font-family: var(--font-secondary);
font-size: calc(var(--font-size-standard) * 1.4);
font-size: calc(var(--font-size-standard) * 1.2);
}
.lethalfantasy .item-sheet-common .form-fields {
padding-top: 5px;
}
.lethalfantasy .item-sheet-common label {
font-family: var(--font-secondary);
font-size: calc(var(--font-size-standard) * 1.6);
font-size: calc(var(--font-size-standard) * 1);
flex: 50%;
}
.lethalfantasy .item-sheet-common .align-top {
align-self: flex-start;
padding: 0.1rem;
margin-right: 0.2rem;
/*border-color: black;
border-width: 1px;
border-style: solid;
border-radius: 2%;*/
}
.lethalfantasy .item-sheet-common .shift-right {
margin-left: 2rem;
}
.lethalfantasy .character-content {
font-family: var(--font-primary);
font-size: calc(var(--font-size-standard) * 1);
@ -88,32 +100,32 @@ i.lethalfantasy {
height: 50px;
margin-right: 10px;
font-family: var(--font-secondary);
font-size: calc(var(--font-size-standard) * 2);
font-size: calc(var(--font-size-standard) * 1);
font-weight: bold;
border: none;
}
.lethalfantasy .character-content fieldset {
margin-bottom: 10px;
margin-bottom: 5px;
border-radius: 5px;
}
.lethalfantasy .character-content .form-fields input,
.lethalfantasy .character-content .form-fields select {
text-align: center;
font-size: calc(var(--font-size-standard) * 1.4);
font-size: calc(var(--font-size-standard) * 1);
}
.lethalfantasy .character-content .form-fields select {
font-family: var(--font-secondary);
font-size: calc(var(--font-size-standard) * 1.4);
font-size: calc(var(--font-size-standard) * 1);
}
.lethalfantasy .character-content legend {
font-family: var(--font-secondary);
font-size: calc(var(--font-size-standard) * 1.6);
font-size: calc(var(--font-size-standard) * 1.2);
font-weight: bold;
letter-spacing: 1px;
}
.lethalfantasy .character-content label {
font-family: var(--font-secondary);
font-size: calc(var(--font-size-standard) * 1.4);
font-size: calc(var(--font-size-standard) * 1.2);
}
.lethalfantasy .character-main {
display: flex;
@ -433,26 +445,26 @@ i.lethalfantasy {
height: 50px;
margin-right: 10px;
font-family: var(--font-secondary);
font-size: calc(var(--font-size-standard) * 2);
font-size: calc(var(--font-size-standard) * 1);
font-weight: bold;
border: none;
}
.lethalfantasy .opponent-content fieldset {
margin-bottom: 10px;
margin-bottom: 5px;
border-radius: 5px;
}
.lethalfantasy .opponent-content .form-fields input,
.lethalfantasy .opponent-content .form-fields select {
text-align: center;
font-size: calc(var(--font-size-standard) * 1.4);
font-size: calc(var(--font-size-standard) * 1);
}
.lethalfantasy .opponent-content .form-fields select {
font-family: var(--font-secondary);
font-size: calc(var(--font-size-standard) * 1.4);
font-size: calc(var(--font-size-standard) * 1);
}
.lethalfantasy .opponent-content legend {
font-family: var(--font-secondary);
font-size: calc(var(--font-size-standard) * 1.6);
font-size: calc(var(--font-size-standard) * 1.2);
font-weight: bold;
letter-spacing: 1px;
}
@ -547,26 +559,26 @@ i.lethalfantasy {
height: 50px;
margin-right: 10px;
font-family: var(--font-secondary);
font-size: calc(var(--font-size-standard) * 2);
font-size: calc(var(--font-size-standard) * 1);
font-weight: bold;
border: none;
}
.lethalfantasy .skill-content fieldset {
margin-bottom: 10px;
margin-bottom: 5px;
border-radius: 5px;
}
.lethalfantasy .skill-content .form-fields input,
.lethalfantasy .skill-content .form-fields select {
text-align: center;
font-size: calc(var(--font-size-standard) * 1.4);
font-size: calc(var(--font-size-standard) * 1);
}
.lethalfantasy .skill-content .form-fields select {
font-family: var(--font-secondary);
font-size: calc(var(--font-size-standard) * 1.4);
font-size: calc(var(--font-size-standard) * 1);
}
.lethalfantasy .skill-content legend {
font-family: var(--font-secondary);
font-size: calc(var(--font-size-standard) * 1.6);
font-size: calc(var(--font-size-standard) * 1.2);
font-weight: bold;
letter-spacing: 1px;
}
@ -575,9 +587,21 @@ i.lethalfantasy {
}
.lethalfantasy .skill-content label {
font-family: var(--font-secondary);
font-size: calc(var(--font-size-standard) * 1.6);
font-size: calc(var(--font-size-standard) * 1);
flex: 50%;
}
.lethalfantasy .skill-content .align-top {
align-self: flex-start;
padding: 0.1rem;
margin-right: 0.2rem;
/*border-color: black;
border-width: 1px;
border-style: solid;
border-radius: 2%;*/
}
.lethalfantasy .skill-content .shift-right {
margin-left: 2rem;
}
.lethalfantasy .skill-content .header {
display: flex;
}
@ -596,7 +620,7 @@ i.lethalfantasy {
.lethalfantasy .skill-content input[type="checkbox"]:checked::after {
color: rgba(0, 0, 0, 0.1);
}
.lethalfantasy .gifts-content {
.lethalfantasy .gift-content {
font-family: var(--font-primary);
font-size: calc(var(--font-size-standard) * 1);
color: var(--color-dark-1);
@ -604,131 +628,82 @@ i.lethalfantasy {
background-repeat: no-repeat;
background-size: 100% 100%;
}
.lethalfantasy .gifts-content input:disabled,
.lethalfantasy .gifts-content select:disabled {
.lethalfantasy .gift-content input:disabled,
.lethalfantasy .gift-content select:disabled {
background-color: rgba(0, 0, 0, 0.2);
border-color: transparent;
color: var(--color-dark-3);
}
.lethalfantasy .gifts-content input,
.lethalfantasy .gifts-content select {
.lethalfantasy .gift-content input,
.lethalfantasy .gift-content select {
background-color: rgba(0, 0, 0, 0.1);
border-color: var(--color-dark-6);
color: var(--color-dark-2);
}
.lethalfantasy .gifts-content input[name="name"] {
.lethalfantasy .gift-content input[name="name"] {
height: 50px;
margin-right: 10px;
font-family: var(--font-secondary);
font-size: calc(var(--font-size-standard) * 2);
font-size: calc(var(--font-size-standard) * 1);
font-weight: bold;
border: none;
}
.lethalfantasy .gifts-content fieldset {
margin-bottom: 10px;
.lethalfantasy .gift-content fieldset {
margin-bottom: 5px;
border-radius: 5px;
}
.lethalfantasy .gifts-content .form-fields input,
.lethalfantasy .gifts-content .form-fields select {
.lethalfantasy .gift-content .form-fields input,
.lethalfantasy .gift-content .form-fields select {
text-align: center;
font-size: calc(var(--font-size-standard) * 1.4);
font-size: calc(var(--font-size-standard) * 1);
}
.lethalfantasy .gifts-content .form-fields select {
.lethalfantasy .gift-content .form-fields select {
font-family: var(--font-secondary);
font-size: calc(var(--font-size-standard) * 1.4);
font-size: calc(var(--font-size-standard) * 1);
}
.lethalfantasy .gifts-content legend {
.lethalfantasy .gift-content legend {
font-family: var(--font-secondary);
font-size: calc(var(--font-size-standard) * 1.6);
font-size: calc(var(--font-size-standard) * 1.2);
font-weight: bold;
letter-spacing: 1px;
}
.lethalfantasy .gifts-content .form-fields {
.lethalfantasy .gift-content .form-fields {
padding-top: 5px;
}
.lethalfantasy .gifts-content label {
.lethalfantasy .gift-content label {
font-family: var(--font-secondary);
font-size: calc(var(--font-size-standard) * 1.6);
font-size: calc(var(--font-size-standard) * 1);
flex: 50%;
}
.lethalfantasy .gifts-content .path-name {
.lethalfantasy .gift-content .align-top {
align-self: flex-start;
padding: 0.1rem;
margin-right: 0.2rem;
/*border-color: black;
border-width: 1px;
border-style: solid;
border-radius: 2%;*/
}
.lethalfantasy .gift-content .shift-right {
margin-left: 2rem;
}
.lethalfantasy .gift-content .header {
display: flex;
justify-content: space-between;
}
.lethalfantasy .gifts-content .path-name .control {
margin: 5px;
}
.lethalfantasy .gifts-content .path-name img {
.lethalfantasy .gift-content .header img {
width: 50px;
height: 50px;
}
.lethalfantasy .gifts-content .path-main {
display: grid;
grid-template-columns: 2fr 2fr 1fr;
/* Optionnel : supprimer le margin-right sur la dernière colonne si vous avez besoin d'un espacement précis */
.lethalfantasy .gift-content input[type="checkbox"] {
font-size: var(--font-size-14);
width: 20px;
padding-top: 0;
}
.lethalfantasy .gifts-content .path-main .profil {
display: grid;
grid-template-columns: repeat(2, 1fr);
.lethalfantasy .gift-content input[type="checkbox"]:checked {
background-color: rgba(0, 0, 0, 0.1);
}
.lethalfantasy .gifts-content .path-main .profil-gauche,
.lethalfantasy .gifts-content .path-main .profil-droite {
flex: 1;
/* Chaque colonne prend la moitié de l'espace disponible */
padding: 10px;
/* Espacement intérieur */
}
.lethalfantasy .gifts-content .path-main .profil-gauche {
margin-right: 10px;
/* Espace entre les deux colonnes */
}
.lethalfantasy .gifts-content .path-main .profil-droite {
margin-right: 0;
}
.lethalfantasy .gifts-content .path-main .biens prose-mirror {
height: 100%;
}
.lethalfantasy .gifts-content .path-main .langues prose-mirror {
height: 100%;
}
.lethalfantasy .gifts-content .path-main .description {
grid-column: span 3;
}
.lethalfantasy .gifts-content .path-main .description prose-mirror.inactive {
min-height: 40px;
}
.lethalfantasy .gifts-content .path-main .description prose-mirror.active {
min-height: 150px;
}
.lethalfantasy .gifts-content .path-talents {
display: grid;
grid-template-columns: repeat(5, 1fr);
gap: 10px;
}
.lethalfantasy .gifts-content .path-talents .talent {
background-color: #f0f0f0;
padding: 5px;
border-radius: 5px;
}
.lethalfantasy .gifts-content .path-talents .talent .header {
display: flex;
justify-content: space-between;
}
.lethalfantasy .gifts-content .path-talents .talent .header .name {
font-family: var(--font-secondary);
font-size: calc(var(--font-size-standard) * 1.5);
padding-left: 20px;
}
.lethalfantasy .gifts-content .path-talents .talent .header .controls {
font-size: calc(var(--font-size-standard) * 0.8);
}
.lethalfantasy .gifts-content .path-talents .talent .progression {
display: flex;
justify-content: space-between;
padding-top: 10px;
}
.lethalfantasy .gifts-content .path-talents .talent .description {
font-size: calc(var(--font-size-standard) * 1);
.lethalfantasy .gift-content input[type="checkbox"]:checked::after {
color: rgba(0, 0, 0, 0.1);
}
.lethalfantasy .weapon-content {
font-family: var(--font-primary);
@ -754,26 +729,26 @@ i.lethalfantasy {
height: 50px;
margin-right: 10px;
font-family: var(--font-secondary);
font-size: calc(var(--font-size-standard) * 2);
font-size: calc(var(--font-size-standard) * 1);
font-weight: bold;
border: none;
}
.lethalfantasy .weapon-content fieldset {
margin-bottom: 10px;
margin-bottom: 5px;
border-radius: 5px;
}
.lethalfantasy .weapon-content .form-fields input,
.lethalfantasy .weapon-content .form-fields select {
text-align: center;
font-size: calc(var(--font-size-standard) * 1.4);
font-size: calc(var(--font-size-standard) * 1);
}
.lethalfantasy .weapon-content .form-fields select {
font-family: var(--font-secondary);
font-size: calc(var(--font-size-standard) * 1.4);
font-size: calc(var(--font-size-standard) * 1);
}
.lethalfantasy .weapon-content legend {
font-family: var(--font-secondary);
font-size: calc(var(--font-size-standard) * 1.6);
font-size: calc(var(--font-size-standard) * 1.2);
font-weight: bold;
letter-spacing: 1px;
}
@ -782,9 +757,21 @@ i.lethalfantasy {
}
.lethalfantasy .weapon-content label {
font-family: var(--font-secondary);
font-size: calc(var(--font-size-standard) * 1.6);
font-size: calc(var(--font-size-standard) * 1);
flex: 50%;
}
.lethalfantasy .weapon-content .align-top {
align-self: flex-start;
padding: 0.1rem;
margin-right: 0.2rem;
/*border-color: black;
border-width: 1px;
border-style: solid;
border-radius: 2%;*/
}
.lethalfantasy .weapon-content .shift-right {
margin-left: 2rem;
}
.lethalfantasy .weapon-content .header {
display: flex;
}
@ -819,26 +806,26 @@ i.lethalfantasy {
height: 50px;
margin-right: 10px;
font-family: var(--font-secondary);
font-size: calc(var(--font-size-standard) * 2);
font-size: calc(var(--font-size-standard) * 1);
font-weight: bold;
border: none;
}
.lethalfantasy .armor-content fieldset {
margin-bottom: 10px;
margin-bottom: 5px;
border-radius: 5px;
}
.lethalfantasy .armor-content .form-fields input,
.lethalfantasy .armor-content .form-fields select {
text-align: center;
font-size: calc(var(--font-size-standard) * 1.4);
font-size: calc(var(--font-size-standard) * 1);
}
.lethalfantasy .armor-content .form-fields select {
font-family: var(--font-secondary);
font-size: calc(var(--font-size-standard) * 1.4);
font-size: calc(var(--font-size-standard) * 1);
}
.lethalfantasy .armor-content legend {
font-family: var(--font-secondary);
font-size: calc(var(--font-size-standard) * 1.6);
font-size: calc(var(--font-size-standard) * 1.2);
font-weight: bold;
letter-spacing: 1px;
}
@ -847,9 +834,21 @@ i.lethalfantasy {
}
.lethalfantasy .armor-content label {
font-family: var(--font-secondary);
font-size: calc(var(--font-size-standard) * 1.6);
font-size: calc(var(--font-size-standard) * 1);
flex: 50%;
}
.lethalfantasy .armor-content .align-top {
align-self: flex-start;
padding: 0.1rem;
margin-right: 0.2rem;
/*border-color: black;
border-width: 1px;
border-style: solid;
border-radius: 2%;*/
}
.lethalfantasy .armor-content .shift-right {
margin-left: 2rem;
}
.lethalfantasy .armor-content .header {
display: flex;
}
@ -884,26 +883,26 @@ i.lethalfantasy {
height: 50px;
margin-right: 10px;
font-family: var(--font-secondary);
font-size: calc(var(--font-size-standard) * 2);
font-size: calc(var(--font-size-standard) * 1);
font-weight: bold;
border: none;
}
.lethalfantasy .spell-content fieldset {
margin-bottom: 10px;
margin-bottom: 5px;
border-radius: 5px;
}
.lethalfantasy .spell-content .form-fields input,
.lethalfantasy .spell-content .form-fields select {
text-align: center;
font-size: calc(var(--font-size-standard) * 1.4);
font-size: calc(var(--font-size-standard) * 1);
}
.lethalfantasy .spell-content .form-fields select {
font-family: var(--font-secondary);
font-size: calc(var(--font-size-standard) * 1.4);
font-size: calc(var(--font-size-standard) * 1);
}
.lethalfantasy .spell-content legend {
font-family: var(--font-secondary);
font-size: calc(var(--font-size-standard) * 1.6);
font-size: calc(var(--font-size-standard) * 1.2);
font-weight: bold;
letter-spacing: 1px;
}
@ -912,9 +911,21 @@ i.lethalfantasy {
}
.lethalfantasy .spell-content label {
font-family: var(--font-secondary);
font-size: calc(var(--font-size-standard) * 1.6);
font-size: calc(var(--font-size-standard) * 1);
flex: 50%;
}
.lethalfantasy .spell-content .align-top {
align-self: flex-start;
padding: 0.1rem;
margin-right: 0.2rem;
/*border-color: black;
border-width: 1px;
border-style: solid;
border-radius: 2%;*/
}
.lethalfantasy .spell-content .shift-right {
margin-left: 2rem;
}
.lethalfantasy .spell-content .header {
display: flex;
}
@ -925,10 +936,6 @@ i.lethalfantasy {
.lethalfantasy .spell-content label {
flex: 10%;
}
.lethalfantasy .spell-content input[name="system.consequenceA"],
.lethalfantasy .spell-content input[name="system.consequenceB"] {
font-size: calc(var(--font-size-standard) * 1.2);
}
.lethalfantasy .vulnerability-content {
font-family: var(--font-primary);
font-size: calc(var(--font-size-standard) * 1);
@ -953,26 +960,26 @@ i.lethalfantasy {
height: 50px;
margin-right: 10px;
font-family: var(--font-secondary);
font-size: calc(var(--font-size-standard) * 2);
font-size: calc(var(--font-size-standard) * 1);
font-weight: bold;
border: none;
}
.lethalfantasy .vulnerability-content fieldset {
margin-bottom: 10px;
margin-bottom: 5px;
border-radius: 5px;
}
.lethalfantasy .vulnerability-content .form-fields input,
.lethalfantasy .vulnerability-content .form-fields select {
text-align: center;
font-size: calc(var(--font-size-standard) * 1.4);
font-size: calc(var(--font-size-standard) * 1);
}
.lethalfantasy .vulnerability-content .form-fields select {
font-family: var(--font-secondary);
font-size: calc(var(--font-size-standard) * 1.4);
font-size: calc(var(--font-size-standard) * 1);
}
.lethalfantasy .vulnerability-content legend {
font-family: var(--font-secondary);
font-size: calc(var(--font-size-standard) * 1.6);
font-size: calc(var(--font-size-standard) * 1.2);
font-weight: bold;
letter-spacing: 1px;
}
@ -981,9 +988,21 @@ i.lethalfantasy {
}
.lethalfantasy .vulnerability-content label {
font-family: var(--font-secondary);
font-size: calc(var(--font-size-standard) * 1.6);
font-size: calc(var(--font-size-standard) * 1);
flex: 50%;
}
.lethalfantasy .vulnerability-content .align-top {
align-self: flex-start;
padding: 0.1rem;
margin-right: 0.2rem;
/*border-color: black;
border-width: 1px;
border-style: solid;
border-radius: 2%;*/
}
.lethalfantasy .vulnerability-content .shift-right {
margin-left: 2rem;
}
.lethalfantasy .vulnerability-content .header {
display: flex;
}
@ -1026,26 +1045,26 @@ i.lethalfantasy {
height: 50px;
margin-right: 10px;
font-family: var(--font-secondary);
font-size: calc(var(--font-size-standard) * 2);
font-size: calc(var(--font-size-standard) * 1);
font-weight: bold;
border: none;
}
.lethalfantasy .save-content fieldset {
margin-bottom: 10px;
margin-bottom: 5px;
border-radius: 5px;
}
.lethalfantasy .save-content .form-fields input,
.lethalfantasy .save-content .form-fields select {
text-align: center;
font-size: calc(var(--font-size-standard) * 1.4);
font-size: calc(var(--font-size-standard) * 1);
}
.lethalfantasy .save-content .form-fields select {
font-family: var(--font-secondary);
font-size: calc(var(--font-size-standard) * 1.4);
font-size: calc(var(--font-size-standard) * 1);
}
.lethalfantasy .save-content legend {
font-family: var(--font-secondary);
font-size: calc(var(--font-size-standard) * 1.6);
font-size: calc(var(--font-size-standard) * 1.2);
font-weight: bold;
letter-spacing: 1px;
}
@ -1054,9 +1073,21 @@ i.lethalfantasy {
}
.lethalfantasy .save-content label {
font-family: var(--font-secondary);
font-size: calc(var(--font-size-standard) * 1.6);
font-size: calc(var(--font-size-standard) * 1);
flex: 50%;
}
.lethalfantasy .save-content .align-top {
align-self: flex-start;
padding: 0.1rem;
margin-right: 0.2rem;
/*border-color: black;
border-width: 1px;
border-style: solid;
border-radius: 2%;*/
}
.lethalfantasy .save-content .shift-right {
margin-left: 2rem;
}
.lethalfantasy .save-content .header {
display: flex;
}
@ -1105,6 +1136,160 @@ i.lethalfantasy {
font-family: var(--font-secondary);
font-size: calc(var(--font-size-standard) * 1.2);
}
.lethalfantasy .equipment-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%;
}
.lethalfantasy .equipment-content input:disabled,
.lethalfantasy .equipment-content select:disabled {
background-color: rgba(0, 0, 0, 0.2);
border-color: transparent;
color: var(--color-dark-3);
}
.lethalfantasy .equipment-content input,
.lethalfantasy .equipment-content select {
background-color: rgba(0, 0, 0, 0.1);
border-color: var(--color-dark-6);
color: var(--color-dark-2);
}
.lethalfantasy .equipment-content input[name="name"] {
height: 50px;
margin-right: 10px;
font-family: var(--font-secondary);
font-size: calc(var(--font-size-standard) * 1);
font-weight: bold;
border: none;
}
.lethalfantasy .equipment-content fieldset {
margin-bottom: 5px;
border-radius: 5px;
}
.lethalfantasy .equipment-content .form-fields input,
.lethalfantasy .equipment-content .form-fields select {
text-align: center;
font-size: calc(var(--font-size-standard) * 1);
}
.lethalfantasy .equipment-content .form-fields select {
font-family: var(--font-secondary);
font-size: calc(var(--font-size-standard) * 1);
}
.lethalfantasy .equipment-content legend {
font-family: var(--font-secondary);
font-size: calc(var(--font-size-standard) * 1.2);
font-weight: bold;
letter-spacing: 1px;
}
.lethalfantasy .equipment-content .form-fields {
padding-top: 5px;
}
.lethalfantasy .equipment-content label {
font-family: var(--font-secondary);
font-size: calc(var(--font-size-standard) * 1);
flex: 50%;
}
.lethalfantasy .equipment-content .align-top {
align-self: flex-start;
padding: 0.1rem;
margin-right: 0.2rem;
/*border-color: black;
border-width: 1px;
border-style: solid;
border-radius: 2%;*/
}
.lethalfantasy .equipment-content .shift-right {
margin-left: 2rem;
}
.lethalfantasy .equipment-content .header {
display: flex;
}
.lethalfantasy .equipment-content .header img {
width: 50px;
height: 50px;
}
.lethalfantasy .equipment-content label {
flex: 10%;
}
.lethalfantasy .shield-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%;
}
.lethalfantasy .shield-content input:disabled,
.lethalfantasy .shield-content select:disabled {
background-color: rgba(0, 0, 0, 0.2);
border-color: transparent;
color: var(--color-dark-3);
}
.lethalfantasy .shield-content input,
.lethalfantasy .shield-content select {
background-color: rgba(0, 0, 0, 0.1);
border-color: var(--color-dark-6);
color: var(--color-dark-2);
}
.lethalfantasy .shield-content input[name="name"] {
height: 50px;
margin-right: 10px;
font-family: var(--font-secondary);
font-size: calc(var(--font-size-standard) * 1);
font-weight: bold;
border: none;
}
.lethalfantasy .shield-content fieldset {
margin-bottom: 5px;
border-radius: 5px;
}
.lethalfantasy .shield-content .form-fields input,
.lethalfantasy .shield-content .form-fields select {
text-align: center;
font-size: calc(var(--font-size-standard) * 1);
}
.lethalfantasy .shield-content .form-fields select {
font-family: var(--font-secondary);
font-size: calc(var(--font-size-standard) * 1);
}
.lethalfantasy .shield-content legend {
font-family: var(--font-secondary);
font-size: calc(var(--font-size-standard) * 1.2);
font-weight: bold;
letter-spacing: 1px;
}
.lethalfantasy .shield-content .form-fields {
padding-top: 5px;
}
.lethalfantasy .shield-content label {
font-family: var(--font-secondary);
font-size: calc(var(--font-size-standard) * 1);
flex: 50%;
}
.lethalfantasy .shield-content .align-top {
align-self: flex-start;
padding: 0.1rem;
margin-right: 0.2rem;
/*border-color: black;
border-width: 1px;
border-style: solid;
border-radius: 2%;*/
}
.lethalfantasy .shield-content .shift-right {
margin-left: 2rem;
}
.lethalfantasy .shield-content .header {
display: flex;
}
.lethalfantasy .shield-content .header img {
width: 50px;
height: 50px;
}
.lethalfantasy .shield-content label {
flex: 10%;
}
.application.dialog.lethalfantasy {
color: var(--color-dark-1);
}