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,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>