Various items fixes and enhancements

This commit is contained in:
2024-12-09 16:02:40 +01:00
parent 9775ec9fa1
commit 1de2927d93
51 changed files with 2102 additions and 574 deletions

View File

@ -7,17 +7,17 @@
.character-main {
display: flex;
.character-personnage {
.character-pc {
display: flex;
gap: 10px;
flex: 1;
.character-gauche {
.character-left {
min-width: 180px;
display: flex;
flex-direction: column;
.character-gauche-image {
.character-left-image {
display: flex;
justify-content: center;
align-items: center;
@ -29,13 +29,7 @@
}
}
.character-dv,
.character-dmax {
.form-fields {
flex: none;
}
}
.character-dmax-edit {
.character-hp-edit {
input {
display: flex;
width: 60px;
@ -48,7 +42,7 @@
}
}
.character-droite {
.character-right {
display: flex;
flex-direction: column;
gap: 5px;
@ -68,30 +62,11 @@
label {
min-width: 120px;
}
.character-voie-majeure,
.character-voie-mineure {
display: flex;
input {
width: 280px;
}
.controls {
padding-left: 5px;
}
}
.character-commanditaire {
display: flex;
input {
width: 280px;
}
}
.character-pv {
.character-hp {
display: flex;
gap: 2px;
align-items: center;
.character-pv-value {
.character-hp-value {
.form-fields input {
flex: none;
width: 50px;
@ -99,7 +74,7 @@
font-size: calc(var(--font-size-standard) * 1.4);
}
}
.character-pv-max {
.character-hp-max {
clear: both;
display: flex;
flex-direction: row;
@ -112,7 +87,7 @@
font-size: calc(var(--font-size-standard) * 1.4);
}
}
.pv-separator {
.hp-separator {
font-size: calc(var(--font-size-standard) * 1.2);
display: flex;
align-items: center;
@ -123,21 +98,21 @@
}
}
.character-personnage-play {
.character-pc-play {
min-width: 500px;
}
.character-personnage-edit {
.character-pc-edit {
min-width: 650px;
}
.character-caracteristiques {
.character-characteristics {
display: flex;
flex-direction: column;
gap: 5px;
flex: 1;
.character-caracteristique {
.character-characteristic {
display: flex;
align-items: center;
.rollable:hover,
@ -182,21 +157,21 @@
}
}
.character-caracteristiques-play {
.character-characteristics-play {
min-width: 225px;
}
.character-caracteristiques-edit {
.character-characteristic-edit {
min-width: 400px;
}
.character-ressources {
.character-resources {
display: flex;
flex-direction: column;
gap: 5px;
flex: 1;
.character-ressource {
.character-resource {
display: flex;
align-items: center;
.rollable:hover,
@ -213,7 +188,7 @@
width: 70px;
}
}
.character-ressource-edit {
.character-resource-edit {
display: flex;
align-items: center;
gap: 10px;
@ -239,11 +214,11 @@
}
}
.character-ressources-play {
.character-resources-play {
min-width: 235px;
}
.character-ressources-edit {
.character-resources-edit {
min-width: 400px;
}
}
@ -257,7 +232,7 @@
}
}
.tab.character-items {
.tab.character-skills {
display: grid;
grid-template-columns: 1fr;
legend {
@ -266,11 +241,11 @@
padding-left: 5px;
}
}
.talents {
.skills {
display: grid;
grid-template-columns: repeat(5, 1fr);
gap: 10px;
.talent {
.skill {
display: flex;
align-items: center;
gap: 10px;
@ -280,6 +255,45 @@
}
}
}
.gifts {
display: grid;
grid-template-columns: repeat(5, 1fr);
gap: 10px;
.gift {
display: flex;
align-items: center;
gap: 10px;
.item-img {
width: 50px;
height: 50px;
}
}
}
.vulnerabilities {
display: grid;
grid-template-columns: repeat(5, 1fr);
gap: 10px;
.vulnerability {
display: flex;
align-items: center;
gap: 10px;
.item-img {
width: 50px;
height: 50px;
}
}
}
}
.tab.character-weapons {
display: grid;
grid-template-columns: 1fr;
legend {
a {
font-size: calc(var(--font-size-standard) * 1.4);
padding-left: 5px;
}
}
.weapons {
display: grid;
grid-template-columns: repeat(4, 1fr);
@ -310,6 +324,18 @@
}
}
}
}
.tab.character-spells {
display: grid;
grid-template-columns: 1fr;
legend {
a {
font-size: calc(var(--font-size-standard) * 1.4);
padding-left: 5px;
}
}
.spells {
display: grid;
grid-template-columns: repeat(3, 1fr);

View File

@ -1,24 +1,10 @@
@font-face {
font-family: "Cat Franken";
src: url("../fonts/catfranken-deutsch.ttf") format("truetype");
font-family: "TimesNewRoman";
src: url("../assets/fonts/times-new-roman-regular.ttf") format("truetype");
}
@font-face {
font-family: "Caslon";
src: url("../fonts/caslonpro-regular.otf") format("truetype");
font-family: "BaskervilleBold";
src: url("../fonts/baskerville-bold.ttf") format("truetype");
}
@font-face {
font-family: "Caslon Bold";
src: url("../fonts/caslonpro-bold.otf") format("truetype");
}
@font-face {
font-family: "Caslon Bold Italic";
src: url("../fonts/caslonpro-bolditalic.otf") format("truetype");
}
@font-face {
font-family: "Caslon Italic";
src: url("../fonts/caslonpro-italic.otf") format("truetype");
}

View File

@ -14,6 +14,7 @@
@import "chat.less";
@import "equipment.less";
@import "shield.less";
@import "miracle.less";
}
@import "roll.less";

View File

@ -1,8 +1,9 @@
:root {
--font-primary: "TimesNewRoman", serif;
--font-size-standard: 1.0rem;
--background-image-base: url("../assets/parchment.jpg");
--font-secondary: "Amiri", serif;
--logo-standard: url("../assets/lethal-fantasy-logo.webp");
--background-image-base: url("../assets/ui/lethal_fantasy_background.webp");
--font-secondary: "BaskervilleBold", serif;
--logo-standard: url("../assets/ui/lf_logo_small_02.webp");
}
#logo {

17
styles/miracle.less Normal file
View File

@ -0,0 +1,17 @@
.miracle-content {
.sheet-common();
.item-sheet-common();
.header {
display: flex;
img {
width: 50px;
height: 50px;
}
}
label {
flex: 10%;
}
}