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

Add files via upload

Browse Source 
CSS: Removed some incorrect tags that were preventing styles from applying properly. Added automation to check all boxes "to the left" of the box selected by the user within the "Pasos hacia el umbral" track.
HTML: Added tags for the above automation to work properly.
This commit is contained in:
shadowlandsgames
2025-05-16 10:33:58 +02:00
committed by GitHub
parent 282c200343
commit 85b1375af7
2 changed files with 77 additions and 153 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Estirpe de Dunwich/Estirpe-de-Dunwich.css
+47 -137
View File
@@ -1,11 +1,10 @@
<style>
.mastercontainer {
border: 1px outset black;
align: center;
font-family: Arial, sans-serif;
width: 840px;
background-image: url("https://github.com/shadowlandsgames/roll20-character-sheets/raw/EstirpedeDunwich/Estirpe%20de%20Dunwich/img/ESTIRPE-base-fondo.jpg");
background-image: url("https://raw.githubusercontent.com/shadowlandsgames/roll20assets/main/img/ESTIRPE-base-fondo.jpg");
margin: 0 auto;
display: grid;
grid-template-columns: 1fr;
@@ -24,7 +23,6 @@
border: 1px outset black;
text-align: left;
max-width: 840px;
margin: 0 auto;
padding-bottom: 10px;
}
@@ -180,42 +178,32 @@
}
.vita6 {
background: url('https://github.com/shadowlandsgames/roll20-character-sheets/raw/EstirpedeDunwich/Estirpe%20de%20Dunwich/img/d6-face-6tr.png') no-repeat center center;
background: url('https://raw.githubusercontent.com/shadowlandsgames/roll20assets/main/img/d6-face-6tr.png') no-repeat center center;
}
.vita5 {
background: url('https://github.com/shadowlandsgames/roll20-character-sheets/raw/EstirpedeDunwich/Estirpe%20de%20Dunwich/img/d6-face-5tr.png') no-repeat center center;
background: url('https://raw.githubusercontent.com/shadowlandsgames/roll20assets/main/img/d6-face-5tr.png') no-repeat center center;
}
.vita4 {
background: url('https://github.com/shadowlandsgames/roll20-character-sheets/raw/EstirpedeDunwich/Estirpe%20de%20Dunwich/img/d6-face-4tr.png') no-repeat center center;
background: url('https://raw.githubusercontent.com/shadowlandsgames/roll20assets/main/img/d6-face-4tr.png') no-repeat center center;
}
.vita3 {
background: url('https://github.com/shadowlandsgames/roll20-character-sheets/raw/EstirpedeDunwich/Estirpe%20de%20Dunwich/img/d6-face-3tr.png') no-repeat center center;
background: url('https://raw.githubusercontent.com/shadowlandsgames/roll20assets/main/img/d6-face-3tr.png') no-repeat center center;
}
.vita2 {
background: url('https://github.com/shadowlandsgames/roll20-character-sheets/raw/EstirpedeDunwich/Estirpe%20de%20Dunwich/img/d6-face-2tr.png') no-repeat center center;
background: url('https://raw.githubusercontent.com/shadowlandsgames/roll20assets/main/img/d6-face-2tr.png') no-repeat center center;
}
.vita1 {
background: url('https://github.com/shadowlandsgames/roll20-character-sheets/raw/EstirpedeDunwich/Estirpe%20de%20Dunwich/img/d6-face-1tr.png') no-repeat center center;
background: url('https://raw.githubusercontent.com/shadowlandsgames/roll20assets/main/img/d6-face-1tr.png') no-repeat center center;
}
.vita12 {
background: url('https://github.com/shadowlandsgames/roll20-character-sheets/raw/EstirpedeDunwich/Estirpe%20de%20Dunwich/img/d6-face-12tr.png') no-repeat center center;
background: url('https://raw.githubusercontent.com/shadowlandsgames/roll20assets/main/img/d6-face-12tr.png') no-repeat center center;
}
.vita34 {
background: url('https://github.com/shadowlandsgames/roll20-character-sheets/raw/EstirpedeDunwich/Estirpe%20de%20Dunwich/img/d6-face-34tr.png') no-repeat center center;
background: url('https://raw.githubusercontent.com/shadowlandsgames/roll20assets/main/img/d6-face-34tr.png') no-repeat center center;
}
.vita-estirpe-logo {
background: url('https://github.com/shadowlandsgames/roll20-character-sheets/raw/EstirpedeDunwich/Estirpe%20de%20Dunwich/img/ESTIRPE-logo-negro.png') no-repeat center center;
}
input[type="checkbox"].vitalitybox:checked {
@@ -228,19 +216,25 @@
/* DICE fonts - d6 faces are a b c d e f */
/* Dice button appearance */
.ui-dialog .tab-content .charsheet button[type=roll].d6-button::before{
.ui-dialog .tab-content .charsheet button[type=roll].d6-button::before
{
font-family: "dicefontd6";
content: "f";
}
/* Non-roll button appearance */
.ui-dialog .tab-content .charsheet button[type=roll].nonroll-button::before{
.ui-dialog .tab-content .charsheet button[type=roll].nonroll-button::before
{
font-family: "Pictos";
content: "E";
}
/* Initiative button appearance */
.ui-dialog .tab-content .charsheet button[type=roll].initiative-button::before{
.ui-dialog .tab-content .charsheet button[type=roll].initiative-button::before
{
font-family: "Pictos";
content: "9";
}
@@ -271,19 +265,12 @@
input[type="checkbox"].registropasos
{
position: absolute;
opacity: 0.0;
width: 15px;
cursor: pointer;
z-index: 9;
margin-top: 5px;
}
@@ -301,37 +288,21 @@
.sheet-permadot::before
{
border: solid 1px #000000;
border: solid 1px #000000;
line-height: 11px;
text-align: center;
display: inline-block;
vertical-align: middle;
-moz-box-shadow: 0 0 0px #000;
-webkit-box-shadow: 0 0 0px #000;
box-shadow: 0 0 0px #000;
background: #000000;
background: -moz-radial-gradient(#f6f6f6, #dfdfdf);
background: -webkit-radial-gradient(#f6f6f6, #dfdfdf);
background: -ms-radial-gradient(#f6f6f6, #dfdfdf);
background: -o-radial-gradient(#f6f6f6, #dfdfdf);
background: radial-gradient(#f6f6f6, #dfdfdf);
}
@@ -343,65 +314,37 @@
.sheet-permadot::before
{
content: "•";
width: 10px;
height: 10px;
font-size: 42px;
font-family: "Arial";
text-indent: -2px;
font-weight: normal;
-webkit-font-smoothing: antialiased;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
}
/* Style for fake UNCHECKED checkboxes */
input[type="checkbox"].registropasos + span::before
{
position:relative;
content: "";
opacity: 1.0;
width: 10px;
height: 10px;
font-size: 12px;
-moz-border-radius: 1px;
-webkit-border-radius: 1px;
border-radius: 1px;
}
@@ -411,92 +354,59 @@
input[type="checkbox"].registropasos:checked + span::before
{
background:
linear-gradient(to top left,
rgba(0,0,0,0) 0%,
rgba(0,0,0,0) calc(50% - 0.8px),
rgba(0,0,0,1) 50%,
rgba(0,0,0,0) calc(50% + 0.8px),
rgba(0,0,0,0) 100%),
linear-gradient(to top right,
rgba(0,0,0,0) 0%,
rgba(0,0,0,0) calc(50% - 0.8px),
rgba(0,0,0,1) 50%,
rgba(0,0,0,0) calc(50% + 0.8px),
rgba(0,0,0,0) 100%);
-moz-box-shadow: 0 0 2px transparent;
-webkit-box-shadow: 0 0 2px transparent;
box-shadow: 0 0 2px transparent;
}
/* Remove dot to the right of selected */
input[type="radio"].registropasos:checked ~ input[type="radio"] + span::before
{
content: "";
}
input.pasosblank:checked + span::before
{
opacity: 0;
}
input.pasosblank:hover + span::before
{
opacity: 0.25;
font-size: 12px;
content: "x";
text-indent: 0.5px;
}
input.pasosblank + span::before
{
opacity: 0;
}
input[type="radio"].registropasos:checked ~ input[type="radio"] + span::before
{
content: "";
}
</style>
input.pasosblank:checked + span::before
{
opacity: 0;
}
input.pasosblank:hover + span::before
{
opacity: 0.25;
font-size: 12px;
content: "x";
text-indent: 0.5px;
}
input.pasosblank + span::before
{
opacity: 0;
}
Estirpe de Dunwich/Estirpe-de-Dunwich.html
+30 -16
View File
@@ -1,19 +1,19 @@
<div class="mastercontainer" style="background-image: url('https://github.com/shadowlandsgames/roll20-character-sheets/raw/EstirpedeDunwich/Estirpe%20de%20Dunwich/img/ESTIRPE-base-fondo.jpg');">
<div class="mastercontainer" style="background-image: url('https://raw.githubusercontent.com/shadowlandsgames/roll20assets/main/img/ESTIRPE-base-fondo.jpg');">
<!-- xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxNOMBRE y DESCRIPCIÓN zxxxxxxxxxxxxx -->
<div class="myDiv twocolumns" style="padding-bottom: 0px;">
<div class="celllogo" style="padding-bottom: 3px;"><br><img src="https://github.com/shadowlandsgames/roll20-character-sheets/raw/EstirpedeDunwich/Estirpe%20de%20Dunwich/img/ESTIRPE-logo-negro.png" style="width: 340px;"></div>
<div class="celllogo" style="padding-bottom: 3px;"><br><img src="https://raw.githubusercontent.com/shadowlandsgames/roll20assets/main/img/ESTIRPE-mainlogo.png" style="width: 340px;"></div>
<div class="" style="display: grid; padding-bottom: 3px;">
<div class="cell-encabezado">Descripci&oacute;n</div>
<div class="cell"><textarea name="attr_descri" value=""></textarea></div>
</div>
</div>
<!-- xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxCAPACIDADES zxxxxxxxxxxxxx -->
<div class="myDiv threecolumns">
@@ -74,6 +74,7 @@
</div>
<div class="cell-encabezado">Iniciativa&nbsp;<input type="number" name="attr_INICC" class="charstat" value="(@{COMBATECC} + @{FISICO})" disabled="true" />&nbsp;<button type="roll" name="determinar-INI" class="initiative-button" value="@{character_name} participa con INI [[(?{Acción|Luchar cuerpo a cuerpo,@{combatecc}|Luchar con arma improvisada,@{combatecc}-1|Acción no de combate,@{FISICO}} + @{FISICO}) &{tracker}]]"></button>
<hr>
Puntos de Ventaja&nbsp;<button type="roll" name="roll_puntosdeventaja" class="nonroll-button" value="&{template:default} {{name=Puntos de ventaja}} {{EFECTO=COSTE}} {{Ganar la INI=1 PV}} {{+1d a Lucha (mismo oponente)=1 PV}} {{+1d a Lucha a un compañero (tu mismo oponente)=1 PV}} {{+0,5m a Desplazar=1 PV}} {{+1d daño=1 PV}}"></button>
</div>
<div class="cell-encabezado">Da&ntilde;o<hr>
@@ -85,20 +86,26 @@
</div>
<div class="myDiv" style="border: 0px; grid-column: span 3; display: grid; grid-template-columns: 2fr 1fr 2fr;">
<div class="myDiv" style="border: 0px; grid-column: span 3; display: grid; grid-template-columns: 2fr 2fr 1fr 2fr 2fr;">
<div class="cellarmas">Arma</div>
<div>&nbsp;</div>
<div class="cellarmas">Arma</div>
<div class="cellarmas">Da&ntilde;o</div>
<div class="cellarmas">Notas</div>
<div>&nbsp;</div>
<div>&nbsp;</div>
<div class="cellarmas"><input type="text" class="sheetfield" value="Desarmado" disabled="true" /></div>
<div class="cellarmas"><input type="number" value="0" disabled="true" />d</div>
<div class="cellarmas"><input type="text" name="attr_desarmado-notas" class="sheetfield" value="Daño no letal"/></div>
<div>&nbsp;</div>
<div>&nbsp;</div>
<div class="cellarmas"><input type="text" name="attr_CCwpn1" class="sheetfield" /></div>
<div class="cellarmas"><input type="number" name="attr_DMGCCwpn1" />d</div>
<div class="cellarmas"><input type="text" name="attr_CCwpn1-notas" class="sheetfield" /></div>
<div>&nbsp;</div>
</div>
</div>
@@ -113,25 +120,31 @@
<div class="cell-encabezado">Da&ntilde;o&nbsp;<button type="roll" name="roll_dmgaaff" class="d6-button" value="&{template:default} {{name=@{character_name} inflige daño a su oponente}} {{El objetivo tacha esta/s casilla/s=?{Cantidad total de dados|1,[[1d6cs2cs4cs6cf7]]|2,[[1d6cs2cs4cs6cf7]] [[1d6cs2cs4cs6cf7]]|3,[[1d6cs2cs4cs6cf7]] [[1d6cs2cs4cs6cf7]] [[1d6cs2cs4cs6cf7]]|4,[[1d6cs2cs4cs6cf7]] [[1d6cs2cs4cs6cf7]] [[1d6cs2cs4cs6cf7]] [[1d6cs2cs4cs6cf7]]|5,[[1d6cs2cs4cs6cf7]] [[1d6cs2cs4cs6cf7]] [[1d6cs2cs4cs6cf7]] [[1d6cs2cs4cs6cf7]] [[1d6cs2cs4cs6cf7]]|6,[[1d6cs2cs4cs6cf7]] [[1d6cs2cs4cs6cf7]] [[1d6cs2cs4cs6cf7]] [[1d6cs2cs4cs6cf7] [[1d6cs2cs4cs6cf7]] [[1d6cs2cs4cs6cf7]]|7,[[1d6cs2cs4cs6cf7]] [[1d6cs2cs4cs6]] [[1d6cs2cs4cs6]] [[1d6cs2cs4cs6]] [[1d6cs2cs4cs6]] [[1d6cs2cs4cs6]] [[1d6cs2cs4cs6]]|8,[[1d6cs2cs4cs6]] [[1d6cs2cs4cs6]] [[1d6cs2cs4cs6cf7]] [[1d6cs2cs4cs6cf7] [[1d6cs2cs4cs6cf7]] [[1d6cs2cs4cs6cf7]] [[1d6cs2cs4cs6cf7]] [[1d6cs2cs4cs6cf7]]} + ?{Trauma|6,[[1d1+5]]|4/6,[[1d1+3]] [[1d1+5]]} y recuerda que por cada resultado **par** debes tachar una casilla de INC}}"></button>
</div>
<div class="myDiv" style="border: 0px; grid-column: span 3; display: grid; grid-template-columns: 3fr 1fr 1fr 1fr 3fr;">
<div class="myDiv" style="border: 0px; grid-column: span 3; display: grid; grid-template-columns: 10fr 25fr 10fr 10fr 10fr 25fr 10fr;">
<div class="cellarmas">Arma</div>
<div>&nbsp;</div>
<div class="cellarmas">Arma</div>
<div class="cellarmas">Da&ntilde;o</div>
<div class="cellarmas">Trauma</div>
<div class="cellarmas">Alcance</div>
<div class="cellarmas">Notas</div>
<div>&nbsp;</div>
<div class="cellarmas"><input type=text name="attr_AAFFwpn1" class="sheetfield" /></div>
<div>&nbsp;</div>
<div class="cellarmas"><input type=text name="attr_AAFFwpn1" class="sheetfield" /></div>
<div class="cellarmas"><input type=number size=2 name="attr_DMGAAFFwpn1"/>d</div>
<div class="cellarmas"><select name="attr_TraumaAAFFwpn1" class="numeric"><option value="[[1d1+5]]">6</option><option value="[[1d1+3]] [[1d1+5]]">4/6</option></select></div>
<div class="cellarmas"><input type=number name="attr_alcanceAAFFwpn1" size=3 />m</div>
<div class="cellarmas"><input type=text name="attr_AAFFwpn1-notas" class="sheetfield" /></div>
<div>&nbsp;</div>
<div class="cellarmas"><input type=text name="attr_AAFFwpn2" class="sheetfield" /></div>
<div>&nbsp;</div>
<div class="cellarmas"><input type=text name="attr_AAFFwpn2" class="sheetfield" /></div>
<div class="cellarmas"><input type=number size=2 name="attr_DMGAAFFwpn2"/>d</div>
<div class="cellarmas"><select name="attr_TraumaAAFFwpn2" class="numeric"><option value="[[1d1+5]]">6</option><option value="[[1d1+3]] [[1d1+5]]">4/6</option></select></div>
<div class="cellarmas"><input type=number name="attr_alcanceAAFFwpn2" size=3 />m</div>
<div class="cellarmas"><input type=text name="attr_AAFFwpn2-notas" class="sheetfield" /></div>
<div>&nbsp;</div>
</div>
@@ -171,8 +184,8 @@
<div class="cell-encabezado" style="grid-column: span 3;">Manifestaci&oacute;n de Yog-Sothoth</div>
<div class="cell"><input type="text" class="sheetfield" value="" name="attr_manife" /></div>
<div class="cell-encabezado">Factor humano&nbsp;<input type=number size=2 value=3 name="attr_FACHUM" class="charstat">&nbsp;<button type="roll" name="roll_FACHUM" class="d6-button" value="&{template:default} {{name=@{character_name} trata de @{Manife} con su factor humano}} {{Has obtenido Mgn = [[(?{Modificador|0|+1|+2|-1|-2} + @{FACHUM})d6cs7cf8@{paso1}>6f<4 + @{FACHUM} + (?{Modificador})]] }} {{No olvides marcarte un Paso hacia el umbral}} "></button></div>
<div class="cell-encabezado">Factor primigenio&nbsp;<input type=number size=2 value=5 name="attr_FACPRI" class="charstat">&nbsp;<button type="roll" name="roll_FACPRI" class="d6-button" value="&{template:default} {{name=@{character_name} trata de @{Manife} con su factor primigenio}} {{Has obtenido Mgn = [[(?{Modificador|0|+1|+2|-1|-2} + @{FACPRI})d6cs7cf8@{paso1}>6f<4 + @{FACPRI} + (?{Modificador})]] }} {{No olvides marcarte un Paso hacia el umbral por cada éxito, o uno si has fallado}} "></button></div>
<div class="cell-encabezado">Factor humano&nbsp;<input type=number size=2 value=3 name="attr_FACHUM" class="charstat">&nbsp;<button type="roll" name="roll_FACHUM" class="d6-button" value="&{template:default} {{name=@{character_name} trata de @{Manife} con su factor humano}} {{Has obtenido Mgn = [[(?{Modificador|0|+1|+2|-1|-2} + @{FACHUM})d6cs7cf8@{paso1}>@{paso2} + @{FACHUM} + (?{Modificador})]] }} {{No olvides marcarte un Paso hacia el umbral}} "></button></div>
<div class="cell-encabezado">Factor primigenio&nbsp;<input type=number size=2 value=5 name="attr_FACPRI" class="charstat">&nbsp;<button type="roll" name="roll_FACPRI" class="d6-button" value="&{template:default} {{name=@{character_name} trata de @{Manife} con su factor primigenio}} {{Has obtenido Mgn = [[(?{Modificador|0|+1|+2|-1|-2} + @{FACPRI})d6cs7cf8@{paso1}>@{paso2} + @{FACPRI} + (?{Modificador})]] }} {{No olvides marcarte un Paso hacia el umbral por cada éxito, o uno si has fallado}} "></button></div>
<div class="myDivCenter" style="padding-top: 5px;">Consultar la tabla de Magnitudes:&nbsp;
@@ -187,6 +200,7 @@
</div>
<!-- xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxPASOS hacia el umbral zxxxxxxxxxxxxx -->
@@ -199,14 +213,14 @@
</div>
<div class="cellarmas">
<input type="radio" class="registropasos pasosblank" name="attr_paso2" checked="checked" value="0" /><span></span> <input type="radio" class="registropasos" name="attr_paso2" value="1" /><span></span> <input type="radio" class="registropasos" name="attr_paso2" value="2" /><span></span> <input type="radio" class="registropasos" name="attr_paso2" value="3" /><span></span> <input type="radio" class="registropasos" name="attr_paso2" value="4" /><span></span> <input type="radio" class="registropasos" name="attr_paso2" value="5" /><span></span> <input type="radio" class="registropasos" name="attr_paso2" value="6" /><span></span> <input type="radio" class="registropasos" name="attr_paso2" value="7" /><span></span> <input type="radio" class="registropasos" name="attr_paso2" value="8" /><span></span>
<input type="radio" class="registropasos pasosblank" name="attr_paso2" checked="checked" value="06f<4" /><span></span> <input type="radio" class="registropasos" name="attr_paso2" value="006f<4" /><span></span> <input type="radio" class="registropasos" name="attr_paso2" value="0006f<4" /><span></span> <input type="radio" class="registropasos" name="attr_paso2" value="00006f<4" /><span></span> <input type="radio" class="registropasos" name="attr_paso2" value="000006f<4" /><span></span> <input type="radio" class="registropasos" name="attr_paso2" value="0000006f<4" /><span></span> <input type="radio" class="registropasos" name="attr_paso2" value="00000006f<4" /><span></span> <input type="radio" class="registropasos" name="attr_paso2" value="000000006f<4" /><span></span> <input type="radio" class="registropasos" name="attr_paso2" value="5f<4" /><span></span>
</div>
<div class="cellarmas">
<input type="radio" class="registropasos pasosblank" name="attr_paso3" checked="checked" value="0" /><span></span> <input type="radio" class="registropasos" name="attr_paso3" value="1" /><span></span> <input type="radio" class="registropasos" name="attr_paso3" value="2" /><span></span> <input type="radio" class="registropasos" name="attr_paso3" value="3" /><span></span> <input type="radio" class="registropasos" name="attr_paso3" value="4" /><span></span> <input type="radio" class="registropasos" name="attr_paso3" value="5" /><span></span> <input type="radio" class="registropasos" name="attr_paso3" value="6" /><span></span> <input type="radio" class="registropasos" name="attr_paso3" value="7" /><span></span> <input type="radio" class="registropasos" name="attr_paso3" value="8" /><span></span>
</div>
<div class="cellarmas">&nbsp;<b>Hito 1</b>&nbsp;<input type="checkbox" name="attr_paso1" value="ro<4"></div>
<div class="cellarmas">&nbsp;<b>Hito 2</b>&nbsp;<input type="checkbox" name="attr_paso2" value="8"></div>
<div class="cellarmas">&nbsp;<b>Hito 2</b>&nbsp;<input type="checkbox" name="attr_paso2" value="5f<4"></div>
<div class="cellarmas">&nbsp;<b>Hito 3</b>&nbsp;<input type="checkbox" name="attr_paso3" value="8"></div>
<div class="cellarmas">Cambio f&iacute;sico:<br><input type="text" class="sheetfield" name="attr_pasoshito1cambio" /></div>