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:
102
templates/form/cde-skill-special-dice-prompt.html
Normal file
102
templates/form/cde-skill-special-dice-prompt.html
Normal 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%;"> </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"> </td>
|
||||
<td class="label col4-5" style="font-size: 30px"><b> + </b><b>1 +</b></td>
|
||||
<td class="label col5-5"> </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"> </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"> + </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 {{ localize "CDE.AuspiciousDie" }}</option>
|
||||
<option value="2">+2 {{ localize "CDE.AuspiciousDice" }}</option>
|
||||
<option value="3">+3 {{ localize "CDE.AuspiciousDice" }}</option>
|
||||
<option value="4">+4 {{ localize "CDE.AuspiciousDice" }}</option>
|
||||
<option value="5">+5 {{ localize "CDE.AuspiciousDice" }}</option>
|
||||
<option value="6">+6 {{ localize "CDE.AuspiciousDice" }}</option>
|
||||
<option value="7">+7 {{ localize "CDE.AuspiciousDice" }}</option>
|
||||
<option value="8">+8 {{ localize "CDE.AuspiciousDice" }}</option>
|
||||
<option value="9">+9 {{ localize "CDE.AuspiciousDice" }}</option>
|
||||
<option value="10">+10 {{ localize "CDE.AuspiciousDice" }}</option>
|
||||
<option value="11">+11 {{ localize "CDE.AuspiciousDice" }}</option>
|
||||
<option value="12">+12 {{ localize "CDE.AuspiciousDice" }}</option>
|
||||
<option value="13">+13 {{ localize "CDE.AuspiciousDice" }}</option>
|
||||
<option value="14">+14 {{ localize "CDE.AuspiciousDice" }}</option>
|
||||
<option value="15">+15 {{ 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>
|
||||
Reference in New Issue
Block a user