diff --git a/Masks - A New Generation/masks.css b/Masks - A New Generation/masks.css new file mode 100644 index 0000000000..803908cb89 --- /dev/null +++ b/Masks - A New Generation/masks.css @@ -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; + } \ No newline at end of file diff --git a/Masks - A New Generation/masks.html b/Masks - A New Generation/masks.html new file mode 100644 index 0000000000..bf5739aba4 --- /dev/null +++ b/Masks - A New Generation/masks.html @@ -0,0 +1,497 @@ +
+ + + + +
+ + + + + + + + + + + + + + + + + +
+ +
+ + + + +
+ + + + +
+ + + + +
+ + +
+ + +
+ +
+ + +
+
+
+ + + +
+ +
+
+ +
+
+ +
+
+
+
+ + + +
+ +
+
+ +
+
+ +
+
+
+
+ + + +
+ +
+
+ +
+
+ +
+
+
+
+ + + +
+ +
+
+ +
+
+
+ +
+
+
+
+ + + +
+ +
+
+ +
+
+
+ +
+
+
+
+ + + +
+ +
+
+
+
+ + +
+ + +
+
+
+
+ + +
+
+ +
+
+ +
+ +
+
+
+ + + + + +
+
+ +
+
+
+ +
+
+
+ + + +
+ +
+
+
+ + + +
+
+ + +
+ +
+
+
+
+ + +
+
+
+ + +
+
+ +
+
+
+
+
+ + + +
+ +
+
+
+
+ +
+
+
+
+
+ +
+
+
+
+
+ +
+
+
+
+
+ +
+
+
+
+ +
+
+
+ + +
+ + + + + + + + + + + + + + + + + +
+
+
+
+ + +
+ +
+ +
+ +
+ +
+
+
+
+
+ +
+
+
+
+ +
+ +
+
+ +
+ +
+
+
+
+ + + + + +
+
+
+ + + + + + + + + +
+ + + +
+ + + +
+ +
+
+ + +
+
+ +
+
+
+
+ + + +
+ +
+ +
+
+
+
+ + + +
+ + + +
+
+ +
+
+
+
+
+
+
+
+
+ +
+
+
+
+ +
+ + + + +
+
+
+ +
+
+ +
+ +
+
+
+ + + + + + + + + {{#rollTotal() result 16}} + + + {{/rollTotal() result 16}} + {{#rollTotal() result 15}} + + + {{/rollTotal() result 15}} + {{#rollTotal() result 14}} + + + {{/rollTotal() result 14}} + {{#rollTotal() result 13}} + + + {{/rollTotal() result 13}} + {{#rollTotal() result 12}} + + + {{/rollTotal() result 12}} + {{#rollTotal() result 11}} + + + {{/rollTotal() result 11}} + {{#rollTotal() result 10}} + + + {{/rollTotal() result 10}} + {{#rollTotal() result 9}} + + + {{/rollTotal() result 9}} + {{#rollTotal() result 8}} + + + {{/rollTotal() result 8}} + {{#rollTotal() result 7}} + + + {{/rollTotal() result 7}} + {{#rollTotal() result 6}} + + + {{/rollTotal() result 6}} + {{#rollTotal() result 5}} + + + {{/rollTotal() result 5}} + {{#rollTotal() result 4}} + + + {{/rollTotal() result 4}} + {{#rollTotal() result 3}} + + + {{/rollTotal() result 3}} + {{#rollTotal() result 2}} + + + {{/rollTotal() result 2}} + {{#rollTotal() result 1}} + + + {{/rollTotal() result 1}} + {{#rollTotal() result 0}} + + + {{/rollTotal() result 0}} + {{#rollTotal() result -1}} + + + {{/rollTotal() result -1}} + +
{{name}} rolls
{{#roll_name}}{{roll_name}}{{/roll_name}}{{#roll_mod}}{{/roll_mod}}
{{result}}YEAH!{{result}}YEAH!{{result}}YEAH!{{result}}Full hit!{{result}}Full hit!{{result}}Full hit!{{result}}Full hit!{{result}}Hit!{{result}}Hit!{{result}}Hit!{{result}}Miss{{result}}Miss{{result}}Miss{{result}}Miss{{result}}Miss{{result}}oh dear{{result}}oh dear{{result}}oh dear
+ \ No newline at end of file diff --git a/Masks - A New Generation/maskspreview.png b/Masks - A New Generation/maskspreview.png new file mode 100644 index 0000000000..e54fc4723c Binary files /dev/null and b/Masks - A New Generation/maskspreview.png differ diff --git a/Masks - A New Generation/sheet.json b/Masks - A New Generation/sheet.json new file mode 100644 index 0000000000..1aa5f2de7a --- /dev/null +++ b/Masks - A New Generation/sheet.json @@ -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)" +} \ No newline at end of file