470 lines
8.9 KiB
Plaintext
470 lines
8.9 KiB
Plaintext
.editor {
|
|
border: 2;
|
|
height: 100%;
|
|
padding: 0 3px;
|
|
}
|
|
|
|
.medium-editor {
|
|
border: 2;
|
|
height: 240px;
|
|
max-height: 240px;
|
|
overflow-y: auto;
|
|
overflow-x: hidden;
|
|
padding: 0 3px;
|
|
|
|
prose-mirror, .editor, .editor-content, .ProseMirror {
|
|
overflow: hidden;
|
|
height: auto;
|
|
}
|
|
}
|
|
|
|
.small-editor {
|
|
border: 2;
|
|
height: 120px;
|
|
max-height: 120px;
|
|
overflow-y: auto;
|
|
overflow-x: hidden;
|
|
padding: 0 3px;
|
|
|
|
prose-mirror, .editor, .editor-content, .ProseMirror {
|
|
overflow: hidden;
|
|
height: auto;
|
|
}
|
|
}
|
|
|
|
.questionnaire-reponse {
|
|
max-width: 42rem;
|
|
margin-left: 1rem;
|
|
}
|
|
|
|
.questionnaire-element {
|
|
margin-top: 0.5rem;
|
|
}
|
|
|
|
// Style unifié pour tous les inputs et selects (fiches acteur, item, roll dialogs)
|
|
.fvtt-te-deum {
|
|
input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="submit"]):not([type="image"]):not([type="file"]),
|
|
select {
|
|
background: rgba(248, 245, 238, 0.95);
|
|
color: rgba(19, 18, 18, 0.95);
|
|
border: 1px solid rgba(139, 115, 85, 0.35);
|
|
border-radius: 3px;
|
|
padding: 0.15rem 0.3rem;
|
|
transition: border-color 0.2s ease, box-shadow 0.2s ease;
|
|
|
|
&:hover {
|
|
border-color: rgba(139, 115, 85, 0.65);
|
|
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
|
|
}
|
|
|
|
&:focus {
|
|
outline: none;
|
|
border-color: rgba(139, 115, 85, 0.85);
|
|
box-shadow: 0 0 0 2px rgba(139, 115, 85, 0.2);
|
|
}
|
|
|
|
&:disabled {
|
|
color: rgba(19, 18, 18, 0.4);
|
|
background: rgba(220, 216, 205, 0.6);
|
|
border-color: rgba(139, 115, 85, 0.15);
|
|
}
|
|
}
|
|
|
|
textarea {
|
|
background: rgba(248, 245, 238, 0.95);
|
|
color: rgba(19, 18, 18, 0.95);
|
|
border: 1px solid rgba(139, 115, 85, 0.35);
|
|
border-radius: 3px;
|
|
padding: 0.2rem 0.4rem;
|
|
transition: border-color 0.2s ease, box-shadow 0.2s ease;
|
|
|
|
&:hover {
|
|
border-color: rgba(139, 115, 85, 0.65);
|
|
}
|
|
|
|
&:focus {
|
|
outline: none;
|
|
border-color: rgba(139, 115, 85, 0.85);
|
|
box-shadow: 0 0 0 2px rgba(139, 115, 85, 0.2);
|
|
}
|
|
}
|
|
}
|
|
|
|
.fvtt-te-deum.window-app .window-content,
|
|
.fvtt-te-deum.application .window-content,
|
|
.fvtt-te-deum.window-app.sheet .window-content .sheet-body,
|
|
.fvtt-te-deum.application.sheet .window-content .sheet-body {
|
|
font-size: 0.8rem;
|
|
background: rgba(226, 226, 222, 0.95);
|
|
color: rgba(19, 18, 18, 0.95);
|
|
}
|
|
|
|
// Améliorations pour les fiches d'items
|
|
.item-form {
|
|
.sheet-header {
|
|
background: linear-gradient(
|
|
135deg,
|
|
rgba(226, 226, 222, 0.95) 0%,
|
|
rgba(240, 235, 225, 0.9) 100%
|
|
);
|
|
padding: 0.8rem;
|
|
border-radius: 8px;
|
|
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
|
|
border: 1px solid rgba(139, 115, 85, 0.3);
|
|
margin-bottom: 0.5rem;
|
|
|
|
h1.charname input {
|
|
// Voir règles haute-spécificité charname ci-dessous
|
|
}
|
|
}
|
|
|
|
.sheet-body {
|
|
ul {
|
|
list-style: none;
|
|
padding: 0;
|
|
margin: 0;
|
|
|
|
li.flexrow {
|
|
background: rgba(255, 255, 255, 0.3);
|
|
padding: 0.4rem 0.6rem;
|
|
margin: 0.3rem 0;
|
|
border-radius: 4px;
|
|
border-left: 3px solid rgba(139, 115, 85, 0.3);
|
|
transition: all 0.2s ease;
|
|
|
|
&:hover {
|
|
background: rgba(255, 255, 255, 0.5);
|
|
border-left-color: rgba(139, 115, 85, 0.6);
|
|
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
|
|
}
|
|
}
|
|
}
|
|
|
|
h3 {
|
|
background: linear-gradient(
|
|
135deg,
|
|
rgba(196, 186, 166, 0.6) 0%,
|
|
rgba(226, 226, 222, 0.5) 100%
|
|
);
|
|
padding: 0.4rem 0.6rem;
|
|
margin: 0.8rem 0 0.4rem 0;
|
|
border-radius: 4px;
|
|
border-left: 4px solid rgba(139, 115, 85, 0.6);
|
|
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
|
|
font-family: MailartRubberstamp;
|
|
font-size: 1.1rem;
|
|
color: #3d3a2e;
|
|
}
|
|
|
|
input[type="checkbox"] {
|
|
width: 18px;
|
|
height: 18px;
|
|
cursor: pointer;
|
|
}
|
|
}
|
|
}
|
|
|
|
// Champ "name" — règles haute-spécificité (spec 0,6,2 / 0,7,2) pour surcharger les règles génériques d'input
|
|
// Fiche acteur : font-size 3rem
|
|
.fvtt-te-deum.application .window-content .sheet-header h1.charname input[name="name"],
|
|
.fvtt-te-deum.window-app .window-content .sheet-header h1.charname input[name="name"] {
|
|
font-family: "GreatPrimer";
|
|
font-size: 3rem;
|
|
background: transparent;
|
|
border: none;
|
|
border-bottom: 2px solid rgba(139, 115, 85, 0.4);
|
|
color: rgba(50, 35, 15, 0.95);
|
|
width: 100%;
|
|
height: 100%;
|
|
margin: 0;
|
|
letter-spacing: 0.05em;
|
|
transition: border-color 0.2s ease;
|
|
|
|
&:hover {
|
|
border-width: 2px;
|
|
border-color: rgba(139, 115, 85, 0.7);
|
|
}
|
|
|
|
&:focus {
|
|
border-bottom-color: rgba(139, 115, 85, 0.9);
|
|
outline: none;
|
|
}
|
|
}
|
|
|
|
// Fiche item : même style mais font-size plus petit
|
|
.fvtt-te-deum.application .window-content .item-form .sheet-header h1.charname input[name="name"],
|
|
.fvtt-te-deum.window-app .window-content .item-form .sheet-header h1.charname input[name="name"] {
|
|
font-size: 1.6rem;
|
|
height: auto;
|
|
}
|
|
|
|
.fvtt-te-deum .sheet-body {
|
|
padding: 0.25rem 0.5rem;
|
|
|
|
&:after {
|
|
content: "";
|
|
display: block;
|
|
clear: both;
|
|
}
|
|
}
|
|
|
|
.fvtt-te-deum nav {
|
|
&.tabs {
|
|
.item {
|
|
z-index: 2;
|
|
position: relative;
|
|
opacity: 1;
|
|
color: rgba(29, 28, 31);
|
|
padding: 0 0.25rem;
|
|
|
|
&:after {
|
|
content: "";
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
height: 2rem;
|
|
width: 1px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.select-diff {
|
|
display: inline-block;
|
|
text-align: left;
|
|
width: 50px;
|
|
}
|
|
|
|
.fvtt-te-deum.window-app.sheet .window-content .carac-value,
|
|
.fvtt-te-deum.application.sheet .window-content .carac-value,
|
|
.fvtt-te-deum.window-app.sheet .window-content .competence-xp,
|
|
.fvtt-te-deum.application.sheet .window-content .competence-xp {
|
|
margin: 0.05rem;
|
|
flex-basis: 3rem;
|
|
text-align: center;
|
|
}
|
|
|
|
.fvtt-te-deum h1,
|
|
.fvtt-te-deum h2,
|
|
.fvtt-te-deum h3,
|
|
.fvtt-te-deum h4 {
|
|
font-weight: bold;
|
|
color: rgba(19, 18, 18, 0.95);
|
|
}
|
|
|
|
.fvtt-te-deum .malus-sante {
|
|
font-size: 0.88rem;
|
|
font-weight: normal;
|
|
}
|
|
|
|
.fvtt-te-deum .malus-sante-active {
|
|
color: rgba(200, 80, 10, 0.95);
|
|
font-weight: bold;
|
|
}
|
|
|
|
.fvtt-te-deum ul,
|
|
.fvtt-te-deum ol {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
.fvtt-te-deum ul,
|
|
.fvtt-te-deum li {
|
|
list-style-type: none;
|
|
}
|
|
|
|
.header-fields {
|
|
li {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
}
|
|
|
|
.alterne-list {
|
|
& > .list-item {
|
|
&:hover {
|
|
background: rgba(226, 226, 222, 0.4);
|
|
transform: translateX(2px);
|
|
}
|
|
|
|
&:nth-child(even) {
|
|
background: rgba(240, 235, 225, 0.3);
|
|
}
|
|
|
|
&:nth-child(odd) {
|
|
background: rgba(250, 245, 235, 0.2);
|
|
}
|
|
}
|
|
}
|
|
|
|
.specialisation-label {
|
|
font-size: 0.8rem;
|
|
}
|
|
|
|
.carac-label,
|
|
.attr-label {
|
|
font-weight: bold;
|
|
}
|
|
|
|
.list-item {
|
|
margin: 0.125rem;
|
|
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
|
|
border-radius: 0.3rem;
|
|
padding: 0.3rem 0.4rem;
|
|
flex: 1 1 5rem;
|
|
border: 1px solid rgba(139, 115, 85, 0.15);
|
|
transition: all 0.2s ease;
|
|
|
|
&:hover {
|
|
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
|
|
border-color: rgba(139, 115, 85, 0.3);
|
|
background: rgba(255, 255, 255, 0.3);
|
|
}
|
|
}
|
|
|
|
.list-item-shadow {
|
|
background: linear-gradient(
|
|
135deg,
|
|
rgba(170, 168, 167, 0.25) 0%,
|
|
rgba(200, 195, 185, 0.2) 100%
|
|
);
|
|
flex-grow: 0;
|
|
flex-wrap: nowrap;
|
|
justify-content: flex-start;
|
|
border-left: 3px solid rgba(139, 115, 85, 0.3);
|
|
}
|
|
|
|
.list-item-shadow2 {
|
|
background: linear-gradient(
|
|
135deg,
|
|
rgba(87, 60, 32, 0.2) 0%,
|
|
rgba(120, 90, 60, 0.15) 100%
|
|
);
|
|
flex-grow: 0;
|
|
flex-wrap: nowrap;
|
|
justify-content: flex-start;
|
|
border-left: 3px solid rgba(87, 60, 32, 0.4);
|
|
}
|
|
|
|
.item-display-show {
|
|
display: block;
|
|
}
|
|
|
|
.item-display-hide {
|
|
display: none;
|
|
}
|
|
|
|
.item-quantite {
|
|
margin-left: 0.5rem;
|
|
}
|
|
|
|
.list-item-margin1 {
|
|
margin-left: 1rem;
|
|
}
|
|
|
|
.list-item-margin2 {
|
|
margin-left: 2rem;
|
|
}
|
|
|
|
.list-item-margin3 {
|
|
margin-left: 3rem;
|
|
}
|
|
|
|
.list-item-margin4 {
|
|
margin-left: 4rem;
|
|
}
|
|
|
|
.sheet-competence-img {
|
|
width: 24px;
|
|
max-width: 24px;
|
|
height: 24px;
|
|
max-height: 24px;
|
|
flex-grow: 0;
|
|
margin-right: 0.25rem;
|
|
border-radius: 3px;
|
|
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
|
|
border: 1px solid rgba(139, 115, 85, 0.3);
|
|
}
|
|
|
|
.competence-column {
|
|
flex-direction: column;
|
|
align-content: flex-start;
|
|
justify-content: flex-start;
|
|
flex-grow: 0;
|
|
flex-basis: 1;
|
|
}
|
|
|
|
.competence-header {
|
|
align-content: flex-start;
|
|
justify-content: flex-start;
|
|
font-weight: bold;
|
|
flex-grow: 0;
|
|
}
|
|
|
|
.comp-li {
|
|
max-width: 8rem;
|
|
width: 8rem;
|
|
}
|
|
|
|
.description-label {
|
|
flex-grow: 2;
|
|
margin-left: 4px;
|
|
}
|
|
|
|
.status-header-label {
|
|
margin-left: 2px;
|
|
}
|
|
|
|
.roll-dialog-label {
|
|
margin: 4px 0;
|
|
min-width: 96px;
|
|
}
|
|
|
|
.short-label {
|
|
flex-grow: 1;
|
|
}
|
|
|
|
.keyword-label {
|
|
font-size: 0.85rem;
|
|
}
|
|
|
|
.item-sheet-label {
|
|
flex-grow: 1;
|
|
}
|
|
|
|
.item-text-long-line {
|
|
flex-grow: 3;
|
|
}
|
|
|
|
.score-label {
|
|
flex-grow: 2;
|
|
align-content: center;
|
|
}
|
|
|
|
.attribut-value,
|
|
.carac-value {
|
|
flex-grow: 0;
|
|
flex-basis: 64px;
|
|
margin-right: 4px;
|
|
margin-left: 4px;
|
|
}
|
|
|
|
.sante-value,
|
|
.competence-value {
|
|
flex-grow: 0;
|
|
flex-basis: 2rem;
|
|
margin-right: 0.25rem;
|
|
margin-left: 0.25rem;
|
|
}
|
|
|
|
.description-value {
|
|
flex-grow: 0;
|
|
flex-basis: 4rem;
|
|
margin-right: 0.25rem;
|
|
margin-left: 0.25rem;
|
|
}
|
|
|
|
.small-label {
|
|
margin-top: 5px;
|
|
}
|