update styles and sheetworker

This commit is contained in:
Marco G
2023-04-16 23:15:42 +02:00
parent 91da466cbf
commit af669aaa69
3 changed files with 142 additions and 115 deletions
+22 -3
View File
@@ -12,7 +12,7 @@
/* Universal styling applied to all elements of these types */
h2 {
font-size: 2em;
font-size: 1.5em;
margin-top: 10px;
margin-bottom: 10px;
text-align: left;
@@ -24,9 +24,24 @@ label {
}
input {
font-family: arial;
font-family: arial, sans-serif;
display: inline-block;
width: 165px;
background: transparent;
border: none;
border-bottom: 1px solid black;
}
input[readonly] {
font-weight: bold;
}
input.sheet-maxwidth {
width: 100% !important;
}
button.sheet-round {
border-radius: 50%;
}
img {
@@ -34,10 +49,14 @@ img {
}
textarea {
font-family: arial;
font-family: arial, sans-serif;
resize: vertical;
}
td, th {
padding-left: 5px;
}
/* Targetted styling that only effects elements with these classes */
input.sheet-short {
width: 17%;
+119 -111
View File
@@ -57,24 +57,24 @@
<h2>Körperliche Attribute</h2>
<div class="flex-section">
<div>
<h4>kkr</h4>
<h3>kkr</h3>
<input type="number" name="attr_kkr"/>
</div>
<div>
<h4>ath</h4>
<h3>ath</h3>
<input type="number" name="attr_ath"/>
</div>
<div>
<h4>ges</h4>
<h3>ges</h3>
<input type="number" name="attr_ges"/>
</div>
<div>
<h4>coups</h4>
<h3>coups</h3>
<input type="number" name="attr_coups"/>/
<input type="number" name="attr_coups_max" readonly="readonly"/>
</div>
<div>
<h4>Coups Bonus</h4>
<h3>Coups Bonus</h3>
<input type="number" name="attr_bonus_coups"/>
</div>
</div>
@@ -83,19 +83,19 @@
<h2>Geistige Attribute</h2>
<div class="flex-section">
<div>
<h4>sin</h4>
<h3>sin</h3>
<input type="number" name="attr_sin"/>
</div>
<div>
<h4>wis</h4>
<h3>wis</h3>
<input type="number" name="attr_wis"/>
</div>
<div>
<h4>wil</h4>
<h3>wil</h3>
<input type="number" name="attr_wil"/>
</div>
<div>
<h4>ideas</h4>
<h3>ideas</h3>
<input type="number" name="attr_ideas"/>/
<input type="number" name="attr_ideas_max" readonly="readonly"/>
</div>
@@ -110,45 +110,31 @@
<h2>Ressourcen</h2>
<div class="flex-section">
<div>
<h4>Segnungen</h4>
<button type="action" name="act_blessings_sub">-</button>
<h3>Segnungen</h3>
<button class="round" type="action" name="act_blessings_sub">-</button>
<input type="number" name="attr_blessings" readonly="readonly"/>
<button type="action" name="act_blessings_add">+</button>
<button class="round" type="action" name="act_blessings_add">+</button>
</div>
<div>
<h4>Verderbnis</h4>
<button type="action" name="act_corruption_sub">-</button>
<h3>Verderbnis</h3>
<button class="round" type="action" name="act_corruption_sub">-</button>
<input type="number" name="attr_corruption" readonly="readonly"/>
<button type="action" name="act_corruption_add">+</button>
<button class="round" type="action" name="act_corruption_add">+</button>
</div>
<div>
<h4>Ambition</h4>
<button type="action" name="act_ambition_sub">-</button>
<h3>Ambition</h3>
<button class="round" type="action" name="act_ambition_sub">-</button>
<input type="number" name="attr_ambition" readonly="readonly"/>
<button type="action" name="act_ambition_add">+</button>
<button class="round" type="action" name="act_ambition_add">+</button>
</div>
<div>
<h4>Rage</h4>
<button type="action" name="act_rage_sub">-</button>
<h3>Rage</h3>
<button class="round" type="action" name="act_rage_sub">-</button>
<input type="number" name="attr_rage" readonly="readonly"/>
<button type="action" name="act_rage_add">+</button>
<button class="round" type="action" name="act_rage_add">+</button>
</div>
</div>
</div>
<div class="2colrow">
<div class="col">
<h2>Ambitionen</h2>
<button type="action" name="act_ambition_sub">-</button>
<input type="number" name="attr_ambition" readonly="readonly"/>
<button type="action" name="act_ambition_add">+</button>
</div>
<div class="col">
<h2>Rage</h2>
<button type="action" name="act_rage_sub">-</button>
<input type="number" name="attr_rage" readonly="readonly"/>
<button type="action" name="act_rage_add">+</button>
</div>
</div>
<div class="2colrow">
<div class="col">
<h2>Allgemeine F&auml;higkeiten</h2>
@@ -165,7 +151,7 @@
<td>
<input type="number" name="attr_acrobatics"/>
</td>
<th>+ath</th>
<td>[+ath]</td>
<td>
<input type="number" name="attr_acrobatics_sum" readonly="readonly"/>
</td>
@@ -178,7 +164,7 @@
<td>
<input type="number" name="attr_perception"/>
</td>
<th>+sin</th>
<td>[+sin]</td>
<td>
<input type="number" name="attr_perception_sum" readonly="readonly"/>
</td>
@@ -191,7 +177,7 @@
<td>
<input type="number" name="attr_identify"/>
</td>
<th>+sin</th>
<td>[+sin]</td>
<td>
<input type="number" name="attr_identify_sum" readonly="readonly"/>
</td>
@@ -204,7 +190,7 @@
<td>
<input type="number" name="attr_first_aid"/>
</td>
<th>+wis</th>
<td>[+wis]</td>
<td>
<input type="number" name="attr_first_aid_sum" readonly="readonly"/>
</td>
@@ -217,7 +203,7 @@
<td>
<input type="number" name="attr_sleight_of_hands"/>
</td>
<th>+ges</th>
<td>[+ges]</td>
<td>
<input type="number" name="attr_sleight_of_hands_sum" readonly="readonly"/>
</td>
@@ -230,7 +216,7 @@
<td>
<input type="number" name="attr_mind"/>
</td>
<th>+wil</th>
<td>[+wil]</td>
<td>
<input type="number" name="attr_mind_sum" readonly="readonly"/>
</td>
@@ -243,7 +229,7 @@
<td>
<input type="number" name="attr_craft"/>
</td>
<th>+ges</th>
<td>[+ges]</td>
<td>
<input type="number" name="attr_craft_sum" readonly="readonly"/>
</td>
@@ -256,7 +242,7 @@
<td>
<input type="number" name="attr_stealth"/>
</td>
<th>+ath</th>
<td>[+ath]</td>
<td>
<input type="number" name="attr_stealth_sum" readonly="readonly"/>
</td>
@@ -269,7 +255,7 @@
<td>
<input type="number" name="attr_witchcraft"/>
</td>
<th>+wis</th>
<td>[+wis]</td>
<td>
<input type="number" name="attr_witchcraft_sum" readonly="readonly"/>
</td>
@@ -282,7 +268,7 @@
<td>
<input type="number" name="attr_people"/>
</td>
<th>+wis</th>
<td>[+wis]</td>
<td>
<input type="number" name="attr_people_sum" readonly="readonly"/>
</td>
@@ -295,7 +281,7 @@
<td>
<input type="number" name="attr_flex"/>
</td>
<th>+kkr</th>
<td>[+kkr]</td>
<td>
<input type="number" name="attr_flex_sum" readonly="readonly"/>
</td>
@@ -308,7 +294,7 @@
<td>
<input type="number" name="attr_speech"/>
</td>
<th>+wil</th>
<td>[+wil]</td>
<td>
<input type="number" name="attr_speech_sum" readonly="readonly"/>
</td>
@@ -321,7 +307,7 @@
<td>
<input type="number" name="attr_reflex"/>
</td>
<th>+sin</th>
<td>[+sin]</td>
<td>
<input type="number" name="attr_reflex_sum" readonly="readonly"/>
</td>
@@ -334,7 +320,7 @@
<td>
<input type="number" name="attr_ride"/>
</td>
<th>+ath</th>
<td>[+ath]</td>
<td>
<input type="number" name="attr_ride_sum" readonly="readonly"/>
</td>
@@ -347,7 +333,7 @@
<td>
<input type="number" name="attr_imperviousness"/>
</td>
<th>+kkr</th>
<td>[+kkr]</td>
<td>
<input type="number" name="attr_imperviousness_sum" readonly="readonly"/>
</td>
@@ -360,7 +346,7 @@
<td>
<input type="number" name="attr_knowledge"/>
</td>
<th>+wis</th>
<td>[+wis]</td>
<td>
<input type="number" name="attr_knowledge_sum" readonly="readonly"/>
</td>
@@ -371,7 +357,7 @@
</table>
</div>
<div class="col">
<h1>Würfel</h1>
<h2>Würfel</h2>
<table>
<tr>
<td>HeXXenwürfel</td>
@@ -411,7 +397,7 @@
<div class="2colrow">
<div class="col">
<h2>Anhaltende Einflüsse</h2>
<h4>Äusserer Schaden</h4>
<h4>Äußerer Schaden</h4>
<label class="sheet-container">
<input type="radio" name="attr_ext_damage" value="0" checked="checked"/><span class="sheet-checkmark">0</span>
</label>
@@ -432,18 +418,9 @@
</label>
</div>
<div class="col">
<h2>Abgeleitete Ressourcen</h2>
<div class="2colrow">
<div class="col">
<h4>LeP</h4>
<input type="number" name="attr_hp"/><span>/</span>
<input type="number" name="attr_hp_max" readonly="readonly"/>
</div>
<div class="col">
<h4>Bonus-LeP</h4>
<input type="number" name="attr_bonus_hp"/>
</div>
</div>
<h2>Zustände</h2>
<h4>Äußerer Schaden</h4>
<input class="sheet-maxwidth" type="text" name="attr_ext_note"/>
</div>
</div>
<div class="2colrow">
@@ -468,6 +445,10 @@
<input type="radio" name="attr_int_damage" value="5" checked=""/><span class="sheet-checkmark">5</span>
</label>
</div>
<div class="col">
<h4>Innerer Schaden</h4>
<input class="sheet-maxwidth" type="text" name="attr_int_note"/>
</div>
</div>
<div class="2colrow">
<div class="col">
@@ -492,17 +473,8 @@
</label>
</div>
<div class="col">
<div class="2colrow">
<div class="col">
<h4>Initiative</h4>
<input type="number" name="attr_init" readonly="readonly"/>
<button type="roll" name="roll_init" value="&amp;{template:default} {{name=Initiative}} {{result=[[@{init}+0.1 &amp;{tracker}]]}}"></button>
</div>
<div class="col">
<h4>Bonus Initiative</h4>
<input type="number" name="attr_bonus_init"/>
</div>
</div>
<h4>Malusschaden</h4>
<input class="sheet-maxwidth" type="text" name="attr_malus_note"/>
</div>
</div>
<div class="2colrow">
@@ -527,6 +499,10 @@
<input type="radio" name="attr_para_damage" value="5" checked=""/><span class="sheet-checkmark">5</span>
</label>
</div>
<div class="col">
<h4>Lähmungsschaden</h4>
<input class="sheet-maxwidth" type="text" name="attr_para_note"/>
</div>
</div>
<div class="2colrow">
<div class="col">
@@ -546,6 +522,38 @@
<input type="number" name="attr_ap_max" readonly="readonly"/>
</div>
</div>
<div class="2colrow">
<div class="col">
<div class="3colrow">
<div class="col">
<h4>LeP</h4>
<input type="number" name="attr_hp"/><span>/</span>
<input type="number" name="attr_hp_max" readonly="readonly"/>
</div>
<div class="col">
<h4>Bonus-LeP</h4>
<input type="number" name="attr_bonus_hp"/>
</div>
<div class="col">
<h4>Puffer-LeP</h4>
<input type="number" name="attr_buffer_hp"/>
</div>
</div>
</div>
<div class="col">
<div class="2colrow">
<div class="col">
<h4>Initiative</h4>
<input type="number" name="attr_init" readonly="readonly"/>
<button type="roll" name="roll_init" value="&amp;{template:default} {{name=Initiative}} {{result=[[@{init}+0.1 &amp;{tracker}]]}}"></button>
</div>
<div class="col">
<h4>Bonus Initiative</h4>
<input type="number" name="attr_bonus_init"/>
</div>
</div>
</div>
</div>
<div class="1colrow">
<div class="col">
<h4>Minus-LeP</h4>
@@ -586,7 +594,7 @@
</div>
<div class="1colrow">
<div class="col">
<h1>Heilfaktor</h1>
<h2>Heilfaktor</h2>
</div>
</div>
<div class="2colrow">
@@ -641,10 +649,10 @@
</td>
<td title="Parade -3 ausser Fausthiebe">Fausthieb<span class="sheet-info">i</span></td>
<td>
<input type="number" name="attr_weapon_fist_dmg" value="0" disabled="disabled"/>
<input type="number" name="attr_weapon_fist_dmg" value="0" readonly="readonly"/>
</td>
<td>
<input type="number" name="attr_weapon_fist_ap" value="1" disabled="disabled"/>
<input type="number" name="attr_weapon_fist_ap" value="1" readonly="readonly"/>
</td>
<td>
<input type="number" name="attr_weapon_fist_skill"/>
@@ -663,10 +671,10 @@
</td>
<td title="Giftverwendung / Parade -2, ausser Fausthiebe, Dolche &amp; Messer">Messer &amp; Dolche<span class="sheet-info">i</span></td>
<td>
<input type="number" name="attr_weapon_dagger_dmg" value="1" disabled="disabled"/>
<input type="number" name="attr_weapon_dagger_dmg" value="1" readonly="readonly"/>
</td>
<td>
<input type="number" name="attr_weapon_dagger_ap" value="1" disabled="disabled"/>
<input type="number" name="attr_weapon_dagger_ap" value="1" readonly="readonly"/>
</td>
<td>
<input type="number" name="attr_weapon_dagger_skill"/>
@@ -685,10 +693,10 @@
</td>
<td title="Parade -1 pro gebundenen Gegner über dem ersten">Fechtwaffen<span class="sheet-info">i</span></td>
<td>
<input type="number" name="attr_weapon_fencing_dmg" value="2" disabled="disabled"/>
<input type="number" name="attr_weapon_fencing_dmg" value="2" readonly="readonly"/>
</td>
<td>
<input type="number" name="attr_weapon_fencing_ap" value="1" disabled="disabled"/>
<input type="number" name="attr_weapon_fencing_ap" value="1" readonly="readonly"/>
</td>
<td>
<input type="number" name="attr_weapon_fencing_skill"/>
@@ -707,10 +715,10 @@
</td>
<td title="Voll parierfähig">Schwerter<span class="sheet-info">i</span></td>
<td>
<input type="number" name="attr_weapon_swords_dmg" value="3" disabled="disabled"/>
<input type="number" name="attr_weapon_swords_dmg" value="3" readonly="readonly"/>
</td>
<td>
<input type="number" name="attr_weapon_swords_ap" value="2" disabled="disabled"/>
<input type="number" name="attr_weapon_swords_ap" value="2" readonly="readonly"/>
</td>
<td>
<input type="number" name="attr_weapon_swords_skill"/>
@@ -729,10 +737,10 @@
</td>
<td title="Parade -1">Säbel<span class="sheet-info">i</span></td>
<td>
<input type="number" name="attr_weapon_saber_dmg" value="4" disabled="disabled"/>
<input type="number" name="attr_weapon_saber_dmg" value="4" readonly="readonly"/>
</td>
<td>
<input type="number" name="attr_weapon_saber_ap" value="2" disabled="disabled"/>
<input type="number" name="attr_weapon_saber_ap" value="2" readonly="readonly"/>
</td>
<td>
<input type="number" name="attr_weapon_saber_skill"/>
@@ -751,10 +759,10 @@
</td>
<td title="Parade -1">Säbel (beritten)<span class="sheet-info">i</span></td>
<td>
<input type="number" name="attr_weapon_saber_mounted_dmg" value="5" disabled="disabled"/>
<input type="number" name="attr_weapon_saber_mounted_dmg" value="5" readonly="readonly"/>
</td>
<td>
<input type="number" name="attr_weapon_saber_mounted_ap" value="2" disabled="disabled"/>
<input type="number" name="attr_weapon_saber_mounted_ap" value="2" readonly="readonly"/>
</td>
<td>
<input type="number" name="attr_weapon_saber_mounted_skill"/>
@@ -773,10 +781,10 @@
</td>
<td title="Parade -2">Schlagwaffen<span class="sheet-info">i</span></td>
<td>
<input type="number" name="attr_weapon_bludgeoning_dmg" value="5" disabled="disabled"/>
<input type="number" name="attr_weapon_bludgeoning_dmg" value="5" readonly="readonly"/>
</td>
<td>
<input type="number" name="attr_weapon_bludgeoning_ap" value="2" disabled="disabled"/>
<input type="number" name="attr_weapon_bludgeoning_ap" value="2" readonly="readonly"/>
</td>
<td>
<input type="number" name="attr_weapon_bludgeoning_skill"/>
@@ -795,10 +803,10 @@
</td>
<td title="Parade kostet 2 AP">Stangenwaffen<span class="sheet-info">i</span></td>
<td>
<input type="number" name="attr_weapon_polearms_dmg" value="6" disabled="disabled"/>
<input type="number" name="attr_weapon_polearms_dmg" value="6" readonly="readonly"/>
</td>
<td>
<input type="number" name="attr_weapon_polearms_ap" value="3" disabled="disabled"/>
<input type="number" name="attr_weapon_polearms_ap" value="3" readonly="readonly"/>
</td>
<td>
<input type="number" name="attr_weapon_polearms_skill"/>
@@ -817,10 +825,10 @@
</td>
<td title="Parade kostet 2 AP">Stangenwaffen (gegen Reiter)<span class="sheet-info">i</span></td>
<td>
<input type="number" name="attr_weapon_polearms_vs_m_dmg" value="8" disabled="disabled"/>
<input type="number" name="attr_weapon_polearms_vs_m_dmg" value="8" readonly="readonly"/>
</td>
<td>
<input type="number" name="attr_weapon_polearms_vs_m_ap" value="3" disabled="disabled"/>
<input type="number" name="attr_weapon_polearms_vs_m_ap" value="3" readonly="readonly"/>
</td>
<td>
<input type="number" name="attr_weapon_polearms_vs_m_skill"/>
@@ -839,10 +847,10 @@
</td>
<td title="Parade kostet 2 AP">Lanzen<span class="sheet-info">i</span></td>
<td>
<input type="number" name="attr_weapon_lance_dmg" value="6" disabled="disabled"/>
<input type="number" name="attr_weapon_lance_dmg" value="6" readonly="readonly"/>
</td>
<td>
<input type="number" name="attr_weapon_lance_ap" value="3" disabled="disabled"/>
<input type="number" name="attr_weapon_lance_ap" value="3" readonly="readonly"/>
</td>
<td>
<input type="number" name="attr_weapon_lance_skill"/>
@@ -861,10 +869,10 @@
</td>
<td title="Parade kostet 2 AP">Lanzen (beritten)<span class="sheet-info">i</span></td>
<td>
<input type="number" name="attr_weapon_lance_mounted_dmg" value="7" disabled="disabled"/>
<input type="number" name="attr_weapon_lance_mounted_dmg" value="7" readonly="readonly"/>
</td>
<td>
<input type="number" name="attr_weapon_lance_mounted_ap" value="2" disabled="disabled"/>
<input type="number" name="attr_weapon_lance_mounted_ap" value="2" readonly="readonly"/>
</td>
<td>
<input type="number" name="attr_weapon_lance_mounted_skill"/>
@@ -883,10 +891,10 @@
</td>
<td title="Geschossgeeignet, Werfer muss freistehen">Schleuder<span class="sheet-info">i</span></td>
<td>
<input type="number" name="attr_weapon_sling_dmg" value="1" disabled="disabled"/>
<input type="number" name="attr_weapon_sling_dmg" value="1" readonly="readonly"/>
</td>
<td>
<input type="number" name="attr_weapon_sling_ap" value="2" disabled="disabled"/>
<input type="number" name="attr_weapon_sling_ap" value="2" readonly="readonly"/>
</td>
<td>
<input type="number" name="attr_weapon_sling_skill"/>
@@ -905,10 +913,10 @@
</td>
<td title="Immer freie Schussmöglichkeit">Pistole<span class="sheet-info">i</span></td>
<td>
<input type="number" name="attr_weapon_pistol_dmg" value="3" disabled="disabled"/>
<input type="number" name="attr_weapon_pistol_dmg" value="3" readonly="readonly"/>
</td>
<td>
<input type="number" name="attr_weapon_pistol_ap" value="2" disabled="disabled"/>
<input type="number" name="attr_weapon_pistol_ap" value="2" readonly="readonly"/>
</td>
<td>
<input type="number" name="attr_weapon_pistol_skill"/>
@@ -927,10 +935,10 @@
</td>
<td title="Schütze muss freistehen">Armbrust<span class="sheet-info">i</span></td>
<td>
<input type="number" name="attr_weapon_crossbow_dmg" value="5" disabled="disabled"/>
<input type="number" name="attr_weapon_crossbow_dmg" value="5" readonly="readonly"/>
</td>
<td>
<input type="number" name="attr_weapon_crossbow_ap" value="3" disabled="disabled"/>
<input type="number" name="attr_weapon_crossbow_ap" value="3" readonly="readonly"/>
</td>
<td>
<input type="number" name="attr_weapon_crossbow_skill"/>
@@ -949,10 +957,10 @@
</td>
<td title="Schütze und Ziel müssen freistehen">Muskete<span class="sheet-info">i</span></td>
<td>
<input type="number" name="attr_weapon_musket_dmg" value="8" disabled="disabled"/>
<input type="number" name="attr_weapon_musket_dmg" value="8" readonly="readonly"/>
</td>
<td>
<input type="number" name="attr_weapon_musket_ap" value="3" disabled="disabled"/>
<input type="number" name="attr_weapon_musket_ap" value="3" readonly="readonly"/>
</td>
<td>
<input type="number" name="attr_weapon_musket_skill"/>
@@ -972,7 +980,7 @@
<td title="Pro gebundenen Gegner -1, Distanzangriffe -1">Ausweichen<span class="sheet-info">i</span></td>
<td></td>
<td>
<input type="number" name="attr_weapon_dodge_ap" value="1" disabled="disabled"/>
<input type="number" name="attr_weapon_dodge_ap" value="1" readonly="readonly"/>
</td>
<td>
<input type="number" name="attr_weapon_dodge_skill"/>
@@ -992,7 +1000,7 @@
<td title="Nur 1x/Runde; Blockt Distanzangriffe">Schildbenutzung<span class="sheet-info">i</span></td>
<td></td>
<td>
<input type="number" name="attr_weapon_shield_ap" value="1" disabled="disabled"/>
<input type="number" name="attr_weapon_shield_ap" value="1" readonly="readonly"/>
</td>
<td>
<input type="number" name="attr_weapon_shield_skill"/>
@@ -1389,8 +1397,8 @@
};
var addCorruption = () => {
getAttrs(["blessings", "corruption"], values => {
var corruption = addResource(values.corruption, 100);
getAttrs(["blessings", "corruption", "wil"], values => {
var corruption = addResource(values.corruption, values.wil);
var blessings = values.blessings;
if(values.blessings >= 5 - values.corruption) {
blessings = subResource(values.blessings, 0);
+1 -1
View File
@@ -4,7 +4,7 @@
"css": "hexxen1733_community.css",
"authors": "Marco G.",
"roll20userid": "636395",
"preview": "hexxen1733_community.jpg",
"preview": "hexxen1733_community.png",
"instructions": "Instructions and Changelogs can be found on the [Wiki](https://github.com/m-gora/Roll20-Charactersheet-HeXXen1733/wiki).",
"useroptions": [{
"attribute": "",