[Ultima Bomba - Pagina Singola] Added veicle stats and modified some css to make it clear (#7352)

* Added veicle stats and modified some css to make it clear

* Fixd jam variables
This commit is contained in:
alberto-aresu
2020-09-14 15:51:47 -04:00
committed by GitHub
parent f40c319731
commit 9022e922b2
3 changed files with 168 additions and 74 deletions
+38 -40
View File
@@ -8,6 +8,7 @@
flex-direction: row;
align-items: center;
justify-content: space-around;
margin-bottom: 10px;
}
.sheet-infoNames{
display: flex;
@@ -23,35 +24,22 @@
font-size: 15px;
width: 300px;
}
.sheet-pa_input{
.sheet-pa_florins_input{
font-size: 30px;
text-align: center;
width: 100px;
}
.sheet-florins_input{
font-size: 30px;
text-align: center;
.sheet-bullets{
display: flex;
flex-direction: column;
}
.sheet-bsNameBear{
display: flex;
width: 55px;
.sheet-bulletsInputs{
display: flex;
flex-direction: row;
}
.sheet-bsNameDeer{
display: flex;
width: 60px;
}
.sheet-bsNameEagle{
display: flex;
width: 70px;
}
.sheet-bsNameSnake{
display: flex;
width: 80px;
}
.sheet-bsButtons{
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-around;
.sheet-inputStatsBullets{
width: 120px;
font-size: 15px;
}
.sheet-allStats{
display: flex;
@@ -97,24 +85,10 @@
}
.sheet-statsRight{
display: flex;
width: 300px;
flex-direction: column;
justify-content: space-evenly;
}
.sheet-bs{
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-around;
}
.sheet-inputBs{
display: flex;
justify-content: space-around;
width: 50px;
height: 30px;
font-size: 15px;
margin-left: 10px;
margin-right: 10px;
}
.sheet-bsCheckbox{
display: flex;
justify-content: space-around;
@@ -155,6 +129,7 @@
.sheet-centralSheet{
display: flex;
margin-top: 10px;
margin-bottom: 10px;
flex-direction: row;
justify-content: space-around;
}
@@ -183,6 +158,7 @@
margin-bottom: 22px;
}
.sheet-inputStats{
width: 55px;
font-size: 15px;
text-align: center;
}
@@ -246,13 +222,16 @@
height: 20px;
font-size: 15;
}
.sheet-weaponInputGuns{
width: 250px;
}
.sheet-weaponButtons{
display: flex;
flex-direction: column;
justify-content: space-around;
}
.sheet-utilityContainer{
display: flex;
display: flex;
flex-direction: column;
justify-content: space-around;
}
@@ -292,6 +271,25 @@
font-size: 15;
margin-top: 5px;
}
.sheet-vehicleInput{
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-around;
margin: 10px;
}
.sheet-veicleDettails{
margin:10;
}
.sheet-veicleDetailsInput{
margin-left: 10px;
width: 750px;
}
.sheet-veicleStats{
font-size: 20px;
text-align: center;
width: 52px;
}
.sheet-statsRightBottom{
display: flex;
flex-direction: column;
+130 -34
View File
@@ -16,18 +16,40 @@
</div>
</div>
<div class="characterInfo2">
<b>Punti Avventura</b><input type="number" name="attr_character_pa" class="pa_input" min="0" />
<b>Punti Avventura</b><input type="number" name="attr_extra_bullets" class="pa_florins_input" min="0" />
</div>
<div class="characterInfo2">
<b>Proiettili Extra</b><input type="number" name="attr_florins" class="florins_input" min="0" />
<div class="centralStats">
<b>Proiettili Extra</b>
<div class="statsRightBottomDisplay">
<div class="bullets">
<div class="bulletsInputs">
<b>Calibro</b><input class="inputStatsBullets" type="text" name="attr_caliber">
<b>Quantità</b><input class="inputStats" type="number" name="attr_bullets_quantity" min="0">
</div>
<div class="bulletsInputs">
<b>Calibro</b><input class="inputStatsBullets" type="text" name="attr_caliber2">
<b>Quantità</b><input class="inputStats" type="number" name="attr_bullets_quantity2" min="0">
</div>
<div class="bulletsInputs">
<b>Calibro</b><input class="inputStatsBullets" type="text" name="attr_caliber3">
<b>Quantità</b><input class="inputStats" type="number" name="attr_bullets_quantity3" min="0">
</div>
</div>
</div>
</div>
</div>
<div class="sheet-columns">
<div>
<input type="checkbox" class="sheet-toggle-show" />
<span>Mostra/Nascondi suggerimenti Caratteristiche Personaggio e Abilità</span>
<div class="sheet-body">Caratteristiche Personaggio: mettere a sinistra il numero di dadi (2 o 1) e a destra il modificatore con il simbolo (+1 o -1), come nella scheda originale.<br><br>Abilità: inserire il nome dell'abilità nella parte di sopra. Nella parte di sotto, a sinistra i dadi da usare completi di numero, D e facce del dado (2D10 o 2d10) e a destra il modificatore (+1 o -1), poi premere il bottone adiacente che li tirerà.<br><br>IMPORTANTE: le caselle di selezione a sinistra delle Caratteristiche Personaggio servono solo a ricordare quale Pregio si possiede non va a modificare il lancio dei dadi. Dovrete ricordarvi di ritirare il Pregio se il dado o i dadi fanno 1 o 2 su quella caratteristica.</div>
<div class="sheet-body">Caratteristiche Personaggio: mettere a sinistra il numero di dadi (2 o 1) e a destra
il modificatore con il simbolo (+1 o -1), come nella scheda originale.<br><br>Abilità: inserire il nome
dell'abilità nella parte di sopra. Nella parte di sotto, a sinistra i dadi da usare completi di numero,
D e facce del dado (2D10 o 2d10) e a destra il modificatore (+1 o -1), poi premere il bottone adiacente
che li tirerà.<br><br>IMPORTANTE: le caselle di selezione a sinistra delle Caratteristiche Personaggio
servono solo a ricordare quale Pregio si possiede non va a modificare il lancio dei dadi. Dovrete
ricordarvi di ritirare il Pregio se il dado o i dadi fanno 1 o 2 su quella caratteristica.</div>
</div>
</div>
@@ -197,12 +219,18 @@
</div>
</div>
</div>
<div class="sheet-columns">
<div>
<input type="checkbox" class="sheet-toggle-show" />
<span>Mostra/Nascondi suggerimenti Armi da fuoco e Corpo a Corpo</span>
<div class="sheet-body">Armi da fuoco e Corpo a Corpo: inserire il nome dell'arma nella parte di sopra. Nelle Armi da fuoco a sinistra dell'Attacco, inserire il dado Inceppamento dell'arma (esempio: 1D6) e premere il bottone per tirarlo. Nell'Attacco e nel Danno, inserire i dadi da usare completi di numero, D e facce del dado (2D10 o 2d10) e a destra il modificatore (+1 o -1), poi premere il bottone adiacente che li tirerà.</div>
<div class="sheet-body">Armi da fuoco e Corpo a Corpo: inserire il nome dell'arma nella parte di sopra (in
quelle da fuoco inserire anche eventuali note come Bruciapelo, Distanza o simili).
Nelle Armi da fuoco a sinistra dell'Attacco, inserire il dado Inceppamento dell'arma (esempio: 1D6) e
premere il bottone per tirarlo. In entrambi i tipi di armi, nell'Attacco e nel Danno inserire a sinistra
i dadi da usare completi di numero, D
e facce del dado (2D10 o 2d10) e a destra il modificatore (+1 o -1), poi premere il bottone adiacente
che li tirerà.</div>
</div>
</div>
@@ -401,17 +429,15 @@
</div>
</div>
</div>
<div class="makeWeapon">
<div class="makeWeapon">
<div>
<div>
<div class="weaponName">
<b>Arma da fuoco</b>
<input type="text"
name="attr_firstWeaponNameGun">
<b>Caricatore</b>
<input type="number" class="loaderInput"
name="attr_loaderGun" min="0">
<input type="text" class="weaponInputGuns" name="attr_firstWeaponNameGun">
<b>Caricatore</b>
<input type="number" class="loaderInput" name="attr_loaderGun" min="0">
</div>
</div>
<div class="stats_weapon">
@@ -423,7 +449,7 @@
</div>
<div class="weaponButtons">
<button type="roll" name="damageRoll"
value="&{template:default} {{name=@{characterName}, @{firstWeaponNameGun}}} {{Inceppamento=[[@{jam}]]}}"></button>
value="&{template:default} {{name=@{characterName}, @{firstWeaponNameGun}}} {{Inceppamento=[[@{jam}skh1]]}}"></button>
</div>
<div class="weapons">
<b>Attacco</b>
@@ -455,11 +481,9 @@
<div>
<div class="weaponName">
<b>Arma da fuoco</b>
<input type="text" class="weaponInput"
name="attr_secondWeaponNameGun">
<b>Caricatore</b>
<input type="number" class="loaderInput"
name="attr_loaderGun2" min="0">
<input type="text" class="weaponInputGuns" name="attr_secondWeaponNameGun">
<b>Caricatore</b>
<input type="number" class="loaderInput" name="attr_loaderGun2" min="0">
</div>
</div>
<div class="stats_weapon">
@@ -471,7 +495,7 @@
</div>
<div class="weaponButtons">
<button type="roll" name="damageRoll"
value="&{template:default} {{name=@{characterName}, @{secondWeaponNameGun}}} {{Inceppamento=@{jam2}}}"></button>
value="&{template:default} {{name=@{characterName}, @{secondWeaponNameGun}}} {{Inceppamento=[[@{jam2}skh1]]}}"></button>
</div>
<div class="weapons">
<b>Attacco</b>
@@ -503,11 +527,9 @@
<div>
<div class="weaponName">
<b>Arma da fuoco</b>
<input type="text" class="weaponInput"
name="attr_thirdWeaponNameGun3">
<b>Caricatore</b>
<input type="number" class="loaderInput"
name="attr_loaderGun3" min="0">
<input type="text" class="weaponInputGuns" name="attr_thirdWeaponNameGun3">
<b>Caricatore</b>
<input type="number" class="loaderInput" name="attr_loaderGun3" min="0">
</div>
</div>
<div class="stats_weapon">
@@ -519,7 +541,7 @@
</div>
<div class="weaponButtons">
<button type="roll" name="damageRoll"
value="&{template:default} {{name=@{characterName}, @{thirdWeaponNameGun3}}} {{Danno=@{jam3}}}"></button>
value="&{template:default} {{name=@{characterName}, @{thirdWeaponNameGun3}}} {{Danno=[[@{jam3}skh1]]}}"></button>
</div>
<div class="weapons">
<b>Attacco</b>
@@ -551,11 +573,9 @@
<div>
<div class="weaponName">
<b>Arma da fuoco</b>
<input type="text" class="weaponInput"
name="attr_fourthWeaponNameGun4">
<b>Caricatore</b>
<input type="number" class="loaderInput"
name="attr_loaderGun4" min="0">
<input type="text" class="weaponInputGuns" name="attr_fourthWeaponNameGun4">
<b>Caricatore</b>
<input type="number" class="loaderInput" name="attr_loaderGun4" min="0">
</div>
</div>
<div class="stats_weapon">
@@ -567,7 +587,7 @@
</div>
<div class="weaponButtons">
<button type="roll" name="damageRoll"
value="&{template:default} {{name=@{characterName}, @{fourthWeaponNameGun4}}} {{Danno=@{jam4}}}"></button>
value="&{template:default} {{name=@{characterName}, @{fourthWeaponNameGun4}}} {{Danno=[[@{jam4}skh1]]}}"></button>
</div>
<div class="weapons">
<b>Attacco</b>
@@ -594,11 +614,87 @@
</div>
</div>
</div>
</div>
</div>
<!--Veicle stats-->
<div class="sheet-columns">
<div>
<input type="checkbox" class="sheet-toggle-show" />
<span>Mostra/Nascondi suggerimenti Veicolo</span>
<div class="sheet-body">Veicolo: inserire il nome del veicolo nella voce "Veicolo".
Negli spazi adiacenti, inserire a destra i dadi da usare completi di numero, D e facce del dado
(2D10 o
2d10) e a destra il modificatore (+1 o -1), poi premere il bottone adiacente
che li tirerà.<br><br>Nota: Non ho messo il test di Guida unico perchè alcuni veicoli possono avere
modificatori che vanno a incidere su Accelerata o Stabilità. Meglio averli separati per comodità.</div>
</div>
</div>
<div class="vehicleInput">
<b>Veicolo</b><input type="text" class="abilityInput" name="attr_vehicle_name">
<b>Accelerata</b><input type="text" class="extraAbilityInput2" name="attr_vehicle_roll_cx">
<input type="text" class="extraAbilityInput3" name="attr_vehicle_roll_mod_cx">
<button type="roll"
value="&{template:default} {{name=@{characterName}, @{vehicle_name}}} {{Roll=[[@{vehicle_roll_cx}skh1 @{vehicle_roll_mod_cx}]]}}"></button>
<b>Stabilizza</b><input type="text" class="extraAbilityInput2" name="attr_vehicle_roll_sx">
<input type="text" class="extraAbilityInput3" name="attr_vehicle_roll_mod_sx">
<button type="roll"
value="&{template:default} {{name=@{characterName}, @{vehicle_name}}} {{Roll=[[@{vehicle_roll_sx}skh1 @{vehicle_roll_mod_sx}]]}}"></button>
<b>Attacco</b><input type="text" class="extraAbilityInput2" name="attr_vehicle_roll_dx">
<input type="text" class="extraAbilityInput3" name="attr_vehicle_roll_mod_dx">
<button type="roll"
value="&{template:default} {{name=@{characterName}, @{vehicle_name}}} {{Roll=[[@{vehicle_roll_dx}skh1 @{vehicle_roll_mod_dx}]]}}"></button>
<b>Danno</b><input type="text" class="extraAbilityInput2" name="attr_vehicle_roll_fx">
<input type="text" class="extraAbilityInput3" name="attr_vehicle_roll_mod_fx">
<button type="roll"
value="&{template:default} {{name=@{characterName}, @{vehicle_name}}} {{Roll=[[@{vehicle_roll_fx}skh1 @{vehicle_roll_mod_fx}]]}}"></button>
</div>
<div class="veicleDettails">
<b>Dettagli Veicolo</b><input type="text" class="veicleDetailsInput" name="attr_vehicle_details">
</div>
<div class="vehicleInput">
<div class="centralStats">
<b class="centralLeftSheetStatsName">Salute</b>
<div class="statsRightBottomDisplay">
<div class="inputStatsMinMax">
<b>Attuale</b><input class="veicleStats" type="number" name="attr_vehicle_life">
</div>
<div class="inputStatsMinMax">
<b>Massima</b><input class="veicleStats" type="number" name="attr_vehicle_life_max">
</div>
</div>
</div>
<div class="centralStats">
<b class="centralLeftSheetStatsName2">Armatura</b>
<div class="statsRightBottomDisplay">
<div class="inputStatsMinMax">
<input class="veicleStats" type="number" name="attr_vehicle_armor" min="0">
</div>
</div>
</div>
<div class="centralStats">
<b class="centralLeftSheetStatsName2">Serbatoio</b>
<div class="statsRightBottomDisplay">
<div class="inputStatsMinMax">
<input class="veicleStats" type="number" name="attr_vehicle_gas" min="0">
</div>
</div>
</div>
<div class="centralStats">
<b class="centralLeftSheetStatsName2">Taniche Extra</b>
<div class="statsRightBottomDisplay">
<div class="inputStatsMinMax">
<input class="veicleStats" type="number" name="attr_vehicle_gas_extra" min="0">
</div>
</div>
</div>
</div>
<!--Notes-->
<div class="notes">
Binary file not shown.

Before

Width:  |  Height:  |  Size: 82 KiB

After

Width:  |  Height:  |  Size: 64 KiB