diff --git a/The Mutant Epoch/The Mutant Epoch.css b/The Mutant Epoch/The Mutant Epoch.css new file mode 100644 index 0000000000..3378f56331 --- /dev/null +++ b/The Mutant Epoch/The Mutant Epoch.css @@ -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) {} \ No newline at end of file diff --git a/The Mutant Epoch/The Mutant Epoch.html b/The Mutant Epoch/The Mutant Epoch.html new file mode 100644 index 0000000000..17334dec65 --- /dev/null +++ b/The Mutant Epoch/The Mutant Epoch.html @@ -0,0 +1,650 @@ + + + {{#name}} + + {{/name}} + + + + {{#rollTotal() attack 1}} + + {{/rollTotal() attack 1}} + {{#rollTotal() attack 2}} + + {{/rollTotal() attack 2}} + {{#rollTotal() attack 3}} + + {{/rollTotal() attack 3}} + {{#rollTotal() attack 4}} + + {{/rollTotal() attack 4}} + {{#rollTotal() attack 5}} + + {{/rollTotal() attack 5}} + + + {{#rollTotal() attack 100}} + + {{/rollTotal() attack 100}} + {{#rollTotal() attack 99}} + + {{/rollTotal() attack 99}} + {{#rollTotal() attack 98}} + + {{/rollTotal() attack 98}} + {{#rollTotal() attack 97}} + + {{/rollTotal() attack 97}} + {{#rollTotal() attack 96}} + + {{/rollTotal() attack 96}} + + + {{#rollTotal() twohand 0}} + + {{/rollTotal() twohand 0}} + {{#rollTotal() twohand 1}} + + {{/rollTotal() twohand 1}} + + {{#rollTotal() twohand 0}} + + {{/rollTotal() twohand 0}} + {{#rollTotal() twohand 1}} + + {{/rollTotal() twohand 1}} +
{{name}}
Roll: {{attack}}
CRIT! {{crit}}
Automatic Hit!
Automatic Hit!
Automatic Hit!
Automatic Hit!
FUMBLE! {{crit}}
Automatic Miss!
Automatic Miss!
Automatic Miss!
Automatic Miss!
SV 1Hand {{svone}}
SV 2Hand {{svtwo}}
DMG 1Hand {{dmgone}}
DMG 2Hand {{dmgtwo}}
+ + + +
+
+ +
+ + + + + + + + + + +
+ +
+
+
+ + +
+
+ +
+
+ +
+
+
+ +
+ + + +
+
+
+ + +
+
+
+

Stats

+
+ +
+
+ + +
+
/
+
+ + +
+
+ + +
+ +
+ +
+ +
+ +
+
+ + +
+
+ + +
+
+ + +
+
+ +
+
+ + +
+
+ + +
+
+ + +
+
+ +
+
+ + +
+
+ +
+
+ + +
+
+ +
+
+ + +
+
+
+ +
+ +
+
+ + +
+
+ + +
+
+ +
+
+ + +
+
+ + +
+
+ +
+
+ + +
+
+ +
+
+ + +
+
+
+
+
+ +
+
+

Defense

+ +
+
+

Final DV/MV

+
+
+ + +
+
+ + +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
ProtectionDVMoveTypeActive?
Agility Mod:
Armor Worn:
Helmet Worn:
Shield Used:
Dodge Skill?:
Other Skill?::
Other Mods:
+
+ +
+

Attack Mode

+
+
+ + +
+
+ + +
+
+
+ +
+
+ +
+
+ + +
+
+ +
+
+ +
+
+ + +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ + +
+
+
+
+
+
+ +
+

Mutations, Implants & Skills

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NAMERANKTrait/SV/DV/DMG Changes
+
+
+ +
+

Equipment

+ + + + + + + + + +
Equipment CodeSilver (SP)Gold (GP)
+ + + + + + + + + + +
Days of RationsLiters of WaterDebts
+ + + + +
+ +
+

Character Personality and Bio

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Gender
Birthday
Age
Weight
Height
Eye Color
Other Features
Handed
Swimming Ability
Read and Write?
Do Math?
Religious
Languages Spoken
Diseases or Parasites?
Cancer?
Radiation Exposure
Bounty on PC's Head?
+
+ +
+

Other Stuff

+

Non-carried possesions

+ +
+ +

History

+ +
+ +

Property

+ +
+ +

Slaves

+ +
+ +

Pets

+ +
+ +

Vanquished Foes

+ +
+ +

Misc Notes

+ +
+
+ +
+

Placeholder

+
+ + +
\ No newline at end of file diff --git a/The Mutant Epoch/The Mutant Epoch.png b/The Mutant Epoch/The Mutant Epoch.png new file mode 100644 index 0000000000..53914617af Binary files /dev/null and b/The Mutant Epoch/The Mutant Epoch.png differ diff --git a/The Mutant Epoch/sheet.json b/The Mutant Epoch/sheet.json new file mode 100644 index 0000000000..eda692c90a --- /dev/null +++ b/The Mutant Epoch/sheet.json @@ -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." +} \ No newline at end of file