public/foundryvtt-reve-de-dragon
1
1
Fork 1
Code Issues Pull Requests Actions Projects Releases 186 Wiki Activity

Nouvelle fenêtre de jets de dés

Browse Source
This commit is contained in:
Vincent Vandemeulebrouck
2025-09-05 01:09:32 +02:00
parent 652c435833
commit 1ff32697f4
134 changed files with 4025 additions and 400 deletions
Download Patch File Download Diff File Expand all files Collapse all files

241
css/foundryvtt-reve-de-dragon.css
View File

@@ -50,6 +50,7 @@
--actor-label-color: #464331c4;
}
/* Global styles & Font */
.application,
.window-app {
font-family: CaslonAntique;
text-align: justify;
@@ -80,14 +81,14 @@ select,
/* =================== 2. DEBUGGING HIGHLIGHTERS ============ */
/* =================== 3. some constants ============ */
--fieldset-background: url(/ui/parchment.jpg);
--rdd-color-text-primary: rgba(10, 10, 10, 0.9);
--rdd-input-background: rgba(0, 0, 0, 0.05);
--rdd-color-border-input: rgba(0, 0, 0, 0.2);
--rdd-bg-input: rgba(255, 255, 255, 0.1);
--color-controls: rgba(0, 0, 0, 0.9);
--rdd-color-text-primary: hsla(0, 0%, 4%, 0.9);
--rdd-input-background: hsla(0, 0%, 0%, 0.1);
--rdd-color-border-input: hsla(0, 0%, 0%, 0.2);
--rdd-bg-input: hsla(0, 0%, 100%, 0.1);
--color-controls: hsla(0, 0%, 0%, 0.9);
--color-controls-light: hsla(0, 0%, 20%, 0.8);
--color-controls-hover: hsla(60, 100%, 75%, 0.7);
--color-control-border-hover: rgba(255, 128, 0, 0.8);
--color-control-border-hover: hsla(30, 100%, 50%, 0.8);
--color-gold: rgba(191, 149, 63, 0.8);
--gradient-gold: linear-gradient(30deg, rgba(191, 149, 63, 0.3), rgba(252, 246, 186, 0.3), rgba(179, 135, 40, 0.3), rgba(251, 245, 183, 0.3), rgba(170, 119, 28, 0.3));
--gradient-silver: linear-gradient(30deg, rgba(61, 55, 93, 0.3), rgba(178, 179, 196, 0.3), rgba(59, 62, 63, 0.6), rgba(206, 204, 199, 0.3), rgba(61, 46, 49, 0.3));
@@ -97,14 +98,17 @@ select,
--gradient-purple-black: linear-gradient(150deg, rgba(0, 0, 0, 0.7), rgba(100, 45, 124, 0.4), rgba(82, 17, 131, 0.3), rgba(100, 45, 124, 0.4), rgba(0, 0, 0, 0.7));
--gradient-silver-light: linear-gradient(30deg, rgba(61, 55, 93, 0.2), rgba(178, 179, 196, 0.1), rgba(59, 62, 63, 0.2), rgba(206, 204, 199, 0.1), rgba(61, 46, 49, 0.2));
--gradient-daylight: conic-gradient(from 0deg, hsla(50, 100%, 80%, 0.7), hsla(30, 30%, 40%, 0.1) 25%, hsla(250, 50%, 40%, 0.1) 25%, hsla(250, 30%, 30%, 0.7) 50%, hsla(250, 50%, 40%, 0.1) 75%, hsla(30, 30%, 40%, 0.1) 75%, hsla(50, 100%, 80%, 0.7));
--background-custom-button: linear-gradient(to bottom, rgba(33, 55, 74, 0.988) 5%, rgba(21, 40, 51, 0.671) 100%);
--background-custom-button-hover: linear-gradient(to bottom, #800000 5%, #3e0101 100%);
--background-custom-button: linear-gradient(to bottom, hsla(208, 38%, 21%, 0.988) 5%, hsla(202, 42%, 14%, 0.671) 100%);
--background-custom-button-hover: linear-gradient(to bottom, hsl(0, 100%, 25%) 5%, hsl(0, 97%, 12%) 100%);
--background-control-selected: linear-gradient(to bottom, hsla(0, 100%, 25%, 0.5) 5%, hsla(0, 100%, 12%, 0.5) 100%);
--background-tooltip: hsla(60, 12%, 85%, 0.95);
--background-tooltip-alt: hsla(60, 12%, 74%, 0.95);
--color-tooltip: hsla(282, 47%, 33%, 0.9);
--color-tooltip-faint: hsla(282, 47%, 66%, 0.5);
--background-error: hsla(16, 100%, 50%, 0.8);
--color-profile-border: hsla(0, 0%, 80%, 0.05);
--color-background-chat-message: hsla(60, 12%, 85%, 0.9);
--color-background-chat-whisper: repeating-linear-gradient(120deg, hsla(60, 12%, 85%, 0.75), hsla(60, 12%, 85%, 0.75) 1rem, hsla(60, 12%, 85%, 0.8) 1rem, hsla(60, 12%, 85%, 0.75) 1.5rem);
}
.system-foundryvtt-reve-de-dragon {
/* =================== En-têtes de feuilles ============ */
@@ -417,6 +421,222 @@ select,
border: 0 none;
margin-bottom: 0.2rem;
}
.system-foundryvtt-reve-de-dragon .roll-dialog {
font-family: CaslonAntique;
display: grid;
grid-template-areas: "header header header header header header header" "action action action action action action action" "mode separation separation separation separation separation separation" "mode carac carac carac comp comp resume" "mode choix choix choix choix choix modifiers" "mode resolution resolution resolution resolution resolution modifiers" "mode chances chances chances chances chances buttons" "footer footer footer footer footer footer footer";
grid-template-columns: 2rem 1rem 1fr 1fr 2fr 2fr 3fr;
gap: 0.2rem;
}
.system-foundryvtt-reve-de-dragon .roll-dialog roll-header {
grid-area: header;
}
.system-foundryvtt-reve-de-dragon .roll-dialog roll-line {
grid-area: separation;
}
.system-foundryvtt-reve-de-dragon .roll-dialog roll-action {
grid-area: action;
}
.system-foundryvtt-reve-de-dragon .roll-dialog roll-carac {
grid-area: carac;
}
.system-foundryvtt-reve-de-dragon .roll-dialog roll-comp {
grid-area: comp;
}
.system-foundryvtt-reve-de-dragon .roll-dialog roll-choix {
grid-area: choix;
}
.system-foundryvtt-reve-de-dragon .roll-dialog roll-table {
grid-area: resolution;
}
.system-foundryvtt-reve-de-dragon .roll-dialog roll-conditions {
grid-area: modifiers;
}
.system-foundryvtt-reve-de-dragon .roll-dialog roll-chances {
grid-area: chances;
}
.system-foundryvtt-reve-de-dragon .roll-dialog roll-resume {
grid-area: resume;
}
.system-foundryvtt-reve-de-dragon .roll-dialog roll-buttons {
grid-area: buttons;
}
.system-foundryvtt-reve-de-dragon .roll-dialog roll-mode {
grid-area: mode;
display: flex;
flex-direction: column;
}
.system-foundryvtt-reve-de-dragon .roll-dialog roll-conditions roll-section[name="rollmode"] button[data-checked="true"],
.system-foundryvtt-reve-de-dragon .roll-dialog roll-mode button[data-checked="true"] {
background-color: var(--color-text-selection-bg);
color: var(--color-controls);
}
.system-foundryvtt-reve-de-dragon .roll-dialog roll-conditions roll-section[name="rollmode"] button[data-checked="true"] i,
.system-foundryvtt-reve-de-dragon .roll-dialog roll-mode button[data-checked="true"] i {
filter: invert(0.8);
}
.system-foundryvtt-reve-de-dragon .roll-dialog roll-conditions roll-section[name="rollmode"] button[data-checked="true"] img,
.system-foundryvtt-reve-de-dragon .roll-dialog roll-mode button[data-checked="true"] img {
filter: invert(0.2);
}
.system-foundryvtt-reve-de-dragon .roll-dialog roll-conditions roll-section[name="rollmode"] button,
.system-foundryvtt-reve-de-dragon .roll-dialog roll-mode button {
height: 1.8rem;
width: 1.8rem;
gap: 0.5rem;
padding: 0.2rem;
background-color: var(--button-background-color);
color: var(--color-controls);
}
.system-foundryvtt-reve-de-dragon .roll-dialog roll-conditions roll-section[name="rollmode"] button i,
.system-foundryvtt-reve-de-dragon .roll-dialog roll-mode button i {
filter: invert(0.2);
}
.system-foundryvtt-reve-de-dragon .roll-dialog roll-conditions roll-section[name="rollmode"] button img,
.system-foundryvtt-reve-de-dragon .roll-dialog roll-mode button img {
filter: invert(0.8);
}
.system-foundryvtt-reve-de-dragon .roll-dialog :is(roll-carac, roll-comp) {
display: flex;
flex-direction: row;
align-items: baseline;
}
.system-foundryvtt-reve-de-dragon .roll-dialog roll-section,
.system-foundryvtt-reve-de-dragon .roll-dialog roll-section div {
display: flex;
flex-direction: row;
align-items: anchor-center;
margin: 0 0.2rem;
}
.system-foundryvtt-reve-de-dragon .roll-dialog roll-resume {
display: flex;
flex-direction: row;
}
.system-foundryvtt-reve-de-dragon .roll-dialog roll-resume img.button-effect-img {
filter: invert(0.8);
}
.system-foundryvtt-reve-de-dragon .roll-dialog roll-choix roll-section {
display: grid;
grid-template-areas: "selection selection" "img roll-part";
grid-template-columns: 3.2rem 1fr;
gap: 0.2rem;
align-items: start;
}
.system-foundryvtt-reve-de-dragon .roll-dialog roll-choix roll-section subline {
grid-area: selection;
display: flex;
flex-direction: row;
}
.system-foundryvtt-reve-de-dragon .roll-dialog roll-choix roll-section roll-part-img {
display: flex;
flex-direction: column;
grid-area: img;
}
.system-foundryvtt-reve-de-dragon .roll-dialog roll-choix roll-section roll-part-img img {
border: 0;
padding: 1px;
max-height: 3rem;
max-width: 3rem;
object-fit: contain;
height: 100%;
}
.system-foundryvtt-reve-de-dragon .roll-dialog roll-choix roll-section roll-part-detail {
grid-area: roll-part;
display: flex;
flex-direction: column;
align-items: normal;
}
.system-foundryvtt-reve-de-dragon .roll-dialog roll-choix roll-section roll-part-detail subline {
display: flex;
flex-direction: row;
}
.system-foundryvtt-reve-de-dragon .roll-dialog roll-choix roll-section roll-part-detail subline div.poesie-extrait {
display: flex;
flex-direction: column;
}
.system-foundryvtt-reve-de-dragon .roll-dialog roll-section selected-numeric-value {
display: flow;
width: 2.5rem;
text-align: right;
margin: 0 0.2rem 0 0.5rem;
padding: 0 0.2rem;
}
.system-foundryvtt-reve-de-dragon .roll-dialog roll-action {
flex-basis: content;
display: flex;
flex-direction: row;
align-items: center;
border-bottom: 0.2rem solid;
font-size: 1.2rem;
font-weight: bold;
}
.system-foundryvtt-reve-de-dragon .roll-dialog roll-action roll-section {
display: flex;
flex-direction: row;
align-items: center;
}
.system-foundryvtt-reve-de-dragon .roll-dialog roll-action roll-section img.action-img {
float: left;
}
.system-foundryvtt-reve-de-dragon .roll-dialog roll-action roll-section img {
max-width: 3rem;
max-height: 3rem;
margin: 0 1rem;
padding: 0;
}
.system-foundryvtt-reve-de-dragon .roll-dialog roll-conditions {
display: flex;
flex-direction: column;
}
.system-foundryvtt-reve-de-dragon .roll-dialog :is(roll-action, roll-carac, roll-comp) roll-section {
flex-basis: content;
}
.system-foundryvtt-reve-de-dragon .roll-dialog :is(roll-choix, roll-conditions, roll-carac, roll-comp) select {
max-height: 1.6rem;
margin: 0 0.2rem;
padding: 0 0.2rem;
}
.system-foundryvtt-reve-de-dragon .roll-dialog :is(roll-choix, roll-conditions, roll-carac, roll-comp) input[type="number"] {
max-height: 1.6rem;
max-width: 2.5rem;
margin: 0 0.2rem;
padding: 0 0.2rem;
}
.system-foundryvtt-reve-de-dragon .roll-dialog :is(roll-choix, roll-conditions, roll-carac, roll-comp) img {
max-width: 1.8rem;
max-height: 1.8rem;
margin: 0 0.2rem;
padding: 0;
}
.system-foundryvtt-reve-de-dragon .roll-dialog roll-carac select[name="select-carac"] {
max-width: 6rem;
}
.system-foundryvtt-reve-de-dragon .roll-dialog roll-comp select[name="select-comp"] {
min-width: 8rem;
max-width: 11rem;
margin-left: 1rem;
}
.system-foundryvtt-reve-de-dragon .roll-dialog roll-conditions roll-section[name="coeur"] select[name="coeur"] {
max-width: 4rem;
}
.system-foundryvtt-reve-de-dragon .roll-dialog roll-conditions roll-section[name="tricher"] img {
/* image de d100 */
max-width: 2.5rem;
max-height: 2.5rem;
gap: 0;
margin: 0;
padding: 0;
filter: invert(0.8);
}
.system-foundryvtt-reve-de-dragon .roll-dialog roll-buttons {
display: flex;
flex-direction: row-reverse;
}
.system-foundryvtt-reve-de-dragon .roll-dialog roll-table table tr :is(th, td) {
padding: 0.1rem;
width: 1.5rem;
text-align: center;
}
.system-foundryvtt-reve-de-dragon .window-header {
background: rgba(0, 0, 0, 0.75);
}
@@ -1191,7 +1411,7 @@ select,
padding: 5px;
}
.system-foundryvtt-reve-de-dragon .poesie-extrait {
max-height: 12rem;
max-height: 8rem;
font-size: 0.8rem;
font-style: italic;
color: rgba(82, 17, 131, 0.9);
@@ -1202,9 +1422,6 @@ select,
overflow: visible;
opacity: 1;
}
.system-foundryvtt-reve-de-dragon .poesie-extrait.poesie-overflow {
max-height: 2rem;
}
.system-foundryvtt-reve-de-dragon .poesie-reference {
font-size: 0.7rem;
text-align: right;