Portraits et corrections sur valeurs des PNJ
Some checks failed
Release Creation / build (release) Failing after 1m24s
Some checks failed
Release Creation / build (release) Failing after 1m24s
This commit is contained in:
@@ -675,10 +675,114 @@
|
||||
}
|
||||
}
|
||||
|
||||
.biography-section, .notes-section {
|
||||
margin-bottom: 12px;
|
||||
.section-header { .cel-section-header(); }
|
||||
.enriched-html { font-size: 0.9em; line-height: 1.6; }
|
||||
.tab.biography {
|
||||
.biography-layout {
|
||||
display: grid;
|
||||
grid-template-columns: minmax(0, 1fr) 230px;
|
||||
gap: 16px;
|
||||
align-items: start;
|
||||
}
|
||||
|
||||
.biography-main {
|
||||
min-width: 0;
|
||||
}
|
||||
|
||||
.biography-portrait-panel {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 8px;
|
||||
|
||||
.section-header { .cel-section-header(); }
|
||||
}
|
||||
|
||||
.biography-portrait-preview {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
padding: 8px;
|
||||
min-height: 360px;
|
||||
background: rgba(12,76,12,0.08);
|
||||
border: 1px solid rgba(122,92,32,0.25);
|
||||
border-radius: 6px;
|
||||
box-shadow: inset 0 0 0 1px rgba(255,255,255,0.18);
|
||||
}
|
||||
|
||||
.biography-portrait-image {
|
||||
display: block;
|
||||
width: 100%;
|
||||
max-height: 520px;
|
||||
aspect-ratio: 2 / 3;
|
||||
object-fit: contain;
|
||||
object-position: top center;
|
||||
}
|
||||
|
||||
.biography-portrait-empty {
|
||||
padding: 14px;
|
||||
color: var(--cel-border);
|
||||
font-size: 0.82em;
|
||||
font-style: italic;
|
||||
text-align: center;
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
.biography-portrait-field {
|
||||
display: flex;
|
||||
|
||||
file-picker {
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
file-picker input[type="text"] {
|
||||
.cel-input-std();
|
||||
}
|
||||
}
|
||||
|
||||
.biography-portrait-actions {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.biography-portrait-send {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
justify-content: center;
|
||||
gap: 6px;
|
||||
padding: 6px 10px;
|
||||
border: 1px solid rgba(122,92,32,0.35);
|
||||
border-radius: 4px;
|
||||
background: linear-gradient(180deg, rgba(255,255,255,0.82), rgba(233,223,201,0.95));
|
||||
color: var(--cel-green);
|
||||
font-size: 0.82em;
|
||||
font-weight: bold;
|
||||
cursor: pointer;
|
||||
|
||||
&:hover {
|
||||
border-color: var(--cel-orange);
|
||||
color: var(--cel-orange);
|
||||
background: linear-gradient(180deg, rgba(255,255,255,0.96), rgba(240,229,209,1));
|
||||
}
|
||||
|
||||
&:disabled {
|
||||
opacity: 0.5;
|
||||
cursor: default;
|
||||
color: var(--cel-border);
|
||||
border-color: rgba(122,92,32,0.2);
|
||||
background: rgba(220,210,188,0.45);
|
||||
}
|
||||
}
|
||||
|
||||
.biography-portrait-hint {
|
||||
margin: 0;
|
||||
font-size: 0.78em;
|
||||
font-style: italic;
|
||||
color: var(--cel-border);
|
||||
}
|
||||
|
||||
.biography-section, .notes-section {
|
||||
margin-bottom: 12px;
|
||||
.section-header { .cel-section-header(); }
|
||||
.enriched-html { font-size: 0.9em; line-height: 1.6; }
|
||||
}
|
||||
}
|
||||
|
||||
// ── Section Expérience (onglet Biographie) ──────────────────────────────
|
||||
|
||||
@@ -57,14 +57,14 @@
|
||||
background-image: url("../assets/ui/fond_cadrille.jpg");
|
||||
background-blend-mode: soft-light;
|
||||
background-size: auto;
|
||||
padding: 10px 12px 10px 10px;
|
||||
padding: 8px 12px 8px 10px;
|
||||
gap: 10px;
|
||||
border-bottom: 3px solid var(--cel-orange);
|
||||
box-shadow: 0 3px 0 0 rgba(196,154,26,0.25);
|
||||
|
||||
.actor-portrait {
|
||||
width: 84px;
|
||||
height: 84px;
|
||||
width: 97px;
|
||||
height: 97px;
|
||||
object-fit: cover;
|
||||
border: 2px solid var(--cel-orange);
|
||||
box-shadow: inset 0 0 6px rgba(196,154,26,0.4), 0 0 4px rgba(0,0,0,0.5);
|
||||
|
||||
106
styles/npc.less
106
styles/npc.less
@@ -418,6 +418,112 @@
|
||||
.section-header { .cel-section-header(); }
|
||||
}
|
||||
|
||||
.tab.biographie {
|
||||
.biography-layout {
|
||||
display: grid;
|
||||
grid-template-columns: minmax(0, 1fr) 220px;
|
||||
gap: 16px;
|
||||
align-items: start;
|
||||
}
|
||||
|
||||
.biography-main {
|
||||
min-width: 0;
|
||||
}
|
||||
|
||||
.biography-portrait-panel {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 8px;
|
||||
|
||||
.section-header {
|
||||
.cel-section-header();
|
||||
}
|
||||
}
|
||||
|
||||
.biography-portrait-preview {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
padding: 8px;
|
||||
min-height: 340px;
|
||||
background: rgba(12,76,12,0.08);
|
||||
border: 1px solid rgba(122,92,32,0.25);
|
||||
border-radius: 6px;
|
||||
box-shadow: inset 0 0 0 1px rgba(255,255,255,0.18);
|
||||
}
|
||||
|
||||
.biography-portrait-image {
|
||||
display: block;
|
||||
width: 100%;
|
||||
max-height: 500px;
|
||||
aspect-ratio: 2 / 3;
|
||||
object-fit: contain;
|
||||
object-position: top center;
|
||||
}
|
||||
|
||||
.biography-portrait-empty {
|
||||
padding: 14px;
|
||||
color: var(--cel-border);
|
||||
font-size: 0.82em;
|
||||
font-style: italic;
|
||||
text-align: center;
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
.biography-portrait-field {
|
||||
display: flex;
|
||||
|
||||
file-picker {
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
file-picker input[type="text"] {
|
||||
.cel-input-std();
|
||||
}
|
||||
}
|
||||
|
||||
.biography-portrait-actions {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.biography-portrait-send {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
justify-content: center;
|
||||
gap: 6px;
|
||||
padding: 6px 10px;
|
||||
border: 1px solid rgba(122,92,32,0.35);
|
||||
border-radius: 4px;
|
||||
background: linear-gradient(180deg, rgba(255,255,255,0.82), rgba(233,223,201,0.95));
|
||||
color: var(--cel-green);
|
||||
font-size: 0.82em;
|
||||
font-weight: bold;
|
||||
cursor: pointer;
|
||||
|
||||
&:hover {
|
||||
border-color: var(--cel-orange);
|
||||
color: var(--cel-orange);
|
||||
background: linear-gradient(180deg, rgba(255,255,255,0.96), rgba(240,229,209,1));
|
||||
}
|
||||
|
||||
&:disabled {
|
||||
opacity: 0.5;
|
||||
cursor: default;
|
||||
color: var(--cel-border);
|
||||
border-color: rgba(122,92,32,0.2);
|
||||
background: rgba(220,210,188,0.45);
|
||||
}
|
||||
}
|
||||
|
||||
.biography-portrait-hint {
|
||||
margin: 0;
|
||||
font-size: 0.78em;
|
||||
font-style: italic;
|
||||
color: var(--cel-border);
|
||||
}
|
||||
}
|
||||
|
||||
.description-section, .notes-section {
|
||||
margin-top: 8px;
|
||||
.enriched-html { font-size: 0.9em; line-height: 1.6; }
|
||||
|
||||
@@ -977,6 +977,73 @@
|
||||
}
|
||||
}
|
||||
|
||||
.chat-message .cel-portrait-message {
|
||||
border: 1px solid var(--cel-border, #7a5c20);
|
||||
border-radius: 4px;
|
||||
overflow: hidden;
|
||||
background: linear-gradient(180deg, rgba(255,248,232,0.98), rgba(240,229,209,0.95));
|
||||
font-family: var(--cel-font-body, "Palatino Linotype", serif);
|
||||
|
||||
.portrait-message-header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
padding: 7px 10px;
|
||||
background: var(--cel-green, #0c4c0c);
|
||||
background-image: url("../assets/ui/fond_cadrille.jpg");
|
||||
background-blend-mode: soft-light;
|
||||
border-bottom: 2px solid var(--cel-orange, #e07b00);
|
||||
}
|
||||
|
||||
.portrait-message-mark {
|
||||
color: var(--cel-orange, #e07b00);
|
||||
font-size: 1.05em;
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
.portrait-message-title {
|
||||
font-family: var(--cel-font-title, "CopaseticNF", serif);
|
||||
color: var(--cel-orange, #e07b00);
|
||||
font-size: 0.98em;
|
||||
letter-spacing: 0.05em;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.portrait-message-body {
|
||||
padding: 9px 11px 10px;
|
||||
color: #3f3623;
|
||||
}
|
||||
|
||||
.portrait-message-name {
|
||||
margin-bottom: 8px;
|
||||
color: var(--cel-green, #0c4c0c);
|
||||
font-size: 0.84em;
|
||||
font-weight: bold;
|
||||
letter-spacing: 0.04em;
|
||||
text-transform: uppercase;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.portrait-message-frame {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
padding: 6px;
|
||||
border: 1px solid rgba(122,92,32,0.2);
|
||||
border-radius: 4px;
|
||||
background: rgba(255,255,255,0.5);
|
||||
}
|
||||
|
||||
.portrait-message-image {
|
||||
display: block;
|
||||
width: 100%;
|
||||
max-width: 240px;
|
||||
max-height: 420px;
|
||||
aspect-ratio: 2 / 3;
|
||||
object-fit: contain;
|
||||
object-position: top center;
|
||||
}
|
||||
}
|
||||
|
||||
.application.faction-aspect-dialog {
|
||||
width: min(540px, 92vw);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user