Character sheet for Modern Adventuring & Plunder (https://gruszczy.itch.io/modern-adventuring-plunder)
This commit is contained in:
Filip Gruszczynski
+137
@@ -0,0 +1,137 @@
|
||||
.sheet-top {
|
||||
width: 800px;
|
||||
font-family: Copperplate;
|
||||
background-color: white;
|
||||
color: #24468E;
|
||||
}
|
||||
|
||||
.sheet-right {
|
||||
float: right
|
||||
}
|
||||
|
||||
.total-hp {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.current-hp {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.current-xp {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.total-hp .char-label {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.current-hp .char-label {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.current-xp .char-label {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.total-hp input {
|
||||
width: 64px;
|
||||
float: right;
|
||||
}
|
||||
|
||||
.current-hp input {
|
||||
width: 64px;
|
||||
float: right;
|
||||
}
|
||||
|
||||
.current-xp input {
|
||||
width: 64px;
|
||||
float: right;
|
||||
}
|
||||
|
||||
.talents {
|
||||
width: fit-content;
|
||||
}
|
||||
|
||||
.talent input {
|
||||
width: 256px
|
||||
}
|
||||
|
||||
.talents-title {
|
||||
margin-top: 20px;
|
||||
text-align: center;
|
||||
background-color: #24468E;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.notes {
|
||||
width: fit-content;
|
||||
}
|
||||
|
||||
.notes-title {
|
||||
margin-top: 20px;
|
||||
text-align: center;
|
||||
background-color: #24468E;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.notes input {
|
||||
width: 256px
|
||||
}
|
||||
|
||||
.char-name .char-label {
|
||||
display: inline-block;
|
||||
width: 48px;
|
||||
}
|
||||
|
||||
.char-def .char-label {
|
||||
display: inline-block;
|
||||
width: 48px;
|
||||
}
|
||||
|
||||
.attribute .att-name {
|
||||
display: inline-block;
|
||||
width: 48px;
|
||||
}
|
||||
|
||||
.attribute input {
|
||||
width: 36px;
|
||||
}
|
||||
|
||||
.char-def input {
|
||||
width: 36px;
|
||||
}
|
||||
|
||||
.equipment-title {
|
||||
text-align: center;
|
||||
background-color: #24468E;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.equipment {
|
||||
width: fit-content;
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.equipment-encumbered {
|
||||
width: fit-content;
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.item {
|
||||
margin-top: 1px;
|
||||
}
|
||||
|
||||
input {
|
||||
border: none;
|
||||
border-bottom: 1px solid;
|
||||
border-color: #24468E;
|
||||
background-color: #FFF;
|
||||
}
|
||||
|
||||
.item-index {
|
||||
display: inline-block;
|
||||
width: 28px;
|
||||
text-align: center;
|
||||
color: #24468E;
|
||||
font-size: 18px;
|
||||
}
|
||||
+234
@@ -0,0 +1,234 @@
|
||||
<link rel="stylesheet" href="map_character.css">
|
||||
|
||||
<div class="sheet-top">
|
||||
<div class="sheet-right">
|
||||
|
||||
<div class="total-hp">
|
||||
<div class="char-label">Total HP:</div>
|
||||
<input type="number" name="attr_total_hp" value="10" />
|
||||
</div>
|
||||
|
||||
<div class="current-hp">
|
||||
<div class="char-label">Current HP:</div>
|
||||
<input type="number" name="attr_current_hp" value="10" />
|
||||
</div>
|
||||
|
||||
<div class="current-xp">
|
||||
<div class="char-label">Experience:</div>
|
||||
<input class="sheet-wide" type="number" name="attr_exp" value="0" />
|
||||
</div>
|
||||
|
||||
<!-- Talents -->
|
||||
|
||||
<div class="talents">
|
||||
<div class="talents-title">Talents</div>
|
||||
|
||||
<div class="talent">
|
||||
<input class="talent-name" type="text" name="attr_talent_1" value="" />
|
||||
</div>
|
||||
|
||||
<div class="talent">
|
||||
<input class="talent-name" type="text" name="attr_talent_2" value="" />
|
||||
</div>
|
||||
|
||||
<div class="talent">
|
||||
<input class="talent-name" type="text" name="attr_talent_3" value="" />
|
||||
</div>
|
||||
|
||||
<div class="talent">
|
||||
<input class="talent-name" type="text" name="attr_talent_4" value="" />
|
||||
</div>
|
||||
|
||||
<div class="talent">
|
||||
<input class="talent-name" type="text" name="attr_talent_5" value="" />
|
||||
</div>
|
||||
<div class="talent">
|
||||
<input class="talent-name" type="text" name="attr_talent_6" value="" />
|
||||
</div>
|
||||
|
||||
<div class="talent">
|
||||
<input class="talent-name" type="text" name="attr_talent_7" value="" />
|
||||
</div>
|
||||
|
||||
<div class="talent">
|
||||
<input class="talent-name" type="text" name="attr_talent_8" value="" />
|
||||
</div>
|
||||
|
||||
<div class="talent">
|
||||
<input class="talent-name" type="text" name="attr_talent_9" value="" />
|
||||
</div>
|
||||
|
||||
<div class="talent">
|
||||
<input class="talent-name" type="text" name="attr_talent_10" value="" />
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="notes">
|
||||
<div class="notes-title">Notes & <br />
|
||||
Consequences</div>
|
||||
|
||||
<div class="note">
|
||||
<input class="note-name" type="text" name="attr_note_1" value="" />
|
||||
</div>
|
||||
|
||||
<div class="note">
|
||||
<input class="note-name" type="text" name="attr_note_2" value="" />
|
||||
</div>
|
||||
|
||||
<div class="note">
|
||||
<input class="note-name" type="text" name="attr_note_3" value="" />
|
||||
</div>
|
||||
|
||||
<div class="note">
|
||||
<input class="note-name" type="text" name="attr_note_4" value="" />
|
||||
</div>
|
||||
|
||||
<div class="note">
|
||||
<input class="note-name" type="text" name="attr_note_5" value="" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="char-name">
|
||||
<div class="char-label">Name:</div>
|
||||
<input type="text" name="attr_character_name" value="" /></span>
|
||||
</div>
|
||||
|
||||
<!-- Attributes -->
|
||||
|
||||
<div class="attribute strength">
|
||||
<div class="att-name">
|
||||
Str:
|
||||
</div>
|
||||
<input type="number" name="attr_strength" value="0" />
|
||||
<span class="sheet-att-bon">
|
||||
<button type='roll'
|
||||
value='&{template:default} {{name=@{character_name} rolled D20 + @{strength} strength check!}} {{Result:=[[1d20 + @{strength}]]}}'
|
||||
name='roll_strcheck' />
|
||||
</span>
|
||||
</div>
|
||||
<div class="attribute dexterity">
|
||||
<div class="att-name">Dex</div>
|
||||
<input type="number" name="attr_dexterity" value="0" />
|
||||
<span class="sheet-att-bon">
|
||||
<button type='roll'
|
||||
value='&{template:default} {{name=@{character_name} rolled D20 + @{dexterity} dexterity check!}} {{Result:=[[1d20 + @{dexterity}]]}}'
|
||||
name='roll_dexcheck' />
|
||||
</span>
|
||||
</div>
|
||||
<div class="attribute wisdom">
|
||||
<div class="att-name">Wis:</div>
|
||||
<input type="number" name="attr_wisdom" value="0" />
|
||||
<span class="sheet-att-bon">
|
||||
<button type='roll'
|
||||
value='&{template:default} {{name=@{character_name} rolled D20 + @{wisdom} wisdom check!}} {{Result:=[[1d20 + @{wisdom}]]}}'
|
||||
name='roll_wischeck' />
|
||||
</span>
|
||||
</div>
|
||||
<div class="attribute charisma">
|
||||
<div class="att-name">Cha:</div>
|
||||
<input type="number" name="attr_charisma" value="0" />
|
||||
<span class="sheet-att-bon">
|
||||
<button type='roll'
|
||||
value='&{template:default} {{name=@{character_name} rolled D20 + @{charisma} charisma check!}} {{Result:=[[1d20 + @{charisma}]]}}'
|
||||
name='roll_chacheck' />
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<div class="char-def">
|
||||
<div class="char-label">Def:</div>
|
||||
<input type="number" value="10" name="attr_defense" /></span>
|
||||
</div>
|
||||
|
||||
<!-- Equipment -->
|
||||
|
||||
<div class="equipment">
|
||||
|
||||
<div class="equipment-title">Equipment</div>
|
||||
|
||||
<div class="item">
|
||||
<div class="item-index">1:</div>
|
||||
<input class="item-name" type="text" name="attr_item_1_1" value="" />
|
||||
<input class="item-name" type="text" name="attr_item_1_2" value="" />
|
||||
</div>
|
||||
|
||||
<div class="item">
|
||||
<div class="item-index">2:</div>
|
||||
<input class="item-name" type="text" name="attr_item_2_1" value="" />
|
||||
<input class="item-name" type="text" name="attr_item_2_2" value="" />
|
||||
</div>
|
||||
|
||||
<div class="item">
|
||||
<div class="item-index">3:</div>
|
||||
<input class="item-name" type="text" name="attr_item_3_1" value="" />
|
||||
<input class="item-name" type="text" name="attr_item_3_2" value="" />
|
||||
</div>
|
||||
|
||||
<div class="item">
|
||||
<div class="item-index">4:</div>
|
||||
<input class="item-name" type="text" name="attr_item_4_1" value="" />
|
||||
<input class="item-name" type="text" name="attr_item_4_2" value="" />
|
||||
</div>
|
||||
|
||||
<div class="item">
|
||||
<div class="item-index">5:</div>
|
||||
<input class="item-name" type="text" name="attr_item_5_1" value="" />
|
||||
<input class="item-name" type="text" name="attr_item_5_2" value="" />
|
||||
</div>
|
||||
|
||||
<div class="item">
|
||||
<div class="item-index">6:</div>
|
||||
<input class="item-name" type="text" name="attr_item_6_1" value="" />
|
||||
<input class="item-name" type="text" name="attr_item_6_2" value="" />
|
||||
</div>
|
||||
|
||||
<div class="item">
|
||||
<div class="item-index">7:</div>
|
||||
<input class="item-name" type="text" name="attr_item_7_1" value="" />
|
||||
<input class="item-name" type="text" name="attr_item_7_2" value="" />
|
||||
</div>
|
||||
|
||||
<div class="item">
|
||||
<div class="item-index">8:</div>
|
||||
<input class="item-name" type="text" name="attr_item_8_1" value="" />
|
||||
<input class="item-name" type="text" name="attr_item_8_2" value="" />
|
||||
</div>
|
||||
|
||||
<div class="item">
|
||||
<div class="item-index">9:</div>
|
||||
<input class="item-name" type="text" name="attr_item_9_1" value="" />
|
||||
<input class="item-name" type="text" name="attr_item_9_2" value="" />
|
||||
</div>
|
||||
|
||||
<div class="item">
|
||||
<div class="item-index">10:</div>
|
||||
<input class="item-name" type="text" name="attr_item_10_1" value="" />
|
||||
<input class="item-name" type="text" name="attr_item_10_2" value="" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="equipment-encumbered">
|
||||
<div class="equipment-title">Encumbering equipment</div>
|
||||
|
||||
<div class="item">
|
||||
<div class="item-index">-1:</div>
|
||||
<input class="item-name" type="text" name="attr_encumbering_item_1_1" value="" />
|
||||
<input class="item-name" type="text" name="attr_encumbering_item_1_2" value="" />
|
||||
</div>
|
||||
|
||||
<div class="item">
|
||||
<div class="item-index">-2:</div>
|
||||
<input class="item-name" type="text" name="attr_encumbering_item_2_1" value="" />
|
||||
<input class="item-name" type="text" name="attr_encumbering_item_2_2" value="" />
|
||||
</div>
|
||||
|
||||
<div class="item">
|
||||
<div class="item-index">-3:</div>
|
||||
<input class="item-name" type="text" name="attr_encumbering_item_3_1" value="" />
|
||||
<input class="item-name" type="text" name="attr_encumbering_item_3_2" value="" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 120 KiB |
@@ -0,0 +1,7 @@
|
||||
{
|
||||
"html": "MAP.html",
|
||||
"css": "MAP.css",
|
||||
"authors": "Filip Gruszczynski (gruszczy@gmail.com)",
|
||||
"preview": "Preview.png",
|
||||
"instructions": "This sheet is used for Modern Adventuring & Plunder (https://gruszczy.itch.io/modern-adventuring-plunder)."
|
||||
}
|
||||
Reference in New Issue
Block a user