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>
This commit is contained in:
2026-03-26 00:18:04 +01:00
commit 068fca00e5
739 changed files with 7923 additions and 0 deletions

View File

@@ -0,0 +1,437 @@
<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>

View File

@@ -0,0 +1,152 @@
<form class="flexcol {{cssClass}}" autocomplete="off">
<header class="sheet-header">
<div class="name">
<label><b>{{ localize "CDE.MagicPromptName" }}</b></label>
</div>
</header>
{{!-- Sheet Body --}}
<section class="sheet-body" style="background-image: url('/systems/fvtt-chroniques-de-l-etrange/images/cde_fond_transp.png')";
{{!-- Frame --}}
<div class="frame">
<table style="background-color: transparent; border-top: 0px; border-bottom: 1px; border-color: transparent transparent black;">
<tr style="background-color: transparent;">
<td>
<b>{{ localize "CDE.OneMagicRoll" }}</b>
</td>
</tr>
</table>
<table style="border: 0px; background-color: transparent;" >
<tr style="background-color: transparent;">
<td class="label col1-5" style="width: 20%">&nbsp;</td>
<td class="image col2-5">
<!-- style="display: flex; justify-content: center; align-items: center;" -->
<div style="display: flex; justify-content: center; align-items: center;">
<img class="bigsquare" style="border: 0px; z-index: 4;" src="systems/fvtt-chroniques-de-l-etrange/images/bigsquare.png" />
</div>
<div style="display: flex; justify-content: center; align-items: center;">
<span class="value" style="font-size: 30px; text-align: center; margin-top: -47px; z-index: 4;"><b>{{ numberofdice }}</b></span>
</div>
</td>
<td class="label col3-5">&nbsp;</td>
<td class="label col4-5" style="font-size: 30px"><b>&nbsp;+&nbsp;</b><b>1&nbsp;+</b></td>
<td class="label col5-5">&nbsp;</td>
</tr>
</table>
<table style="border: 0px; background-color: transparent;">
<tr style="background-color: transparent;">
<td class="label col1-5">{{ localize "CDE.AspectSkill" }}</td>
<td class="label col2-5">&nbsp;</td>
<td class="label col3-5">{{ localize "CDE.BonusMalus" }}</td>
<td class="label col4-5">&nbsp;</td>
<td class="label col5-5">{{ localize "CDE.BonusAuspiciousDice" }}</td>
</tr>
<tr style="background-color: transparent;">
<td class="select col1-5">
<select name="aspectskill">
{{#select aspectskill }}
<option value="0">{{ localize "CDE.Metal" }}</option>
<option value="1">{{ localize "CDE.Water" }}</option>
<option value="2">{{ localize "CDE.Earth" }}</option>
<option value="3">{{ localize "CDE.Fire" }}</option>
<option value="4">{{ localize "CDE.Wood" }}</option>
{{/select}}
</select>
</td>
<td class="label col2-5" style="font-size: 25px;">+</td>
<td class="value col3-5"><input class="input" style="text-align: center; width: 60px;" type="number" name="bonusmalusskill" value="{{bonusmalusskill}}"/></td>
<td class="label col4-5">&nbsp;</td>
<td class="select col5-5">
<select name="bonusauspiciousdice">
{{#select bonusauspiciousdice }}
<option value="0">0</option>
<option value="1">+1&nbsp;{{ localize "CDE.AuspiciousDie" }}</option>
<option value="2">+2&nbsp;{{ localize "CDE.AuspiciousDice" }}</option>
<option value="3">+3&nbsp;{{ localize "CDE.AuspiciousDice" }}</option>
<option value="4">+4&nbsp;{{ localize "CDE.AuspiciousDice" }}</option>
<option value="5">+5&nbsp;{{ localize "CDE.AuspiciousDice" }}</option>
<option value="6">+6&nbsp;{{ localize "CDE.AuspiciousDice" }}</option>
<option value="7">+7&nbsp;{{ localize "CDE.AuspiciousDice" }}</option>
<option value="8">+8&nbsp;{{ localize "CDE.AuspiciousDice" }}</option>
<option value="9">+9&nbsp;{{ localize "CDE.AuspiciousDice" }}</option>
<option value="10">+10&nbsp;{{ localize "CDE.AuspiciousDice" }}</option>
<option value="11">+11&nbsp;{{ localize "CDE.AuspiciousDice" }}</option>
<option value="12">+12&nbsp;{{ localize "CDE.AuspiciousDice" }}</option>
<option value="13">+13&nbsp;{{ localize "CDE.AuspiciousDice" }}</option>
<option value="14">+14&nbsp;{{ localize "CDE.AuspiciousDice" }}</option>
<option value="15">+15&nbsp;{{ localize "CDE.AuspiciousDice" }}</option>
{{/select}}
</select>
</td>
</tr>
</table>
<table style="border: 0px; background-color: transparent; margin-top: -10px;">
<tr style="background-color: transparent;">
<td class="small">
<small><i class="click-prefs fas fa-alert"></i>&nbsp;<i>{{ localize "CDE.DoNotModify" }}</i></small>
</td>
</tr>
</table>
<br>
<table style="background-color: transparent; border-top: 0px; border-bottom: 1px; border-color: transparent transparent black;">
<tr style="background-color: transparent;">
<td>
<b>{{ localize "CDE.TwoPowerOfSpell" }}</b>
</td>
</tr>
</table>
<table style="border: 0px; background-color: transparent;">
<tr style="background-color: transparent;">
<td class="label col1-5">{{ localize "CDE.AspectSpeciality" }}</td>
<td class="label col2-5">&nbsp;</td>
<td class="label col3-5">{{ localize "CDE.RollDifficulty" }}</td>
<td class="label col4-5">&nbsp;</td>
<td class="label col5-5">{{ localize "CDE.BonusMalus" }}</td>
</tr>
<tr style="background-color: transparent;">
<td class="select col1-5">
<select name="aspectspeciality">
{{#select aspectspeciality }}
<option value="0">{{ localize "CDE.Metal" }}</option>
<option value="1">{{ localize "CDE.Water" }}</option>
<option value="2">{{ localize "CDE.Earth" }}</option>
<option value="3">{{ localize "CDE.Fire" }}</option>
<option value="4">{{ localize "CDE.Wood" }}</option>
{{/select}}
</select>
</td>
<td class="label col2-5" style="font-size: 25px;"></td>
<td class="value col3-5"><input class="input" style="text-align: center; width: 60px;" type="number" name="rolldifficulty" value="{{rolldifficulty}}"/></td>
<td class="label col4-5" style="font-size: 25px;">+</td>
<td class="value col3-5"><input class="input" style="text-align: center; width: 60px;" type="number" name="bonusmalusspeciality" value="{{bonusmalusspeciality}}"/></td>
</tr>
</table>
<table style="border: 0px; background-color: transparent; margin-top: -10px;">
<tr style="background-color: transparent;">
<td class="small" style="margin-top: -5px">
<small><i class="click-prefs fas fa-alert"></i>&nbsp;<i>{{ localize "CDE.DoNotModify" }}</i></small>
</td>
</tr>
</table>
<br>&nbsp;<br>
<table style="border: 0px; background-color: transparent;">
<tr style="background-color: transparent;">
<b>{{ localize "CDE.TypeOfThrow" }}</b>
<td class="select col 1-2">
<select name="typeofthrow">
{{#select typeofthrow }}
<option value="0">{{ localize "CDE.Everybody" }}</option>
<option value="1">{{ localize "CDE.JustDMAndMe" }}</option>
<option value="2">{{ localize "CDE.DMOnly" }}</option>
<option value="3">{{ localize "CDE.MeOnly" }}</option>
{{/select}}
</select>
</td>
</tr>
</table>
</div>
</section>
</form>

View File

@@ -0,0 +1,34 @@
<form class="flexcol {{cssClass}}" autocomplete="off">
<header class="sheet-header">
<div class="name">
<label><b>{{ localize "CDE.SkillPromptName" }}</b></label>
</div>
</header>
{{!-- Sheet Body --}}
<section class="sheet-body" style="background-image: url('/systems/fvtt-chroniques-de-l-etrange/images/cde_fond_transp.png')";
>
{{!-- Frame --}}
<div class="frame">
<table style="border: 0px; background-color: transparent;">
<tr style="background-color: transparent;">
<b>{{ localize "CDE.TypeOfThrow" }}</b>
<td>
<select name="choice">
{{#select choice }}
<option value="0">{{ localize "CDE.Everybody" }}</option>
<option value="1">{{ localize "CDE.JustDMAndMe" }}</option>
<option value="2">{{ localize "CDE.DMOnly" }}</option>
<option value="3">{{ localize "CDE.MeOnly" }}</option>
{{/select}}
</select>
</td>
<td class="check"><input type="checkbox" name="check" {{ checked check }} title="" /><b>{{ localize "CDE.TypeOfThrowCheck" }}</b></td>
</tr>
</table>
</div>
</section>
</form>

View File

@@ -0,0 +1,102 @@
<form class="flexcol {{cssClass}}" autocomplete="off">
<header class="sheet-header">
<div class="name">
<label><b>{{ localize "CDE.SkillPromptName" }}</b></label>
</div>
</header>
{{!-- Sheet Body --}}
<section class="sheet-body" style="background-image: url('/systems/fvtt-chroniques-de-l-etrange/images/cde_fond_transp.png')";
>
{{!-- Frame --}}
<div class="frame">
<table style="border: 0px; background-color: transparent;" >
<tr style="background-color: transparent;">
<td class="label col1-5">&nbsp;</td>
<td class="image col2-5">
<!-- style="display: flex; justify-content: center; align-items: center;" -->
<div style="display: flex; justify-content: center; align-items: center;">
<img class="bigsquare" style="border: 0px; z-index: 4;" src="systems/fvtt-chroniques-de-l-etrange/images/bigsquare.png" />
</div>
<div style="display: flex; justify-content: center; align-items: center;">
<span class="value" style="font-size: 30px; text-align: center; margin-top: -47px; z-index: 4;"><b>{{ numberofdice }}</b></span>
</div>
</td>
<td class="label col3-5">&nbsp;</td>
<td class="label col4-5" style="font-size: 30px"><b>&nbsp;+&nbsp;</b></td>
<td class="label col5-5">&nbsp;</td>
</tr>
</table>
<table style="border: 0px; background-color: transparent;">
<tr style="background-color: transparent;">
<td class="label col1-3">{{ localize "CDE.Aspect" }}</td>
<td class="label col2-3">&nbsp;</td>
<td class="label col3-3">{{ localize "CDE.BonusMalus" }}</td>
</tr>
<tr style="background-color: transparent;">
<td class="select col1-3">
<select name="aspect">
{{#select aspect }}
<option value="0">{{ localize "CDE.Metal" }}</option>
<option value="1">{{ localize "CDE.Water" }}</option>
<option value="2">{{ localize "CDE.Earth" }}</option>
<option value="3">{{ localize "CDE.Fire" }}</option>
<option value="4">{{ localize "CDE.Wood" }}</option>
{{/select}}
</select>
</td>
<td class="label col2-3" style="font-size: 25px">&nbsp;+&nbsp;</td>
<td class="value col3-3"><input class="input" style="text-align: center; width: 60px;" type="number" name="bonusmalus" value="{{bonusmalus}}"/></td>
</tr style="background-color: transparent;">
</table>
<table style="border: 0px; background-color: transparent;">
<tr>
<td class="label col123 totheleft">{{ localize "CDE.BonusAuspiciousDice" }}</td>
</tr>
<tr style="background-color: transparent;">
<td class="select col1-1">
<select name="bonusauspiciousdice">
{{#select bonusauspiciousdice }}
<option value="0">0</option>
<option value="1">+1&nbsp;{{ localize "CDE.AuspiciousDie" }}</option>
<option value="2">+2&nbsp;{{ localize "CDE.AuspiciousDice" }}</option>
<option value="3">+3&nbsp;{{ localize "CDE.AuspiciousDice" }}</option>
<option value="4">+4&nbsp;{{ localize "CDE.AuspiciousDice" }}</option>
<option value="5">+5&nbsp;{{ localize "CDE.AuspiciousDice" }}</option>
<option value="6">+6&nbsp;{{ localize "CDE.AuspiciousDice" }}</option>
<option value="7">+7&nbsp;{{ localize "CDE.AuspiciousDice" }}</option>
<option value="8">+8&nbsp;{{ localize "CDE.AuspiciousDice" }}</option>
<option value="9">+9&nbsp;{{ localize "CDE.AuspiciousDice" }}</option>
<option value="10">+10&nbsp;{{ localize "CDE.AuspiciousDice" }}</option>
<option value="11">+11&nbsp;{{ localize "CDE.AuspiciousDice" }}</option>
<option value="12">+12&nbsp;{{ localize "CDE.AuspiciousDice" }}</option>
<option value="13">+13&nbsp;{{ localize "CDE.AuspiciousDice" }}</option>
<option value="14">+14&nbsp;{{ localize "CDE.AuspiciousDice" }}</option>
<option value="15">+15&nbsp;{{ localize "CDE.AuspiciousDice" }}</option>
{{/select}}
</select>
</td>
</tr>
</table>
<br>
<table style="border: 0px; background-color: transparent;">
<tr style="background-color: transparent;">
<b>{{ localize "CDE.TypeOfThrow" }}</b>
<td class="select col 1-2">
<select name="typeofthrow">
{{#select typeofthrow }}
<option value="0">{{ localize "CDE.Everybody" }}</option>
<option value="1">{{ localize "CDE.JustDMAndMe" }}</option>
<option value="2">{{ localize "CDE.DMOnly" }}</option>
<option value="3">{{ localize "CDE.MeOnly" }}</option>
{{/select}}
</select>
</td>
</tr>
</table>
</div>
</section>
</form>

View File

@@ -0,0 +1,102 @@
<form class="flexcol {{cssClass}}" autocomplete="off">
<header class="sheet-header">
<div class="name">
<label><b>{{ localize "CDE.SkillPromptName" }}</b></label>
</div>
</header>
{{!-- Sheet Body --}}
<section class="sheet-body" style="background-image: url('/systems/fvtt-chroniques-de-l-etrange/images/cde_fond_transp.png')";
>
{{!-- Frame --}}
<div class="frame">
<table style="border: 0px; background-color: transparent;" >
<tr style="background-color: transparent;">
<td class="label col1-5" style="width: 20%;">&nbsp;</td>
<td class="image col2-5">
<!-- style="display: flex; justify-content: center; align-items: center;" -->
<div style="display: flex; justify-content: center; align-items: center;">
<img class="bigsquare" style="border: 0px; z-index: 4;" src="systems/fvtt-chroniques-de-l-etrange/images/bigsquare.png" />
</div>
<div style="display: flex; justify-content: center; align-items: center;">
<span class="value" style="font-size: 30px; text-align: center; margin-top: -47px; z-index: 4;"><b>{{ numberofdice }}</b></span>
</div>
</td>
<td class="label col3-5">&nbsp;</td>
<td class="label col4-5" style="font-size: 30px"><b>&nbsp;+&nbsp;</b><b>1&nbsp;+</b></td>
<td class="label col5-5">&nbsp;</td>
</tr>
</table>
<table style="border: 0px; background-color: transparent;">
<tr style="background-color: transparent;">
<td class="label col1-3">{{ localize "CDE.Aspect" }}</td>
<td class="label col2-3">&nbsp;</td>
<td class="label col3-3">{{ localize "CDE.BonusMalus" }}</td>
</tr>
<tr style="background-color: transparent;">
<td class="select col1-3">
<select name="aspect">
{{#select aspect }}
<option value="0">{{ localize "CDE.Metal" }}</option>
<option value="1">{{ localize "CDE.Water" }}</option>
<option value="2">{{ localize "CDE.Earth" }}</option>
<option value="3">{{ localize "CDE.Fire" }}</option>
<option value="4">{{ localize "CDE.Wood" }}</option>
{{/select}}
</select>
</td>
<td class="label col2-3" style="font-size: 25px">&nbsp;+&nbsp;</td>
<td class="value col3-3"><input class="input" style="text-align: center; width: 60px;" type="number" name="bonusmalus" value="{{bonusmalus}}"/></td>
</tr style="background-color: transparent;">
</table>
<table style="border: 0px; background-color: transparent;">
<tr>
<td class="label col123 totheleft">{{ localize "CDE.BonusAuspiciousDice" }}</td>
</tr>
<tr style="background-color: transparent;">
<td class="select col1-1">
<select name="bonusauspiciousdice">
{{#select bonusauspiciousdice }}
<option value="0">0</option>
<option value="1">+1&nbsp;{{ localize "CDE.AuspiciousDie" }}</option>
<option value="2">+2&nbsp;{{ localize "CDE.AuspiciousDice" }}</option>
<option value="3">+3&nbsp;{{ localize "CDE.AuspiciousDice" }}</option>
<option value="4">+4&nbsp;{{ localize "CDE.AuspiciousDice" }}</option>
<option value="5">+5&nbsp;{{ localize "CDE.AuspiciousDice" }}</option>
<option value="6">+6&nbsp;{{ localize "CDE.AuspiciousDice" }}</option>
<option value="7">+7&nbsp;{{ localize "CDE.AuspiciousDice" }}</option>
<option value="8">+8&nbsp;{{ localize "CDE.AuspiciousDice" }}</option>
<option value="9">+9&nbsp;{{ localize "CDE.AuspiciousDice" }}</option>
<option value="10">+10&nbsp;{{ localize "CDE.AuspiciousDice" }}</option>
<option value="11">+11&nbsp;{{ localize "CDE.AuspiciousDice" }}</option>
<option value="12">+12&nbsp;{{ localize "CDE.AuspiciousDice" }}</option>
<option value="13">+13&nbsp;{{ localize "CDE.AuspiciousDice" }}</option>
<option value="14">+14&nbsp;{{ localize "CDE.AuspiciousDice" }}</option>
<option value="15">+15&nbsp;{{ localize "CDE.AuspiciousDice" }}</option>
{{/select}}
</select>
</td>
</tr>
</table>
<br>
<table style="border: 0px; background-color: transparent;">
<tr style="background-color: transparent;">
<b>{{ localize "CDE.TypeOfThrow" }}</b>
<td class="select col 1-2">
<select name="typeofthrow">
{{#select typeofthrow }}
<option value="0">{{ localize "CDE.Everybody" }}</option>
<option value="1">{{ localize "CDE.JustDMAndMe" }}</option>
<option value="2">{{ localize "CDE.DMOnly" }}</option>
<option value="3">{{ localize "CDE.MeOnly" }}</option>
{{/select}}
</select>
</td>
</tr>
</table>
</div>
</section>
</form>

View File

@@ -0,0 +1,29 @@
<form class="flexcol {{cssClass}}" autocomplete="off">
<header class="sheet-header">
<div class="name">
<label><b>{{ localize "CDE.SkillPromptName" }}</b></label>
</div>
</header>
{{!-- Sheet Body --}}
<section class="sheet-body" style="background-image: url('/systems/fvtt-chroniques-de-l-etrange/images/cde_fond_transp.png')";
>
{{!-- Frame --}}
<div class="frame">
<div class="select">
<label><b>{{localize "CDE.InitiativeNPCSpeciality"}}</b></label>&nbsp;
<select name="speciality">
{{#select speciality }}
<option value="0">{{ localize "CDE.Physical" }}</option>
<option value="1">{{ localize "CDE.Martial" }}</option>
<option value="2">{{ localize "CDE.Mental" }}</option>
<option value="3">{{ localize "CDE.Social" }}</option>
<option value="4">{{ localize "CDE.Spiritual" }}</option>
{{/select}}
</select>
</div>
<br>
</div>
</section>
</form>

View File

@@ -0,0 +1,44 @@
<form class="flexcol {{cssClass}}" autocomplete="off">
<header class="sheet-header">
<div class="name">
<label><b>{{ localize "CDE.SkillPromptName" }}</b></label>
</div>
</header>
{{!-- Sheet Body --}}
<section class="sheet-body" style="background-image: url('/systems/fvtt-chroniques-de-l-etrange/images/cde_fond_transp.png')";
>
{{!-- Frame --}}
<div class="frame">
<div class="select">
<label><b>{{localize "CDE.InitiativeSpeciality"}}</b></label>&nbsp;
<select name="speciality">
{{#select speciality }}
<option value="0">{{ localize "CDE.Art" }}</option>
<option value="1">{{ localize "CDE.Investigation" }}</option>
<option value="2">{{ localize "CDE.Erudition" }}</option>
<option value="3">{{ localize "CDE.Knavery" }}</option>
<option value="4">{{ localize "CDE.Wordliness" }}</option>
<option value="5">{{ localize "CDE.Prowess" }}</option>
<option value="6">{{ localize "CDE.Sciences" }}</option>
<option value="7">{{ localize "CDE.Technologies" }}</option>
<option value="8">{{ localize "CDE.KungFu" }}</option>
<option value="9">{{ localize "CDE.RangedCombat" }}</option>
<option value="10">{{ localize "CDE.Supply" }}</option>
<option value="11">{{ localize "CDE.Inquiry" }}</option>
<option value="12">{{ localize "CDE.Influence" }}</option>
<option value="13">{{ localize "CDE.InternalCinnabar" }}</option>
<option value="14">{{ localize "CDE.Alchemy" }}</option>
<option value="15">{{ localize "CDE.MasteryOfTheWay" }}</option>
<option value="16">{{ localize "CDE.Exorcism" }}</option>
<option value="17">{{ localize "CDE.Geomancy" }}</option>
{{/select}}
</select>
</div>
<br>
</div>
</section>
</form>

View File

@@ -0,0 +1,35 @@
<form class="flexcol {{cssClass}}" autocomplete="off">
<header class="sheet-header">
<div class="name">
<label><b>{{ localize "CDE.SkillPromptName" }}</b></label>
</div>
</header>
{{!-- Sheet Body --}}
<section class="sheet-body" style="background-image: url('/systems/fvtt-chroniques-de-l-etrange/images/cde_fond_transp.png')";
>
{{!-- Frame --}}
<div class="frame">
<table style="border: 0px; background-color: transparent;">
<tr style="background-color: transparent;">
<b>{{ localize "CDE.TypeOfThrow4ThisTime" }}</b>
<td>
<select name="choice">
{{#select choice }}
<option value="0">{{ localize "CDE.Everybody" }}</option>
<option value="1">{{ localize "CDE.JustDMAndMe" }}</option>
<option value="2">{{ localize "CDE.DMOnly" }}</option>
<option value="3">{{ localize "CDE.MeOnly" }}</option>
{{/select}}
</select>
</td>
<td class="check"><input type="checkbox" name="check" {{ checked check }} title="" /><b>{{ localize "CDE.TypeOfThrowCheck" }}</b></td>
</tr>
</table>
<i class="click-prefs fas fa-gear"></i>&nbsp;<i>{{ localize "CDE.NextTimeGoToTheSettings" }}</i>
<br>&nbsp;
</div>
</section>
</form>