New sheet for Matrons of Mystery
This commit is contained in:
SavageSpiel
Binary file not shown.
|
After Width: | Height: | Size: 14 KiB |
@@ -0,0 +1,162 @@
|
||||
/* Set the min-width so that when the window is resized the look will stay consistant */
|
||||
|
||||
@import url('https://fonts.googleapis.com/css2?family=Modern+Antiqua&display=swap');
|
||||
.charsheet {
|
||||
background-color: #FFF2F2;
|
||||
min-width: 825px;
|
||||
font-family: Book Antiqua, Palatino, Palatino Linotype, Palatino LT STD, Georgia, serif;
|
||||
font-size:14px;
|
||||
/*background-image: url('https://d1vzi28wh99zvq.cloudfront.net/images/4329/267203.jpg');*/
|
||||
}
|
||||
|
||||
/* Universal styling applied to all elements of these types */
|
||||
|
||||
.sheet-title {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
h3 {
|
||||
font-size:2em;
|
||||
margin-bottom:10px;
|
||||
margin-top:10px;
|
||||
font-family: 'Modern Antiqua', Book Antiqua, Palatino, Palatino Linotype, Palatino LT STD, Georgia, serif;
|
||||
}
|
||||
|
||||
/* LAYOUT */
|
||||
.sheet-container {
|
||||
display: grid;
|
||||
grid-template-columns: 450px 370px;
|
||||
grid-template-rows: auto;
|
||||
gap: 5px 5px;
|
||||
grid-template-areas:
|
||||
"personal investigation"
|
||||
"contacts conditions"
|
||||
"notes notes"
|
||||
}
|
||||
|
||||
.sheet-personal {
|
||||
grid-area:personal;
|
||||
}
|
||||
|
||||
.sheet-investigation {
|
||||
grid-area:investigation;
|
||||
}
|
||||
|
||||
.sheet-contacts {
|
||||
grid-area:contacts;
|
||||
}
|
||||
|
||||
.sheet-conditions-experience {
|
||||
grid-area:conditions
|
||||
}
|
||||
|
||||
.sheet-notes {
|
||||
grid-area:notes;
|
||||
}
|
||||
|
||||
/* DESIGN ELEMENTS */
|
||||
|
||||
/* personal */
|
||||
|
||||
.sheet-personal label {
|
||||
display: inline-block;
|
||||
width: 150px;
|
||||
vertical-align:top;
|
||||
}
|
||||
|
||||
.sheet-personal input {
|
||||
display: inline-block;
|
||||
width: 270px;
|
||||
}
|
||||
|
||||
.sheet-personal textarea {
|
||||
display: inline-block;
|
||||
width: 260px;
|
||||
height:55px;
|
||||
margin-bottom:0;
|
||||
}
|
||||
|
||||
/* investigation */
|
||||
|
||||
.sheet-investigation .header {
|
||||
text-align:center;
|
||||
display:inline-block;
|
||||
font-weight:bold;
|
||||
}
|
||||
|
||||
.sheet-investigation label {
|
||||
display: inline-block;
|
||||
width: 90px;
|
||||
}
|
||||
|
||||
.sheet-investigation .primary {
|
||||
width:45px;
|
||||
display:inline-block;
|
||||
text-align:center;
|
||||
}
|
||||
|
||||
.sheet-investigation input {
|
||||
width: 20px;
|
||||
}
|
||||
|
||||
.sheet-investigation input[type=checkbox] {
|
||||
height: 20px;
|
||||
width: 20px;
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
.sheet-investigation button[type=roll].sheet-dice::before {
|
||||
font-family: 'dicefontd6';
|
||||
content: 'ff ';
|
||||
}
|
||||
|
||||
.sheet-investigation button[type=roll].sheet-dice-advantage::before {
|
||||
font-family: 'dicefontd6';
|
||||
content: 'Fff ';
|
||||
}
|
||||
|
||||
.sheet-investigation button[type=roll].sheet-dice-disadvantage::before {
|
||||
font-family: 'dicefontd6';
|
||||
content: 'ffF ';
|
||||
}
|
||||
|
||||
.sheet-investigation p {
|
||||
font-family: Book Antiqua, Palatino, Palatino Linotype, Palatino LT STD, Georgia, serif;
|
||||
font-style: italic;
|
||||
font-size:16px;
|
||||
margin-top:10px;
|
||||
}
|
||||
|
||||
/* contacts */
|
||||
|
||||
.sheet-contacts textarea {
|
||||
display: inline-block;
|
||||
width: 420px;
|
||||
height:200px;
|
||||
}
|
||||
|
||||
/* conditions and experience */
|
||||
|
||||
.sheet-conditions-experience input {
|
||||
display: inline-block;
|
||||
width: 270px;
|
||||
}
|
||||
.sheet-conditions-experience input[type=checkbox] {
|
||||
height: 20px;
|
||||
width: 20px;
|
||||
border-radius: 0;
|
||||
margin-bottom:3px;
|
||||
}
|
||||
|
||||
.sheet-conditions-experience p {
|
||||
font-family: Book Antiqua, Palatino, Palatino Linotype, Palatino LT STD, Georgia, serif;
|
||||
font-style: italic;
|
||||
font-size:16px;
|
||||
margin-top:10px;
|
||||
}
|
||||
|
||||
/* notes */
|
||||
|
||||
.sheet-notes textarea {
|
||||
width:815px;
|
||||
}
|
||||
@@ -0,0 +1,84 @@
|
||||
<div class="sheet-title"><img src="https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/MatronsOfMystery/Images/MatronsOfMysteryHeader.png" alt="Matrons of Mystery" /></div>
|
||||
<div class="sheet-container">
|
||||
<div class="sheet-personal">
|
||||
<h3>Personal Details</h3>
|
||||
<label>Name:</label><input type="text" name="attr_character_name" /><br />
|
||||
<label>Village:</label><input type="text" name="attr_village" /><br />
|
||||
<label>Personal Style:</label><input type="text" name="attr_style" /><br />
|
||||
<label>Hobby:</label><input type="text" name="attr_hobby" /><br />
|
||||
<label>Past Career:</label><input type="text" name="attr_career" /><br />
|
||||
<label>Past Relationship:</label><input type="text" name="attr_relationship" /><br />
|
||||
<label>Children/family:</label><textarea name="attr_children" /><br />
|
||||
</div>
|
||||
<div class="sheet-investigation">
|
||||
<h3>Investigation Styles</h3>
|
||||
<div>
|
||||
<div class="header" style="margin-left:150px;">Primary</div>
|
||||
<div class="header" style="margin-left:4px;">Roll</div>
|
||||
<div class="header" style="margin-left:18px;">Roll +</div>
|
||||
<div class="header" style="margin-left:18px;">Roll -</div>
|
||||
</div>
|
||||
<div>
|
||||
<label>Physical</label>
|
||||
<input type="number" name='attr_physical'></input>
|
||||
<div class="primary"><input type="checkbox" name="attr_primary_physical"></input></div>
|
||||
<button class="sheet-dice" type='roll' name='roll_physical' value='&{template:default} {{name=@{character_name}}} {{Physical=[[2d6 + @{physical}]]}}'></button>
|
||||
<button class="sheet-dice-advantage" type='roll' name='roll_physicalad' value='&{template:default} {{name=@{character_name}}} {{Physical=[[3d6kh2 + @{physical}]]}}'></button>
|
||||
<button class="sheet-dice-disadvantage" type='roll' name='roll_physicaldisad' value='&{template:default} {{name=@{character_name}}} {{Physical=[[3d6kl2 + @{physical}]]}}'></button>
|
||||
</div>
|
||||
<div>
|
||||
<label>Logical</label>
|
||||
<input type="number" name='attr_logical'></input>
|
||||
<div class="primary"><input type="checkbox" name="attr_primary_logical"></input></div>
|
||||
<button class="sheet-dice" type='roll' name='roll_logical' value='&{template:default} {{name=@{character_name}}} {{Logical=[[2d6 + @{logical}]]}}'></button>
|
||||
<button class="sheet-dice-advantage" type='roll' name='roll_logicalad' value='&{template:default} {{name=@{character_name}}} {{Logical=[[3d6kh2 + @{logical}]]}}'></button>
|
||||
<button class="sheet-dice-disadvantage" type='roll' name='roll_logicaldisad' value='&{template:default} {{name=@{character_name}}} {{Logical=[[3d6kl2 + @{logical}]]}}'></button>
|
||||
</div>
|
||||
<div>
|
||||
<label>Intuitive</label>
|
||||
<input type="number" name='attr_intuitive'></input>
|
||||
<div class="primary"><input type="checkbox" name="attr_primary_intuitive"></input></div>
|
||||
<button class="sheet-dice" type='roll' name='roll_intuitive' value='&{template:default} {{name=@{character_name}}} {{Intuitive=[[2d6 + @{intuitive}]]}}'></button>
|
||||
<button class="sheet-dice-advantage" type='roll' name='roll_intuitivead' value='&{template:default} {{name=@{character_name}}} {{Intuitive=[[3d6kh2 + @{intuitive}]]}}'></button>
|
||||
<button class="sheet-dice-disadvantage" type='roll' name='roll_intuitivedisad' value='&{template:default} {{name=@{character_name}}} {{Intuitive=[[3d6kl2 + @{intuitive}]]}}'></button>
|
||||
</div>
|
||||
<div>
|
||||
<label>Gregarious</label>
|
||||
<input type="number" name='attr_gregarious'></input>
|
||||
<div class="primary"><input type="checkbox" name="attr_primary_gregarious"></input></div>
|
||||
<button class="sheet-dice" type='roll' name='roll_gregarious' value='&{template:default} {{name=@{character_name}}} {{Gregarious=[[2d6 + @{gregarious}]]}}'></button>
|
||||
<button class="sheet-dice-advantage" type='roll' name='roll_gregariousad' value='&{template:default} {{name=@{character_name}}} {{Gregarious=[[3d6kh2 + @{gregarious}]]}}'></button>
|
||||
<button class="sheet-dice-disadvantage" type='roll' name='roll_gregariousdisad' value='&{template:default} {{name=@{character_name}}} {{Gregarious=[[3d6kl2 + @{gregarious}]]}}'></button>
|
||||
</div>
|
||||
<p>Tick your primary investigation style</p>
|
||||
</div>
|
||||
|
||||
<div class="sheet-contacts">
|
||||
<h3>Contacts</h3>
|
||||
<textarea name="attr_contacts" />
|
||||
</div>
|
||||
<div class="sheet-conditions-experience">
|
||||
<h3>Conditions</h3>
|
||||
<input type="text" name="attr_condition1" /><br />
|
||||
<input type="text" name="attr_condition2" /><br />
|
||||
<input type="text" name="attr_condition3" /><br />
|
||||
<h3>Experience</h3>
|
||||
<input type="checkbox" name="attr_experience1"></input>
|
||||
<input type="checkbox" name="attr_experience2"></input>
|
||||
<input type="checkbox" name="attr_experience3"></input>
|
||||
<input type="checkbox" name="attr_experience4"></input>
|
||||
<input type="checkbox" name="attr_experience5"></input>
|
||||
<br />
|
||||
<input type="checkbox" name="attr_experience6"></input>
|
||||
<input type="checkbox" name="attr_experience7"></input>
|
||||
<input type="checkbox" name="attr_experience8"></input>
|
||||
<input type="checkbox" name="attr_experience9"></input>
|
||||
<input type="checkbox" name="attr_experience10"></input>
|
||||
<p>Spend 1XP to add +1 to a dice roll (max +3)</p>
|
||||
</div>
|
||||
|
||||
<div class="sheet-notes">
|
||||
<h3>Notes</h3>
|
||||
<textarea name="attr_notes" />
|
||||
</div>
|
||||
</div>
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 74 KiB |
@@ -0,0 +1,9 @@
|
||||
{
|
||||
"html": "MatronsOfMystery.html",
|
||||
"css": "MatronsOfMystery.css",
|
||||
"authors": "Sue Savage",
|
||||
"roll20userid": "5009227",
|
||||
"preview": "MatronsOfMysteryPreview.png",
|
||||
"instructions": "A character sheet for Matrons Of Mystery.",
|
||||
"legacy": false
|
||||
}
|
||||
Reference in New Issue
Block a user