Nighthawk/roll20-character-sheets
1
0
Fork 0
mirror of https://github.com/Nighthawk42/roll20-character-sheets.git synced 2026-08-30 03:40:32 +00:00
Code Issues Packages Projects Releases Wiki Activity

Added Skills

Browse Source
This commit is contained in:
Bruno Cesar Alves de Freitas Ferreira Mendes
2023-07-27 09:41:12 -03:00
parent 463ab8dfc2
commit 49a9610e63
2 changed files with 428 additions and 42 deletions
Download Patch File Download Diff File Expand all files Collapse all files
3DeT_VICTORY/3detvictory.css
+319 -14
View File
@@ -84,12 +84,12 @@ input[type=number] {
padding: 15px;
}
.charsheet .sheet-body {
.charsheet .sheet-body, .charsheet .sheet-pertec {
display: grid;
grid-template-columns: 550px 630px;
grid-column-gap: 20px;
margin-top: 30px;
}
}
.charsheet .sheet-character {
width: 250px;
@@ -131,7 +131,7 @@ input[type=number] {
}
.charsheet .sheet-variate-section {
margin-top: 110px;
margin-top: 50px;
}
.charsheet .sheet-padding-atuais{
@@ -140,13 +140,12 @@ input[type=number] {
.charsheet .sheet-section-dvan{
display: flex;
align-items: flex-end;
}
.charsheet .sheet-column-dvan{
display: flex;
flex-direction: column;
margin-top:30px;
margin-bottom: 30px;
}
.charsheet .sheet-button-attribute{
@@ -159,25 +158,33 @@ input[type=number] {
}
.charsheet label.sheet-areaLabel{
margin:5px;
}
.charsheet .sheet-areaLabel{
font-weight: 400 !important;
font-size: 25px;
}
.charsheet .sheet-titulo label,
.charsheet .sheet-dkarma label{
font-size: 25px;
font-weight: 400 !important;
background-color: #fdb22d;
color: black !important;
padding: 5px;
}
.charsheet .sheet-dkarma label{
background-color: transparent;
color: #fdb22d !important;
}
.charsheet .sheet-titulo input,
.charsheet .sheet-dkarma input {
width: 25px;
height: 25px;
}
.charsheet .sheet-pericia >.sheet-3colrow >div{
display: grid;
grid-template-columns: 30% 30% 30%;
grid-column-gap: 5%;
font-size: 18px;
}
.sheet-rolltemplate-3det {
border: 3px solid white;
background-color: black;
@@ -211,4 +218,302 @@ input[type=number] {
color: #fdb22d !important;
font-weight: bolder !important;
padding: 5px;
}
.repcontainer[data-groupname="repeating_spells"] {
width: 100%;
padding-bottom: 15px;
}
.repcontainer[data-groupname="repeating_spells"] .itemcontrol {
z-index: 99;
font-family: 'Pictos'
}
.repcontainer[data-groupname="repeating_spells"]>.repitem {
width: 100%
}
.repcontainer[data-groupname="repeating_spells"]>.repitem .sheet-container-single-spell {
position: relative;
padding-left: 3px;
padding-right: 3px;
display: grid;
margin-bottom: 5px;
column-gap: 5px;
grid-template-columns: 50px auto 1px 14px;
row-gap: 5px;
width: 100%
}
.repcontainer[data-groupname="repeating_spells"]>.repitem .sheet-container-single-spell input,
.repcontainer[data-groupname="repeating_spells"]>.repitem .sheet-container-single-spell select {
width: 100%;
background-color: white;
border: 0;
font-size: 20px;
border-bottom: 2px solid black
}
.repcontainer[data-groupname="repeating_spells"]>.repitem .sheet-container-single-spell .sheet-buttonspell {
background-color: transparent;
font-family: 'dicefontd20';
color: #0e0e0e;
display: flex;
justify-content: center;
align-items: center;
font-size: 20px;
border: 0;
cursor: pointer
}
/*.repcontainer[data-groupname="repeating_spells"]>.repitem .sheet-container-single-spell .sheet-buttonspell:hover {
color: #242424
}*/
.repcontainer[data-groupname="repeating_spells"]>.repitem .sheet-container-single-spell .sheet-buttonspell:active {
font-size: 18px
}
.repcontainer[data-groupname="repeating_spells"]>.repitem .sheet-container-single-spell .sheet-hiddencheckbox {
width: 20px;
height: 20px;
border: 0;
padding: 0;
margin: 0;
position: absolute;
top: 2px;
right: 2px;
opacity: 0;
z-index: 2;
cursor: pointer
}
.repcontainer[data-groupname="repeating_spells"]>.repitem .sheet-container-single-spell .sheet-hiddencheckbox:checked~.sheet-extra {
display: grid
}
.repcontainer[data-groupname="repeating_spells"]>.repitem .sheet-container-single-spell .sheet-hiddencheckbox:checked~span.sheet-hiddencheckboxcover {
color: #fdb22d
}
.repcontainer[data-groupname="repeating_spells"]>.repitem .sheet-container-single-spell .sheet-hiddencheckbox:hover~.sheet-hiddencheckboxcover {
color: #fdb22d
}
.repcontainer[data-groupname="repeating_spells"]>.repitem .sheet-container-single-spell span.sheet-hiddencheckboxcover {
position: absolute;
font-family: "Pictos";
font-size: 20px;
top: 2px;
color: #fdb22d;
right: 2px;
width: 20px;
height: 22px;
display: flex;
justify-content: center;
align-items: center;
z-index: 1
}
.repcontainer[data-groupname="repeating_spells"]>.repitem .sheet-container-single-spell .sheet-extra {
display: none;
grid-column: 1/5;
width: 94%;
padding: 4px;
font-size: 12px;
border: solid 2px #535353;
background-color: #d6d6d6;
grid-template-columns: 2fr 5fr 1fr 2fr;
column-gap: 4px;
row-gap: 4px;
color: #535353
}
.repcontainer[data-groupname="repeating_spells"]>.repitem .sheet-container-single-spell .sheet-extra span {
display: inline-flex;
height: 100%;
align-items: center
}
.repcontainer[data-groupname="repeating_spells"]>.repitem .sheet-container-single-spell .sheet-extra input,
.repcontainer[data-groupname="repeating_spells"]>.repitem .sheet-container-single-spell .sheet-extra select {
width: 100%;
background-color: transparent;
font-size: 12px;
height: 16px;
border: 0;
border-bottom: 2px solid #535353
}
.repcontainer[data-groupname="repeating_spells"]>.repitem .sheet-container-single-spell .sheet-extra .sheet-cd {
text-align: center;
justify-content: center
}
.repcontainer[data-groupname="repeating_spells"]>.repitem .sheet-container-single-spell .sheet-extra .sheet-singleline {
grid-column: 2/5
}
.repcontainer[data-groupname="repeating_spells"]>.repitem .sheet-container-single-spell .sheet-extra .sheet-fullline {
grid-column: 1/5;
display: inline-flex;
justify-content: center;
align-items: center;
width: 98%
}
.repcontainer[data-groupname="repeating_spells"]>.repitem .sheet-container-single-spell .sheet-extra textarea {
font-size: 12px;
grid-column: 1/5;
width: 100%;
height: 70px;
border: 2px solid #535353;
font-size: 20px;
}
.repcontainer[data-groupname="repeating_vantagens"],
.repcontainer[data-groupname="repeating_desvantagens"] {
min-width: 600px;
min-height: 10px;
display: flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: flex-start;
align-items: center;
padding-bottom: 15px;
}
.repcontainer[data-groupname="repeating_vantagens"] .itemcontrol,
.repcontainer[data-groupname="repeating_desvantagens"] .itemcontrol {
z-index: 99;
font-family: 'Pictos'
}
.repcontainer[data-groupname="repeating_vantagens"]>.repitem,
.repcontainer[data-groupname="repeating_desvantagens"]>.repitem {
display: inline-block;
width: 100%;
box-sizing: border-box;
padding: 5px;
padding-top: 2px;
padding-bottom: 2px;
border: 0
}
.repcontainer[data-groupname="repeating_vantagens"] .sheet-container-ability-power,
.repcontainer[data-groupname="repeating_desvantagens"] .sheet-container-ability-power {
position: relative;
padding-left: 3px;
padding-right: 3px;
display: grid;
column-gap: 5px;
grid-template-columns: 50px auto 20px;
row-gap: 5px;
width: 100%
}
.repcontainer[data-groupname="repeating_vantagens"] .sheet-container-ability-power .sheet-buttonshowinfo,
.repcontainer[data-groupname="repeating_desvantagens"] .sheet-container-ability-power .sheet-buttonshowinfo {
background-color: transparent;
font-family: 'Pictos';
color: #0e0e0e;
display: flex;
justify-content: center;
align-items: center;
font-size: 20px;
border: 0;
cursor: pointer
}
.repcontainer[data-groupname="repeating_vantagens"] .sheet-container-ability-power .sheet-buttonshowinfo:hover,
.repcontainer[data-groupname="repeating_desvantagens"] .sheet-container-ability-power .sheet-buttonshowinfo:hover {
color: #242424
}
.repcontainer[data-groupname="repeating_vantagens"] .sheet-container-ability-power .sheet-buttonshowinfo:active,
.repcontainer[data-groupname="repeating_desvantagens"] .sheet-container-ability-power .sheet-buttonshowinfo:active {
font-size: 18px
}
.repcontainer[data-groupname="repeating_vantagens"] .sheet-container-ability-power input,
.repcontainer[data-groupname="repeating_desvantagens"] .sheet-container-ability-power input {
height: 30px;
border: 0;
width: 100%;
box-sizing: border-box;
padding-left: 2px;
padding-right: 2px;
border-bottom: 2px solid black;
font-size: 20px;
}
.repcontainer[data-groupname="repeating_vantagens"] .sheet-container-ability-power .sheet-hiddencheckbox,
.repcontainer[data-groupname="repeating_desvantagens"] .sheet-container-ability-power .sheet-hiddencheckbox {
width: 20px;
height: 20px;
border: 0;
padding: 0;
margin: 0;
position: absolute;
top: 0;
right: 2px;
opacity: 0;
z-index: 2;
cursor: pointer
}
.repcontainer[data-groupname="repeating_vantagens"] .sheet-container-ability-power .sheet-hiddencheckbox:checked~.sheet-extra,
.repcontainer[data-groupname="repeating_desvantagens"] .sheet-container-ability-power .sheet-hiddencheckbox:checked~.sheet-extra {
display: flex
}
.repcontainer[data-groupname="repeating_vantagens"] .sheet-container-ability-power .sheet-hiddencheckbox:checked~span.sheet-hiddencheckboxcover,
.repcontainer[data-groupname="repeating_desvantagens"] .sheet-container-ability-power .sheet-hiddencheckbox:checked~span.sheet-hiddencheckboxcover {
color: #fdb22d
}
.repcontainer[data-groupname="repeating_vantagens"] .sheet-container-ability-power .sheet-hiddencheckbox:hover~.sheet-hiddencheckboxcover,
.repcontainer[data-groupname="repeating_desvantagens"] .sheet-container-ability-power .sheet-hiddencheckbox:hover~.sheet-hiddencheckboxcover {
color: #fdb22d
}
.repcontainer[data-groupname="repeating_vantagens"] .sheet-container-ability-power span.sheet-hiddencheckboxcover,
.repcontainer[data-groupname="repeating_desvantagens"] .sheet-container-ability-power span.sheet-hiddencheckboxcover {
position: absolute;
font-family: "Pictos";
font-size: 20px;
top: 0;
color: #fdb22d;
right: 2px;
width: 20px;
height: 22px;
display: flex;
justify-content: center;
align-items: center;
z-index: 1
}
.repcontainer[data-groupname="repeating_vantagens"] .sheet-container-ability-power .sheet-extra,
.repcontainer[data-groupname="repeating_desvantagens"] .sheet-container-ability-power .sheet-extra {
display: none;
grid-column: 2/4;
width: 100%;
padding: 4px;
border: solid 2px black
}
.repcontainer[data-groupname="repeating_vantagens"] .sheet-container-ability-power .sheet-extra textarea,
.repcontainer[data-groupname="repeating_desvantagens"] .sheet-container-ability-power .sheet-extra textarea {
width: 100%;
height: 100%;
min-height: 60px;
margin-bottom: 8px;
font-size: 20px;
}
3DeT_VICTORY/3detvictory.html
+109 -28
View File
@@ -10,12 +10,17 @@
</div>
</div>
<div class="sheet-body">
<div class="sheet-dkarma">
<label>Darma/Karma <input type="checkbox" name="attr_dkarma"></label>
</div>
<div class="sheet-body">
<div class="sheet-main-atributes">
<div name="attributes" class="sheet-section">
<div class="sheet-3colrow">
<div class="sheet-titulo">
<label>Atributos</label>
</div>
<div name="Atributos" class="sheet-attributes">
<div>&nbsp;</div>
<div name="Poder" class="sheet-bold sheet-border">
<button type="action" name="act_rolld6" class="sheet-button-attribute sheet-d6" value='d6-poder'>a</button>
<button type="action" name="act_rolld6" class="sheet-button-attribute sheet-d6" value='2d6-poder'>b</button>
@@ -26,7 +31,6 @@
<input type="number" name="attr_poder" class="sheet-main-attributes" min="0" value="0"/>
</div>
</div>
<div>&nbsp;</div>
<div name="Habilidade" class="sheet-bold sheet-border">
<button type="action" name="act_rolld6" class="sheet-button-attribute sheet-d6" value='d6-habilidade'>a</button>
<button type="action" name="act_rolld6" class="sheet-button-attribute sheet-d6" value='2d6-habilidade'>b</button>
@@ -37,7 +41,6 @@
<input type="number" name="attr_habilidade" class="sheet-main-attributes" min="0" value="0"/>
</div>
</div>
<div>&nbsp;</div>
<div name="Resistencia" class="sheet-bold sheet-border">
<button type="action" name="act_rolld6" class="sheet-button-attribute sheet-d6" value='d6-resistencia'>a</button>
<button type="action" name="act_rolld6" class="sheet-button-attribute sheet-d6" value='2d6-resistencia'>b</button>
@@ -56,12 +59,12 @@
<div name="VidaMagia" class="sheet-attributes">
<div name="vida" class="sheet-bold">
<div class="sheet-variate-attributes">
<label>Pontos de Vida</label>
<input type="number" name="attr_vida" class="sheet-main-attributes" value="0"/>
<label>Pontos de Ação</label>
<input type="number" name="attr_acao" class="sheet-main-attributes" value="0"/>
<label class="sheet-padding-atuais">Atuais</label>
<input type="number" name="attr_vidaatual" class="sheet-main-attributes" value="0"/>
</div>
<input type="number" name="attr_acaoatual" class="sheet-main-attributes" value="0"/>
</div>
</div>
<div name="magia" class="sheet-bold">
<div class="sheet-variate-attributes">
@@ -74,12 +77,12 @@
</div>
<div name="acao" class="sheet-bold">
<div class="sheet-variate-attributes">
<label>Pontos de Ação</label>
<input type="number" name="attr_acao" class="sheet-main-attributes" value="0"/>
<label>Pontos de Vida</label>
<input type="number" name="attr_vida" class="sheet-main-attributes" value="0"/>
<label class="sheet-padding-atuais">Atuais</label>
<input type="number" name="attr_acaoatual" class="sheet-main-attributes" value="0"/>
</div>
<input type="number" name="attr_vidaatual" class="sheet-main-attributes" value="0"/>
</div>
</div>
</div>
</div>
@@ -87,23 +90,104 @@
</div>
<div name="characterfeatures" class="sheet-section-dvan">
<div class="sheet-3colrow">
<div class="sheet-dkarma">
<label>Darma/Karma <input type="checkbox" name="attr_dkarma"></label>
</div>
<div class="sheet-3colrow">
<div name="Vantagens" class="sheet-column-dvan">
<label class="sheet-areaLabel">Vantagens:</label>
<textarea name="attr_vantagens" class="sheet-textarea-dvan"></textarea>
<div class="sheet-titulo">
<label>Vantagens:</label>
</div>
<fieldset class="repeating_vantagens">
<div class="container-ability-power">
<button type="roll" name="roll_ability" class="buttonshowinfo" value="&{template:default}{{name=@{character_name}}}{{Vantagem=@{nameability}}}{{Descrição=@{abilitydescription}}}"></button>
<input name="attr_nameability" type="text" spellcheck="false" value=""/>
<input type="checkbox" class="hiddencheckbox">
<span class="hiddencheckboxcover">W</span>
<div class="extra">
<textarea name="attr_abilitydescription"></textarea>
</div>
</div>
</fieldset>
</div>
<div name="Desvantagens" class="sheet-column-dvan">
<label class="sheet-areaLabel">Desvantagens:</label>
<textarea name="attr_desvantagens" class="sheet-textarea-dvan "></textarea>
</div>
<div class="sheet-titulo">
<label>Desvantagens:</label>
</div>
<fieldset class="repeating_desvantagens">
<div class="container-ability-power">
<button type="roll" name="roll_ability" class="buttonshowinfo" value="&{template:default}{{name=@{character_name}}}{{Desvantagem=@{nameability}}}{{Descrição=@{abilitydescription}}}"></button>
<input name="attr_nameability" type="text" spellcheck="false" value=""/>
<input type="checkbox" class="hiddencheckbox">
<span class="hiddencheckboxcover">W</span>
<div class="extra">
<textarea name="attr_abilitydescription"></textarea>
</div>
</div>
</fieldset>
</div>
</div>
</div>
</div>
<div class="sheet-pertec">
<div class="sheet-pericia">
<div class="sheet-titulo">
<label>Perícias</label>
</div>
<div class="sheet-3colrow">
<div>
<label><input type="checkbox" name="attr_animais">Animais</label>
<label><input type="checkbox" name="attr_arte">Arte</label>
<label><input type="checkbox" name="attr_esporte">Esporte</label>
</div>
<div>
<label><input type="checkbox" name="attr_influencia">Influência</label>
<label><input type="checkbox" name="attr_luta">Luta</label>
<label><input type="checkbox" name="attr_manha">Manha</label>
</div>
<div>
<label><input type="checkbox" name="attr_maquinas">Máquinas</label>
<label><input type="checkbox" name="attr_medicina">Medicina</label>
<label><input type="checkbox" name="attr_mistica">Mística</label>
</div>
<div>
<label><input type="checkbox" name="attr_percepcao">Percepção</label>
<label><input type="checkbox" name="attr_saber">Saber</label>
<label><input type="checkbox" name="attr_sustento">Sustento</label>
</div>
</div>
</div>
<div class="sheet-tecnica">
<div class="sheet-3colrow">
<div class="sheet-titulo">
<label>Técnicas</label>
</div>
<div>
<fieldset class="repeating_spells">
<div class="container-single-spell">
<button type="roll" name="roll_spell" class="buttonspell" value="&{template:default}{{name=@{character_name}}}{{Nome=@{namespell}}}{{Requisito=@{spellrequisito}}}{{Alcance=@{spellalcance}}}{{Custo=@{spellcusto}}}{{Duração=@{spellduracao}}}{{Descrição=@{spelldescription}}}"></button>
<input name="attr_namespell" type="text" spellcheck="false" value=""/>
<input type="checkbox" class="hiddencheckbox">
<span class="hiddencheckboxcover">W</span>
<div class="extra">
<span>Requisito</span>
<input class="singleline" name="attr_spellrequisito" type="text" spellcheck="false" value=""/>
<span>Alcance</span>
<input class="singleline" name="attr_spellalcance" type="text" spellcheck="false" value=""/>
<span>Custo</span>
<input class="singleline" name="attr_spellcusto" type="text" spellcheck="false" value=""/>
<span>Duração</span>
<input class="singleline" name="attr_spellduracao" type="text" spellcheck="false" value=""/>
<span class="fullline">Descrição</span>
<textarea class="fullline" name="attr_spelldescription"></textarea>
</div>
</div>
</fieldset>
</div>
</div>
</div>
</div>
</div>
</div>
@@ -115,8 +199,6 @@
</div>
<div class="roll-rolls">
<label>Rolagem: {{roll}}</label>
<label>Atributo: {{attribute}}</label>
<label>Crítico: {{computed::critical}}</label>
</div>
<div class="roll-result">
<label>Resultado: {{computed::resultroll}}</label>
@@ -131,7 +213,7 @@
let atributo = r.htmlAttributes.value.split('-')[1];
getAttrs(["charactername", atributo], function(v){
startRoll(`&{template:3det} {{character=${v.charactername}}} {{roll=[[${dado}+${v[atributo]}]]}} {{attribute=[[${v[atributo]}]]}} {{critical=[[0]]}} {{resultroll=[[0]]}}`, diceroll => {
startRoll(`&{template:3det} {{character=${v.charactername}}} {{roll=[[${dado}+${v[atributo]}]]}} {{resultroll=[[0]]}}`, diceroll => {
console.log({diceroll})
const dice = diceroll.results.roll.dice;
const rolls = dice.join(' + ');
@@ -145,7 +227,6 @@
// in finishroll, you can save computed values - the hidden alternate values in your roll's keys.
finishRoll(diceroll.rollId,{
critical: critical,
resultroll: result
});
});