Upgrade item sheets
This commit is contained in:
		| @@ -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); | ||||
| } | ||||
|   | ||||
		Reference in New Issue
	
	Block a user