VincentVk/foundryvtt-reve-de-dragon
0
0
Fork 0
forked from public/foundryvtt-reve-de-dragon
Code Issues Pull Requests Projects Releases Wiki Activity

Start experiment style for monnaie sheet

Browse Source
This commit is contained in:
Vincent Vandemeulebrouck 2025-02-09 22:29:35 +01:00
parent 791593ad38
commit 856d038dc9
7 changed files with 2719 additions and 2650 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

File diff suppressed because it is too large Load Diff

38
less/colors.less
View File

@ -1,39 +1,13 @@
:root {
/* =================== 1. ACTOR SHEET FONT STYLES =========== */
--window-header-title-font-family: CaslonAntique;
--window-header-title-font-size: 1.6rem;
--window-header-title-font-weight: normal;
--window-header-title-color: #f5f5f5;
--major-button-font-family: CaslonAntique;
--major-button-font-size: 1.4rem;
--major-button-font-weight: normal;
--major-button-color: #dadada;
--tab-header-font-family: CaslonAntique;
--tab-header-font-size: 1.2rem;
--tab-header-font-weight: 700;
--tab-header-color: #403f3e;
--tab-header-color-active: #4a0404;
--actor-input-font-family: CaslonAntique;
--actor-input-font-size: 1.2rem;
--actor-input-font-weight: 500;
--actor-input-color: black;
--actor-label-font-family: CaslonAntique;
--actor-label-font-size: 1.2rem;
--actor-label-font-weight: 700;
--actor-label-color: #464331c4;
/* =================== 2. DEBUGGING HIGHLIGHTERS ============ */
--debug-background-color-red: #ff000054;
--debug-background-color-blue: #1d00ff54;
--debug-background-color-green: #54ff0054;
// --debug-background-color-red: #ff000054;
// --debug-background-color-blue: #1d00ff54;
// --debug-background-color-green: #54ff0054;
--debug-box-shadow-red: inset 0 0 2px red;
--debug-box-shadow-blue: inset 0 0 2px blue;
--debug-box-shadow-green: inset 0 0 2px green;
// --debug-box-shadow-red: inset 0 0 2px red;
// --debug-box-shadow-blue: inset 0 0 2px blue;
// --debug-box-shadow-green: inset 0 0 2px green;
/* =================== 3. some constants ============ */
--color-controls:rgba(0, 0, 0, 0.9);

54
less/fonts.less
View File

@ -28,3 +28,57 @@
font-weight: normal;
font-style: normal;
}
:root {
/* =================== 1. ACTOR SHEET FONT STYLES =========== */
--window-header-title-font-family: CaslonAntique;
--window-header-title-font-size: 1.6rem;
--window-header-title-font-weight: normal;
--window-header-title-color: #f5f5f5;
--major-button-font-family: CaslonAntique;
--major-button-font-size: 1.4rem;
--major-button-font-weight: normal;
--major-button-color: #dadada;
--tab-header-font-family: CaslonAntique;
--tab-header-font-size: 1.2rem;
--tab-header-font-weight: 700;
--tab-header-color: #403f3e;
--tab-header-color-active: #4a0404;
--actor-input-font-family: CaslonAntique;
--actor-input-font-size: 1.2rem;
--actor-input-font-weight: 500;
--actor-input-color: black;
--actor-label-font-family: CaslonAntique;
--actor-label-font-size: 1.2rem;
--actor-label-font-weight: 700;
--actor-label-color: #464331c4;
}
/* Global styles & Font */
.window-app {
font-family: CaslonAntique;
text-align: justify;
font-size: 1rem;
letter-spacing: 1px;
}
/* Fonts */
.sheet header.sheet-header h1 input,
.window-app .window-header,
#actors .directory-list,
#navigation #scene-list .scene.nav-item {
font-family: "GoudyAcc"
}
/* For title, sidebar character and scene */
.sheet nav.sheet-tabs,
.window-app input,
.sheet header.sheet-header .header-compteurs,
.sheet header.sheet-header .flex-group-center.flex-fatigue,
select, button, .item-checkbox, #sidebar, #players, #navigation #nav-toggle {
font-family: "CaslonAntique"; /* For sheet parts; For nav and title */
}

65
less/foundryvtt-reve-de-dragon.less
View File

