CriaÃÃo da ficha para o Arcanas & Ancestrais
This commit is contained in:
Cleison Ferreira
@@ -0,0 +1,592 @@
|
||||
@import url('https://fonts.googleapis.com/css?family=Oldenburg|New+Rocker&display=swap');
|
||||
|
||||
.sheet-abafrente,
|
||||
.sheet-abaverso {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* show the selected tab */
|
||||
.sheet-typetoggle[value="abafrente"] ~ div.sheet-abafrente,
|
||||
.sheet-typetoggle[value="abaverso"] ~ div.sheet-abaverso {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.sheet-botao-selecao {
|
||||
font-family: 'New Rocker', 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-main {
|
||||
width: 830px;
|
||||
height: 750px;
|
||||
font-family: 'Oldenburg', cursive;
|
||||
}
|
||||
|
||||
.sheet-tab {
|
||||
margin-bottom: 15px;
|
||||
margin-top: 2px;
|
||||
}
|
||||
|
||||
/* GRID setup */
|
||||
.sheet-dados-frente {
|
||||
display: grid !important;
|
||||
width: 830px;
|
||||
height: 750px;
|
||||
font-family: 'Oldenburg', cursive;
|
||||
grid-gap: 0px;
|
||||
grid-template-columns: 165px 260px 405px;
|
||||
grid-template-rows: 70px 52px 90px 207px;
|
||||
grid-template-areas:"header header backstory "
|
||||
"stats combat backstory "
|
||||
"stats combat proficiencies"
|
||||
"stats combat abilities "
|
||||
"weapons weapons abilities ";
|
||||
}
|
||||
|
||||
.sheet-dados-verso {
|
||||
display: grid !important;
|
||||
width: 830px;
|
||||
height: 750px;
|
||||
font-family: 'Oldenburg', cursive;
|
||||
grid-gap: 0px;
|
||||
grid-template-columns: 55% 45%;
|
||||
grid-template-rows: 80px 670px;
|
||||
grid-template-areas:"rewards notes"
|
||||
"equipaments notes ";
|
||||
}
|
||||
|
||||
/* GRID sections */
|
||||
.sheet-rewards {
|
||||
grid-area: rewards;
|
||||
}
|
||||
|
||||
.sheet-rewards input {
|
||||
width: 5.2em !important;
|
||||
}
|
||||
.sheet-equipaments {
|
||||
grid-area: equipaments;
|
||||
}
|
||||
|
||||
.sheet-notes {
|
||||
grid-area: notes;
|
||||
max-width: 90%;
|
||||
width: 90%;
|
||||
margin-left: 15px;
|
||||
}
|
||||
|
||||
.sheet-header {
|
||||
grid-area: header;
|
||||
}
|
||||
|
||||
.sheet-main label {
|
||||
font-family: 'New Rocker', cursive;
|
||||
}
|
||||
|
||||
.sheet-header input {
|
||||
max-width: 120px;
|
||||
margin-top: -5px;
|
||||
}
|
||||
|
||||
.sheet-header input {
|
||||
border-bottom: 1px solid black;
|
||||
border-top: 0px;
|
||||
border-left: 0px;
|
||||
border-right: 0px;
|
||||
background: none;
|
||||
box-shadow: none;
|
||||
-webkit-appearance: none;
|
||||
-moz-appearance: none;
|
||||
-webkit-border-radius: 0px;
|
||||
border-radius: 0px;
|
||||
height: 18px;
|
||||
}
|
||||
|
||||
.sheet-weapons {
|
||||
grid-area: weapons;
|
||||
margin-top: 125px;
|
||||
}
|
||||
|
||||
.sheet-stats {
|
||||
grid-area: stats;
|
||||
}
|
||||
|
||||
.sheet-stats label {
|
||||
font-size: 1.7em;
|
||||
font-family: 'New Rocker', cursive;
|
||||
}
|
||||
|
||||
.sheet-stats-atributo {
|
||||
max-width: 40px;
|
||||
font-size: 1.3em;
|
||||
}
|
||||
|
||||
.sheet-stats-mod {
|
||||
max-width: 25px;
|
||||
}
|
||||
|
||||
.sheet-stats-content {
|
||||
display: grid;
|
||||
grid-gap: 0px;
|
||||
grid-template-columns: 30% 30% 20% 20%;
|
||||
grid-template-rows: 32px 32px 32px 32px 32px 32px;
|
||||
grid-template-areas:"for for-value for-mod for-roll"
|
||||
"des des-value des-mod des-roll"
|
||||
"con con-value con-mod con-roll"
|
||||
"int int-value int-mod int-roll"
|
||||
"sab sab-value sab-mod sab-roll"
|
||||
"car car-value car-mod car-roll";
|
||||
}
|
||||
|
||||
.sheet-stats-for {
|
||||
grid-area: for;
|
||||
}
|
||||
|
||||
.sheet-stats-for-value {
|
||||
grid-area: for-value;
|
||||
}
|
||||
|
||||
.sheet-stats-for-mod {
|
||||
grid-area: for-mod;
|
||||
}
|
||||
|
||||
.sheet-stats-for-roll {
|
||||
grid-area: for-roll;
|
||||
}
|
||||
|
||||
.sheet-stats-des {
|
||||
grid-area: des;
|
||||
}
|
||||
|
||||
.sheet-stats-des-value {
|
||||
grid-area: des-value;
|
||||
}
|
||||
|
||||
.sheet-stats-des-mod {
|
||||
grid-area: des-mod;
|
||||
}
|
||||
|
||||
.sheet-stats-des-roll {
|
||||
grid-area: des-roll;
|
||||
}
|
||||
|
||||
.sheet-stats-con {
|
||||
grid-area: con;
|
||||
}
|
||||
|
||||
.sheet-stats-con-value {
|
||||
grid-area: con-value;
|
||||
}
|
||||
|
||||
.sheet-stats-con-mod {
|
||||
grid-area: con-mod;
|
||||
}
|
||||
|
||||
.sheet-stats-con-roll {
|
||||
grid-area: con-roll;
|
||||
}
|
||||
|
||||
.sheet-stats-int {
|
||||
grid-area: int;
|
||||
}
|
||||
|
||||
.sheet-stats-int-value {
|
||||
grid-area: int-value;
|
||||
}
|
||||
|
||||
.sheet-stats-int-mod {
|
||||
grid-area: int-mod;
|
||||
}
|
||||
|
||||
.sheet-stats-int-roll {
|
||||
grid-area: int-roll;
|
||||
}
|
||||
|
||||
.sheet-stats-sab {
|
||||
grid-area: sab;
|
||||
}
|
||||
|
||||
.sheet-stats-sab-value {
|
||||
grid-area: sab-value;
|
||||
}
|
||||
|
||||
.sheet-stats-sab-mod {
|
||||
grid-area: sab-mod;
|
||||
}
|
||||
|
||||
.sheet-stats-sab-roll {
|
||||
grid-area: sab-roll;
|
||||
}
|
||||
|
||||
.sheet-stats-car {
|
||||
grid-area: car;
|
||||
}
|
||||
|
||||
.sheet-stats-car-value {
|
||||
grid-area: car-value;
|
||||
}
|
||||
|
||||
.sheet-stats-car-mod {
|
||||
grid-area: car-mod;
|
||||
}
|
||||
|
||||
.sheet-stats-car-roll {
|
||||
grid-area: car-roll;
|
||||
}
|
||||
|
||||
/* Chrome, Safari, Edge, Opera */
|
||||
.sheet-abafrente input::-webkit-outer-spin-button,
|
||||
.sheet-abafrente input::-webkit-inner-spin-button {
|
||||
-webkit-appearance: none;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
/* Firefox */
|
||||
.sheet-abafrente input[type=number] {
|
||||
-moz-appearance: textfield;
|
||||
}
|
||||
|
||||
.sheet-combat {
|
||||
grid-area: combat;
|
||||
}
|
||||
|
||||
.sheet-combat label {
|
||||
font-family: 'New Rocker', cursive;
|
||||
}
|
||||
|
||||
.sheet-combat textarea {
|
||||
font-size:0.7em;
|
||||
}
|
||||
|
||||
.sheet-proficiencies {
|
||||
grid-area: proficiencies;
|
||||
margin-top:110px;
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
.sheet-proficiencies textarea {
|
||||
max-width: 100%;
|
||||
width: 100%;
|
||||
max-height: 50px !important;
|
||||
margin-top: 5px;
|
||||
height:50px !important;
|
||||
font-size:0.7em;
|
||||
}
|
||||
|
||||
.sheet-backstory {
|
||||
grid-area: backstory;
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
.sheet-backstory textarea {
|
||||
max-width: 100%;
|
||||
width: 100%;
|
||||
max-height: 50px !important;
|
||||
margin-top: 5px;
|
||||
height:50px !important;
|
||||
font-size:0.7em;
|
||||
}
|
||||
|
||||
.sheet-backstory label {
|
||||
font-family: 'New Rocker', cursive;
|
||||
}
|
||||
|
||||
.sheet-backstory input {
|
||||
width: 98%;
|
||||
}
|
||||
|
||||
.sheet-backstory-content {
|
||||
display: grid;
|
||||
grid-gap: 0px;
|
||||
grid-template-columns: 20% 80%;
|
||||
grid-template-rows: 25% 25% 25% 25%;
|
||||
grid-template-areas:"familia familia-input "
|
||||
"obsessao obsessao-input"
|
||||
"amigo amigo-input "
|
||||
"inimigo inimigo-input ";
|
||||
}
|
||||
|
||||
.sheet-backstory-familia {
|
||||
grid-area: familia;
|
||||
}
|
||||
|
||||
.sheet-backstory-familia-input {
|
||||
grid-area: familia-input;
|
||||
}
|
||||
|
||||
.sheet-backstory-obsessao {
|
||||
grid-area: obsessao;
|
||||
}
|
||||
|
||||
.sheet-backstory-obsessao-input {
|
||||
grid-area: obsessao-input;
|
||||
}
|
||||
|
||||
.sheet-backstory-amigo {
|
||||
grid-area: amigo;
|
||||
}
|
||||
|
||||
.sheet-backstory-amigo-input {
|
||||
grid-area: amigo-input;
|
||||
}
|
||||
|
||||
.sheet-backstory-inimigo {
|
||||
grid-area: inimigo;
|
||||
}
|
||||
|
||||
.sheet-backstory-inimigo-input {
|
||||
grid-area: inimigo-input;
|
||||
}
|
||||
|
||||
.sheet-abilities {
|
||||
grid-area: abilities;
|
||||
margin-top:125px;
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
.sheet-abilities-content {
|
||||
display: grid;
|
||||
grid-gap: 0px;
|
||||
grid-template-columns: 5% 95%;
|
||||
grid-template-rows: 10% 10% 10% 10% 10% 10% 10% 10% 10% 10%;
|
||||
grid-template-areas:"habilidade1-label habilidade1-value "
|
||||
"habilidade2-label habilidade2-value "
|
||||
"habilidade3-label habilidade3-value "
|
||||
"habilidade4-label habilidade4-value "
|
||||
"habilidade5-label habilidade5-value "
|
||||
"habilidade6-label habilidade6-value "
|
||||
"habilidade7-label habilidade7-value "
|
||||
"habilidade8-label habilidade8-value "
|
||||
"habilidade9-label habilidade9-value "
|
||||
"habilidade10-label habilidade10-value ";
|
||||
}
|
||||
|
||||
.sheet-habilidade1-label {
|
||||
grid-area: habilidade1-label;
|
||||
}
|
||||
|
||||
.sheet-habilidade1-value {
|
||||
grid-area: habilidade1-value;
|
||||
}
|
||||
|
||||
.sheet-habilidade2-label {
|
||||
grid-area: habilidade2-label;
|
||||
}
|
||||
|
||||
.sheet-habilidade3-value {
|
||||
grid-area: habilidade3-value;
|
||||
}
|
||||
|
||||
.sheet-habilidade4-label {
|
||||
grid-area: habilidade4-label;
|
||||
}
|
||||
|
||||
.sheet-habilidade4-value {
|
||||
grid-area: habilidade4-value;
|
||||
}
|
||||
|
||||
.sheet-habilidade5-label {
|
||||
grid-area: habilidade5-label;
|
||||
}
|
||||
|
||||
.sheet-habilidade5-value {
|
||||
grid-area: habilidade5-value;
|
||||
}
|
||||
|
||||
.sheet-habilidade6-label {
|
||||
grid-area: habilidade6-label;
|
||||
}
|
||||
|
||||
.sheet-habilidade6-value {
|
||||
grid-area: habilidade6-value;
|
||||
}
|
||||
|
||||
.sheet-habilidade6-value {
|
||||
grid-area: habilidade6-value;
|
||||
}
|
||||
|
||||
.sheet-habilidade7-label {
|
||||
grid-area: habilidade7-label;
|
||||
}
|
||||
|
||||
.sheet-habilidade7-value {
|
||||
grid-area: habilidade7-value;
|
||||
}
|
||||
|
||||
.sheet-habilidade8-label {
|
||||
grid-area: habilidade8-label;
|
||||
}
|
||||
|
||||
.sheet-habilidade8-value {
|
||||
grid-area: habilidade8-value;
|
||||
}
|
||||
|
||||
.sheet-habilidade9-label {
|
||||
grid-area: habilidade9-label;
|
||||
}
|
||||
|
||||
.sheet-habilidade9-value {
|
||||
grid-area: habilidade9-value;
|
||||
}
|
||||
|
||||
.sheet-habilidade10-label {
|
||||
grid-area: habilidade10-label;
|
||||
}
|
||||
|
||||
.sheet-habilidade10-value {
|
||||
grid-area: habilidade10-value;
|
||||
}
|
||||
|
||||
.sheet-abilities-content input {
|
||||
max-width: 100%;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.sheet-abilities-content select {
|
||||
max-width: 87%;
|
||||
width: 87%;
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
.sheet-up_atributo {
|
||||
font-family: 'Oldenburg', cursive !important;
|
||||
font-size: 1em;
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
.sheet-rolltemplate-ataque,
|
||||
.sheet-rolltemplate-atributo,
|
||||
.sheet-rolltemplate-dado-uso {
|
||||
box-sizing:border-box;
|
||||
width:100%;
|
||||
position:relative;
|
||||
background-color:white;
|
||||
overflow:hidden;
|
||||
border-radius: 5px solid purple;
|
||||
background-color: white;
|
||||
box-shadow: none;
|
||||
-webkit-appearance: none;
|
||||
-moz-appearance: none;
|
||||
-webkit-border-radius: 5px;
|
||||
}
|
||||
.sheet-rolltemplate-ataque .sheet-rollbox-container,
|
||||
.sheet-rolltemplate-atributo .sheet-rollbox-container,
|
||||
.sheet-rolltemplate-dado-uso .sheet-rollbox-container {
|
||||
width:100%;
|
||||
position:relative;
|
||||
box-sizing:border-box;
|
||||
border:2px solid black
|
||||
}
|
||||
.sheet-rolltemplate-ataque .sheet-rollbox-container .sheet-rollbox{
|
||||
padding:5px;
|
||||
position:relative;
|
||||
width:100%;
|
||||
min-height:40px;
|
||||
display:grid;
|
||||
box-sizing:border-box;
|
||||
grid-template-columns:1fr 1px 1fr;
|
||||
column-gap:5px;
|
||||
row-gap:5px
|
||||
}
|
||||
.sheet-rolltemplate-atributo .sheet-rollbox-container .sheet-rollbox,
|
||||
.sheet-rolltemplate-dado-uso .sheet-rollbox-container .sheet-rollbox{
|
||||
padding:5px;
|
||||
width:100%;
|
||||
box-sizing:border-box;
|
||||
text-align:center;
|
||||
}
|
||||
.sheet-rolltemplate-atributo .sheet-rollbox-container .sheet-rollbox-desempenho,
|
||||
.sheet-rolltemplate-dado-uso .sheet-rollbox-container .sheet-rollbox-desempenho {
|
||||
padding:5px;
|
||||
font-family: 'Oldenburg', cursive;
|
||||
width:100%;
|
||||
box-sizing:border-box;
|
||||
margin-bottom:3px;
|
||||
}
|
||||
.sheet-rolltemplate-ataque .sheet-rollbox-container .sheet-rollbox .sheet-roll-title,
|
||||
.sheet-rolltemplate-dado-uso .sheet-rollbox-container .sheet-rollbox .sheet-roll-title,
|
||||
.sheet-rolltemplate-atributo .sheet-rollbox-container .sheet-rollbox .sheet-roll-title,
|
||||
.sheet-rolltemplate-atributo .sheet-rollbox-container .sheet-rollbox-desempenho .sheet-roll-title{
|
||||
width:100%;
|
||||
grid-column:1/4;
|
||||
min-height:16px;
|
||||
display:flex;
|
||||
align-items:center;
|
||||
justify-content:center;
|
||||
text-align:center;
|
||||
text-transform:uppercase
|
||||
}
|
||||
.sheet-rolltemplate-ataque .sheet-rollbox-container .sheet-rollbox .sheet-roll-label,
|
||||
.sheet-rolltemplate-dado-uso .sheet-rollbox-container .sheet-rollbox .sheet-roll-label,
|
||||
.sheet-rolltemplate-atributo .sheet-rollbox-container .sheet-rollbox .sheet-roll-label,
|
||||
.sheet-rolltemplate-atributo .sheet-rollbox-container .sheet-rollbox-desempenho .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 .sheet-roll,
|
||||
.sheet-rolltemplate-dado-uso .sheet-rollbox-container .sheet-rollbox .sheet-roll,
|
||||
.sheet-rolltemplate-atributo .sheet-rollbox-container .sheet-rollbox .sheet-roll,
|
||||
.sheet-rolltemplate-atributo .sheet-rollbox-container .sheet-rollbox-desempenho .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 .sheet-roll span,
|
||||
.sheet-rolltemplate-atributo .sheet-rollbox-container .sheet-rollbox .sheet-roll span,
|
||||
.sheet-rolltemplate-dado-uso .sheet-rollbox-container .sheet-rollbox .sheet-roll span{
|
||||
margin:0 auto;
|
||||
padding:8px;
|
||||
font-size:18px
|
||||
}
|
||||
.sheet-rolltemplate-atributo .sheet-rollbox-container .sheet-rollbox-desempenho .sheet-roll span,
|
||||
.sheet-rolltemplate-dado-uso .sheet-rollbox-container .sheet-rollbox-desempenho .sheet-roll span{
|
||||
margin-top:-9px;
|
||||
padding:8px;
|
||||
font-size:18px
|
||||
}
|
||||
.sheet-rolltemplate-ataque .sheet-rollbox-container .sheet-rollbox .sheet-divisor{
|
||||
display:flex;
|
||||
align-items:center;
|
||||
justify-content:center;
|
||||
text-align:center
|
||||
}
|
||||
.sheet-rolltemplate-ataque .sheet-rollbox-container .sheet-rollbox .sheet-divisor span{
|
||||
width:1px;
|
||||
height:70%;
|
||||
background-color:green;
|
||||
}
|
||||
|
||||
.sheet-rolltemplate-ataque .sheet-header,
|
||||
.sheet-rolltemplate-atributo .sheet-header,
|
||||
.sheet-rolltemplate-dado-uso .sheet-header{
|
||||
width: 100%;
|
||||
background-color: green;
|
||||
display: inline-block;
|
||||
text-align: center;
|
||||
color: white;
|
||||
position: relative;
|
||||
font-size: 1.3em;
|
||||
}
|
||||
|
||||
.sheet-rolltemplate-ataque .sheet-left,
|
||||
.sheet-rolltemplate-atributo .sheet-left,
|
||||
.sheet-rolltemplate-dado-uso .sheet-left{
|
||||
margin-left: 5px;
|
||||
}
|
||||
|
||||
@@ -0,0 +1,577 @@
|
||||
<div class="sheet-main">
|
||||
|
||||
<div class="tab">
|
||||
<button class="botao-selecao" type="action" name="act_abafrente">Frente</button>
|
||||
<button class="botao-selecao" type="action" name="act_abaverso">Verso</button>
|
||||
</div>
|
||||
<input type='hidden' class='typetoggle' name='attr_typetoggle' value='abafrente' />
|
||||
|
||||
<div class="abafrente">
|
||||
<div class="dados-frente">
|
||||
<div class="header">
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
<label>Nome</label>
|
||||
</div>
|
||||
<div class="col">
|
||||
<input type="text" name="attr_character_name"/>
|
||||
</div>
|
||||
<div class="col">
|
||||
<label>Ancestralidade</label>
|
||||
</div>
|
||||
<div class="col">
|
||||
<input type="text" name="attr_raca" style="max-width: 123px"/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
<label>Classe</label>
|
||||
</div>
|
||||
<div class="col">
|
||||
<input type="text" name="attr_classe"/>
|
||||
</div>
|
||||
<div class="col" style="max-width: 70px;">
|
||||
<label>Especialização</label>
|
||||
</div>
|
||||
<div class="col" style="margin-left: 30px">
|
||||
<input type="text" name="attr_especializacao"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="stats">
|
||||
<div class="stats-content">
|
||||
<div class="stats-for">
|
||||
<label>For</label>
|
||||
</div>
|
||||
<div class="stats-for-value">
|
||||
<input type="number" name='attr_for' value="10" class='stats-atributo'>
|
||||
</div>
|
||||
<div class="stats-for-mod">
|
||||
<input type="text" name="attr_for_mod_fake" value="@{for_mod}" disabled="true" class='stats-mod'>
|
||||
</div>
|
||||
<div class="stats-for-roll">
|
||||
<button type="roll" align="right" value="&{template:atributo} {{nome=@{character_name}}} {{atributo=Força}} {{desempenho=[[?{Situação|Normal, 1d20|Vantagem, 2d20kh1|Desvantagem, 2d20kl1}+@{for_mod}+?{Bônus|0}]]}}"></button>
|
||||
</div>
|
||||
|
||||
<div class="stats-des">
|
||||
<label>Des</label>
|
||||
</div>
|
||||
<div class="stats-desc-value">
|
||||
<input type="number" name='attr_des' value="10" class='stats-atributo'>
|
||||
</div>
|
||||
<div class="stats-des-mod">
|
||||
<input type="text" name="attr_des_mod_fake" value="@{des_mod}" disabled="true" class='stats-mod'>
|
||||
</div>
|
||||
<div class="stats-des-roll">
|
||||
<button type="roll" align="right" value="&{template:atributo} {{nome=@{character_name}}} {{atributo=Destreza}} {{desempenho=[[?{Situação|Normal, 1d20|Vantagem, 2d20kh1|Desvantagem, 2d20kl1}+@{des_mod}+?{Bônus|0}]]}}"></button>
|
||||
</div>
|
||||
|
||||
<div class="stats-con">
|
||||
<label>Con</label>
|
||||
</div>
|
||||
<div class="stats-con-value">
|
||||
<input type="number" name='attr_con' value="10" class='stats-atributo'>
|
||||
</div>
|
||||
<div class="stats-con-mod">
|
||||
<input type="text" name="attr_con_mod_fake" value="@{con_mod}" disabled="true" class='stats-mod'>
|
||||
</div>
|
||||
<div class="stats-con-roll">
|
||||
<button type="roll" align="right" value="&{template:atributo} {{nome=@{character_name}}} {{atributo=Constituição}} {{desempenho=[[?{Situação|Normal, 1d20|Vantagem, 2d20kh1|Desvantagem, 2d20kl1}+@{con_mod}+?{Bônus|0}]]}}"></button>
|
||||
</div>
|
||||
|
||||
<div class="stats-int">
|
||||
<label>Int</label>
|
||||
</div>
|
||||
<div class="stats-int-value">
|
||||
<input type="number" name='attr_int' value="10" class='stats-atributo'>
|
||||
</div>
|
||||
<div class="stats-int-mod">
|
||||
<input type="text" name="attr_int_mod_fake" value="@{int_mod}" disabled="true" class='stats-mod'>
|
||||
</div>
|
||||
<div class="stats-int-roll">
|
||||
<button type="roll" align="right" value="&{template:atributo} {{nome=@{character_name}}} {{atributo=Inteligência}} {{desempenho=[[?{Situação|Normal, 1d20|Vantagem, 2d20kh1|Desvantagem, 2d20kl1}+@{int_mod}+?{Bônus|0}]]}}"></button>
|
||||
</div>
|
||||
|
||||
<div class="stats-sab">
|
||||
<label>Sab</label>
|
||||
</div>
|
||||
<div class="stats-sab-value">
|
||||
<input type="number" name='attr_sab' value="10" class='stats-atributo'>
|
||||
</div>
|
||||
<div class="stats-sab-mod">
|
||||
<input type="text" name="attr_sab_mod_fake" value="@{sab_mod}" disabled="true" class='stats-mod'>
|
||||
</div>
|
||||
<div class="stats-sab-roll">
|
||||
<button type="roll" align="right" value="&{template:atributo} {{nome=@{character_name}}} {{atributo=Sabedoria}} {{desempenho=[[?{Situação|Normal, 1d20|Vantagem, 2d20kh1|Desvantagem, 2d20kl1}+@{sab_mod}+?{Bônus|0}]]}}"></button>
|
||||
</div>
|
||||
|
||||
<div class="stats-car">
|
||||
<label>Car</label>
|
||||
</div>
|
||||
<div class="stats-car-value">
|
||||
<input type="number" name='attr_car' value="10" class='stats-atributo'>
|
||||
</div>
|
||||
<div class="stats-car-mod">
|
||||
<input type="text" name="attr_car_mod_fake" value="@{car_mod}" disabled="true" class='stats-mod'>
|
||||
</div>
|
||||
<div class="stats-car-roll">
|
||||
<button type="roll" align="right" value="&{template:atributo} {{nome=@{character_name}}} {{atributo=Carisma}} {{desempenho=[[?{Situação|Normal, 1d20|Vantagem, 2d20kh1|Desvantagem, 2d20kl1}+@{car_mod}+?{Bônus|0}]]}}"></button>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<a href="https://imgur.com/kTGnSqo"><img src="https://i.imgur.com/kTGnSqo.png" title="source: imgur.com" /></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="combat">
|
||||
<div class="row">
|
||||
<label style="font-size: 1.7em; text-align:center">CA</label>
|
||||
</div>
|
||||
<div class="row" style="margin-left:22px">
|
||||
<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;">
|
||||
</div>
|
||||
<div class="col">
|
||||
<input type="number" name='attr_ca1' value="0" class='sheet-short' style="margin-left:10px; width: 30px;">
|
||||
</div>
|
||||
<div class="col">
|
||||
<label style="margin-top:6px">+</label>
|
||||
</div>
|
||||
<div class="col">
|
||||
<input type="number" name='attr_ca2' value="0" class='sheet-short' style="width: 30px;">
|
||||
</div>
|
||||
<div class="col">
|
||||
<label style="margin-top:6px">+</label>
|
||||
</div>
|
||||
<div class="col">
|
||||
<input type="number" name='attr_ca3' value="0" class='sheet-short' style="width: 30px;">
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col" style="margin-left: 42px;">
|
||||
<label>Prof</label>
|
||||
</div>
|
||||
<div class="col" style="margin-left: 20px;">
|
||||
<label>PV</label>
|
||||
</div>
|
||||
<div class="col" style="margin-left: 50px;">
|
||||
<label>DV</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row" style="margin-left: 50px;">
|
||||
<div class="col">
|
||||
<input type="number" name='attr_prof' value="0" class='sheet-short sheet-atributos' style="width: 40px; font-size: 1.7em;">
|
||||
</div>
|
||||
<div class="col" style="margin-left: 12px;">
|
||||
<input type="number" name='attr_pv' value="0" class='sheet-short sheet-atributos' style="width: 60px; font-size: 1.7em; text-align: right;">
|
||||
</div>
|
||||
<div class="col" style="margin-left: 18px;">
|
||||
<input type="number" name='attr_dv' value="0" class='sheet-short sheet-atributos' style="width: 40px; font-size: 1.7em;">
|
||||
</div>
|
||||
</div>
|
||||
<div class="row" style="margin-top: 5px; margin-left:22px; max-width:205px;">
|
||||
<label>Jogadas de Morte</label>
|
||||
</div>
|
||||
<div class="row" style="margin-left:22px; max-width:205px;">
|
||||
<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>
|
||||
<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;">
|
||||
<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>
|
||||
<div class="row" style="margin-left:22px; max-width:205px;">
|
||||
<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>
|
||||
<div class="row" style="margin-left:22px; max-width:205px;">
|
||||
<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>
|
||||
<div class="row" style="margin-left:22px; max-width:205px;">
|
||||
<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>
|
||||
</div>
|
||||
|
||||
<div class="backstory">
|
||||
<div class="row">
|
||||
<label>Histórico e Carta na Manga</label>
|
||||
</div>
|
||||
<div class="row">
|
||||
<textarea name="attr_historico"></textarea>
|
||||
</div>
|
||||
<div class="backstory-content">
|
||||
<div class="backstory-familia">
|
||||
<label>Família</label>
|
||||
</div>
|
||||
<div class="backstory-familia=input">
|
||||
<input type="text" name="attr_familia" />
|
||||
</div>
|
||||
|
||||
<div class="backstory-obsessao">
|
||||
<label>Obsessão</label>
|
||||
</div>
|
||||
<div class="backstory-obsessao-input">
|
||||
<input type="text" name="attr_obsessao"/>
|
||||
</div>
|
||||
|
||||
<div class="backstory-amigo">
|
||||
<label>Amigo</label>
|
||||
</div>
|
||||
<div class="col-amigo-input">
|
||||
<input type="text" name="attr_amigo" />
|
||||
</div>
|
||||
|
||||
<div class="backstory-inimigo">
|
||||
<label>Inimigo</label>
|
||||
</div>
|
||||
<div class="backstory-inimigo-input">
|
||||
<input type="text" name="attr_inimigo" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="proficiencies">
|
||||
<div class="row">
|
||||
<label>Proficiências</label>
|
||||
</div>
|
||||
<div class="row">
|
||||
<textarea name="attr_proficiencia"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="abilities">
|
||||
<div class="row">
|
||||
<label>Habilidades</label>
|
||||
</div>
|
||||
<div class="abilities-content">
|
||||
<div class="habilidade1-label">
|
||||
<label>1.</label>
|
||||
</div>
|
||||
<div class="habilidade1-value">
|
||||
<input type="text" name="attr_habilidade1" />
|
||||
</div>
|
||||
<div class="habilidade2-label">
|
||||
<label>2.</label>
|
||||
</div>
|
||||
<div class="habilidade2-value">
|
||||
<input type="text" name="attr_habilidade2" />
|
||||
</div>
|
||||
<div class="habilidade3-label">
|
||||
<label>3.</label>
|
||||
</div>
|
||||
<div class="habilidade3-value">
|
||||
<input type="text" name="attr_habilidade3"/>
|
||||
</div>
|
||||
<div class="habilidade4-label">
|
||||
<label>4.</label>
|
||||
</div>
|
||||
<div class="habilidade4-value">
|
||||
<label class="up_atributo"> +1 em
|
||||
<select name="attr_atributo_habilidade4">
|
||||
<option value="" selected=""></option>
|
||||
<option value="for">Força</option>
|
||||
<option value="des">Destreza</option>
|
||||
<option value="con">Constituição</option>
|
||||
<option value="int">Inteligência</option>
|
||||
<option value="sab">Sabedoria</option>
|
||||
<option value="car">Carisma</option>
|
||||
</select>
|
||||
</label>
|
||||
</div>
|
||||
<div class="habilidade5-label">
|
||||
<label>5.</label>
|
||||
</div>
|
||||
<div class="habilidade5-value">
|
||||
<input type="text" name="attr_habilidade5" />
|
||||
</div>
|
||||
<div class="habilidade6-label">
|
||||
<label>6.</label>
|
||||
</div>
|
||||
<div class="habilidade6-value">
|
||||
<input type="text" name="attr_habilidade6" />
|
||||
</div>
|
||||
<div class="habilidade7-label">
|
||||
<label>7.</label>
|
||||
</div>
|
||||
<div class="habilidade7-value">
|
||||
<label class="up_atributo"> +1 em
|
||||
<select name="attr_atributo_habilidade7">
|
||||
<option value="" selected=""></option>
|
||||
<option value="for">Força</option>
|
||||
<option value="des">Destreza</option>
|
||||
<option value="con">Constituição</option>
|
||||
<option value="int">Inteligência</option>
|
||||
<option value="sab">Sabedoria</option>
|
||||
<option value="car">Carisma</option>
|
||||
</select>
|
||||
</label>
|
||||
</div>
|
||||
<div class="habilidade8-label">
|
||||
<label>8.</label>
|
||||
</div>
|
||||
<div class="habilidade8-value">
|
||||
<input type="text" name="attr_habilidade8" />
|
||||
</div>
|
||||
<div class="habilidade9-label">
|
||||
<label>9.</label>
|
||||
</div>
|
||||
<div class="habilidade9-value">
|
||||
<input type="text" name="attr_habilidade9" />
|
||||
</div>
|
||||
<div class="habilidade10-label">
|
||||
<label>10.</label>
|
||||
</div>
|
||||
<div class="habilidade1--value">
|
||||
<input type="text" name="attr_habilidade10" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="weapons">
|
||||
<div class="row" style="font-size:1em">
|
||||
<div class="col" style="max-width:150px">
|
||||
<label>Nome</label>
|
||||
</div>
|
||||
<div class="col" style="margin-left:105px">
|
||||
<label>Tipo</label>
|
||||
</div>
|
||||
<div class="col" style="margin-left:35px">
|
||||
<label>Dano</label>
|
||||
</div>
|
||||
<div class="col" style="margin-left:48px">
|
||||
<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>
|
||||
<div class="col" style="max-width:80px">
|
||||
<select name="attr_atributoataque" style="font-size:0.7em; width:80px;">
|
||||
<option value="@{for_mod}" selected="">Corporal</option>
|
||||
<option value="0">Distância</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="col" style=" max-width:60px">
|
||||
<input type="text" name="attr_dano_arma" style="width: 50px;" />
|
||||
</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}}]]}}"></button>
|
||||
</div>
|
||||
<div class="col" style=" max-width:50px">
|
||||
<select name="attr_dado" style="width:50px;">
|
||||
<option value="1d4" selected="">d4</option>
|
||||
<option value="1d6">d6</option>
|
||||
<option value="1d8">d8</option>
|
||||
<option value="1d10">d10</option>
|
||||
<option value="1d12">d12</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="col">
|
||||
<button type="roll" align="right" value="&{template:dado-uso} {{nome=@{character_name} rolou o dado de uso de @{nome_arma}!}} {{ataque=[[@{dado}}]]}}"></button>
|
||||
</div>
|
||||
</div>
|
||||
</fieldset>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="abaverso">
|
||||
<div class="dados-verso">
|
||||
<div class="rewards">
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
<label>Nível
|
||||
<input type="number" name="attr_nivel" style="width: 3.5em !important">
|
||||
</label>
|
||||
</div>
|
||||
<div class="col">
|
||||
<label>XP
|
||||
<input type="number" name="attr_xp">
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
<label>PC
|
||||
<input type="number" name="attr_pc">
|
||||
</label>
|
||||
</div>
|
||||
<div class="col">
|
||||
<label>PP
|
||||
<input type="number" name="attr_pp">
|
||||
</label>
|
||||
</div>
|
||||
<div class="col">
|
||||
<label>PO
|
||||
<input type="number" name="attr_po">
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="equipaments">
|
||||
<label>Equipamentos</label>
|
||||
<div class="row" style="font-size:1em">
|
||||
<div class="col" style="max-width:150px">
|
||||
<label>Item</label>
|
||||
</div>
|
||||
<div class="col" style="margin-left:105px">
|
||||
<label>Propriedades</label>
|
||||
</div>
|
||||
<div class="col" style="margin-left:50px">
|
||||
<label>Carga</label>
|
||||
</div>
|
||||
<div class="col" style="margin-left:5px">
|
||||
<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>
|
||||
<div class="col" style="max-width:150px">
|
||||
<input type="text" name="attr_propriedades" style="width:150px;" />
|
||||
</div>
|
||||
<div class="col" style=" max-width:60px">
|
||||
<input type="number" name="attr_carga" style="width: 53px;" />
|
||||
</div>
|
||||
<div class="col" style=" max-width:50px">
|
||||
<select name="attr_item_dado" style="width:50px;">
|
||||
<option value="1d4" selected="">d4</option>
|
||||
<option value="1d6">d6</option>
|
||||
<option value="1d8">d8</option>
|
||||
<option value="1d10">d10</option>
|
||||
<option value="1d12">d12</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="col">
|
||||
<button type="roll" align="right" value="&{template:dado-uso} {{nome=@{character_name} rolou o dado de uso de @{nome_arma}!}} {{ataque=[[@{dado}}]]}}"></button>
|
||||
</div>
|
||||
</div>
|
||||
</fieldset>
|
||||
</div>
|
||||
<div class="notes">
|
||||
<label>Anotações</label>
|
||||
<div class="row">
|
||||
<textarea style="max-height:100%; height:100%" name="attr_notes"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<rolltemplate class="sheet-rolltemplate-atributo">
|
||||
<div class="sheet-rollbox-container">
|
||||
<div class="header">
|
||||
<span class="left">Teste de {{atributo}}</span>
|
||||
</div>
|
||||
<br>
|
||||
<div class="rollbox">
|
||||
<div>
|
||||
<div class="roll">
|
||||
{{nome}} rolou
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="rollbox-desempenho">
|
||||
<div>
|
||||
<div class="roll">
|
||||
{{desempenho}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</rolltemplate>
|
||||
|
||||
<rolltemplate class="sheet-rolltemplate-ataque">
|
||||
<div class="sheet-rollbox-container">
|
||||
<div class="header">
|
||||
<span class="left">{{nome}}</span>
|
||||
</div>
|
||||
<br>
|
||||
<div class="rollbox">
|
||||
<div>
|
||||
<div class="roll">
|
||||
{{ataque}}
|
||||
</div>
|
||||
<div class="roll-label">
|
||||
Ataque
|
||||
</div>
|
||||
</div>
|
||||
<div class="divisor"><span></span></div>
|
||||
<div>
|
||||
<div class="roll">
|
||||
{{dano}}
|
||||
</div>
|
||||
<div class="roll-label">
|
||||
Dano
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</rolltemplate>
|
||||
|
||||
<rolltemplate class="sheet-rolltemplate-dado-uso">
|
||||
<div class="sheet-rollbox-container">
|
||||
<div class="header">
|
||||
<span class="left">{{nome}}</span>
|
||||
</div>
|
||||
<br>
|
||||
<div class="rollbox">
|
||||
<div>
|
||||
<div class="roll">
|
||||
{{ataque}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</rolltemplate>
|
||||
</div>
|
||||
|
||||
<script type="text/worker">
|
||||
var calc_mod = function (valor){
|
||||
if(isNaN(valor)){
|
||||
return 0;
|
||||
}
|
||||
return Math.floor((valor - 10) / 2);
|
||||
};
|
||||
|
||||
['for', 'des', 'con', 'int', 'sab', 'car'].forEach(stat => {
|
||||
on(`sheet:opened change:${stat}`, function(){
|
||||
getAttrs([stat], function(v){
|
||||
let mod = calc_mod(v[stat] ||10);
|
||||
setAttrs({
|
||||
[`${stat}_mod`]: mod
|
||||
});
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
/*Controle de abas*/
|
||||
const outerTabsButtons = ["abafrente", "abaverso"];
|
||||
outerTabsButtons.forEach(button => {
|
||||
on(`clicked:${button}`, function() {
|
||||
setAttrs({
|
||||
typetoggle: button
|
||||
});
|
||||
});
|
||||
});
|
||||
</script>
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 166 KiB |
@@ -0,0 +1,8 @@
|
||||
{
|
||||
"html": "arcanas.html",
|
||||
"css": "arcanas.css",
|
||||
"authors": "David Dornelles, Cleison Ferreira e Julia Yamamoto",
|
||||
"roll20userid": "2623485",
|
||||
"preview": "arcanas.png",
|
||||
"instructions": ""
|
||||
}
|
||||
Reference in New Issue
Block a user