Merge pull request #1826 from Matt-Morton/master

Character sheet for Masks: A New Generation created
This commit is contained in:
Phil
2016-08-10 16:45:30 -05:00
committed by GitHub
4 changed files with 1060 additions and 0 deletions
+555
View File
@@ -0,0 +1,555 @@
p {
font-family: Arial, Helvetica, sans-serif; !important;
}
.charsheet .sheet-maindiv label {
display: inline-block;
width: auto;
margin-left: 5px;
}
/* horizontal dividing line */
hr {
display: block;
margin-top: 0.5em;
margin-bottom: 0.5em;
margin-left: auto;
margin-right: auto;
}
/* cityscape banner */
.charsheet .sheet-maindiv .sheet-section-header {
background: url('http://i.imgur.com/VzFYeyS.png') repeat-x left center transparent;
height: 45px;
width: 100%;
box-sizing: border-box;
-moz-box-sizing: border-box;
}
/* entire column sizing & background */
.charsheet .sheet-maindiv .sheet-col.sheet-odd{
background: #d3e5f5 url('http://i.imgur.com/b61mWlr.png') repeat left top;
margin: 0px;
width: 235px;
}
.charsheet .sheet-maindiv .sheet-col.sheet-even{
background: #d3e5f5 url('http://i.imgur.com/b61mWlr.png') repeat left top;
margin-left: 25px;
margin-right: 25px;
width: calc(99% - 520px);
}
/* Freak, Danger etc titles */
.charsheet .sheet-maindiv label.sheet-name {
width: 105px;
font-weight: bold;
font-size: 1.5em;
line-height: 0.1em;
}
/* Conditions roll title */
.charsheet .sheet-maindiv label.sheet-nameconditions {
width: 122px;
font-size: 1.5em;
line-height: 0.1em;
}
/* Sum of Labels title */
.charsheet .sheet-maindiv label.sheet-netlabels {
width: 122px;
line-height: 0.1em;
margin-left: 37px;
}
.sheet-attr-box .sheet-locked{
display: none;
}
.sheet-attr-box .sheet-statline{
display: inline-block;
}
/* for locking Labels */
.sheet-labellock:checked ~ .sheet-statline{
display: none;
}
.sheet-labellock:checked ~ .sheet-locked{
display: inline-block;
}
/* Conditions column labels */
.charsheet .sheet-maindiv label.sheet-conditionname {
width: 115px;
padding-left: 10px;
font-size: 1.5em;
line-height: 0.7em;
}
/* section title blocks */
.charsheet .sheet-maindiv .sheet-col .sheet-section-title-labels,
.charsheet .sheet-maindiv .sheet-col .sheet-section-title-potential,
.charsheet .sheet-maindiv .sheet-col .sheet-section-title-advancements,
.charsheet .sheet-maindiv .sheet-col .sheet-section-title-actives,
.charsheet .sheet-maindiv .sheet-col .sheet-section-title-passives,
.charsheet .sheet-maindiv .sheet-col .sheet-section-title-conditions,
.charsheet .sheet-maindiv .sheet-col .sheet-section-title-influence,
.charsheet .sheet-maindiv .sheet-col .sheet-section-title-drives,
.charsheet .sheet-maindiv .sheet-col .sheet-section-title-heart,
.charsheet .sheet-maindiv .sheet-col .sheet-section-title-doomtrack,
.charsheet .sheet-maindiv .sheet-col .sheet-section-title-burn,
.charsheet .sheet-maindiv .sheet-col .sheet-section-title-mentor,
.charsheet .sheet-maindiv .sheet-col .sheet-section-title-lessons,
.charsheet .sheet-maindiv .sheet-col .sheet-section-title-contacts{
height: 57px;
box-sizing: border-box;
-moz-box-sizing: border-box;
}
.charsheet .sheet-maindiv .sheet-col .sheet-section-title-labels{
background: url('http://i.imgur.com/q6S91js.png') no-repeat left top, url('http://i.imgur.com/XlwKcId.png') repeat-x left top; }
.charsheet .sheet-maindiv .sheet-col .sheet-section-title-potential {
background: url('http://i.imgur.com/E292Tiz.png') no-repeat left top, url('http://i.imgur.com/XlwKcId.png') repeat-x left top; }
.charsheet .sheet-maindiv .sheet-col .sheet-section-title-advancements {
background: url('http://i.imgur.com/WBc3WPs.png') no-repeat left top, url('http://i.imgur.com/XlwKcId.png') repeat-x left top; }
.charsheet .sheet-maindiv .sheet-col .sheet-section-title-actives {
background: url('http://i.imgur.com/WHSu2FT.png') no-repeat left top, url('http://i.imgur.com/XlwKcId.png') repeat-x left top; }
.charsheet .sheet-maindiv .sheet-col .sheet-section-title-passives {
background: url('http://i.imgur.com/RQFxnZs.png') no-repeat left top, url('http://i.imgur.com/XlwKcId.png') repeat-x left top; }
.charsheet .sheet-maindiv .sheet-col .sheet-section-title-conditions {
background: url('http://i.imgur.com/BACKOR7.png') no-repeat left top, url('http://i.imgur.com/XlwKcId.png') repeat-x left top; }
.charsheet .sheet-maindiv .sheet-col .sheet-section-title-influence {
background: url('http://i.imgur.com/ECvK3Re.png') no-repeat left top, url('http://i.imgur.com/XlwKcId.png') repeat-x left top; }
.charsheet .sheet-maindiv .sheet-col .sheet-section-title-drives {
background: url('http://i.imgur.com/Pk44DfN.png') no-repeat left top, url('http://i.imgur.com/XlwKcId.png') repeat-x left top; }
.charsheet .sheet-maindiv .sheet-col .sheet-section-title-heart {
background: url('http://i.imgur.com/9o6rwdm.png') no-repeat left top, url('http://i.imgur.com/XlwKcId.png') repeat-x left top; }
.charsheet .sheet-maindiv .sheet-col .sheet-section-title-doomtrack {
background: url('http://i.imgur.com/HmVXW5p.png') no-repeat left top, url('http://i.imgur.com/XlwKcId.png') repeat-x left top; }
.charsheet .sheet-maindiv .sheet-col .sheet-section-title-burn {
background: url('http://i.imgur.com/4p7XJSb.png') no-repeat left top, url('http://i.imgur.com/XlwKcId.png') repeat-x left top; }
.charsheet .sheet-maindiv .sheet-col .sheet-section-title-mentor {
background: url('http://i.imgur.com/TRVVvDp.png') no-repeat left top, url('http://i.imgur.com/XlwKcId.png') repeat-x left top; }
.charsheet .sheet-maindiv .sheet-col .sheet-section-title-lessons {
background: url('http://i.imgur.com/AcsBm9H.png') no-repeat left top, url('http://i.imgur.com/XlwKcId.png') repeat-x left top; }
.charsheet .sheet-maindiv .sheet-col .sheet-section-title-contacts {
background: url('http://i.imgur.com/k68TLsZ.png') no-repeat left top, url('http://i.imgur.com/XlwKcId.png') repeat-x left top; }
/* gap between column edge and interior elements */
.charsheet .sheet-attr-box {
padding-left: 5px;
}
/* number inputs ie. Label values */
.charsheet .sheet-attr-box input[type=number]{
margin-right: 5px;
width: 50px;
text-align: center;
font-size: 1em;
font-weight: bold;
}
.charsheet .sheet-roll-box input[type=checkbox]{
margin-left: 10px;
}
.ui-dialog .charsheet button[type=roll]{
float: right;
}
label.sheet-attr {
font-size: 1.5em;
display: inline-block;
}
.repcontainer div.repitem {
padding-left: 5px;
padding-right: 5px;
padding-bottom: 5px;
}
/* Move: */
div.repitem .sheet-movenametext {
width: 50px;
box-sizing: border-box;
}
/* Label: */
div.repitem .sheet-movenametextlabel {
margin-left: 37px;
width: 50px;
box-sizing: border-box;
}
/* default text input */
div.repitem input[type=text]{
width: 100%;
padding-left: 8px;
box-sizing: border-box;
font-size: 0.9em;
}
/* move name text inputs */
.sheet-actives div.repitem input[type=text]{
width: 184px;
padding-left: 8px;
font-weight: bold;
font-size: 1em;
box-sizing: border-box;
}
.sheet-passives div.repitem input[type=text]{
width: 215px;
padding-left: 8px;
font-weight: bold;
font-size: 1em;
box-sizing: border-box;
}
/* space around Add, Modify buttons etc */
.repcontrol {
margin-bottom: 10px;
padding-left: 5px;
padding-right: 5px;
}
/* active move drop-down box */
.repcontainer div.repitem select {
width: 184px;
margin: 0;
}
div.repitem .sheet-desc, div.repitem .sheet-passivedesc {
box-sizing: border-box;
}
.repitem textarea,.sheet-box textarea {
width: 100%;
height: 61px;
resize: vertical;
font-size: 0.9em;
box-sizing: border-box;
}
/* collapse moves */
.sheet-activemoveshowhide:checked ~ .sheet-activemovecontent{
display: none;
}
.sheet-passivemoveshowhide:checked ~ .sheet-passivemovecontent{
display: none;
}
/* italic descriptors */
.sheet-roll-box label.sheet-taglines,
.sheet-roll-box label.sheet-conditiontaglines{
max-width: 100%;
margin: 0;
padding-top: 0px;
padding-left: 37px;
font-size: 0.9em;
font-weight: normal;
font-style: italic;
}
/* all the playbook selection wizardry */
.sheet-beacon,
.sheet-bull,
.sheet-delinquent,
.sheet-doomed,
.sheet-janus,
.sheet-legacy,
.sheet-nova,
.sheet-outsider,
.sheet-protege,
.sheet-transformed,
.sheet-innocent,
.sheet-joined,
.sheet-newborn,
.sheet-reformed,
.sheet-star,
.sheet-something {
display: none;
}
.sheet-playbookSelected {
display: none;
}
.sheet-lock:checked ~ .sheet-playbook,
.sheet-lock:checked ~ .sheet-playbook + label {
display: none;
}
.sheet-lock:checked ~ .sheet-playbook:checked,
.sheet-lock:checked ~ .sheet-playbook:checked + label,
.sheet-lock:checked ~ .sheet-playbookSelected {
display: inline-block;
}
.sheet-lock:not(:checked) ~ .sheet-playbook,
.sheet-lock:not(:checked) ~ .sheet-playbook + label {
display: inline-block;
}
.sheet-lock:checked ~ .sheet-classcol {
display: none;
}
.sheet-classcol > .sheet-playbook:checked,
.sheet-classcol > .sheet-playbook:checked + label {
display: inline-block;
}
input.sheet-showhide:checked ~ .sheet-subbox {display: none;}
.sheet-isbeacon:checked ~ .sheet-beacon,
.sheet-isbull:checked ~ .sheet-bull,
.sheet-isdelinquent:checked ~ .sheet-delinquent,
.sheet-isdoomed:checked ~ .sheet-doomed,
.sheet-isjanus:checked ~ .sheet-janus,
.sheet-islegacy:checked ~ .sheet-legacy,
.sheet-isnova:checked ~ .sheet-nova,
.sheet-isoutsider:checked ~ .sheet-outsider,
.sheet-isprotege:checked ~ .sheet-protege,
.sheet-istransformed:checked ~ .sheet-transformed,
.sheet-isinnocent:checked ~ .sheet-innocent,
.sheet-isjoined:checked ~ .sheet-joined,
.sheet-isnewborn:checked ~ .sheet-newborn,
.sheet-isreformed:checked ~ .sheet-reformed,
.sheet-isstar:checked ~ .sheet-star,
.sheet-issomething:checked ~ .sheet-something {
display: block;
}
.sheet-playbookSelected .sheet-playbook {
font-weight: bold;
font-size: 1.5em;
}
.sheet-subbox .sheet-movenametext {
padding-left: 5px;
width: 60px;
line-height: 1.3em;
text-align: left;
box-sizing: border-box;
}
/* The Beacon */
.sheet-beacon div.repitem input[type=text]{
width: 198px;
padding-left: 8px;
}
.sheet-beacon div.repitem input[type=checkbox]{
margin-left: 5px;
margin-right: 5px;
}
.sheet-beacon div.repitem .sheet-showhide{
font-size: 0.9em;
font-weight: normal;
font-style: italic;
}
.sheet-beacon .sheet-beacondrivehide:checked ~ .sheet-beacondriveseries{
display: none;
}
.sheet-beacon .sheet-beacondrivecompleted:checked + .sheet-beacondrive{
text-decoration: line-through;
}
/* The Bull */
.sheet-bull .sheet-heart label{
margin-left: 10px;
width: 46px;
}
.sheet-bull input[type=text]{
width: 160px;
padding-left: 8px;
margin-right: 5px;
box-sizing: border-box;
}
.sheet-bull .sheet-hearttagline{
padding-left: 5px;
font-size: 0.9em;
font-weight: normal;
font-style: italic;
}
/* The Doomed */
.sheet-doomed .sheet-doomsign,
.sheet-doomed .sheet-doomsignfinal{
text-decoration: line-through;
font-size: 0.9em;
font-weight: normal;
padding-right: 0px;
}
.sheet-doomed .sheet-doomsignmarked{
margin-left: 7px;
}
.sheet-doomed .sheet-doomsignmarked:checked + .sheet-doomsign{
text-decoration: underline;
font-weight: bold;
}
.sheet-doomed .sheet-doomsignmarked:checked + .sheet-doomsignfinal{
text-decoration: underline;
font-weight: bold;
font-size: 1.5em;
font-style: italic;
}
/* The Nova */
.sheet-nova .sheet-burn{
margin-left: 5px;
margin-bottom: 7px;
}
.sheet-nova .sheet-burntagline{
padding-left: 5px;
font-size: 0.9em;
font-weight: normal;
font-style: italic;
}
/* The Protege */
.sheet-protege .sheet-mentor {
margin-left: 5px;
margin-bottom: 7px;
}
.sheet-protege label.sheet-mentortitle {
width: 74px;
}
.sheet-protege select {
width: 100px;
margin-bottom: 0px;
}
/* The Newborn */
.sheet-newborn input[type=text]{
width: 225px;
margin-left: 5px;
margin-bottom: 3px;
font-size: 0.9em;
}
/**
* http://nicolasgallagher.com/micro-clearfix-hack/
* For modern browsers
* 1. The space content is one way to avoid an Opera bug when the
* contenteditable attribute is included anywhere else in the document.
* Otherwise it causes space to appear at the top and bottom of elements
* that are clearfixed.
* 2. The use of `table` rather than `block` is only necessary if using
* `:before` to contain the top-margins of child elements.
*/
.sheet-cf:before,
.sheet-cf:after {
content: " "; /* 1 */
display: table; /* 2 */
}
.sheet-cf:after {
clear: both;
}
/* roll template */
.sheet-rolltemplate-aw table {
width: 189px;
height: 189px;
padding: 2px;
background: url(http://i.imgur.com/EkH4alD.png) top left;
background-size: 189px 189px;
background-repeat: no-repeat;
border-spacing: 0;
}
/* hero name + roll name */
.sheet-rolltemplate-aw th {
color: #333333;
padding-top: 20px;
padding-right: 12px;
padding-left: 10px;
line-height: 1.2em;
font-family: "comic sans", cursive, sans-serif;
font-size: 1.1em;
vertical-align: center;
border-spacing: 0;
}
/* big number dice result */
.sheet-rolltemplate-aw .sheet-result {
font-family: "comic sans", cursive, sans-serif;
font-size: 2em;
padding-top: 0px;
padding-right: 0px;
padding-left: 11px;
vertical-align: top;
text-decoration: none;
text-align: center;
}
/* Hit, Miss, YEAH! etc */
.sheet-rolltemplate-aw td {
color: #333333;
height: 78px;
width: 153px;
padding-top: 0px;
padding-right: 30px;
font-family: "comic sans", cursive, sans-serif;
font-size: 1.3em;
font-weight: bold;
vertical-align: top;
text-align: center;
}
/* roll name adjustment */
.sheet-rolltemplate-aw .rolledmovename {
font-weight: bold;
font-style: italic;
font-size: 1.2em;
}
/* 10+ colour */
.sheet-rolltemplate-aw .sheet-success .inlinerollresult,
.sheet-rolltemplate-aw .sheet-success .inlinerollresult.fullcrit,
.sheet-rolltemplate-aw .sheet-success .inlinerollresult.fullfail,
.sheet-rolltemplate-aw .sheet-success .inlinerollresult.importantroll{
background-color: transparent;
color: #22AA22;
border: none;
}
/* 7-9 colour */
.sheet-rolltemplate-aw .inlinerollresult,
.sheet-rolltemplate-aw .inlinerollresult.fullcrit,
.sheet-rolltemplate-aw .inlinerollresult.fullfail,
.sheet-rolltemplate-aw .inlinerollresult.importantroll{
background-color: transparent;
color: #000080;
border: none;
}
/* 6- colour */
.sheet-rolltemplate-aw .sheet-failure .inlinerollresult,
.sheet-rolltemplate-aw .sheet-failure .inlinerollresult.fullcrit,
.sheet-rolltemplate-aw .sheet-failure .inlinerollresult.fullfail,
.sheet-rolltemplate-aw .sheet-failure .inlinerollresult.importantroll{
background-color: transparent;
color: #B31515;
border: none;
}
+497
View File
@@ -0,0 +1,497 @@
<div class='sheet-maindiv'>
<!-- playbook selection -->
<input type='checkbox' name='attr_lock_playbook' class='sheet-lock'>
<input type='checkbox' name='attr_lock_playbook' class='sheet-lock' style="display: none;">
<label class="sheet-name">Playbook:</label>
<div class="sheet-playbookSelected" style="width: 640px">
<input type='checkbox' name='attr_lock_playbook' class='sheet-lock' style="display: none;">
<input type="checkbox" name="attr_playbook" class="sheet-playbook" value='Beacon'/><label>The Beacon</label>
<input type="checkbox" name="attr_playbook" class="sheet-playbook" value='Bull'/><label>The Bull</label>
<input type="checkbox" name="attr_playbook" class="sheet-playbook" value='Delinquent'/><label>The Delinquent</label>
<input type="checkbox" name="attr_playbook" class="sheet-playbook" value='Doomed'/><label>The Doomed</label>
<input type="checkbox" name="attr_playbook" class="sheet-playbook" value='Janus'/><label>The Janus</label>
<input type="checkbox" name="attr_playbook" class="sheet-playbook" value='Legacy'/><label>The Legacy</label>
<input type="checkbox" name="attr_playbook" class="sheet-playbook" value='Nova'/><label>The Nova</label>
<input type="checkbox" name="attr_playbook" class="sheet-playbook" value='Outsider'/><label>The Outsider</label>
<input type="checkbox" name="attr_playbook" class="sheet-playbook" value='Protege'/><label>The Protégé</label>
<input type="checkbox" name="attr_playbook" class="sheet-playbook" value='Transformed'/><label>The Transformed</label>
<input type="checkbox" name="attr_playbook" class="sheet-playbook" value='Innocent'/><label>The Innocent</label>
<input type="checkbox" name="attr_playbook" class="sheet-playbook" value='Joined'/><label>The Joined</label>
<input type="checkbox" name="attr_playbook" class="sheet-playbook" value='Newborn'/><label>The Newborn</label>
<input type="checkbox" name="attr_playbook" class="sheet-playbook" value='Reformed'/><label>The Reformed</label>
<input type="checkbox" name="attr_playbook" class="sheet-playbook" value='Star'/><label>The Star</label>
<input type="checkbox" name="attr_playbook" class="sheet-playbook" value='Something'/><label>Something Else</label>
</div>
<div class="sheet-col sheet-classcol" style="width: 640px">
<input type="checkbox" name="attr_playbook" class="sheet-playbook" value='Beacon'/><label>The Beacon</label>
<input type="checkbox" name="attr_playbook" class="sheet-playbook" value='Bull'/><label>The Bull</label>
<input type="checkbox" name="attr_playbook" class="sheet-playbook" value='Delinquent'/><label>The Delinquent</label>
<input type="checkbox" name="attr_playbook" class="sheet-playbook" value='Doomed'/><label>The Doomed</label>
<input type="checkbox" name="attr_playbook" class="sheet-playbook" value='Janus'/><label>The Janus</label><br>
<input type="checkbox" name="attr_playbook" class="sheet-playbook" value='Legacy'/><label>The Legacy</label>
<input type="checkbox" name="attr_playbook" class="sheet-playbook" value='Nova'/><label>The Nova</label>
<input type="checkbox" name="attr_playbook" class="sheet-playbook" value='Outsider'/><label>The Outsider</label>
<input type="checkbox" name="attr_playbook" class="sheet-playbook" value='Protege'/><label>The Protégé</label>
<input type="checkbox" name="attr_playbook" class="sheet-playbook" value='Transformed'/><label>The Transformed</label><hr>
<input type="checkbox" name="attr_playbook" class="sheet-playbook" value='Innocent'/><label>The Innocent</label>
<input type="checkbox" name="attr_playbook" class="sheet-playbook" value='Joined'/><label>The Joined</label>
<input type="checkbox" name="attr_playbook" class="sheet-playbook" value='Newborn'/><label>The Newborn</label>
<input type="checkbox" name="attr_playbook" class="sheet-playbook" value='Reformed'/><label>The Reformed</label>
<input type="checkbox" name="attr_playbook" class="sheet-playbook" value='Star'/><label>The Star</label><br>
<input type="checkbox" name="attr_playbook" class="sheet-playbook" value='Something'/><label>Something Else</label>
<input type='checkbox' name='attr_lock_playbook' class='sheet-lock' style="display: none;">
</div>
<!-- cityscape banner -->
<div class="sheet-section-header"></div>
<div class="sheet-3colrow">
<!-- left column -->
<div class="sheet-col odd">
<div class="sheet-class-moves sheet-section-title-labels"></div>
<div class="sheet-attr-box">
<button type='roll' value='&{template:aw} {{name=@{character_name}}} {{roll_name=Freak}} {{roll_mod=@{freak}}} {{result=[[2d6 + [[{[[{[[@{freak} - @{hopeless} * 2 + ?{Situational bonus/penalty?|0}]],-3}dl1]],4}kl1]][Modifier]]]}}' name='roll_freak' ></button>
<label class="sheet-name">Freak:</label>
<input type="checkbox" name="attr_freaklock" class="labellock">
<div class="statline">
<input type="number" name="attr_freak" min="-2" max="3" class="stat">
</div>
<div class="locked">
<input type="number" name="attr_freaklocked" value="@{freak}" class="lockedbox" disabled>
</div>
<div class="sheet-roll-box sheet-cf">
<label class="sheet-taglines">(unleash your powers)</label>
</div>
</div>
<br>
<div class="sheet-attr-box">
<button type='roll' value='&{template:aw} {{name=@{character_name}}} {{roll_name=Danger}} {{roll_mod=@{danger}}} {{result=[[2d6 + [[{[[{[[@{danger} - @{afraid} * 2 + ?{Situational bonus/penalty?|0}]],-3}dl1]],4}kl1]][Modifier]]]}}' name='roll_danger' ></button>
<label class="sheet-name">Danger:</label>
<input type="checkbox" name="attr_dangerlock" class="labellock">
<div class="statline">
<input type="number" name="attr_danger" min="-2" max="3" class="stat">
</div>
<div class="locked">
<input type="number" name="attr_dangerlocked" value="@{danger}" class="lockedbox" disabled>
</div>
<div class="sheet-roll-box sheet-cf">
<label class="sheet-taglines">(directly engage)</label>
</div>
</div>
<br>
<div class="sheet-attr-box">
<button type='roll' value='&{template:aw} {{name=@{character_name}}} {{roll_name=Savior}} {{roll_mod=@{savior}}} {{result=[[2d6 + [[{[[{[[@{savior} - @{insecure} * 2 + ?{Situational bonus/penalty?|0}]],-3}dl1]],4}kl1]][Modifier]]]}}' name='roll_savior' ></button>
<label class="sheet-name">Savior:</label>
<input type="checkbox" name="attr_saviorlock" class="labellock">
<div class="statline">
<input type="number" name="attr_savior" min="-2" max="3" class="stat">
</div>
<div class="locked">
<input type="number" name="attr_saviorlocked" value="@{savior}" class="lockedbox" disabled>
</div>
<div class="sheet-roll-box sheet-cf">
<label class="sheet-taglines">(defend)</label>
</div>
</div>
<br>
<div class="sheet-attr-box">
<button type='roll' value='&{template:aw} {{name=@{character_name}}} {{roll_name=Superior}} {{roll_mod=@{superior}}} {{result=[[2d6 + [[{[[{[[@{superior} - @{guilty} * 2 + ?{Situational bonus/penalty?|0}]],-3}dl1]],4}kl1]][Modifier]]]}}' name='roll_superior' ></button>
<label class="sheet-name">Superior:</label>
<input type="checkbox" name="attr_superiorlock" class="labellock">
<div class="statline">
<input type="number" name="attr_superior" min="-2" max="3" class="stat">
</div>
<div class="locked">
<input type="number" name="attr_superiorlocked" value="@{superior}" class="lockedbox" disabled>
</div>
<div class="sheet-roll-box sheet-cf">
<label class="sheet-taglines">(assess the situation)</label><br>
<label class="sheet-taglines">(provoke someone)</label>
</div>
</div>
<br>
<div class="sheet-attr-box">
<button type='roll' align="center" value='&{template:aw} {{name=@{character_name}}} {{roll_name=Mundane}} {{roll_mod=@{mundane}}} {{result=[[2d6 + [[{[[{[[@{mundane} - @{angry} * 2 + ?{Situational bonus/penalty?|0}]],-3}dl1]],4}kl1]][Modifier]]]}}' name='roll_mundane' ></button>
<label class="sheet-name">Mundane:</label>
<input type="checkbox" name="attr_mundanelock" class="labellock">
<div class="statline">
<input type="number" name="attr_mundane" min="-2" max="3" class="stat">
</div>
<div class="locked">
<input type="number" name="attr_mundanelocked" value="@{mundane}" class="lockedbox" disabled>
</div>
<div class="sheet-roll-box sheet-cf">
<label class="sheet-taglines">(pierce the mask)</label><br>
<label class="sheet-taglines">(comfort or support)</label>
</div>
</div>
<br>
<div class="sheet-attr-box">
<button type='roll' align="center" value='&{template:aw} {{name=@{character_name}}} {{roll_name=Conditions}} {{roll_mod=[[@{afraid} + @{angry} + @{guilty} + @{insecure} + @{hopeless}]]}} {{result=[[2d6 + [[{[[{[[[[@{afraid} + @{angry} + @{guilty} + @{insecure} + @{hopeless}]] + ?{Situational bonus/penalty?|0}]],-3}dl1]],4}kl1]][Modifier]]]}}' name='roll_conditions' ></button>
<label class="sheet-nameconditions">Conditions:</label>
<input type="number" name="attr_conditiontotal" value='{{result=[[@{afraid} + @{angry} + @{guilty} + @{insecure} + @{hopeless}]]}}' disabled/>
<div class="sheet-roll-box sheet-cf">
<label class="sheet-taglines">(take a powerful blow)</label>
</div>
</div>
<br>
<div class="sheet-attr-box">
<button type='roll' value='&{template:aw} {{name=@{character_name}}} {{roll_name=something}} {{roll_mod=0}} {{result=[[2d6 + [[{[[{[[?{Situational bonus/penalty?|0}]],-3}dl1]],4}kl1]][Modifier]]]}}' name='roll_basic' ></button>
<label class="sheet-name">Flat 2d6</label>
<div class="sheet-roll-box sheet-cf">
<label class="sheet-taglines">(reject someone's influence)</label>
<label class="sheet-taglines">(custom rolls)</label>
</div>
</div>
<hr>
<div class="sheet-attr-box">
<label class="sheet-netlabels">Sum of Labels:</label>
<input type="number" name="attr_labeltotal" value='{{result=[[@{freak} + @{danger} + @{savior} + @{superior} + @{mundane}]]}}' disabled/>
<div class="sheet-roll-box sheet-cf">
<label class="sheet-taglines">(by default this should be a 3)</label><br>
<label class="sheet-taglines">(advancement may increase this)</label>
</div>
</div>
<br>
<!-- potential tracker -->
<div class="sheet-box">
<div class="sheet-exp sheet-section-title-potential"></div>
<div class="potential_track" align="center">
<label><input type="checkbox" name="attr_1exp"></label>
<label><input type="checkbox" name="attr_2exp"></label>
<label><input type="checkbox" name="attr_3exp"></label>
<label><input type="checkbox" name="attr_4exp"></label>
<label><input type="checkbox" name="attr_5exp"></label>
</div>
</div>
<!-- advancements -->
<div>
<div class="sheet-advancements sheet-section-title-advancements"></div>
<fieldset class="repeating_advancements">
<input type="text" name="attr_advancements" placeholder="(what did you take?)" autocomplete="off">
</fieldset>
</div>
</div>
<!-- middle column -->
<div class="sheet-col even">
<!-- active moves -->
<div class="sheet-section-title-actives"></div>
<div class="sheet-actives">
<fieldset class="repeating_activemoves">
<button type='roll' value='&{template:aw} {{name=@{character_name}}} {{roll_name=@{activemovename}}} {{roll_mod=[[@{activelabel}]]}} {{result=[[2d6 + [[{[[{[[@{activelabel} + ?{Situational bonus/penalty?|0}]],-3}dl1]],4}kl1]][Modifier]]]}}' name='roll_move'></button>
<label class="sheet-movenametext">Move:</label>
<input type="text" name="attr_activemovename" placeholder="(move name)" class="activemovename" autocomplete="off">
<input type="checkbox" name="attr_activemoveshowhide" class="activemoveshowhide"><br>
<div class="sheet-activemovecontent">
<label class="sheet-movenametextlabel">Label:</label>
<select name="attr_activelabel" class="moves">
<option type="radio" name="attr_label" value="@{freak}">Freak</option>
<option type="radio" name="attr_label" value="@{danger}">Danger</option>
<option type="radio" name="attr_label" value="@{savior}">Savior</option>
<option type="radio" name="attr_label" value="@{superior}">Superior</option>
<option type="radio" name="attr_label" value="@{mundane}">Mundane</option>
</select>
<br>
<textarea name="attr_activemovedesc" placeholder="(move description)" autocomplete="off"></textarea>
</div>
<hr>
</fieldset>
</div>
<!-- passive moves -->
<div class="sheet-section-title-passives"></div>
<div class="sheet-passives">
<fieldset class="repeating_passivemoves">
<label class="sheet-movenametext">Move:</label>
<input type="text" name="attr_passivemovename" placeholder="(move name)" class="passivemovename" autocomplete="off">
<input type="checkbox" name="attr_passivemoveshowhide" class="passivemoveshowhide"><br>
<div class="sheet-passivemovecontent">
<textarea name="attr_passivemovedesc" placeholder="(move description)" autocomplete="off"></textarea>
</div>
<hr>
</fieldset>
</div>
</div>
<!-- right column -->
<div class="sheet-col odd">
<!-- conditions -->
<div class="sheet-conditions sheet-section-title-conditions"></div>
<div class="sheet-attr-box">
<div class="sheet-roll-box sheet-cf">
<input type="checkbox" value="1" name="attr_afraid"/><label class="sheet-conditionname">Afraid</label><br>
<label class="sheet-conditiontaglines">(-2 to directly engage)</label>
</div>
<br>
<div class="sheet-roll-box sheet-cf">
<input type="checkbox" value="1" name="attr_angry"/><label class="sheet-conditionname">Angry</label><br>
<label class="sheet-conditiontaglines">(-2 to comfort or support)</label><br>
<label class="sheet-conditiontaglines">(-2 to pierce the mask)</label>
</div>
<br>
<div class="sheet-roll-box sheet-cf">
<input type="checkbox" value="1" name="attr_guilty"/><label class="sheet-conditionname">Guilty</label><br>
<label class="sheet-conditiontaglines">(-2 to provoke someone)</label><br>
<label class="sheet-conditiontaglines">(-2 to assess the situation)</label>
</div>
<br>
<div class="sheet-roll-box sheet-cf">
<input type="checkbox" value="1" name="attr_insecure"/><label class="sheet-conditionname">Insecure</label><br>
<label class="sheet-conditiontaglines">(-2 to defend)</label><br>
<label class="sheet-conditiontaglines">(-2 to reject what others say)</label>
</div>
<br>
<div class="sheet-roll-box sheet-cf">
<input type="checkbox" value="1" name="attr_hopeless"/><label class="sheet-conditionname">Hopeless</label><br>
<label class="sheet-conditiontaglines">(-2 to unleash your powers)</label>
</div>
<br>
</div>
<!-- playbook-specific elements -->
<div class="sheet-subbox">
<input type="checkbox" name="attr_playbook" class="sheet-isbeacon" value='Beacon' style="display: none;" />
<input type="checkbox" name="attr_playbook" class="sheet-isbull" value='Bull' style="display: none;" />
<input type="checkbox" name="attr_playbook" class="sheet-isdelinquent" value='Delinquent' style="display: none;" />
<input type="checkbox" name="attr_playbook" class="sheet-isdoomed" value='Doomed' style="display: none;" />
<input type="checkbox" name="attr_playbook" class="sheet-isjanus" value='Janus' style="display: none;" />
<input type="checkbox" name="attr_playbook" class="sheet-islegacy" value='Legacy' style="display: none;" />
<input type="checkbox" name="attr_playbook" class="sheet-isnova" value='Nova' style="display: none;" />
<input type="checkbox" name="attr_playbook" class="sheet-isoutsider" value='Outsider' style="display: none;" />
<input type="checkbox" name="attr_playbook" class="sheet-isprotege" value='Protege' style="display: none;" />
<input type="checkbox" name="attr_playbook" class="sheet-istransformed" value='Transformed' style="display: none;" />
<input type="checkbox" name="attr_playbook" class="sheet-isinnocent" value='Innocent' style="display: none;" />
<input type="checkbox" name="attr_playbook" class="sheet-isjoined" value='Joined' style="display: none;" />
<input type="checkbox" name="attr_playbook" class="sheet-isnewborn" value='Newborn' style="display: none;" />
<input type="checkbox" name="attr_playbook" class="sheet-isreformed" value='Reformed' style="display: none;" />
<input type="checkbox" name="attr_playbook" class="sheet-isstar" value='Star' style="display: none;" />
<input type="checkbox" name="attr_playbook" class="sheet-issomething" value='Something' style="display: none;" />
<div class="sheet-beacon">
<div class="sheet-section-title-drives">
</div>
<fieldset class="repeating_drives">
<input type="checkbox" name="attr_beacondrivehide" class="beacondrivehide">
<label class="sheet-showhide">completed this set</label>
<div class="sheet-beacondriveseries">
<input type="checkbox" name="attr_beacondrive1completed" class="beacondrivecompleted">
<input type="text" name="attr_beacondrive1" class="beacondrive" placeholder="(drive)" autocomplete="off"><br>
<input type="checkbox" name="attr_beacondrive2completed" class="beacondrivecompleted">
<input type="text" name="attr_beacondrive2" class="beacondrive" placeholder="(drive)" autocomplete="off"><br>
<input type="checkbox" name="attr_beacondrive3completed" class="beacondrivecompleted">
<input type="text" name="attr_beacondrive3" class="beacondrive" placeholder="(drive)" autocomplete="off"><br>
<input type="checkbox" name="attr_beacondrive4completed" class="beacondrivecompleted">
<input type="text" name="attr_beacondrive4" class="beacondrive" placeholder="(drive)" autocomplete="off"><br>
</div>
<hr>
</fieldset>
</div>
<div class="sheet-bull">
<div class="sheet-section-title-heart">
</div>
<div class="sheet-heart">
<label>Love:</label>
<input type="text" name="attr_bulllove" placeholder="(your love)" autocomplete="off"/><br>
<label>Rival:</label>
<input type="text" name="attr_bullrival" placeholder="(your rival)" autocomplete="off"/><br>
</div>
<label class="sheet-hearttagline">(add 1 to all rolls that target these two)</label>
</div>
<div class="sheet-doomed">
<div class="sheet-section-title-doomtrack">
</div>
<div class="doomtrack" align="center">
<label><input type="checkbox" name="attr_1doom"></label>
<label><input type="checkbox" name="attr_2doom"></label>
<label><input type="checkbox" name="attr_3doom"></label>
<label><input type="checkbox" name="attr_4doom"></label>
<label><input type="checkbox" name="attr_5doom"></label>
</div>
<hr>
<div class="doomsigns">
<table>
<tr><td>
<input type="checkbox" name="attr_doomsign1" class="doomsignmarked">
<label class="sheet-doomsign">Dark Visions</label></td>
<td>
<input type="checkbox" name="attr_doomsign5" class="doomsignmarked">
<label class="sheet-doomsign">Burning Bright</label></td>
</tr>
<tr><td>
<input type="checkbox" name="attr_doomsign3" class="doomsignmarked">
<label class="sheet-doomsign">Infinite Powers</label></td>
<td>
<input type="checkbox" name="attr_doomsign4" class="doomsignmarked">
<label class="sheet-doomsign">Bolstered</label></td>
</tr>
<tr><td>
<input type="checkbox" name="attr_doomsign2" class="doomsignmarked">
<label class="sheet-doomsign">Portal</label></td>
</tr>
</table>
<hr>
<input type="checkbox" name="attr_doomfinal" class="doomsignmarked">
<label class="sheet-doomsignfinal">Your doom comes</label>
</div>
</div>
<div class="sheet-nova">
<div class="sheet-section-title-burn">
</div>
<div class="burn">
<button type='roll' align="center" value='&{template:aw} {{name=@{character_name}}} {{roll_name=Burn}} {{roll_mod=[[@{afraid} + @{angry} + @{guilty} + @{insecure} + @{hopeless}]]}} {{result=[[2d6 + [[{[[{[[[[@{afraid} + @{angry} + @{guilty} + @{insecure} + @{hopeless}]] + ?{Situational bonus/penalty?|0}]],-3}dl1]],4}kl1]][Modifier]]]}}' name='roll_conditions' ></button>
<label class="burntitle">Hold:</label>
<input type="number" name="attr_burnhold" min="0">
</div>
<label class="sheet-burntagline">(reset to 0 at the end of the scene)</label>
</div>
<div class="sheet-protege">
<div class="sheet-section-title-mentor">
</div>
<div class="mentor">
<button type='roll' value='&{template:aw} {{name=@{character_name}}} {{roll_name=Embodied Mentor Label}} {{roll_mod=[[@{mentorembody}]]}} {{result=[[2d6 + [[{[[{[[@{mentorembody} + ?{Situational bonus/penalty?|0}]],-3}dl1]],4}kl1]][Modifier]]]}}' name='roll_embody'></button>
<label class="mentortitle">Embodies:</label>
<select name="attr_mentorembody" class="mentormoves">
<option type="radio" name="attr_embodylabel" value="@{freak}">Freak</option>
<option type="radio" name="attr_embodylabel" value="@{danger}">Danger</option>
<option type="radio" name="attr_embodylabel" value="@{savior}">Savior</option>
<option type="radio" name="attr_embodylabel" value="@{superior}">Superior</option>
<option type="radio" name="attr_embodylabel" value="@{mundane}">Mundane</option>
</select>
<br>
<button type='roll' value='&{template:aw} {{name=@{character_name}}} {{roll_name=Denied Mentor Label}} {{roll_mod=[[@{mentordeny}]]}} {{result=[[2d6 + [[{[[{[[@{mentordeny} + ?{Situational bonus/penalty?|0}]],-3}dl1]],4}kl1]][Modifier]]]}}' name='roll_deny'></button>
<label class="mentortitle">Denies:</label>
<select name="attr_mentordeny" class="mentormoves">
<option type="radio" name="attr_denylabel" value="@{freak}">Freak</option>
<option type="radio" name="attr_denylabel" value="@{danger}">Danger</option>
<option type="radio" name="attr_denylabel" value="@{savior}">Savior</option>
<option type="radio" name="attr_denylabel" value="@{superior}">Superior</option>
<option type="radio" name="attr_denylabel" value="@{mundane}">Mundane</option>
</select>
</div>
</div>
<div class="sheet-newborn">
<div class="sheet-section-title-lessons">
</div>
<input type="text" name="attr_newbornlesson1" placeholder="(I am...)" autocomplete="off"/><br>
<input type="text" name="attr_newbornlesson2" placeholder="(A superhero should...)" autocomplete="off"/><br>
<input type="text" name="attr_newbornlesson3" placeholder="(Always...)" autocomplete="off"/><br>
<input type="text" name="attr_newbornlesson4" placeholder="(Never...)" autocomplete="off"/><br>
<br>
</div>
<div class="sheet-reformed">
<div class="sheet-section-title-contacts">
</div>
<fieldset class="repeating_contacts">
<input type="text" name="attr_reformedcontact" placeholder="(villainous contact)" autocomplete="off">
<br>
<label><input type="checkbox" name="attr_1obligation"></label>
<label><input type="checkbox" name="attr_2obligation"></label>
<label><input type="checkbox" name="attr_3obligation"></label>
<label><input type="checkbox" name="attr_4obligation"></label>
<hr>
</fieldset>
</div>
<!-- influence tracker -->
<div class="sheet-influence sheet-section-title-influence"></div>
<fieldset class="repeating_influence">
<input type="text" name="attr_influence" style="font-size: 1em" placeholder="(their name)" autocomplete="off">
</fieldset>
</div>
</div>
</div>
<!-- roll result table -->
<rolltemplate class="sheet-rolltemplate-aw">
<table>
<tr><th colspan="2">{{name}} rolls<br><i>{{#roll_name}}{{roll_name}}{{/roll_name}}{{#roll_mod}}{{/roll_mod}}</i></th></tr>
<tr>
{{#rollTotal() result 16}}
<td class="result success">{{result}}</td>
<td>YEAH!</td>
{{/rollTotal() result 16}}
{{#rollTotal() result 15}}
<td class="result success">{{result}}</td>
<td>YEAH!</td>
{{/rollTotal() result 15}}
{{#rollTotal() result 14}}
<td class="result success">{{result}}</td>
<td>YEAH!</td>
{{/rollTotal() result 14}}
{{#rollTotal() result 13}}
<td class="result success">{{result}}</td>
<td>Full hit!</td>
{{/rollTotal() result 13}}
{{#rollTotal() result 12}}
<td class="result success">{{result}}</td>
<td>Full hit!</td>
{{/rollTotal() result 12}}
{{#rollTotal() result 11}}
<td class="result success">{{result}}</td>
<td>Full hit!</td>
{{/rollTotal() result 11}}
{{#rollTotal() result 10}}
<td class="result success">{{result}}</td>
<td>Full hit!</td>
{{/rollTotal() result 10}}
{{#rollTotal() result 9}}
<td class="result">{{result}}</td>
<td>Hit!</td>
{{/rollTotal() result 9}}
{{#rollTotal() result 8}}
<td class="result">{{result}}</td>
<td>Hit!</td>
{{/rollTotal() result 8}}
{{#rollTotal() result 7}}
<td class="result">{{result}}</td>
<td>Hit!</td>
{{/rollTotal() result 7}}
{{#rollTotal() result 6}}
<td class="result failure">{{result}}</td>
<td>Miss</td>
{{/rollTotal() result 6}}
{{#rollTotal() result 5}}
<td class="result failure">{{result}}</td>
<td>Miss</td>
{{/rollTotal() result 5}}
{{#rollTotal() result 4}}
<td class="result failure">{{result}}</td>
<td>Miss</td>
{{/rollTotal() result 4}}
{{#rollTotal() result 3}}
<td class="result failure">{{result}}</td>
<td>Miss</td>
{{/rollTotal() result 3}}
{{#rollTotal() result 2}}
<td class="result failure">{{result}}</td>
<td>Miss</td>
{{/rollTotal() result 2}}
{{#rollTotal() result 1}}
<td class="result failure">{{result}}</td>
<td>oh dear</td>
{{/rollTotal() result 1}}
{{#rollTotal() result 0}}
<td class="result failure">{{result}}</td>
<td>oh dear</td>
{{/rollTotal() result 0}}
{{#rollTotal() result -1}}
<td class="result failure">{{result}}</td>
<td>oh dear</td>
{{/rollTotal() result -1}}
</tr>
</table>
</rolltemplate>
Binary file not shown.

After

Width:  |  Height:  |  Size: 369 KiB

+8
View File
@@ -0,0 +1,8 @@
{
"html": "masks.html",
"css": "masks.css",
"authors": "Matt Morton, based on the original AW sheet by Ryan Sigg & Steve K.",
"roll20userid": "172543,13601,5047",
"preview": "maskspreview.png",
"instructions": "* Main 'Labels' rolls autocalc the -2 for marked conditions.\n* Popup box is for the total of roll mods like +1 forward, +1 ongoing, etc. Enter 3 or -3, but not +3 (the + breaks it).\n* Rolls auto-cap at -3 or +4 total modifier regardless of input.\n* 'Sum of Labels' is a safety check against incorrectly-shifted labels or overlooking the +1 at creation.\n\nPost feedback and playtest reports on the [Masks Google+ community.](https://plus.google.com/u/0/communities/110704683035976001273)"
}