Start combat management

This commit is contained in:
2025-01-12 15:46:36 +01:00
parent 8135a50248
commit 4e70cbfaf8
41 changed files with 896 additions and 543 deletions

View File

@ -8,7 +8,7 @@
}
:root {
--font-primary: "TimesNewRoman", serif;
--font-size-standard: 0.9rem;
--font-size-standard: 0.8rem;
--background-image-base: url("../assets/ui/lethal_fantasy_background.webp");
--font-secondary: "BaskervilleBold", serif;
--logo-standard: url("../assets/ui/lf_logo_small_02.webp");
@ -65,7 +65,7 @@ i.lethalfantasy {
font-size: calc(var(--font-size-standard) * 1.2);
}
.lethalfantasy .item-sheet-common .form-fields {
padding-top: 5px;
padding-top: 4px;
}
.lethalfantasy .item-sheet-common label {
font-family: var(--font-secondary);
@ -101,21 +101,22 @@ i.lethalfantasy {
}
.lethalfantasy .character-content input,
.lethalfantasy .character-content select {
height: 1.5rem;
background-color: rgba(0, 0, 0, 0.1);
border-color: var(--color-dark-6);
color: var(--color-dark-2);
}
.lethalfantasy .character-content input[name="name"] {
height: 50px;
margin-right: 10px;
height: 2.5rem;
margin-right: 4px;
font-family: var(--font-secondary);
font-size: calc(var(--font-size-standard) * 1);
font-size: calc(var(--font-size-standard) * 1.2);
font-weight: bold;
border: none;
}
.lethalfantasy .character-content fieldset {
margin-bottom: 5px;
border-radius: 5px;
margin-bottom: 4px;
border-radius: 4px;
}
.lethalfantasy .character-content .form-fields input,
.lethalfantasy .character-content .form-fields select {
@ -145,7 +146,8 @@ i.lethalfantasy {
flex: 1;
}
.lethalfantasy .character-main .character-pc .character-left {
min-width: 180px;
min-width: 220px;
max-width: 220px;
display: flex;
flex-direction: column;
}
@ -153,53 +155,27 @@ i.lethalfantasy {
display: flex;
justify-content: center;
align-items: center;
padding-bottom: 20px;
padding-bottom: 8px;
}
.lethalfantasy .character-main .character-pc .character-left .character-left-image .character-img {
height: 140px;
width: 140px;
width: auto;
border: none;
}
.lethalfantasy .character-main .character-pc .character-left .character-hp-edit input {
display: flex;
width: 60px;
font-size: calc(var(--font-size-standard) * 1.4);
align-items: center;
justify-content: center;
padding: 0 5px 0 5px;
text-align: center;
}
.lethalfantasy .character-main .character-pc .character-right {
display: flex;
flex-direction: column;
gap: 5px;
}
.lethalfantasy .character-main .character-pc .character-right .character-name {
display: flex;
}
.lethalfantasy .character-main .character-pc .character-right .character-name input {
width: 400px;
}
.lethalfantasy .character-main .character-pc .character-right .character-infos {
display: flex;
flex-direction: column;
gap: 10px;
}
.lethalfantasy .character-main .character-pc .character-right .character-infos label {
min-width: 120px;
}
.lethalfantasy .character-main .character-pc .character-right .character-infos .character-hp {
.lethalfantasy .character-main .character-pc .character-left .character-hp {
display: flex;
gap: 2px;
align-items: center;
}
.lethalfantasy .character-main .character-pc .character-right .character-infos .character-hp .character-hp-value .form-fields input {
.lethalfantasy .character-main .character-pc .character-left .character-hp .character-hp-value .form-fields input {
flex: none;
width: 50px;
min-width: 3rem;
max-width: 3rem;
margin-left: 10px;
font-size: calc(var(--font-size-standard) * 1.4);
}
.lethalfantasy .character-main .character-pc .character-right .character-infos .character-hp .character-hp-max {
.lethalfantasy .character-main .character-pc .character-left .character-hp .character-hp-max {
clear: both;
display: flex;
flex-direction: row;
@ -207,27 +183,32 @@ i.lethalfantasy {
margin: 3px 0;
align-items: center;
}
.lethalfantasy .character-main .character-pc .character-right .character-infos .character-hp .character-hp-max input {
.lethalfantasy .character-main .character-pc .character-left .character-hp .character-hp-max input {
width: 50px;
text-align: center;
font-size: calc(var(--font-size-standard) * 1.4);
}
.lethalfantasy .character-main .character-pc .character-right .character-infos .character-hp .hp-separator {
font-size: calc(var(--font-size-standard) * 1.2);
.lethalfantasy .character-main .character-pc .character-right {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
gap: 4px;
}
.lethalfantasy .character-main .character-pc .character-right .character-name {
display: flex;
}
.lethalfantasy .character-main .character-pc .character-right .character-name input {
width: 400px;
}
.lethalfantasy .character-main .character-pc-play {
min-width: 500px;
min-width: 400px;
}
.lethalfantasy .character-main .character-pc-edit {
min-width: 650px;
min-width: 400px;
}
.lethalfantasy .character-main .character-characteristics {
display: flex;
flex-direction: column;
gap: 5px;
gap: 4px;
flex: 1;
}
.lethalfantasy .character-main .character-characteristics .character-characteristic {
@ -241,22 +222,22 @@ i.lethalfantasy {
}
.lethalfantasy .character-main .character-characteristics .character-characteristic .form-group {
flex: 1;
padding-left: 5px;
padding-left: 4px;
}
.lethalfantasy .character-main .character-characteristics .character-characteristic .form-group .form-fields {
flex: none;
width: 70px;
width: 3rem;
}
.lethalfantasy .character-main .character-challenges {
display: flex;
flex-direction: column;
gap: 5px;
gap: 4px;
flex: 1;
}
.lethalfantasy .character-main .character-challenges .character-challenge {
display: flex;
align-items: center;
margin-right: 1rem;
margin-right: 0.5rem;
}
.lethalfantasy .character-main .character-challenges .character-challenge .rollable:hover,
.lethalfantasy .character-main .character-challenges .character-challenge .rollable:focus {
@ -270,7 +251,7 @@ i.lethalfantasy {
}
.lethalfantasy .character-main .character-challenges .character-challenge .form-group {
flex: 1;
padding-left: 5px;
padding-left: 4px;
}
.lethalfantasy .character-main .character-challenges .character-challenge .form-group .form-fields {
flex: none;
@ -279,13 +260,13 @@ i.lethalfantasy {
.lethalfantasy .character-main .character-movements {
display: flex;
flex-direction: column;
gap: 5px;
gap: 4px;
flex: 1;
}
.lethalfantasy .character-main .character-movements .character-movement {
display: flex;
align-items: center;
margin-right: 1rem;
margin-right: 0.5rem;
}
.lethalfantasy .character-main .character-movements .character-movement .rollable:hover,
.lethalfantasy .character-main .character-movements .character-movement .rollable:focus {
@ -299,7 +280,7 @@ i.lethalfantasy {
}
.lethalfantasy .character-main .character-movements .character-movement .form-group {
flex: 1;
padding-left: 5px;
padding-left: 4px;
}
.lethalfantasy .character-main .character-movements .character-movement .form-group .form-fields {
flex: none;
@ -308,13 +289,13 @@ i.lethalfantasy {
.lethalfantasy .character-main .character-saves {
display: flex;
flex-direction: column;
gap: 5px;
gap: 4px;
flex: 1;
}
.lethalfantasy .character-main .character-saves .character-save {
display: flex;
align-items: center;
margin-right: 0.2rem;
margin-right: 0.5rem;
}
.lethalfantasy .character-main .character-saves .character-save .rollable:hover,
.lethalfantasy .character-main .character-saves .character-save .rollable:focus {
@ -325,17 +306,17 @@ i.lethalfantasy {
flex: 0;
min-width: 5rem;
max-width: 5rem;
margin-left: 0.7rem;
margin-left: 0.5rem;
}
.lethalfantasy .character-main .character-saves .character-save .name-pain {
flex: 0;
min-width: 3rem;
max-width: 3rem;
margin-left: 0.7rem;
margin-left: 0.5rem;
}
.lethalfantasy .character-main .character-saves .character-save .form-group {
flex: 0;
padding-left: 5px;
padding-left: 4px;
}
.lethalfantasy .character-main .character-saves .character-save .form-group .form-fields {
flex: none;
@ -347,72 +328,20 @@ i.lethalfantasy {
.lethalfantasy .character-main .character-characteristic-edit {
min-width: 400px;
}
.lethalfantasy .character-main .character-resources {
display: flex;
flex-direction: column;
gap: 5px;
flex: 1;
}
.lethalfantasy .character-main .character-resources .character-resource {
display: flex;
align-items: center;
}
.lethalfantasy .character-main .character-resources .character-resource .rollable:hover,
.lethalfantasy .character-main .character-resources .character-resource .rollable:focus {
text-shadow: 0 0 8px var(--color-shadow-primary);
cursor: pointer;
}
.lethalfantasy .character-main .character-resources .character-resource .form-group {
flex: 1;
padding-left: 5px;
}
.lethalfantasy .character-main .character-resources .character-resource .form-group .form-fields {
flex: none;
width: 70px;
}
.lethalfantasy .character-main .character-resources .character-resource .character-resource-edit {
display: flex;
align-items: center;
gap: 10px;
margin-left: 10px;
}
.lethalfantasy .character-main .character-resources .character-resource .character-resource-edit input {
display: flex;
width: 70px;
font-size: calc(var(--font-size-standard) * 1.4);
align-items: center;
justify-content: center;
padding: 0 5px 0 5px;
}
.lethalfantasy .character-main .character-resources .character-resource .character-resource-edit input[type="number"] {
text-align: center;
}
.lethalfantasy .character-main .character-resources .character-resource .character-resource-edit select {
font-family: var(--font-secondary);
font-size: calc(var(--font-size-standard) * 1.5);
text-align: center;
width: 75px;
}
.lethalfantasy .character-main .character-resources-play {
min-width: 235px;
}
.lethalfantasy .character-main .character-resources-edit {
min-width: 400px;
}
.lethalfantasy .tab.character-biography .biodata {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 10px;
gap: 4px;
}
.lethalfantasy .tab.character-biography .biodata .biodata-elem {
display: flex;
align-items: center;
gap: 10px;
gap: 4px;
}
.lethalfantasy .tab.character-biography .biodata .biodata-elem .item-img {
width: 32px;
height: 32px;
margin: 5px 0 0 0;
width: 24px;
height: 24px;
margin: 4px 0 0 0;
}
.lethalfantasy .tab.character-biography .biodata .biodata-elem .name {
min-width: 8rem;
@ -429,21 +358,21 @@ i.lethalfantasy {
}
.lethalfantasy .tab.character-skills legend a {
font-size: calc(var(--font-size-standard) * 1);
padding-left: 5px;
padding-left: 4px;
}
.lethalfantasy .tab.character-skills .skills {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 10px;
gap: 4px;
}
.lethalfantasy .tab.character-skills .skills .skill {
display: flex;
align-items: center;
gap: 10px;
gap: 4px;
}
.lethalfantasy .tab.character-skills .skills .skill .item-img {
width: 32px;
height: 32px;
width: 24px;
height: 24px;
}
.lethalfantasy .tab.character-skills .skills .skill .name {
min-width: 12rem;
@ -451,16 +380,16 @@ i.lethalfantasy {
.lethalfantasy .tab.character-skills .gifts {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 10px;
gap: 4px;
}
.lethalfantasy .tab.character-skills .gifts .gift {
display: flex;
align-items: center;
gap: 10px;
gap: 4px;
}
.lethalfantasy .tab.character-skills .gifts .gift .item-img {
width: 32px;
height: 32px;
width: 24px;
height: 24px;
}
.lethalfantasy .tab.character-skills .gifts .gift .name {
min-width: 12rem;
@ -468,16 +397,16 @@ i.lethalfantasy {
.lethalfantasy .tab.character-skills .vulnerabilities {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 10px;
gap: 4px;
}
.lethalfantasy .tab.character-skills .vulnerabilities .vulnerability {
display: flex;
align-items: center;
gap: 10px;
gap: 4px;
}
.lethalfantasy .tab.character-skills .vulnerabilities .vulnerability .item-img {
width: 32px;
height: 32px;
width: 24px;
height: 24px;
}
.lethalfantasy .tab.character-skills .vulnerabilities .vulnerability .name {
min-width: 12rem;
@ -488,27 +417,27 @@ i.lethalfantasy {
}
.lethalfantasy .tab.character-equipment legend a {
font-size: calc(var(--font-size-standard) * 1.4);
padding-left: 5px;
padding-left: 4px;
}
.lethalfantasy .tab.character-equipment .moneys {
display: grid;
grid-template-columns: repeat(5, 1fr);
gap: 10px;
gap: 4px;
}
.lethalfantasy .tab.character-equipment .equipments {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 10px;
gap: 4px;
}
.lethalfantasy .tab.character-equipment .equipments .equipment {
display: flex;
align-items: center;
gap: 10px;
gap: 4px;
}
.lethalfantasy .tab.character-equipment .equipments .equipment .item-img {
width: 32px;
height: 32px;
margin: 5px 0 0 0;
width: 24px;
height: 24px;
margin: 4px 0 0 0;
}
.lethalfantasy .tab.character-equipment .equipments .equipment .name {
min-width: 12rem;
@ -522,17 +451,20 @@ i.lethalfantasy {
}
.lethalfantasy .tab.character-combat legend a {
font-size: calc(var(--font-size-standard) * 1.4);
padding-left: 5px;
padding-left: 4px;
}
.lethalfantasy .tab.character-combat .combat-details {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 10px;
gap: 4px;
}
.lethalfantasy .tab.character-combat .combat-details .combat-detail {
display: flex;
align-items: center;
gap: 10px;
gap: 4px;
}
.lethalfantasy .tab.character-combat .combat-details .combat-detail button {
min-width: 10rem;
}
.lethalfantasy .tab.character-combat .combat-details .combat-detail .armor-hp {
min-width: 20rem;
@ -545,12 +477,12 @@ i.lethalfantasy {
.lethalfantasy .tab.character-combat .wounds {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 10px;
gap: 4px;
}
.lethalfantasy .tab.character-combat .wounds .wound {
display: flex;
align-items: center;
gap: 10px;
gap: 4px;
}
.lethalfantasy .tab.character-combat .wounds .wound .wound-description {
min-width: 16rem;
@ -565,9 +497,9 @@ i.lethalfantasy {
max-width: 3rem;
}
.lethalfantasy .tab.character-combat .wounds .wound .item-img {
width: 32px;
height: 32px;
margin: 5px 0 0 0;
width: 24px;
height: 24px;
margin: 4px 0 0 0;
}
.lethalfantasy .tab.character-combat .wounds .wound .name {
min-width: 12rem;
@ -575,17 +507,17 @@ i.lethalfantasy {
.lethalfantasy .tab.character-combat .weapons {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 10px;
gap: 4px;
}
.lethalfantasy .tab.character-combat .weapons .weapon {
display: flex;
align-items: center;
gap: 10px;
gap: 4px;
}
.lethalfantasy .tab.character-combat .weapons .weapon .item-img {
width: 32px;
height: 32px;
margin: 5px 0 0 0;
width: 24px;
height: 24px;
margin: 4px 0 0 0;
}
.lethalfantasy .tab.character-combat .weapons .weapon .name {
min-width: 12rem;
@ -597,17 +529,17 @@ i.lethalfantasy {
.lethalfantasy .tab.character-combat .armors {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 10px;
gap: 4px;
}
.lethalfantasy .tab.character-combat .armors .armor {
display: flex;
align-items: center;
gap: 10px;
gap: 4px;
}
.lethalfantasy .tab.character-combat .armors .armor .item-img {
width: 32px;
height: 32px;
margin: 5px 0 0 0;
width: 24px;
height: 24px;
margin: 4px 0 0 0;
}
.lethalfantasy .tab.character-combat .armors .name {
min-width: 12rem;
@ -618,21 +550,21 @@ i.lethalfantasy {
}
.lethalfantasy .tab.character-spells legend a {
font-size: calc(var(--font-size-standard) * 1.4);
padding-left: 5px;
padding-left: 4px;
}
.lethalfantasy .tab.character-spells .spells {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 10px;
gap: 4px;
}
.lethalfantasy .tab.character-spells .spells .spell {
display: flex;
align-items: center;
gap: 10px;
gap: 4px;
}
.lethalfantasy .tab.character-spells .spells .spell .item-img {
width: 32px;
height: 32px;
width: 24px;
height: 24px;
}
.lethalfantasy .tab.character-spells .spells .spell .name {
min-width: 12rem;
@ -649,21 +581,21 @@ i.lethalfantasy {
}
.lethalfantasy .tab.character-miracles legend a {
font-size: calc(var(--font-size-standard) * 1.4);
padding-left: 5px;
padding-left: 4px;
}
.lethalfantasy .tab.character-miracles .miracles {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 10px;
gap: 4px;
}
.lethalfantasy .tab.character-miracles .miracles .miracle {
display: flex;
align-items: center;
gap: 10px;
gap: 4px;
}
.lethalfantasy .tab.character-miracles .miracles .miracle .item-img {
width: 32px;
height: 32px;
width: 24px;
height: 24px;
}
.lethalfantasy .tab.character-miracles .miracles .miracle .name {
min-width: 12rem;
@ -691,21 +623,22 @@ i.lethalfantasy {
}
.lethalfantasy .opponent-content input,
.lethalfantasy .opponent-content select {
height: 1.5rem;
background-color: rgba(0, 0, 0, 0.1);
border-color: var(--color-dark-6);
color: var(--color-dark-2);
}
.lethalfantasy .opponent-content input[name="name"] {
height: 50px;
margin-right: 10px;
height: 2.5rem;
margin-right: 4px;
font-family: var(--font-secondary);
font-size: calc(var(--font-size-standard) * 1);
font-size: calc(var(--font-size-standard) * 1.2);
font-weight: bold;
border: none;
}
.lethalfantasy .opponent-content fieldset {
margin-bottom: 5px;
border-radius: 5px;
margin-bottom: 4px;
border-radius: 4px;
}
.lethalfantasy .opponent-content .form-fields input,
.lethalfantasy .opponent-content .form-fields select {
@ -805,21 +738,22 @@ i.lethalfantasy {
}
.lethalfantasy .skill-content input,
.lethalfantasy .skill-content select {
height: 1.5rem;
background-color: rgba(0, 0, 0, 0.1);
border-color: var(--color-dark-6);
color: var(--color-dark-2);
}
.lethalfantasy .skill-content input[name="name"] {
height: 50px;
margin-right: 10px;
height: 2.5rem;
margin-right: 4px;
font-family: var(--font-secondary);
font-size: calc(var(--font-size-standard) * 1);
font-size: calc(var(--font-size-standard) * 1.2);
font-weight: bold;
border: none;
}
.lethalfantasy .skill-content fieldset {
margin-bottom: 5px;
border-radius: 5px;
margin-bottom: 4px;
border-radius: 4px;
}
.lethalfantasy .skill-content .form-fields input,
.lethalfantasy .skill-content .form-fields select {
@ -837,7 +771,7 @@ i.lethalfantasy {
letter-spacing: 1px;
}
.lethalfantasy .skill-content .form-fields {
padding-top: 5px;
padding-top: 4px;
}
.lethalfantasy .skill-content label {
font-family: var(--font-secondary);
@ -890,21 +824,22 @@ i.lethalfantasy {
}
.lethalfantasy .gift-content input,
.lethalfantasy .gift-content select {
height: 1.5rem;
background-color: rgba(0, 0, 0, 0.1);
border-color: var(--color-dark-6);
color: var(--color-dark-2);
}
.lethalfantasy .gift-content input[name="name"] {
height: 50px;
margin-right: 10px;
height: 2.5rem;
margin-right: 4px;
font-family: var(--font-secondary);
font-size: calc(var(--font-size-standard) * 1);
font-size: calc(var(--font-size-standard) * 1.2);
font-weight: bold;
border: none;
}
.lethalfantasy .gift-content fieldset {
margin-bottom: 5px;
border-radius: 5px;
margin-bottom: 4px;
border-radius: 4px;
}
.lethalfantasy .gift-content .form-fields input,
.lethalfantasy .gift-content .form-fields select {
@ -922,7 +857,7 @@ i.lethalfantasy {
letter-spacing: 1px;
}
.lethalfantasy .gift-content .form-fields {
padding-top: 5px;
padding-top: 4px;
}
.lethalfantasy .gift-content label {
font-family: var(--font-secondary);
@ -975,21 +910,22 @@ i.lethalfantasy {
}
.lethalfantasy .weapon-content input,
.lethalfantasy .weapon-content select {
height: 1.5rem;
background-color: rgba(0, 0, 0, 0.1);
border-color: var(--color-dark-6);
color: var(--color-dark-2);
}
.lethalfantasy .weapon-content input[name="name"] {
height: 50px;
margin-right: 10px;
height: 2.5rem;
margin-right: 4px;
font-family: var(--font-secondary);
font-size: calc(var(--font-size-standard) * 1);
font-size: calc(var(--font-size-standard) * 1.2);
font-weight: bold;
border: none;
}
.lethalfantasy .weapon-content fieldset {
margin-bottom: 5px;
border-radius: 5px;
margin-bottom: 4px;
border-radius: 4px;
}
.lethalfantasy .weapon-content .form-fields input,
.lethalfantasy .weapon-content .form-fields select {
@ -1007,7 +943,7 @@ i.lethalfantasy {
letter-spacing: 1px;
}
.lethalfantasy .weapon-content .form-fields {
padding-top: 5px;
padding-top: 4px;
}
.lethalfantasy .weapon-content label {
font-family: var(--font-secondary);
@ -1052,21 +988,22 @@ i.lethalfantasy {
}
.lethalfantasy .armor-content input,
.lethalfantasy .armor-content select {
height: 1.5rem;
background-color: rgba(0, 0, 0, 0.1);
border-color: var(--color-dark-6);
color: var(--color-dark-2);
}
.lethalfantasy .armor-content input[name="name"] {
height: 50px;
margin-right: 10px;
height: 2.5rem;
margin-right: 4px;
font-family: var(--font-secondary);
font-size: calc(var(--font-size-standard) * 1);
font-size: calc(var(--font-size-standard) * 1.2);
font-weight: bold;
border: none;
}
.lethalfantasy .armor-content fieldset {
margin-bottom: 5px;
border-radius: 5px;
margin-bottom: 4px;
border-radius: 4px;
}
.lethalfantasy .armor-content .form-fields input,
.lethalfantasy .armor-content .form-fields select {
@ -1084,7 +1021,7 @@ i.lethalfantasy {
letter-spacing: 1px;
}
.lethalfantasy .armor-content .form-fields {
padding-top: 5px;
padding-top: 4px;
}
.lethalfantasy .armor-content label {
font-family: var(--font-secondary);
@ -1129,21 +1066,22 @@ i.lethalfantasy {
}
.lethalfantasy .spell-content input,
.lethalfantasy .spell-content select {
height: 1.5rem;
background-color: rgba(0, 0, 0, 0.1);
border-color: var(--color-dark-6);
color: var(--color-dark-2);
}
.lethalfantasy .spell-content input[name="name"] {
height: 50px;
margin-right: 10px;
height: 2.5rem;
margin-right: 4px;
font-family: var(--font-secondary);
font-size: calc(var(--font-size-standard) * 1);
font-size: calc(var(--font-size-standard) * 1.2);
font-weight: bold;
border: none;
}
.lethalfantasy .spell-content fieldset {
margin-bottom: 5px;
border-radius: 5px;
margin-bottom: 4px;
border-radius: 4px;
}
.lethalfantasy .spell-content .form-fields input,
.lethalfantasy .spell-content .form-fields select {
@ -1161,7 +1099,7 @@ i.lethalfantasy {
letter-spacing: 1px;
}
.lethalfantasy .spell-content .form-fields {
padding-top: 5px;
padding-top: 4px;
}
.lethalfantasy .spell-content label {
font-family: var(--font-secondary);
@ -1206,21 +1144,22 @@ i.lethalfantasy {
}
.lethalfantasy .vulnerability-content input,
.lethalfantasy .vulnerability-content select {
height: 1.5rem;
background-color: rgba(0, 0, 0, 0.1);
border-color: var(--color-dark-6);
color: var(--color-dark-2);
}
.lethalfantasy .vulnerability-content input[name="name"] {
height: 50px;
margin-right: 10px;
height: 2.5rem;
margin-right: 4px;
font-family: var(--font-secondary);
font-size: calc(var(--font-size-standard) * 1);
font-size: calc(var(--font-size-standard) * 1.2);
font-weight: bold;
border: none;
}
.lethalfantasy .vulnerability-content fieldset {
margin-bottom: 5px;
border-radius: 5px;
margin-bottom: 4px;
border-radius: 4px;
}
.lethalfantasy .vulnerability-content .form-fields input,
.lethalfantasy .vulnerability-content .form-fields select {
@ -1238,7 +1177,7 @@ i.lethalfantasy {
letter-spacing: 1px;
}
.lethalfantasy .vulnerability-content .form-fields {
padding-top: 5px;
padding-top: 4px;
}
.lethalfantasy .vulnerability-content label {
font-family: var(--font-secondary);
@ -1329,21 +1268,22 @@ i.lethalfantasy {
}
.lethalfantasy .equipment-content input,
.lethalfantasy .equipment-content select {
height: 1.5rem;
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;
height: 2.5rem;
margin-right: 4px;
font-family: var(--font-secondary);
font-size: calc(var(--font-size-standard) * 1);
font-size: calc(var(--font-size-standard) * 1.2);
font-weight: bold;
border: none;
}
.lethalfantasy .equipment-content fieldset {
margin-bottom: 5px;
border-radius: 5px;
margin-bottom: 4px;
border-radius: 4px;
}
.lethalfantasy .equipment-content .form-fields input,
.lethalfantasy .equipment-content .form-fields select {
@ -1361,7 +1301,7 @@ i.lethalfantasy {
letter-spacing: 1px;
}
.lethalfantasy .equipment-content .form-fields {
padding-top: 5px;
padding-top: 4px;
}
.lethalfantasy .equipment-content label {
font-family: var(--font-secondary);
@ -1406,21 +1346,22 @@ i.lethalfantasy {
}
.lethalfantasy .shield-content input,
.lethalfantasy .shield-content select {
height: 1.5rem;
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;
height: 2.5rem;
margin-right: 4px;
font-family: var(--font-secondary);
font-size: calc(var(--font-size-standard) * 1);
font-size: calc(var(--font-size-standard) * 1.2);
font-weight: bold;
border: none;
}
.lethalfantasy .shield-content fieldset {
margin-bottom: 5px;
border-radius: 5px;
margin-bottom: 4px;
border-radius: 4px;
}
.lethalfantasy .shield-content .form-fields input,
.lethalfantasy .shield-content .form-fields select {
@ -1438,7 +1379,7 @@ i.lethalfantasy {
letter-spacing: 1px;
}
.lethalfantasy .shield-content .form-fields {
padding-top: 5px;
padding-top: 4px;
}
.lethalfantasy .shield-content label {
font-family: var(--font-secondary);
@ -1483,21 +1424,22 @@ i.lethalfantasy {
}
.lethalfantasy .miracle-content input,
.lethalfantasy .miracle-content select {
height: 1.5rem;
background-color: rgba(0, 0, 0, 0.1);
border-color: var(--color-dark-6);
color: var(--color-dark-2);
}
.lethalfantasy .miracle-content input[name="name"] {
height: 50px;
margin-right: 10px;
height: 2.5rem;
margin-right: 4px;
font-family: var(--font-secondary);
font-size: calc(var(--font-size-standard) * 1);
font-size: calc(var(--font-size-standard) * 1.2);
font-weight: bold;
border: none;
}
.lethalfantasy .miracle-content fieldset {
margin-bottom: 5px;
border-radius: 5px;
margin-bottom: 4px;
border-radius: 4px;
}
.lethalfantasy .miracle-content .form-fields input,
.lethalfantasy .miracle-content .form-fields select {
@ -1515,7 +1457,7 @@ i.lethalfantasy {
letter-spacing: 1px;
}
.lethalfantasy .miracle-content .form-fields {
padding-top: 5px;
padding-top: 4px;
}
.lethalfantasy .miracle-content label {
font-family: var(--font-secondary);