Files
fvtt-chroniques-de-l-etrange/templates/form/cde-dice-result.html
LeRatierBretonnier 068fca00e5 Neo-Tokyo Neon Noir design pour fiches items
- Nouvelle palette : #080c14 fond, accents néon par type (#00d4d4 item, #ff3d5a kungfu, #4a9eff spell, #cc44ff supernatural)
- Nouveaux composants LESS : .cde-neon-header (clip-path angulaire + accent line), .cde-avatar (clip-path), .cde-stat-grid/.cde-stat-cell (style terminal), .cde-badge (parallélogramme), .cde-neon-tabs (underline néon animé), .cde-check-cell
- Fix layout : .cde-sheet width: 100% + height: 100% + overflow: hidden, .cde-tab-body flex: 1 + min-height: 0, .cde-notes-editor flex stretch
- Fix positions : DEFAULT_OPTIONS height explicite pour tous les types (item 620x580, spell 660x680, kungfu 720x680, supernatural 560x520)
- 4 templates items reécrits avec nouvelles classes et structure épurée

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
2026-03-26 00:18:04 +01:00

437 lines
31 KiB
HTML

<form class="flexcol {{cssClass}}" autocomplete="off">
<header class="sheet-header">
</header>
{{!-- Sheet Body --}}
<section class="sheet-body">
{{!-- Frame --}}
<div class="frame">
{{#if (eq aspect 'wood')}}
<table style="border: 0px; background-color: transparent;" >
<tr style="background-color: transparent;">
<td>
<div style="display: flex; justify-content: center; align-items: center;">
<span class="value" style="font-size: 25px; color: rgba(65, 164, 54, 1); text-align: center;"><b>{{ successesdice }}</b></span>
</div>
<div style="display: flex; justify-content: center; align-items: center;">
<img class="aspect" style="border: 0px; width:10%;" src="systems/fvtt-chroniques-de-l-etrange/images/cde_bois.png" />
</div>
<div style="display: flex; justify-content: center; align-items: center;">
<span class="label" style="font-size: 20px; color: rgba(65, 164, 54, 1); text-align: center;"><b>{{ localize "CDE.UpperCaseSuccesses" }}</b></span>
</div>
</td>
</tr>
<tr style="background-color: transparent;">
<td>
<div style="display: flex; justify-content: center; align-items: center;">
<span class="value" style="font-size: 25px; color: rgba(205, 23, 26, 1); text-align: center;"><b>{{ auspiciousdice }}</b></span>
</div>
<div style="display: flex; justify-content: center; align-items: center;">
<img class="aspect" style="border: 0px; width:10%;" src="systems/fvtt-chroniques-de-l-etrange/images/cde_feu.png" />
</div>
<div style="display: flex; justify-content: center; align-items: center;">
<span class="label" style="font-size: 20px; color: rgba(205, 23, 26, 1); text-align: center;"><b>{{ localize "CDE.UpperCaseAuspiciousDice" }}</b></span>
</div>
</td>
</tr>
<tr style="background-color: transparent;">
<td>
<div style="display: flex; justify-content: center; align-items: center;">
<span class="value" style="font-size: 25px; color: rgba(0, 159, 226, 1); text-align: center;"><b>{{ noxiousdice }}</b></span>
</div>
<div style="display: flex; justify-content: center; align-items: center;">
<img class="aspect" style="border: 0px; width:10%;" src="systems/fvtt-chroniques-de-l-etrange/images/cde_eau.png" />
</div>
<div style="display: flex; justify-content: center; align-items: center;">
<span class="label" style="font-size: 20px; color: rgba(0, 159, 226, 1); text-align: center;"><b>{{ localize "CDE.UpperCaseNoxiousDice" }}</b></span>
</div>
</td>
</tr>
<tr style="background-color: transparent;">
<td>
<div style="display: flex; justify-content: center; align-items: center;">
<span class="value" style="font-size: 25px; color: rgba(168, 87, 71, 1); text-align: center;"><b>{{ loksyudice }}&nbsp;{{ loksyurepartition }}</b></span>
</div>
<div style="display: flex; justify-content: center; align-items: center;">
<img class="aspect" style="border: 0px; width:10%;" src="systems/fvtt-chroniques-de-l-etrange/images/cde_terre.png" />
</div>
<div style="display: flex; justify-content: center; align-items: center;">
<span class="label" style="font-size: 20px; color: rgba(168, 87, 71, 1); text-align: center;"><b>{{ localize "CDE.UpperCaseLoksyu" }}</b></span>
</div>
</td>
</tr>
<tr style="background-color: transparent;">
<td>
<div style="display: flex; justify-content: center; align-items: center;">
<span class="value" style="font-size: 25px; color: rgba(112, 112, 110, 1); text-align: center;"><b>{{ tinjidice }}</b></span>
</div>
<div style="display: flex; justify-content: center; align-items: center;">
<img class="aspect" style="border: 0px; width:10%;" src="systems/fvtt-chroniques-de-l-etrange/images/cde_metal.png" />
</div>
<div style="display: flex; justify-content: center; align-items: center;">
<span class="label" style="font-size: 20px; color: rgba(112, 112, 110, 1); text-align: center;"><b>{{ localize "CDE.UpperCaseTinJi" }}</b></span>
</div>
</td>
</tr>
</table>
{{/if}}
{{#if (eq aspect 'fire')}}
<table style="border: 0px; background-color: transparent;" >
<tr style="background-color: transparent;">
<td>
<div style="display: flex; justify-content: center; align-items: center;">
<span class="value" style="font-size: 25px; color: rgba(205, 23, 26, 1); text-align: center;"><b>{{ successesdice }}</b></span>
</div>
<div style="display: flex; justify-content: center; align-items: center;">
<img class="aspect" style="border: 0px; width:10%;" src="systems/fvtt-chroniques-de-l-etrange/images/cde_feu.png" />
</div>
<div style="display: flex; justify-content: center; align-items: center;">
<span class="value" style="font-size: 20px; color: rgba(205, 23, 26, 1); text-align: center;"><b>{{ localize "CDE.UpperCaseSuccesses" }}</b></span>
</div>
</td>
</tr>
<tr style="background-color: transparent;">
<td>
<div style="display: flex; justify-content: center; align-items: center;">
<span class="value" style="font-size: 25px; color: rgba(168, 87, 71, 1); text-align: center;"><b>{{ auspiciousdice }}</b></span>
</div>
<div style="display: flex; justify-content: center; align-items: center;">
<img class="aspect" style="border: 0px; width:10%;" src="systems/fvtt-chroniques-de-l-etrange/images/cde_terre.png" />
</div>
<div style="display: flex; justify-content: center; align-items: center;">
<span class="value" style="font-size: 20px; color: rgba(168, 87, 71, 1); text-align: center;"><b>{{ localize "CDE.UpperCaseAuspiciousDice" }}</b></span>
</div>
</td>
</tr>
<tr style="background-color: transparent;">
<td>
<div style="display: flex; justify-content: center; align-items: center;">
<span class="label" style="font-size: 25px; color: rgba(65, 164, 54, 1); text-align: center;"><b>{{ noxiousdice }}</b></span>
</div>
<div style="display: flex; justify-content: center; align-items: center;">
<img class="aspect" style="border: 0px; width:10%;" src="systems/fvtt-chroniques-de-l-etrange/images/cde_bois.png" />
</div>
<div style="display: flex; justify-content: center; align-items: center;">
<span class="label" style="font-size: 20px; color: rgba(65, 164, 54, 1); text-align: center;"><b>{{ localize "CDE.UpperCaseNoxiousDice" }}</b></span>
</div>
</td>
</tr>
<tr style="background-color: transparent;">
<td>
<div style="display: flex; justify-content: center; align-items: center;">
<span class="label" style="font-size: 25px; color: rgba(112, 112, 110, 1); text-align: center;"><b>{{ loksyudice }}&nbsp;{{ loksyurepartition }}</b></span>
</div>
<div style="display: flex; justify-content: center; align-items: center;">
<img class="aspect" style="border: 0px; width:10%;" src="systems/fvtt-chroniques-de-l-etrange/images/cde_metal.png" />
</div>
<div style="display: flex; justify-content: center; align-items: center;">
<span class="label" style="font-size: 20px; color: rgba(112, 112, 110, 1); text-align: center;"><b>{{ localize "CDE.UpperCaseLoksyu" }}</b></span>
</div>
</td>
</tr>
<tr style="background-color: transparent;">
<td>
<div style="display: flex; justify-content: center; align-items: center;">
<span class="label" style="font-size: 25px; color: rgba(0, 159, 226, 1); text-align: center;"><b>{{ tinjidice }}</b></span>
</div>
<div style="display: flex; justify-content: center; align-items: center;">
<img class="aspect" style="border: 0px; width:10%;" src="systems/fvtt-chroniques-de-l-etrange/images/cde_eau.png" />
</div>
<div style="display: flex; justify-content: center; align-items: center;">
<span class="label" style="font-size: 20px; color: rgba(0, 159, 226, 1); text-align: center;"><b>{{ localize "CDE.UpperCaseTinJi" }}</b></span>
</div>
</td>
</tr>
</table>
{{/if}}
{{#if (eq aspect 'earth')}}
<table style="border: 0px; background-color: transparent;" >
<tr style="background-color: transparent;">
<td>
<div style="display: flex; justify-content: center; align-items: center;">
<span class="value" style="font-size: 25px; color: rgba(168, 87, 71, 1); text-align: center;"><b>{{ successesdice }}</b></span>
</div>
<div style="display: flex; justify-content: center; align-items: center;">
<img class="aspect" style="border: 0px; width:10%;" src="systems/fvtt-chroniques-de-l-etrange/images/cde_terre.png" />
</div>
<div style="display: flex; justify-content: center; align-items: center;">
<span class="value" style="font-size: 20px; color: rgba(168, 87, 71, 1); text-align: center;"><b>{{ localize "CDE.UpperCaseSuccesses" }}</b></span>
</div>
</td>
</tr>
<tr style="background-color: transparent;">
<td>
<div style="display: flex; justify-content: center; align-items: center;">
<span class="label" style="font-size: 25px; color: rgba(112, 112, 110, 1); text-align: center;"><b>{{ auspiciousdice }}</b></span>
</div>
<div style="display: flex; justify-content: center; align-items: center;">
<img class="aspect" style="border: 0px; width:10%;" src="systems/fvtt-chroniques-de-l-etrange/images/cde_metal.png" />
</div>
<div style="display: flex; justify-content: center; align-items: center;">
<span class="label" style="font-size: 20px; color: rgba(112, 112, 110, 1); text-align: center;"><b>{{ localize "CDE.UpperCaseAuspiciousDice" }}</b></span>
</div>
</td>
</tr>
<tr style="background-color: transparent;">
<td>
<div style="display: flex; justify-content: center; align-items: center;">
<span class="value" style="font-size: 25px; color: rgba(205, 23, 26, 1); text-align: center;"><b>{{ noxiousdice }}</b></span>
</div>
<div style="display: flex; justify-content: center; align-items: center;">
<img class="aspect" style="border: 0px; width:10%;" src="systems/fvtt-chroniques-de-l-etrange/images/cde_feu.png" />
</div>
<div style="display: flex; justify-content: center; align-items: center;">
<span class="value" style="font-size: 20px; color: rgba(205, 23, 26, 1); text-align: center;"><b>{{ localize "CDE.UpperCaseNoxiousDice" }}</b></span>
</div>
</td>
</tr>
<tr style="background-color: transparent;">
<td>
<div style="display: flex; justify-content: center; align-items: center;">
<span class="label" style="font-size: 25px; color: rgba(0, 159, 226, 1); text-align: center;"><b>{{ loksyudice }}&nbsp;{{ loksyurepartition }}</b></span>
</div>
<div style="display: flex; justify-content: center; align-items: center;">
<img class="aspect" style="border: 0px; width:10%;" src="systems/fvtt-chroniques-de-l-etrange/images/cde_eau.png" />
</div>
<div style="display: flex; justify-content: center; align-items: center;">
<span class="label" style="font-size: 20px; color: rgba(0, 159, 226, 1); text-align: center;"><b>{{ localize "CDE.UpperCaseLoksyu" }}</b></span>
</div>
</td>
</tr>
<tr style="background-color: transparent;">
<td>
<div style="display: flex; justify-content: center; align-items: center;">
<span class="label" style="font-size: 25px; color: rgba(65, 164, 54, 1); text-align: center;"><b>{{ tinjidice }}</b></span>
</div>
<div style="display: flex; justify-content: center; align-items: center;">
<img class="aspect" style="border: 0px; width:10%;" src="systems/fvtt-chroniques-de-l-etrange/images/cde_bois.png" />
</div>
<div style="display: flex; justify-content: center; align-items: center;">
<span class="label" style="font-size: 20px; color: rgba(65, 164, 54, 1); text-align: center;"><b>{{ localize "CDE.UpperCaseTinJi" }}</b></span>
</div>
</td>
</tr>
</table>
{{/if}}
{{#if (eq aspect 'metal')}}
<table style="border: 0px; background-color: transparent;">
<tr style="background-color: transparent;">
<td>
<div style="display: flex; justify-content: center; align-items: center;">
<span class="label" style="font-size: 25px; color: rgba(112, 112, 110, 1); text-align: center;"><b>{{ successesdice }}</b></span>
</div>
<div style="display: flex; justify-content: center; align-items: center;">
<img class="aspect" style="border: 0px; width:10%;" src="systems/fvtt-chroniques-de-l-etrange/images/cde_metal.png" />
</div>
<div style="display: flex; justify-content: center; align-items: center;">
<span class="label" style="font-size: 20px; color: rgba(112, 112, 110, 1); text-align: center;"><b>{{ localize "CDE.UpperCaseSuccesses" }}</b></span>
</div>
</td>
</tr>
<tr style="background-color: transparent;">
<td>
<div style="display: flex; justify-content: center; align-items: center;">
<span class="label" style="font-size: 25px; color: rgba(0, 159, 226, 1); text-align: center;"><b>{{ auspiciousdice }}</b></span>
</div>
<div style="display: flex; justify-content: center; align-items: center;">
<img class="aspect" style="border: 0px; width:10%;" src="systems/fvtt-chroniques-de-l-etrange/images/cde_eau.png" />
</div>
<div style="display: flex; justify-content: center; align-items: center;">
<span class="label" style="font-size: 20px; color: rgba(0, 159, 226, 1); text-align: center;"><b>{{ localize "CDE.UpperCaseAuspiciousDice" }}</b></span>
</div>
</td>
</tr>
<tr style="background-color: transparent;">
<td>
<div style="display: flex; justify-content: center; align-items: center;">
<span class="value" style="font-size: 25px; color: rgba(168, 87, 71, 1); text-align: center;"><b>{{ noxiousdice }}</b></span>
</div>
<div style="display: flex; justify-content: center; align-items: center;">
<img class="aspect" style="border: 0px; width:10%;" src="systems/fvtt-chroniques-de-l-etrange/images/cde_terre.png" />
</div>
<div style="display: flex; justify-content: center; align-items: center;">
<span class="value" style="font-size: 20px; color: rgba(168, 87, 71, 1); text-align: center;"><b>{{ localize "CDE.UpperCaseNoxiousDice" }}</b></span>
</div>
</td>
</tr>
<tr style="background-color: transparent;">
<td>
<div style="display: flex; justify-content: center; align-items: center;">
<span class="label" style="font-size: 25px; color: rgba(65, 164, 54, 1); text-align: center;"><b>{{ loksyudice }}&nbsp;{{ loksyurepartition }}</b></span>
</div>
<div style="display: flex; justify-content: center; align-items: center;">
<img class="aspect" style="border: 0px; width:10%;" src="systems/fvtt-chroniques-de-l-etrange/images/cde_bois.png" />
</div>
<div style="display: flex; justify-content: center; align-items: center;">
<span class="label" style="font-size: 20px; color: rgba(65, 164, 54, 1); text-align: center;"><b>{{ localize "CDE.UpperCaseLoksyu" }}</b></span>
</div>
</td>
</tr>
<tr style="background-color: transparent;">
<td>
<div style="display: flex; justify-content: center; align-items: center;">
<span class="value" style="font-size: 25px; color: rgba(205, 23, 26, 1); text-align: center;"><b>{{ tinjidice }}</b></span>
</div>
<div style="display: flex; justify-content: center; align-items: center;">
<img class="aspect" style="border: 0px; width:10%;" src="systems/fvtt-chroniques-de-l-etrange/images/cde_feu.png" />
</div>
<div style="display: flex; justify-content: center; align-items: center;">
<span class="value" style="font-size: 20px; color: rgba(205, 23, 26, 1); text-align: center;"><b>{{ localize "CDE.UpperCaseTinJi" }}</b></span>
</div>
</td>
</tr>
</table>
{{/if}}
{{#if (eq aspect 'water')}}
<table style="border: 0px; background-color: transparent;" >
<tr style="background-color: transparent;">
<td>
<div style="display: flex; justify-content: center; align-items: center;">
<span class="label" style="font-size: 25px; color: rgba(0, 159, 226, 1); text-align: center;"><b>{{ successesdice }}</b></span>
</div>
<div style="display: flex; justify-content: center; align-items: center;">
<img class="aspect" style="border: 0px; width:10%;" src="systems/fvtt-chroniques-de-l-etrange/images/cde_eau.png" />
</div>
<div style="display: flex; justify-content: center; align-items: center;">
<span class="label" style="font-size: 20px; color: rgba(0, 159, 226, 1); text-align: center;"><b>{{ localize "CDE.UpperCaseSuccesses" }}</b></span>
</div>
</td>
</tr>
<tr style="background-color: transparent;">
<td>
<div style="display: flex; justify-content: center; align-items: center;">
<span class="label" style="font-size: 25px; color: rgba(65, 164, 54, 1); text-align: center;"><b>{{ auspiciousdice }}</b></span>
</div>
<div style="display: flex; justify-content: center; align-items: center;">
<img class="aspect" style="border: 0px; width:10%;" src="systems/fvtt-chroniques-de-l-etrange/images/cde_bois.png" />
</div>
<div style="display: flex; justify-content: center; align-items: center;">
<span class="label" style="font-size: 20px; color: rgba(65, 164, 54, 1); text-align: center;"><b>{{ localize "CDE.UpperCaseAuspiciousDice" }}</b></span>
</div>
</td>
</tr>
<tr style="background-color: transparent;">
<td>
<div style="display: flex; justify-content: center; align-items: center;">
<span class="label" style="font-size: 25px; color: rgba(112, 112, 110, 1); text-align: center;"><b>{{ noxiousdice }}</b></span>
</div>
<div style="display: flex; justify-content: center; align-items: center;">
<img class="aspect" style="border: 0px; width:10%;" src="systems/fvtt-chroniques-de-l-etrange/images/cde_metal.png" />
</div>
<div style="display: flex; justify-content: center; align-items: center;">
<span class="label" style="font-size: 20px; color: rgba(112, 112, 110, 1); text-align: center;"><b>{{ localize "CDE.UpperCaseNoxiousDice" }}</b></span>
</div>
</td>
</tr>
<tr style="background-color: transparent;">
<td>
<div style="display: flex; justify-content: center; align-items: center;">
<span class="value" style="font-size: 25px; color: rgba(205, 23, 26, 1); text-align: center;"><b>{{ loksyudice }}&nbsp;{{ loksyurepartition }}</b></span>
</div>
<div style="display: flex; justify-content: center; align-items: center;">
<img class="aspect" style="border: 0px; width:10%;" src="systems/fvtt-chroniques-de-l-etrange/images/cde_feu.png" />
</div>
<div style="display: flex; justify-content: center; align-items: center;">
<span class="value" style="font-size: 20px; color: rgba(205, 23, 26, 1); text-align: center;"><b>{{ localize "CDE.UpperCaseLoksyu" }}</b></span>
</div>
</td>
</tr>
<tr style="background-color: transparent;">
<td>
<div style="display: flex; justify-content: center; align-items: center;">
<span class="value" style="font-size: 25px; color: rgba(168, 87, 71, 1); text-align: center;"><b>{{ tinjidice }}</b></span>
</div>
<div style="display: flex; justify-content: center; align-items: center;">
<img class="aspect" style="border: 0px; width:10%;" src="systems/fvtt-chroniques-de-l-etrange/images/cde_terre.png" />
</div>
<div style="display: flex; justify-content: center; align-items: center;">
<span class="value" style="font-size: 20px; color: rgba(168, 87, 71, 1); text-align: center;"><b>{{ localize "CDE.UpperCaseTinJi" }}</b></span>
</div>
</td>
</tr>
</table>
{{/if}}
<div class="app">
<table style="border: 0px; background-color: transparent;">
<tr style="background-color: transparent;">
<td style="width: 18.75%;">
<span style="display: flex; justify-content: center; align-items: center; font-size: 25px; text-align: center;" class="value"><b>{{ d1 }}</b></span>
</td>
<td style="width: 18%;">
<span style="display: flex; justify-content: center; align-items: center; font-size: 25px; text-align: center;" class="value"><b>{{ d2 }}</b></span>
</td>
<td style="width: 18%;">
<span style="display: flex; justify-content: center; align-items: center; font-size: 25px; text-align: center;" class="value"><b>{{ d3 }}</b></span>
</td>
<td style="width: 18%;">
<span style="display: flex; justify-content: center; align-items: center; font-size: 25px; text-align: center;" class="value"><b>{{ d4 }}</b></span>
</td>
<td style="width: 18%;">
<span style="display: flex; justify-content: center; align-items: center; font-size: 25px; text-align: center;" class="value"><b>{{ d5 }}</b></span>
</td>
</tr>
<tr style="background-color: transparent;">
<td style="width: 18.75%;">
<img class="plate" style="width: 100%; border: 0px;" src="systems/fvtt-chroniques-de-l-etrange/images/dice-plate/d10-1.png" />
</td>
<td style="width: 18%;">
<img class="plate" style="width: 100%; border: 0px;" src="systems/fvtt-chroniques-de-l-etrange/images/dice-plate/d10-2.png" />
</td>
<td style="width: 18%;">
<img class="plate" style="width: 100%; border: 0px;" src="systems/fvtt-chroniques-de-l-etrange/images/dice-plate/d10-3.png" />
</td>
<td style="width: 18%;">
<img class="plate" style="width: 100%; border: 0px;" src="systems/fvtt-chroniques-de-l-etrange/images/dice-plate/d10-4.png" />
</td>
<td style="width: 18%;">
<img class="plate" style="width: 100%; border: 0px;" src="systems/fvtt-chroniques-de-l-etrange/images/dice-plate/d10-5.png" />
</td>
</tr>
</table>
<table style="border: 0px; background-color: transparent;">
<tr style="background-color: transparent;">
<td style="width: 18.65%;">
<span style="display: flex; justify-content: center; align-items: center; font-size: 25px; text-align: center;" class="value"><b>{{ d6 }}</b></span>
</td>
<td style="width: 18%;">
<span style="display: flex; justify-content: center; align-items: center; font-size: 25px; text-align: center;" class="value"><b>{{ d7 }}</b></span>
</td>
<td style="width: 18%;">
<span style="display: flex; justify-content: center; align-items: center; font-size: 25px; text-align: center;" class="value"><b>{{ d8 }}</b></span>
</td>
<td style="width: 18%;">
<span style="display: flex; justify-content: center; align-items: center; font-size: 25px; text-align: center;" class="value"><b>{{ d9 }}</b></span>
</td>
<td style="width: 18%;">
<span style="display: flex; justify-content: center; align-items: center; font-size: 25px; text-align: center;" class="value"><b>{{ d0 }}</b></span>
</td>
</tr>
<tr style="background-color: transparent;">
<td style="width: 18.65%;">
<img class="plate" style="width: 100%; border: 0px;" src="systems/fvtt-chroniques-de-l-etrange/images/dice-plate/d10-6.png" />
</td>
<td style="width: 18%;">
<img class="plate" style="width: 100%; border: 0px;" src="systems/fvtt-chroniques-de-l-etrange/images/dice-plate/d10-7.png" />
</td>
<td style="width: 18%;">
<img class="plate" style="width: 100%; border: 0px;" src="systems/fvtt-chroniques-de-l-etrange/images/dice-plate/d10-8.png" />
</td>
<td style="width: 18%;">
<img class="plate" style="width: 100%; border: 0px;" src="systems/fvtt-chroniques-de-l-etrange/images/dice-plate/d10-9.png" />
</td>
<td style="width: 18%;">
<img class="plate" style="width: 100%; border: 0px;" src="systems/fvtt-chroniques-de-l-etrange/images/dice-plate/d10-0.png" />
</td>
</tr>
</table>
</div>
</div>
</section>
</form>