Various items fixes and enhancements
This commit is contained in:
@ -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);
|
||||
|
@ -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");
|
||||
}
|
||||
|
@ -14,6 +14,7 @@
|
||||
@import "chat.less";
|
||||
@import "equipment.less";
|
||||
@import "shield.less";
|
||||
@import "miracle.less";
|
||||
}
|
||||
|
||||
@import "roll.less";
|
||||
|
@ -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
17
styles/miracle.less
Normal file
@ -0,0 +1,17 @@
|
||||
.miracle-content {
|
||||
.sheet-common();
|
||||
.item-sheet-common();
|
||||
|
||||
.header {
|
||||
display: flex;
|
||||
img {
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
}
|
||||
}
|
||||
|
||||
label {
|
||||
flex: 10%;
|
||||
}
|
||||
|
||||
}
|
Reference in New Issue
Block a user