diff --git a/styles/img/ui/ajout-competence.svg b/assets/ui/ajout-competence.svg similarity index 100% rename from styles/img/ui/ajout-competence.svg rename to assets/ui/ajout-competence.svg diff --git a/styles/img/apercu.webp b/assets/ui/apercu.webp similarity index 100% rename from styles/img/apercu.webp rename to assets/ui/apercu.webp diff --git a/styles/img/ui/appel-chance.svg b/assets/ui/appel-chance.svg similarity index 100% rename from styles/img/ui/appel-chance.svg rename to assets/ui/appel-chance.svg diff --git a/styles/img/ui/astro-disque.svg b/assets/ui/astro-disque.svg similarity index 100% rename from styles/img/ui/astro-disque.svg rename to assets/ui/astro-disque.svg diff --git a/styles/img/ui/bg_control.webp b/assets/ui/bg_control.webp similarity index 100% rename from styles/img/ui/bg_control.webp rename to assets/ui/bg_control.webp diff --git a/styles/img/bg_full.webp b/assets/ui/bg_full.webp similarity index 100% rename from styles/img/bg_full.webp rename to assets/ui/bg_full.webp diff --git a/styles/img/bg_header.webp b/assets/ui/bg_header.webp similarity index 100% rename from styles/img/bg_header.webp rename to assets/ui/bg_header.webp diff --git a/styles/img/bg_header_old.webp b/assets/ui/bg_header_old.webp similarity index 100% rename from styles/img/bg_header_old.webp rename to assets/ui/bg_header_old.webp diff --git a/styles/img/bg_left.webp b/assets/ui/bg_left.webp similarity index 100% rename from styles/img/bg_left.webp rename to assets/ui/bg_left.webp diff --git a/styles/img/bg_menu.webp b/assets/ui/bg_menu.webp similarity index 100% rename from styles/img/bg_menu.webp rename to assets/ui/bg_menu.webp diff --git a/styles/img/bg_right.webp b/assets/ui/bg_right.webp similarity index 100% rename from styles/img/bg_right.webp rename to assets/ui/bg_right.webp diff --git a/styles/img/bg_sid.webp b/assets/ui/bg_sid.webp similarity index 100% rename from styles/img/bg_sid.webp rename to assets/ui/bg_sid.webp diff --git a/styles/img/bg_sid_dark.webp b/assets/ui/bg_sid_dark.webp similarity index 100% rename from styles/img/bg_sid_dark.webp rename to assets/ui/bg_sid_dark.webp diff --git a/styles/img/ui/broken.svg b/assets/ui/broken.svg similarity index 100% rename from styles/img/ui/broken.svg rename to assets/ui/broken.svg diff --git a/styles/img/ui/compendium_banner.webp b/assets/ui/compendium_banner.webp similarity index 100% rename from styles/img/ui/compendium_banner.webp rename to assets/ui/compendium_banner.webp diff --git a/styles/img/ui/dir-bottom.svg b/assets/ui/dir-bottom.svg similarity index 100% rename from styles/img/ui/dir-bottom.svg rename to assets/ui/dir-bottom.svg diff --git a/styles/img/ui/dir-bottomleft.svg b/assets/ui/dir-bottomleft.svg similarity index 100% rename from styles/img/ui/dir-bottomleft.svg rename to assets/ui/dir-bottomleft.svg diff --git a/styles/img/ui/dir-bottomright.svg b/assets/ui/dir-bottomright.svg similarity index 100% rename from styles/img/ui/dir-bottomright.svg rename to assets/ui/dir-bottomright.svg diff --git a/styles/img/ui/dir-center.svg b/assets/ui/dir-center.svg similarity index 100% rename from styles/img/ui/dir-center.svg rename to assets/ui/dir-center.svg diff --git a/styles/img/ui/dir-left.svg b/assets/ui/dir-left.svg similarity index 100% rename from styles/img/ui/dir-left.svg rename to assets/ui/dir-left.svg diff --git a/styles/img/ui/dir-right.svg b/assets/ui/dir-right.svg similarity index 100% rename from styles/img/ui/dir-right.svg rename to assets/ui/dir-right.svg diff --git a/styles/img/ui/dir-top.svg b/assets/ui/dir-top.svg similarity index 100% rename from styles/img/ui/dir-top.svg rename to assets/ui/dir-top.svg diff --git a/styles/img/ui/dir-topleft.svg b/assets/ui/dir-topleft.svg similarity index 100% rename from styles/img/ui/dir-topleft.svg rename to assets/ui/dir-topleft.svg diff --git a/styles/img/ui/dir-topright.svg b/assets/ui/dir-topright.svg similarity index 100% rename from styles/img/ui/dir-topright.svg rename to assets/ui/dir-topright.svg diff --git a/styles/img/ecran_rdd.webp b/assets/ui/ecran_rdd.webp similarity index 100% rename from styles/img/ecran_rdd.webp rename to assets/ui/ecran_rdd.webp diff --git a/styles/img/ui/footer-button.webp b/assets/ui/footer-button.webp similarity index 100% rename from styles/img/ui/footer-button.webp rename to assets/ui/footer-button.webp diff --git a/styles/img/ui/hotkeybox-macro-list.webp b/assets/ui/hotkeybox-macro-list.webp similarity index 100% rename from styles/img/ui/hotkeybox-macro-list.webp rename to assets/ui/hotkeybox-macro-list.webp diff --git a/styles/img/ui/icon-search.svg b/assets/ui/icon-search.svg similarity index 100% rename from styles/img/ui/icon-search.svg rename to assets/ui/icon-search.svg diff --git a/styles/img/ui/icon-tmr-normal.svg b/assets/ui/icon-tmr-normal.svg similarity index 100% rename from styles/img/ui/icon-tmr-normal.svg rename to assets/ui/icon-tmr-normal.svg diff --git a/styles/img/ui/icon-tmr-rapide.svg b/assets/ui/icon-tmr-rapide.svg similarity index 100% rename from styles/img/ui/icon-tmr-rapide.svg rename to assets/ui/icon-tmr-rapide.svg diff --git a/styles/img/ui/icon-tmr-view.svg b/assets/ui/icon-tmr-view.svg similarity index 100% rename from styles/img/ui/icon-tmr-view.svg rename to assets/ui/icon-tmr-view.svg diff --git a/styles/img/ui/icon_echoppe.webp b/assets/ui/icon_echoppe.webp similarity index 100% rename from styles/img/ui/icon_echoppe.webp rename to assets/ui/icon_echoppe.webp diff --git a/styles/img/ui/icon_sidebar_actor.svg b/assets/ui/icon_sidebar_actor.svg similarity index 100% rename from styles/img/ui/icon_sidebar_actor.svg rename to assets/ui/icon_sidebar_actor.svg diff --git a/styles/img/ui/icon_sidebar_chat.svg b/assets/ui/icon_sidebar_chat.svg similarity index 100% rename from styles/img/ui/icon_sidebar_chat.svg rename to assets/ui/icon_sidebar_chat.svg diff --git a/styles/img/ui/icon_sidebar_compendium.svg b/assets/ui/icon_sidebar_compendium.svg similarity index 100% rename from styles/img/ui/icon_sidebar_compendium.svg rename to assets/ui/icon_sidebar_compendium.svg diff --git a/styles/img/ui/icon_sidebar_fight.svg b/assets/ui/icon_sidebar_fight.svg similarity index 100% rename from styles/img/ui/icon_sidebar_fight.svg rename to assets/ui/icon_sidebar_fight.svg diff --git a/styles/img/ui/icon_sidebar_item.svg b/assets/ui/icon_sidebar_item.svg similarity index 100% rename from styles/img/ui/icon_sidebar_item.svg rename to assets/ui/icon_sidebar_item.svg diff --git a/styles/img/ui/icon_sidebar_journal.svg b/assets/ui/icon_sidebar_journal.svg similarity index 100% rename from styles/img/ui/icon_sidebar_journal.svg rename to assets/ui/icon_sidebar_journal.svg diff --git a/styles/img/ui/icon_sidebar_music.svg b/assets/ui/icon_sidebar_music.svg similarity index 100% rename from styles/img/ui/icon_sidebar_music.svg rename to assets/ui/icon_sidebar_music.svg diff --git a/styles/img/ui/icon_sidebar_rolltable.svg b/assets/ui/icon_sidebar_rolltable.svg similarity index 100% rename from styles/img/ui/icon_sidebar_rolltable.svg rename to assets/ui/icon_sidebar_rolltable.svg diff --git a/styles/img/ui/icon_sidebar_scene.svg b/assets/ui/icon_sidebar_scene.svg similarity index 100% rename from styles/img/ui/icon_sidebar_scene.svg rename to assets/ui/icon_sidebar_scene.svg diff --git a/styles/img/ui/icon_sidebar_settings.svg b/assets/ui/icon_sidebar_settings.svg similarity index 100% rename from styles/img/ui/icon_sidebar_settings.svg rename to assets/ui/icon_sidebar_settings.svg diff --git a/styles/img/ui/icone_parchement_vierge.webp b/assets/ui/icone_parchement_vierge.webp similarity index 100% rename from styles/img/ui/icone_parchement_vierge.webp rename to assets/ui/icone_parchement_vierge.webp diff --git a/styles/img/logo.webp b/assets/ui/logo.webp similarity index 100% rename from styles/img/logo.webp rename to assets/ui/logo.webp diff --git a/styles/img/ui/players-border.webp b/assets/ui/players-border.webp similarity index 100% rename from styles/img/ui/players-border.webp rename to assets/ui/players-border.webp diff --git a/styles/img/ui/rdd-aiguille-horloge.svg b/assets/ui/rdd-aiguille-horloge.svg similarity index 100% rename from styles/img/ui/rdd-aiguille-horloge.svg rename to assets/ui/rdd-aiguille-horloge.svg diff --git a/styles/img/ui/rdd-aiguille-minute.svg b/assets/ui/rdd-aiguille-minute.svg similarity index 100% rename from styles/img/ui/rdd-aiguille-minute.svg rename to assets/ui/rdd-aiguille-minute.svg diff --git a/styles/img/rdd_pause.webp b/assets/ui/rdd_pause.webp similarity index 100% rename from styles/img/rdd_pause.webp rename to assets/ui/rdd_pause.webp diff --git a/styles/img/reve-de-dragon-cover.webp b/assets/ui/reve-de-dragon-cover.webp similarity index 100% rename from styles/img/reve-de-dragon-cover.webp rename to assets/ui/reve-de-dragon-cover.webp diff --git a/styles/img/reve-de-dragon-icon.webp b/assets/ui/reve-de-dragon-icon.webp similarity index 100% rename from styles/img/reve-de-dragon-icon.webp rename to assets/ui/reve-de-dragon-icon.webp diff --git a/styles/img/ui/scriptarium.svg b/assets/ui/scriptarium.svg similarity index 100% rename from styles/img/ui/scriptarium.svg rename to assets/ui/scriptarium.svg diff --git a/styles/img/ui/sidebar_button-background_cyan.webp b/assets/ui/sidebar_button-background_cyan.webp similarity index 100% rename from styles/img/ui/sidebar_button-background_cyan.webp rename to assets/ui/sidebar_button-background_cyan.webp diff --git a/styles/img/ui/sidebar_button-background_red.webp b/assets/ui/sidebar_button-background_red.webp similarity index 100% rename from styles/img/ui/sidebar_button-background_red.webp rename to assets/ui/sidebar_button-background_red.webp diff --git a/styles/img/ui/tmr-v1.webp b/assets/ui/tmr-v1.webp similarity index 100% rename from styles/img/ui/tmr-v1.webp rename to assets/ui/tmr-v1.webp diff --git a/styles/img/ui/tmr-v2.webp b/assets/ui/tmr-v2.webp similarity index 100% rename from styles/img/ui/tmr-v2.webp rename to assets/ui/tmr-v2.webp diff --git a/styles/img/ui/tmr-v3-couleur.webp b/assets/ui/tmr-v3-couleur.webp similarity index 100% rename from styles/img/ui/tmr-v3-couleur.webp rename to assets/ui/tmr-v3-couleur.webp diff --git a/css/foundryvtt-reve-de-dragon.css b/css/foundryvtt-reve-de-dragon.css new file mode 100644 index 00000000..47fa40b2 --- /dev/null +++ b/css/foundryvtt-reve-de-dragon.css @@ -0,0 +1,2196 @@ +/* ==================== (A) Fonts ==================== */ +@font-face { + font-family: "GoudyAcc"; + src: url('../fonts/goudyacc.ttf') format("truetype"); +} +@font-face { + font-family: "MedievalSharp"; + src: url('../fonts/MedievalSharp.ttf') format("truetype"); +} +@font-face { + font-family: "GrenzeGotisch"; + src: url('../fonts/GrenzeGotisch-Regular.ttf') format("truetype"); +} +@font-face { + font-family: "Fondamento"; + src: url('../fonts/Fondamento.ttf') format("truetype"); +} +@font-face { + font-family: "CaslonAntique"; + src: url('../fonts/CaslonAntique.ttf') format("truetype"); +} +@font-face { + font-family: 'HeuresDraconiques'; + src: url('../fonts/heuresdraconiques2.woff') format('woff'), url('../fonts/heuresdraconiques2.woff2') format('woff2'), url('../fonts/heuresdraconiques2.ttf') format('truetype'); + 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; + /* =================== 2. DEBUGGING HIGHLIGHTERS ============ */ + --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; + /* =================== 3. some constants ============ */ + --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); + --color-control-border-hover: rgba(255, 128, 0, 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)); + --gradient-green: linear-gradient(30deg, rgba(7, 76, 0, 0.3), rgba(66, 163, 65, 0.2), rgba(184, 226, 163, 0.1), rgba(66, 163, 65, 0.2), rgba(184, 226, 163, 0.3)); + --gradient-red: linear-gradient(150deg, rgba(255, 0, 0, 0.3), rgba(255, 200, 128, 0.05), rgba(255, 200, 128, 0.1), rgba(255, 10, 0, 0.3)); + --gradient-violet: linear-gradient(150deg, rgba(100, 45, 124, 0.6), rgba(216, 157, 192, 0.3), rgba(177, 157, 216, 0.5), rgba(107, 62, 121, 0.3), rgba(100, 45, 124, 0.6)); + --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-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); + --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); +} +body { + --input-height: 1.4rem; +} +/* 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 */ +} +.window-header { + background: rgba(0, 0, 0, 0.75); +} +.window-app.sheet .window-content { + margin: 0; + padding: 0; +} +section.window-content div.dialog-buttons { + margin-top: 1rem; +} +.strong-text { + font-weight: bold; +} +i:is(.fas, .far, .fa-solid, .fa-regular, .fa-sharp ) { + font-size: smaller; +} +/* =================== En-têtes de feuilles ============ */ +.system-foundryvtt-reve-de-dragon .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"] { + width: 100%; + height: 100%; + margin: 0; +} +.system-foundryvtt-reve-de-dragon .sheet-header div.header-buttons { + height: 48px; + padding: 0.1rem 0.1rem; + margin: 0; + width: fit-content; + flex: initial; +} +.system-foundryvtt-reve-de-dragon .sheet-header div.header-buttons img.button-img { + max-height: 48px; + padding: 0.1rem 0.1rem; + margin: 0; + width: fit-content; +} +.system-foundryvtt-reve-de-dragon .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 { + 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) { + padding: 0 0.4rem; +} +.system-foundryvtt-reve-de-dragon .sheet-header :is(.profile-img, .profile-img-token) { + -webkit-box-flex: 0; + -ms-flex: 0 0 110px; + flex: 0 0 110px; + height: 110px; + width: 110px; + padding: 0.2rem; + object-fit: contain; + background-color: var(--color-profile-border); + border: 1px solid var(--color-profile-border); +} +.system-foundryvtt-reve-de-dragon .rdd-item-sheet-tarot img.profile-img { + max-height: 600px; + max-width: 200px; + width: max-content; + margin-right: 0px; + object-fit: scale-down; + border: none; + margin-right: 5px; + object-position: 50% 0; + object-fit: contain; +} +.system-foundryvtt-reve-de-dragon img.equipement-inutilisable { + vertical-align: bottom ; + max-width: 1.4rem; + max-height: 1.4rem; + border: 1px; + background: center / contain no-repeat url('../../assets/ui/icone_parchement_vierge.webp'); +} +.system-foundryvtt-reve-de-dragon .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 { + width: calc(40% - 32px - 1rem); + height: 48px; + max-width: fit-content; + flex: initial; +} +.system-foundryvtt-reve-de-dragon .sheet-header .resource-content { + width: 2rem; +} +/* =================== Navigation ============ */ +.sheet nav.sheet-tabs { + font-size: 0.7rem; + font-weight: bold; + height: 4rem; + flex: 0 0 4rem; + margin: 0; + padding: 0 0 0 0.1rem; + text-align: center; + text-transform: uppercase; + line-height: 2rem; + border-top: 0 none; + border-bottom: 0 none; + color: rgba(52, 52, 52, 0.95); + background: #f5f5f0 url(../assets/ui/bg_menu.webp) no-repeat left top; +} +.sheet nav.sheet-tabs .item, +nav.sheet-tabs .item { + position: relative; + padding: 0.1rem 0.2rem; +} +nav.sheet-tabs .item:after { + content: ""; + position: absolute; + top: 0; + right: 0; + height: 2rem; + width: 1px; + border-right: 1px dashed rgba(52, 52, 52, 0.25); +} +/* =================== Fenêtre TMR ============ */ +div.tmrdialog { + width: fit-content !important; + height: fit-content !important; + max-height: 1024px; +} +div.tmrdialog .window-content { + margin: 0; + padding: 0; + width: fit-content; + max-width: fit-content; + max-height: fit-content; +} +div.tmrdialog div.tmr-map { + width: fit-content; + height: fit-content; + max-height: 1024px; +} +div.tmrdialog div.tmr-actions { + width: 12rem; + max-height: fit-content; +} +div.tmrdialog div.tmr-map { + width: min-content; + padding: 0; + font-size: 0; +} +div.tmrdialog div.tmr-actions { + vertical-align: top; + flex-basis: inherit; + flex: 'flex-shrink'; +} +/* =================== Autres ============ */ +.tabs .item.active, +.blessures-list li ul li:first-child:hover, +i.moral-radio-checkmark-off:hover, +a:hover { + text-shadow: 1px 0px 0px #ff6600; +} +.rollable:hover, +.rollable:focus { + color: #000; + text-shadow: 0 0 10px red; + cursor: pointer; +} +table { + border: 1px solid #7a7971; +} +.grid, +.grid-2col { + display: grid; + grid-column: span 2 / span 2; + grid-template-columns: repeat(2, minmax(0, 1fr)); + gap: 30px; + margin: 10px 0; + padding: 0; +} +.grid-competence-archetype { + display: grid; + grid-column: span 3 / span 3; + grid-template-columns: 2fr 2fr 1fr; + gap: 0.5rem; + margin: 0.5rem 0; + padding: 0; +} +.grid-3col { + grid-column: span 3 / span 3; + grid-template-columns: repeat(3, minmax(0, 1fr)); +} +.grid-4col { + grid-column: span 4 / span 4; + grid-template-columns: repeat(4, minmax(0, 1fr)); +} +.grid-5col { + grid-column: span 5 / span 5; + grid-template-columns: repeat(5, minmax(0, 1fr)); +} +.grid-6col { + grid-column: span 5 / span 5; + grid-template-columns: repeat(5, minmax(0, 1fr)); +} +.grid-7col { + grid-column: span 7 / span 7; + grid-template-columns: repeat(7, minmax(0, 1fr)); +} +.grid-8col { + grid-column: span 8 / span 8; + grid-template-columns: repeat(8, minmax(0, 1fr)); +} +.grid-9col { + grid-column: span 9 / span 9; + grid-template-columns: repeat(9, minmax(0, 1fr)); +} +.grid-10col { + grid-column: span 10 / span 10; + grid-template-columns: repeat(10, minmax(0, 1fr)); +} +.grid-11col { + grid-column: span 11 / span 11; + grid-template-columns: repeat(11, minmax(0, 1fr)); +} +.grid-12col { + grid-column: span 12 / span 12; + grid-template-columns: repeat(12, minmax(0, 1fr)); +} +.flex-group-center { + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + text-align: center; + padding: 0.1rem; +} +.flex-group-left { + -webkit-box-align: start; + -webkit-box-pack: start; + -ms-flex-align: start; + -ms-flex-pack: start; + align-items: start; + justify-content: flex-start; + text-align: left; +} +.flex-group-top { + vertical-align: top; + align-self: start; +} +.flex-group-right { + -webkit-box-align: end; + -webkit-box-pack: end; + -ms-flex-align: end; + -ms-flex-pack: end; + align-items: end; + justify-content: flex-end; + text-align: right; +} +.flex-center { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + text-align: center; +} +.flex-between { + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; +} +.flex-shrink { + flex: 'flex-shrink'; + flex-shrink: 0; +} +.flex-grow, +.flex-grow-3 { + flex-grow: 3; +} +.flex-grow-2 { + flex-grow: 2; +} +.flex-grow-1 { + flex-grow: 1; +} +.flex-grow-0-5 { + flex-grow: 0.5; +} +.voyage-liste-survies { + max-width: 12rem; +} +/* Styles limited to foundryvtt-reve-de-dragon sheets */ +.texte-dans-liste { + text-align: left; +} +.equipement-nom { + flex-grow: 3; + margin: 0; + justify-content: center; + text-align: left; +} +.equipement-valeur { + margin: 0; + flex-grow: 1.5; + text-align: center; +} +.equipement-detail { + margin: 0; + flex-grow: 1; + align-items: center; + justify-content: center; + text-align: center; +} +span.equipement-detail-buttons { + margin: 0; + flex-grow: 1.5; + align-items: center; + justify-content: center; + text-align: center; +} +.equipement-button { + margin: 0; + flex-grow: 0.5; + align-items: center; + justify-content: center; + text-align: center; +} +.item-actions-controls, +.equipement-actions { + margin: 0; + flex-grow: 2; + align-items: end; + justify-content: flex-end; + text-align: right; +} +.blessure-control { + flex-grow: 1; + flex-direction: row; +} +.blessure-soins { + flex-direction: row; + align-content: flex-start; + justify-content: flex-start; + margin-right: 2px; + margin-left: 2px; + padding: 2px; +} +input:is(.blessure-psdone, .blessure-scdone) { + width: 20px; +} +input:is(.blessure-premiers_soins, .blessure-soins_complets) { + width: calc(100% - 25px); +} +.blessure-jours { + flex-direction: row; + align-content: flex-start; + justify-content: flex-start; +} +.blessure-localisation { + flex-direction: row; + align-content: flex-start; + justify-content: flex-start; +} +.blessure-inactive { + color: rgba(150, 150, 150, 0.4); +} +.blessure-active-2, +.blessure-active-legere { + color: rgba(60, 60, 60, 0.9); + text-shadow: 1px 1px 4px #3c3c3c; +} +.blessure-active-4, +.blessure-active-grave { + color: rgba(218, 126, 21, 0.9); + text-shadow: 1px 1px 4px #3c3c3c; +} +.blessure-active-6, +.blessure-active-critique { + color: rgba(173, 36, 26, 0.9); + text-shadow: 1px 1px 4px #3c3c3c; +} +.rdd-dialog-select img.select-img { + -webkit-box-flex: 0; + -ms-flex: 0 0 48px; + flex: 0 0 48px; + max-height: 48px; + max-width: 48px; + border: 0; + margin-right: 0.5rem; + object-fit: cover; + vertical-align: baseline; +} +.rdd-dialog-select li.select-choice { + vertical-align: baseline; + padding: 0.1rem; +} +.dice-img { + border-width: 0; + max-width: 1.5rem; + max-height: 1.5rem; + vertical-align: top; +} +.in-text-img { + max-width: 1.2em; + max-height: 1.2em; + flex-grow: 0; + margin-right: 0.2rem; + vertical-align: bottom; + border: none; + padding: 0.1rem; +} +.context-menu-img { + max-width: 2rem; + max-height: 1rem; + flex-grow: 0; + margin: 0.2rem 0.3rem 0 0; + vertical-align: middle; + border: none; + padding: 0rem; +} +.button-img { + vertical-align: baseline; + max-width: 32px; + max-height: 32px; + border-width: 0; + border: 1px solid rgba(0, 0, 0, 0); +} +.img-signe-heure { + vertical-align: bottom; + max-width: 1.5em; + max-height: 1.5em; + border-width: 0; +} +.dimmed { + opacity: 50%; +} +.button-effect-img { + vertical-align: baseline; + max-width: 16px; + max-height: 16px; + border-width: 0; +} +.button-effect-info { + vertical-align: baseline; + width: 1.4rem; + height: 1.4rem; + background-color: var(--color-tooltip); + padding: 0.2em; + border-width: 0; +} +.small-button-direction { + max-height: 32px; + max-width: 32px; + border: 0; + vertical-align: bottom; +} +:is(.button-img,.button-effect-img,.small-button-direction):hover { + color: var(--color-controls-hover); + border: 1px solid var(--color-control-border-hover); + text-shadow: 1px 0px 0px #ff6600; + cursor: pointer; +} +.small-button-container { + max-height: 16px; + max-width: 16px; + border: 0; + vertical-align: bottom; +} +.foundryvtt-reve-de-dragon .sheet-header .header-fields { + -webkit-box-flex: 1; + -ms-flex: 1; + flex: 1; +} +.foundryvtt-reve-de-dragon .sheet-header h1.charname { + height: 50px; + padding: 0px; + margin: 5px 0; + border-bottom: 0; +} +.foundryvtt-reve-de-dragon .sheet-header h1.charname input { + width: 100%; + height: 100%; + margin: 0; +} +.foundryvtt-reve-de-dragon .sheet-tabs { + -webkit-box-flex: 0; + -ms-flex: 0; + flex: 0; +} +.foundryvtt-reve-de-dragon .sheet-body, +.foundryvtt-reve-de-dragon .sheet-body .tab { + height: 100%; +} +.rdd.sheet .window-content { + overflow: hidden; +} +.rdd.sheet .window-content .sheet-body { + overflow-y: scroll; +} +.rdd.sheet .window-content .sheet-body .tab { + padding-bottom: 30px; +} +.rdd.sheet .window-content .sheet-body .competence-list { + width: 100%; +} +.rdd.sheet .window-content .sheet-body .carac-list { + width: 100%; + flex-grow: 0; +} +.rdd.sheet .window-content .sheet-body .carac-list .caracteristique { + flex-wrap: nowrap; + justify-content: stretch; +} +.rdd.sheet .window-content .sheet-body .carac-list .caracteristique.streched { + flex-wrap: nowrap; + justify-content: stretch; + flex-basis: 7.5em; + width: max-content; +} +.carac-label { + font-weight: bold; + flex-basis: 40%; +} +.rdd.sheet .window-content .sheet-body .carac-list .caracteristique > .utiliser-attribut { + flex-basis: available; + flex-grow: 1; +} +.rdd.sheet .window-content .sheet-body .carac-list .caracteristique .carac-value { + flex-basis: 15%; + flex-grow: 0; +} +.rdd.sheet .window-content .sheet-body .carac-list .caracteristique .carac-xp { + flex-basis: 13%; + flex-grow: 0; +} +.rdd.sheet .window-content .sheet-body .carac-list .caracteristique .derivee-label { + flex-grow: 1; +} +.rdd.sheet .window-content .sheet-body .carac-list .caracteristique .derivee-value { + flex-grow: 0; + flex-basis: 15%; + margin-right: 0.2rem; + margin-left: 0.2rem; +} +.flex-grow-1 { + flex-grow: 1; +} +.flex-grow-2 { + flex-grow: 2; +} +.flex-grow-3 { + flex-grow: 3; +} +fieldset { + border-style: groove; + border-width: 0.1rem; + padding-inline: 0.2rem; + padding-block: 0.1rem; + margin-inline: 0.1rem; + margin-block: 0.1rem; +} +form.application.sheet.fvtt-rdd fieldset :is(label, input) { + font-family: CaslonAntique; + text-align: justify; + font-size: 1rem; + letter-spacing: 1px; +} +form.application.sheet.fvtt-rdd div.form-group { + clear: both; + display: flex; + flex-direction: row; + flex-wrap: wrap; + margin: 0.1rem 0; + align-items: center; +} +form.application.sheet.fvtt-rdd .editor.prosemirror { + height: fit-content; + min-height: 5rem; +} +form.application.sheet.fvtt-rdd prose-mirror.prosemirror .editor-container { + min-height: 5rem; + height: fit-content; + margin: 0; +} +.large-editor { + border: 2; + height: fit-content; + min-height: 12rem; + padding: 0 3px; +} +.editor { + border: 2; + height: fit-content; + min-height: 5rem; + padding: 0 3px; +} +.medium-editor { + border: 2; + min-height: 8rem; + padding: 0 3px; + align-items: top; +} +.small-editor { + border: 2; + min-height: 2rem; + padding: 0 3px; +} +.foundryvtt-reve-de-dragon.sheet :is(.large-editor,.editor,.medium-editor,.small-editor) { + align-items: start; +} +.foundryvtt-reve-de-dragon.sheet :is(.large-editor,.editor,.medium-editor,.small-editor) .editor.prosemirror { + align-items: normal; +} +.foundryvtt-reve-de-dragon .tox .tox-editor-container { + background: #fff; +} +.foundryvtt-reve-de-dragon .tox .tox-edit-area { + padding: 0 8px; +} +.foundryvtt-reve-de-dragon .resource-label { + font-weight: bold; + text-transform: uppercase; +} +.foundryvtt-reve-de-dragon .tabs { + height: 40px; + border-top: 1px solid #AAA; + border-bottom: 1px solid #AAA; +} +.foundryvtt-reve-de-dragon .tabs .item { + line-height: 40px; + font-weight: bold; +} +.foundryvtt-reve-de-dragon .tabs .item.active { + text-decoration: underline; + text-shadow: none; +} +.foundryvtt-reve-de-dragon .item-list { + list-style: none; + padding: 0; + overflow-y: auto; +} +.item-list-title { + flex: 0; +} +.foundryvtt-reve-de-dragon .item-list .item-header { + font-weight: bold; +} +.foundryvtt-reve-de-dragon .item-list .item img { + display: inline; +} +.foundryvtt-reve-de-dragon .item-list .item-name { + margin: 0; +} +.competence-list .item-controls, +.competence-list .item-actions-controls { + display: contents !important; +} +.competence-list .item-actions-controls.hidden-controls, +.competence-list .item-controls.hidden-controls { + display: none !important; +} +.item-actions-controls a.actionItem i:is(.fas, .fa, .fa-solid, .fa-regular), +.item-controls i:is(.fas, .fa, .fa-solid, .fa-regular) { + font-size: 0.8em; + color: var(--color-controls-light); +} +.item-actions-controls a.actionItem i:is(.fas, .fa, .fa-solid, .fa-regular):hover, +.item-controls i:is(.fas, .far, .fa-solid, .fa-regular):hover { + opacity: 0.6; +} +.rdd-roll-dialog .description-sort { + max-width: 550px; +} +.rdd-roll-dialog div.dialog-content input { + font-size: 1rem; +} +.rdd-roll-dialog div.dialog-content input[type="checkbox"] { + width: 1rem; + vertical-align: sub; +} +.rdd-roll-part { + align-items: center; + border-radius: 6px; + padding: 3px; + background: var(--gradient-gold); +} +.rdd-roll-sign { + border-radius: 6px; + padding: 3px; + background: var(--gradient-silver); +} +.rdd-roll-norm { + border-radius: 6px; + padding: 3px; + background: var(--gradient-green); +} +.rdd-roll-notSign, +.rdd-roll-echec { + border-radius: 6px; + padding: 3px; + background: var(--gradient-red); +} +.rdd-roll-epart { + border-radius: 6px; + padding: 3px; + background: var(--gradient-violet); +} +.rdd-roll-etotal { + border-radius: 6px; + padding: 3px; + background: var(--gradient-purple-black); +} +.rdd-diviseur { + border-radius: 6px; + padding: 3px; + background: var(--gradient-red); +} +.rdd-niveau-requis { + font-size: 0.8rem; + text-align: right; +} +.placeholder-ajustements { + flex-direction: column; +} +.table-resolution-carac { + background-color: yellow; +} +.table-resolution-target { + font-weight: bold; + background-color: lightblue; +} +div.placeholder-resolution span.table-proba-reussite { + font-size: 0.8rem; + padding: 5px; +} +.poesie-extrait { + font-size: 0.9rem; + font-style: italic; +} +.poesie-reference { + font-size: 0.7rem; + text-align: right; +} +.poesie-overflow { + color: rgba(82, 17, 131, 0.9); + max-height: 1.5rem; + overflow: hidden; + border-left: 1px dotted black; + /* If you want dots under the hoverable text */ +} +.poesie-overflow:hover { + max-height: unset; + overflow: visible; + border-left: 0px; +} +.type-compendium { + font-size: 0.6rem; +} +/* ======================================== */ +/* Sheet */ +.window-app.sheet .window-content .sheet-header { + background: #011d33 url(../assets/ui/bg_header.webp) no-repeat left top; + color: #ffffff; +} +.window-app.sheet .window-content .sheet-header :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; +} +input[type="number"] { + text-align: right; + padding-right: 0.5rem; + max-width: 7rem; +} +select:is(.number-x,.number-x2,.number-x3,.number-x4,.number-x5) { + padding-right: 0.2rem; + text-align: center; +} +input:is(.number,.number-x,.number-x2,.number-x3,.number-x4,.number-x5) { + padding-right: 0.2rem; + text-align: right; +} +:is(input,select).number-x { + max-width: 1.4rem; + min-width: 1rem; +} +:is(input,select).number-x2 { + max-width: 2.4rem; + min-width: 2rem; +} +:is(input,select).number-x3 { + max-width: 3.4rem; + min-width: 3rem; +} +:is(input,select).number-x4 { + max-width: 4.4rem; + min-width: 4rem; +} +:is(input,select).number-x5 { + max-width: 4.4rem; +} +form.rdddialogchrono input[type=datetime-local] { + min-width: 20px; + padding: 0; + background: rgba(0, 0, 0, 0.05); + border: 1px solid var(--color-border-dark); + width: calc(100% - 2px); + height: var(--form-field-height); + margin: 0; + color: var(--color-text-dark-primary); + border-radius: 3px; +} +.app-calendar-astrologie div.theme-astral { + width: 14rem; + margin: 0.4rem; +} +.app-calendar-astrologie div.horloge-roue { + position: relative; + left: calc(50% - 6.5rem); + width: 13rem; + height: 13rem; +} +.app-calendar-astrologie div.horloge-roue div.horloge-heure { + position: absolute; + width: 1.8rem; + height: 1.8rem; +} +.app-calendar-astrologie div.horloge-roue div.horloge-heure img.horloge-heure-img { + width: 2rem; + height: 2rem; +} +.window-app .window-content, +.window-app.sheet .window-content .sheet-body { + background: #f5f5f0 url(../assets/ui/bg_left.webp) no-repeat left top; +} +section.sheet-body { + padding: 0.25rem 0.5rem; +} +.sheet header.sheet-header h1 { + flex: 3; +} +.sheet header.sheet-header img.button-img { + max-height: 48px; + padding: 1px; + margin: 1px; +} +.sheet .tab[data-tab] { + padding: 0; +} +section.sheet-body:after { + content: ""; + display: block; + clear: both; +} +a.rdd-world-content-link i { + color: var(--color-text-dark-inactive); + margin-right: 0.25em; +} +a.rdd-world-content-link { + background: hsla(280, 50%, 50%, 0.1); + padding: 1px 4px; + border: 1px solid var(--color-border-dark-tertiary); + border-radius: 2px; + white-space: nowrap; + word-break: break-all; +} +span.content-link, +a.content-link { + background: hsla(45, 100%, 80%, 0.2); + color: hsla(300, 70%, 20%, 0.8); + font-weight: 560; + padding: 0.1rem 0.3rem; + border: 1px solid var(--color-border-dark-tertiary); + border-radius: 0.25rem; + white-space: nowrap; + word-break: break-all; +} +a.roll-text i.fas { + color: var(--color-text-dark-inactive); + margin-right: 0.25em; +} +li label.compteur { + display: inline-block; + flex-direction: row; +} +.compteur span { + display: inline-block; + text-align: left; + width: 2rem; +} +.compteur a i:is(.fas,.far):hover { + opacity: 0.7; +} +.select-diff { + display: inline-block; + text-align: left; + width: 50px; +} +.select-carac { + display: inline-block; + text-align: left; + width: 100%; + max-width: 90%; +} +.window-app.sheet .window-content .tooltip:hover .tooltiptext { + top: 2rem; + left: 2rem; + margin: 0; + padding: 0.25rem; +} +.window-app.sheet .window-content .carac-value, +.window-app.sheet .window-content .competence-xp { + flex-grow: 0; + margin: 0.05rem; + flex-basis: 2rem; + text-align: center; +} +.window-app.sheet .window-content .carac-value, +.window-app.sheet .window-content .competence-value { + flex-grow: 0; + margin: 0.05rem; + flex-basis: 2rem; + text-align: center; +} +.window-app.sheet .window-content .carac-value, +.window-app.sheet .window-content .competence-archetype { + flex-grow: 0; + margin: 0.05rem; + flex-basis: 2rem; + text-align: center; +} +.window-app.sheet .window-content .carac-value, +.window-app.sheet .window-content .competence-xp-sort { + flex-grow: 0; + margin: 0.05rem; + flex-basis: 2rem; + text-align: center; +} +/* ======================================== */ +/* Global UI elements */ +/* ======================================== */ +h1, +h2, +h3, +h4 { + font-weight: bold; +} +ul, +ol { + margin: 0; + padding: 0; +} +ul, +li { + list-style-type: none; +} +.sheet .caracteristique li { + margin: 0.1rem; + padding: 0.2rem; +} +.sheet li { + margin: 0.1rem; + padding: 0.1rem; +} +.header-fields li { + margin: 0; + padding: 0; +} +:is(.sheet, div.fenetre-recherche div.section-filters-text) input.recherche { + background-image: url("../assets/ui/icon-search.svg"); + background-position: 0.1rem 0.1rem; + background-size: 1rem; + background-repeat: no-repeat; + padding: 0.1rem 0.1rem 0.1rem 1.2rem; + max-height: 1.2rem; +} +span.embed-inline { + display: inline-flex; +} +.alterne-list > .list-item:hover { + background: rgba(100, 100, 50, 0.25); +} +.alterne-list > .list-item:nth-child(even) { + background: rgba(80, 60, 0, 0.1); +} +.alterne-list > .list-item:nth-child(odd) { + background: rgba(160, 130, 100, 0.05); +} +.attribute-value.field-error, +.list-item .field-error { + background-color: var(--background-error); +} +.xp-level-up { + margin: 0.1rem; + box-shadow: inset 0px 0px 1px #00000096; + border-radius: 0.25rem; + padding: 0.1rem; + flex: 1 1 5rem; + background: var(--gradient-gold) !important; +} +.niveau-archetype { + background: var(--gradient-silver-light) !important; +} +.item-controls i.fas.allouer-stress.level-up { + color: var(--color-gold); +} +.item-action-controls i.fa-solid.allouer-stress.level-up { + color: var(--color-gold); +} +.blessures-list ul { + display: flex; +} +.blessures-list li { + flex: 1; + flex-basis: auto; +} +.blessures-list li ul li:first-child { + flex: 0; + align-items: center; + justify-content: center; + padding: 0.5rem; + cursor: pointer; +} +.list-item { + margin: 0.1rem; + box-shadow: inset 0px 0px 1px #00000096; + border-radius: 0.25rem; + padding: 0.1rem; + flex: 1 1 1.5rem; + display: flex; + align-items: center !important; +} +.table-row { + margin: 0.1rem; + padding: 0.1rem; + flex: 1 1 5rem; +} +.item-display-show { + display: inline; +} +.item-display-hide { + display: none; +} +.conteneur-type { + background: rgba(200, 10, 100, 0.25); +} +.item-column { + margin-left: 0.2rem; + margin-right: 0.2rem; + justify-content: center; + text-align: center; +} +ul.list-item-margin1 li { + margin-left: 0.8rem; +} +ul.list-item-margin2 li { + margin-left: 1.6rem; +} +ul.list-item-margin3 li { + margin-left: 2.4rem; +} +ul.list-item-margin4 li { + margin-left: 3.2rem; +} +ul.list-item-margin5 li { + margin-left: 4rem; +} +ul.list-item-margin6 li { + margin-left: 4.8rem; +} +.grid-select-type-tmr { + display: grid; + grid-column: span 4 / span 4; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 0.1rem; + margin: 0.1rem; + padding: 0; +} +.grid-select-actor { + display: grid; + grid-column: span 2 / span 2; + grid-template-columns: repeat(2, minmax(0, 1fr)); + gap: 0.1rem; + margin: 0.1rem; + padding: 0; +} +.sheet-competence-img { + max-width: 24px; + max-height: 24px; + flex-grow: 0; + margin-right: 0.2rem; + vertical-align: bottom; +} +.competence-column { + flex-direction: column; + align-content: flex-start; + justify-content: flex-start; + flex-grow: 0; + flex-basis: 1; +} +div.competence-column div.categorie-competence { + width: 100%; +} +.competence-header { + align-content: flex-start; + justify-content: flex-start; + font-weight: bold; + flex-grow: 0; +} +.astrologie-label, +.generic-label, +.subacteur-label, +.list-item-label, +.list-title-label { + flex-grow: 2; +} +.attribut-value, +.carac-value { + flex-grow: 0; + flex-basis: 64px; + margin-right: 4px; + margin-left: 4px; +} +.sante-value, +.competence-carac, +.competence-damage, +.competence-value { + flex-grow: 0; + flex-basis: 2rem; + margin-right: 0.2rem; + margin-left: 0.2rem; +} +.initiative-value { + flex-grow: 0; + flex-basis: 3rem; + margin-right: 0.2rem; + margin-left: 0.2rem; +} +.competence-xp { + flex-grow: 0; + flex-basis: 2rem; + margin-right: 0.2rem; + margin-left: 0.2rem; +} +.item-label { + font-weight: bold; +} +.pointsreve-value { + flex-grow: 0; + flex-basis: 64px; + margin-right: 4px; + margin-left: 4px; +} +.input-sante-header, +.stress-style { + flex-grow: 0; + flex-basis: 64px; + margin-right: 4px; + margin-left: 4px; +} +/* ======================================== */ +table.table-nombres-astraux { + border: 2px solid rgba(0, 0, 0, 0.8); +} +table.table-nombres-astraux th > td { + font-size: 1rem; +} +table.table-nombres-astraux tr > td { + font-size: 0.8rem; +} +table.table-nombres-astraux :is(tr, th, td) { + border-style: solid; + border-width: 1px; + border-color: rgba(102, 95, 122, 0.2); + text-align: center; + vertical-align: top; +} +table.table-nombres-astraux tr:hover { + background-color: hsla(38, 20%, 50%, 0.5); +} +/* ======================================== */ +.token-hud-ext { + display: flex; + flex: 0 !important; + font-family: CaslonPro; + font-weight: 600; +} +.token-hud-ext.left { + justify-content: flex-start; + flex-direction: column; + position: absolute; + top: 4.6rem; + left: -19rem; +} +.token-hud-ext.soins { + flex-direction: column; + position: absolute; + top: 14.7rem; + left: -6rem; + max-width: 8rem; + line-height: 1rem; +} +.token-hud-ext.right { + flex-direction: column; + position: absolute; + top: 4.6rem; + left: 3.5rem; +} +div.control-icon.token-hud-icon { + width: 9rem; + height: fit-content; + border-radius: 0.3rem; + min-width: 6rem; + flex-basis: auto; + padding: 0; + line-height: 0.95rem; + margin: 0.2rem; +} +.rdd-hud-menu label { + font-size: 0.8rem; +} +/* ======================================== */ +.item-checkbox { + height: 25px; + border: 1px solid #736953a6; + border-left: none; + font-weight: 500; + font-size: 1rem; + color: var(--color-controls); + padding-top: 5px; + margin-right: 0px; + width: 45px; + position: relative; + left: 0px; + text-align: center; +} +/* ======================================== */ +/* dialogue competence : Appel au moral */ +.diffAppelAuMoral { + display: none !important; +} +.imgAppelAuMoral { + height: 20px; + width: 20px; + border: none; + outline: none; + background-size: cover; +} +/* Tooltip container */ +.tooltipAppelAuMoral { + position: relative; + display: inline-block; + border-bottom: 0; +} +/* Show the tooltip text when you mouse over the tooltip container */ +.tooltipAppelAuMoral:hover .tooltipAppelAuMoralText { + visibility: visible; + opacity: 1; +} +/* Tooltip text */ +.tooltipAppelAuMoral .tooltipAppelAuMoralText { + text-align: center; + /* Position the tooltip text */ + position: absolute; + z-index: 1; + left: 25px; + /* Fade in tooltip */ + visibility: hidden; + opacity: 0; + transition: opacity 0.3s; +} +.tendre-moment { + color: hsla(293, 72%, 44%, 0.8); +} +/* ======================================== */ +/* Fatigue CSS */ +.table-fatigue { + table-layout: fixed; + padding: 0; + margin: 0; +} +.table-fatigue td { + table-layout: fixed; + width: 2px; + height: 2px; + padding: 0; +} +.table-fatigue .fatigue-used { + background-color: DarkRed; + border: 1px solid #999; +} +.table-fatigue .fatigue-none { + background-color: Grey; + border: 1px solid #999; +} +.table-fatigue .fatigue-free { + border: 1px solid #999; +} +.table-fatigue .fatigue-malus { + font-size: 0.8rem; +} +.flex-actions-bar { + flex-grow: 2; +} +/* ======================================== */ +/* Sidebar CSS */ +#sidebar { + font-size: 1rem; + background: #695541 url(../assets/ui/bg_sid_dark.webp) no-repeat right bottom; + background-position: 100%; + color: rgba(220, 220, 220, 0.75); +} +#sidebar-tabs > .collapsed, +#chat-controls .chat-control-icon { + color: rgba(220, 220, 220, 0.75); + text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.75); +} +.sidebar-tab .directory-list .entity { + border-top: 1px dashed rgba(0, 0, 0, 0.25); + border-bottom: 0 none; + padding: 0.2rem 0; +} +.sidebar-tab .directory-list .entity:hover { + background: rgba(0, 0, 0, 0.05); + cursor: pointer; +} +.chat-message { + background: rgba(220, 220, 210, 0.5); + font-size: 1rem; +} +.chat-message header.message-header .heure-rdd { + font-size: 0.7rem; + flex-grow: 3; +} +.chat-message.whisper { + background: rgba(220, 220, 210, 0.75); + border: 2px solid #545469; +} +.chat-icon { + border: 0; + padding: 2px 6px 2px 2px; + float: left; + max-width: 64px; + max-height: 64px; + height: 100%; + object-fit: contain; +} +.chat-inline-icon { + border: 0; + padding: 1px; + vertical-align: text-top; +} +#sidebar-tabs { + flex: 0 0 28px; + box-sizing: border-box; + margin: 0 0 3px; + border-bottom: 1px solid rgba(0, 0, 0, 0); + box-shadow: inset 0 0 2rem rgba(0, 0, 0, 0.5); +} +#sidebar-tabs > .item.active { + border: 1px solid #726248; + background: rgba(30, 25, 20, 0.75); + box-shadow: 0 0 6px inset #726248; +} +#sidebar #sidebar-tabs i { + width: 23px; + height: 23px; + display: inline-block; + background-position: center; + background-size: cover; + text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.75); +} +#sidebar #sidebar-tabs i:is( + .fa-comments, .fa-fist-raised, .fa-swords, + .fa-users, .fa-user, .fa-map, .fa-suitcase, + .fa-book-open, .fa-th-list, .fa-music, + .fa-atlas,.fa-cogs +):before { + content: ""; +} +#sidebar #sidebar-tabs i.fa-comments { + background: url("../assets/ui/icon_sidebar_chat.svg") no-repeat; +} +#sidebar #sidebar-tabs i.fa-fist-raised { + background: url("../assets/ui/icon_sidebar_fight.svg") no-repeat; +} +#sidebar #sidebar-tabs i.fa-swords { + background: url("../assets/ui/icon_sidebar_fight.svg") no-repeat; +} +#sidebar #sidebar-tabs i.fa-user { + background: url("../assets/ui/icon_sidebar_actor.svg") no-repeat; +} +#sidebar #sidebar-tabs i.fa-users { + background: url("../assets/ui/icon_sidebar_actor.svg") no-repeat; +} +#sidebar #sidebar-tabs i.fa-map { + background: url("../assets/ui/icon_sidebar_scene.svg") no-repeat; +} +#sidebar #sidebar-tabs i.fa-suitcase { + background: url("../assets/ui/icon_sidebar_item.svg") no-repeat; +} +#sidebar #sidebar-tabs i.fa-book-open { + background: url("../assets/ui/icon_sidebar_journal.svg") no-repeat; +} +#sidebar #sidebar-tabs i.fa-th-list { + background: url("../assets/ui/icon_sidebar_rolltable.svg") no-repeat; +} +#sidebar #sidebar-tabs i.fa-music { + background: url("../assets/ui/icon_sidebar_music.svg") no-repeat; +} +#sidebar #sidebar-tabs i.fa-atlas { + background: url("../assets/ui/icon_sidebar_compendium.svg") no-repeat; +} +#sidebar #sidebar-tabs i.fa-cogs { + background: url("../assets/ui/icon_sidebar_settings.svg") no-repeat; +} +#combat #combat-controls { + box-shadow: inset 0 0 2rem rgba(0, 0, 0, 0.5); +} +/*--------------------------------------------------------------------------*/ +/* Control, Tool, hotbar & navigation */ +#controls .scene-control, +#controls .control-tool { + box-shadow: 0 0 3px #000; + margin: 0 0 8px; + border-radius: 0; + background: #1e1914; + background-origin: padding-box; + border-image: url(../assets/ui/footer-button.webp) 10 repeat; + border-image-width: 4px; + border-image-outset: 0px; +} +#controls .control-tools { + max-height: calc(100vh - 156px); + height: auto; +} +#controls :is(.scene-control.active,.control-tool.active, .scene-control:hover, .control-tool:hover) { + background: #482e1c; + background-origin: padding-box; + border-image: url(../assets/ui/footer-button.webp) 10 repeat; + border-image-width: 4px; + border-image-outset: 0px; + box-shadow: 0 0 3px #ff6400; +} +#hotbar #action-bar #macro-list { + border: 1px solid #482e1c; + box-shadow: 2px 2px 5px #000000; +} +#hotbar #action-bar .macro { + border-image: url(../assets/ui/bg_control.webp) 21 repeat; + border-image-slice: 6 6 6 6 fill; + border-image-width: 6px 6px 6px 6px; + border-image-outset: 0px 0px 0px 0px; + border-radius: 0px; +} +#hotbar .bar-controls { + background: #1e1914; + border: 1px solid #482e1c; +} +#players { + border-image: url(../assets/ui/footer-button.webp) 10 repeat; + border-image-width: 4px; + border-image-outset: 0px; + background: #1e1914; +} +#navigation #scene-list .scene.nav-item.active { + background: #482e1c; +} +#navigation #scene-list .scene.nav-item { + background: #1e1914; + background-origin: padding-box; + border-image: url(../assets/ui/footer-button.webp) 10 repeat; + border-image-width: 4px; + border-image-outset: 0px; +} +#navigation #scene-list .scene.view, +#navigation #scene-list .scene.context { + background: #482e1c; + background-origin: padding-box; + border-image: url(../assets/ui/footer-button.webp) 10 repeat; + border-image-width: 4px; + border-image-outset: 0px; + box-shadow: 0 0 3px #ff6400; +} +#navigation #nav-toggle { + background: #1e1914; + background-origin: padding-box; + border-image: url(../assets/ui/footer-button.webp) 10 repeat; + border-image-width: 4px; + border-image-outset: 0px; +} +.window-app.calendar { + display: inline-block; + background: none; + margin: 0; + padding: 0; + box-shadow: none; + pointer-events: none; + max-height: fit-content; +} +.window-app.calendar header.window-header { + min-width: fit-content; + height: 1.4rem; + pointer-events: all; +} +.window-app.calendar .window-content { + margin: 0; + padding: 0; + z-index: 100; + flex-direction: column; + min-width: 250px; + height: fit-content; + background: hsla(0, 0%, 0%, 0); + font-family: "GoudyAcc"; + pointer-events: none; +} +.window-app.calendar .window-content div:is(.calendar-boutons-heure, .horloge-digitale) { + pointer-events: all; +} +.window-app.calendar .window-content div.horloge-analogique { + pointer-events: none; +} +.window-app.calendar .window-content div.horloge-analogique div.horloge-roue { + pointer-events: all; +} +.window-app.calendar div.horloge-roue { + position: relative; + margin-bottom: 7px; + left: 0; + width: 8rem; + height: 8rem; +} +.window-app.calendar div.horloge-roue div.horloge-heure { + width: 1.4rem; + height: 1.4rem; +} +.window-app.calendar div.horloge-roue div.horloge-heure img.horloge-heure-img { + width: 1.4rem; + height: 1.4rem; +} +div.horloge-roue div { + position: absolute; + border: none; + pointer-events: all; +} +div.horloge-roue div.horloge-cercle { + background: hsl(60, 20%, 95%) url(../assets/ui/bg_left.webp) no-repeat left top; + top: 2%; + left: 2%; + width: 96%; + height: 96%; + border-radius: 50%; +} +div.horloge-roue div.horloge-cercle1 { + background: var(--gradient-daylight); + border: 0.2rem solid rgba(100, 45, 124, 0.6); + top: 2%; + left: 2%; + width: 96%; + height: 96%; + border-radius: 50%; +} +div.horloge-roue div.horloge-cercle2 { + border: 0.1rem solid rgba(100, 45, 124, 0.4); + top: 17%; + left: 17%; + width: 66%; + height: 66%; + border-radius: 50%; +} +div.horloge-roue div.disque-astro { + top: 28%; + left: 28%; + width: 44%; + height: 44%; +} +div.horloge-roue div.horloge-aiguille-heure { + top: 25%; + left: 25%; + width: 50%; + height: 50%; +} +div.horloge-roue div.horloge-aiguille-minute { + top: 20%; + left: 20%; + width: 60%; + height: 60%; +} +div.horloge-roue div.horloge-ajustement { + width: 0.8rem; + height: 0.8rem; + color: hsl(120, 50%, 15%); + background-color: hsla(300, 100%, 95%, 0.4); + font-size: 0.8rem; + text-align: center; + vertical-align: middle; + border-radius: 0.3rem; +} +div.horloge-roue div img { + border: none; +} +.window-app.calendar div.horloge-heure.heure-01 { + top: calc(50% - 0.7rem + 0 * 38%); + left: calc(50% - 0.7rem + -1 * 38%); +} +.window-app.calendar div.horloge-heure.heure-02 { + top: calc(50% - 0.7rem + -0.5 * 38%); + left: calc(50% - 0.7rem + -0.8660254 * 38%); +} +.window-app.calendar div.horloge-heure.heure-03 { + top: calc(50% - 0.7rem + -0.8660254 * 38%); + left: calc(50% - 0.7rem + -0.5 * 38%); +} +.window-app.calendar div.horloge-heure.heure-04 { + top: calc(50% - 0.7rem + -1 * 38%); + left: calc(50% - 0.7rem + 0 * 38%); +} +.window-app.calendar div.horloge-heure.heure-05 { + top: calc(50% - 0.7rem + -0.8660254 * 38%); + left: calc(50% - 0.7rem + 0.5 * 38%); +} +.window-app.calendar div.horloge-heure.heure-06 { + top: calc(50% - 0.7rem + -0.5 * 38%); + left: calc(50% - 0.7rem + 0.8660254 * 38%); +} +.window-app.calendar div.horloge-heure.heure-07 { + top: calc(50% - 0.7rem + 0 * 38%); + left: calc(50% - 0.7rem + 1 * 38%); +} +.window-app.calendar div.horloge-heure.heure-08 { + top: calc(50% - 0.7rem + 0.5 * 38%); + left: calc(50% - 0.7rem + 0.8660254 * 38%); +} +.window-app.calendar div.horloge-heure.heure-09 { + top: calc(50% - 0.7rem + 0.8660254 * 38%); + left: calc(50% - 0.7rem + 0.5 * 38%); +} +.window-app.calendar div.horloge-heure.heure-10 { + top: calc(50% - 0.7rem + 1 * 38%); + left: calc(50% - 0.7rem + 0 * 38%); +} +.window-app.calendar div.horloge-heure.heure-11 { + top: calc(50% - 0.7rem + 0.8660254 * 38%); + left: calc(50% - 0.7rem + -0.5 * 38%); +} +.window-app.calendar div.horloge-heure.heure-12 { + top: calc(50% - 0.7rem + 0.5 * 38%); + left: calc(50% - 0.7rem + -0.8660254 * 41%); +} +.window-app.calendar-astrologie div.horloge-heure.heure-01 { + top: calc(50% - 1rem + 0 * 41%); + left: calc(50% - 1rem + -1 * 41%); +} +.window-app.calendar-astrologie div.horloge-heure.heure-02 { + top: calc(50% - 1rem + -0.5 * 41%); + left: calc(50% - 1rem + -0.8660254 * 41%); +} +.window-app.calendar-astrologie div.horloge-heure.heure-03 { + top: calc(50% - 1rem + -0.8660254 * 41%); + left: calc(50% - 1rem + -0.5 * 41%); +} +.window-app.calendar-astrologie div.horloge-heure.heure-04 { + top: calc(50% - 1rem + -1 * 41%); + left: calc(50% - 1rem + 0 * 41%); +} +.window-app.calendar-astrologie div.horloge-heure.heure-05 { + top: calc(50% - 1rem + -0.8660254 * 41%); + left: calc(50% - 1rem + 0.5 * 41%); +} +.window-app.calendar-astrologie div.horloge-heure.heure-06 { + top: calc(50% - 1rem + -0.5 * 41%); + left: calc(50% - 1rem + 0.8660254 * 41%); +} +.window-app.calendar-astrologie div.horloge-heure.heure-07 { + top: calc(50% - 1rem + 0 * 41%); + left: calc(50% - 1rem + 1 * 41%); +} +.window-app.calendar-astrologie div.horloge-heure.heure-08 { + top: calc(50% - 1rem + 0.5 * 41%); + left: calc(50% - 1rem + 0.8660254 * 41%); +} +.window-app.calendar-astrologie div.horloge-heure.heure-09 { + top: calc(50% - 1rem + 0.8660254 * 41%); + left: calc(50% - 1rem + 0.5 * 41%); +} +.window-app.calendar-astrologie div.horloge-heure.heure-10 { + top: calc(50% - 1rem + 1 * 41%); + left: calc(50% - 1rem + 0 * 41%); +} +.window-app.calendar-astrologie div.horloge-heure.heure-11 { + top: calc(50% - 1rem + 0.8660254 * 41%); + left: calc(50% - 1rem + -0.5 * 41%); +} +.window-app.calendar-astrologie div.horloge-heure.heure-12 { + top: calc(50% - 1rem + 0.5 * 41%); + left: calc(50% - 1rem + -0.8660254 * 41%); +} +.window-app.calendar-astrologie div.horloge-ajustement.heure-01 { + top: calc(50% - 0.4rem + 0 * 28%); + left: calc(50% - 0.4rem + -1 * 28%); +} +.window-app.calendar-astrologie div.horloge-ajustement.heure-02 { + top: calc(50% - 0.4rem + -0.5 * 28%); + left: calc(50% - 0.4rem + -0.8660254 * 28%); +} +.window-app.calendar-astrologie div.horloge-ajustement.heure-03 { + top: calc(50% - 0.4rem + -0.8660254 * 28%); + left: calc(50% - 0.4rem + -0.5 * 28%); +} +.window-app.calendar-astrologie div.horloge-ajustement.heure-04 { + top: calc(50% - 0.4rem + -1 * 28%); + left: calc(50% - 0.4rem + 0 * 28%); +} +.window-app.calendar-astrologie div.horloge-ajustement.heure-05 { + top: calc(50% - 0.4rem + -0.8660254 * 28%); + left: calc(50% - 0.4rem + 0.5 * 28%); +} +.window-app.calendar-astrologie div.horloge-ajustement.heure-06 { + top: calc(50% - 0.4rem + -0.5 * 28%); + left: calc(50% - 0.4rem + 0.8660254 * 28%); +} +.window-app.calendar-astrologie div.horloge-ajustement.heure-07 { + top: calc(50% - 0.4rem + 0 * 28%); + left: calc(50% - 0.4rem + 1 * 28%); +} +.window-app.calendar-astrologie div.horloge-ajustement.heure-08 { + top: calc(50% - 0.4rem + 0.5 * 28%); + left: calc(50% - 0.4rem + 0.8660254 * 28%); +} +.window-app.calendar-astrologie div.horloge-ajustement.heure-09 { + top: calc(50% - 0.4rem + 0.8660254 * 28%); + left: calc(50% - 0.4rem + 0.5 * 28%); +} +.window-app.calendar-astrologie div.horloge-ajustement.heure-10 { + top: calc(50% - 0.4rem + 1 * 28%); + left: calc(50% - 0.4rem + 0 * 28%); +} +.window-app.calendar-astrologie div.horloge-ajustement.heure-11 { + top: calc(50% - 0.4rem + 0.8660254 * 28%); + left: calc(50% - 0.4rem + -0.5 * 28%); +} +.window-app.calendar-astrologie div.horloge-ajustement.heure-12 { + top: calc(50% - 0.4rem + 0.5 * 28%); + left: calc(50% - 0.4rem + -0.8660254 * 28%); +} +.window-app.calendar header.window-header h4 { + font-size: 0.8rem; +} +.window-app.calendar section.window-content div.calendar-boutons-heure { + display: grid; + background: hsl(0, 0%, 20%); + color: hsla(0, 0%, 80%, 0.8); + grid-row: 1; + grid-column: 10; +} +.calendar-boutons-heure .calendar-btn:is(.calendar-lyre,.calendar-vaisseau) img { + color: hsla(0, 0%, 100%, 0.5); + border: none; + vertical-align: bottom; + max-width: 1.2em; + max-height: 1.2em; + margin: 1px; +} +.calendar-boutons-heure i { + border: 1px solid rgba(0, 0, 0, 0); +} +.calendar-boutons-heure i:hover { + color: var(--color-controls-hover); + border: 1px solid var(--color-control-border-hover); + cursor: pointer; +} +.calendar-1min { + grid-column: 1; +} +.calendar-5min { + grid-column: 2; +} +.calendar-15min { + grid-column: 3; +} +.calendar-30min { + grid-column: 4; +} +.calendar-60min { + grid-column: 5; +} +.calendar-1heure { + grid-column: 6; +} +.calendar-lyre { + grid-column: 7; +} +.calendar-vaisseau { + grid-column: 8; +} +.calendar-set-datetime { + grid-column: 9; +} +.calendar-astrologie { + grid-column: 10; +} +div.horloge-analogique { + border: none; + margin: 0; +} +div.horloge-analogique.horloge-analogique-hidden { + visibility: hidden; +} +div.horloge-digitale { + color: #CCC; + background: hsl(0, 0%, 20%); + text-align: center; + width: 100%; +} +div.horloge-digitale :is(.calendar-heure-texte,.calendar-minute-texte) { + font-size: 1rem; + pointer-events: all; + margin: 0; +} +div.horloge-digitale a { + border: 1px solid rgba(0, 0, 0, 0); +} +div.horloge-digitale a:hover { + color: var(--color-controls-hover); + border: 1px solid var(--color-control-border-hover); + cursor: pointer; +} +div.calendar-timestamp-edit select.calendar-signe-heure { + width: max-content; +} +/* Tooltip container */ +.tooltip { + position: relative; + display: inline-block; +} +.tooltip-dotted { + border-bottom: 1px dotted black; + /* If you want dots under the hoverable text */ +} +/* Tooltip text */ +.tooltip .tooltiptext { + text-align: center; + /* Position the tooltip text */ + position: absolute; + z-index: 1; + /* Fade in tooltip */ + visibility: hidden; + opacity: 0; + transition: opacity 0.3s; +} +.tooltip .left-competence { + transform: translate(-100%, 0%); +} +.tooltip .ttt-fatigue { + width: 360px; + background: rgba(30, 25, 20, 0.9); + border-image: url(../assets/ui/bg_control.webp) 21 repeat; + border-image-slice: 6 6 6 6 fill; + border-image-width: 6px 6px 6px 6px; + border-image-outset: 0px 0px 0px 0px; + border-radius: 0px; + font-size: 0.8rem; + padding: 3px 0; +} +.tooltip .ttt-ajustements { + width: 150px; + background: var(--background-tooltip); + border-radius: 6px; + font-size: 0.9rem; + padding: 3px 0; +} +.tooltip .ttt-titre { + text-align: justify; + width: 100%; + top: 30px; + background: var(--background-tooltip); + border-radius: 6px; + font-size: 0.9rem; + padding: 3px; +} +aside#tooltip { + background: var(--background-tooltip); + color: var(--color-text-dark-primary); + font-size: 1rem; + border-radius: 0.2rem; + padding: 0.4rem; +} +aside#tooltip span.reference { + color: var(--color-tooltip); + border: 1px solid var(--color-tooltip-faint); +} +aside#tooltip .toolclip p.faint { + color: var(--color-tooltip-faint); +} +.tooltip :is(.ttt-xp,.ttt-levelup) { + width: 250px; + background: var(--background-tooltip) !important; + border-radius: 6px; + font-size: 0.9rem; + padding: 3px 0; +} +/* Show the tooltip text when you mouse over the tooltip container */ +.tooltip:hover .tooltiptext { + visibility: visible; + opacity: 1; +} +.chat-card-button, +.chat-card-button-pushed { + border-radius: 0.2rem; + cursor: pointer; + font-family: CaslonPro; + font-size: 0.9rem; + padding: 0.2rem 0.4rem 0rem 0.4rem; + text-decoration: none; + position: relative; + margin: 0.3rem; + border: 2px ridge #846109; + display: inline-block; +} +.chat-card-button { + text-shadow: 1px 1px #4d3534; + box-shadow: inset 1x 1px #a6827e; + color: var(--major-button-color); + background: var(--background-custom-button); + background-color: #7d5d3b00; +} +.chat-card-button-pushed { + text-shadow: 1px 1px hsla(202, 30%, 70%, 0.5); + box-shadow: inset -1px -1px #a6827e; + color: hsla(202, 42%, 14%, 0.7); + background: var(--major-button-color); + background-color: #7d5d3b00; +} +.chat-card-button:hover { + background: var(--background-custom-button-hover); + background-color: red; +} +.chat-card-button-pushed:hover { + background: var(--background-custom-button-hover); + background-color: red; +} +.chat-card-button:active, +.chat-card-button-pushed:active { + position: relative; + top: 1px; +} +/* Dropdown Content (Hidden by Default) */ +.button-dropdown-content { + display: none; + position: absolute; + width: max-content; + box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2); + background: var(--background-tooltip); + overflow-y: scroll; + max-height: 14rem; + z-index: 10; +} +.button-dropdown { + position: relative; + display: inline-block; +} +/* Change the background color of the dropdown button when the dropdown content is shown */ +.button-dropdown:hover .button-dropbutton { + text-shadow: 1px 0px 0px #ff6600; +} +/* Show the dropdown menu on hover */ +.button-dropdown:hover .button-dropdown-content { + display: block; +} +/* Links inside the dropdown */ +.button-dropdown-content a { + color: black; + padding: 0.2rem 0.4rem; + text-decoration: none; + display: block; +} +/* Change color of dropdown links on hover */ +.button-dropdown-content a:hover { + background-color: #ddd; +} +/* ======== autocomplete ======= */ +.autocomplete { + position: relative; + display: inline-block; +} +.autocomplete-items { + position: absolute; + border: 1px solid var(--color-border-dark); + border-bottom: none; + border-top: none; + z-index: 99; + /*position the autocomplete items to be the same width as the container:*/ + top: 100%; + left: 0; + right: 0; +} +.autocomplete-items div { + padding: 10px; + cursor: pointer; + background-color: #fff; + border-bottom: 1px solid #d4d4d4; +} +/*when hovering an item:*/ +.autocomplete-items div:hover { + background-color: #e9e9e9; +} +/*when navigating through the items using the arrow keys:*/ +.autocomplete-active { + background-color: DodgerBlue !important; + color: #ffffff; +} +/*************************************************************/ +#pause { + font-family: CaslonAntique; + font-size: 2rem; + background: none; +} +#pause > h3 { + color: #CCC; +} +#pause > img { + content: url(../assets/ui/rdd_pause.webp); + height: 256px; + width: 256px; + top: -75px; + left: calc(50% - 132px); +} +#logo { + content: url(../assets/ui/logo.webp); + width: 80px; + height: 68px; +} +div.vl { + border: 1px solid ; + border-color: hsla(0, 0%, 0%, 0.5); + height: inherit; + min-height: max-content; + margin-left: 0; + margin-right: 0; + width: 1px; + flex-grow: 0; +} +div.fenetre-recherche div.zone-recherche { + display: flex; +} +div.fenetre-recherche div.zone-recherche div.filtres { + width: fit-content; + min-width: 200px; + float: left; +} +div.fenetre-recherche div.titre-resultats-recherche { + flex-basis: 0; + max-height: fit-content; +} +div.fenetre-recherche div.liste-resultats-recherche { + display: flex; + flex: auto; + flex-flow: row wrap; + flex-direction: row; + align-content: flex-start; +} +div.fenetre-recherche div.liste-resultats-recherche div.resultat { + width: fit-content; + margin: 0.2rem 0.5rem; +} diff --git a/gulpfile.js b/gulpfile.js new file mode 100644 index 00000000..910fef33 --- /dev/null +++ b/gulpfile.js @@ -0,0 +1,37 @@ +const gulp = require('gulp'); +const less = require('gulp-less'); + +function onError(err) { + util.log(util.colors.red.bold('[ERROR LESS]:'),util.colors.bgRed(err.message)); + this.emit('end'); +}; + +/* ----------------------------------------- */ +/* Compile LESS +/* ----------------------------------------- */ +function compileLESS() { + return gulp.src("less/foundryvtt-reve-de-dragon.less") + .pipe(less()).on('error',console.log.bind(console)) + .pipe(gulp.dest("./css")) +} +const css = gulp.series(compileLESS); + +/* ----------------------------------------- */ +/* Watch Updates +/* ----------------------------------------- */ +const SIMPLE_LESS = ["less/*.less"]; + +function watchUpdates() { + gulp.watch(SIMPLE_LESS, css); +} + +/* ----------------------------------------- */ +/* Export Tasks +/* ----------------------------------------- */ + +exports.default = gulp.series( + gulp.parallel(css), + watchUpdates +); +exports.css = css; +exports.watchUpdates = watchUpdates; diff --git a/less/colors.less b/less/colors.less new file mode 100644 index 00000000..0122c387 --- /dev/null +++ b/less/colors.less @@ -0,0 +1,71 @@ +: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-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); + --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-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)); + --gradient-green: linear-gradient(30deg, rgba(7, 76, 0, 0.3), rgba(66, 163, 65, 0.2), rgba(184, 226, 163, 0.1), rgba(66, 163, 65, 0.2), rgba(184, 226, 163, 0.3)); + --gradient-red: linear-gradient(150deg, rgba(255, 0, 0, 0.3), rgba(255, 200, 128, 0.05),rgba(255, 200, 128, 0.1), rgba(255,10,0,0.3)); + --gradient-violet: linear-gradient(150deg, rgba(100, 45, 124, 0.6), rgba(216, 157, 192, 0.3), rgba(177, 157, 216, 0.5), rgba(107, 62, 121, 0.3), rgba(100, 45, 124, 0.6)); + --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, rgb(128, 0, 0) 5%, rgb(62, 1, 1) 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); + --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); + } + \ No newline at end of file diff --git a/less/fonts.less b/less/fonts.less new file mode 100644 index 00000000..89f51384 --- /dev/null +++ b/less/fonts.less @@ -0,0 +1,30 @@ +/* ==================== (A) Fonts ==================== */ +@font-face { + font-family: "GoudyAcc"; + src: url('../fonts/goudyacc.ttf') format("truetype"); +} +@font-face { + font-family: "MedievalSharp"; + src: url('../fonts/MedievalSharp.ttf') format("truetype"); +} +@font-face { + font-family: "GrenzeGotisch"; + src: url('../fonts/GrenzeGotisch-Regular.ttf') format("truetype"); +} +@font-face { + font-family: "Fondamento"; + src: url('../fonts/Fondamento.ttf') format("truetype"); +} +@font-face { + font-family: "CaslonAntique"; + src: url('../fonts/CaslonAntique.ttf') format("truetype"); +} +@font-face { + font-family: 'HeuresDraconiques'; + src: + url('../fonts/heuresdraconiques2.woff') format('woff'), + url('../fonts/heuresdraconiques2.woff2') format('woff2'), + url('../fonts/heuresdraconiques2.ttf') format('truetype'); + font-weight: normal; + font-style: normal; +} diff --git a/styles/simple.css b/less/foundryvtt-reve-de-dragon.less similarity index 86% rename from styles/simple.css rename to less/foundryvtt-reve-de-dragon.less index 9e773c4b..c38b835e 100644 --- a/styles/simple.css +++ b/less/foundryvtt-reve-de-dragon.less @@ -1,108 +1,10 @@ - /* ==================== (A) Fonts ==================== */ - @font-face { - font-family: "GoudyAcc"; - src: url('../fonts/goudyacc.ttf') format("truetype"); - } - @font-face { - font-family: "MedievalSharp"; - src: url('../fonts/MedievalSharp.ttf') format("truetype"); - } - @font-face { - font-family: "GrenzeGotisch"; - src: url('../fonts/GrenzeGotisch-Regular.ttf') format("truetype"); - } - @font-face { - font-family: "Fondamento"; - src: url('../fonts/Fondamento.ttf') format("truetype"); - } - @font-face { - font-family: "CaslonAntique"; - src: url('../fonts/CaslonAntique.ttf') format("truetype"); - } - @font-face { - font-family: 'HeuresDraconiques'; - src: - url('../fonts/heuresdraconiques2.woff') format('woff'), - url('../fonts/heuresdraconiques2.woff2') format('woff2'), - url('../fonts/heuresdraconiques2.ttf') format('truetype'); - font-weight: normal; - font-style: normal; -} +@import "fonts.less"; +@import "colors.less"; + body { --input-height: 1.4rem; } -: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-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); - --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-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)); - --gradient-green: linear-gradient(30deg, rgba(7, 76, 0, 0.3), rgba(66, 163, 65, 0.2), rgba(184, 226, 163, 0.1), rgba(66, 163, 65, 0.2), rgba(184, 226, 163, 0.3)); - --gradient-red: linear-gradient(150deg, rgba(255, 0, 0, 0.3), rgba(255, 200, 128, 0.05),rgba(255, 200, 128, 0.1), rgba(255,10,0,0.3)); - --gradient-violet: linear-gradient(150deg, rgba(100, 45, 124, 0.6), rgba(216, 157, 192, 0.3), rgba(177, 157, 216, 0.5), rgba(107, 62, 121, 0.3), rgba(100, 45, 124, 0.6)); - --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, rgb(128, 0, 0) 5%, rgb(62, 1, 1) 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); - --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); -} - -/*@import url("https://fonts.googleapis.com/css2?family=Martel:wght@400;800&family=Roboto:wght@300;400;500&display=swap");*/ /* Global styles & Font */ .window-app { font-family: CaslonAntique; @@ -224,7 +126,7 @@ i:is(.fas, .far, .fa-solid, .fa-regular, .fa-sharp ) { max-width: 1.4rem; max-height: 1.4rem; border: 1px; - background: center / contain no-repeat url('img/ui/icone_parchement_vierge.webp'); + background: center / contain no-repeat url('../../assets/ui/icone_parchement_vierge.webp'); } .system-foundryvtt-reve-de-dragon .sheet-header .header-compteurs { @@ -258,7 +160,7 @@ i:is(.fas, .far, .fa-solid, .fa-regular, .fa-sharp ) { border-top: 0 none; border-bottom: 0 none; color: rgba(52, 52, 52, 0.95); - background: rgb(245,245,240) url(img/bg_menu.webp) no-repeat left top; + background: rgb(245,245,240) url(../assets/ui/bg_menu.webp) no-repeat left top; } .sheet nav.sheet-tabs .item , nav.sheet-tabs .item { @@ -957,7 +859,7 @@ div.placeholder-resolution span.table-proba-reussite{ /* ======================================== */ /* Sheet */ .window-app.sheet .window-content .sheet-header{ - background: #011d33 url(img/bg_header.webp) no-repeat left top; + background: #011d33 url(../assets/ui/bg_header.webp) no-repeat left top; color: rgba(255, 255, 255, 1); } @@ -1043,7 +945,7 @@ form.rdddialogchrono input[type=datetime-local] { } .window-app .window-content, .window-app.sheet .window-content .sheet-body{ - background: rgb(245,245,240) url(img/bg_left.webp) no-repeat left top; + background: rgb(245,245,240) url(../assets/ui/bg_left.webp) no-repeat left top; } section.sheet-body { @@ -1188,7 +1090,7 @@ ul, li { padding: 0; } :is(.sheet, div.fenetre-recherche div.section-filters-text) input.recherche { - background-image: url("img/ui/icon-search.svg"); + background-image: url("../assets/ui/icon-search.svg"); background-position: 0.1rem 0.1rem; background-size: 1rem; background-repeat: no-repeat; @@ -1207,27 +1109,13 @@ span.embed-inline { background: rgba(80, 60, 0, 0.10); } .alterne-list > .list-item:nth-child(odd) { - background: rgb(160, 130, 100, 0.05); + background: rgba(160, 130, 100, 0.05); } -input.attribute-value.field-error , -.list-item span.field-error { +.attribute-value.field-error, +.list-item .field-error { background-color: var(--background-error); } - -ul.chat-list { - margin-left: 0.8rem; - list-style: inside; -} -ul.chat-list li:nth-child(even) { - background: rgba(80, 60, 0, 0.10); - list-style-type: disc; -} -ul.chat-list li:nth-child(odd) { - background: rgb(160, 130, 100, 0.05); - list-style-type: disc; -} - .xp-level-up { margin: 0.1rem; box-shadow: inset 0px 0px 1px #00000096; @@ -1268,23 +1156,11 @@ ul.chat-list li:nth-child(odd) { display: flex; align-items: center !important; } - .table-row { margin: 0.1rem; padding: 0.1rem; flex: 1 1 5rem; } - -.alterne-row > .row-item:hover { - background: rgba(100, 100, 50, 0.25); -} -.alterne-row > .row-item:nth-child(even) { - background: rgba(80, 60, 0, 0.10); -} -.alterne-row > .row-item:nth-child(odd) { - background: rgb(160, 130, 100, 0.05); -} - .item-display-show { display: inline; } @@ -1292,7 +1168,7 @@ ul.chat-list li:nth-child(odd) { display: none; } .conteneur-type { - background: rgb(200, 10, 100, 0.25); + background: rgba(200, 10, 100, 0.25); } .item-column { @@ -1573,7 +1449,7 @@ div.control-icon.token-hud-icon { /* Sidebar CSS */ #sidebar { font-size: 1rem; - background: rgb(105,85,65) url(img/bg_sid_dark.webp) no-repeat right bottom; + background: rgb(105,85,65) url(../assets/ui/bg_sid_dark.webp) no-repeat right bottom; background-position: 100%; color: rgba(220,220,220,0.75); } @@ -1653,18 +1529,18 @@ div.control-icon.token-hud-icon { .fa-book-open, .fa-th-list, .fa-music, .fa-atlas,.fa-cogs ):before {content: "";} -#sidebar #sidebar-tabs i.fa-comments {background: url("img/ui/icon_sidebar_chat.svg") no-repeat;} -#sidebar #sidebar-tabs i.fa-fist-raised {background: url("img/ui/icon_sidebar_fight.svg") no-repeat;} -#sidebar #sidebar-tabs i.fa-swords {background: url("img/ui/icon_sidebar_fight.svg") no-repeat;} -#sidebar #sidebar-tabs i.fa-user {background: url("img/ui/icon_sidebar_actor.svg") no-repeat;} -#sidebar #sidebar-tabs i.fa-users {background: url("img/ui/icon_sidebar_actor.svg") no-repeat;} -#sidebar #sidebar-tabs i.fa-map {background: url("img/ui/icon_sidebar_scene.svg") no-repeat;} -#sidebar #sidebar-tabs i.fa-suitcase {background: url("img/ui/icon_sidebar_item.svg") no-repeat;} -#sidebar #sidebar-tabs i.fa-book-open {background: url("img/ui/icon_sidebar_journal.svg") no-repeat;} -#sidebar #sidebar-tabs i.fa-th-list {background: url("img/ui/icon_sidebar_rolltable.svg") no-repeat;} -#sidebar #sidebar-tabs i.fa-music {background: url("img/ui/icon_sidebar_music.svg") no-repeat;} -#sidebar #sidebar-tabs i.fa-atlas {background: url("img/ui/icon_sidebar_compendium.svg") no-repeat;} -#sidebar #sidebar-tabs i.fa-cogs {background: url("img/ui/icon_sidebar_settings.svg") no-repeat;} +#sidebar #sidebar-tabs i.fa-comments {background: url("../assets/ui/icon_sidebar_chat.svg") no-repeat;} +#sidebar #sidebar-tabs i.fa-fist-raised {background: url("../assets/ui/icon_sidebar_fight.svg") no-repeat;} +#sidebar #sidebar-tabs i.fa-swords {background: url("../assets/ui/icon_sidebar_fight.svg") no-repeat;} +#sidebar #sidebar-tabs i.fa-user {background: url("../assets/ui/icon_sidebar_actor.svg") no-repeat;} +#sidebar #sidebar-tabs i.fa-users {background: url("../assets/ui/icon_sidebar_actor.svg") no-repeat;} +#sidebar #sidebar-tabs i.fa-map {background: url("../assets/ui/icon_sidebar_scene.svg") no-repeat;} +#sidebar #sidebar-tabs i.fa-suitcase {background: url("../assets/ui/icon_sidebar_item.svg") no-repeat;} +#sidebar #sidebar-tabs i.fa-book-open {background: url("../assets/ui/icon_sidebar_journal.svg") no-repeat;} +#sidebar #sidebar-tabs i.fa-th-list {background: url("../assets/ui/icon_sidebar_rolltable.svg") no-repeat;} +#sidebar #sidebar-tabs i.fa-music {background: url("../assets/ui/icon_sidebar_music.svg") no-repeat;} +#sidebar #sidebar-tabs i.fa-atlas {background: url("../assets/ui/icon_sidebar_compendium.svg") no-repeat;} +#sidebar #sidebar-tabs i.fa-cogs {background: url("../assets/ui/icon_sidebar_settings.svg") no-repeat;} #combat #combat-controls { box-shadow: inset 0 0 2rem rgba(0,0,0,0.5); @@ -1679,7 +1555,7 @@ div.control-icon.token-hud-icon { border-radius: 0; background: rgba(30, 25, 20, 1); background-origin: padding-box; - border-image: url(img/ui/footer-button.webp) 10 repeat; + border-image: url(../assets/ui/footer-button.webp) 10 repeat; border-image-width: 4px; border-image-outset: 0px; } @@ -1690,7 +1566,7 @@ div.control-icon.token-hud-icon { #controls :is(.scene-control.active,.control-tool.active, .scene-control:hover, .control-tool:hover) { background: rgba(72, 46, 28, 1); background-origin: padding-box; - border-image: url(img/ui/footer-button.webp) 10 repeat; + border-image: url(../assets/ui/footer-button.webp) 10 repeat; border-image-width: 4px; border-image-outset: 0px; box-shadow: 0 0 3px #ff6400; @@ -1702,7 +1578,7 @@ div.control-icon.token-hud-icon { } #hotbar #action-bar .macro { - border-image: url(img/ui/bg_control.webp) 21 repeat; + border-image: url(../assets/ui/bg_control.webp) 21 repeat; border-image-slice: 6 6 6 6 fill; border-image-width: 6px 6px 6px 6px; border-image-outset: 0px 0px 0px 0px; @@ -1715,7 +1591,7 @@ div.control-icon.token-hud-icon { } #players { - border-image: url(img/ui/footer-button.webp) 10 repeat; + border-image: url(../assets/ui/footer-button.webp) 10 repeat; border-image-width: 4px; border-image-outset: 0px; background: rgba(30, 25, 20, 1); @@ -1728,7 +1604,7 @@ div.control-icon.token-hud-icon { #navigation #scene-list .scene.nav-item { background: rgba(30, 25, 20, 1); background-origin: padding-box; - border-image: url(img/ui/footer-button.webp) 10 repeat; + border-image: url(../assets/ui/footer-button.webp) 10 repeat; border-image-width: 4px; border-image-outset: 0px; } @@ -1736,7 +1612,7 @@ div.control-icon.token-hud-icon { #navigation #scene-list .scene.view, #navigation #scene-list .scene.context { background: rgba(72, 46, 28, 1); background-origin: padding-box; - border-image: url(img/ui/footer-button.webp) 10 repeat; + border-image: url(../assets/ui/footer-button.webp) 10 repeat; border-image-width: 4px; border-image-outset: 0px; box-shadow: 0 0 3px #ff6400; @@ -1745,7 +1621,7 @@ div.control-icon.token-hud-icon { #navigation #nav-toggle { background: rgba(30, 25, 20, 1); background-origin: padding-box; - border-image: url(img/ui/footer-button.webp) 10 repeat; + border-image: url(../assets/ui/footer-button.webp) 10 repeat; border-image-width: 4px; border-image-outset: 0px; } @@ -1814,7 +1690,7 @@ div.horloge-roue div { } div.horloge-roue div.horloge-cercle { - background: hsl(60, 20%, 95%) url(img/bg_left.webp) no-repeat left top; + background: hsl(60, 20%, 95%) url(../assets/ui/bg_left.webp) no-repeat left top; top: 2%; left: 2%; width: 96%; height: 96%; border-radius: 50%; } @@ -1999,7 +1875,7 @@ div.calendar-timestamp-edit select.calendar-signe-heure { width: 360px; background: rgba(30, 25, 20, 0.9); - border-image: url(img/ui/bg_control.webp) 21 repeat; + border-image: url(../assets/ui/bg_control.webp) 21 repeat; border-image-slice: 6 6 6 6 fill; border-image-width: 6px 6px 6px 6px; border-image-outset: 0px 0px 0px 0px; @@ -2185,7 +2061,7 @@ aside#tooltip .toolclip p.faint { color: #CCC } #pause > img { - content: url(img/rdd_pause.webp); + content: url(../assets/ui/rdd_pause.webp); height: 256px; width: 256px; top: -75px; @@ -2193,7 +2069,7 @@ aside#tooltip .toolclip p.faint { } #logo { - content : url(img/logo.webp); + content : url(../assets/ui/logo.webp); width: 80px; height: 68px; } diff --git a/module/actor/export-scriptarium/export-scriptarium.js b/module/actor/export-scriptarium/export-scriptarium.js index 0c66df17..89d7a231 100644 --- a/module/actor/export-scriptarium/export-scriptarium.js +++ b/module/actor/export-scriptarium/export-scriptarium.js @@ -3,7 +3,7 @@ import { Misc } from "../../misc.js" import { EXPORT_CSV_SCRIPTARIUM, OptionsAvancees } from "../../settings/options-avancees.js" import { Mapping } from "./mapping.js" -const IMG_SCRIPTARIUM = '' +const IMG_SCRIPTARIUM = '' export class ExportScriptarium { diff --git a/module/tmr/carte-tmr.js b/module/tmr/carte-tmr.js index 34908105..5f12bd9b 100644 --- a/module/tmr/carte-tmr.js +++ b/module/tmr/carte-tmr.js @@ -3,9 +3,9 @@ import { Draconique } from "./draconique.js"; import { PixiTMR } from "./pixi-tmr.js"; const IMAGE_CARTE_TMR = 'image-carte-tmr'; -const TMR_V1 = "systems/foundryvtt-reve-de-dragon/styles/img/ui/tmr-v1.webp"; -const TMR_V2 = "systems/foundryvtt-reve-de-dragon/styles/img/ui/tmr-v2.webp"; -const TMR_V3_COULEUR = "systems/foundryvtt-reve-de-dragon/styles/img/ui/tmr-v3-couleur.webp"; +const TMR_V1 = "systems/foundryvtt-reve-de-dragon/assets/ui/tmr-v1.webp"; +const TMR_V2 = "systems/foundryvtt-reve-de-dragon/assets/ui/tmr-v2.webp"; +const TMR_V3_COULEUR = "systems/foundryvtt-reve-de-dragon/assets/ui/tmr-v3-couleur.webp"; export class CarteTmr extends Draconique { diff --git a/package.json b/package.json index d32e399c..370e8af3 100644 --- a/package.json +++ b/package.json @@ -1,14 +1,36 @@ { + "name": "foundryvtt-reve-de-dragon", + "description": "
Pour l'initiative et les attaques, des options sont disponibles @@ -171,7 +171,7 @@ pages: