Fix templates for new appv2

This commit is contained in:
2025-06-02 23:25:49 +02:00
parent c25320755a
commit a0f42204d5
24 changed files with 421 additions and 113 deletions

View File

@ -79,6 +79,11 @@ select,
:root {
/* =================== 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);
--color-controls-light: hsla(0, 0%, 20%, 0.8);
--color-controls-hover: hsla(60, 100%, 75%, 0.7);
@ -139,30 +144,274 @@ select,
/*when navigating through the items using the arrow keys:*/
/*************************************************************/
}
.system-foundryvtt-reve-de-dragon .application.sheet.fvtt-rdd .window-content {
.system-foundryvtt-reve-de-dragon .monnaie-content {
padding: 0px;
background: #011d33 url(../assets/ui/bg_header.webp) no-repeat left top;
color: #ffffff;
}
.system-foundryvtt-reve-de-dragon .monnaie-content .editor,
.system-foundryvtt-reve-de-dragon .monnaie-content .editor-content {
height: auto;
min-height: 100px;
background: var(--rdd-bg-input-alt);
padding: 5px;
border-radius: 3px;
color: var(--rdd-color-text-primary);
}
.system-foundryvtt-reve-de-dragon .monnaie-content .window-content {
font-family: CaslonAntique;
text-align: justify;
font-size: 1rem;
letter-spacing: 1px;
padding: 0% 0 0 0;
font-size: calc(var(--font-size-standard) * 1);
color: var(--color-dark-1);
background: var(--background-image-base) no-repeat;
background-size: 100% 100%;
}
.system-foundryvtt-reve-de-dragon .application.sheet.fvtt-rdd section.window-content {
padding: 0rem;
.system-foundryvtt-reve-de-dragon .monnaie-content fieldset {
background: var(--fieldset-background);
color: var(--rdd-color-text-primary);
margin-bottom: 4px;
border-radius: 6px;
border-color: var(--rdd-color-text-primary);
border-width: 2px;
}
.system-foundryvtt-reve-de-dragon .application.sheet.fvtt-rdd section.window-content section header.sheet-header {
background: #011d33 url(../assets/ui/bg_header.webp) no-repeat left top;
color: #ffffff;
.system-foundryvtt-reve-de-dragon .monnaie-content .form-group {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: center;
padding: 2px 0;
border-bottom: 1px solid var(--rdd-color-shadow-primary);
font-size: 0.9rem;
}
.system-foundryvtt-reve-de-dragon .application.sheet.fvtt-rdd section.window-content section header.sheet-header :is(
.system-foundryvtt-reve-de-dragon .monnaie-content .form-group label {
font-weight: normal;
flex: 2;
padding-left: 5px;
margin: 0;
color: var(--rdd-color-text-primary);
}
.system-foundryvtt-reve-de-dragon .monnaie-content .form-group .attribute-value,
.system-foundryvtt-reve-de-dragon .monnaie-content .form-group input[type="text"],
.system-foundryvtt-reve-de-dragon .monnaie-content .form-group input[type="number"],
.system-foundryvtt-reve-de-dragon .monnaie-content .form-group select {
flex: 3;
background: var(--rdd-input-background);
border: 1px solid var(--rdd-color-border-input);
color: var(--rdd-color-text-input);
padding: 2px 2px;
border-radius: 3px;
}
.system-foundryvtt-reve-de-dragon .monnaie-content .form-group input[type="checkbox"] {
flex: 0 0 20px;
margin-left: 5px;
}
.system-foundryvtt-reve-de-dragon .monnaie-content .sheet-header-row {
display: flex;
flex-direction: row;
align-items: center;
}
.system-foundryvtt-reve-de-dragon .monnaie-content .sheet-header-row h1,
.system-foundryvtt-reve-de-dragon .monnaie-content .sheet-header-row input {
font-family: CaslonAntique;
font-size: 2.5rem;
font-weight: normal;
color: var(--window-header-title-color);
margin: 4px;
height: 3rem;
}
.system-foundryvtt-reve-de-dragon .monnaie-content :is(
input[type="text"],
input[type="number"],
input[type="password"],
input[type="datetime-local"],
input[type="date"],
input[type="time"]) {
input[type="time"]
) {
color: rgba(255, 255, 255, 0.75);
background: rgba(255, 255, 255, 0.1);
border: 0 none;
margin-bottom: 0.2rem;
}
.system-foundryvtt-reve-de-dragon .munition-content {
padding: 0px;
background: #011d33 url(../assets/ui/bg_header.webp) no-repeat left top;
color: #ffffff;
}
.system-foundryvtt-reve-de-dragon .munition-content .editor,
.system-foundryvtt-reve-de-dragon .munition-content .editor-content {
height: auto;
min-height: 100px;
background: var(--rdd-bg-input-alt);
padding: 5px;
border-radius: 3px;
color: var(--rdd-color-text-primary);
}
.system-foundryvtt-reve-de-dragon .munition-content .window-content {
font-family: CaslonAntique;
text-align: justify;
font-size: 1rem;
letter-spacing: 1px;
padding: 0% 0 0 0;
font-size: calc(var(--font-size-standard) * 1);
color: var(--color-dark-1);
background-size: 100% 100%;
}
.system-foundryvtt-reve-de-dragon .munition-content fieldset {
background: var(--fieldset-background);
color: var(--rdd-color-text-primary);
margin-bottom: 4px;
border-radius: 6px;
border-color: var(--rdd-color-text-primary);
border-width: 2px;
}
.system-foundryvtt-reve-de-dragon .munition-content .form-group {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: center;
padding: 2px 0;
border-bottom: 1px solid var(--rdd-color-shadow-primary);
font-size: 0.9rem;
}
.system-foundryvtt-reve-de-dragon .munition-content .form-group label {
font-weight: normal;
flex: 2;
padding-left: 5px;
margin: 0;
color: var(--rdd-color-text-primary);
}
.system-foundryvtt-reve-de-dragon .munition-content .form-group .attribute-value,
.system-foundryvtt-reve-de-dragon .munition-content .form-group input[type="text"],
.system-foundryvtt-reve-de-dragon .munition-content .form-group input[type="number"],
.system-foundryvtt-reve-de-dragon .munition-content .form-group select {
flex: 3;
background: var(--rdd-input-background);
border: 1px solid var(--rdd-color-border-input);
color: var(--rdd-color-text-input);
padding: 2px 2px;
border-radius: 3px;
}
.system-foundryvtt-reve-de-dragon .munition-content .form-group input[type="checkbox"] {
flex: 0 0 20px;
margin-left: 5px;
}
.system-foundryvtt-reve-de-dragon .munition-content .sheet-header-row {
display: flex;
flex-direction: row;
align-items: center;
}
.system-foundryvtt-reve-de-dragon .munition-content .sheet-header-row h1,
.system-foundryvtt-reve-de-dragon .munition-content .sheet-header-row input {
font-family: CaslonAntique;
font-size: 2.5rem;
font-weight: normal;
color: var(--window-header-title-color);
margin: 4px;
height: 3rem;
}
.system-foundryvtt-reve-de-dragon .munition-content :is(
input[type="text"],
input[type="number"],
input[type="password"],
input[type="datetime-local"],
input[type="date"],
input[type="time"]
) {
color: rgba(255, 255, 255, 0.75);
background: rgba(255, 255, 255, 0.1);
border: 0 none;
margin-bottom: 0.2rem;
}
.system-foundryvtt-reve-de-dragon .tarot-content {
padding: 0px;
background: #011d33 url(../assets/ui/bg_header.webp) no-repeat left top;
color: #ffffff;
}
.system-foundryvtt-reve-de-dragon .tarot-content .editor,
.system-foundryvtt-reve-de-dragon .tarot-content .editor-content {
height: auto;
min-height: 100px;
background: var(--rdd-bg-input-alt);
padding: 5px;
border-radius: 3px;
color: var(--rdd-color-text-primary);
}
.system-foundryvtt-reve-de-dragon .tarot-content .window-content {
font-family: CaslonAntique;
text-align: justify;
font-size: 1rem;
letter-spacing: 1px;
padding: 0% 0 0 0;
font-size: calc(var(--font-size-standard) * 1);
color: var(--color-dark-1);
background-size: 100% 100%;
}
.system-foundryvtt-reve-de-dragon .tarot-content fieldset {
background: var(--fieldset-background);
color: var(--rdd-color-text-primary);
margin-bottom: 4px;
border-radius: 6px;
border-color: var(--rdd-color-text-primary);
border-width: 2px;
}
.system-foundryvtt-reve-de-dragon .tarot-content .form-group {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: center;
padding: 2px 0;
border-bottom: 1px solid var(--rdd-color-shadow-primary);
font-size: 0.9rem;
}
.system-foundryvtt-reve-de-dragon .tarot-content .form-group label {
font-weight: normal;
flex: 2;
padding-left: 5px;
margin: 0;
color: var(--rdd-color-text-primary);
}
.system-foundryvtt-reve-de-dragon .tarot-content .form-group .attribute-value,
.system-foundryvtt-reve-de-dragon .tarot-content .form-group input[type="text"],
.system-foundryvtt-reve-de-dragon .tarot-content .form-group input[type="number"],
.system-foundryvtt-reve-de-dragon .tarot-content .form-group select {
flex: 3;
background: var(--rdd-input-background);
border: 1px solid var(--rdd-color-border-input);
color: var(--rdd-color-text-input);
padding: 2px 2px;
border-radius: 3px;
}
.system-foundryvtt-reve-de-dragon .tarot-content .form-group input[type="checkbox"] {
flex: 0 0 20px;
margin-left: 5px;
}
.system-foundryvtt-reve-de-dragon .tarot-content .sheet-header-row {
display: flex;
flex-direction: row;
align-items: center;
}
.system-foundryvtt-reve-de-dragon .tarot-content .sheet-header-row h1,
.system-foundryvtt-reve-de-dragon .tarot-content .sheet-header-row input {
font-family: CaslonAntique;
font-size: 2.5rem;
font-weight: normal;
color: var(--window-header-title-color);
margin: 4px;
height: 3rem;
}
.system-foundryvtt-reve-de-dragon .tarot-content :is(
input[type="text"],
input[type="number"],
input[type="password"],
input[type="datetime-local"],
input[type="date"],
input[type="time"]
) {
color: rgba(255, 255, 255, 0.75);
background: rgba(255, 255, 255, 0.1);
border: 0 none;