diff --git a/css/foundryvtt-reve-de-dragon.css b/css/foundryvtt-reve-de-dragon.css index 47fa40b2..6bf4c47c 100644 --- a/css/foundryvtt-reve-de-dragon.css +++ b/css/foundryvtt-reve-de-dragon.css @@ -48,38 +48,6 @@ --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 { @@ -109,32 +77,120 @@ button, font-family: "CaslonAntique"; /* For sheet parts; For nav and title */ } -.window-header { +:root { + /* =================== 2. DEBUGGING HIGHLIGHTERS ============ */ + /* =================== 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); +} +.system-foundryvtt-reve-de-dragon { + /* =================== En-têtes de feuilles ============ */ + /* =================== Navigation ============ */ + /* =================== Fenêtre TMR ============ */ + /* =================== Autres ============ */ + /* Styles limited to foundryvtt-reve-de-dragon sheets */ + /* ======================================== */ + /* Sheet */ + /* ======================================== */ + /* Global UI elements */ + /* ======================================== */ + /* ======================================== */ + /* ======================================== */ + /* ======================================== */ + /* ======================================== */ + /* dialogue competence : Appel au moral */ + /* Tooltip container */ + /* Show the tooltip text when you mouse over the tooltip container */ + /* Tooltip text */ + /* ======================================== */ + /* Fatigue CSS */ + /* ======================================== */ + /* Sidebar CSS */ + /*--------------------------------------------------------------------------*/ + /* Control, Tool, hotbar & navigation */ + /* Tooltip container */ + /* Tooltip text */ + /* Show the tooltip text when you mouse over the tooltip container */ + /* Dropdown Content (Hidden by Default) */ + /* Change the background color of the dropdown button when the dropdown content is shown */ + /* Show the dropdown menu on hover */ + /* Links inside the dropdown */ + /* Change color of dropdown links on hover */ + /* ======== autocomplete ======= */ + /*when hovering an item:*/ + /*when navigating through the items using the arrow keys:*/ + /*************************************************************/ +} +.system-foundryvtt-reve-de-dragon .application.sheet.fvtt-rdd .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%; +} +.system-foundryvtt-reve-de-dragon .application.sheet.fvtt-rdd section.window-content { + padding: 0rem; +} +.system-foundryvtt-reve-de-dragon .application.sheet.fvtt-rdd section.window-content section header.sheet-header { + background: #011d33 url(../assets/ui/bg_header.webp) no-repeat left top; + color: #ffffff; +} +.system-foundryvtt-reve-de-dragon .application.sheet.fvtt-rdd section.window-content section header.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; +} +.system-foundryvtt-reve-de-dragon .window-header { background: rgba(0, 0, 0, 0.75); } -.window-app.sheet .window-content { +.system-foundryvtt-reve-de-dragon .window-app.sheet .window-content { margin: 0; padding: 0; } -section.window-content div.dialog-buttons { +.system-foundryvtt-reve-de-dragon section.window-content div.dialog-buttons { margin-top: 1rem; } -.strong-text { +.system-foundryvtt-reve-de-dragon .strong-text { font-weight: bold; } -i:is(.fas, .far, .fa-solid, .fa-regular, .fa-sharp ) { +.system-foundryvtt-reve-de-dragon 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%; @@ -149,7 +205,6 @@ 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; padding: 0.1rem 0.1rem; margin: 0; width: fit-content; @@ -212,8 +267,7 @@ i:is(.fas, .far, .fa-solid, .fa-regular, .fa-sharp ) { .system-foundryvtt-reve-de-dragon .sheet-header .resource-content { width: 2rem; } -/* =================== Navigation ============ */ -.sheet nav.sheet-tabs { +.system-foundryvtt-reve-de-dragon .sheet nav.sheet-tabs { font-size: 0.7rem; font-weight: bold; height: 4rem; @@ -228,12 +282,12 @@ i:is(.fas, .far, .fa-solid, .fa-regular, .fa-sharp ) { 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 { +.system-foundryvtt-reve-de-dragon .sheet nav.sheet-tabs .item, +.system-foundryvtt-reve-de-dragon nav.sheet-tabs .item { position: relative; padding: 0.1rem 0.2rem; } -nav.sheet-tabs .item:after { +.system-foundryvtt-reve-de-dragon nav.sheet-tabs .item:after { content: ""; position: absolute; top: 0; @@ -242,56 +296,54 @@ nav.sheet-tabs .item:after { width: 1px; border-right: 1px dashed rgba(52, 52, 52, 0.25); } -/* =================== Fenêtre TMR ============ */ -div.tmrdialog { +.system-foundryvtt-reve-de-dragon div.tmrdialog { width: fit-content !important; height: fit-content !important; max-height: 1024px; } -div.tmrdialog .window-content { +.system-foundryvtt-reve-de-dragon div.tmrdialog .window-content { margin: 0; padding: 0; width: fit-content; max-width: fit-content; max-height: fit-content; } -div.tmrdialog div.tmr-map { +.system-foundryvtt-reve-de-dragon div.tmrdialog div.tmr-map { width: fit-content; height: fit-content; max-height: 1024px; } -div.tmrdialog div.tmr-actions { +.system-foundryvtt-reve-de-dragon div.tmrdialog div.tmr-actions { width: 12rem; max-height: fit-content; } -div.tmrdialog div.tmr-map { +.system-foundryvtt-reve-de-dragon div.tmrdialog div.tmr-map { width: min-content; padding: 0; font-size: 0; } -div.tmrdialog div.tmr-actions { +.system-foundryvtt-reve-de-dragon 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 { +.system-foundryvtt-reve-de-dragon .tabs .item.active, +.system-foundryvtt-reve-de-dragon .blessures-list li ul li:first-child:hover, +.system-foundryvtt-reve-de-dragon i.moral-radio-checkmark-off:hover, +.system-foundryvtt-reve-de-dragon a:hover { text-shadow: 1px 0px 0px #ff6600; } -.rollable:hover, -.rollable:focus { +.system-foundryvtt-reve-de-dragon .rollable:hover, +.system-foundryvtt-reve-de-dragon .rollable:focus { color: #000; text-shadow: 0 0 10px red; cursor: pointer; } -table { +.system-foundryvtt-reve-de-dragon table { border: 1px solid #7a7971; } -.grid, -.grid-2col { +.system-foundryvtt-reve-de-dragon .grid, +.system-foundryvtt-reve-de-dragon .grid-2col { display: grid; grid-column: span 2 / span 2; grid-template-columns: repeat(2, minmax(0, 1fr)); @@ -299,7 +351,7 @@ table { margin: 10px 0; padding: 0; } -.grid-competence-archetype { +.system-foundryvtt-reve-de-dragon .grid-competence-archetype { display: grid; grid-column: span 3 / span 3; grid-template-columns: 2fr 2fr 1fr; @@ -307,47 +359,47 @@ table { margin: 0.5rem 0; padding: 0; } -.grid-3col { +.system-foundryvtt-reve-de-dragon .grid-3col { grid-column: span 3 / span 3; grid-template-columns: repeat(3, minmax(0, 1fr)); } -.grid-4col { +.system-foundryvtt-reve-de-dragon .grid-4col { grid-column: span 4 / span 4; grid-template-columns: repeat(4, minmax(0, 1fr)); } -.grid-5col { +.system-foundryvtt-reve-de-dragon .grid-5col { grid-column: span 5 / span 5; grid-template-columns: repeat(5, minmax(0, 1fr)); } -.grid-6col { +.system-foundryvtt-reve-de-dragon .grid-6col { grid-column: span 5 / span 5; grid-template-columns: repeat(5, minmax(0, 1fr)); } -.grid-7col { +.system-foundryvtt-reve-de-dragon .grid-7col { grid-column: span 7 / span 7; grid-template-columns: repeat(7, minmax(0, 1fr)); } -.grid-8col { +.system-foundryvtt-reve-de-dragon .grid-8col { grid-column: span 8 / span 8; grid-template-columns: repeat(8, minmax(0, 1fr)); } -.grid-9col { +.system-foundryvtt-reve-de-dragon .grid-9col { grid-column: span 9 / span 9; grid-template-columns: repeat(9, minmax(0, 1fr)); } -.grid-10col { +.system-foundryvtt-reve-de-dragon .grid-10col { grid-column: span 10 / span 10; grid-template-columns: repeat(10, minmax(0, 1fr)); } -.grid-11col { +.system-foundryvtt-reve-de-dragon .grid-11col { grid-column: span 11 / span 11; grid-template-columns: repeat(11, minmax(0, 1fr)); } -.grid-12col { +.system-foundryvtt-reve-de-dragon .grid-12col { grid-column: span 12 / span 12; grid-template-columns: repeat(12, minmax(0, 1fr)); } -.flex-group-center { +.system-foundryvtt-reve-de-dragon .flex-group-center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; @@ -357,7 +409,7 @@ table { text-align: center; padding: 0.1rem; } -.flex-group-left { +.system-foundryvtt-reve-de-dragon .flex-group-left { -webkit-box-align: start; -webkit-box-pack: start; -ms-flex-align: start; @@ -366,11 +418,11 @@ table { justify-content: flex-start; text-align: left; } -.flex-group-top { +.system-foundryvtt-reve-de-dragon .flex-group-top { vertical-align: top; align-self: start; } -.flex-group-right { +.system-foundryvtt-reve-de-dragon .flex-group-right { -webkit-box-align: end; -webkit-box-pack: end; -ms-flex-align: end; @@ -379,7 +431,7 @@ table { justify-content: flex-end; text-align: right; } -.flex-center { +.system-foundryvtt-reve-de-dragon .flex-center { -webkit-box-align: center; -ms-flex-align: center; align-items: center; @@ -388,80 +440,79 @@ table { justify-content: center; text-align: center; } -.flex-between { +.system-foundryvtt-reve-de-dragon .flex-between { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } -.flex-shrink { +.system-foundryvtt-reve-de-dragon .flex-shrink { flex: 'flex-shrink'; flex-shrink: 0; } -.flex-grow, -.flex-grow-3 { +.system-foundryvtt-reve-de-dragon .flex-grow, +.system-foundryvtt-reve-de-dragon .flex-grow-3 { flex-grow: 3; } -.flex-grow-2 { +.system-foundryvtt-reve-de-dragon .flex-grow-2 { flex-grow: 2; } -.flex-grow-1 { +.system-foundryvtt-reve-de-dragon .flex-grow-1 { flex-grow: 1; } -.flex-grow-0-5 { +.system-foundryvtt-reve-de-dragon .flex-grow-0-5 { flex-grow: 0.5; } -.voyage-liste-survies { +.system-foundryvtt-reve-de-dragon .voyage-liste-survies { max-width: 12rem; } -/* Styles limited to foundryvtt-reve-de-dragon sheets */ -.texte-dans-liste { +.system-foundryvtt-reve-de-dragon .texte-dans-liste { text-align: left; } -.equipement-nom { +.system-foundryvtt-reve-de-dragon .equipement-nom { flex-grow: 3; margin: 0; justify-content: center; text-align: left; } -.equipement-valeur { +.system-foundryvtt-reve-de-dragon .equipement-valeur { margin: 0; flex-grow: 1.5; text-align: center; } -.equipement-detail { +.system-foundryvtt-reve-de-dragon .equipement-detail { margin: 0; flex-grow: 1; align-items: center; justify-content: center; text-align: center; } -span.equipement-detail-buttons { +.system-foundryvtt-reve-de-dragon span.equipement-detail-buttons { margin: 0; flex-grow: 1.5; align-items: center; justify-content: center; text-align: center; } -.equipement-button { +.system-foundryvtt-reve-de-dragon .equipement-button { margin: 0; flex-grow: 0.5; align-items: center; justify-content: center; text-align: center; } -.item-actions-controls, -.equipement-actions { +.system-foundryvtt-reve-de-dragon .item-actions-controls, +.system-foundryvtt-reve-de-dragon .equipement-actions { margin: 0; flex-grow: 2; align-items: end; justify-content: flex-end; text-align: right; } -.blessure-control { +.system-foundryvtt-reve-de-dragon .blessure-control { flex-grow: 1; flex-direction: row; } -.blessure-soins { +.system-foundryvtt-reve-de-dragon .blessure-soins { flex-direction: row; align-content: flex-start; justify-content: flex-start; @@ -469,41 +520,41 @@ span.equipement-detail-buttons { margin-left: 2px; padding: 2px; } -input:is(.blessure-psdone, .blessure-scdone) { +.system-foundryvtt-reve-de-dragon input:is(.blessure-psdone, .blessure-scdone) { width: 20px; } -input:is(.blessure-premiers_soins, .blessure-soins_complets) { +.system-foundryvtt-reve-de-dragon input:is(.blessure-premiers_soins, .blessure-soins_complets) { width: calc(100% - 25px); } -.blessure-jours { +.system-foundryvtt-reve-de-dragon .blessure-jours { flex-direction: row; align-content: flex-start; justify-content: flex-start; } -.blessure-localisation { +.system-foundryvtt-reve-de-dragon .blessure-localisation { flex-direction: row; align-content: flex-start; justify-content: flex-start; } -.blessure-inactive { +.system-foundryvtt-reve-de-dragon .blessure-inactive { color: rgba(150, 150, 150, 0.4); } -.blessure-active-2, -.blessure-active-legere { +.system-foundryvtt-reve-de-dragon .blessure-active-2, +.system-foundryvtt-reve-de-dragon .blessure-active-legere { color: rgba(60, 60, 60, 0.9); text-shadow: 1px 1px 4px #3c3c3c; } -.blessure-active-4, -.blessure-active-grave { +.system-foundryvtt-reve-de-dragon .blessure-active-4, +.system-foundryvtt-reve-de-dragon .blessure-active-grave { color: rgba(218, 126, 21, 0.9); text-shadow: 1px 1px 4px #3c3c3c; } -.blessure-active-6, -.blessure-active-critique { +.system-foundryvtt-reve-de-dragon .blessure-active-6, +.system-foundryvtt-reve-de-dragon .blessure-active-critique { color: rgba(173, 36, 26, 0.9); text-shadow: 1px 1px 4px #3c3c3c; } -.rdd-dialog-select img.select-img { +.system-foundryvtt-reve-de-dragon .rdd-dialog-select img.select-img { -webkit-box-flex: 0; -ms-flex: 0 0 48px; flex: 0 0 48px; @@ -514,17 +565,17 @@ input:is(.blessure-premiers_soins, .blessure-soins_complets) { object-fit: cover; vertical-align: baseline; } -.rdd-dialog-select li.select-choice { +.system-foundryvtt-reve-de-dragon .rdd-dialog-select li.select-choice { vertical-align: baseline; padding: 0.1rem; } -.dice-img { +.system-foundryvtt-reve-de-dragon .dice-img { border-width: 0; max-width: 1.5rem; max-height: 1.5rem; vertical-align: top; } -.in-text-img { +.system-foundryvtt-reve-de-dragon .in-text-img { max-width: 1.2em; max-height: 1.2em; flex-grow: 0; @@ -533,7 +584,7 @@ input:is(.blessure-premiers_soins, .blessure-soins_complets) { border: none; padding: 0.1rem; } -.context-menu-img { +.system-foundryvtt-reve-de-dragon .context-menu-img { max-width: 2rem; max-height: 1rem; flex-grow: 0; @@ -542,29 +593,29 @@ input:is(.blessure-premiers_soins, .blessure-soins_complets) { border: none; padding: 0rem; } -.button-img { +.system-foundryvtt-reve-de-dragon .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 { +.system-foundryvtt-reve-de-dragon .img-signe-heure { vertical-align: bottom; max-width: 1.5em; max-height: 1.5em; border-width: 0; } -.dimmed { +.system-foundryvtt-reve-de-dragon .dimmed { opacity: 50%; } -.button-effect-img { +.system-foundryvtt-reve-de-dragon .button-effect-img { vertical-align: baseline; max-width: 16px; max-height: 16px; border-width: 0; } -.button-effect-info { +.system-foundryvtt-reve-de-dragon .button-effect-info { vertical-align: baseline; width: 1.4rem; height: 1.4rem; @@ -572,110 +623,110 @@ input:is(.blessure-premiers_soins, .blessure-soins_complets) { padding: 0.2em; border-width: 0; } -.small-button-direction { +.system-foundryvtt-reve-de-dragon .small-button-direction { max-height: 32px; max-width: 32px; border: 0; vertical-align: bottom; } -:is(.button-img,.button-effect-img,.small-button-direction):hover { +.system-foundryvtt-reve-de-dragon :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 { +.system-foundryvtt-reve-de-dragon .small-button-container { max-height: 16px; max-width: 16px; border: 0; vertical-align: bottom; } -.foundryvtt-reve-de-dragon .sheet-header .header-fields { +.system-foundryvtt-reve-de-dragon .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 { +.system-foundryvtt-reve-de-dragon .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 { +.system-foundryvtt-reve-de-dragon .foundryvtt-reve-de-dragon .sheet-header h1.charname input { width: 100%; height: 100%; margin: 0; } -.foundryvtt-reve-de-dragon .sheet-tabs { +.system-foundryvtt-reve-de-dragon .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 { +.system-foundryvtt-reve-de-dragon .foundryvtt-reve-de-dragon .sheet-body, +.system-foundryvtt-reve-de-dragon .foundryvtt-reve-de-dragon .sheet-body .tab { height: 100%; } -.rdd.sheet .window-content { +.system-foundryvtt-reve-de-dragon .rdd.sheet .window-content { overflow: hidden; } -.rdd.sheet .window-content .sheet-body { +.system-foundryvtt-reve-de-dragon .rdd.sheet .window-content .sheet-body { overflow-y: scroll; } -.rdd.sheet .window-content .sheet-body .tab { +.system-foundryvtt-reve-de-dragon .rdd.sheet .window-content .sheet-body .tab { padding-bottom: 30px; } -.rdd.sheet .window-content .sheet-body .competence-list { +.system-foundryvtt-reve-de-dragon .rdd.sheet .window-content .sheet-body .competence-list { width: 100%; } -.rdd.sheet .window-content .sheet-body .carac-list { +.system-foundryvtt-reve-de-dragon .rdd.sheet .window-content .sheet-body .carac-list { width: 100%; flex-grow: 0; } -.rdd.sheet .window-content .sheet-body .carac-list .caracteristique { +.system-foundryvtt-reve-de-dragon .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 { +.system-foundryvtt-reve-de-dragon .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 { +.system-foundryvtt-reve-de-dragon .carac-label { font-weight: bold; flex-basis: 40%; } -.rdd.sheet .window-content .sheet-body .carac-list .caracteristique > .utiliser-attribut { +.system-foundryvtt-reve-de-dragon .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 { +.system-foundryvtt-reve-de-dragon .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 { +.system-foundryvtt-reve-de-dragon .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 { +.system-foundryvtt-reve-de-dragon .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 { +.system-foundryvtt-reve-de-dragon .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 { +.system-foundryvtt-reve-de-dragon .flex-grow-1 { flex-grow: 1; } -.flex-grow-2 { +.system-foundryvtt-reve-de-dragon .flex-grow-2 { flex-grow: 2; } -.flex-grow-3 { +.system-foundryvtt-reve-de-dragon .flex-grow-3 { flex-grow: 3; } -fieldset { +.system-foundryvtt-reve-de-dragon fieldset { border-style: groove; border-width: 0.1rem; padding-inline: 0.2rem; @@ -683,13 +734,13 @@ fieldset { margin-inline: 0.1rem; margin-block: 0.1rem; } -form.application.sheet.fvtt-rdd fieldset :is(label, input) { +.system-foundryvtt-reve-de-dragon 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 { +.system-foundryvtt-reve-de-dragon form.application.sheet.fvtt-rdd div.form-group { clear: both; display: flex; flex-direction: row; @@ -697,240 +748,238 @@ form.application.sheet.fvtt-rdd div.form-group { margin: 0.1rem 0; align-items: center; } -form.application.sheet.fvtt-rdd .editor.prosemirror { +.system-foundryvtt-reve-de-dragon form.application.sheet.fvtt-rdd .editor.prosemirror { height: fit-content; min-height: 5rem; } -form.application.sheet.fvtt-rdd prose-mirror.prosemirror .editor-container { +.system-foundryvtt-reve-de-dragon form.application.sheet.fvtt-rdd prose-mirror.prosemirror .editor-container { min-height: 5rem; height: fit-content; margin: 0; } -.large-editor { +.system-foundryvtt-reve-de-dragon .large-editor { border: 2; height: fit-content; min-height: 12rem; padding: 0 3px; } -.editor { +.system-foundryvtt-reve-de-dragon .editor { border: 2; height: fit-content; min-height: 5rem; padding: 0 3px; } -.medium-editor { +.system-foundryvtt-reve-de-dragon .medium-editor { border: 2; min-height: 8rem; padding: 0 3px; align-items: top; } -.small-editor { +.system-foundryvtt-reve-de-dragon .small-editor { border: 2; min-height: 2rem; padding: 0 3px; } -.foundryvtt-reve-de-dragon.sheet :is(.large-editor,.editor,.medium-editor,.small-editor) { +.system-foundryvtt-reve-de-dragon .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 { +.system-foundryvtt-reve-de-dragon .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 { +.system-foundryvtt-reve-de-dragon .foundryvtt-reve-de-dragon .tox .tox-editor-container { background: #fff; } -.foundryvtt-reve-de-dragon .tox .tox-edit-area { +.system-foundryvtt-reve-de-dragon .foundryvtt-reve-de-dragon .tox .tox-edit-area { padding: 0 8px; } -.foundryvtt-reve-de-dragon .resource-label { +.system-foundryvtt-reve-de-dragon .foundryvtt-reve-de-dragon .resource-label { font-weight: bold; text-transform: uppercase; } -.foundryvtt-reve-de-dragon .tabs { +.system-foundryvtt-reve-de-dragon .foundryvtt-reve-de-dragon .tabs { height: 40px; border-top: 1px solid #AAA; border-bottom: 1px solid #AAA; } -.foundryvtt-reve-de-dragon .tabs .item { +.system-foundryvtt-reve-de-dragon .foundryvtt-reve-de-dragon .tabs .item { line-height: 40px; font-weight: bold; } -.foundryvtt-reve-de-dragon .tabs .item.active { +.system-foundryvtt-reve-de-dragon .foundryvtt-reve-de-dragon .tabs .item.active { text-decoration: underline; text-shadow: none; } -.foundryvtt-reve-de-dragon .item-list { +.system-foundryvtt-reve-de-dragon .foundryvtt-reve-de-dragon .item-list { list-style: none; padding: 0; overflow-y: auto; } -.item-list-title { +.system-foundryvtt-reve-de-dragon .item-list-title { flex: 0; } -.foundryvtt-reve-de-dragon .item-list .item-header { +.system-foundryvtt-reve-de-dragon .foundryvtt-reve-de-dragon .item-list .item-header { font-weight: bold; } -.foundryvtt-reve-de-dragon .item-list .item img { +.system-foundryvtt-reve-de-dragon .foundryvtt-reve-de-dragon .item-list .item img { display: inline; } -.foundryvtt-reve-de-dragon .item-list .item-name { +.system-foundryvtt-reve-de-dragon .foundryvtt-reve-de-dragon .item-list .item-name { margin: 0; } -.competence-list .item-controls, -.competence-list .item-actions-controls { +.system-foundryvtt-reve-de-dragon .competence-list .item-controls, +.system-foundryvtt-reve-de-dragon .competence-list .item-actions-controls { display: contents !important; } -.competence-list .item-actions-controls.hidden-controls, -.competence-list .item-controls.hidden-controls { +.system-foundryvtt-reve-de-dragon .competence-list .item-actions-controls.hidden-controls, +.system-foundryvtt-reve-de-dragon .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) { +.system-foundryvtt-reve-de-dragon .item-actions-controls a.actionItem i:is(.fas, .fa, .fa-solid, .fa-regular), +.system-foundryvtt-reve-de-dragon .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 { +.system-foundryvtt-reve-de-dragon .item-actions-controls a.actionItem i:is(.fas, .fa, .fa-solid, .fa-regular):hover, +.system-foundryvtt-reve-de-dragon .item-controls i:is(.fas, .far, .fa-solid, .fa-regular):hover { opacity: 0.6; } -.rdd-roll-dialog .description-sort { +.system-foundryvtt-reve-de-dragon .rdd-roll-dialog .description-sort { max-width: 550px; } -.rdd-roll-dialog div.dialog-content input { +.system-foundryvtt-reve-de-dragon .rdd-roll-dialog div.dialog-content input { font-size: 1rem; } -.rdd-roll-dialog div.dialog-content input[type="checkbox"] { +.system-foundryvtt-reve-de-dragon .rdd-roll-dialog div.dialog-content input[type="checkbox"] { width: 1rem; vertical-align: sub; } -.rdd-roll-part { +.system-foundryvtt-reve-de-dragon .rdd-roll-part { align-items: center; border-radius: 6px; padding: 3px; background: var(--gradient-gold); } -.rdd-roll-sign { +.system-foundryvtt-reve-de-dragon .rdd-roll-sign { border-radius: 6px; padding: 3px; background: var(--gradient-silver); } -.rdd-roll-norm { +.system-foundryvtt-reve-de-dragon .rdd-roll-norm { border-radius: 6px; padding: 3px; background: var(--gradient-green); } -.rdd-roll-notSign, -.rdd-roll-echec { +.system-foundryvtt-reve-de-dragon .rdd-roll-notSign, +.system-foundryvtt-reve-de-dragon .rdd-roll-echec { border-radius: 6px; padding: 3px; background: var(--gradient-red); } -.rdd-roll-epart { +.system-foundryvtt-reve-de-dragon .rdd-roll-epart { border-radius: 6px; padding: 3px; background: var(--gradient-violet); } -.rdd-roll-etotal { +.system-foundryvtt-reve-de-dragon .rdd-roll-etotal { border-radius: 6px; padding: 3px; background: var(--gradient-purple-black); } -.rdd-diviseur { +.system-foundryvtt-reve-de-dragon .rdd-diviseur { border-radius: 6px; padding: 3px; background: var(--gradient-red); } -.rdd-niveau-requis { +.system-foundryvtt-reve-de-dragon .rdd-niveau-requis { font-size: 0.8rem; text-align: right; } -.placeholder-ajustements { +.system-foundryvtt-reve-de-dragon .placeholder-ajustements { flex-direction: column; } -.table-resolution-carac { +.system-foundryvtt-reve-de-dragon .table-resolution-carac { background-color: yellow; } -.table-resolution-target { +.system-foundryvtt-reve-de-dragon .table-resolution-target { font-weight: bold; background-color: lightblue; } -div.placeholder-resolution span.table-proba-reussite { +.system-foundryvtt-reve-de-dragon div.placeholder-resolution span.table-proba-reussite { font-size: 0.8rem; padding: 5px; } -.poesie-extrait { +.system-foundryvtt-reve-de-dragon .poesie-extrait { font-size: 0.9rem; font-style: italic; } -.poesie-reference { +.system-foundryvtt-reve-de-dragon .poesie-reference { font-size: 0.7rem; text-align: right; } -.poesie-overflow { +.system-foundryvtt-reve-de-dragon .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 { +.system-foundryvtt-reve-de-dragon .poesie-overflow:hover { max-height: unset; overflow: visible; border-left: 0px; } -.type-compendium { +.system-foundryvtt-reve-de-dragon .type-compendium { font-size: 0.6rem; } -/* ======================================== */ -/* Sheet */ -.window-app.sheet .window-content .sheet-header { +.system-foundryvtt-reve-de-dragon .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"]) { +.system-foundryvtt-reve-de-dragon .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"] { +.system-foundryvtt-reve-de-dragon 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) { +.system-foundryvtt-reve-de-dragon 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) { +.system-foundryvtt-reve-de-dragon 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 { +.system-foundryvtt-reve-de-dragon :is(input,select).number-x { max-width: 1.4rem; min-width: 1rem; } -:is(input,select).number-x2 { +.system-foundryvtt-reve-de-dragon :is(input,select).number-x2 { max-width: 2.4rem; min-width: 2rem; } -:is(input,select).number-x3 { +.system-foundryvtt-reve-de-dragon :is(input,select).number-x3 { max-width: 3.4rem; min-width: 3rem; } -:is(input,select).number-x4 { +.system-foundryvtt-reve-de-dragon :is(input,select).number-x4 { max-width: 4.4rem; min-width: 4rem; } -:is(input,select).number-x5 { +.system-foundryvtt-reve-de-dragon :is(input,select).number-x5 { max-width: 4.4rem; } -form.rdddialogchrono input[type=datetime-local] { +.system-foundryvtt-reve-de-dragon form.rdddialogchrono input[type=datetime-local] { min-width: 20px; padding: 0; background: rgba(0, 0, 0, 0.05); @@ -941,53 +990,52 @@ form.rdddialogchrono input[type=datetime-local] { color: var(--color-text-dark-primary); border-radius: 3px; } -.app-calendar-astrologie div.theme-astral { +.system-foundryvtt-reve-de-dragon .app-calendar-astrologie div.theme-astral { width: 14rem; margin: 0.4rem; } -.app-calendar-astrologie div.horloge-roue { +.system-foundryvtt-reve-de-dragon .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 { +.system-foundryvtt-reve-de-dragon .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 { +.system-foundryvtt-reve-de-dragon .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 { +.system-foundryvtt-reve-de-dragon .window-app .window-content, +.system-foundryvtt-reve-de-dragon .window-app.sheet .window-content .sheet-body { background: #f5f5f0 url(../assets/ui/bg_left.webp) no-repeat left top; } -section.sheet-body { +.system-foundryvtt-reve-de-dragon section.sheet-body { padding: 0.25rem 0.5rem; } -.sheet header.sheet-header h1 { +.system-foundryvtt-reve-de-dragon .sheet header.sheet-header h1 { flex: 3; } -.sheet header.sheet-header img.button-img { - max-height: 48px; +.system-foundryvtt-reve-de-dragon .sheet header.sheet-header img.button-img { padding: 1px; margin: 1px; } -.sheet .tab[data-tab] { +.system-foundryvtt-reve-de-dragon .sheet .tab[data-tab] { padding: 0; } -section.sheet-body:after { +.system-foundryvtt-reve-de-dragon section.sheet-body:after { content: ""; display: block; clear: both; } -a.rdd-world-content-link i { +.system-foundryvtt-reve-de-dragon a.rdd-world-content-link i { color: var(--color-text-dark-inactive); margin-right: 0.25em; } -a.rdd-world-content-link { +.system-foundryvtt-reve-de-dragon a.rdd-world-content-link { background: hsla(280, 50%, 50%, 0.1); padding: 1px 4px; border: 1px solid var(--color-border-dark-tertiary); @@ -995,8 +1043,8 @@ a.rdd-world-content-link { white-space: nowrap; word-break: break-all; } -span.content-link, -a.content-link { +.system-foundryvtt-reve-de-dragon span.content-link, +.system-foundryvtt-reve-de-dragon a.content-link { background: hsla(45, 100%, 80%, 0.2); color: hsla(300, 70%, 20%, 0.8); font-weight: 560; @@ -1006,98 +1054,95 @@ a.content-link { white-space: nowrap; word-break: break-all; } -a.roll-text i.fas { +.system-foundryvtt-reve-de-dragon a.roll-text i.fas { color: var(--color-text-dark-inactive); margin-right: 0.25em; } -li label.compteur { +.system-foundryvtt-reve-de-dragon li label.compteur { display: inline-block; flex-direction: row; } -.compteur span { +.system-foundryvtt-reve-de-dragon .compteur span { display: inline-block; text-align: left; width: 2rem; } -.compteur a i:is(.fas,.far):hover { +.system-foundryvtt-reve-de-dragon .compteur a i:is(.fas,.far):hover { opacity: 0.7; } -.select-diff { +.system-foundryvtt-reve-de-dragon .select-diff { display: inline-block; text-align: left; width: 50px; } -.select-carac { +.system-foundryvtt-reve-de-dragon .select-carac { display: inline-block; text-align: left; width: 100%; max-width: 90%; } -.window-app.sheet .window-content .tooltip:hover .tooltiptext { +.system-foundryvtt-reve-de-dragon .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 { +.system-foundryvtt-reve-de-dragon .window-app.sheet .window-content .carac-value, +.system-foundryvtt-reve-de-dragon .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 { +.system-foundryvtt-reve-de-dragon .window-app.sheet .window-content .carac-value, +.system-foundryvtt-reve-de-dragon .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 { +.system-foundryvtt-reve-de-dragon .window-app.sheet .window-content .carac-value, +.system-foundryvtt-reve-de-dragon .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 { +.system-foundryvtt-reve-de-dragon .window-app.sheet .window-content .carac-value, +.system-foundryvtt-reve-de-dragon .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 { +.system-foundryvtt-reve-de-dragon h1, +.system-foundryvtt-reve-de-dragon h2, +.system-foundryvtt-reve-de-dragon h3, +.system-foundryvtt-reve-de-dragon h4 { font-weight: bold; } -ul, -ol { +.system-foundryvtt-reve-de-dragon ul, +.system-foundryvtt-reve-de-dragon ol { margin: 0; padding: 0; } -ul, -li { +.system-foundryvtt-reve-de-dragon ul, +.system-foundryvtt-reve-de-dragon li { list-style-type: none; } -.sheet .caracteristique li { +.system-foundryvtt-reve-de-dragon .sheet .caracteristique li { margin: 0.1rem; padding: 0.2rem; } -.sheet li { +.system-foundryvtt-reve-de-dragon .sheet li { margin: 0.1rem; padding: 0.1rem; } -.header-fields li { +.system-foundryvtt-reve-de-dragon .header-fields li { margin: 0; padding: 0; } -:is(.sheet, div.fenetre-recherche div.section-filters-text) input.recherche { +.system-foundryvtt-reve-de-dragon :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; @@ -1105,23 +1150,23 @@ li { padding: 0.1rem 0.1rem 0.1rem 1.2rem; max-height: 1.2rem; } -span.embed-inline { +.system-foundryvtt-reve-de-dragon span.embed-inline { display: inline-flex; } -.alterne-list > .list-item:hover { +.system-foundryvtt-reve-de-dragon .alterne-list > .list-item:hover { background: rgba(100, 100, 50, 0.25); } -.alterne-list > .list-item:nth-child(even) { +.system-foundryvtt-reve-de-dragon .alterne-list > .list-item:nth-child(even) { background: rgba(80, 60, 0, 0.1); } -.alterne-list > .list-item:nth-child(odd) { +.system-foundryvtt-reve-de-dragon .alterne-list > .list-item:nth-child(odd) { background: rgba(160, 130, 100, 0.05); } -.attribute-value.field-error, -.list-item .field-error { +.system-foundryvtt-reve-de-dragon .attribute-value.field-error, +.system-foundryvtt-reve-de-dragon .list-item .field-error { background-color: var(--background-error); } -.xp-level-up { +.system-foundryvtt-reve-de-dragon .xp-level-up { margin: 0.1rem; box-shadow: inset 0px 0px 1px #00000096; border-radius: 0.25rem; @@ -1129,30 +1174,30 @@ span.embed-inline { flex: 1 1 5rem; background: var(--gradient-gold) !important; } -.niveau-archetype { +.system-foundryvtt-reve-de-dragon .niveau-archetype { background: var(--gradient-silver-light) !important; } -.item-controls i.fas.allouer-stress.level-up { +.system-foundryvtt-reve-de-dragon .item-controls i.fas.allouer-stress.level-up { color: var(--color-gold); } -.item-action-controls i.fa-solid.allouer-stress.level-up { +.system-foundryvtt-reve-de-dragon .item-action-controls i.fa-solid.allouer-stress.level-up { color: var(--color-gold); } -.blessures-list ul { +.system-foundryvtt-reve-de-dragon .blessures-list ul { display: flex; } -.blessures-list li { +.system-foundryvtt-reve-de-dragon .blessures-list li { flex: 1; flex-basis: auto; } -.blessures-list li ul li:first-child { +.system-foundryvtt-reve-de-dragon .blessures-list li ul li:first-child { flex: 0; align-items: center; justify-content: center; padding: 0.5rem; cursor: pointer; } -.list-item { +.system-foundryvtt-reve-de-dragon .list-item { margin: 0.1rem; box-shadow: inset 0px 0px 1px #00000096; border-radius: 0.25rem; @@ -1161,45 +1206,45 @@ span.embed-inline { display: flex; align-items: center !important; } -.table-row { +.system-foundryvtt-reve-de-dragon .table-row { margin: 0.1rem; padding: 0.1rem; flex: 1 1 5rem; } -.item-display-show { +.system-foundryvtt-reve-de-dragon .item-display-show { display: inline; } -.item-display-hide { +.system-foundryvtt-reve-de-dragon .item-display-hide { display: none; } -.conteneur-type { +.system-foundryvtt-reve-de-dragon .conteneur-type { background: rgba(200, 10, 100, 0.25); } -.item-column { +.system-foundryvtt-reve-de-dragon .item-column { margin-left: 0.2rem; margin-right: 0.2rem; justify-content: center; text-align: center; } -ul.list-item-margin1 li { +.system-foundryvtt-reve-de-dragon ul.list-item-margin1 li { margin-left: 0.8rem; } -ul.list-item-margin2 li { +.system-foundryvtt-reve-de-dragon ul.list-item-margin2 li { margin-left: 1.6rem; } -ul.list-item-margin3 li { +.system-foundryvtt-reve-de-dragon ul.list-item-margin3 li { margin-left: 2.4rem; } -ul.list-item-margin4 li { +.system-foundryvtt-reve-de-dragon ul.list-item-margin4 li { margin-left: 3.2rem; } -ul.list-item-margin5 li { +.system-foundryvtt-reve-de-dragon ul.list-item-margin5 li { margin-left: 4rem; } -ul.list-item-margin6 li { +.system-foundryvtt-reve-de-dragon ul.list-item-margin6 li { margin-left: 4.8rem; } -.grid-select-type-tmr { +.system-foundryvtt-reve-de-dragon .grid-select-type-tmr { display: grid; grid-column: span 4 / span 4; grid-template-columns: repeat(4, minmax(0, 1fr)); @@ -1207,7 +1252,7 @@ ul.list-item-margin6 li { margin: 0.1rem; padding: 0; } -.grid-select-actor { +.system-foundryvtt-reve-de-dragon .grid-select-actor { display: grid; grid-column: span 2 / span 2; grid-template-columns: repeat(2, minmax(0, 1fr)); @@ -1215,115 +1260,113 @@ ul.list-item-margin6 li { margin: 0.1rem; padding: 0; } -.sheet-competence-img { +.system-foundryvtt-reve-de-dragon .sheet-competence-img { max-width: 24px; max-height: 24px; flex-grow: 0; margin-right: 0.2rem; vertical-align: bottom; } -.competence-column { +.system-foundryvtt-reve-de-dragon .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 { +.system-foundryvtt-reve-de-dragon div.competence-column div.categorie-competence { width: 100%; } -.competence-header { +.system-foundryvtt-reve-de-dragon .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 { +.system-foundryvtt-reve-de-dragon .astrologie-label, +.system-foundryvtt-reve-de-dragon .generic-label, +.system-foundryvtt-reve-de-dragon .subacteur-label, +.system-foundryvtt-reve-de-dragon .list-item-label, +.system-foundryvtt-reve-de-dragon .list-title-label { flex-grow: 2; } -.attribut-value, -.carac-value { +.system-foundryvtt-reve-de-dragon .attribut-value, +.system-foundryvtt-reve-de-dragon .carac-value { flex-grow: 0; flex-basis: 64px; margin-right: 4px; margin-left: 4px; } -.sante-value, -.competence-carac, -.competence-damage, -.competence-value { +.system-foundryvtt-reve-de-dragon .sante-value, +.system-foundryvtt-reve-de-dragon .competence-carac, +.system-foundryvtt-reve-de-dragon .competence-damage, +.system-foundryvtt-reve-de-dragon .competence-value { flex-grow: 0; flex-basis: 2rem; margin-right: 0.2rem; margin-left: 0.2rem; } -.initiative-value { +.system-foundryvtt-reve-de-dragon .initiative-value { flex-grow: 0; flex-basis: 3rem; margin-right: 0.2rem; margin-left: 0.2rem; } -.competence-xp { +.system-foundryvtt-reve-de-dragon .competence-xp { flex-grow: 0; flex-basis: 2rem; margin-right: 0.2rem; margin-left: 0.2rem; } -.item-label { +.system-foundryvtt-reve-de-dragon .item-label { font-weight: bold; } -.pointsreve-value { +.system-foundryvtt-reve-de-dragon .pointsreve-value { flex-grow: 0; flex-basis: 64px; margin-right: 4px; margin-left: 4px; } -.input-sante-header, -.stress-style { +.system-foundryvtt-reve-de-dragon .input-sante-header, +.system-foundryvtt-reve-de-dragon .stress-style { flex-grow: 0; flex-basis: 64px; margin-right: 4px; margin-left: 4px; } -/* ======================================== */ -table.table-nombres-astraux { +.system-foundryvtt-reve-de-dragon table.table-nombres-astraux { border: 2px solid rgba(0, 0, 0, 0.8); } -table.table-nombres-astraux th > td { +.system-foundryvtt-reve-de-dragon table.table-nombres-astraux th > td { font-size: 1rem; } -table.table-nombres-astraux tr > td { +.system-foundryvtt-reve-de-dragon table.table-nombres-astraux tr > td { font-size: 0.8rem; } -table.table-nombres-astraux :is(tr, th, td) { +.system-foundryvtt-reve-de-dragon 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 { +.system-foundryvtt-reve-de-dragon table.table-nombres-astraux tr:hover { background-color: hsla(38, 20%, 50%, 0.5); } -/* ======================================== */ -.token-hud-ext { +.system-foundryvtt-reve-de-dragon .token-hud-ext { display: flex; flex: 0 !important; font-family: CaslonPro; font-weight: 600; } -.token-hud-ext.left { +.system-foundryvtt-reve-de-dragon .token-hud-ext.left { justify-content: flex-start; flex-direction: column; position: absolute; top: 4.6rem; left: -19rem; } -.token-hud-ext.soins { +.system-foundryvtt-reve-de-dragon .token-hud-ext.soins { flex-direction: column; position: absolute; top: 14.7rem; @@ -1331,13 +1374,13 @@ table.table-nombres-astraux tr:hover { max-width: 8rem; line-height: 1rem; } -.token-hud-ext.right { +.system-foundryvtt-reve-de-dragon .token-hud-ext.right { flex-direction: column; position: absolute; top: 4.6rem; left: 3.5rem; } -div.control-icon.token-hud-icon { +.system-foundryvtt-reve-de-dragon div.control-icon.token-hud-icon { width: 9rem; height: fit-content; border-radius: 0.3rem; @@ -1347,11 +1390,10 @@ div.control-icon.token-hud-icon { line-height: 0.95rem; margin: 0.2rem; } -.rdd-hud-menu label { +.system-foundryvtt-reve-de-dragon .rdd-hud-menu label { font-size: 0.8rem; } -/* ======================================== */ -.item-checkbox { +.system-foundryvtt-reve-de-dragon .item-checkbox { height: 25px; border: 1px solid #736953a6; border-left: none; @@ -1365,31 +1407,26 @@ div.control-icon.token-hud-icon { left: 0px; text-align: center; } -/* ======================================== */ -/* dialogue competence : Appel au moral */ -.diffAppelAuMoral { +.system-foundryvtt-reve-de-dragon .diffAppelAuMoral { display: none !important; } -.imgAppelAuMoral { +.system-foundryvtt-reve-de-dragon .imgAppelAuMoral { height: 20px; width: 20px; border: none; outline: none; background-size: cover; } -/* Tooltip container */ -.tooltipAppelAuMoral { +.system-foundryvtt-reve-de-dragon .tooltipAppelAuMoral { position: relative; display: inline-block; border-bottom: 0; } -/* Show the tooltip text when you mouse over the tooltip container */ -.tooltipAppelAuMoral:hover .tooltipAppelAuMoralText { +.system-foundryvtt-reve-de-dragon .tooltipAppelAuMoral:hover .tooltipAppelAuMoralText { visibility: visible; opacity: 1; } -/* Tooltip text */ -.tooltipAppelAuMoral .tooltipAppelAuMoralText { +.system-foundryvtt-reve-de-dragon .tooltipAppelAuMoral .tooltipAppelAuMoralText { text-align: center; /* Position the tooltip text */ position: absolute; @@ -1400,74 +1437,70 @@ div.control-icon.token-hud-icon { opacity: 0; transition: opacity 0.3s; } -.tendre-moment { +.system-foundryvtt-reve-de-dragon .tendre-moment { color: hsla(293, 72%, 44%, 0.8); } -/* ======================================== */ -/* Fatigue CSS */ -.table-fatigue { +.system-foundryvtt-reve-de-dragon .table-fatigue { table-layout: fixed; padding: 0; margin: 0; } -.table-fatigue td { +.system-foundryvtt-reve-de-dragon .table-fatigue td { table-layout: fixed; width: 2px; height: 2px; padding: 0; } -.table-fatigue .fatigue-used { +.system-foundryvtt-reve-de-dragon .table-fatigue .fatigue-used { background-color: DarkRed; border: 1px solid #999; } -.table-fatigue .fatigue-none { +.system-foundryvtt-reve-de-dragon .table-fatigue .fatigue-none { background-color: Grey; border: 1px solid #999; } -.table-fatigue .fatigue-free { +.system-foundryvtt-reve-de-dragon .table-fatigue .fatigue-free { border: 1px solid #999; } -.table-fatigue .fatigue-malus { +.system-foundryvtt-reve-de-dragon .table-fatigue .fatigue-malus { font-size: 0.8rem; } -.flex-actions-bar { +.system-foundryvtt-reve-de-dragon .flex-actions-bar { flex-grow: 2; } -/* ======================================== */ -/* Sidebar CSS */ -#sidebar { +.system-foundryvtt-reve-de-dragon #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 { +.system-foundryvtt-reve-de-dragon #sidebar-tabs > .collapsed, +.system-foundryvtt-reve-de-dragon #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 { +.system-foundryvtt-reve-de-dragon .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 { +.system-foundryvtt-reve-de-dragon .sidebar-tab .directory-list .entity:hover { background: rgba(0, 0, 0, 0.05); cursor: pointer; } -.chat-message { +.system-foundryvtt-reve-de-dragon .chat-message { background: rgba(220, 220, 210, 0.5); font-size: 1rem; } -.chat-message header.message-header .heure-rdd { +.system-foundryvtt-reve-de-dragon .chat-message header.message-header .heure-rdd { font-size: 0.7rem; flex-grow: 3; } -.chat-message.whisper { +.system-foundryvtt-reve-de-dragon .chat-message.whisper { background: rgba(220, 220, 210, 0.75); border: 2px solid #545469; } -.chat-icon { +.system-foundryvtt-reve-de-dragon .chat-icon { border: 0; padding: 2px 6px 2px 2px; float: left; @@ -1476,24 +1509,24 @@ div.control-icon.token-hud-icon { height: 100%; object-fit: contain; } -.chat-inline-icon { +.system-foundryvtt-reve-de-dragon .chat-inline-icon { border: 0; padding: 1px; vertical-align: text-top; } -#sidebar-tabs { +.system-foundryvtt-reve-de-dragon #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 { +.system-foundryvtt-reve-de-dragon #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 { +.system-foundryvtt-reve-de-dragon #sidebar #sidebar-tabs i { width: 23px; height: 23px; display: inline-block; @@ -1501,57 +1534,55 @@ div.control-icon.token-hud-icon { 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 { +.system-foundryvtt-reve-de-dragon #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 { +.system-foundryvtt-reve-de-dragon #sidebar #sidebar-tabs i.fa-comments { background: url("../assets/ui/icon_sidebar_chat.svg") no-repeat; } -#sidebar #sidebar-tabs i.fa-fist-raised { +.system-foundryvtt-reve-de-dragon #sidebar #sidebar-tabs i.fa-fist-raised { background: url("../assets/ui/icon_sidebar_fight.svg") no-repeat; } -#sidebar #sidebar-tabs i.fa-swords { +.system-foundryvtt-reve-de-dragon #sidebar #sidebar-tabs i.fa-swords { background: url("../assets/ui/icon_sidebar_fight.svg") no-repeat; } -#sidebar #sidebar-tabs i.fa-user { +.system-foundryvtt-reve-de-dragon #sidebar #sidebar-tabs i.fa-user { background: url("../assets/ui/icon_sidebar_actor.svg") no-repeat; } -#sidebar #sidebar-tabs i.fa-users { +.system-foundryvtt-reve-de-dragon #sidebar #sidebar-tabs i.fa-users { background: url("../assets/ui/icon_sidebar_actor.svg") no-repeat; } -#sidebar #sidebar-tabs i.fa-map { +.system-foundryvtt-reve-de-dragon #sidebar #sidebar-tabs i.fa-map { background: url("../assets/ui/icon_sidebar_scene.svg") no-repeat; } -#sidebar #sidebar-tabs i.fa-suitcase { +.system-foundryvtt-reve-de-dragon #sidebar #sidebar-tabs i.fa-suitcase { background: url("../assets/ui/icon_sidebar_item.svg") no-repeat; } -#sidebar #sidebar-tabs i.fa-book-open { +.system-foundryvtt-reve-de-dragon #sidebar #sidebar-tabs i.fa-book-open { background: url("../assets/ui/icon_sidebar_journal.svg") no-repeat; } -#sidebar #sidebar-tabs i.fa-th-list { +.system-foundryvtt-reve-de-dragon #sidebar #sidebar-tabs i.fa-th-list { background: url("../assets/ui/icon_sidebar_rolltable.svg") no-repeat; } -#sidebar #sidebar-tabs i.fa-music { +.system-foundryvtt-reve-de-dragon #sidebar #sidebar-tabs i.fa-music { background: url("../assets/ui/icon_sidebar_music.svg") no-repeat; } -#sidebar #sidebar-tabs i.fa-atlas { +.system-foundryvtt-reve-de-dragon #sidebar #sidebar-tabs i.fa-atlas { background: url("../assets/ui/icon_sidebar_compendium.svg") no-repeat; } -#sidebar #sidebar-tabs i.fa-cogs { +.system-foundryvtt-reve-de-dragon #sidebar #sidebar-tabs i.fa-cogs { background: url("../assets/ui/icon_sidebar_settings.svg") no-repeat; } -#combat #combat-controls { +.system-foundryvtt-reve-de-dragon #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 { +.system-foundryvtt-reve-de-dragon #controls .scene-control, +.system-foundryvtt-reve-de-dragon #controls .control-tool { box-shadow: 0 0 3px #000; margin: 0 0 8px; border-radius: 0; @@ -1561,11 +1592,11 @@ div.control-icon.token-hud-icon { border-image-width: 4px; border-image-outset: 0px; } -#controls .control-tools { +.system-foundryvtt-reve-de-dragon #controls .control-tools { max-height: calc(100vh - 156px); height: auto; } -#controls :is(.scene-control.active,.control-tool.active, .scene-control:hover, .control-tool:hover) { +.system-foundryvtt-reve-de-dragon #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; @@ -1573,39 +1604,39 @@ div.control-icon.token-hud-icon { border-image-outset: 0px; box-shadow: 0 0 3px #ff6400; } -#hotbar #action-bar #macro-list { +.system-foundryvtt-reve-de-dragon #hotbar #action-bar #macro-list { border: 1px solid #482e1c; box-shadow: 2px 2px 5px #000000; } -#hotbar #action-bar .macro { +.system-foundryvtt-reve-de-dragon #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 { +.system-foundryvtt-reve-de-dragon #hotbar .bar-controls { background: #1e1914; border: 1px solid #482e1c; } -#players { +.system-foundryvtt-reve-de-dragon #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 { +.system-foundryvtt-reve-de-dragon #navigation #scene-list .scene.nav-item.active { background: #482e1c; } -#navigation #scene-list .scene.nav-item { +.system-foundryvtt-reve-de-dragon #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 { +.system-foundryvtt-reve-de-dragon #navigation #scene-list .scene.view, +.system-foundryvtt-reve-de-dragon #navigation #scene-list .scene.context { background: #482e1c; background-origin: padding-box; border-image: url(../assets/ui/footer-button.webp) 10 repeat; @@ -1613,14 +1644,14 @@ div.control-icon.token-hud-icon { border-image-outset: 0px; box-shadow: 0 0 3px #ff6400; } -#navigation #nav-toggle { +.system-foundryvtt-reve-de-dragon #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 { +.system-foundryvtt-reve-de-dragon .window-app.calendar { display: inline-block; background: none; margin: 0; @@ -1629,12 +1660,12 @@ div.control-icon.token-hud-icon { pointer-events: none; max-height: fit-content; } -.window-app.calendar header.window-header { +.system-foundryvtt-reve-de-dragon .window-app.calendar header.window-header { min-width: fit-content; height: 1.4rem; pointer-events: all; } -.window-app.calendar .window-content { +.system-foundryvtt-reve-de-dragon .window-app.calendar .window-content { margin: 0; padding: 0; z-index: 100; @@ -1645,36 +1676,36 @@ div.control-icon.token-hud-icon { font-family: "GoudyAcc"; pointer-events: none; } -.window-app.calendar .window-content div:is(.calendar-boutons-heure, .horloge-digitale) { +.system-foundryvtt-reve-de-dragon .window-app.calendar .window-content div:is(.calendar-boutons-heure, .horloge-digitale) { pointer-events: all; } -.window-app.calendar .window-content div.horloge-analogique { +.system-foundryvtt-reve-de-dragon .window-app.calendar .window-content div.horloge-analogique { pointer-events: none; } -.window-app.calendar .window-content div.horloge-analogique div.horloge-roue { +.system-foundryvtt-reve-de-dragon .window-app.calendar .window-content div.horloge-analogique div.horloge-roue { pointer-events: all; } -.window-app.calendar div.horloge-roue { +.system-foundryvtt-reve-de-dragon .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 { +.system-foundryvtt-reve-de-dragon .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 { +.system-foundryvtt-reve-de-dragon .window-app.calendar div.horloge-roue div.horloge-heure img.horloge-heure-img { width: 1.4rem; height: 1.4rem; } -div.horloge-roue div { +.system-foundryvtt-reve-de-dragon div.horloge-roue div { position: absolute; border: none; pointer-events: all; } -div.horloge-roue div.horloge-cercle { +.system-foundryvtt-reve-de-dragon 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%; @@ -1682,7 +1713,7 @@ div.horloge-roue div.horloge-cercle { height: 96%; border-radius: 50%; } -div.horloge-roue div.horloge-cercle1 { +.system-foundryvtt-reve-de-dragon div.horloge-roue div.horloge-cercle1 { background: var(--gradient-daylight); border: 0.2rem solid rgba(100, 45, 124, 0.6); top: 2%; @@ -1691,7 +1722,7 @@ div.horloge-roue div.horloge-cercle1 { height: 96%; border-radius: 50%; } -div.horloge-roue div.horloge-cercle2 { +.system-foundryvtt-reve-de-dragon div.horloge-roue div.horloge-cercle2 { border: 0.1rem solid rgba(100, 45, 124, 0.4); top: 17%; left: 17%; @@ -1699,25 +1730,25 @@ div.horloge-roue div.horloge-cercle2 { height: 66%; border-radius: 50%; } -div.horloge-roue div.disque-astro { +.system-foundryvtt-reve-de-dragon div.horloge-roue div.disque-astro { top: 28%; left: 28%; width: 44%; height: 44%; } -div.horloge-roue div.horloge-aiguille-heure { +.system-foundryvtt-reve-de-dragon div.horloge-roue div.horloge-aiguille-heure { top: 25%; left: 25%; width: 50%; height: 50%; } -div.horloge-roue div.horloge-aiguille-minute { +.system-foundryvtt-reve-de-dragon div.horloge-roue div.horloge-aiguille-minute { top: 20%; left: 20%; width: 60%; height: 60%; } -div.horloge-roue div.horloge-ajustement { +.system-foundryvtt-reve-de-dragon div.horloge-roue div.horloge-ajustement { width: 0.8rem; height: 0.8rem; color: hsl(120, 50%, 15%); @@ -1727,164 +1758,164 @@ div.horloge-roue div.horloge-ajustement { vertical-align: middle; border-radius: 0.3rem; } -div.horloge-roue div img { +.system-foundryvtt-reve-de-dragon div.horloge-roue div img { border: none; } -.window-app.calendar div.horloge-heure.heure-01 { +.system-foundryvtt-reve-de-dragon .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 { +.system-foundryvtt-reve-de-dragon .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 { +.system-foundryvtt-reve-de-dragon .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 { +.system-foundryvtt-reve-de-dragon .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 { +.system-foundryvtt-reve-de-dragon .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 { +.system-foundryvtt-reve-de-dragon .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 { +.system-foundryvtt-reve-de-dragon .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 { +.system-foundryvtt-reve-de-dragon .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 { +.system-foundryvtt-reve-de-dragon .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 { +.system-foundryvtt-reve-de-dragon .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 { +.system-foundryvtt-reve-de-dragon .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 { +.system-foundryvtt-reve-de-dragon .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 { +.system-foundryvtt-reve-de-dragon .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 { +.system-foundryvtt-reve-de-dragon .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 { +.system-foundryvtt-reve-de-dragon .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 { +.system-foundryvtt-reve-de-dragon .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 { +.system-foundryvtt-reve-de-dragon .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 { +.system-foundryvtt-reve-de-dragon .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 { +.system-foundryvtt-reve-de-dragon .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 { +.system-foundryvtt-reve-de-dragon .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 { +.system-foundryvtt-reve-de-dragon .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 { +.system-foundryvtt-reve-de-dragon .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 { +.system-foundryvtt-reve-de-dragon .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 { +.system-foundryvtt-reve-de-dragon .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 { +.system-foundryvtt-reve-de-dragon .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 { +.system-foundryvtt-reve-de-dragon .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 { +.system-foundryvtt-reve-de-dragon .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 { +.system-foundryvtt-reve-de-dragon .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 { +.system-foundryvtt-reve-de-dragon .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 { +.system-foundryvtt-reve-de-dragon .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 { +.system-foundryvtt-reve-de-dragon .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 { +.system-foundryvtt-reve-de-dragon .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 { +.system-foundryvtt-reve-de-dragon .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 { +.system-foundryvtt-reve-de-dragon .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 { +.system-foundryvtt-reve-de-dragon .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 { +.system-foundryvtt-reve-de-dragon .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 { +.system-foundryvtt-reve-de-dragon .window-app.calendar header.window-header h4 { font-size: 0.8rem; } -.window-app.calendar section.window-content div.calendar-boutons-heure { +.system-foundryvtt-reve-de-dragon .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 { +.system-foundryvtt-reve-de-dragon .calendar-boutons-heure .calendar-btn:is(.calendar-lyre,.calendar-vaisseau) img { color: hsla(0, 0%, 100%, 0.5); border: none; vertical-align: bottom; @@ -1892,84 +1923,82 @@ div.horloge-roue div img { max-height: 1.2em; margin: 1px; } -.calendar-boutons-heure i { +.system-foundryvtt-reve-de-dragon .calendar-boutons-heure i { border: 1px solid rgba(0, 0, 0, 0); } -.calendar-boutons-heure i:hover { +.system-foundryvtt-reve-de-dragon .calendar-boutons-heure i:hover { color: var(--color-controls-hover); border: 1px solid var(--color-control-border-hover); cursor: pointer; } -.calendar-1min { +.system-foundryvtt-reve-de-dragon .calendar-1min { grid-column: 1; } -.calendar-5min { +.system-foundryvtt-reve-de-dragon .calendar-5min { grid-column: 2; } -.calendar-15min { +.system-foundryvtt-reve-de-dragon .calendar-15min { grid-column: 3; } -.calendar-30min { +.system-foundryvtt-reve-de-dragon .calendar-30min { grid-column: 4; } -.calendar-60min { +.system-foundryvtt-reve-de-dragon .calendar-60min { grid-column: 5; } -.calendar-1heure { +.system-foundryvtt-reve-de-dragon .calendar-1heure { grid-column: 6; } -.calendar-lyre { +.system-foundryvtt-reve-de-dragon .calendar-lyre { grid-column: 7; } -.calendar-vaisseau { +.system-foundryvtt-reve-de-dragon .calendar-vaisseau { grid-column: 8; } -.calendar-set-datetime { +.system-foundryvtt-reve-de-dragon .calendar-set-datetime { grid-column: 9; } -.calendar-astrologie { +.system-foundryvtt-reve-de-dragon .calendar-astrologie { grid-column: 10; } -div.horloge-analogique { +.system-foundryvtt-reve-de-dragon div.horloge-analogique { border: none; margin: 0; } -div.horloge-analogique.horloge-analogique-hidden { +.system-foundryvtt-reve-de-dragon div.horloge-analogique.horloge-analogique-hidden { visibility: hidden; } -div.horloge-digitale { +.system-foundryvtt-reve-de-dragon 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) { +.system-foundryvtt-reve-de-dragon div.horloge-digitale :is(.calendar-heure-texte,.calendar-minute-texte) { font-size: 1rem; pointer-events: all; margin: 0; } -div.horloge-digitale a { +.system-foundryvtt-reve-de-dragon div.horloge-digitale a { border: 1px solid rgba(0, 0, 0, 0); } -div.horloge-digitale a:hover { +.system-foundryvtt-reve-de-dragon 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 { +.system-foundryvtt-reve-de-dragon div.calendar-timestamp-edit select.calendar-signe-heure { width: max-content; } -/* Tooltip container */ -.tooltip { +.system-foundryvtt-reve-de-dragon .tooltip { position: relative; display: inline-block; } -.tooltip-dotted { +.system-foundryvtt-reve-de-dragon .tooltip-dotted { border-bottom: 1px dotted black; /* If you want dots under the hoverable text */ } -/* Tooltip text */ -.tooltip .tooltiptext { +.system-foundryvtt-reve-de-dragon .tooltip .tooltiptext { text-align: center; /* Position the tooltip text */ position: absolute; @@ -1979,10 +2008,10 @@ div.calendar-timestamp-edit select.calendar-signe-heure { opacity: 0; transition: opacity 0.3s; } -.tooltip .left-competence { +.system-foundryvtt-reve-de-dragon .tooltip .left-competence { transform: translate(-100%, 0%); } -.tooltip .ttt-fatigue { +.system-foundryvtt-reve-de-dragon .tooltip .ttt-fatigue { width: 360px; background: rgba(30, 25, 20, 0.9); border-image: url(../assets/ui/bg_control.webp) 21 repeat; @@ -1993,14 +2022,14 @@ div.calendar-timestamp-edit select.calendar-signe-heure { font-size: 0.8rem; padding: 3px 0; } -.tooltip .ttt-ajustements { +.system-foundryvtt-reve-de-dragon .tooltip .ttt-ajustements { width: 150px; background: var(--background-tooltip); border-radius: 6px; font-size: 0.9rem; padding: 3px 0; } -.tooltip .ttt-titre { +.system-foundryvtt-reve-de-dragon .tooltip .ttt-titre { text-align: justify; width: 100%; top: 30px; @@ -2009,34 +2038,33 @@ div.calendar-timestamp-edit select.calendar-signe-heure { font-size: 0.9rem; padding: 3px; } -aside#tooltip { +.system-foundryvtt-reve-de-dragon 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 { +.system-foundryvtt-reve-de-dragon aside#tooltip span.reference { color: var(--color-tooltip); border: 1px solid var(--color-tooltip-faint); } -aside#tooltip .toolclip p.faint { +.system-foundryvtt-reve-de-dragon aside#tooltip .toolclip p.faint { color: var(--color-tooltip-faint); } -.tooltip :is(.ttt-xp,.ttt-levelup) { +.system-foundryvtt-reve-de-dragon .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 { +.system-foundryvtt-reve-de-dragon .tooltip:hover .tooltiptext { visibility: visible; opacity: 1; } -.chat-card-button, -.chat-card-button-pushed { +.system-foundryvtt-reve-de-dragon .chat-card-button, +.system-foundryvtt-reve-de-dragon .chat-card-button-pushed { border-radius: 0.2rem; cursor: pointer; font-family: CaslonPro; @@ -2048,35 +2076,34 @@ aside#tooltip .toolclip p.faint { border: 2px ridge #846109; display: inline-block; } -.chat-card-button { +.system-foundryvtt-reve-de-dragon .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 { +.system-foundryvtt-reve-de-dragon .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 { +.system-foundryvtt-reve-de-dragon .chat-card-button:hover { background: var(--background-custom-button-hover); background-color: red; } -.chat-card-button-pushed:hover { +.system-foundryvtt-reve-de-dragon .chat-card-button-pushed:hover { background: var(--background-custom-button-hover); background-color: red; } -.chat-card-button:active, -.chat-card-button-pushed:active { +.system-foundryvtt-reve-de-dragon .chat-card-button:active, +.system-foundryvtt-reve-de-dragon .chat-card-button-pushed:active { position: relative; top: 1px; } -/* Dropdown Content (Hidden by Default) */ -.button-dropdown-content { +.system-foundryvtt-reve-de-dragon .button-dropdown-content { display: none; position: absolute; width: max-content; @@ -2086,35 +2113,30 @@ aside#tooltip .toolclip p.faint { max-height: 14rem; z-index: 10; } -.button-dropdown { +.system-foundryvtt-reve-de-dragon .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 { +.system-foundryvtt-reve-de-dragon .button-dropdown:hover .button-dropbutton { text-shadow: 1px 0px 0px #ff6600; } -/* Show the dropdown menu on hover */ -.button-dropdown:hover .button-dropdown-content { +.system-foundryvtt-reve-de-dragon .button-dropdown:hover .button-dropdown-content { display: block; } -/* Links inside the dropdown */ -.button-dropdown-content a { +.system-foundryvtt-reve-de-dragon .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 { +.system-foundryvtt-reve-de-dragon .button-dropdown-content a:hover { background-color: #ddd; } -/* ======== autocomplete ======= */ -.autocomplete { +.system-foundryvtt-reve-de-dragon .autocomplete { position: relative; display: inline-block; } -.autocomplete-items { +.system-foundryvtt-reve-de-dragon .autocomplete-items { position: absolute; border: 1px solid var(--color-border-dark); border-bottom: none; @@ -2125,43 +2147,40 @@ aside#tooltip .toolclip p.faint { left: 0; right: 0; } -.autocomplete-items div { +.system-foundryvtt-reve-de-dragon .autocomplete-items div { padding: 10px; cursor: pointer; background-color: #fff; border-bottom: 1px solid #d4d4d4; } -/*when hovering an item:*/ -.autocomplete-items div:hover { +.system-foundryvtt-reve-de-dragon .autocomplete-items div:hover { background-color: #e9e9e9; } -/*when navigating through the items using the arrow keys:*/ -.autocomplete-active { +.system-foundryvtt-reve-de-dragon .autocomplete-active { background-color: DodgerBlue !important; color: #ffffff; } -/*************************************************************/ -#pause { +.system-foundryvtt-reve-de-dragon #pause { font-family: CaslonAntique; font-size: 2rem; background: none; } -#pause > h3 { +.system-foundryvtt-reve-de-dragon #pause > h3 { color: #CCC; } -#pause > img { +.system-foundryvtt-reve-de-dragon #pause > img { content: url(../assets/ui/rdd_pause.webp); height: 256px; width: 256px; top: -75px; left: calc(50% - 132px); } -#logo { +.system-foundryvtt-reve-de-dragon #logo { content: url(../assets/ui/logo.webp); width: 80px; height: 68px; } -div.vl { +.system-foundryvtt-reve-de-dragon div.vl { border: 1px solid ; border-color: hsla(0, 0%, 0%, 0.5); height: inherit; @@ -2171,26 +2190,26 @@ div.vl { width: 1px; flex-grow: 0; } -div.fenetre-recherche div.zone-recherche { +.system-foundryvtt-reve-de-dragon div.fenetre-recherche div.zone-recherche { display: flex; } -div.fenetre-recherche div.zone-recherche div.filtres { +.system-foundryvtt-reve-de-dragon div.fenetre-recherche div.zone-recherche div.filtres { width: fit-content; min-width: 200px; float: left; } -div.fenetre-recherche div.titre-resultats-recherche { +.system-foundryvtt-reve-de-dragon div.fenetre-recherche div.titre-resultats-recherche { flex-basis: 0; max-height: fit-content; } -div.fenetre-recherche div.liste-resultats-recherche { +.system-foundryvtt-reve-de-dragon 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 { +.system-foundryvtt-reve-de-dragon div.fenetre-recherche div.liste-resultats-recherche div.resultat { width: fit-content; margin: 0.2rem 0.5rem; } diff --git a/less/colors.less b/less/colors.less index 0122c387..97417614 100644 --- a/less/colors.less +++ b/less/colors.less @@ -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); diff --git a/less/fonts.less b/less/fonts.less index 89f51384..1b3c9344 100644 --- a/less/fonts.less +++ b/less/fonts.less @@ -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 */ +} diff --git a/less/foundryvtt-reve-de-dragon.less b/less/foundryvtt-reve-de-dragon.less index c38b835e..e6679053 100644 --- a/less/foundryvtt-reve-de-dragon.less +++ b/less/foundryvtt-reve-de-dragon.less @@ -1,2109 +1,2088 @@ @import "fonts.less"; @import "colors.less"; -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: rgb(245,245,240) 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 rgba(60, 60, 60, 1); -} -.blessure-active-4, -.blessure-active-grave { - color: rgba(218, 126, 21, 0.9); - text-shadow: 1px 1px 4px rgba(60, 60, 60, 1); -} -.blessure-active-6, -.blessure-active-critique { - color: rgba(173, 36, 26, 0.9); - text-shadow: 1px 1px 4px rgba(60, 60, 60, 1); -} - -.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: rgba(255, 255, 255, 1); -} - -.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: rgb(245,245,240) 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 { +.system-foundryvtt-reve-de-dragon { + @import "sheets.less"; + @import "item/monnaie.less"; + + // body { + // --input-height: 1.4rem; + // } + + .window-header{ + background: rgba(0,0,0,0.75); + } + + .window-app.sheet .window-content { 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.10); -} -.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; + section.window-content div.dialog-buttons { + margin-top: 1rem; + } - /* Fade in tooltip */ - visibility: hidden; - opacity: 0; - transition: opacity 0.3s; -} + .strong-text { + font-weight: bold; + } + i:is(.fas, .far, .fa-solid, .fa-regular, .fa-sharp ) { + font-size: smaller; + } + + /* =================== En-têtes de feuilles ============ */ + .sheet-header h1.charname { + height: 48px; + padding: 0.1rem 0.1rem; + margin: 0; + margin-bottom: 0px; + border: 0; + } -.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: 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); -} - -#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); + .window-app.sheet .window-content .sheet-header h1.charname input[type="text"] { + width: 100%; + height: 100%; + margin: 0; + } + + .sheet-header div.header-buttons { + height: 48px; + padding: 0.1rem 0.1rem; + margin: 0; + width: fit-content; + flex: initial; + } + + .sheet-header div.header-buttons img.button-img { + padding: 0.1rem 0.1rem; + margin: 0; + width: fit-content; + } + + .sheet-header div.tmr-buttons { + padding: 0; + margin: 0; + flex: 0; + flex-direction: column; + } + + .sheet-header div.tmr-buttons img.button-img { + max-width: 32px; + padding: 0; + margin-top: -8px; + margin-bottom: -8px; + } + + .sheet-header :is(.header-compteurs,.header-etats,.profile-img, .profile-img-token){ + padding: 0 0.4rem; + } + + .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); + } + + .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; + } + 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'); + } + + .sheet-header .header-compteurs { + width: calc(60% - 110px - 1rem); + text-align: right; + max-width: fit-content; + } + + .sheet-header div.header-etats { + width: calc(40% - 32px - 1rem); + height: 48px; + max-width: fit-content; + flex: initial; + } + + .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; - 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 rgba(114,98,72,1); - background: rgba(30, 25, 20, 0.75); - box-shadow: 0 0 6px inset rgba(114,98,72,1); -} - -#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: rgba(30, 25, 20, 1); - 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: rgba(72, 46, 28, 1); - 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 rgba(72, 46, 28, 1); - 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: rgba(30, 25, 20, 1); - border: 1px solid rgba(72, 46, 28, 1); -} - -#players { - border-image: url(../assets/ui/footer-button.webp) 10 repeat; - border-image-width: 4px; - border-image-outset: 0px; - background: rgba(30, 25, 20, 1); -} - -#navigation #scene-list .scene.nav-item.active { - background: rgba(72, 46, 28, 1); -} - -#navigation #scene-list .scene.nav-item { - background: rgba(30, 25, 20, 1); - 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: rgba(72, 46, 28, 1); - 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: rgba(30, 25, 20, 1); - 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.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 + sin(-180deg) *38%); left: calc(50% - 0.7rem + cos(-180deg) *38%); } -.window-app.calendar div.horloge-heure.heure-02 { top: calc(50% - 0.7rem + sin(-150deg) *38%); left: calc(50% - 0.7rem + cos(-150deg) *38%); } -.window-app.calendar div.horloge-heure.heure-03 { top: calc(50% - 0.7rem + sin(-120deg) *38%); left: calc(50% - 0.7rem + cos(-120deg) *38%); } -.window-app.calendar div.horloge-heure.heure-04 { top: calc(50% - 0.7rem + sin(-90deg) *38%); left: calc(50% - 0.7rem + cos(-90deg) *38%); } -.window-app.calendar div.horloge-heure.heure-05 { top: calc(50% - 0.7rem + sin(-60deg) *38%); left: calc(50% - 0.7rem + cos(-60deg) *38%); } -.window-app.calendar div.horloge-heure.heure-06 { top: calc(50% - 0.7rem + sin(-30deg) *38%); left: calc(50% - 0.7rem + cos(-30deg) *38%); } -.window-app.calendar div.horloge-heure.heure-07 { top: calc(50% - 0.7rem + sin(-0deg) *38%); left: calc(50% - 0.7rem + cos(-0deg) *38%); } -.window-app.calendar div.horloge-heure.heure-08 { top: calc(50% - 0.7rem + sin(30deg) *38%); left: calc(50% - 0.7rem + cos(30deg) *38%); } -.window-app.calendar div.horloge-heure.heure-09 { top: calc(50% - 0.7rem + sin(60deg) *38%); left: calc(50% - 0.7rem + cos(60deg) *38%); } -.window-app.calendar div.horloge-heure.heure-10 { top: calc(50% - 0.7rem + sin(90deg) *38%); left: calc(50% - 0.7rem + cos(90deg) *38%); } -.window-app.calendar div.horloge-heure.heure-11 { top: calc(50% - 0.7rem + sin(120deg) *38%); left: calc(50% - 0.7rem + cos(120deg) *38%); } -.window-app.calendar div.horloge-heure.heure-12 { top: calc(50% - 0.7rem + sin(150deg) *38%); left: calc(50% - 0.7rem + cos(150deg) *41%); } - -.window-app.calendar-astrologie div.horloge-heure.heure-01 { top: calc(50% - 1rem + sin(-180deg) *41%); left: calc(50% - 1rem + cos(-180deg) *41%); } -.window-app.calendar-astrologie div.horloge-heure.heure-02 { top: calc(50% - 1rem + sin(-150deg) *41%); left: calc(50% - 1rem + cos(-150deg) *41%); } -.window-app.calendar-astrologie div.horloge-heure.heure-03 { top: calc(50% - 1rem + sin(-120deg) *41%); left: calc(50% - 1rem + cos(-120deg) *41%); } -.window-app.calendar-astrologie div.horloge-heure.heure-04 { top: calc(50% - 1rem + sin(-90deg) *41%); left: calc(50% - 1rem + cos(-90deg) *41%); } -.window-app.calendar-astrologie div.horloge-heure.heure-05 { top: calc(50% - 1rem + sin(-60deg) *41%); left: calc(50% - 1rem + cos(-60deg) *41%); } -.window-app.calendar-astrologie div.horloge-heure.heure-06 { top: calc(50% - 1rem + sin(-30deg) *41%); left: calc(50% - 1rem + cos(-30deg) *41%); } -.window-app.calendar-astrologie div.horloge-heure.heure-07 { top: calc(50% - 1rem + sin(-0deg) *41%); left: calc(50% - 1rem + cos(-0deg) *41%); } -.window-app.calendar-astrologie div.horloge-heure.heure-08 { top: calc(50% - 1rem + sin(30deg) *41%); left: calc(50% - 1rem + cos(30deg) *41%); } -.window-app.calendar-astrologie div.horloge-heure.heure-09 { top: calc(50% - 1rem + sin(60deg) *41%); left: calc(50% - 1rem + cos(60deg) *41%); } -.window-app.calendar-astrologie div.horloge-heure.heure-10 { top: calc(50% - 1rem + sin(90deg) *41%); left: calc(50% - 1rem + cos(90deg) *41%); } -.window-app.calendar-astrologie div.horloge-heure.heure-11 { top: calc(50% - 1rem + sin(120deg) *41%); left: calc(50% - 1rem + cos(120deg) *41%); } -.window-app.calendar-astrologie div.horloge-heure.heure-12 { top: calc(50% - 1rem + sin(150deg) *41%); left: calc(50% - 1rem + cos(150deg) *41%); } - -.window-app.calendar-astrologie div.horloge-ajustement.heure-01 { top: calc(50% - 0.4rem + sin(180deg) * 28%); left: calc(50% - 0.4rem + cos(180deg) * 28%); } -.window-app.calendar-astrologie div.horloge-ajustement.heure-02 { top: calc(50% - 0.4rem + sin(-150deg) * 28%); left: calc(50% - 0.4rem + cos(-150deg) * 28%); } -.window-app.calendar-astrologie div.horloge-ajustement.heure-03 { top: calc(50% - 0.4rem + sin(-120deg) * 28%); left: calc(50% - 0.4rem + cos(-120deg) * 28%); } -.window-app.calendar-astrologie div.horloge-ajustement.heure-04 { top: calc(50% - 0.4rem + sin(-90deg) * 28%); left: calc(50% - 0.4rem + cos(-90deg) * 28%); } -.window-app.calendar-astrologie div.horloge-ajustement.heure-05 { top: calc(50% - 0.4rem + sin(-60deg) * 28%); left: calc(50% - 0.4rem + cos(-60deg) * 28%); } -.window-app.calendar-astrologie div.horloge-ajustement.heure-06 { top: calc(50% - 0.4rem + sin(-30deg) * 28%); left: calc(50% - 0.4rem + cos(-30deg) * 28%); } -.window-app.calendar-astrologie div.horloge-ajustement.heure-07 { top: calc(50% - 0.4rem + sin(0deg) * 28%); left: calc(50% - 0.4rem + cos(0deg) * 28%); } -.window-app.calendar-astrologie div.horloge-ajustement.heure-08 { top: calc(50% - 0.4rem + sin(30deg) * 28%); left: calc(50% - 0.4rem + cos(30deg) * 28%); } -.window-app.calendar-astrologie div.horloge-ajustement.heure-09 { top: calc(50% - 0.4rem + sin(60deg) * 28%); left: calc(50% - 0.4rem + cos(60deg) * 28%); } -.window-app.calendar-astrologie div.horloge-ajustement.heure-10 { top: calc(50% - 0.4rem + sin(90deg) * 28%); left: calc(50% - 0.4rem + cos(90deg) * 28%); } -.window-app.calendar-astrologie div.horloge-ajustement.heure-11 { top: calc(50% - 0.4rem + sin(120deg) * 28%); left: calc(50% - 0.4rem + cos(120deg) * 28%); } -.window-app.calendar-astrologie div.horloge-ajustement.heure-12 { top: calc(50% - 0.4rem + sin(150deg) * 28%); left: calc(50% - 0.4rem + cos(150deg) * 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: hsla(0, 0%, 20%, 1); - color: hsla(0, 0%, 80%, 0.8); + color: rgba(52, 52, 52, 0.95); + background: rgb(245,245,240) 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; + } - 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: hsla(0, 0%, 20%, 1); - 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; + 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); + } - 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; + /* =================== 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 rgba(60, 60, 60, 1); + } + .blessure-active-4, + .blessure-active-grave { + color: rgba(218, 126, 21, 0.9); + text-shadow: 1px 1px 4px rgba(60, 60, 60, 1); + } + .blessure-active-6, + .blessure-active-critique { + color: rgba(173, 36, 26, 0.9); + text-shadow: 1px 1px 4px rgba(60, 60, 60, 1); + } + + .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: rgba(255, 255, 255, 1); + } + + .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: rgb(245,245,240) 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{ + 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.10); + } + .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: 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); + } + + #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 rgba(114,98,72,1); + background: rgba(30, 25, 20, 0.75); + box-shadow: 0 0 6px inset rgba(114,98,72,1); + } + + #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: rgba(30, 25, 20, 1); + 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: rgba(72, 46, 28, 1); + 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 rgba(72, 46, 28, 1); + 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: rgba(30, 25, 20, 1); + border: 1px solid rgba(72, 46, 28, 1); + } + + #players { + border-image: url(../assets/ui/footer-button.webp) 10 repeat; + border-image-width: 4px; + border-image-outset: 0px; + background: rgba(30, 25, 20, 1); + } + + #navigation #scene-list .scene.nav-item.active { + background: rgba(72, 46, 28, 1); + } + + #navigation #scene-list .scene.nav-item { + background: rgba(30, 25, 20, 1); + 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: rgba(72, 46, 28, 1); + 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: rgba(30, 25, 20, 1); + 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.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 + sin(-180deg) *38%); left: calc(50% - 0.7rem + cos(-180deg) *38%); } + .window-app.calendar div.horloge-heure.heure-02 { top: calc(50% - 0.7rem + sin(-150deg) *38%); left: calc(50% - 0.7rem + cos(-150deg) *38%); } + .window-app.calendar div.horloge-heure.heure-03 { top: calc(50% - 0.7rem + sin(-120deg) *38%); left: calc(50% - 0.7rem + cos(-120deg) *38%); } + .window-app.calendar div.horloge-heure.heure-04 { top: calc(50% - 0.7rem + sin(-90deg) *38%); left: calc(50% - 0.7rem + cos(-90deg) *38%); } + .window-app.calendar div.horloge-heure.heure-05 { top: calc(50% - 0.7rem + sin(-60deg) *38%); left: calc(50% - 0.7rem + cos(-60deg) *38%); } + .window-app.calendar div.horloge-heure.heure-06 { top: calc(50% - 0.7rem + sin(-30deg) *38%); left: calc(50% - 0.7rem + cos(-30deg) *38%); } + .window-app.calendar div.horloge-heure.heure-07 { top: calc(50% - 0.7rem + sin(-0deg) *38%); left: calc(50% - 0.7rem + cos(-0deg) *38%); } + .window-app.calendar div.horloge-heure.heure-08 { top: calc(50% - 0.7rem + sin(30deg) *38%); left: calc(50% - 0.7rem + cos(30deg) *38%); } + .window-app.calendar div.horloge-heure.heure-09 { top: calc(50% - 0.7rem + sin(60deg) *38%); left: calc(50% - 0.7rem + cos(60deg) *38%); } + .window-app.calendar div.horloge-heure.heure-10 { top: calc(50% - 0.7rem + sin(90deg) *38%); left: calc(50% - 0.7rem + cos(90deg) *38%); } + .window-app.calendar div.horloge-heure.heure-11 { top: calc(50% - 0.7rem + sin(120deg) *38%); left: calc(50% - 0.7rem + cos(120deg) *38%); } + .window-app.calendar div.horloge-heure.heure-12 { top: calc(50% - 0.7rem + sin(150deg) *38%); left: calc(50% - 0.7rem + cos(150deg) *41%); } + + .window-app.calendar-astrologie div.horloge-heure.heure-01 { top: calc(50% - 1rem + sin(-180deg) *41%); left: calc(50% - 1rem + cos(-180deg) *41%); } + .window-app.calendar-astrologie div.horloge-heure.heure-02 { top: calc(50% - 1rem + sin(-150deg) *41%); left: calc(50% - 1rem + cos(-150deg) *41%); } + .window-app.calendar-astrologie div.horloge-heure.heure-03 { top: calc(50% - 1rem + sin(-120deg) *41%); left: calc(50% - 1rem + cos(-120deg) *41%); } + .window-app.calendar-astrologie div.horloge-heure.heure-04 { top: calc(50% - 1rem + sin(-90deg) *41%); left: calc(50% - 1rem + cos(-90deg) *41%); } + .window-app.calendar-astrologie div.horloge-heure.heure-05 { top: calc(50% - 1rem + sin(-60deg) *41%); left: calc(50% - 1rem + cos(-60deg) *41%); } + .window-app.calendar-astrologie div.horloge-heure.heure-06 { top: calc(50% - 1rem + sin(-30deg) *41%); left: calc(50% - 1rem + cos(-30deg) *41%); } + .window-app.calendar-astrologie div.horloge-heure.heure-07 { top: calc(50% - 1rem + sin(-0deg) *41%); left: calc(50% - 1rem + cos(-0deg) *41%); } + .window-app.calendar-astrologie div.horloge-heure.heure-08 { top: calc(50% - 1rem + sin(30deg) *41%); left: calc(50% - 1rem + cos(30deg) *41%); } + .window-app.calendar-astrologie div.horloge-heure.heure-09 { top: calc(50% - 1rem + sin(60deg) *41%); left: calc(50% - 1rem + cos(60deg) *41%); } + .window-app.calendar-astrologie div.horloge-heure.heure-10 { top: calc(50% - 1rem + sin(90deg) *41%); left: calc(50% - 1rem + cos(90deg) *41%); } + .window-app.calendar-astrologie div.horloge-heure.heure-11 { top: calc(50% - 1rem + sin(120deg) *41%); left: calc(50% - 1rem + cos(120deg) *41%); } + .window-app.calendar-astrologie div.horloge-heure.heure-12 { top: calc(50% - 1rem + sin(150deg) *41%); left: calc(50% - 1rem + cos(150deg) *41%); } + + .window-app.calendar-astrologie div.horloge-ajustement.heure-01 { top: calc(50% - 0.4rem + sin(180deg) * 28%); left: calc(50% - 0.4rem + cos(180deg) * 28%); } + .window-app.calendar-astrologie div.horloge-ajustement.heure-02 { top: calc(50% - 0.4rem + sin(-150deg) * 28%); left: calc(50% - 0.4rem + cos(-150deg) * 28%); } + .window-app.calendar-astrologie div.horloge-ajustement.heure-03 { top: calc(50% - 0.4rem + sin(-120deg) * 28%); left: calc(50% - 0.4rem + cos(-120deg) * 28%); } + .window-app.calendar-astrologie div.horloge-ajustement.heure-04 { top: calc(50% - 0.4rem + sin(-90deg) * 28%); left: calc(50% - 0.4rem + cos(-90deg) * 28%); } + .window-app.calendar-astrologie div.horloge-ajustement.heure-05 { top: calc(50% - 0.4rem + sin(-60deg) * 28%); left: calc(50% - 0.4rem + cos(-60deg) * 28%); } + .window-app.calendar-astrologie div.horloge-ajustement.heure-06 { top: calc(50% - 0.4rem + sin(-30deg) * 28%); left: calc(50% - 0.4rem + cos(-30deg) * 28%); } + .window-app.calendar-astrologie div.horloge-ajustement.heure-07 { top: calc(50% - 0.4rem + sin(0deg) * 28%); left: calc(50% - 0.4rem + cos(0deg) * 28%); } + .window-app.calendar-astrologie div.horloge-ajustement.heure-08 { top: calc(50% - 0.4rem + sin(30deg) * 28%); left: calc(50% - 0.4rem + cos(30deg) * 28%); } + .window-app.calendar-astrologie div.horloge-ajustement.heure-09 { top: calc(50% - 0.4rem + sin(60deg) * 28%); left: calc(50% - 0.4rem + cos(60deg) * 28%); } + .window-app.calendar-astrologie div.horloge-ajustement.heure-10 { top: calc(50% - 0.4rem + sin(90deg) * 28%); left: calc(50% - 0.4rem + cos(90deg) * 28%); } + .window-app.calendar-astrologie div.horloge-ajustement.heure-11 { top: calc(50% - 0.4rem + sin(120deg) * 28%); left: calc(50% - 0.4rem + cos(120deg) * 28%); } + .window-app.calendar-astrologie div.horloge-ajustement.heure-12 { top: calc(50% - 0.4rem + sin(150deg) * 28%); left: calc(50% - 0.4rem + cos(150deg) * 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: hsla(0, 0%, 20%, 1); + 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: hsla(0, 0%, 20%, 1); + 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; + } - 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/less/item/monnaie.less b/less/item/monnaie.less new file mode 100644 index 00000000..f01c61e7 --- /dev/null +++ b/less/item/monnaie.less @@ -0,0 +1,10 @@ +.application.sheet.fvtt-rdd { + .sheet-common(); + section.window-content{ + padding: 0rem; + + section header.sheet-header { + .sheet-header(); + } + } +} diff --git a/less/sheets.less b/less/sheets.less new file mode 100644 index 00000000..16376d01 --- /dev/null +++ b/less/sheets.less @@ -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; + } +} diff --git a/templates/sheets/item/monnaie.hbs b/templates/sheets/item/monnaie.hbs index ac7de3a4..0dd6b417 100644 --- a/templates/sheets/item/monnaie.hbs +++ b/templates/sheets/item/monnaie.hbs @@ -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"}} +