Merge pull request #7586 from cleisonsilfer/arcanas

Arcanas & Ancestrais: melhorias nas rolagens
This commit is contained in:
Miguel Peres
2020-10-26 10:30:45 -03:00
committed by GitHub
2 changed files with 261 additions and 68 deletions
+180
View File
@@ -266,6 +266,10 @@
font-size:0.7em;
}
.sheet-jogada-morte img{
max-width: 8%;
}
.sheet-proficiencies {
grid-area: proficiencies;
margin-top:110px;
@@ -590,3 +594,179 @@
margin-left: 5px;
}
.sheet-rolltemplate-ataque .sheet-rollbox-container .sheet-rollbox-ataque{
padding:5px;
width:100%;
box-sizing:border-box;
text-align:center;
}
.sheet-rolltemplate-ataque .sheet-rollbox-container .sheet-rollbox-ataque {
padding:5px;
font-family: 'Oldenburg', cursive;
width:100%;
box-sizing:border-box;
margin-bottom:3px;
}
.sheet-rolltemplate-ataque .sheet-rollbox-container .sheet-rollbox-ataque .sheet-roll-label{
margin-top:5px;
width:100%;
display:flex;
align-items:center;
justify-content:center;
text-align:center;
font-weight:normal
}
.sheet-rolltemplate-ataque .sheet-rollbox-container .sheet-rollbox-ataque .sheet-roll{
padding-top:5px;
width:100%;
display:flex;
align-items:center;
justify-content:center;
text-align:center
}
.sheet-rolltemplate-ataque .sheet-rollbox-container .sheet-rollbox-ataque .sheet-roll span{
margin:0 auto;
padding:8px;
font-size:18px
}
.sheet-size-70 {
max-width: 70px !important;
}
.sheet-left-30 {
margin-left: 30px !important;
}
.sheet-size-123 {
max-width: 123px !important;
}
.sheet-ca-label {
font-size: 1.7em !important;
text-align:center !important;
}
.sheet-left-22 {
margin-left:22px !important;
}
.sheet-ca-total {
width: 40px !important;
font-size:1.2em !important;
}
.sheet-size-30 {
width: 30px !important;
}
.sheet-left-10 {
margin-left:10px !important;
}
.sheet-top-6 {
"margin-top:6px !important;
}
.sheet-left-5 {
margin-left: 5px !important;
}
.sheet-left-80 {
margin-left: 80px !important;
}
.sheet-pv {
width: 50px !important;
font-size: 1em !important;
text-align: right !important;
}
.sheet-dv {
width: 30px !important;
font-size: 1em !important;
}
.sheet-top-5 {
margin-top: 5px !important;
}
.sheet-size-205 {
max-width:205px !important;
}
.sheet-height-18 {
max-height:18px !important;
}
.sheet-height-17 {
max-height:17px !important;
}
.sheet-height-15 {
max-height:15px !important;
}
.sheet-font-normal {
font-size: 1em !important;
}
.sheet-size-150 {
max-width:150px !important;
}
.sheet-left-105 {
margin-left:105px !important;
}
.sheet-left-35 {
margin-left:35px !important;
}
.sheet-left-48 {
margin-left:48px !important;
}
.sheet-left-50 {
margin-left:50px !important;
}
.sheet-left-12 {
margin-left:12px !important;
}
.sheet-left-10 {
margin-left:10px !important;
}
.sheet-size-80 {
width:80px !important;
max-width:80px !important;
}
.sheet-font-menor {
font-size: 0.7em !important;
}
.sheet-size-50 {
width:50px !important;
max-width:50px !important;
}
.sheet-size-53 {
width:53px !important;
max-width:53px !important;
}
.sheet-size-60 {
max-width:60px !important;
}
.sheet-nivel {
width: 3.5em !important;
}
.sheet-anotacoes {
max-height:100% !important;
height:100% !important;
}
+81 -68
View File
@@ -20,7 +20,7 @@
<label>Ancestralidade</label>
</div>
<div class="col">
<input type="text" name="attr_raca" style="max-width: 123px"/>
<input class="size-123" type="text" name="attr_raca"/>
</div>
</div>
<div class="row">
@@ -30,10 +30,10 @@
<div class="col">
<input type="text" name="attr_classe"/>
</div>
<div class="col" style="max-width: 70px;">
<div class="col size-70">
<label>Especialização</label>
</div>
<div class="col" style="margin-left: 30px">
<div class="col left-30">
<input type="text" name="attr_especializacao"/>
</div>
</div>
@@ -127,92 +127,94 @@
<div class="combat">
<div class="row">
<label style="font-size: 1.7em; text-align:center">CA</label>
<label class="ca-label">CA</label>
</div>
<div class="row" style="margin-left:22px">
<div class="row left-22">
<div class="col">
<input type="number" name='attr_catotal' value="10+@{ca1}+@{ca2}+@{ca3}" disabled="true" class='sheet-short sheet-atributos' style="width: 40px; font-size:1.2em;">
<input type="number" name='attr_catotal' value="10+@{ca1}+@{ca2}+@{ca3}" disabled="true" class='sheet-short sheet-atributos ca-total'>
</div>
<div class="col">
<input type="number" name='attr_ca1' value="0" class='sheet-short' style="margin-left:10px; width: 30px;">
<input type="number" name='attr_ca1' value="0" class='sheet-short size-30'>
</div>
<div class="col">
<label style="margin-top:6px">+</label>
<label class="top-6">+</label>
</div>
<div class="col">
<input type="number" name='attr_ca2' value="0" class='sheet-short' style="width: 30px;">
<input type="number" name='attr_ca2' value="0" class='sheet-short size-30'>
</div>
<div class="col">
<label style="margin-top:6px">+</label>
<label class="top-6">+</label>
</div>
<div class="col">
<input type="number" name='attr_ca3' value="0" class='sheet-short' style="width: 30px;">
<input type="number" name='attr_ca3' value="0" class='sheet-short size-30'>
</div>
</div>
<div class="row" style="margin-left:22px;">
<div class="row left-22">
<div class="col">
<label>Prof</label>
</div>
<div class="col" style="margin-left: 5px;">
<div class="col left-5">
<label>PV</label>
</div>
<div class="col" style="margin-left: 80px;">
<div class="col left-80">
<label>DV</label>
</div>
</div>
<div class="row" style="margin-left:22px;">
<div class="row left-22">
<div class="col">
<input type="number" name='attr_prof' value="0" class='sheet-short sheet-atributos' style="width: 30px; font-size: 1em;">
<input type="number" name='attr_prof' value="0" class='sheet-short sheet-atributos dv'>
</div>
<div class="col" style="margin-left: 12px;">
<input type="number" name='attr_pv_atual' value="0" class='sheet-short sheet-atributos' style="width: 50px; font-size: 1em; text-align: right;">
<div class="col left-12">
<input type="number" name='attr_pv_atual' value="0" class='sheet-short sheet-atributos pv'>
</div>
<div class="col">
<input type="number" name='attr_pv' value="0" class='sheet-short sheet-atributos' style="width: 50px; font-size: 1em; text-align: right;">
<input type="number" name='attr_pv' value="0" class='sheet-short sheet-atributos pv'>
</div>
<div class="col" style="margin-left: 10px;">
<input type="number" name='attr_dv_atual' value="0" class='sheet-short sheet-atributos' style="width: 30px; font-size: 1em;">
<div class="col left-10">
<input type="number" name='attr_dv_atual' value="0" class='sheet-short sheet-atributos dv'>
</div>
<div class="col">
<input type="number" name='attr_dv' value="0" class='sheet-short sheet-atributos' style="width: 30px; font-size: 1em;">
<input type="number" name='attr_dv' value="0" class='sheet-short sheet-atributos dv'>
</div>
</div>
<div class="row" style="margin-top: 5px; margin-left:22px; max-width:205px;">
<div class="row top-5 left-22 size-205">
<label>Jogadas de Morte</label>
</div>
<div class="row" style="margin-left:22px; max-width:205px;">
<div class="row jogada-morte left-22 size-205">
<img src="https://i.imgur.com/xJ9MfmW.png" title="source: imgur.com" />
<input type="checkbox" name="attr_morte_a1" title="@{morte_a1}" />
<input type="checkbox" name="attr_morte_a2" title="@{morte_a2}" />
<input type="checkbox" name="attr_morte_a3" title="@{morte_a3}" />
<br>
<img src="https://i.imgur.com/rkY35lq.png" title="source: imgur.com" />
<input type="checkbox" name="attr_morte_b1" title="@{caminho_morte_b1}" />
<input type="checkbox" name="attr_morte_b2" title="@{caminho_morte_b2}" />
<input type="checkbox" name="attr_morte_b3" title="@{caminho_morte_b3}" />
<br> <br>
</div>
<div class="row" style="margin-left:22px; max-width:205px;">
<div class="row left-22 size-205">
<label>Consequências</label>
</div>
<div class="row" style="margin-left:22px; max-width:205px;">
<textarea style="max-height:18px" name="attr_consequencias"></textarea>
<div class="row left-22 size-205">
<textarea class="height-18" name="attr_consequencias"></textarea>
</div>
<div class="row" style="margin-left:22px; max-width:205px;">
<div class="row left-22 size-205">
<label>Exaustão</label>
</div>
<div class="row" style="margin-left:22px; max-width:205px;">
<textarea style="max-height:18px" name="attr_exaustao"></textarea>
<div class="row left-22 size-205">
<textarea class="height-18" name="attr_exaustao"></textarea>
</div>
<div class="row" style="margin-left:22px; max-width:205px;">
<div class="row left-22 size-205">
<label>Condições</label>
</div>
<div class="row" style="margin-left:22px; max-width:205px;">
<textarea style="max-height:17px" name="attr_condicoes"></textarea>
<div class="row left-22 size-205">
<textarea class="height-17" name="attr_condicoes"></textarea>
</div>
<div class="row" style="margin-left:22px; max-width:205px;">
<div class="row left-22 size-205">
<label>Habilidades de Classe</label>
</div>
<div class="row" style="margin-left:22px; max-width:205px;">
<textarea style="max-height:15px" name="attr_habilidades_classe"></textarea>
<div class="row left-22 size-205">
<textarea class="height-15" name="attr_habilidades_classe"></textarea>
</div>
</div>
@@ -352,39 +354,39 @@
</div>
<div class="weapons">
<div class="row" style="font-size:1em">
<div class="col" style="max-width:150px">
<div class="row font-normal">
<div class="col size-150">
<label>Nome</label>
</div>
<div class="col" style="margin-left:105px">
<div class="col left-105">
<label>Tipo</label>
</div>
<div class="col" style="margin-left:35px">
<div class="col left-35">
<label>Dano</label>
</div>
<div class="col" style="margin-left:48px">
<div class="col left-48">
<label>Dado</label>
</div>
</div>
<fieldset class="repeating_skills">
<div class="row">
<div class="col" style="max-width:150px">
<input type="text" name="attr_nome_arma" style="width:150px;" />
<div class="col size-150">
<input class="size-150" type="text" name="attr_nome_arma" />
</div>
<div class="col" style="max-width:80px">
<select name="attr_atributoataque" style="font-size:0.7em; width:80px;">
<div class="col size-80">
<select class="size-80 font-menor" name="attr_atributoataque">
<option value="@{for_mod}" selected="">Corporal</option>
<option value="0">Distância</option>
<option value="@{des_mod}">Distância</option>
</select>
</div>
<div class="col" style=" max-width:60px">
<input type="text" name="attr_dano_arma" style="width: 50px;" />
<div class="col size-60">
<input class="size-50" type="text" name="attr_dano_arma" />
</div>
<div class="col">
<button type="roll" align="right" value="&{template:ataque} {{nome=@{character_name} atacou com @{nome_arma}!}} {{ataque=[[?{Situação|Normal, 1d20|Vantagem, 2d20kh1|Desvantagem, 2d20kl1}+@{atributoataque}+?{Bônus|0}]]}} {{dano=[[@{dano_arma}+@{atributoataque}}]]}}"></button>
<button type="roll" align="right" value="&{template:ataque} {{nome=@{character_name} atacou com @{nome_arma}!}} {{ataque=[[?{Situação|Normal, 1d20|Vantagem, 2d20kh1|Desvantagem, 2d20kl1}+@{atributoataque}]]}} {{dano=[[@{dano_arma}+@{atributoataque}}]]}} {{uso=[[@{dado}}]]}}"></button>
</div>
<div class="col" style=" max-width:50px">
<select name="attr_dado" style="width:50px;">
<div class="col size-50">
<select class="size-50" name="attr_dado">
<option value="0" selected=""></option>
<option value="1d4">d4</option>
<option value="1d6">d6</option>
@@ -407,7 +409,7 @@
<div class="row">
<div class="col">
<label>Nível
<input type="number" name="attr_nivel" style="width: 3.5em !important">
<input class="nivel" type="number" name="attr_nivel">
</label>
</div>
<div class="col">
@@ -436,33 +438,33 @@
</div>
<div class="equipaments">
<label>Equipamentos</label>
<div class="row" style="font-size:1em">
<div class="col" style="max-width:150px">
<div class="row font-normal">
<div class="col size-150">
<label>Item</label>
</div>
<div class="col" style="margin-left:105px">
<div class="col left-105">
<label>Propriedades</label>
</div>
<div class="col" style="margin-left:50px">
<div class="col left-50">
<label>Carga</label>
</div>
<div class="col" style="margin-left:5px">
<div class="col left-5">
<label>Dado</label>
</div>
</div>
<fieldset class="repeating_skills">
<div class="row">
<div class="col" style="max-width:150px">
<input type="text" name="attr_item" style="width:150px;" />
<div class="col size-150">
<input class="size-150" type="text" name="attr_item" />
</div>
<div class="col" style="max-width:150px">
<input type="text" name="attr_propriedades" style="width:150px;" />
<div class="col size-150">
<input class="size-150" type="text" name="attr_propriedades" />
</div>
<div class="col" style=" max-width:60px">
<input type="number" name="attr_carga" style="width: 53px;" />
<div class="col size-60">
<input class="size-53" type="number" name="attr_carga" />
</div>
<div class="col" style=" max-width:50px">
<select name="attr_item_dado" style="width:50px;">
<div class="col size-50">
<select name="attr_item_dado" class="size-50">
<option value="0" selected=""></option>
<option value="1d4">d4</option>
<option value="1d6">d6</option>
@@ -480,7 +482,7 @@
<div class="notes">
<label>Anotações</label>
<div class="row">
<textarea style="max-height:100%; height:100%" name="attr_notes"></textarea>
<textarea class="anotacoes" name="attr_notes"></textarea>
</div>
</div>
</div>
@@ -515,7 +517,7 @@
<span class="left">{{nome}}</span>
</div>
<br>
<div class="rollbox">
<div class="rollbox-ataque">
<div>
<div class="roll">
{{ataque}}
@@ -524,7 +526,9 @@
Ataque
</div>
</div>
<div class="divisor"><span></span></div>
</div>
<br>
<div class="rollbox">
<div>
<div class="roll">
{{dano}}
@@ -533,6 +537,15 @@
Dano
</div>
</div>
<div class="divisor"><span></span></div>
<div>
<div class="roll">
{{uso}}
</div>
<div class="roll-label">
Uso
</div>
</div>
</div>
</div>
</rolltemplate>