Vincent Vandemeulebrouck
b26c39cf21
L'appréciation utilise: - un niveau de qualité (qui réutilise la qualité sur les items en ayant) - un bon moment (coeur/musique/...) - un niveau de jet de moral - une caractéristique (perception) - une compétence Les bon moments passés sont remis à zéro lors du passage de château dormant. Ajout des jets de moral très heureux. Ajout de jet d'appréciation sur les résultats des oeuvres et des jeux.
101 lines
1.9 KiB
Plaintext
101 lines
1.9 KiB
Plaintext
.chat-message div.roll-chat,
|
|
.dialog-content div.roll-chat {
|
|
font-family: CaslonAntique;
|
|
display: grid;
|
|
grid-template-areas:
|
|
"img header buttons"
|
|
"img resume buttons"
|
|
"details details details"
|
|
"description description description"
|
|
"actions actions actions"
|
|
;
|
|
grid-template-columns: 3rem 1fr 1.4rem;
|
|
grid-template-rows: max-content max-content max-content max-content;
|
|
gap: 0 0.5rem;
|
|
|
|
div.chat-img {
|
|
grid-area: img;
|
|
display: flex;
|
|
flex-direction: column;
|
|
img {
|
|
border: 0;
|
|
max-height: 3rem;
|
|
max-width: 3rem;
|
|
object-fit: contain;
|
|
height: 100%;
|
|
}
|
|
}
|
|
div.chat-header {
|
|
grid-area: header;
|
|
font-weight: bold;
|
|
font-size: 0.9rem;
|
|
}
|
|
div.chat-resume {
|
|
grid-area: resume;
|
|
text-align: justify;
|
|
}
|
|
div.chat-details {
|
|
grid-area: details;
|
|
text-align: justify;
|
|
display: flex;
|
|
flex-direction: column;
|
|
div {
|
|
display: block;
|
|
}
|
|
}
|
|
div.chat-actions {
|
|
grid-area: actions;
|
|
display: flex;
|
|
flex-direction: column;
|
|
a {
|
|
display: flex;
|
|
flex-direction: row;
|
|
img {
|
|
margin-right: 0.5rem;
|
|
}
|
|
}
|
|
}
|
|
div.chat-description {
|
|
grid-area: description;
|
|
text-align: justify;
|
|
display: flex;
|
|
flex-direction: column;
|
|
div {
|
|
display: block;
|
|
}
|
|
}
|
|
|
|
div.chat-buttons {
|
|
grid-area: buttons;
|
|
display: flex;
|
|
flex-direction: column;
|
|
|
|
a {
|
|
border-radius: 0.2rem;
|
|
cursor: pointer;
|
|
padding: 0.2rem;
|
|
position: relative;
|
|
box-shadow: inset 1x 1px #a6827e;
|
|
color: var(--color-controls);
|
|
border: 1px ridge #846109;
|
|
display: inline-block;
|
|
align-items: center;
|
|
|
|
img {
|
|
max-width: 1rem;
|
|
max-height: 1rem;
|
|
}
|
|
}
|
|
|
|
a:hover {
|
|
background: var(--background-custom-button-hover);
|
|
}
|
|
|
|
a:active{
|
|
position:relative;
|
|
top:1px;
|
|
}
|
|
|
|
}
|
|
}
|