@ -1,32 +1,13 @@
@import "fonts.less";
@import "colors.less";
body {
--input-height: 1.4rem;
}
.system-foundryvtt-reve-de-dragon {
@import "sheets.less";
@import "item/monnaie.less";
/* Global styles & Font */
.window-app {
font-family: CaslonAntique;
text-align: justify;
font-size: 1rem;
letter-spacing: 1px;
}
/* Fonts */
.sheet header.sheet-header h1 input,
.window-app .window-header,
#actors .directory-list,
#navigation #scene-list .scene.nav-item {
font-family: "GoudyAcc"
} /* For title, sidebar character and scene */
.sheet nav.sheet-tabs,
.window-app input,
.sheet header.sheet-header .header-compteurs,
.sheet header.sheet-header .flex-group-center.flex-fatigue,
select, button, .item-checkbox, #sidebar, #players, #navigation #nav-toggle {
font-family: "CaslonAntique"; /* For sheet parts; For nav and title */
}
// body {
// --input-height: 1.4rem;
// }
.window-header{
background: rgba(0,0,0,0.75);
@ -49,23 +30,21 @@ i:is(.fas, .far, .fa-solid, .fa-regular, .fa-sharp ) {
}
/* =================== En-têtes de feuilles ============ */
.system-foundryvtt-reve-de-dragon .sheet-header h1.charname {
.sheet-header h1.charname {
height: 48px;
padding: 0.1rem 0.1rem;
margin: 0;
margin-bottom: 0px;
border: 0;
min-width: none;
flex: auto;
flex-basis: 30%;
}
.system-foundryvtt-reve-de-dragon .window-app.sheet .window-content .sheet-header h1.charname input[type="text"] {
.window-app.sheet .window-content .sheet-header h1.charname input[type="text"] {
width: 100%;
height: 100%;
margin: 0;
}
.system-foundryvtt-reve-de-dragon .sheet-header div.header-buttons {
.sheet-header div.header-buttons {
height: 48px;
padding: 0.1rem 0.1rem;
margin: 0;
@ -73,32 +52,31 @@ i:is(.fas, .far, .fa-solid, .fa-regular, .fa-sharp ) {
flex: initial;
}
.system-foundryvtt-reve-de-dragon .sheet-header div.header-buttons img.button-img {
max-height: 48px;
.sheet-header div.header-buttons img.button-img {
padding: 0.1rem 0.1rem;
margin: 0;
width: fit-content;
}
.system-foundryvtt-reve-de-dragon .sheet-header div.tmr-buttons {
.sheet-header div.tmr-buttons {
padding: 0;
margin: 0;
flex: 0;
flex-direction: column;
}
.system-foundryvtt-reve-de-dragon .sheet-header div.tmr-buttons img.button-img {
.sheet-header div.tmr-buttons img.button-img {
max-width: 32px;
padding: 0;
margin-top: -8px;
margin-bottom: -8px;
}
.system-foundryvtt-reve-de-dragon .sheet-header :is(.header-compteurs,.header-etats,.profile-img, .profile-img-token){
.sheet-header :is(.header-compteurs,.header-etats,.profile-img, .profile-img-token){
padding: 0 0.4rem;
}
.system-foundryvtt-reve-de-dragon .sheet-header :is(.profile-img, .profile-img-token) {
.sheet-header :is(.profile-img, .profile-img-token) {
-webkit-box-flex: 0;
-ms-flex: 0 0 110px;
flex: 0 0 110px;
@ -110,7 +88,7 @@ i:is(.fas, .far, .fa-solid, .fa-regular, .fa-sharp ) {
border: 1px solid var(--color-profile-border);
}
.system-foundryvtt-reve-de-dragon .rdd-item-sheet-tarot img.profile-img {
.rdd-item-sheet-tarot img.profile-img {
max-height: 600px;
max-width: 200px;
width: max-content;
@ -121,7 +99,7 @@ i:is(.fas, .far, .fa-solid, .fa-regular, .fa-sharp ) {
object-position: 50% 0;
object-fit: contain;
}
.system-foundryvtt-reve-de-dragon img.equipement-inutilisable {
img.equipement-inutilisable {
vertical-align: bottom ;
max-width: 1.4rem;
max-height: 1.4rem;
@ -129,20 +107,20 @@ i:is(.fas, .far, .fa-solid, .fa-regular, .fa-sharp ) {
background: center / contain no-repeat url('../../assets/ui/icone_parchement_vierge.webp');
}
.system-foundryvtt-reve-de-dragon .sheet-header .header-compteurs {
.sheet-header .header-compteurs {
width: calc(60% - 110px - 1rem);
text-align: right;
max-width: fit-content;
}
.system-foundryvtt-reve-de-dragon .sheet-header div.header-etats {
.sheet-header div.header-etats {
width: calc(40% - 32px - 1rem);
height: 48px;
max-width: fit-content;
flex: initial;
}
.system-foundryvtt-reve-de-dragon .sheet-header .resource-content {
.sheet-header .resource-content {
width: 2rem;
}
@ -956,7 +934,6 @@ section.sheet-body {
flex: 3;
}
.sheet header.sheet-header img.button-img{
max-height: 48px;
padding: 1px;
margin: 1px;
}
@ -2107,3 +2084,5 @@ div.fenetre-recherche div.liste-resultats-recherche div.resultat {
width: fit-content;
margin: 0.2rem 0.5rem;
}
}

10
less/item/monnaie.less Normal file
View File

@ -0,0 +1,10 @@
.application.sheet.fvtt-rdd {
.sheet-common();
section.window-content{
padding: 0rem;
section header.sheet-header {
.sheet-header();
}
}
}

32
less/sheets.less Normal file
View File

@ -0,0 +1,32 @@
.sheet-common() {
.window-content{
font-family: CaslonAntique;
text-align: justify;
font-size: 1rem;
letter-spacing: 1px;
font-size: calc(var(--font-size-standard) * 1);
color: var(--color-dark-1);
background: var(--background-image-base) no-repeat;
background-size: 100% 100%;
}
}
.sheet-header() {
background: #011d33 url(../assets/ui/bg_header.webp) no-repeat left top;
color: rgba(255, 255, 255, 1);
: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;
}
}

1
templates/sheets/item/monnaie.hbs
View File

@ -3,3 +3,4 @@
{{>"systems/foundryvtt-reve-de-dragon/templates/sheets/item/common/template-inventaire.hbs"}}
{{>"systems/foundryvtt-reve-de-dragon/templates/sheets/item/common/template-description.hbs"}}
</section>