Including spells tab (#6867)

This commit is contained in:
Cleison Silfer
2020-06-29 11:44:15 -05:00
committed by GitHub
parent 1dff60cc15
commit d108efed1a
2 changed files with 363 additions and 246 deletions
+52 -1
View File
@@ -4,6 +4,33 @@
background-image: url("https://i.imgur.com/cHyDwls.png");
background-position: center top;
background-size: 100% auto;
max-width: 830px;
}
/*Configure the tab buttons*/
.sheet-principal,
.sheet-magias {
display: none;
}
/* show the selected tab */
.sheet-tabstoggle[value="principal"] ~ div.sheet-principal,
.sheet-tabstoggle[value="magias"] ~ div.sheet-magias {
display: block;
}
.sheet-botao-selecao {
font-family: 'Pirata One', cursive;
text-align:center;
font-size:1.3em;
border-radius: 5px solid black;
background-color: white;
box-shadow: none;
-webkit-appearance: none;
-moz-appearance: none;
-webkit-border-radius: 5px;
color: black;
background-color:white;
}
.sheet-body button {
@@ -166,9 +193,33 @@
font-family: 'Alegreya', serif;
}
.sheet-magias {
font-family: 'Alegreya', serif;
font-size: 1em;
width: 800px;
}
.sheet-magias textarea {
resize: vertical;
font-family: 'Alegreya', serif;
text-align:center;
}
.sheet-magias label {
font-size: 1em;
display: inline-block;
font-weight: normal;
font-family: 'Alegreya', serif;
}
.sheet-magias input {
text-align: left;
font-family: 'Alegreya', serif;
height: 25px;
}
.sheet-creditos {
font-family: 'Alegreya', serif;
font-size: 0.7em;
text-align:right;
}
}
+311 -245
View File
@@ -1,261 +1,327 @@
<html>
<div class="body">
<br />
<div class="sheet-header">
<div class="4colrow">
<div class="body">
<br/>
<div class="sheet-header">
<div class="4colrow">
<!-- BOTÃO E ATRIBUTOS NOME E NAÇÃO -->
<div class="row">
<div class="col">
<label>Nome: <input class="name" type="text" name="attr_character_name" style="width: 250;" /> </label>
</div>
<div class="col">
<label>Nação: <input type="text" name="attr_nacao" style="width: 150px;"/> </label>
</div>
<div class="col" style="margin-left: 80px; position: absolute; float: right">
<img src="https://i.imgur.com/OAQUjEZ.png" style="width: 260px; height:100px; max-height: 100px; margin-top:-40px; text-align: right">
<button type="roll" align="right" value="&{template:default} {{name=Ahoy! @{character_name} agiu!}} {{Arrr! O desempenho de @{character_name} foi [[?{Situação|Normal, [[1d20]]|Vantagem, [[2d20kh1]]|Desvantagem, [[2d20kl1]]}+?{Escolha o Atributo |FOR,@{for}|DES,@{des}|CON,@{con}|INT,@{int}|SAB,@{sab}|CAR,@{car}}+?{MP|@{MP}}+?{Bônus|0}]]!}}"></button>
</div>
<!-- BOTÃO E ATRIBUTOS NOME E NAÇÃO -->
<div class="row">
<div class="col">
<label>Nome: <input class="name" type="text" name="attr_character_name" style="width: 250;" /> </label>
</div>
<!-- ATRIBUTOS RAÇA, CLASSE E NÍVEL -->
<div class="row">
<div class="col">
<label>Raça: <input type="text" name="attr_raca" style="width: 120px;"/> </label>
</div>
<div class="col">
<label>Classe: <input type="text" name="attr_classe" style="width: 130px;"/> </label>
</div>
<div class="col">
<label>Nivel: <input type="number" name="attr_nivel" style="width: 42px;"/> </label>
</div>
<div class="col">
<label>Nação: <input type="text" name="attr_nacao" style="width: 150px;" /> </label>
</div>
<!-- ATRIBUTOS ALINHAMENTO, PAIXÕES E RELAÇÕES -->
<div class="row">
<div class="col">
<label>Alinhamento: <input type="text" name="attr_alinhamento" style="width: 120px;"/> </label>
</div>
<div class="col">
<label>Paixões: <input type="text" name="attr_paixoes" style="width: 160px;"/> </label>
</div>
<div class="col">
<label>Relações Sociais: <input type="text" name="attr_relacoes" style="width: 190px;"/> </label>
</div>
<div class="col" style="margin-left: 80px; position: absolute; float: right">
<img src="https://i.imgur.com/OAQUjEZ.png" style="width: 260px; height:100px; max-height: 100px; margin-top:-40px; text-align: right">
<button type="roll" align="right" value="&{template:default} {{name=Ahoy! @{character_name} agiu!}} {{Arrr! O desempenho de @{character_name} foi [[?{Situação|Normal, [[1d20]]|Vantagem, [[2d20kh1]]|Desvantagem, [[2d20kl1]]}+?{Escolha o Atributo |FOR,@{for}|DES,@{des}|CON,@{con}|INT,@{int}|SAB,@{sab}|CAR,@{car}}+?{MP|@{MP}}+?{Bônus|0}]]!}}"></button>
</div>
<!-- ATRIBUTOS ESPECIALIZAÇÕES -->
<div class="row">
<div class="col">
<label>Especializações: <input type="text" name="attr_especializacao" style="width: 582px;"/> </label>
</div>
<div class="col">
<label>XP: <input type="number" name="attr_xp" style="width: 42px;"/> </label>
</div>
</div>
<!-- ATRIBUTOS RAÇA, CLASSE E NÍVEL -->
<div class="row">
<div class="col">
<label>Raça: <input type="text" name="attr_raca" style="width: 120px;" /> </label>
</div>
<div class="col">
<label>Classe: <input type="text" name="attr_classe" style="width: 130px;" /> </label>
</div>
<div class="col">
<label>Nivel: <input type="number" name="attr_nivel" style="width: 42px;" /> </label>
</div>
</div>
<!-- ATRIBUTOS ALINHAMENTO, PAIXÕES E RELAÇÕES -->
<div class="row">
<div class="col">
<label>Alinhamento: <input type="text" name="attr_alinhamento" style="width: 120px;" /> </label>
</div>
<div class="col">
<label>Paixões: <input type="text" name="attr_paixoes" style="width: 160px;" /> </label>
</div>
<div class="col">
<label>Relações Sociais: <input type="text" name="attr_relacoes" style="width: 190px;" /> </label>
</div>
</div>
<!-- ATRIBUTOS ESPECIALIZAÇÕES -->
<div class="row">
<div class="col">
<label>Especializações: <input type="text" name="attr_especializacao" style="width: 582px;" /> </label>
</div>
<div class="col">
<label>XP: <input type="number" name="attr_xp" style="width: 42px;" /> </label>
</div>
</div>
<br>
<img src="https://i.imgur.com/rA73vNY.png" style="max-width:820px">
</div>
</div>
<br/>
<div style="margin-top:2px;">
<button class="botao-selecao" type="action" name="act_principal">Principal</button>
<button class="botao-selecao" type="action" name="act_magias">Magias</button>
</div>
<input type='hidden' class='sheet-tabstoggle' name='attr_sheetTab' value='principal' />
<br />
<div class='sheet-principal'>
<div class="col atributos" style="min-width:200px; max-width: 200px; min-height=80px; max-height=80px;">
<div class="row">
<h2 class="titulo">Atributos</h2>
<label>Força</label><input type="number" name='attr_for' class='sheet-short' style="margin-left: 5px; width: 35px;">
<button type="roll" align="right" value="&{template:default} {{name=Ahoy! @{character_name} está testando sua Força!}} {{Arrr! O desempenho de @{character_name} foi [[?{Situação|Normal, [[1d20]]|Vantagem, [[2d20kh1]]|Desvantagem, [[2d20kl1]]}+@{for}+?{MP|Não,0|Sim,@{MP}}+?{Bônus|0}]]!}}"></button>
<br />
<label>Destreza</label><input type="number" name='attr_des' class='sheet-short' style="margin-left: 5px; width: 35px;">
<button type="roll" align="right" value="&{template:default} {{name=Ahoy! @{character_name} está testando sua Destreza!}} {{Arrr! O desempenho de @{character_name} foi [[?{Situação|Normal, [[1d20]]|Vantagem, [[2d20kh1]]|Desvantagem, [[2d20kl1]]}+@{des}+?{MP|Não,0|Sim,@{MP}}+?{Bônus|0}]]!}}"></button>
<br />
<label>Constituição</label><input type="number" name='attr_con' class='sheet-short' style="margin-left: 5px; width: 35px;">
<button type="roll" align="right" value="&{template:default} {{name=Ahoy! @{character_name} está testando sua Constituição!}} {{Arrr! O desempenho de @{character_name} foi [[?{Situação|Normal, [[1d20]]|Vantagem, [[2d20kh1]]|Desvantagem, [[2d20kl1]]}+@{con}+?{MP|Não,0|Sim,@{MP}}+?{Bônus|0}]]!}}"></button>
<br />
<label>Inteligência</label><input type="number" name='attr_int' class='sheet-short' style="margin-left: 5px; width: 35px;">
<button type="roll" align="right" value="&{template:default} {{name=Ahoy! @{character_name} está usando sua Inteligência!}} {{Arrr! O desempenho de @{character_name} foi [[?{Situação|Normal, [[1d20]]|Vantagem, [[2d20kh1]]|Desvantagem, [[2d20kl1]]}+@{int}+?{MP|Não,0|Sim,@{MP}}+?{Bônus|0}]]!}}"></button>
<br />
<label>Sabedoria</label><input type="number" name='attr_sab' class='sheet-short' style="margin-left: 5px; width: 35px;">
<button type="roll" align="right" value="&{template:default} {{name=Ahoy! @{character_name} está usando sua Sabedoria!}} {{Arrr! O desempenho de @{character_name} foi [[?{Situação|Normal, [[1d20]]|Vantagem, [[2d20kh1]]|Desvantagem, [[2d20kl1]]}+@{sab}+?{MP|Não,0|Sim,@{MP}}+?{Bônus|0}]]!}}"></button>
<br />
<label>Carisma</label><input type="number" name='attr_car' class='sheet-short' style="margin-left: 5px; width: 35px;">
<button type="roll" align="right" value="&{template:default} {{name=Ahoy! @{character_name} está usando seu Carisma!}} {{Arrr! O desempenho de @{character_name} foi [[?{Situação|Normal, [[1d20]]|Vantagem, [[2d20kh1]]|Desvantagem, [[2d20kl1]]}+@{car}+?{MP|Não,0|Sim,@{MP}}+?{Bônus|0}]]!}}"></button>
<hr />
</div>
<div class="row">
<div class="col" style="margin-left:-15px">
<h2 class="titulo">Proficiências</h2>
<textarea name="attr_proficiencias"></textarea>
<h2 class="titulo">Magias</h2>
<textarea name="attr_magias"></textarea>
<h2 class="titulo">Idiomas</h2>
<textarea name="attr_idiomas" style="height: 35px" ;></textarea>
</div>
<br>
<img src="https://i.imgur.com/rA73vNY.png" style="max-width:820px">
</div>
</div>
<div >
<div class="col atributos" style="min-width:200px; max-width: 200px; min-height=80px; max-height=80px;">
<div class="row">
<h2 class="titulo">Atributos</h2>
<label>Força</label><input type="number" name='attr_for' class='sheet-short' style="margin-left: 5px; width: 35px;">
<button type="roll" align="right" value="&{template:default} {{name=Ahoy! @{character_name} está testando sua Força!}} {{Arrr! O desempenho de @{character_name} foi [[?{Situação|Normal, [[1d20]]|Vantagem, [[2d20kh1]]|Desvantagem, [[2d20kl1]]}+@{for}+?{MP|Não,0|Sim,@{MP}}+?{Bônus|0}]]!}}"></button>
<br />
<label>Destreza</label><input type="number" name='attr_des' class='sheet-short' style="margin-left: 5px; width: 35px;">
<button type="roll" align="right" value="&{template:default} {{name=Ahoy! @{character_name} está testando sua Destreza!}} {{Arrr! O desempenho de @{character_name} foi [[?{Situação|Normal, [[1d20]]|Vantagem, [[2d20kh1]]|Desvantagem, [[2d20kl1]]}+@{des}+?{MP|Não,0|Sim,@{MP}}+?{Bônus|0}]]!}}"></button>
<br />
<label>Constituição</label><input type="number" name='attr_con' class='sheet-short' style="margin-left: 5px; width: 35px;">
<button type="roll" align="right" value="&{template:default} {{name=Ahoy! @{character_name} está testando sua Constituição!}} {{Arrr! O desempenho de @{character_name} foi [[?{Situação|Normal, [[1d20]]|Vantagem, [[2d20kh1]]|Desvantagem, [[2d20kl1]]}+@{con}+?{MP|Não,0|Sim,@{MP}}+?{Bônus|0}]]!}}"></button>
<br />
<label>Inteligência</label><input type="number" name='attr_int' class='sheet-short' style="margin-left: 5px; width: 35px;">
<button type="roll" align="right" value="&{template:default} {{name=Ahoy! @{character_name} está usando sua Inteligência!}} {{Arrr! O desempenho de @{character_name} foi [[?{Situação|Normal, [[1d20]]|Vantagem, [[2d20kh1]]|Desvantagem, [[2d20kl1]]}+@{int}+?{MP|Não,0|Sim,@{MP}}+?{Bônus|0}]]!}}"></button>
<br />
<label>Sabedoria</label><input type="number" name='attr_sab' class='sheet-short' style="margin-left: 5px; width: 35px;">
<button type="roll" align="right" value="&{template:default} {{name=Ahoy! @{character_name} está usando sua Sabedoria!}} {{Arrr! O desempenho de @{character_name} foi [[?{Situação|Normal, [[1d20]]|Vantagem, [[2d20kh1]]|Desvantagem, [[2d20kl1]]}+@{sab}+?{MP|Não,0|Sim,@{MP}}+?{Bônus|0}]]!}}"></button>
<br />
<label>Carisma</label><input type="number" name='attr_car' class='sheet-short' style="margin-left: 5px; width: 35px;">
<button type="roll" align="right" value="&{template:default} {{name=Ahoy! @{character_name} está usando seu Carisma!}} {{Arrr! O desempenho de @{character_name} foi [[?{Situação|Normal, [[1d20]]|Vantagem, [[2d20kh1]]|Desvantagem, [[2d20kl1]]}+@{car}+?{MP|Não,0|Sim,@{MP}}+?{Bônus|0}]]!}}"></button>
<hr/>
</div>
<div class="row">
<div class="col" style="margin-left:-15px">
<div class="col" style="margin-left:10px; min-width: 370px; min-height=80px; max-height=80px;">
<div class="row">
<h2 class="titulo">Parâmetros</h2>
<div class="atributos">
<label>PV</label><input type="text" name='attr_pvmax' class='sheet-short' style="margin-left:-95px; width: 60px;">
<input type="text" name="attr_pvdano" class='sheet-short' style="margin-left: 5px; width: 90px;" />
<br />
<label class="obs-label" style="margin-left:43px;">Totais</label><label class="obs-label" style="margin-left:-60px;">Dano Sofrido</label>
<br />
<label>Def</label><input type="text" name="attr_def" value="10+@{def_des}+@{def_armadura}+@{def_outros}" disabled="true" style="margin-left:-85px; width: 40px;" />
<label>= 10 + </label><input type="text" name="attr_def_des" value="0" style="margin-left:-72px; width: 40px;" />
<label> + </label><input type="text" name="attr_def_armadura" value="0" style="margin-left:-104px; width: 40px;" />
<label> + </label><input type="text" name="attr_def_outros" value="0" style="margin-left:-104px; width: 40px;" />
<br />
<label class="obs-label" style="margin-left:137px; max-widht:20px">DES/CON*</label>
<label class="obs-label" style="margin-left:-62px; max-width:20px">Armadura</label>
<label class="obs-label" style="margin-left:35px; max-width:20px">Outros</label>
<br />
<label>MP</label><input type="text" name="attr_MP" value="0" style="margin-left:-85px; width: 40px;" />
<label>Triunfo</label><input type="text" name="attr_triunfo" style="margin-left:-65px; width: 40px;" />
<br />
</div>
<h2 class="titulo">Combate</h2>
<div class="atributos combate">
<label style="max-width:20px">Corporal</label><input type="text" name="attr_atq_corporal" value="@{atqc_for}+@{atqc_mp}+@{atqc_outros}" disabled="true" style="margin-left:25px; width: 40px;" />
<label>= 1d20 + </label><input type="text" name="attr_atqc_for" value="0" style="margin-left:-78px; width: 40px;" />
<label> + </label><input type="text" name="attr_atqc_mp" value="@{MP}" disabled="true" style="margin-left:-114px; width: 40px;" />
<label> + </label><input type="text" name="attr_atqc_outros" value="0" style="margin-left:-114px; width: 40px;" />
<button type="roll" align="right" value="&{template:default} {{name=Ahoy! @{character_name} está fazendo um ataque corporal!}} {{Arrr! O desempenho de @{character_name} foi [[?{Situação|Normal, [[1d20]]|Vantagem, [[2d20kh1]]|Desvantagem, [[2d20kl1]]}+@{atq_corporal}+?{Bônus|0}]]!}}"></button>
<br />
<label class="obs-label-combate" style="margin-left:147px; max-widht:20px">FOR/DES*</label>
<label class="obs-label-combate" style="margin-left:-62px; max-width:20px">MP</label>
<label class="obs-label-combate" style="margin-left:17px; max-width:20px">Perito</label>
<br />
<label style="max-width:20px">Distância</label><input type="text" name="attr_atq_distancia" value="@{atqd_des}+@{atqd_mp}+@{atqd_outros}" disabled="true" style="margin-left:25px; width: 40px;" />
<label>= 1d20 + </label><input type="text" name="attr_atqd_des" value="0" style="margin-left:-78px; width: 40px;" />
<label> + </label><input type="text" name="attr_atqd_mp" value="@{MP}" disabled="true" style="margin-left:-114px; width: 40px;" />
<label> + </label><input type="text" name="attr_atqd_outros" value="0" style="margin-left:-114px; width: 40px;" />
<button type="roll" align="right" value="&{template:default} {{name=Ahoy! @{character_name} está fazendo um ataque à distância!}} {{Arrr! O desempenho de @{character_name} foi [[?{Situação|Normal, [[1d20]]|Vantagem, [[2d20kh1]]|Desvantagem, [[2d20kl1]]}+@{atq_distancia}+?{Bônus|0}]]!}}"></button>
<br />
<label class="obs-label-combate" style="margin-left:157px; max-widht:20px">DES</label>
<label class="obs-label-combate" style="margin-left:-72px; max-width:20px">MP</label>
<label class="obs-label-combate" style="margin-left:17px; max-width:20px">Perito</label>
</div>
<h2 class="titulo">Armas e Ataques</h2>
<div class="atributos armas">
<input type="text" name="attr_nome_arma1" style="width: 180px;" />
<label> </label><input type="text" name="attr_dano_arma1" style="margin-left:-114px; width: 40px;" />
<label> </label><input type="number" name="attr_municao1" style="margin-left:-114px; width: 40px;" />
<button type="roll" align="right" value="&{template:default} {{name=Ahoy! @{character_name} atacacou com @{nome_arma1}!}} {{Yohoho! @{character_name} causou [[@{dano_arma1}}]] de dano!}}"></button>
<br />
<label style="margin-left:90px; max-widht:20px">Nome</label>
<label style="margin-left:-15px; max-width:20px">Dano</label>
<label style="margin-left:13px; max-width:20px">Munição</label>
<br>
<input type="text" name="attr_nome_arma2" style="width: 180px;" />
<label> </label><input type="text" name="attr_dano_arma2" style="margin-left:-114px; width: 40px;" />
<label> </label><input type="number" name="attr_municao2" style="margin-left:-114px; width: 40px;" />
<button type="roll" align="right" value="&{template:default} {{name=Ahoy! @{character_name} atacacou com @{nome_arma2}!}} {{Yohoho! @{character_name} causou [[@{dano_arma2}}]] de dano!}}"></button>
<br />
<label style="margin-left:90px; max-widht:20px">Nome</label>
<label style="margin-left:-15px; max-width:20px">Dano</label>
<label style="margin-left:13px; max-width:20px">Munição</label>
<br />
<input type="text" name="attr_nome_arma3" style="width: 180px;" />
<label> </label><input type="text" name="attr_dano_arma3" style="margin-left:-114px; width: 40px;" />
<label> </label><input type="number" name="attr_municao3" style="margin-left:-114px; width: 40px;" />
<button type="roll" align="right" value="&{template:default} {{name=Ahoy! @{character_name} atacacou com @{nome_arma3}!}} {{Yohoho! @{character_name} causou [[@{dano_arma3}]] de dano!}}"></button>
<br />
<label style="margin-left:90px; max-widht:20px">Nome</label>
<label style="margin-left:-15px; max-width:20px">Dano</label>
<label style="margin-left:13px; max-width:20px">Munição</label>
<br />
<input type="text" name="attr_nome_arma4" style="width: 180px;" />
<label> </label><input type="text" name="attr_dano_arma4" style="margin-left:-114px; width: 40px;" />
<label> </label><input type="number" name="attr_municao4" style="margin-left:-114px; width: 40px;" />
<button type="roll" align="right" value="&{template:default} {{name=Ahoy! @{character_name} atacacou com @{nome_arma4}!}} {{Yohoho! @{character_name} causou [[@{dano_arma4}}]] de dano!}}"></button>
<br />
<label style="margin-left:90px; max-widht:20px">Nome</label>
<label style="margin-left:-15px; max-width:20px">Dano</label>
<label style="margin-left:13px; max-width:20px">Munição</label>
<br>
<input type="text" name="attr_nome_arma5" style="width: 180px;" />
<label> </label><input type="text" name="attr_dano_arma5" style="margin-left:-114px; width: 40px;" />
<label> </label><input type="number" name="attr_municao5" style="margin-left:-114px; width: 40px;" />
<button type="roll" align="right" value="&{template:default} {{name=Ahoy! @{character_name} atacacou com @{nome_arma5}!}} {{Yohoho! @{character_name} causou [[@{dano_arma5}}]] de dano!}}"></button>
<br />
<label style="margin-left:90px; max-widht:20px">Nome</label>
<label style="margin-left:-15px; max-width:20px">Dano</label>
<label style="margin-left:13px; max-width:20px">Munição</label>
<br />
<input type="text" name="attr_nome_arma6" style="width: 180px;" />
<label> </label><input type="text" name="attr_dano_arma6" style="margin-left:-114px; width: 40px;" />
<label> </label><input type="number" name="attr_municao6" style="margin-left:-114px; width: 40px;" />
<button type="roll" align="right" value="&{template:default} {{name=Ahoy! @{character_name} atacacou com @{nome_arma6}!}} {{Yohoho! @{character_name} causou [[@{dano_arma6}}]] de dano!}}"></button>
<br />
<label style="margin-left:90px; max-widht:20px">Nome</label>
<label style="margin-left:-15px; max-width:20px">Dano</label>
<label style="margin-left:13px; max-width:20px">Munição</label>
<br />
<input type="text" name="attr_nome_arma7" style="width: 180px;" />
<label> </label><input type="text" name="attr_dano_arma7" style="margin-left:-114px; width: 40px;" />
<label> </label><input type="number" name="attr_municao7" style="margin-left:-114px; width: 40px;" />
<button type="roll" align="right" value="&{template:default} {{name=Ahoy! @{character_name} atacacou com @{nome_arma7}!}} {{Yohoho! @{character_name} causou [[@{dano_arma7}}]] de dano!}}"></button>
<br />
<label style="margin-left:90px; max-widht:20px">Nome</label>
<label style="margin-left:-15px; max-width:20px">Dano</label>
<label style="margin-left:13px; max-width:20px">Munição</label>
<br>
<h2 class="titulo">Proficiências</h2>
<br />
<textarea name="attr_proficiencias"></textarea>
<h2 class="titulo">Magias</h2>
<textarea name="attr_magias"></textarea>
<h2 class="titulo">Idiomas</h2>
<textarea name="attr_idiomas" style="height: 35px";></textarea>
</div>
</div>
</div>
<div class="col" style="margin-left:10px; min-width: 370px; min-height=80px; max-height=80px;">
<div class="row">
<h2 class="titulo">Parâmetros</h2>
<div class="atributos">
<label>PV</label><input type="text" name='attr_pvmax' class='sheet-short' style="margin-left:-95px; width: 60px;">
<input type="text" name="attr_pvdano" class='sheet-short' style="margin-left: 5px; width: 90px;" />
<br/>
<label class="obs-label" style="margin-left:43px;">Totais</label><label class="obs-label" style="margin-left:-60px;">Dano Sofrido</label>
<br/>
<label>Def</label><input type="text" name="attr_def" value="10+@{def_des}+@{def_armadura}+@{def_outros}" disabled="true" style="margin-left:-85px; width: 40px;"/>
<label>= 10 + </label><input type="text" name="attr_def_des" value="0" style="margin-left:-72px; width: 40px;"/>
<label> + </label><input type="text" name="attr_def_armadura" value="0" style="margin-left:-104px; width: 40px;"/>
<label> + </label><input type="text" name="attr_def_outros" value="0" style="margin-left:-104px; width: 40px;"/>
<br/>
<label class="obs-label" style="margin-left:137px; max-widht:20px">DES/CON*</label>
<label class="obs-label" style="margin-left:-62px; max-width:20px">Armadura</label>
<label class="obs-label" style="margin-left:35px; max-width:20px">Outros</label>
<br/>
<label>MP</label><input type="text" name="attr_MP" value="0" style="margin-left:-85px; width: 40px;"/>
<label>Triunfo</label><input type="text" name="attr_triunfo" style="margin-left:-65px; width: 40px;" />
<br/>
<br />
</div>
</div>
<h2 class="titulo">Combate</h2>
<div class="atributos combate">
<label style="max-width:20px">Corporal</label><input type="text" name="attr_atq_corporal" value="@{atqc_for}+@{atqc_mp}+@{atqc_outros}" disabled="true" style="margin-left:25px; width: 40px;"/>
<label>= 1d20 + </label><input type="text" name="attr_atqc_for" value="0" style="margin-left:-78px; width: 40px;"/>
<label> + </label><input type="text" name="attr_atqc_mp" value="@{MP}" disabled="true" style="margin-left:-114px; width: 40px;"/>
<label> + </label><input type="text" name="attr_atqc_outros" value="0" style="margin-left:-114px; width: 40px;"/>
<button type="roll" align="right" value="&{template:default} {{name=Ahoy! @{character_name} está fazendo um ataque corporal!}} {{Arrr! O desempenho de @{character_name} foi [[?{Situação|Normal, [[1d20]]|Vantagem, [[2d20kh1]]|Desvantagem, [[2d20kl1]]}+@{atq_corporal}+?{Bônus|0}]]!}}"></button>
<br/>
<label class="obs-label-combate" style="margin-left:147px; max-widht:20px">FOR/DES*</label>
<label class="obs-label-combate" style="margin-left:-62px; max-width:20px">MP</label>
<label class="obs-label-combate" style="margin-left:17px; max-width:20px">Perito</label>
<br/>
<label style="max-width:20px">Distância</label><input type="text" name="attr_atq_distancia" value="@{atqd_des}+@{atqd_mp}+@{atqd_outros}" disabled="true" style="margin-left:25px; width: 40px;"/>
<label>= 1d20 + </label><input type="text" name="attr_atqd_des" value="0" style="margin-left:-78px; width: 40px;"/>
<label> + </label><input type="text" name="attr_atqd_mp" value="@{MP}" disabled="true" style="margin-left:-114px; width: 40px;"/>
<label> + </label><input type="text" name="attr_atqd_outros" value="0" style="margin-left:-114px; width: 40px;"/>
<button type="roll" align="right" value="&{template:default} {{name=Ahoy! @{character_name} está fazendo um ataque à distância!}} {{Arrr! O desempenho de @{character_name} foi [[?{Situação|Normal, [[1d20]]|Vantagem, [[2d20kh1]]|Desvantagem, [[2d20kl1]]}+@{atq_distancia}+?{Bônus|0}]]!}}"></button>
<br/>
<label class="obs-label-combate" style="margin-left:157px; max-widht:20px">DES</label>
<label class="obs-label-combate" style="margin-left:-72px; max-width:20px">MP</label>
<label class="obs-label-combate" style="margin-left:17px; max-width:20px">Perito</label>
</div>
<div class="col" style="margin-left:-15px; min-width:230px;">
<h2 class="titulo">Características</h2>
<textarea name="attr_caracteristicas"></textarea>
<hr />
<h2 class="titulo">Equipamentos</h2>
<textarea name="attr_equipamentos"></textarea>
<label class="atributos">PO: <input type="number" name="attr_po" style="width: 55px; font-size:0.7em;" /> </label>
<label class="atributos">PP: <input type="number" name="attr_pp" style="width: 55px; font-size:0.7em;" /> </label>
<label class="atributos">PC: <input type="number" name="attr_pc" style="width: 55px; font-size:0.7em;" /> </label>
<hr />
<h2 class="titulo">Anotações</h2>
<textarea name="attr_notas"></textarea>
<hr />
</div>
</div>
<div class='sheet-magias'>
<h2 class="atributos">Magias</h2>
<br/>
<fieldset class="repeating_skills">
<span class="armas">
<div class="4colrow">
<div class="row">
<div class="col">
<label>Nome: <input type="text" name="attr_listamagiasNome" style="width: 630px;" /> </label>
</div>
<div class="col">
<label>Arco: <input type="number" name="attr_listamagiasArco" style="width: 52px;" /> </label>
</div>
</div>
<div class="row" style="padding-top:2px;">
<div class="col">
<label>Antecedente: <input type="text" name="attr_listamagiasAntecedente" style="width: 130px;" /> </label>
</div>
<div class="col">
<label>Alcance: <input type="text" name="attr_listamagiasAlcance" style="width: 130px;" /> </label>
</div>
<div class="col">
<label>Duração: <input type="text" name="attr_listamagiasDuracao" style="width: 130px;" /> </label>
</div>
<div class="col">
<label>Resistir: <input type="text" name="attr_listamagiasResistir" style="width: 130px;" /> </label>
</div>
</div>
</div>
<div class="row">
</div>
<h2 class="titulo">Armas e Ataques</h2>
<div class="atributos armas">
<input type="text" name="attr_nome_arma1" style="width: 180px;"/>
<label> </label><input type="text" name="attr_dano_arma1" style="margin-left:-114px; width: 40px;"/>
<label> </label><input type="number" name="attr_municao1" style="margin-left:-114px; width: 40px;"/>
<button type="roll" align="right" value="&{template:default} {{name=Ahoy! @{character_name} atacacou com @{nome_arma1}!}} {{Yohoho! @{character_name} causou [[@{dano_arma1}}]] de dano!}}"></button>
<br/>
<label style="margin-left:90px; max-widht:20px">Nome</label>
<label style="margin-left:-15px; max-width:20px">Dano</label>
<label style="margin-left:13px; max-width:20px">Munição</label>
<br>
<input type="text" name="attr_nome_arma2" style="width: 180px;"/>
<label> </label><input type="text" name="attr_dano_arma2" style="margin-left:-114px; width: 40px;"/>
<label> </label><input type="number" name="attr_municao2" style="margin-left:-114px; width: 40px;"/>
<button type="roll" align="right" value="&{template:default} {{name=Ahoy! @{character_name} atacacou com @{nome_arma2}!}} {{Yohoho! @{character_name} causou [[@{dano_arma2}}]] de dano!}}"></button>
<br/>
<label style="margin-left:90px; max-widht:20px">Nome</label>
<label style="margin-left:-15px; max-width:20px">Dano</label>
<label style="margin-left:13px; max-width:20px">Munição</label>
<br/>
<input type="text" name="attr_nome_arma3" style="width: 180px;"/>
<label> </label><input type="text" name="attr_dano_arma3" style="margin-left:-114px; width: 40px;"/>
<label> </label><input type="number" name="attr_municao3" style="margin-left:-114px; width: 40px;"/>
<button type="roll" align="right" value="&{template:default} {{name=Ahoy! @{character_name} atacacou com @{nome_arma3}!}} {{Yohoho! @{character_name} causou [[@{dano_arma3}]] de dano!}}"></button>
<br/>
<label style="margin-left:90px; max-widht:20px">Nome</label>
<label style="margin-left:-15px; max-width:20px">Dano</label>
<label style="margin-left:13px; max-width:20px">Munição</label>
<br/>
<input type="text" name="attr_nome_arma4" style="width: 180px;"/>
<label> </label><input type="text" name="attr_dano_arma4" style="margin-left:-114px; width: 40px;"/>
<label> </label><input type="number" name="attr_municao4" style="margin-left:-114px; width: 40px;"/>
<button type="roll" align="right" value="&{template:default} {{name=Ahoy! @{character_name} atacacou com @{nome_arma4}!}} {{Yohoho! @{character_name} causou [[@{dano_arma4}}]] de dano!}}"></button>
<br/>
<label style="margin-left:90px; max-widht:20px">Nome</label>
<label style="margin-left:-15px; max-width:20px">Dano</label>
<label style="margin-left:13px; max-width:20px">Munição</label>
<br>
<input type="text" name="attr_nome_arma5" style="width: 180px;"/>
<label> </label><input type="text" name="attr_dano_arma5" style="margin-left:-114px; width: 40px;"/>
<label> </label><input type="number" name="attr_municao5" style="margin-left:-114px; width: 40px;"/>
<button type="roll" align="right" value="&{template:default} {{name=Ahoy! @{character_name} atacacou com @{nome_arma5}!}} {{Yohoho! @{character_name} causou [[@{dano_arma5}}]] de dano!}}"></button>
<br/>
<label style="margin-left:90px; max-widht:20px">Nome</label>
<label style="margin-left:-15px; max-width:20px">Dano</label>
<label style="margin-left:13px; max-width:20px">Munição</label>
<br/>
<input type="text" name="attr_nome_arma6" style="width: 180px;"/>
<label> </label><input type="text" name="attr_dano_arma6" style="margin-left:-114px; width: 40px;"/>
<label> </label><input type="number" name="attr_municao6" style="margin-left:-114px; width: 40px;"/>
<button type="roll" align="right" value="&{template:default} {{name=Ahoy! @{character_name} atacacou com @{nome_arma6}!}} {{Yohoho! @{character_name} causou [[@{dano_arma6}}]] de dano!}}"></button>
<br/>
<label style="margin-left:90px; max-widht:20px">Nome</label>
<label style="margin-left:-15px; max-width:20px">Dano</label>
<label style="margin-left:13px; max-width:20px">Munição</label>
<br/>
<input type="text" name="attr_nome_arma7" style="width: 180px;"/>
<label> </label><input type="text" name="attr_dano_arma7" style="margin-left:-114px; width: 40px;"/>
<label> </label><input type="number" name="attr_municao7" style="margin-left:-114px; width: 40px;"/>
<button type="roll" align="right" value="&{template:default} {{name=Ahoy! @{character_name} atacacou com @{nome_arma7}!}} {{Yohoho! @{character_name} causou [[@{dano_arma7}}]] de dano!}}"></button>
<br/>
<label style="margin-left:90px; max-widht:20px">Nome</label>
<label style="margin-left:-15px; max-width:20px">Dano</label>
<label style="margin-left:13px; max-width:20px">Munição</label>
<br>
<br/>
<br/>
</div>
</div>
</div>
<textarea style="width: 780px; height: 30px;" name="attr_listamagiasDescricao"></textarea>
</div>
<hr />
</span>
</fieldset>
</div>
<br/><br/>
<div class="row">
<label class="creditos">
Ficha desenvolvida por David Dornelles, Cleison Ferreira e Júlia Yamamoto baseada no modelo original de Mônica de Faria
</label>
</div>
<div class="col" style="margin-left:-15px; min-width:230px;">
<h2 class="titulo">Características</h2>
<textarea name="attr_caracteristicas"></textarea>
<hr/>
<h2 class="titulo">Equipamentos</h2>
<textarea name="attr_equipamentos"></textarea>
<label class="atributos">PO: <input type="number" name="attr_po" style="width: 55px; font-size:0.7em;"/> </label>
<label class="atributos">PP: <input type="number" name="attr_pp" style="width: 55px; font-size:0.7em;"/> </label>
<label class="atributos">PC: <input type="number" name="attr_pc" style="width: 55px; font-size:0.7em;"/> </label>
<hr/>
<h2 class="titulo">Anotações</h2>
<textarea name="attr_notas"></textarea>
<hr/>
</div>
</div>
<div class="row">
<label class="creditos">
Ficha desenvolvida por David Dornelles, Cleison Ferreira e Júlia Yamamoto baseada no modelo original de Mônica de Faria
</label>
</div>
</div>
</html>
<script type="text/worker">
const buttonlist = ["principal","magias"];
buttonlist.forEach(button => {
on(`clicked:${button}`, function() {
setAttrs({
sheetTab: button
});
});
});
</script>