Added The Mutant Epoch Sheet

This commit is contained in:
bluebolt77
2017-10-12 18:27:05 -05:00
parent fadd106d0a
commit 3aa31071ca
4 changed files with 1272 additions and 0 deletions
+614
View File
@@ -0,0 +1,614 @@
.sheet-section { display: none }
.sheet-tab-all:checked ~ .sheet-section { display: block }
.sheet-tab-character:checked ~ .sheet-tab-character,
.sheet-tab-stats:checked ~ .sheet-tab-stats,
.sheet-tab-defense:checked ~ .sheet-tab-defense,
.sheet-tab-attack:checked ~ .sheet-tab-attack,
.sheet-tab-skills:checked ~ .sheet-tab-skills,
.sheet-tab-items:checked ~ .sheet-tab-items,
.sheet-tab-bio:checked ~ .sheet-tab-bio,
.sheet-tab-other:checked ~ .sheet-tab-other,
.sheet-tab-help:checked ~ .sheet-tab-help {
display: block
}
.sheet-tab {
text-indent: 9999px;
position: relative;
left: -9999px;
width: 40px;
height: 20px;
cursor: pointer;
margin: 0 35px 20px 0;
}
.sheet-tab:before {
text-indent: 0;
content: attr(title);
text-align: center;
padding: 5px;
margin: 0 5px;
background-color: lightblue;
display: inline-block;
border: 1px solid black;
border-radius: 5px;
box-shadow: 0 1px 1px black;
cursor: pointer;
width: 60px;
height: 15px;
z-index: 1;
position: relative;
}
.sheet-tab:not(:checked):hover:before {
opacity: .8;
box-shadow: none;
}
.sheet-tab:checked:before {
background-color: lightyellow;
box-shadow: none;
}
.sheet-text-center {
text-align: center;
}
.sheet-center-button {
height: 38px;
max-height: 38px;
}
.sheet-center-button input {
margin-top: 10px;
}
input[disabled=true] {
background-color: rgb(255, 253, 211) !important;
}
label {
max-height: 18px;
}
.sheet-filler-25 {
height: 25px;
}
td input {
margin-bottom: 0 !important;
}
.sheet-collapse {
position: absolute;
left: -20px;
margin-top: -42px;
}
.sheet-collapse ~ .sheet-collapsable {
display: none !important;
}
.sheet-collapse:checked ~ .sheet-collapsable {
display: block !important;
}
.sheet-rolltemplate-attack table {
border: 1px solid black;
border-left: none;
border-right: none;
width: 100%;
background-color: white;
}
.sheet-rolltemplate-attack th {
font-size: 16px;
left: 0;
position: relative;
text-align: left;
background-color: rgb(250, 160, 100);
border-bottom: 1px solid black;
}
.sheet-rolltemplate-attack td {
padding: 2px 2px 2px 10px;
}
.sheet-rolltemplate-attack .sheet-crit {
font-weight: bold;
color: green;
font-size: 18px;
}
.sheet-rolltemplate-attack .sheet-fumble {
font-weight: bold;
color: red;
font-size: 18px;
}
.sheet-rolltemplate-attack .inlinerollresult {
border: none;
background-color: initial;
}
button.sheet-attack-roll:before {
content: "T" !important;
}
.sheet-green-table {
}
.sheet-grey-table {
background-color: #F6F6F6;
border-style: solid;
border-radius: 10px;
padding: 5px;
}
.sheet-repeating-skills {
border-collapse:collapse;
}
.sheet-table-text {
font-size: 85%;
width: 100%;
}
/*********************************
SKILL TABLE CSS
*****************************/
.sheet-skill-table-name {
width: 13em;
margin: 0;
padding: 0;
text-align: center;
border: 1px solid black;
background-color: #B0FDC2;
}
.sheet-skill-table-rank {
width: 4em;
margin: 0;
padding: 0;
text-align: center;
border: 1px solid black;
background-color: #B0FDE8;
}
.sheet-skill-table-mods {
margin: 0;
padding: 0;
text-align: center;
border: 1px solid black;
background-color: #F0FDB0;
}
.sheet-skill-table-namebox {
width: 13em;
height: 1.8em;
resize: none;
margin: 3px;
padding: 1px;
padding-left: 5px;
border-radius: 0;
background-color: #E6E6E6;
}
.sheet-skill-table-modsbox {
width: 99%;
height: 1.8em;
resize: none;
margin: 3px;
padding: 1px;
padding-left: 10px;
border-radius: 0;
background-color: #E6E6E6;
}
.sheet-skill-table-rankbox {
width: 4em;
height: 1.8em;
resize: none;
margin: 3px;
padding: 1px;
padding-left: 1.2em;
border-radius: 0;
}
.sheet-mutant-text {
position: relative;
width: 100%;
max-width: 960px;
margin: 0 auto;
padding: 0 20px;
}
/******************************************
* The following is a customized version of the skeleton css framework,
* where each class is prefixed with .sheet- per roll20 requirements
* Do not modify
* Note that buttons had to be heavily modified / removed for rolling
* **************************************/
/*
* Skeleton V2.0.4
* Copyright 2014, Dave Gamache
* www.sheet-getskeleton.sheet-com
* Free to use under the MIT license.
* http://www.sheet-opensource.sheet-org/licenses/mit-license.sheet-php
* 12/29/2014
*/
/* Table of contents
- Grid
- Base Styles
- Typography
- Links
- Buttons //heavily modified
- Forms
- Lists
- Code
- Tables
- Spacing
- Utilities
- Clearing
- Media Queries
*/
/* Grid
*/
.sheet-container {
position: relative;
width: 100%;
max-width: 960px;
margin: 0 auto;
padding: 0 20px;
box-sizing: border-box;
background-color: #F4FFF3;
background-image: url("https://i.imgur.com/Us0WlGq.jpg");
z-index: 1;
}
.sheet-column,
.sheet-columns {
width: 100%;
float: left;
box-sizing: border-box; }
/* For devices larger than 400px */
@media (min-width: 400px) {
.sheet-container {
width: 85%;
padding: 0; }
}
/* For devices larger than 550px */
@media (min-width: 550px) {
.sheet-container {
width: 80%; }
.sheet-column,
.sheet-columns {
margin-left: 4%; }
.sheet-column:first-child,
.sheet-columns:first-child {
margin-left: 0; }
.sheet-one.sheet-column,
.sheet-one.sheet-columns { width: 4.66666666667% !important; }
.sheet-two.sheet-columns { width: 13.3333333333% !important; }
.sheet-three.sheet-columns { width: 22% !important; }
.sheet-four.sheet-columns { width: 30.6666666667% !important; }
.sheet-five.sheet-columns { width: 39.3333333333% !important; }
.sheet-six.sheet-columns { width: 48% !important; }
.sheet-seven.sheet-columns { width: 56.6666666667% !important; }
.sheet-eight.sheet-columns { width: 65.3333333333% !important; }
.sheet-nine.sheet-columns { width: 74.0% !important; }
.sheet-ten.sheet-columns { width: 82.6666666667% !important; }
.sheet-eleven.sheet-columns { width: 91.3333333333% !important; }
.sheet-twelve.sheet-columns { width: 100% !important; margin-left: 0; }
.sheet-one-third.sheet-column { width: 30.6666666667% !important; }
.sheet-two-thirds.sheet-column { width: 65.3333333333% !important; }
.sheet-one-half.sheet-column { width: 48% !important; }
/* Offsets */
.sheet-offset-by-one.sheet-column,
.sheet-offset-by-one.sheet-columns { margin-left: 8.66666666667%; }
.sheet-offset-by-two.sheet-column,
.sheet-offset-by-two.sheet-columns { margin-left: 17.3333333333%; }
.sheet-offset-by-three.sheet-column,
.sheet-offset-by-three.sheet-columns { margin-left: 26%; }
.sheet-offset-by-four.sheet-column,
.sheet-offset-by-four.sheet-columns { margin-left: 34.6666666667%; }
.sheet-offset-by-five.sheet-column,
.sheet-offset-by-five.sheet-columns { margin-left: 43.3333333333%; }
.sheet-offset-by-six.sheet-column,
.sheet-offset-by-six.sheet-columns { margin-left: 52%; }
.sheet-offset-by-seven.sheet-column,
.sheet-offset-by-seven.sheet-columns { margin-left: 60.6666666667%; }
.sheet-offset-by-eight.sheet-column,
.sheet-offset-by-eight.sheet-columns { margin-left: 69.3333333333%; }
.sheet-offset-by-nine.sheet-column,
.sheet-offset-by-nine.sheet-columns { margin-left: 78.0%; }
.sheet-offset-by-ten.sheet-column,
.sheet-offset-by-ten.sheet-columns { margin-left: 86.6666666667%; }
.sheet-offset-by-eleven.sheet-column,
.sheet-offset-by-eleven.sheet-columns { margin-left: 95.3333333333%; }
.sheet-offset-by-one-third.sheet-column,
.sheet-offset-by-one-third.sheet-columns { margin-left: 34.6666666667%; }
.sheet-offset-by-two-thirds.sheet-column,
.sheet-offset-by-two-thirds.sheet-columns { margin-left: 69.3333333333%; }
.sheet-offset-by-one-half.sheet-column,
.sheet-offset-by-one-half.sheet-columns { margin-left: 52%; }
}
/* Base Styles */
/* NOTE
html is set to 62.5% so that all the REM measurements throughout Skeleton
are based on 10px sizing. So basically 1.5rem = 15px :) */
html {
font-size: 62.5%; }
body {
font-size: 1.5em; /* currently ems cause chrome bug misinterpreting rems on body element */
line-height: 1.6;
font-weight: 400;
font-family: "Raleway", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
color: #222; }
/* Typography */
h1, h2, h3, h4, h5, h6 {
margin-top: 0;
margin-bottom: 2rem;
font-weight: 300; }
h1 { font-size: 4.0rem; line-height: 1.2; letter-spacing: -.1rem;}
h2 { font-size: 3.6rem; line-height: 1.25; letter-spacing: -.1rem; }
h3 { font-size: 3.0rem; line-height: 1.3; letter-spacing: -.1rem; }
h4 { font-size: 2.4rem; line-height: 1.35; letter-spacing: -.08rem; }
h5 { font-size: 1.8rem; line-height: 1.5; letter-spacing: -.05rem; }
h6 { font-size: 1.5rem; line-height: 1.6; letter-spacing: 0; }
/* Larger than phablet */
@media (min-width: 550px) {
h1 { font-size: 5.0rem; }
h2 { font-size: 4.2rem; }
h3 { font-size: 3.6rem; }
h4 { font-size: 3.0rem; }
h5 { font-size: 2.4rem; }
h6 { font-size: 1.5rem; }
}
p {
margin-top: 0; }
/* Links */
a {
color: #1EAEDB; }
a:hover {
color: #0FA0CE; }
/* Buttons */
label button[type=roll] {
float: left;
position: initial;
}
button[type=roll] {
height: 20px;
width: 25px;
position: absolute;
}
.sheet-button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
.sheet-button:focus,
button:focus,
input[type="submit"]:focus,
input[type="reset"]:focus,
input[type="button"]:focus {
color: #333;
border-color: #888;
outline: 0; }
.sheet-button.sheet-button-primary,
button.sheet-button-primary,
input[type="submit"].sheet-button-primary,
input[type="reset"].sheet-button-primary,
input[type="button"].sheet-button-primary {
color: #FFF;
background-color: #33C3F0;
border-color: #33C3F0; }
.sheet-button.sheet-button-primary:hover,
button.sheet-button-primary:hover,
input[type="submit"].sheet-button-primary:hover,
input[type="reset"].sheet-button-primary:hover,
input[type="button"].sheet-button-primary:hover,
.sheet-button.sheet-button-primary:focus,
button.sheet-button-primary:focus,
input[type="submit"].sheet-button-primary:focus,
input[type="reset"].sheet-button-primary:focus,
input[type="button"].sheet-button-primary:focus {
color: #FFF;
background-color: #1EAEDB;
border-color: #1EAEDB; }
/* Forms */
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea,
select {
height: 38px;
padding: 6px 10px; /* The 6px vertically centers text on FF, ignored by Webkit */
background-color: #fff;
border: 1px solid #D1D1D1;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box; }
/* Removes awkward default styles on some inputs for iOS */
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none; }
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
border: 1px solid #33C3F0;
outline: 0; }
label,
legend {
display: block;
margin-bottom: .5rem;
font-weight: 600; }
fieldset {
padding: 0;
border-width: 0; }
input[type="checkbox"],
input[type="radio"] {
display: inline; }
label > .sheet-label-body {
display: inline-block;
margin-left: .5rem;
font-weight: normal; }
/* Lists */
ul {
list-style: circle inside; }
ol {
list-style: decimal inside; }
ol, ul {
padding-left: 0;
margin-top: 0; }
ul ul,
ul ol,
ol ol,
ol ul {
margin: 1.5rem 0 1.5rem 3rem;
font-size: 90%; }
li {
margin-bottom: 1rem; }
/* Code */
code {
padding: .2rem .5rem;
margin: 0 .2rem;
font-size: 90%;
white-space: nowrap;
background: #F1F1F1;
border: 1px solid #E1E1E1;
border-radius: 4px; }
pre > code {
display: block;
padding: 1rem 1.5rem;
white-space: pre; }
/* Tables */
/* Spacing */
button,
.sheet-button {
margin-bottom: 1rem; }
input,
textarea,
select,
fieldset {
margin-bottom: 1.5rem; }
pre,
blockquote,
dl,
figure,
table,
p,
ul,
ol,
form {
margin-bottom: 2.5rem; }
/* Utilities */
.sheet-u-full-width {
width: 100% !important;
box-sizing: border-box; }
.sheet-u-max-full-width {
max-width: 100% !important;
box-sizing: border-box; }
.sheet-u-pull-right {
float: right; }
.sheet-u-pull-left {
float: left; }
/* Misc */
hr {
margin-top: 3rem;
margin-bottom: 3.5rem;
border-width: 0;
border-top: 1px solid #E1E1E1; }
/* Clearing */
/* Self Clearing Goodness */
.sheet-container:after,
.sheet-row:after,
.sheet-u-cf {
content: "";
display: table;
clear: both; }
/* Media Queries */
/*
Note: The best way to structure the use of media queries is to create the queries
near the relevant code. For example, if you wanted to change the styles for buttons
on small devices, paste the mobile query code up in the buttons section and style it
there.
*/
/* Larger than mobile */
@media (min-width: 400px) {}
/* Larger than phablet (also point when grid becomes active) */
@media (min-width: 550px) {}
/* Larger than tablet */
@media (min-width: 750px) {}
/* Larger than desktop */
@media (min-width: 1000px) {}
/* Larger than Desktop HD */
@media (min-width: 1200px) {}
+650
View File
@@ -0,0 +1,650 @@
<rolltemplate class="sheet-rolltemplate-attack">
<table>
{{#name}}
<tr><th>{{name}}</th></tr>
{{/name}}
<tr><td>Roll: {{attack}}</td></tr>
<!-- begin annoying auto hit check -->
{{#rollTotal() attack 1}}
<tr><td><span class="sheet-crit">CRIT!</span> {{crit}}</td></tr>
{{/rollTotal() attack 1}}
{{#rollTotal() attack 2}}
<tr><td><span class="sheet-crit">Automatic Hit!</span></td></tr>
{{/rollTotal() attack 2}}
{{#rollTotal() attack 3}}
<tr><td><span class="sheet-crit">Automatic Hit!</span></td></tr>
{{/rollTotal() attack 3}}
{{#rollTotal() attack 4}}
<tr><td><span class="sheet-crit">Automatic Hit!</span></td></tr>
{{/rollTotal() attack 4}}
{{#rollTotal() attack 5}}
<tr><td><span class="sheet-crit">Automatic Hit!</span></td></tr>
{{/rollTotal() attack 5}}
<!-- begin annoying auto miss check -->
{{#rollTotal() attack 100}}
<tr><td><span class="sheet-fumble">FUMBLE!</span> {{crit}}</td></tr>
{{/rollTotal() attack 100}}
{{#rollTotal() attack 99}}
<tr><td><span class="sheet-fumble">Automatic Miss!</span></td></tr>
{{/rollTotal() attack 99}}
{{#rollTotal() attack 98}}
<tr><td><span class="sheet-fumble">Automatic Miss!</span></td></tr>
{{/rollTotal() attack 98}}
{{#rollTotal() attack 97}}
<tr><td><span class="sheet-fumble">Automatic Miss!</span></td></tr>
{{/rollTotal() attack 97}}
{{#rollTotal() attack 96}}
<tr><td><span class="sheet-fumble">Automatic Miss!</span></td></tr>
{{/rollTotal() attack 96}}
{{#rollTotal() twohand 0}}
<tr><td>SV 1Hand {{svone}}</td></tr>
{{/rollTotal() twohand 0}}
{{#rollTotal() twohand 1}}
<tr><td>SV 2Hand {{svtwo}}</td></tr>
{{/rollTotal() twohand 1}}
{{#rollTotal() twohand 0}}
<tr><td>DMG 1Hand {{dmgone}}</td></tr>
{{/rollTotal() twohand 0}}
{{#rollTotal() twohand 1}}
<tr><td>DMG 2Hand {{dmgtwo}}</td></tr>
{{/rollTotal() twohand 1}}
</table>
</rolltemplate>
<div class="sheet-container">
<div class="sheet-mutant-text">
<img src=https://i.imgur.com/PaAW6v5.png>
</div>
<input type="radio" class="sheet-tab sheet-tab-all" checked="true" value="-1" name="attr_tab" title="Show All"/>
<input type="radio" class="sheet-tab sheet-tab-character" value="0" name="attr_tab" title="Character" />
<input type="radio" class="sheet-tab sheet-tab-stats" value="1" name="attr_tab" title="Stats" />
<input type="radio" class="sheet-tab sheet-tab-defense" value="2" name="attr_tab" title="Defense" />
<input type="radio" class="sheet-tab sheet-tab-attack" value="3" name="attr_tab" title="Attack" />
<input type="radio" class="sheet-tab sheet-tab-skills" value="4" name="attr_tab" title="Skills" />
<input type="radio" class="sheet-tab sheet-tab-items" value="5" name="attr_tab" title="Items" />
<input type="radio" class="sheet-tab sheet-tab-bio" value="6" name="attr_tab" title="Bio" />
<input type="radio" class="sheet-tab sheet-tab-other" value="7" name="attr_tab" title="Other" />
<input type="radio" class="sheet-tab sheet-tab-help" value="8" name="attr_tab" title="Help" />
<div style="height: 20px"></div> <!-- fix height issue for above elements-->
<div class="sheet-tab-character sheet-section sheet-grey-table">
<div class="sheet-row">
<div class="sheet-six sheet-columns">
<label>Character Name</label><input type="text" class="sheet-u-full-width" name="attr_character_name">
<label>Pre-Play Caste</label><input type="text" class="sheet-u-full-width" name="attr_character_caste">
<div class="sheet-row">
<div class="sheet-six sheet-columns">
<label>Experience Factors</label><input type="number" class="sheet-u-full-width" min="0" step="1" value="0" name="attr_character_exp">
</div>
<div class="sheet-six sheet-columns">
<label>Next Level</label><input type="number" class="sheet-u-full-width" min="0" step="1" value="60" name="attr_character_exp_next">
</div>
</div>
</div>
<div class="sheet-six sheet-columns">
<label>Character Type</label><input type="text" class="sheet-u-full-width" name="attr_character_type">
<label>PC's Faction</label><input type="text" class="sheet-u-full-width" name="attr_character_faction">
<label>Rank</label><input type="number" class="sheet-u-full-width" min="0" step="1" value="1" name="attr_character_rank">
</div>
</div>
</div>
<div class="sheet-tab-stats sheet-section sheet-grey-table">
<div class="sheet-row">
<div class="sheet-row">
<h3 class="sheet-text-center sheet-u-full-width">Stats</h3>
</div>
<div class="sheet-row">
<div class="sheet-four sheet-columns">
<label> Endurance <button class="sheet-skill-roll" type="roll" name="roll_Endurance_Check" value="/me rolls [[d100cf>96cs<5]] against Endurance [[@{endurance}]]:current | [[@{endurance_max}]]:max"></button> </label>
<input class="sheet-u-full-width" type="number" step="1" value="25" name="attr_endurance">
</div>
<div class="sheet-one sheet-columns sheet-text-center"> <div style="font-size: 35px; margin-top: 33px;">/</div> </div>
<div class="sheet-five sheet-columns">
<label> Max </label>
<input class="sheet-u-full-width" type="number" step="1" value="25" name="attr_endurance_max">
</div>
<div class="sheet-two sheet-columns">
<label> Healing Rate </label>
<input class="sheet-u-full-width" type="number" step="1" min="1" value="3" name="attr_healing_rate">
</div>
</div>
<div class="sheet-row">
<div class="sheet-six sheet-columns">
<div class="sheet-row">
<div class="sheet-four sheet-columns">
<label> Strength <button class="sheet-skill-roll" type="roll" value="/me rolls [[d100cf>96cs<5]] against Strength: [[@{strength}]]" name="roll_Strength_Check"></button> </label>
<input type="number" class="sheet-u-full-width" step="1" value="25" name="attr_strength"/>
</div>
<div class="sheet-four sheet-columns">
<label> Dmg Mod </label>
<input type="number" class="sheet-u-full-width" min="-4" step="2" value="0" name="attr_dmg_mod"/>
</div>
<div class="sheet-four sheet-columns">
<label> Range Mod</label>
<input type="number" class="sheet-u-full-width" min="-.2" step=".1" value="0" name="attr_range_mod"/>
</div>
</div>
<div class="sheet-row">
<div class="sheet-four sheet-columns">
<label> Agility <button class="sheet-skill-roll" type="roll" value="/me rolls [[d100cf>96cs<5]] against Agility: [[@{agility}]]" name="roll_Agility_Check"></button> </label>
<input type="number" class="sheet-u-full-width" step="1" value="25" name="attr_agility"/>
</div>
<div class="sheet-four sheet-columns">
<label> DV Mod </label>
<input type="number" class="sheet-u-full-width" min="-4" step="2" value="0" name="attr_dv_mod"/>
</div>
<div class="sheet-four sheet-columns">
<label> MV Mod </label>
<input type="number" class="sheet-u-full-width" min="-.5" step=".25" value="0" name="attr_mv_mod"/>
</div>
</div>
<div class="sheet-row">
<div class="sheet-twelve sheet-columns">
<label> Intelligence <button class="sheet-skill-roll" type="roll" value="/me rolls [[d100cf>96cs<5]] against Intelligence: [[@{intelligence}]]" name="roll_Intelligence_Check"></button> </label>
<input type="number" class="sheet-u-full-width" step="1" value="25" name="attr_intelligence"/>
</div>
</div>
<div class="sheet-row">
<div class="sheet-twelve sheet-columns">
<label> Appearance <button class="sheet-skill-roll" type="roll" value="/me rolls [[d100cf>96cs<5]] against Appearance: [[@{appearance}]]" name="roll_Appearance_Check"></button> </label>
<input type="number" class="sheet-u-full-width" step="1" value="25" name="attr_appearance"/>
</div>
</div>
<div class="sheet-row">
<div class="sheet-twelve sheet-columns">
<label> Base Movement Rate</label>
<input type="number" class="sheet-u-full-width" value="6" min="0" step=".25" name="attr_base_mv" />
</div>
</div>
</div>
<div class="sheet-six sheet-columns">
<div class="sheet-row">
<div class="sheet-eight sheet-columns">
<label> Perception <button class="sheet-skill-roll" type="roll" value="/me rolls [[d100cf>96cs<5]] against Perception: [[@{perception}]]" name="roll_Perception_Check"></button> </label>
<input type="number" class="sheet-u-full-width" step="1" name="attr_perception"/>
</div>
<div class="sheet-four sheet-columns">
<label> Initiative <button class="sheet-skill-roll" type="roll" value="/me rolls [[d10 + @{initiative} &{tracker}]] for initiative" name="roll_Initiative"></button> </label>
<input type="number" class="sheet-u-full-width" min="-2" step="1" value="0" name="attr_initiative"/>
</div>
</div>
<div class="sheet-row">
<div class="sheet-eight sheet-columns">
<label> Accuracy <button class="sheet-skill-roll" type="roll" value="/me rolls [[d100cf>96cs<5]] against Accuracy: [[@{accuracy}]]" name="roll_Accuracy_Check"></button> </label>
<input type="number" class="sheet-u-full-width" step="1" name="attr_accuracy"/>
</div>
<div class="sheet-four sheet-columns">
<label> SV Mod </label>
<input type="number" class="sheet-u-full-width" min="-4" step="2" value="0" name="attr_sv_mod"/>
</div>
</div>
<div class="sheet-row">
<div class="sheet-twelve sheet-columns">
<label> Willpower <button class="sheet-skill-roll" type="roll" value="/me rolls [[d100cf>96cs<5]] against Willpower: [[@{willpower}]]" name="roll_Willpower_Check"></button> </label>
<input type="number" class="sheet-u-full-width" step="1" value="25" name="attr_willpower"/>
</div>
</div>
<div class="sheet-row">
<div class="sheet-twelve sheet-columns">
<label> Base Strike Value </label>
<input type="number" class="sheet-u-full-width" step="1" value="50" name="attr_strike_value"/>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="sheet-tab-defense sheet-section sheet-grey-table">
<h3 class="sheet-u-full-width sheet-text-center">Defense</h3>
<div class="sheet-row">
<div class="sheet-four sheet-columns">
<h4 style="margin-top: 22px !important" class="sheet-u-full-width sheet-text-center">Final DV/MV</h4>
</div>
<div class="sheet-four sheet-columns">
<label>DV <button type="roll" name="roll_say_dv" value="/me has a DV of [[-1 * (@{final_dv})]]"></button> </label>
<input type="number" disabled="true" class="sheet-u-full-width" name="attr_final_dv" value="@{dv_mod} * @{defense_agility_active} + @{defense_armor_dv} * @{defense_armor_active} + @{defense_helmet_dv} * @{defense_helmet_active} + @{defense_shield_dv} * @{defense_shield_active} + @{defense_dodge_dv} * @{defense_dodge_active} + @{defense_other_skill_dv} * @{defense_other_skill_active} + @{defense_other_mods_dv} * @{defense_other_mods_active}"/>
</div>
<div class="sheet-four sheet-columns">
<label>MV <button type="roll" name="roll_say_mv" value="/me has a movement rate of [[@{final_mv}]] meters per turn"></button> </label>
<input type="number" disabled="true" class="sheet-u-full-width" name="attr_final_mv"
value=" @{base_mv} + @{mv_mod} * @{defense_agility_active} + @{defense_armor_mv} * @{defense_armor_active} + @{defense_helmet_mv} * @{defense_helmet_active} + @{defense_shield_mv} * @{defense_shield_active} + @{defense_dodge_mv} * @{defense_dodge_active} + @{defense_other_skill_mv} * @{defense_other_skill_active} + @{defense_other_mods_mv} * @{defense_other_mods_active}" />
</div>
</div>
<table style="width:100%; padding: 5px; margin: 5px;" class="sheet-green-table">
<thead>
<tr>
<th>Protection</th>
<th>DV</th>
<th>Move</th>
<th>Type</th>
<th>Active?</th>
</tr>
</thead>
<tbody>
<tr>
<td>Agility Mod:</td>
<td><input type="number" class="sheet-u-full-width" disabled="true" name="attr_dv_mod_calc" value="@{dv_mod}"/></td>
<td><input type="number" class="sheet-u-full-width" disabled="true" name="attr_mv_mod_calc" value="@{mv_mod}"/></td>
<td><input type="text" class="sheet-u-full-width" name="attr_defense_agility_type"/></td>
<td><input type="checkbox" value="1" checked="true" name="attr_defense_agility_active"/></td>
</tr>
<tr>
<td>Armor Worn:</td>
<td><input type="number" class="sheet-u-full-width" value="0" name="attr_defense_armor_dv"/></td>
<td><input type="number" class="sheet-u-full-width" value="0" step=".25" name="attr_defense_armor_mv"/></td>
<td><input type="text" class="sheet-u-full-width" name="attr_defense_armor_type"/></td>
<td><input type="checkbox" value="1" checked="true" name="attr_defense_armor_active"/></td>
</tr>
<tr>
<td>Helmet Worn:</td>
<td><input type="number" class="sheet-u-full-width" value="0" name="attr_defense_helmet_dv"/></td>
<td><input type="number" class="sheet-u-full-width" value="0" step=".25" name="attr_defense_helmet_mv"/></td>
<td><input type="text" class="sheet-u-full-width" name="attr_defense_helmet_type"/></td>
<td><input type="checkbox" value="1" checked="true" name="attr_defense_helmet_active"/></td>
</tr>
<tr>
<td>Shield Used:</td>
<td><input type="number" class="sheet-u-full-width" value="0" name="attr_defense_shield_dv"/></td>
<td><input type="number" class="sheet-u-full-width" value="0" step=".25" name="attr_defense_shield_mv"/></td>
<td><input type="text" class="sheet-u-full-width" name="attr_defense_shield_type"/></td>
<td><input type="checkbox" value="1" checked="true" name="attr_defense_shield_active"/></td>
</tr>
<tr>
<td>Dodge Skill?:</td>
<td><input type="number" class="sheet-u-full-width" value="0" name="attr_defense_dodge_dv"/></td>
<td><input type="number" class="sheet-u-full-width" value="0" step=".25" name="attr_defense_dodge_mv"/></td>
<td><input type="text" class="sheet-u-full-width" name="attr_defense_dodge_type"/></td>
<td><input type="checkbox" value="1" checked="true" name="attr_defense_dodge_active"/></td>
</tr>
<tr>
<td>Other Skill?::</td>
<td><input type="number" class="sheet-u-full-width" value="0" name="attr_defense_other_skill_dv"/></td>
<td><input type="number" class="sheet-u-full-width" value="0" step=".25" name="attr_defense_other_skill_mv"/></td>
<td><input type="text" class="sheet-u-full-width" name="attr_defense_other_skill_type"/></td>
<td><input type="checkbox" value="1" checked="true" name="attr_defense_other_skill_active"/></td>
</tr>
<tr>
<td>Other Mods:</td>
<td><input type="number" class="sheet-u-full-width" value="0" name="attr_defense_other_mods_dv"/></td>
<td><input type="number" class="sheet-u-full-width" value="0" step=".25" name="attr_defense_other_mods_mv"/></td>
<td><input type="text" class="sheet-u-full-width" name="attr_defense_other_mods_type"/></td>
<td><input type="checkbox" value="1" checked="true" name="attr_defense_other_mods_active"/></td>
</tr>
</tbody>
</table>
</div>
<div class="sheet-tab-attack sheet-section sheet-grey-table">
<h1 style="text-align:center;">Attack Mode</h1>
<div class="sheet-row">
<div class="sheet-six sheet-columns">
<label> Bonus SV </label>
<input type="number" value="0" class="sheet-u-full-width" name="attr_attack_bonus_sv" />
</div>
<div class="sheet-six sheet-columns">
<label> Bonus Dmg </label>
<input type="text" value="0" class="sheet-u-full-width" name="attr_attack_bonus_dmg" />
</div>
<hr/>
</div>
<fieldset class="repeating_attacks">
<div class="sheet-row">
<div class="sheet-row">
<div class="sheet-seven sheet-columns">
<label> Name
<button type="roll" class="sheet-attack-roll" name="roll_attack" value="&{template:attack} {{name=@{name}}} {{attack=[[d100cs<5cf>96]]}} {{crit=[[d10cs=111cf=111]]}} {{twohand=[[@{two_handed}]]}} {{svone=[[@{strike_value} + @{sv_mod} + @{one_sv} + @{attack_bonus_sv} + @{skill_sv}]]}} {{svtwo=[[@{strike_value} + @{sv_mod} + @{two_sv} + @{attack_bonus_sv} + @{skill_sv}]]}} {{dmgone=[[@{one_dmg} + @{skill_dmg} + @{attack_bonus_dmg} + (@{dmg_mod} * @{add_strength})]]}} {{dmgtwo=[[@{two_dmg} + @{skill_dmg} + @{attack_bonus_dmg} + (@{dmg_mod} * @{add_strength})]]}}"></button>
</label>
<input type="text" class="sheet-u-full-width" value="" placeholder="Enter a name" name="attr_name" />
</div>
<div class="sheet-three sheet-columns">
<label> Two-Handed? </label> <label class="sheet-center-button sheet-u-full-width"><input type="checkbox" value="1" checked="false" name="attr_two_handed" /> </label></label>
</div>
<div class="sheet-two sheet-columns">
<label> Add Strength </label> <label class="sheet-center-button sheet-u-full-width"><input type="checkbox" value="1" checked="false" name="attr_add_strength" /> </label></label>
</div>
</div>
<input type="checkbox" title="show details" name="attr_collapse" checked="true" value="1" class="sheet-collapse" />
<div class="sheet-row sheet-collapsable">
<div class="sheet-three sheet-columns">
<label> One-handed SV </label> <input type="number" class="sheet-u-full-width" value="0" name="attr_one_sv" />
</div>
<div class="sheet-three sheet-columns">
<label> Two-handed SV </label> <input type="number" class="sheet-u-full-width" value="0" name="attr_two_sv" />
</div>
<div class="sheet-three sheet-columns">
<label> One-handed Dmg </label> <input type="text" class="sheet-u-full-width" value="0" name="attr_one_dmg" />
</div>
<div class="sheet-three sheet-columns">
<label> Two-handed Dmg </label> <input type="text" class="sheet-u-full-width" value="0" name="attr_two_dmg" />
</div>
</div>
<div class="sheet-row sheet-collapsable">
<div class="sheet-two sheet-columns">
<label> Rate </label> <input type="number" class="sheet-u-full-width" value="1" name="attr_rate" />
</div>
<div class="sheet-two sheet-columns">
<label> Ammo </label> <input type="text" class="sheet-u-full-width" value="0" name="attr_ammo" />
</div>
<div class="sheet-two sheet-columns">
<label> Range </label> <input type="number" class="sheet-u-full-width" value="0" step=".1" name="attr_range" />
</div>
<div class="sheet-two sheet-columns">
<label> with str </label> <input type="number" disabled="true" class="sheet-u-full-width" value="@{range} + (@{range} * @{range_mod})" name="attr_range_final" />
</div>
<div class="sheet-two sheet-columns">
<label> Skill SV </label> <input type="number" class="sheet-u-full-width" value="0" name="attr_skill_sv" />
</div>
<div class="sheet-two sheet-columns">
<label> Skill Dmg </label> <input type="text" class="sheet-u-full-width" value="0" name="attr_skill_dmg" />
</div>
</div>
<hr style="margin: 5px 0 10px 0;" />
</div>
<div class="sheet-filler-25">
</div>
</fieldset>
</div>
<div class="sheet-tab-skills sheet-section sheet-grey-table">
<h1 style="text-align:center;">Mutations, Implants & Skills</h1>
<div class="sheet-repeating-skills">
<table style="width:95%; margin: 0 auto;">
<tr>
<th class="sheet-skill-table-name"><b>NAME</b></th>
<th class="sheet-skill-table-rank"><b>RANK</b></th>
<th class="sheet-skill-table-mods"><b>Trait/SV/DV/DMG Changes</b></th>
</tr>
<tr>
<td><textarea class=sheet-skill-table-namebox placeholder="e.g., Dodge"></textarea></td>
<td><textarea class=sheet-skill-table-rankbox placeholder="---"></textarea></td>
<td><textarea class=sheet-skill-table-modsbox placeholder="e.g., +10 STR, +1d6 DMG, -1d6 APP"></textarea></td>
</tr>
<tr>
<td><textarea class=sheet-skill-table-namebox></textarea></td>
<td><textarea class=sheet-skill-table-rankbox placeholder="---"></textarea></td>
<td><textarea class=sheet-skill-table-modsbox></textarea></td>
</tr>
<tr>
<td><textarea class=sheet-skill-table-namebox></textarea></td>
<td><textarea class=sheet-skill-table-rankbox placeholder="---"></textarea></td>
<td><textarea class=sheet-skill-table-modsbox></textarea></td>
</tr>
<tr>
<td><textarea class=sheet-skill-table-namebox></textarea></td>
<td><textarea class=sheet-skill-table-rankbox placeholder="---"></textarea></td>
<td><textarea class=sheet-skill-table-modsbox></textarea></td>
</tr>
<tr>
<td><textarea class=sheet-skill-table-namebox></textarea></td>
<td><textarea class=sheet-skill-table-rankbox placeholder="---"></textarea></td>
<td><textarea class=sheet-skill-table-modsbox></textarea></td>
</tr>
<tr>
<td><textarea class=sheet-skill-table-namebox></textarea></td>
<td><textarea class=sheet-skill-table-rankbox placeholder="---"></textarea></td>
<td><textarea class=sheet-skill-table-modsbox></textarea></td>
</tr>
<tr>
<td><textarea class=sheet-skill-table-namebox></textarea></td>
<td><textarea class=sheet-skill-table-rankbox placeholder="---"></textarea></td>
<td><textarea class=sheet-skill-table-modsbox></textarea></td>
</tr>
<tr>
<td><textarea class=sheet-skill-table-namebox></textarea></td>
<td><textarea class=sheet-skill-table-rankbox placeholder="---"></textarea></td>
<td><textarea class=sheet-skill-table-modsbox></textarea></td>
</tr>
<tr>
<td><textarea class=sheet-skill-table-namebox></textarea></td>
<td><textarea class=sheet-skill-table-rankbox placeholder="---"></textarea></td>
<td><textarea class=sheet-skill-table-modsbox></textarea></td>
</tr>
<tr>
<td><textarea class=sheet-skill-table-namebox></textarea></td>
<td><textarea class=sheet-skill-table-rankbox placeholder="---"></textarea></td>
<td><textarea class=sheet-skill-table-modsbox></textarea></td>
</tr>
<tr>
<td><textarea class=sheet-skill-table-namebox></textarea></td>
<td><textarea class=sheet-skill-table-rankbox placeholder="---"></textarea></td>
<td><textarea class=sheet-skill-table-modsbox></textarea></td>
</tr>
<tr>
<td><textarea class=sheet-skill-table-namebox></textarea></td>
<td><textarea class=sheet-skill-table-rankbox placeholder="---"></textarea></td>
<td><textarea class=sheet-skill-table-modsbox></textarea></td>
</tr>
<tr>
<td><textarea class=sheet-skill-table-namebox></textarea></td>
<td><textarea class=sheet-skill-table-rankbox placeholder="---"></textarea></td>
<td><textarea class=sheet-skill-table-modsbox></textarea></td>
</tr>
<tr>
<td><textarea class=sheet-skill-table-namebox></textarea></td>
<td><textarea class=sheet-skill-table-rankbox placeholder="---"></textarea></td>
<td><textarea class=sheet-skill-table-modsbox></textarea></td>
</tr>
<tr>
<td><textarea class=sheet-skill-table-namebox></textarea></td>
<td><textarea class=sheet-skill-table-rankbox placeholder="---"></textarea></td>
<td><textarea class=sheet-skill-table-modsbox></textarea></td>
</tr>
<tr>
<td><textarea class=sheet-skill-table-namebox></textarea></td>
<td><textarea class=sheet-skill-table-rankbox placeholder="---"></textarea></td>
<td><textarea class=sheet-skill-table-modsbox></textarea></td>
</tr>
<tr>
<td><textarea class=sheet-skill-table-namebox></textarea></td>
<td><textarea class=sheet-skill-table-rankbox placeholder="---"></textarea></td>
<td><textarea class=sheet-skill-table-modsbox></textarea></td>
</tr>
<tr>
<td><textarea class=sheet-skill-table-namebox></textarea></td>
<td><textarea class=sheet-skill-table-rankbox placeholder="---"></textarea></td>
<td><textarea class=sheet-skill-table-modsbox></textarea></td>
</tr>
<tr>
<td><textarea class=sheet-skill-table-namebox></textarea></td>
<td><textarea class=sheet-skill-table-rankbox placeholder="---"></textarea></td>
<td><textarea class=sheet-skill-table-modsbox></textarea></td>
</tr>
<tr>
<td><textarea class=sheet-skill-table-namebox></textarea></td>
<td><textarea class=sheet-skill-table-rankbox placeholder="---"></textarea></td>
<td><textarea class=sheet-skill-table-modsbox></textarea></td>
</tr>
</table>
</div>
</div>
<div class="sheet-tab-items sheet-section sheet-grey-table">
<h1 style="text-align:center;">Equipment</h1>
<table>
<tr>
<td style="text-align:center"><b>Equipment Code</b></td>
<td><input type="text" name="attr_equipment_code" style="width:5em;"/></td>
<td style="text-align:center"><b>Silver (SP)</b></td>
<td><input type="number" step="1" value="0" name="attr_equipment_sp" style="width:5em;"/></td>
<td style="text-align:center"><b>Gold (GP)</b></td>
<td><input type="number" step="1" value="0" name="attr_equipment_gp" style="width:6em;"/></td>
</tr>
</table>
<table>
<tr>
<td style="text-align:center"><b>Days of Rations</b></td>
<td><input type="number" step="1" value="0" style="width:5em;"/></td>
<td style="text-align:center"><b>Liters of Water</b></td>
<td><input type="number" step="1" value="0" style="width:5em;"/></td>
<td style="text-align:center"><b>Debts</b></td>
<td><input type="number" step="1" value="0" style="width:6em;"/></td>
</tr>
</table>
<label>Valuables Carried</label>
<textarea rows="20" cols="10">
</textarea>
</div>
<div class="sheet-tab-bio sheet-section sheet-grey-table">
<h1 style="text-align:center;">Character Personality and Bio</h1>
<table>
<tr>
<td><b>Gender</b></td>
<td><input type="text" style="width:9em;"/></td>
</tr>
<tr>
<td><b>Birthday</b></td>
<td><input type="text" style="width:9em;"/></td>
</tr>
<tr>
<td><b>Age</b></td>
<td><input type="text" style="width:9em;"/></td>
</tr>
<tr>
<td><b>Weight</b></td>
<td><input type="text" style="width:9em;"/></td>
</tr>
<tr>
<td><b>Height</b></td>
<td><input type="text" style="width:9em;"/></td>
</tr>
<tr>
<td><b>Eye Color</b></td>
<td><input type="text" style="width:9em;"/></td>
</tr>
<tr>
<td><b>Other Features</b></td>
<td><input type="text" style="width:35em;"/></td>
</tr>
<tr>
<td><b>Handed</b></td>
<td><input type="text" style="width:9em;"/></td>
</tr>
<tr>
<td><b>Swimming Ability</b></td>
<td><input type="text" style="width:9em;"/></td>
</tr>
<tr>
<td><b>Read and Write?</b></td>
<td><input type="text" style="width:9em;"/></td>
</tr>
<tr>
<td><b>Do Math?</b></td>
<td><input type="text" style="width:9em;"/></td>
</tr>
<tr>
<td><b>Religious</b></td>
<td><input type="text" style="width:9em;"/></td>
</tr>
<tr>
<td><b>Languages Spoken</b></td>
<td><input type="text" style="width:35em;"/></td>
</tr>
<tr>
<td><b>Diseases or Parasites?</b></td>
<td><input type="text" style="width:35em;"/></td>
</tr>
<tr>
<td><b>Cancer?</b></td>
<td><input type="text" style="width:9em;"/></td>
</tr>
<tr>
<td><b>Radiation Exposure</b></td>
<td><input type="text" style="width:35em;"/></td>
</tr>
<tr>
<td><b>Bounty on PC's Head?</b></td>
<td><input type="text" style="width:35em;"/></td>
</tr>
</table>
</div>
<div class="sheet-tab-other sheet-section sheet-grey-table">
<h1 style="text-align:center;">Other Stuff</h1>
<h2 style="text-align:center;">Non-carried possesions</h2>
<textarea rows="20" cols="10">
</textarea>
<hr/>
<h2 style="text-align:center;">History</h2>
<textarea rows="20" cols="10">
</textarea>
<hr/>
<h2 style="text-align:center;">Property</h2>
<textarea rows="20" cols="10">
</textarea>
<hr/>
<h2 style="text-align:center;">Slaves</h2>
<textarea rows="20" cols="10">
</textarea>
<hr/>
<h2 style="text-align:center;">Pets</h2>
<textarea rows="20" cols="10">
</textarea>
<hr/>
<h2 style="text-align:center;">Vanquished Foes</h2>
<textarea rows="20" cols="10">
</textarea>
<hr/>
<h2 style="text-align:center;">Misc Notes</h2>
<textarea rows="20" cols="10">
</textarea>
<hr/>
</div>
<div class="sheet-tab-help sheet-section">
<p> Placeholder</p>
</div>
</div> <!-- dont put anything outside of this, end of skeleton container -->
Binary file not shown.

After

Width:  |  Height:  |  Size: 263 KiB

+8
View File
@@ -0,0 +1,8 @@
{
"html": "The Mutant Epoch.html",
"css": "The Mutant Epoch.css",
"authors": "Justin M.",
"roll20userid": "34921",
"preview": "The Mutant Epoch.png",
"instructions": "For use with The Mutant Epoch."
}