mirror of
https://github.com/Nighthawk42/roll20-character-sheets.git
synced 2026-08-30 03:40:32 +00:00
New character sheet for "Street Fighter: The Storytelling Game" (Storytelling System).
This commit is contained in:
Thomas Seliger
@@ -0,0 +1,2 @@
|
||||
node_modules/
|
||||
/testbed
|
||||
@@ -0,0 +1,104 @@
|
||||
/*global module:false*/
|
||||
module.exports = function(grunt) {
|
||||
|
||||
// Project configuration.
|
||||
grunt.initConfig({
|
||||
// Metadata.
|
||||
pkg: grunt.file.readJSON('package.json'),
|
||||
includereplace: {
|
||||
development: {
|
||||
options: {
|
||||
globals: {
|
||||
'img_prefix': '../img',
|
||||
'version': '<%= pkg.version %>'
|
||||
}
|
||||
},
|
||||
files: [
|
||||
{src: 'src/index.html', dest: 'testbed/index.html'},
|
||||
{src: 'src/Street_Fighter-neovatar.css', dest: 'testbed/Street_Fighter-neovatar.css'},
|
||||
{src: 'src/editor.css', dest: 'testbed/editor.css'},
|
||||
{src: 'src/base.css', dest: 'testbed/base.css'},
|
||||
]
|
||||
},
|
||||
production: {
|
||||
options: {
|
||||
globals: {
|
||||
img_prefix: 'https://neovatar.github.io/roll20-character-sheets/Street_Fighter-neovatar/img',
|
||||
'version': '<%= pkg.version %>'
|
||||
}
|
||||
},
|
||||
files: [
|
||||
{src: 'src/Street_Fighter-neovatar.html', dest: 'Street_Fighter-neovatar.html'},
|
||||
{src: 'src/Street_Fighter-neovatar.css', dest: 'Street_Fighter-neovatar.css'},
|
||||
{src: 'src/sheet.json', dest: 'sheet.json'}
|
||||
]
|
||||
}
|
||||
},
|
||||
roll20: {
|
||||
development:'testbed/Street_Fighter-neovatar.css',
|
||||
production:'Street_Fighter-neovatar.css'
|
||||
},
|
||||
watch: {
|
||||
development: {
|
||||
files: ['src/**/*css', 'src/**/*html'],
|
||||
tasks: ['default'],
|
||||
options: {
|
||||
livereload:35728
|
||||
},
|
||||
},
|
||||
},
|
||||
connect: {
|
||||
server: {
|
||||
options: {
|
||||
port:9001,
|
||||
base: '.',
|
||||
livereload:35728,
|
||||
}
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
// These plugins provide necessary tasks.
|
||||
grunt.loadNpmTasks('grunt-contrib-watch');
|
||||
grunt.loadNpmTasks('grunt-contrib-connect');
|
||||
grunt.loadNpmTasks('grunt-include-replace');
|
||||
grunt.registerMultiTask('roll20', function () {
|
||||
var evil = [
|
||||
/(\bdata:\b|eval|cookie|\bwindow\b|\bparent\b|\bthis\b)/i, // suspicious javascript-type words
|
||||
/behaviou?r|expression|moz-binding|@import|@charset|(java|vb)?script|[\<]|\\\w/i,
|
||||
///[\<>]/, // back slash, html tags,
|
||||
/[\x7f-\xff]/, // high bytes -- suspect
|
||||
/[\x00-\x08\x0B\x0C\x0E-\x1F]/, //low bytes -- suspect
|
||||
/&\#/, // bad charset
|
||||
];
|
||||
input = grunt.file.read(this.data);
|
||||
input = input.replace(/\/\*[^\*]+\*\//g, ""); //remove all css comments
|
||||
for(var i=0; i < evil.length; i++) {
|
||||
var res = input.match(evil[i]);
|
||||
if(res) {
|
||||
grunt.log.error("Roll20 Check: Potential CSS security violation; character sheet template styling thrown out.");
|
||||
grunt.log.error(res);
|
||||
input = "";
|
||||
}
|
||||
}
|
||||
if(input!= "")
|
||||
grunt.log.ok('Roll20 CSS lint Ok!');
|
||||
else
|
||||
grunt.fail.warn("Roll 20 CSS lint failed");
|
||||
});
|
||||
|
||||
// Default task.
|
||||
grunt.registerTask('default', [
|
||||
'includereplace:development',
|
||||
'roll20:development'
|
||||
]);
|
||||
grunt.registerTask('build', [
|
||||
'includereplace:production',
|
||||
'roll20:production'
|
||||
]);
|
||||
grunt.registerTask('serve', [
|
||||
'default',
|
||||
'connect:server',
|
||||
'watch'
|
||||
]);
|
||||
};
|
||||
@@ -0,0 +1,47 @@
|
||||
# A character sheet for "Streetfighter: The Storytelling Game"
|
||||
|
||||
* [View Interactive Sheet Preview](http://neovatar.github.io/roll20-character-sheets/Street_Fighter-neovatar/testbed/)
|
||||
|
||||
#### Bugs and Suggestions
|
||||
|
||||
Report bugs or suggestions to the project’s [issue tracker](https://github.com/neovatar/roll20-character-sheets/issues).
|
||||
|
||||
### Development Tools
|
||||
|
||||
This sheet uses Grunt to make development more easy.
|
||||
|
||||
If you haven’t used Grunt before, be sure to check out the [Getting Started guide](http://gruntjs.com/getting-started).
|
||||
|
||||
#### Developing the Sheet
|
||||
|
||||
To make changes to the sheet and test things out use
|
||||
|
||||
```bash
|
||||
grunt
|
||||
```
|
||||
|
||||
Then open [`testbed/index.html`](testbed/index.html) in your browser to preview the sheet.
|
||||
|
||||
You can also use
|
||||
|
||||
```bash
|
||||
grunt serve
|
||||
```
|
||||
|
||||
Then open [http://localhost:9001/testbed/](http://localhost:9001/testbed/) in your browser to preview the sheet. With LiveReload integration, the view in your browser is updated, whenever you save the html or css file.
|
||||
|
||||
|
||||
#### Releasing the Sheet
|
||||
|
||||
When you’re ready to use the sheet in Roll20 then use
|
||||
|
||||
```bash
|
||||
grunt build
|
||||
```
|
||||
|
||||
This will create `Street_Fighter-neovatar.[css|html]` that you can copy and paste into Roll 20 directly.
|
||||
|
||||
### Changelog
|
||||
|
||||
**1.0.0:**
|
||||
* Intitial release
|
||||
@@ -0,0 +1,409 @@
|
||||
/* version: 1.0.0 */
|
||||
|
||||
.charsheet label {
|
||||
display: inline-block;
|
||||
width: 50px;
|
||||
text-align: right;
|
||||
padding-bottom: 0px;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.charsheet input {
|
||||
display: inline-block;
|
||||
width: 125px;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.charsheet {
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
.charsheet select {
|
||||
width: 42px;
|
||||
}
|
||||
|
||||
.sheet-col-70 {
|
||||
width: 70%;
|
||||
}
|
||||
|
||||
.sheet-col-30 {
|
||||
width: 30%;
|
||||
}
|
||||
|
||||
|
||||
/* Hide actual dot/checkbox */
|
||||
input[type="radio"],
|
||||
input[type="checkbox"]
|
||||
{
|
||||
position: absolute;
|
||||
opacity: 0;
|
||||
width: 15px;
|
||||
cursor: pointer;
|
||||
z-index: 1;
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
/* Styles common to fake dot and checkbox */
|
||||
input[type="radio"] + span::before,
|
||||
input[type="checkbox"] + span::before
|
||||
{
|
||||
border: solid 1px rgba(125,125,125,0.2);;
|
||||
line-height: 11px;
|
||||
text-align: middle;
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
font-weight: normal;
|
||||
margin-left: -2px;
|
||||
margin-right: -2px;
|
||||
|
||||
-moz-box-shadow: 0 0 0px #000;
|
||||
-webkit-box-shadow: 0 0 0px #000;
|
||||
box-shadow: 0 0 0px #000;
|
||||
|
||||
background: #000000;
|
||||
background: -moz-radial-gradient(#f6f6f6, #dfdfdf);
|
||||
background: -webkit-radial-gradient(#f6f6f6, #dfdfdf);
|
||||
background: -ms-radial-gradient(#f6f6f6, #dfdfdf);
|
||||
background: -o-radial-gradient(#f6f6f6, #dfdfdf);
|
||||
background: radial-gradient(#f6f6f6, #dfdfdf);
|
||||
}
|
||||
|
||||
/* Styles unique to fake dot (checked or left of checked) */
|
||||
input[type="radio"] + span::before
|
||||
{
|
||||
content: "•";
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
font-size: 41.9px;
|
||||
font-family: "Arial";
|
||||
text-indent: -3px;
|
||||
font-weight: normal;
|
||||
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-border-radius: 50%;
|
||||
-webkit-border-radius: 50%;
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
/* Styles unique to fake checkbox (unchecked) */
|
||||
input[type="checkbox"] + span::before
|
||||
{
|
||||
position:relative;
|
||||
content: "";
|
||||
opacity: 1.0;
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
font-size: 12px;
|
||||
|
||||
-moz-border-radius: 1px;
|
||||
-webkit-border-radius: 1px;
|
||||
border-radius: 1px;
|
||||
}
|
||||
|
||||
/* Styles unique to fake checkbox (checked) */
|
||||
input[type="checkbox"]:checked + span::before
|
||||
{
|
||||
background:
|
||||
linear-gradient(to top left,
|
||||
rgba(0,0,0,0) 0%,
|
||||
rgba(0,0,0,0) calc(50% - 0.8px),
|
||||
rgba(0,0,0,1) 50%,
|
||||
rgba(0,0,0,0) calc(50% + 0.8px),
|
||||
rgba(0,0,0,0) 100%),
|
||||
linear-gradient(to top right,
|
||||
rgba(0,0,0,0) 0%,
|
||||
rgba(0,0,0,0) calc(50% - 0.8px),
|
||||
rgba(0,0,0,1) 50%,
|
||||
rgba(0,0,0,0) calc(50% + 0.8px),
|
||||
rgba(0,0,0,0) 100%);
|
||||
|
||||
-moz-box-shadow: 0 0 2px transparent;
|
||||
-webkit-box-shadow: 0 0 2px transparent;
|
||||
box-shadow: 0 0 2px transparent;
|
||||
}
|
||||
|
||||
/* Remove dot from all radios _after_ selected one */
|
||||
input[type="radio"]:checked ~ input[type="radio"] + span::before
|
||||
{
|
||||
content: "";
|
||||
}
|
||||
|
||||
input.sheet-used + span::before
|
||||
{
|
||||
content: "X";
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
font-size: 10px;
|
||||
font-weight: bold;
|
||||
|
||||
-moz-border-radius: 0%;
|
||||
-webkit-border-radius: 0%;
|
||||
border-radius: 0%;
|
||||
}
|
||||
|
||||
input.sheet-zero:checked + span::before
|
||||
{
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
input.sheet-zero:hover + span::before
|
||||
{
|
||||
opacity: 0.25;
|
||||
font-size: 12px;
|
||||
content: "✖";
|
||||
text-indent: 0.5px;
|
||||
}
|
||||
|
||||
input.sheet-zero + span::before
|
||||
{
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
|
||||
input.sheet-DP1Spec + span::before,
|
||||
input.sheet-DP2Spec + span::before,
|
||||
input.sheet-DP2Spec + span::before,
|
||||
input.sheet-DP3Spec + span::before,
|
||||
input.sheet-DP4Spec + span::before,
|
||||
input.sheet-DP5Spec + span::before
|
||||
{
|
||||
opacity: 1;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
div.sheet-DP1,
|
||||
div.sheet-DP2,
|
||||
div.sheet-DP2,
|
||||
div.sheet-DP3,
|
||||
div.sheet-DP4,
|
||||
div.sheet-DP5
|
||||
{
|
||||
display: inline;
|
||||
}
|
||||
div.sheet-DP1wSpec,
|
||||
div.sheet-DP2wSpec,
|
||||
div.sheet-DP2wSpec,
|
||||
div.sheet-DP3wSpec,
|
||||
div.sheet-DP4wSpec,
|
||||
div.sheet-DP5wSpec
|
||||
{
|
||||
display: none;
|
||||
}
|
||||
|
||||
input.sheet-DP1Spec:checked ~ div.sheet-DP1,
|
||||
input.sheet-DP2Spec:checked ~ div.sheet-DP2,
|
||||
input.sheet-DP2Spec:checked ~ div.sheet-DP2,
|
||||
input.sheet-DP3Spec:checked ~ div.sheet-DP3,
|
||||
input.sheet-DP4Spec:checked ~ div.sheet-DP4,
|
||||
input.sheet-DP5Spec:checked ~ div.sheet-DP5
|
||||
{
|
||||
display: none;
|
||||
}
|
||||
|
||||
input.sheet-DP1Spec:checked ~ div.sheet-DP1wSpec,
|
||||
input.sheet-DP2Spec:checked ~ div.sheet-DP2wSpec,
|
||||
input.sheet-DP2Spec:checked ~ div.sheet-DP2wSpec,
|
||||
input.sheet-DP3Spec:checked ~ div.sheet-DP3wSpec,
|
||||
input.sheet-DP4Spec:checked ~ div.sheet-DP4wSpec,
|
||||
input.sheet-DP5Spec:checked ~ div.sheet-DP5wSpec
|
||||
{
|
||||
display: inline;
|
||||
}
|
||||
|
||||
input.sheet-wheel+ span,
|
||||
input.sheet-wheel+ span::before
|
||||
{
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
input.sheet-top { margin-top:0px; }
|
||||
input.sheet-top+ span, input.sheet-top+ span::before { top:0px; }
|
||||
input.sheet-mid-eighth { margin-top: 7px; }
|
||||
input.sheet-mid-eighth+ span, input.sheet-mid-eighth+ span::before { top: 7px; }
|
||||
input.sheet-mid-quarter { margin-top: 22px; }
|
||||
input.sheet-mid-quarter+ span, input.sheet-mid-quarter+ span::before { top: 22px; }
|
||||
input.sheet-mid-three-eighth { margin-top: 40px; }
|
||||
input.sheet-mid-three-eighth+ span, input.sheet-mid-three-eighth+ span::before { top: 40px; }
|
||||
input.sheet-middle { margin-top: 62px; }
|
||||
input.sheet-middle+ span, input.sheet-middle+ span::before { top: 62px; }
|
||||
|
||||
input.sheet-middle-2 { margin-top: 68px; }
|
||||
input.sheet-middle-2+ span, input.sheet-middle-2+ span::before { top: 68px; }
|
||||
input.sheet-mid-five-eighth { margin-top: 90px; }
|
||||
input.sheet-mid-five-eighth+ span, input.sheet-mid-five-eighth+ span::before { top: 90px; }
|
||||
input.sheet-mid-three-quarter { margin-top: 108px; }
|
||||
input.sheet-mid-three-quarter+ span, input.sheet-mid-three-quarter+ span::before { top: 108px; }
|
||||
input.sheet-mid-seven-eighth { margin-top: 122px; }
|
||||
input.sheet-mid-seven-eighth+ span, input.sheet-mid-seven-eighth+ span::before { top: 122px; }
|
||||
input.sheet-bottom { margin-top: 130px; }
|
||||
input.sheet-bottom+ span, input.sheet-bottom+ span::before { top: 130px; }
|
||||
|
||||
input.sheet-left-1 { margin-left: 14px; }
|
||||
input.sheet-left-1+ span, input.sheet-left-1+ span::before { left: 14px; }
|
||||
input.sheet-left-2 { margin-left: 1px; }
|
||||
input.sheet-left-2+ span, input.sheet-left-2+ span::before { left: 1px; }
|
||||
input.sheet-left-3 { margin-left: -4px; }
|
||||
input.sheet-left-3+ span, input.sheet-left-3+ span::before { left: -4px; }
|
||||
input.sheet-left-4 { margin-left: -5px; }
|
||||
input.sheet-left-4+ span, input.sheet-left-4+ span::before { left: -5px; }
|
||||
input.sheet-left-5 { margin-left: -2px; }
|
||||
input.sheet-left-5+ span, input.sheet-left-5+ span::before { left: -2px; }
|
||||
input.sheet-left-6 { margin-left: 1px; }
|
||||
input.sheet-left-6+ span, input.sheet-left-6+ span::before { left: 1px; }
|
||||
input.sheet-left-7 { margin-left: 3px; }
|
||||
input.sheet-left-7+ span, input.sheet-left-7+ span::before { left: 3px; }
|
||||
input.sheet-left-8 { margin-left: 2px; }
|
||||
input.sheet-left-8+ span, input.sheet-left-8+ span::before { left: 2px; }
|
||||
input.sheet-left-9 { margin-left: -4px; }
|
||||
input.sheet-left-9+ span, input.sheet-left-9+ span::before { left: -4px; }
|
||||
input.sheet-left-10 { margin-left: -16px; }
|
||||
input.sheet-left-10+ span, input.sheet-left-10+ span::before { left: -16px; }
|
||||
|
||||
input.sheet-wheel9, input.sheet-wheel9+ span, input.sheet-wheel9+ span::before
|
||||
{
|
||||
transform:rotate(9deg);
|
||||
-ms-transform:rotate(9deg); /* IE 9 */
|
||||
-webkit-transform:rotate(9deg); /* Opera, Chrome, and Safari */
|
||||
}
|
||||
|
||||
input.sheet-wheel27, input.sheet-wheel27+ span, input.sheet-wheel27+ span::before
|
||||
{
|
||||
transform:rotate(27deg);
|
||||
-ms-transform:rotate(27deg); /* IE 9 */
|
||||
-webkit-transform:rotate(27deg); /* Opera, Chrome, and Safari */
|
||||
}
|
||||
|
||||
input.sheet-wheel45, input.sheet-wheel45+ span, input.sheet-wheel45+ span::before
|
||||
{
|
||||
transform:rotate(45deg);
|
||||
-ms-transform:rotate(45deg); /* IE 9 */
|
||||
-webkit-transform:rotate(45deg); /* Opera, Chrome, and Safari */
|
||||
}
|
||||
|
||||
input.sheet-wheel63, input.sheet-wheel63+ span, input.sheet-wheel63+ span::before
|
||||
{
|
||||
transform:rotate(63deg);
|
||||
-ms-transform:rotate(63deg); /* IE 9 */
|
||||
-webkit-transform:rotate(63deg); /* Opera, Chrome, and Safari */
|
||||
}
|
||||
|
||||
input.sheet-wheel81, input.sheet-wheel81+ span, input.sheet-wheel81+ span::before
|
||||
{
|
||||
transform:rotate(81deg);
|
||||
-ms-transform:rotate(81deg); /* IE 9 */
|
||||
-webkit-transform:rotate(81deg); /* Opera, Chrome, and Safari */
|
||||
}
|
||||
|
||||
input.sheet-wheel99, input.sheet-wheel99+ span, input.sheet-wheel99+ span::before
|
||||
{
|
||||
transform:rotate(99deg);
|
||||
-ms-transform:rotate(99deg); /* IE 9 */
|
||||
-webkit-transform:rotate(99deg); /* Opera, Chrome, and Safari */
|
||||
}
|
||||
|
||||
input.sheet-wheel117, input.sheet-wheel117+ span, input.sheet-wheel117+ span::before
|
||||
{
|
||||
transform:rotate(117deg);
|
||||
-ms-transform:rotate(117deg); /* IE 9 */
|
||||
-webkit-transform:rotate(117deg); /* Opera, Chrome, and Safari */
|
||||
}
|
||||
|
||||
input.sheet-wheel135, input.sheet-wheel135+ span, input.sheet-wheel135+ span::before
|
||||
{
|
||||
transform:rotate(135deg);
|
||||
-ms-transform:rotate(135deg); /* IE 9 */
|
||||
-webkit-transform:rotate(135deg); /* Opera, Chrome, and Safari */
|
||||
}
|
||||
|
||||
input.sheet-wheel153, input.sheet-wheel153+ span, input.sheet-wheel153+ span::before
|
||||
{
|
||||
transform:rotate(153deg);
|
||||
-ms-transform:rotate(153deg); /* IE 9 */
|
||||
-webkit-transform:rotate(153deg); /* Opera, Chrome, and Safari */
|
||||
}
|
||||
|
||||
input.sheet-wheel171, input.sheet-wheel171+ span, input.sheet-wheel171+ span::before
|
||||
{
|
||||
transform:rotate(171deg);
|
||||
-ms-transform:rotate(171deg); /* IE 9 */
|
||||
-webkit-transform:rotate(171deg); /* Opera, Chrome, and Safari */
|
||||
}
|
||||
|
||||
input.sheet-filler {
|
||||
border-style: solid;
|
||||
font-weight: bold;
|
||||
font-size: 12px;
|
||||
padding: 0px 0px 0px 0px;
|
||||
box-shadow: none;
|
||||
width: 100px;
|
||||
border-color: darkgray;
|
||||
border-width: 0px 0px 1px 0px;
|
||||
margin: 0;
|
||||
line-height: 1em;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
input.sheet-filler-medium {
|
||||
border-style: solid;
|
||||
font-weight: bold;
|
||||
font-size: 12px;
|
||||
padding: 0px 0px 0px 0px;
|
||||
box-shadow: none;
|
||||
width: 160px;
|
||||
border-color: darkgray;
|
||||
border-width: 0px 0px 1px 0px;
|
||||
margin: 0;
|
||||
line-height: 1em;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
input.sheet-filler-long {
|
||||
border-style: solid;
|
||||
font-weight: bold;
|
||||
font-size: 12px;
|
||||
padding: 0px 0px 0px 0px;
|
||||
box-shadow: none;
|
||||
width: 180px;
|
||||
border-color: darkgray;
|
||||
border-width: 0px 0px 1px 0px;
|
||||
margin: 0;
|
||||
line-height: 1em;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
input.sheet-cursive {
|
||||
font-family: 'Shadows Into Light', cursive;
|
||||
font-weight: bold;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
label.sheet-filler {
|
||||
display: inline-block;
|
||||
width: 40px;
|
||||
text-align: left;
|
||||
padding-bottom: 0px;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.charsheet h4 {
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.charsheet h3 {
|
||||
font-size: 16px;
|
||||
font-family: 'Shadows Into Light', cursive;
|
||||
}
|
||||
|
||||
.charsheet h1 {
|
||||
font-size: 24px;
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
color: white;
|
||||
background-color: #dc291b;
|
||||
font-variant: small-caps;
|
||||
text-transform: capitalize;
|
||||
font-family: 'Shadows Into Light', cursive;
|
||||
padding-top: 0px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
Binary file not shown.
|
After Width: | Height: | Size: 49 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 43 KiB |
@@ -0,0 +1,19 @@
|
||||
{
|
||||
"title": "Street Fighter Character Sheet",
|
||||
"version": "1.0.0",
|
||||
"name": "roll20-Street_Figter-neovatar",
|
||||
"author": {
|
||||
"name": "Thomas Seliger"
|
||||
},
|
||||
"homepage": "https://neovatar.github.io/roll20-character-sheets/",
|
||||
"engines": {
|
||||
"node": ">= 0.10.0"
|
||||
},
|
||||
"devDependencies": {
|
||||
"grunt": "~0.4.5",
|
||||
"grunt-cli": "~0.1.13",
|
||||
"grunt-contrib-watch": "~0.6.1",
|
||||
"grunt-include-replace": "~2.0.0",
|
||||
"grunt-contrib-connect": "~0.8.0"
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,8 @@
|
||||
{
|
||||
"html": "Street_Fighter-neovatar.html",
|
||||
"css": "Street_Fighter-neovatar.css",
|
||||
"authors": "Thomas Seliger (neovatar)",
|
||||
"roll20userid": "388327",
|
||||
"preview": "Street_Fighter-neovatar.jpg",
|
||||
"instructions": "Charactersheet for 'Street Fighter: The Storytelling Game'.\n\nVersion: 1.0.0\n\nIf you find bugs or have suggestions, please use the [Github issue tracker](https://github.com/neovatar/roll20-character-sheets/issues) for this sheet.\n\nFor changes in this version, please check the [CHANGELOG](https://github.com/Roll20/roll20-character-sheets/blob/master/Street_Fighter-neovatar/README.md#changelog) on Roll20.net Github repository."
|
||||
}
|
||||
@@ -0,0 +1,517 @@
|
||||
<p style="text-align: center;">
|
||||
<img src="http://theonyxpath.com/wp-content/uploads/2012/08/MageAscensionRevisedLogo.png" style="max-height: 100px;" />
|
||||
</p>
|
||||
|
||||
<div class="sheet-3colrow">
|
||||
<div class="sheet-col">
|
||||
<label>Name:</label><input type="text" name="attr_character_name" />
|
||||
<label>Player:</label><input type="text" name="attr_player" />
|
||||
<label>Chronicle:</label><input type="text" name="attr_Chronicle" />
|
||||
</div>
|
||||
<div class="sheet-col">
|
||||
<label>Nature:</label><input type="text" name="attr_Nature" />
|
||||
<label>Essence:</label><input type="text" name="attr_Essence" />
|
||||
<label>Demeanor:</label><input type="text" name="attr_Demeanor" />
|
||||
</div>
|
||||
<div class="sheet-col">
|
||||
<label>Tradition:</label><input type="text" name="attr_Tradition" />
|
||||
<label>Concept:</label><input type="text" name="attr_Concept" />
|
||||
<label>Cabal:</label><input type="text" name="attr_Cabal" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<hr/>
|
||||
|
||||
<h1 style="text-align: center">Attributes</h1>
|
||||
|
||||
<div class="sheet-3colrow">
|
||||
<div class="sheet-col">
|
||||
<h3 style="text-align: center">Physical</h3>
|
||||
</div>
|
||||
<div class="sheet-col">
|
||||
<h3 style="text-align: center">Social</h3>
|
||||
</div>
|
||||
<div class="sheet-col">
|
||||
<h3 style="text-align: center">Mental</h3>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sheet-colrow" >
|
||||
<div class="sheet-col" style="width:175px">
|
||||
<h4>Strength</h4>
|
||||
<h4>Dexterity</h4>
|
||||
<h4>Stamina</h4>
|
||||
</div>
|
||||
<div class="sheet-col" style="width:95px">
|
||||
<input type="radio" name="attr_Strength" value="1" checked="checked" /><span></span> <input type="radio" name="attr_Strength" value="2" /><span></span> <input type="radio" name="attr_Strength" value="3" /><span></span> <input type="radio" name="attr_Strength" value="4" /><span></span> <input type="radio" name="attr_Strength" value="5" /><span></span>
|
||||
<div class="sheet-row">
|
||||
<input type="radio" name="attr_Dexterity" value="1" checked="checked" /><span></span> <input type="radio" name="attr_Dexterity" value="2" /><span></span> <input type="radio" name="attr_Dexterity" value="3" /><span></span> <input type="radio" name="attr_Dexterity" value="4" /><span></span> <input type="radio" name="attr_Dexterity" value="5" /><span></span>
|
||||
</div>
|
||||
<div class="sheet-row">
|
||||
<input type="radio" name="attr_Stamina" value="1" checked="checked" /><span></span> <input type="radio" name="attr_Stamina" value="2" /><span></span> <input type="radio" name="attr_Stamina" value="3" /><span></span> <input type="radio" name="attr_Stamina" value="4" /><span></span> <input type="radio" name="attr_Stamina" value="5" /><span></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sheet-col" style="width:175px">
|
||||
<h4>Charisma</h4>
|
||||
<h4>Manipulation</h4>
|
||||
<h4>Appearance</h4>
|
||||
</div>
|
||||
<div class="sheet-col" style="width:95px">
|
||||
<input type="radio" name="attr_Charisma" value="1" checked="checked" /><span></span> <input type="radio" name="attr_Charisma" value="2" /><span></span> <input type="radio" name="attr_Charisma" value="3" /><span></span> <input type="radio" name="attr_Charisma" value="4" /><span></span> <input type="radio" name="attr_Charisma" value="5" /><span></span>
|
||||
<div class="sheet-row">
|
||||
<input type="radio" name="attr_Manipulation" value="1" checked="checked" /><span></span> <input type="radio" name="attr_Manipulation" value="2" /><span></span> <input type="radio" name="attr_Manipulation" value="3" /><span></span> <input type="radio" name="attr_Manipulation" value="4" /><span></span> <input type="radio" name="attr_Manipulation" value="5" /><span></span>
|
||||
</div>
|
||||
<div class="sheet-row">
|
||||
<input type="radio" name="attr_Appearance" value="1" checked="checked" /><span></span> <input type="radio" name="attr_Appearance" value="2" /><span></span> <input type="radio" name="attr_Appearance" value="3" /><span></span> <input type="radio" name="attr_Appearance" value="4" /><span></span> <input type="radio" name="attr_Appearance" value="5" /><span></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sheet-col" style="width:175px">
|
||||
<h4>Intelligence</h4>
|
||||
<h4>Wits</h4>
|
||||
<h4>Perception</h4>
|
||||
</div>
|
||||
<div class="sheet-col" style="width:95px">
|
||||
<input type="radio" name="attr_Intelligence" value="1" checked="checked" /><span></span> <input type="radio" name="attr_Intelligence" value="2" /><span></span> <input type="radio" name="attr_Intelligence" value="3" /><span></span> <input type="radio" name="attr_Intelligence" value="4" /><span></span> <input type="radio" name="attr_Intelligence" value="5" /><span></span>
|
||||
<div class="sheet-row">
|
||||
<input type="radio" name="attr_Wits" value="1" checked="checked" /><span></span> <input type="radio" name="attr_Wits" value="2" /><span></span> <input type="radio" name="attr_Wits" value="3" /><span></span> <input type="radio" name="attr_Wits" value="4" /><span></span> <input type="radio" name="attr_Wits" value="5" /><span></span>
|
||||
</div>
|
||||
<div class="sheet-row">
|
||||
<input type="radio" name="attr_Perception" value="1" checked="checked" /><span></span> <input type="radio" name="attr_Perception" value="2" /><span></span> <input type="radio" name="attr_Perception" value="3" /><span></span> <input type="radio" name="attr_Perception" value="4" /><span></span> <input type="radio" name="attr_Perception" value="5" /><span></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<hr/>
|
||||
|
||||
<h1 style="margin-bottom: 10px; text-align: center;">Abilities</h1>
|
||||
<div class="sheet-3colrow">
|
||||
<div class="sheet-col">
|
||||
<h3 style="text-align: center">Talents</h3>
|
||||
</div>
|
||||
<div class="sheet-col">
|
||||
<h3 style="text-align: center">Skills</h3>
|
||||
</div>
|
||||
<div class="sheet-col">
|
||||
<h3 style="text-align: center">Knowledges</h3>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="sheet-colrow">
|
||||
<div class="sheet-col" style="width:155px">
|
||||
<h4 >Alertness</h4>
|
||||
<h4 >Athletics</h4>
|
||||
<h4 >Awareness</h4>
|
||||
<h4 >Brawl</h4>
|
||||
<h4 >Dodge</h4>
|
||||
<h4 >Expression</h4>
|
||||
<h4 >Intimidation</h4>
|
||||
<h4 >Leadership</h4>
|
||||
<h4 >Streetwise</h4>
|
||||
<h4 >Subterfuge</h4>
|
||||
</div>
|
||||
<div class="sheet-col" style="width:115px">
|
||||
<input type="radio" name="attr_Alertness" value="0" class=" zero" checked/><span></span> <input type="radio" name="attr_Alertness" value="1" /><span></span> <input type="radio" name="attr_Alertness" value="2" /><span></span> <input type="radio" name="attr_Alertness" value="3" /><span></span> <input type="radio" name="attr_Alertness" value="4" /><span></span> <input type="radio" name="attr_Alertness" value="5" /><span></span>
|
||||
<div class="sheet-row">
|
||||
<input type="radio" name="attr_Athletics" value="0" class="zero" checked/><span></span> <input type="radio" name="attr_Athletics" value="1" /><span></span> <input type="radio" name="attr_Athletics" value="2" /><span></span> <input type="radio" name="attr_Athletics" value="3" /><span></span> <input type="radio" name="attr_Athletics" value="4" /><span></span> <input type="radio" name="attr_Athletics" value="5" /><span></span>
|
||||
</div>
|
||||
<div class="sheet-row">
|
||||
<input type="radio" name="attr_Awareness" value="0" class="zero" checked/><span></span> <input type="radio" name="attr_Awareness" value="1" /><span></span> <input type="radio" name="attr_Awareness" value="2" /><span></span> <input type="radio" name="attr_Awareness" value="3" /><span></span> <input type="radio" name="attr_Awareness" value="4" /><span></span> <input type="radio" name="attr_Awareness" value="5" /><span></span>
|
||||
</div>
|
||||
<div class="sheet-row">
|
||||
<input type="radio" name="attr_Brawl" value="0" class="zero" checked/><span></span> <input type="radio" name="attr_Brawl" value="1" /><span></span> <input type="radio" name="attr_Brawl" value="2" /><span></span> <input type="radio" name="attr_Brawl" value="3" /><span></span> <input type="radio" name="attr_Brawl" value="4" /><span></span> <input type="radio" name="attr_Brawl" value="5" /><span></span>
|
||||
</div>
|
||||
<div class="sheet-row">
|
||||
<input type="radio" name="attr_Dodge" value="0" class="zero" checked/><span></span> <input type="radio" name="attr_Dodge" value="1" /><span></span> <input type="radio" name="attr_Dodge" value="2" /><span></span> <input type="radio" name="attr_Dodge" value="3" /><span></span> <input type="radio" name="attr_Dodge" value="4" /><span></span> <input type="radio" name="attr_Dodge" value="5" /><span></span>
|
||||
</div>
|
||||
<div class="sheet-row">
|
||||
<input type="radio" name="attr_Expression" value="0" class="zero" checked/><span></span> <input type="radio" name="attr_Expression" value="1" /><span></span> <input type="radio" name="attr_Expression" value="2" /><span></span> <input type="radio" name="attr_Expression" value="3" /><span></span> <input type="radio" name="attr_Expression" value="4" /><span></span> <input type="radio" name="attr_Expression" value="5" /><span></span>
|
||||
</div>
|
||||
<div class="sheet-row">
|
||||
<input type="radio" name="attr_Intimidation" value="0" class="zero" checked/><span></span> <input type="radio" name="attr_Intimidation" value="1" /><span></span> <input type="radio" name="attr_Intimidation" value="2" /><span></span> <input type="radio" name="attr_Intimidation" value="3" /><span></span> <input type="radio" name="attr_Intimidation" value="4" /><span></span> <input type="radio" name="attr_Intimidation" value="5" /><span></span>
|
||||
</div>
|
||||
<div class="sheet-row">
|
||||
<input type="radio" name="attr_Leadership" value="0" class="zero" checked/><span></span> <input type="radio" name="attr_Leadership" value="1" /><span></span> <input type="radio" name="attr_Leadership" value="2" /><span></span> <input type="radio" name="attr_Leadership" value="3" /><span></span> <input type="radio" name="attr_Leadership" value="4" /><span></span> <input type="radio" name="attr_Leadership" value="5" /><span></span>
|
||||
</div>
|
||||
<div class="sheet-row">
|
||||
<input type="radio" name="attr_Streetwise" value="0" class="zero" checked/><span></span> <input type="radio" name="attr_Streetwise" value="1" /><span></span> <input type="radio" name="attr_Streetwise" value="2" /><span></span> <input type="radio" name="attr_Streetwise" value="3" /><span></span> <input type="radio" name="attr_Streetwise" value="4" /><span></span> <input type="radio" name="attr_Streetwise" value="5" /><span></span>
|
||||
</div>
|
||||
<div class="sheet-row">
|
||||
<input type="radio" name="attr_Subterfuge" value="0" class="zero" checked/><span></span> <input type="radio" name="attr_Subterfuge" value="1" /><span></span> <input type="radio" name="attr_Subterfuge" value="2" /><span></span> <input type="radio" name="attr_Subterfuge" value="3" /><span></span> <input type="radio" name="attr_Subterfuge" value="4" /><span></span> <input type="radio" name="attr_Subterfuge" value="5" /><span></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sheet-col" style="width:155px">
|
||||
<h4 >Craft</h4>
|
||||
<h4 >Drive</h4>
|
||||
<h4 >Etiquette</h4>
|
||||
<h4 >Firearms</h4>
|
||||
<h4 >Meditation</h4>
|
||||
<h4 >Melee</h4>
|
||||
<h4 >Performance</h4>
|
||||
<h4 >Stealth</h4>
|
||||
<h4 >Survival</h4>
|
||||
<h4 >Technology</h4>
|
||||
</div>
|
||||
<div class="sheet-col" style="width:115px">
|
||||
<input type="radio" name="attr_Craft" value="0" class="zero" checked/><span></span> <input type="radio" name="attr_Craft" value="1" /><span></span> <input type="radio" name="attr_Craft" value="2" /><span></span> <input type="radio" name="attr_Craft" value="3" /><span></span> <input type="radio" name="attr_Craft" value="4" /><span></span> <input type="radio" name="attr_Craft" value="5" /><span></span>
|
||||
<div class="sheet-row">
|
||||
<input type="radio" name="attr_Drive" value="0" class="zero" checked/><span></span> <input type="radio" name="attr_Drive" value="1" /><span></span> <input type="radio" name="attr_Drive" value="2" /><span></span> <input type="radio" name="attr_Drive" value="3" /><span></span> <input type="radio" name="attr_Drive" value="4" /><span></span> <input type="radio" name="attr_Drive" value="5" /><span>
|
||||
</div>
|
||||
<div class="sheet-row">
|
||||
<input type="radio" name="attr_Etiquette" value="0" class="zero" checked/><span></span> <input type="radio" name="attr_Etiquette" value="1" /><span></span> <input type="radio" name="attr_Etiquette" value="2" /><span></span> <input type="radio" name="attr_Etiquette" value="3" /><span></span> <input type="radio" name="attr_Etiquette" value="4" /><span></span> <input type="radio" name="attr_Etiquette" value="5" /><span></span>
|
||||
</div>
|
||||
<div class="sheet-row">
|
||||
<input type="radio" name="attr_Firearms" value="0" class="zero" checked/><span></span> <input type="radio" name="attr_Firearms" value="1" /><span></span> <input type="radio" name="attr_Firearms" value="2" /><span></span> <input type="radio" name="attr_Firearms" value="3" /><span></span> <input type="radio" name="attr_Firearms" value="4" /><span></span> <input type="radio" name="attr_Firearms" value="5" /><span></span>
|
||||
</div>
|
||||
<div class="sheet-row">
|
||||
<input type="radio" name="attr_Meditation" value="0" class="zero" checked/><span></span> <input type="radio" name="attr_Meditation" value="1" /><span></span> <input type="radio" name="attr_Meditation" value="2" /><span></span> <input type="radio" name="attr_Meditation" value="3" /><span></span> <input type="radio" name="attr_Meditation" value="4" /><span></span> <input type="radio" name="attr_Meditation" value="5" /><span></span>
|
||||
</div>
|
||||
<div class="sheet-row">
|
||||
<input type="radio" name="attr_Melee" value="0" class="zero" checked/><span></span> <input type="radio" name="attr_Melee" value="1" /><span></span> <input type="radio" name="attr_Melee" value="2" /><span></span> <input type="radio" name="attr_Melee" value="3" /><span></span> <input type="radio" name="attr_Melee" value="4" /><span></span> <input type="radio" name="attr_Melee" value="5" /><span></span>
|
||||
</div>
|
||||
<div class="sheet-row">
|
||||
<input type="radio" name="attr_Performance" value="0" class="zero" checked/><span></span> <input type="radio" name="attr_Performance" value="1" /><span></span> <input type="radio" name="attr_Performance" value="2" /><span></span> <input type="radio" name="attr_Performance" value="3" /><span></span> <input type="radio" name="attr_Performance" value="4" /><span></span> <input type="radio" name="attr_Performance" value="5" /><span></span>
|
||||
</div>
|
||||
<div class="sheet-row">
|
||||
<input type="radio" name="attr_Stealth" value="0" class="zero" checked/><span></span> <input type="radio" name="attr_Stealth" value="1" /><span></span> <input type="radio" name="attr_Stealth" value="2" /><span></span> <input type="radio" name="attr_Stealth" value="3" /><span></span> <input type="radio" name="attr_Stealth" value="4" /><span></span> <input type="radio" name="attr_Stealth" value="5" /><span></span>
|
||||
</div>
|
||||
<div class="sheet-row">
|
||||
<input type="radio" name="attr_Survival" value="0" class="zero" checked/><span></span> <input type="radio" name="attr_Survival" value="1" /><span></span> <input type="radio" name="attr_Survival" value="2" /><span></span> <input type="radio" name="attr_Survival" value="3" /><span></span> <input type="radio" name="attr_Survival" value="4" /><span></span> <input type="radio" name="attr_Survival" value="5" /><span></span>
|
||||
</div>
|
||||
<div class="sheet-row">
|
||||
<input type="radio" name="attr_Technology" value="0" class="zero" checked/><span></span> <input type="radio" name="attr_Technology" value="1" /><span></span> <input type="radio" name="attr_Technology" value="2" /><span></span> <input type="radio" name="attr_Technology" value="3" /><span></span> <input type="radio" name="attr_Technology" value="4" /><span></span> <input type="radio" name="attr_Technology" value="5" /><span></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sheet-col" style="width:155px">
|
||||
<h4 >Academics</h4>
|
||||
<h4 >Computer</h4>
|
||||
<h4 >Cosmology</h4>
|
||||
<h4 >Enigmas</h4>
|
||||
<h4 >Investigation</h4>
|
||||
<h4 >Law</h4>
|
||||
<h4 >Linguistics</h4>
|
||||
<h4 >Medicine</h4>
|
||||
<h4 >Occult</h4>
|
||||
<h4 >Science</h4>
|
||||
</div>
|
||||
<div class="sheet-col" style="width:115px">
|
||||
<div class="sheet-row">
|
||||
<input type="radio" name="attr_Academics" value="0" class="zero" checked/><span></span> <input type="radio" name="attr_Academics" value="1" /><span></span> <input type="radio" name="attr_Academics" value="2" /><span></span> <input type="radio" name="attr_Academics" value="3" /><span></span> <input type="radio" name="attr_Academics" value="4" /><span></span> <input type="radio" name="attr_Academics" value="5" /><span></span>
|
||||
</div>
|
||||
<div class="sheet-row">
|
||||
<input type="radio" name="attr_Computer" value="0" class="zero" checked/><span></span> <input type="radio" name="attr_Computer" value="1" /><span></span> <input type="radio" name="attr_Computer" value="2" /><span></span> <input type="radio" name="attr_Computer" value="3" /><span></span> <input type="radio" name="attr_Computer" value="4" /><span></span> <input type="radio" name="attr_Computer" value="5" /><span></span>
|
||||
</div>
|
||||
<div class="sheet-row">
|
||||
<input type="radio" name="attr_Cosmology" value="0" class="zero" checked/><span></span> <input type="radio" name="attr_Cosmology" value="1" /><span></span> <input type="radio" name="attr_Cosmology" value="2" /><span></span> <input type="radio" name="attr_Cosmology" value="3" /><span></span> <input type="radio" name="attr_Cosmology" value="4" /><span></span> <input type="radio" name="attr_Cosmology" value="5" /><span></span>
|
||||
</div>
|
||||
<div class="sheet-row">
|
||||
<input type="radio" name="attr_Enigmas" value="0" class="zero" checked/><span></span> <input type="radio" name="attr_Enigmas" value="1" /><span></span> <input type="radio" name="attr_Enigmas" value="2" /><span></span> <input type="radio" name="attr_Enigmas" value="3" /><span></span> <input type="radio" name="attr_Enigmas" value="4" /><span></span> <input type="radio" name="attr_Enigmas" value="5" /><span></span>
|
||||
</div>
|
||||
<div class="sheet-row">
|
||||
<input type="radio" name="attr_Investigation" value="0" class="zero" checked/><span></span> <input type="radio" name="attr_Investigation" value="1" /><span></span> <input type="radio" name="attr_Investigation" value="2" /><span></span> <input type="radio" name="attr_Investigation" value="3" /><span></span> <input type="radio" name="attr_Investigation" value="4" /><span></span> <input type="radio" name="attr_Investigation" value="5" /><span></span>
|
||||
</div>
|
||||
<div class="sheet-row">
|
||||
<input type="radio" name="attr_Law" value="0" class="zero" checked/><span></span> <input type="radio" name="attr_Law" value="1" /><span></span> <input type="radio" name="attr_Law" value="2" /><span></span> <input type="radio" name="attr_Law" value="3" /><span></span> <input type="radio" name="attr_Law" value="4" /><span></span> <input type="radio" name="attr_Law" value="5" /><span></span>
|
||||
</div>
|
||||
<div class="sheet-row">
|
||||
<input type="radio" name="attr_Linguistics" value="0" class="zero" checked/><span></span> <input type="radio" name="attr_Linguistics" value="1" /><span></span> <input type="radio" name="attr_Linguistics" value="2" /><span></span> <input type="radio" name="attr_Linguistics" value="3" /><span></span> <input type="radio" name="attr_Linguistics" value="4" /><span></span> <input type="radio" name="attr_Linguistics" value="5" /><span></span>
|
||||
</div>
|
||||
<div class="sheet-row">
|
||||
<input type="radio" name="attr_Medicine" value="0" class="zero" checked/><span></span> <input type="radio" name="attr_Medicine" value="1" /><span></span> <input type="radio" name="attr_Medicine" value="2" /><span></span> <input type="radio" name="attr_Medicine" value="3" /><span></span> <input type="radio" name="attr_Medicine" value="4" /><span></span> <input type="radio" name="attr_Medicine" value="5" /><span></span>
|
||||
</div>
|
||||
<div class="sheet-row">
|
||||
<input type="radio" name="attr_Occult" value="0" class="zero" checked/><span></span> <input type="radio" name="attr_Occult" value="1" /><span></span> <input type="radio" name="attr_Occult" value="2" /><span></span> <input type="radio" name="attr_Occult" value="3" /><span></span> <input type="radio" name="attr_Occult" value="4" /><span></span> <input type="radio" name="attr_Occult" value="5" /><span></span>
|
||||
</div>
|
||||
<div class="sheet-row">
|
||||
<input type="radio" name="attr_Science" value="0" class="zero" checked/><span></span> <input type="radio" name="attr_Science" value="1" /><span></span> <input type="radio" name="attr_Science" value="2" /><span></span> <input type="radio" name="attr_Science" value="3" /><span></span> <input type="radio" name="attr_Science" value="4" /><span></span> <input type="radio" name="attr_Science" value="5" /><span></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<hr />
|
||||
|
||||
<h1 style="margin-bottom: 10px; text-align: center;">Spheres</h1>
|
||||
|
||||
<div class="sheet-colrow" >
|
||||
<div class="sheet-col" style="width:155px">
|
||||
<h4>Correspondence</h4>
|
||||
<h4>Entropy</h4>
|
||||
<h4>Forces</h4>
|
||||
</div>
|
||||
<div class="sheet-col" style="width:115px">
|
||||
<input type="radio" name="attr_Corresondence" value="0" class="zero" checked/><span></span> <input type="radio" name="attr_Corresondence" value="1" /><span></span> <input type="radio" name="attr_Corresondence" value="2" /><span></span> <input type="radio" name="attr_Corresondence" value="3" /><span></span> <input type="radio" name="attr_Corresondence" value="4" /><span></span> <input type="radio" name="attr_Corresondence" value="5" /><span></span>
|
||||
<div class="sheet-row">
|
||||
<input type="radio" name="attr_Entropy" value="0" class="zero" checked/><span></span> <input type="radio" name="attr_Entropy" value="1" /><span></span> <input type="radio" name="attr_Entropy" value="2" /><span></span> <input type="radio" name="attr_Entropy" value="3" /><span></span> <input type="radio" name="attr_Entropy" value="4" /><span></span> <input type="radio" name="attr_Entropy" value="5" /><span></span>
|
||||
</div>
|
||||
<div class="sheet-row">
|
||||
<input type="radio" name="attr_Forces" value="0" class="zero" checked/><span></span> <input type="radio" name="attr_Forces" value="1" /><span></span> <input type="radio" name="attr_Forces" value="2" /><span></span> <input type="radio" name="attr_Forces" value="3" /><span></span> <input type="radio" name="attr_Forces" value="4" /><span></span> <input type="radio" name="attr_Forces" value="5" /><span></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sheet-col" style="width:155px">
|
||||
<h4>Life</h4>
|
||||
<h4>Matter</h4>
|
||||
<h4>Mind</h4>
|
||||
</div>
|
||||
<div class="sheet-col" style="width:115px">
|
||||
<input type="radio" name="attr_Life" value="0" class="zero" checked/><span></span> <input type="radio" name="attr_Life" value="1" /><span></span> <input type="radio" name="attr_Life" value="2" /><span></span> <input type="radio" name="attr_Life" value="3" /><span></span> <input type="radio" name="attr_Life" value="4" /><span></span> <input type="radio" name="attr_Life" value="5" /><span></span>
|
||||
<div class="sheet-row">
|
||||
<input type="radio" name="attr_Matter" value="0" class="zero" checked/><span></span> <input type="radio" name="attr_Matter" value="1" /><span></span> <input type="radio" name="attr_Matter" value="2" /><span></span> <input type="radio" name="attr_Matter" value="3" /><span></span> <input type="radio" name="attr_Matter" value="4" /><span></span> <input type="radio" name="attr_Matter" value="5" /><span></span>
|
||||
</div>
|
||||
<div class="sheet-row">
|
||||
<input type="radio" name="attr_Mind" value="0" class="zero" checked/><span></span> <input type="radio" name="attr_Mind" value="1" /><span></span> <input type="radio" name="attr_Mind" value="2" /><span></span> <input type="radio" name="attr_Mind" value="3" /><span></span> <input type="radio" name="attr_Mind" value="4" /><span></span> <input type="radio" name="attr_Mind" value="5" /><span></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sheet-col" style="width:155px">
|
||||
<h4>Prime</h4>
|
||||
<h4>Spirit</h4>
|
||||
<h4>Time</h4>
|
||||
</div>
|
||||
<div class="sheet-col" style="width:115px">
|
||||
<input type="radio" name="attr_Prime" value="0" class="zero" checked/><span></span> <input type="radio" name="attr_Prime" value="1" /><span></span> <input type="radio" name="attr_Prime" value="2" /><span></span> <input type="radio" name="attr_Prime" value="3" /><span></span> <input type="radio" name="attr_Prime" value="4" /><span></span> <input type="radio" name="attr_Prime" value="5" /><span></span>
|
||||
<div class="sheet-row">
|
||||
<input type="radio" name="attr_Spirit" value="0" class="zero" checked/><span></span> <input type="radio" name="attr_Spirit" value="1" /><span></span> <input type="radio" name="attr_Spirit" value="2" /><span></span> <input type="radio" name="attr_Spirit" value="3" /><span></span> <input type="radio" name="attr_Spirit" value="4" /><span></span> <input type="radio" name="attr_Spirit" value="5" /><span></span>
|
||||
</div>
|
||||
<div class="sheet-row">
|
||||
<input type="radio" name="attr_Time" value="0" class="zero" checked/><span></span> <input type="radio" name="attr_Time" value="1" /><span></span> <input type="radio" name="attr_Time" value="2" /><span></span> <input type="radio" name="attr_Time" value="3" /><span></span> <input type="radio" name="attr_Time" value="4" /><span></span> <input type="radio" name="attr_Time" value="5" /><span></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<hr/>
|
||||
|
||||
<h1 style="margin-bottom: 10px; text-align: center;">Advantages</h1>
|
||||
|
||||
<div class="sheet-col" style="width:270px; ">
|
||||
<h3 style="text-align: center">Backgrounds</h3>
|
||||
<div class="sheet-col" style="width:155px">
|
||||
<input type="text" name="attr_Back1_name" />
|
||||
<input type="text" name="attr_Back2_name" />
|
||||
<input type="text" name="attr_Back3_name" />
|
||||
<input type="text" name="attr_Back4_name" />
|
||||
<input type="text" name="attr_Back5_name" />
|
||||
<input type="text" name="attr_Back6_name" />
|
||||
</div>
|
||||
<div class="sheet-col" style="width:110px; line-height:28px">
|
||||
<input type="radio" name="attr_Back1" value="0" class="zero" checked/><span></span> <input type="radio" name="attr_Back1" value="1" /><span></span> <input type="radio" name="attr_Back1" value="2" /><span></span> <input type="radio" name="attr_Back1" value="3" /><span></span> <input type="radio" name="attr_Back1" value="4" /><span></span> <input type="radio" name="attr_Back1" value="5" /><span></span>
|
||||
<div class="sheet-row">
|
||||
<input type="radio" name="attr_Back2" value="0" class="zero" checked/><span></span> <input type="radio" name="attr_Back2" value="1" /><span></span> <input type="radio" name="attr_Back2" value="2" /><span></span> <input type="radio" name="attr_Back2" value="3" /><span></span> <input type="radio" name="attr_Back2" value="4" /><span></span> <input type="radio" name="attr_Back2" value="5" /><span></span>
|
||||
</div>
|
||||
<div class="sheet-row">
|
||||
<input type="radio" name="attr_Back3" value="0" class="zero" checked/><span></span> <input type="radio" name="attr_Back3" value="1" /><span></span> <input type="radio" name="attr_Back3" value="2" /><span></span> <input type="radio" name="attr_Back3" value="3" /><span></span> <input type="radio" name="attr_Back3" value="4" /><span></span> <input type="radio" name="attr_Back3" value="5" /><span></span>
|
||||
</div>
|
||||
<div class="sheet-row">
|
||||
<input type="radio" name="attr_Back4" value="0" class="zero" checked/><span></span> <input type="radio" name="attr_Back4" value="1" /><span></span> <input type="radio" name="attr_Back4" value="2" /><span></span> <input type="radio" name="attr_Back4" value="3" /><span></span> <input type="radio" name="attr_Back4" value="4" /><span></span> <input type="radio" name="attr_Back4" value="5" /><span></span>
|
||||
</div>
|
||||
<div class="sheet-row">
|
||||
<input type="radio" name="attr_Back5" value="0" class="zero" checked/><span></span> <input type="radio" name="attr_Back5" value="1" /><span></span> <input type="radio" name="attr_Back5" value="2" /><span></span> <input type="radio" name="attr_Back5" value="3" /><span></span> <input type="radio" name="attr_Back5" value="4" /><span></span> <input type="radio" name="attr_Back5" value="5" /><span></span>
|
||||
</div>
|
||||
<div class="sheet-row">
|
||||
<input type="radio" name="attr_Back6" value="0" class="zero" checked/><span></span> <input type="radio" name="attr_Back6" value="1" /><span></span> <input type="radio" name="attr_Back6" value="2" /><span></span> <input type="radio" name="attr_Back6" value="3" /><span></span> <input type="radio" name="attr_Back6" value="4" /><span></span> <input type="radio" name="attr_Back6" value="5" /><span></span>
|
||||
</div>
|
||||
<br></div>
|
||||
<h3 align="center">Other Traits</h3>
|
||||
<div class="sheet-col" style="width:155px">
|
||||
<input type="text" name="attr_Other1_name" />
|
||||
<input type="text" name="attr_Other2_name" />
|
||||
<input type="text" name="attr_Other3_name" />
|
||||
<input type="text" name="attr_Other4_name" />
|
||||
<input type="text" name="attr_Other5_name" />
|
||||
<input type="text" name="attr_Other6_name" />
|
||||
<input type="text" name="attr_Other7_name" />
|
||||
<input type="text" name="attr_Other8_name" />
|
||||
</div>
|
||||
<div class="sheet-col" style="width:110px; line-height:28px">
|
||||
<input type="radio" name="attr_Other1" value="0" class="zero" checked/><span></span> <input type="radio" name="attr_Other1" value="1" /><span></span> <input type="radio" name="attr_Other1" value="2" /><span></span> <input type="radio" name="attr_Other1" value="3" /><span></span> <input type="radio" name="attr_Other1" value="4" /><span></span> <input type="radio" name="attr_Other1" value="5" /><span></span>
|
||||
<div class="sheet-row">
|
||||
<input type="radio" name="attr_Other2" value="0" class="zero" checked/><span></span> <input type="radio" name="attr_Other2" value="1" /><span></span> <input type="radio" name="attr_Other2" value="2" /><span></span> <input type="radio" name="attr_Other2" value="3" /><span></span> <input type="radio" name="attr_Other2" value="4" /><span></span> <input type="radio" name="attr_Other2" value="5" /><span></span>
|
||||
</div>
|
||||
<div class="sheet-row">
|
||||
<input type="radio" name="attr_Other3" value="0" class="zero" checked/><span></span> <input type="radio" name="attr_Other3" value="1" /><span></span> <input type="radio" name="attr_Other3" value="2" /><span></span> <input type="radio" name="attr_Other3" value="3" /><span></span> <input type="radio" name="attr_Other3" value="4" /><span></span> <input type="radio" name="attr_Other3" value="5" /><span></span>
|
||||
</div>
|
||||
<div class="sheet-row">
|
||||
<input type="radio" name="attr_Other4" value="0" class="zero" checked/><span></span> <input type="radio" name="attr_Other4" value="1" /><span></span> <input type="radio" name="attr_Other4" value="2" /><span></span> <input type="radio" name="attr_Other4" value="3" /><span></span> <input type="radio" name="attr_Other4" value="4" /><span></span> <input type="radio" name="attr_Other4" value="5" /><span></span>
|
||||
</div>
|
||||
<div class="sheet-row">
|
||||
<input type="radio" name="attr_Other5" value="0" class="zero" checked/><span></span> <input type="radio" name="attr_Other5" value="1" /><span></span> <input type="radio" name="attr_Other5" value="2" /><span></span> <input type="radio" name="attr_Other5" value="3" /><span></span> <input type="radio" name="attr_Other5" value="4" /><span></span> <input type="radio" name="attr_Other5" value="5" /><span></span>
|
||||
</div>
|
||||
<div class="sheet-row">
|
||||
<input type="radio" name="attr_Other6" value="0" class="zero" checked/><span></span> <input type="radio" name="attr_Other6" value="1" /><span></span> <input type="radio" name="attr_Other6" value="2" /><span></span> <input type="radio" name="attr_Other6" value="3" /><span></span> <input type="radio" name="attr_Other6" value="4" /><span></span> <input type="radio" name="attr_Other6" value="5" /><span></span>
|
||||
</div>
|
||||
<div class="sheet-row">
|
||||
<input type="radio" name="attr_Other7" value="0" class="zero" checked/><span></span> <input type="radio" name="attr_Other7" value="1" /><span></span> <input type="radio" name="attr_Other7" value="2" /><span></span> <input type="radio" name="attr_Other7" value="3" /><span></span> <input type="radio" name="attr_Other7" value="4" /><span></span> <input type="radio" name="attr_Other7" value="5" /><span></span>
|
||||
</div>
|
||||
<div class="sheet-row">
|
||||
<input type="radio" name="attr_Other8" value="0" class="zero" checked/><span></span> <input type="radio" name="attr_Other8" value="1" /><span></span> <input type="radio" name="attr_Other8" value="2" /><span></span> <input type="radio" name="attr_Other8" value="3" /><span></span> <input type="radio" name="attr_Other8" value="4" /><span></span> <input type="radio" name="attr_Other6" value="5" /><span></span>
|
||||
</div>
|
||||
</div>
|
||||
<br><br><h3 align="center">Merits</h3>
|
||||
<textarea name="attr_merits" style="width:260px; height:60px"></textarea>
|
||||
<h3 align="center">Flaws</h3>
|
||||
<textarea name="attr_flaws" style="width:260px; height:60px"></textarea>
|
||||
</div>
|
||||
|
||||
<div class="sheet-col" style="width:270px" align="center">
|
||||
<h3 >Arete</h3>
|
||||
<div align="left" style="margin:0px 0px 0px 49px"> <input type="radio" name="attr_Arete" value="1" checked="checked" /><span></span> <input type="radio" name="attr_Arete" value="2" /><span></span> <input type="radio" name="attr_Arete" value="3" /><span></span> <input type="radio" name="attr_Arete" value="4" /><span></span> <input type="radio" name="attr_Arete" value="5" /><span></span> <input type="radio" name="attr_Arete" value="6" /><span></span> <input type="radio" name="attr_Arete" value="7" /><span></span> <input type="radio" name="attr_Arete" value="8" /><span></span> <input type="radio" name="attr_Arete" value="9" /><span></span> <input type="radio" name="attr_Arete" value="10" /><span></span>
|
||||
<button type='roll' name='roll_Areteroll' value='/em Arete Roll \n/r {(@{Arete}+?{Pool Mod|0})d10s}>?{Difficulty|6}f1'></button>
|
||||
</div>
|
||||
<br><br><br>
|
||||
<h3 >Willpower</h3>
|
||||
<div align="left" style="margin:0px 0px 0px 49px"> <input type="radio" name="attr_Willpower" value="1" /><span></span> <input type="radio" name="attr_Willpower" value="2" /><span></span> <input type="radio" name="attr_Willpower" value="3" /><span></span> <input type="radio" name="attr_Willpower" value="4" /><span></span> <input type="radio" name="attr_Willpower" value="5" checked="checked"/><span></span> <input type="radio" name="attr_Willpower" value="6" /><span></span> <input type="radio" name="attr_Willpower" value="7" /><span></span> <input type="radio" name="attr_Willpower" value="8" /><span></span> <input type="radio" name="attr_Willpower" value="9" /><span></span> <input type="radio" name="attr_Willpower" value="10" /><span></span>
|
||||
<button type='roll' name='roll_Willpowerroll' value='/em rolls Willpower \n/r {(@{Willpower}+?{Pool Mod|0})d10s}>?{Difficulty|6}f1'></button>
|
||||
</div>
|
||||
<div align="left" style="margin:0px 0px 0px 30px">
|
||||
<input type="radio" name="attr_Willpower_Used" value="0" class="zero" checked/><span></span> <input type="radio" name="attr_Willpower_Used" value="1" class="used"/><span></span> <input type="radio" name="attr_Willpower_Used" value="2" class="used"/><span></span> <input type="radio" name="attr_Willpower_Used" value="3" class="used"/><span></span> <input type="radio" name="attr_Willpower_Used" value="4" class="used"/><span></span> <input type="radio" name="attr_Willpower_Used" value="5" class="used"/><span></span> <input type="radio" name="attr_Willpower_Used" value="6" class="used"/><span></span> <input type="radio" name="attr_Willpower_Used" value="7" class="used"/><span></span> <input type="radio" name="attr_Willpower_Used" value="8" class="used"/><span></span> <input type="radio" name="attr_Willpower_Used" value="9" class="used"/><span></span> <input type="radio" name="attr_Willpower_Used" value="10" class="used"/><span></span>
|
||||
</div>
|
||||
<br><br><br>
|
||||
<h3 >Quintessence</h3>
|
||||
<div style="height:165px">
|
||||
<div>
|
||||
<input type="checkbox" name="attr_quintessence1" class="wheel wheel9 middle left-1" /><span></span>
|
||||
<input type="checkbox" name="attr_quintessence2" class="wheel wheel27 mid-three-eighth left-2" /><span></span>
|
||||
<input type="checkbox" name="attr_quintessence3" class="wheel wheel45 mid-quarter left-3" /><span></span>
|
||||
<input type="checkbox" name="attr_quintessence4" class="wheel wheel63 mid-eighth left-4" /><span></span>
|
||||
<input type="checkbox" name="attr_quintessence5" class="wheel wheel81 top left-5" /><span></span>
|
||||
<input type="checkbox" name="attr_quintessence6" class="wheel wheel99 top left-6" /><span></span>
|
||||
<input type="checkbox" name="attr_quintessence7" class="wheel wheel117 mid-eighth left-7" /><span></span>
|
||||
<input type="checkbox" name="attr_quintessence8" class="wheel wheel135 mid-quarter left-8" /><span></span>
|
||||
<input type="checkbox" name="attr_quintessence9" class="wheel wheel153 mid-three-eighth left-9" /><span></span>
|
||||
<input type="checkbox" name="attr_quintessence10" class="wheel wheel171 middle left-10" /><span></span>
|
||||
</div>
|
||||
<div>
|
||||
<input type="checkbox" name="attr_quintessence20" class="wheel wheel171 middle-2 left-1" /><span></span>
|
||||
<input type="checkbox" name="attr_quintessence19" class="wheel wheel153 mid-five-eighth left-2" /><span></span>
|
||||
<input type="checkbox" name="attr_quintessence18" class="wheel wheel135 mid-three-quarter left-3" /><span></span>
|
||||
<input type="checkbox" name="attr_quintessence17" class="wheel wheel117 mid-seven-eighth left-4" /><span></span>
|
||||
<input type="checkbox" name="attr_quintessence16" class="wheel wheel99 bottom left-5" /><span></span>
|
||||
<input type="checkbox" name="attr_quintessence15" class="wheel wheel81 bottom left-6" /><span></span>
|
||||
<input type="checkbox" name="attr_quintessence14" class="wheel wheel63 mid-seven-eighth left-7" /><span></span>
|
||||
<input type="checkbox" name="attr_quintessence13" class="wheel wheel45 mid-three-quarter left-8" /><span></span>
|
||||
<input type="checkbox" name="attr_quintessence12" class="wheel wheel27 mid-five-eighth left-9" /><span></span>
|
||||
<input type="checkbox" name="attr_quintessence11" class="wheel wheel9 middle-2 left-10" /><span></span>
|
||||
</div>
|
||||
<div align="left" style="margin:40px 0px 0px 45px; font-size:20px">•</div>
|
||||
</div>
|
||||
<h3 >Paradox</h3>
|
||||
<br>
|
||||
<h3 >Dice Pools</h3>
|
||||
<div align="left" style="margin:0px 0px 0px 40px"><b >Attribute Ability</b ></div>
|
||||
<div align="left">
|
||||
<input type="checkbox" name="attr_DP1Spec" class="DP1Spec"/><span></span>
|
||||
<div class="DP1">
|
||||
<select name="attr_DPAtt1" style="width:95px"> <option value="0" selected></option> <option value="@{Strength}">Strength</option> <option value="@{Dexterity}">Dexterity</option> <option value="@{Stamina}">Stamina</option> <option value="@{Charisma}">Charisma</option> <option value="@{Manipulation}">Manipulation</option> <option value="@{Appearance}">Appearance</option> <option value="@{Intelligence}">Intelligence</option> <option value="@{Wits}">Wits</option> <option value="@{Perception}">Perception</option> </select>
|
||||
<select name="attr_DPAbi1" style="width:100px"> <option value="0" selected></option> <option value="@{Alertness}">Alertness</option> <option value="@{Athletics}">Athletics</option> <option value="@{Awareness}">Awareness</option> <option value="@{Brawl}">Brawl</option> <option value="@{Dodge}">Dodge</option> <option value="@{Expression}">Expression</option> <option value="@{Intimidation}">Intimidation</option> <option value="@{Leadership}">Leadership</option> <option value="@{Streetwise}">Streetwise</option> <option value="@{Subterfuge}">Subterfuge</option> <option value="@{Craft}">Craft</option> <option value="@{Drive}">Drive</option> <option value="@{Etiquette}">Etiquette</option> <option value="@{Firearms}">Firearms</option> <option value="@{Meditation}">Meditation</option> <option value="@{Melee}">Melee</option> <option value="@{Performance}">Performance</option> <option value="@{Stealth}">Stealth</option> <option value="@{Survival}">Survival</option> <option value="@{Technology}">Technology</option> <option value="@{Academics}">Academics</option> <option value="@{Computer}">Computer</option> <option value="@{Cosmology}">Cosmology</option> <option value="@{Enigmas}">Enigmas</option> <option value="@{Investigation}">Investigation</option> <option value="@{Law}">Law</option> <option value="@{Linguistics}">Linguistics</option> <option value="@{Medicine}">Medicine</option> <option value="@{Occult}">Occult</option> <option value="@{Science}">Science</option> <option value="@{Other1}">Other1</option> <option value="@{Other2}">Other2</option> <option value="@{Other3}">Other3</option> <option value="@{Other4}">Other4</option> <option value="@{Other5}">Other5</option> <option value="@{Other6}">Other6</option> <option value="@{Other7}">Other7</option> <option value="@{Other8}">Other8</option> </select>
|
||||
<button type='roll' name='roll_DP1roll' value='/em rolls Dice Pool 1 \n/r {(@{DPAtt1}+@{DPAbi1}+?{Pool Mod|0})d10s}>?{Difficulty|6}f1'></button>
|
||||
</div>
|
||||
<div class="DP1wSpec">
|
||||
<select name="attr_DPAtt1" style="width:95px"> <option value="0" selected></option> <option value="@{Strength}">Strength</option> <option value="@{Dexterity}">Dexterity</option> <option value="@{Stamina}">Stamina</option> <option value="@{Charisma}">Charisma</option> <option value="@{Manipulation}">Manipulation</option> <option value="@{Appearance}">Appearance</option> <option value="@{Intelligence}">Intelligence</option> <option value="@{Wits}">Wits</option> <option value="@{Perception}">Perception</option> </select>
|
||||
<select name="attr_DPAbi1" style="width:100px"> <option value="0" selected></option> <option value="@{Alertness}">Alertness</option> <option value="@{Athletics}">Athletics</option> <option value="@{Awareness}">Awareness</option> <option value="@{Brawl}">Brawl</option> <option value="@{Dodge}">Dodge</option> <option value="@{Expression}">Expression</option> <option value="@{Intimidation}">Intimidation</option> <option value="@{Leadership}">Leadership</option> <option value="@{Streetwise}">Streetwise</option> <option value="@{Subterfuge}">Subterfuge</option> <option value="@{Craft}">Craft</option> <option value="@{Drive}">Drive</option> <option value="@{Etiquette}">Etiquette</option> <option value="@{Firearms}">Firearms</option> <option value="@{Meditation}">Meditation</option> <option value="@{Melee}">Melee</option> <option value="@{Performance}">Performance</option> <option value="@{Stealth}">Stealth</option> <option value="@{Survival}">Survival</option> <option value="@{Technology}">Technology</option> <option value="@{Academics}">Academics</option> <option value="@{Computer}">Computer</option> <option value="@{Cosmology}">Cosmology</option> <option value="@{Enigmas}">Enigmas</option> <option value="@{Investigation}">Investigation</option> <option value="@{Law}">Law</option> <option value="@{Linguistics}">Linguistics</option> <option value="@{Medicine}">Medicine</option> <option value="@{Occult}">Occult</option> <option value="@{Science}">Science</option> <option value="@{Other1}">Other1</option> <option value="@{Other2}">Other2</option> <option value="@{Other3}">Other3</option> <option value="@{Other4}">Other4</option> <option value="@{Other5}">Other5</option> <option value="@{Other6}">Other6</option> <option value="@{Other7}">Other7</option> <option value="@{Other8}">Other8</option> </select>
|
||||
<button type='roll' name='roll_DP1roll' value='/em rolls Dice Pool 1 w/ Specialization \n/r {(@{DPAtt1}+@{DPAbi1}+?{Pool Mod|0})d10s!}>?{Difficulty|6}f1'></button>
|
||||
</div><br>
|
||||
|
||||
<input type="checkbox" name="attr_DP2Spec" class="DP2Spec"/><span></span>
|
||||
<div class="DP2">
|
||||
<select name="attr_DPAtt2" style="width:95px"> <option value="0" selected></option> <option value="@{Strength}">Strength</option> <option value="@{Dexterity}">Dexterity</option> <option value="@{Stamina}">Stamina</option> <option value="@{Charisma}">Charisma</option> <option value="@{Manipulation}">Manipulation</option> <option value="@{Appearance}">Appearance</option> <option value="@{Intelligence}">Intelligence</option> <option value="@{Wits}">Wits</option> <option value="@{Perception}">Perception</option> </select>
|
||||
<select name="attr_DPAbi2" style="width:100px"> <option value="0" selected></option> <option value="@{Alertness}">Alertness</option> <option value="@{Athletics}">Athletics</option> <option value="@{Awareness}">Awareness</option> <option value="@{Brawl}">Brawl</option> <option value="@{Dodge}">Dodge</option> <option value="@{Expression}">Expression</option> <option value="@{Intimidation}">Intimidation</option> <option value="@{Leadership}">Leadership</option> <option value="@{Streetwise}">Streetwise</option> <option value="@{Subterfuge}">Subterfuge</option> <option value="@{Craft}">Craft</option> <option value="@{Drive}">Drive</option> <option value="@{Etiquette}">Etiquette</option> <option value="@{Firearms}">Firearms</option> <option value="@{Meditation}">Meditation</option> <option value="@{Melee}">Melee</option> <option value="@{Performance}">Performance</option> <option value="@{Stealth}">Stealth</option> <option value="@{Survival}">Survival</option> <option value="@{Technology}">Technology</option> <option value="@{Academics}">Academics</option> <option value="@{Computer}">Computer</option> <option value="@{Cosmology}">Cosmology</option> <option value="@{Enigmas}">Enigmas</option> <option value="@{Investigation}">Investigation</option> <option value="@{Law}">Law</option> <option value="@{Linguistics}">Linguistics</option> <option value="@{Medicine}">Medicine</option> <option value="@{Occult}">Occult</option> <option value="@{Science}">Science</option> <option value="@{Other1}">Other1</option> <option value="@{Other2}">Other2</option> <option value="@{Other3}">Other3</option> <option value="@{Other4}">Other4</option> <option value="@{Other5}">Other5</option> <option value="@{Other6}">Other6</option> <option value="@{Other7}">Other7</option> <option value="@{Other8}">Other8</option> </select>
|
||||
<button type='roll' name='roll_DP2roll' value='/em rolls Dice Pool 2 \n/r {(@{DPAtt2}+@{DPAbi2}+?{Pool Mod|0})d10s}>?{Difficulty|6}f1'></button>
|
||||
</div>
|
||||
<div class="DP2wSpec">
|
||||
<select name="attr_DPAtt2" style="width:95px"> <option value="0" selected></option> <option value="@{Strength}">Strength</option> <option value="@{Dexterity}">Dexterity</option> <option value="@{Stamina}">Stamina</option> <option value="@{Charisma}">Charisma</option> <option value="@{Manipulation}">Manipulation</option> <option value="@{Appearance}">Appearance</option> <option value="@{Intelligence}">Intelligence</option> <option value="@{Wits}">Wits</option> <option value="@{Perception}">Perception</option> </select>
|
||||
<select name="attr_DPAbi2" style="width:100px"> <option value="0" selected></option> <option value="@{Alertness}">Alertness</option> <option value="@{Athletics}">Athletics</option> <option value="@{Awareness}">Awareness</option> <option value="@{Brawl}">Brawl</option> <option value="@{Dodge}">Dodge</option> <option value="@{Expression}">Expression</option> <option value="@{Intimidation}">Intimidation</option> <option value="@{Leadership}">Leadership</option> <option value="@{Streetwise}">Streetwise</option> <option value="@{Subterfuge}">Subterfuge</option> <option value="@{Craft}">Craft</option> <option value="@{Drive}">Drive</option> <option value="@{Etiquette}">Etiquette</option> <option value="@{Firearms}">Firearms</option> <option value="@{Meditation}">Meditation</option> <option value="@{Melee}">Melee</option> <option value="@{Performance}">Performance</option> <option value="@{Stealth}">Stealth</option> <option value="@{Survival}">Survival</option> <option value="@{Technology}">Technology</option> <option value="@{Academics}">Academics</option> <option value="@{Computer}">Computer</option> <option value="@{Cosmology}">Cosmology</option> <option value="@{Enigmas}">Enigmas</option> <option value="@{Investigation}">Investigation</option> <option value="@{Law}">Law</option> <option value="@{Linguistics}">Linguistics</option> <option value="@{Medicine}">Medicine</option> <option value="@{Occult}">Occult</option> <option value="@{Science}">Science</option> <option value="@{Other1}">Other1</option> <option value="@{Other2}">Other2</option> <option value="@{Other3}">Other3</option> <option value="@{Other4}">Other4</option> <option value="@{Other5}">Other5</option> <option value="@{Other6}">Other6</option> <option value="@{Other7}">Other7</option> <option value="@{Other8}">Other8</option> </select>
|
||||
<button type='roll' name='roll_DP2roll' value='/em rolls Dice Pool 2 w/ Specialization \n/r {(@{DPAtt2}+@{DPAbi2}+?{Pool Mod|0})d10s!}>?{Difficulty|6}f1'></button>
|
||||
</div><br>
|
||||
|
||||
<input type="checkbox" name="attr_DP3Spec" class="DP3Spec"/><span></span>
|
||||
<div class="DP3">
|
||||
<select name="attr_DPAtt3" style="width:95px"> <option value="0" selected></option> <option value="@{Strength}">Strength</option> <option value="@{Dexterity}">Dexterity</option> <option value="@{Stamina}">Stamina</option> <option value="@{Charisma}">Charisma</option> <option value="@{Manipulation}">Manipulation</option> <option value="@{Appearance}">Appearance</option> <option value="@{Intelligence}">Intelligence</option> <option value="@{Wits}">Wits</option> <option value="@{Perception}">Perception</option> </select>
|
||||
<select name="attr_DPAbi3" style="width:100px"> <option value="0" selected></option> <option value="@{Alertness}">Alertness</option> <option value="@{Athletics}">Athletics</option> <option value="@{Awareness}">Awareness</option> <option value="@{Brawl}">Brawl</option> <option value="@{Dodge}">Dodge</option> <option value="@{Expression}">Expression</option> <option value="@{Intimidation}">Intimidation</option> <option value="@{Leadership}">Leadership</option> <option value="@{Streetwise}">Streetwise</option> <option value="@{Subterfuge}">Subterfuge</option> <option value="@{Craft}">Craft</option> <option value="@{Drive}">Drive</option> <option value="@{Etiquette}">Etiquette</option> <option value="@{Firearms}">Firearms</option> <option value="@{Meditation}">Meditation</option> <option value="@{Melee}">Melee</option> <option value="@{Performance}">Performance</option> <option value="@{Stealth}">Stealth</option> <option value="@{Survival}">Survival</option> <option value="@{Technology}">Technology</option> <option value="@{Academics}">Academics</option> <option value="@{Computer}">Computer</option> <option value="@{Cosmology}">Cosmology</option> <option value="@{Enigmas}">Enigmas</option> <option value="@{Investigation}">Investigation</option> <option value="@{Law}">Law</option> <option value="@{Linguistics}">Linguistics</option> <option value="@{Medicine}">Medicine</option> <option value="@{Occult}">Occult</option> <option value="@{Science}">Science</option> <option value="@{Other1}">Other1</option> <option value="@{Other2}">Other2</option> <option value="@{Other3}">Other3</option> <option value="@{Other4}">Other4</option> <option value="@{Other5}">Other5</option> <option value="@{Other6}">Other6</option> <option value="@{Other7}">Other7</option> <option value="@{Other8}">Other8</option> </select>
|
||||
<button type='roll' name='roll_DP3roll' value='/em rolls Dice Pool 3 \n/r {(@{DPAtt3}+@{DPAbi3}+?{Pool Mod|0})d10s}>?{Difficulty|6}f1'></button>
|
||||
</div>
|
||||
<div class="DP3wSpec">
|
||||
<select name="attr_DPAtt3" style="width:95px"> <option value="0" selected></option> <option value="@{Strength}">Strength</option> <option value="@{Dexterity}">Dexterity</option> <option value="@{Stamina}">Stamina</option> <option value="@{Charisma}">Charisma</option> <option value="@{Manipulation}">Manipulation</option> <option value="@{Appearance}">Appearance</option> <option value="@{Intelligence}">Intelligence</option> <option value="@{Wits}">Wits</option> <option value="@{Perception}">Perception</option> </select>
|
||||
<select name="attr_DPAbi3" style="width:100px"> <option value="0" selected></option> <option value="@{Alertness}">Alertness</option> <option value="@{Athletics}">Athletics</option> <option value="@{Awareness}">Awareness</option> <option value="@{Brawl}">Brawl</option> <option value="@{Dodge}">Dodge</option> <option value="@{Expression}">Expression</option> <option value="@{Intimidation}">Intimidation</option> <option value="@{Leadership}">Leadership</option> <option value="@{Streetwise}">Streetwise</option> <option value="@{Subterfuge}">Subterfuge</option> <option value="@{Craft}">Craft</option> <option value="@{Drive}">Drive</option> <option value="@{Etiquette}">Etiquette</option> <option value="@{Firearms}">Firearms</option> <option value="@{Meditation}">Meditation</option> <option value="@{Melee}">Melee</option> <option value="@{Performance}">Performance</option> <option value="@{Stealth}">Stealth</option> <option value="@{Survival}">Survival</option> <option value="@{Technology}">Technology</option> <option value="@{Academics}">Academics</option> <option value="@{Computer}">Computer</option> <option value="@{Cosmology}">Cosmology</option> <option value="@{Enigmas}">Enigmas</option> <option value="@{Investigation}">Investigation</option> <option value="@{Law}">Law</option> <option value="@{Linguistics}">Linguistics</option> <option value="@{Medicine}">Medicine</option> <option value="@{Occult}">Occult</option> <option value="@{Science}">Science</option> <option value="@{Other1}">Other1</option> <option value="@{Other2}">Other2</option> <option value="@{Other3}">Other3</option> <option value="@{Other4}">Other4</option> <option value="@{Other5}">Other5</option> <option value="@{Other6}">Other6</option> <option value="@{Other7}">Other7</option> <option value="@{Other8}">Other8</option> </select>
|
||||
<button type='roll' name='roll_DP3roll' value='/em rolls Dice Pool 3 w/ Specialization \n/r {(@{DPAtt3}+@{DPAbi3}+?{Pool Mod|0})d10s!}>?{Difficulty|6}f1'></button>
|
||||
</div><br>
|
||||
|
||||
<input type="checkbox" name="attr_DP4Spec" class="DP4Spec"/><span></span>
|
||||
<div class="DP4">
|
||||
<select name="attr_DPAtt4" style="width:95px"> <option value="0" selected></option> <option value="@{Strength}">Strength</option> <option value="@{Dexterity}">Dexterity</option> <option value="@{Stamina}">Stamina</option> <option value="@{Charisma}">Charisma</option> <option value="@{Manipulation}">Manipulation</option> <option value="@{Appearance}">Appearance</option> <option value="@{Intelligence}">Intelligence</option> <option value="@{Wits}">Wits</option> <option value="@{Perception}">Perception</option> </select>
|
||||
<select name="attr_DPAbi4" style="width:100px"> <option value="0" selected></option> <option value="@{Alertness}">Alertness</option> <option value="@{Athletics}">Athletics</option> <option value="@{Awareness}">Awareness</option> <option value="@{Brawl}">Brawl</option> <option value="@{Dodge}">Dodge</option> <option value="@{Expression}">Expression</option> <option value="@{Intimidation}">Intimidation</option> <option value="@{Leadership}">Leadership</option> <option value="@{Streetwise}">Streetwise</option> <option value="@{Subterfuge}">Subterfuge</option> <option value="@{Craft}">Craft</option> <option value="@{Drive}">Drive</option> <option value="@{Etiquette}">Etiquette</option> <option value="@{Firearms}">Firearms</option> <option value="@{Meditation}">Meditation</option> <option value="@{Melee}">Melee</option> <option value="@{Performance}">Performance</option> <option value="@{Stealth}">Stealth</option> <option value="@{Survival}">Survival</option> <option value="@{Technology}">Technology</option> <option value="@{Academics}">Academics</option> <option value="@{Computer}">Computer</option> <option value="@{Cosmology}">Cosmology</option> <option value="@{Enigmas}">Enigmas</option> <option value="@{Investigation}">Investigation</option> <option value="@{Law}">Law</option> <option value="@{Linguistics}">Linguistics</option> <option value="@{Medicine}">Medicine</option> <option value="@{Occult}">Occult</option> <option value="@{Science}">Science</option> <option value="@{Other1}">Other1</option> <option value="@{Other2}">Other2</option> <option value="@{Other3}">Other3</option> <option value="@{Other4}">Other4</option> <option value="@{Other5}">Other5</option> <option value="@{Other6}">Other6</option> <option value="@{Other7}">Other7</option> <option value="@{Other8}">Other8</option> </select>
|
||||
<button type='roll' name='roll_DP4roll' value='/em rolls Dice Pool 4 \n/r {(@{DPAtt4}+@{DPAbi4}+?{Pool Mod|0})d10s}>?{Difficulty|6}f1'></button>
|
||||
</div>
|
||||
<div class="DP4wSpec">
|
||||
<select name="attr_DPAtt4" style="width:95px"> <option value="0" selected></option> <option value="@{Strength}">Strength</option> <option value="@{Dexterity}">Dexterity</option> <option value="@{Stamina}">Stamina</option> <option value="@{Charisma}">Charisma</option> <option value="@{Manipulation}">Manipulation</option> <option value="@{Appearance}">Appearance</option> <option value="@{Intelligence}">Intelligence</option> <option value="@{Wits}">Wits</option> <option value="@{Perception}">Perception</option> </select>
|
||||
<select name="attr_DPAbi4" style="width:100px"> <option value="0" selected></option> <option value="@{Alertness}">Alertness</option> <option value="@{Athletics}">Athletics</option> <option value="@{Awareness}">Awareness</option> <option value="@{Brawl}">Brawl</option> <option value="@{Dodge}">Dodge</option> <option value="@{Expression}">Expression</option> <option value="@{Intimidation}">Intimidation</option> <option value="@{Leadership}">Leadership</option> <option value="@{Streetwise}">Streetwise</option> <option value="@{Subterfuge}">Subterfuge</option> <option value="@{Craft}">Craft</option> <option value="@{Drive}">Drive</option> <option value="@{Etiquette}">Etiquette</option> <option value="@{Firearms}">Firearms</option> <option value="@{Meditation}">Meditation</option> <option value="@{Melee}">Melee</option> <option value="@{Performance}">Performance</option> <option value="@{Stealth}">Stealth</option> <option value="@{Survival}">Survival</option> <option value="@{Technology}">Technology</option> <option value="@{Academics}">Academics</option> <option value="@{Computer}">Computer</option> <option value="@{Cosmology}">Cosmology</option> <option value="@{Enigmas}">Enigmas</option> <option value="@{Investigation}">Investigation</option> <option value="@{Law}">Law</option> <option value="@{Linguistics}">Linguistics</option> <option value="@{Medicine}">Medicine</option> <option value="@{Occult}">Occult</option> <option value="@{Science}">Science</option> <option value="@{Other1}">Other1</option> <option value="@{Other2}">Other2</option> <option value="@{Other3}">Other3</option> <option value="@{Other4}">Other4</option> <option value="@{Other5}">Other5</option> <option value="@{Other6}">Other6</option> <option value="@{Other7}">Other7</option> <option value="@{Other8}">Other8</option> </select>
|
||||
<button type='roll' name='roll_DP4roll' value='/em rolls Dice Pool 4 w/ Specialization \n/r {(@{DPAtt4}+@{DPAbi4}+?{Pool Mod|0})d10s}>?{Difficulty|6}f1'></button>
|
||||
</div><br>
|
||||
|
||||
<input type="checkbox" name="attr_DP5Spec" class="DP5Spec"/><span></span>
|
||||
<div class="DP5">
|
||||
<select name="attr_DPAtt5" style="width:95px"> <option value="0" selected></option> <option value="@{Strength}">Strength</option> <option value="@{Dexterity}">Dexterity</option> <option value="@{Stamina}">Stamina</option> <option value="@{Charisma}">Charisma</option> <option value="@{Manipulation}">Manipulation</option> <option value="@{Appearance}">Appearance</option> <option value="@{Intelligence}">Intelligence</option> <option value="@{Wits}">Wits</option> <option value="@{Perception}">Perception</option> </select>
|
||||
<select name="attr_DPAbi5" style="width:100px"> <option value="0" selected></option> <option value="@{Alertness}">Alertness</option> <option value="@{Athletics}">Athletics</option> <option value="@{Awareness}">Awareness</option> <option value="@{Brawl}">Brawl</option> <option value="@{Dodge}">Dodge</option> <option value="@{Expression}">Expression</option> <option value="@{Intimidation}">Intimidation</option> <option value="@{Leadership}">Leadership</option> <option value="@{Streetwise}">Streetwise</option> <option value="@{Subterfuge}">Subterfuge</option> <option value="@{Craft}">Craft</option> <option value="@{Drive}">Drive</option> <option value="@{Etiquette}">Etiquette</option> <option value="@{Firearms}">Firearms</option> <option value="@{Meditation}">Meditation</option> <option value="@{Melee}">Melee</option> <option value="@{Performance}">Performance</option> <option value="@{Stealth}">Stealth</option> <option value="@{Survival}">Survival</option> <option value="@{Technology}">Technology</option> <option value="@{Academics}">Academics</option> <option value="@{Computer}">Computer</option> <option value="@{Cosmology}">Cosmology</option> <option value="@{Enigmas}">Enigmas</option> <option value="@{Investigation}">Investigation</option> <option value="@{Law}">Law</option> <option value="@{Linguistics}">Linguistics</option> <option value="@{Medicine}">Medicine</option> <option value="@{Occult}">Occult</option> <option value="@{Science}">Science</option> <option value="@{Other1}">Other1</option> <option value="@{Other2}">Other2</option> <option value="@{Other3}">Other3</option> <option value="@{Other4}">Other4</option> <option value="@{Other5}">Other5</option> <option value="@{Other6}">Other6</option> <option value="@{Other7}">Other7</option> <option value="@{Other8}">Other8</option> </select>
|
||||
<button type='roll' name='roll_DP5roll' value='Dice Pool 5\n/r {(@{DPAtt5}+@{DPAbi5}+?{Pool Mod|0})d10!}>?{Difficulty|6}f1'></button>
|
||||
</div>
|
||||
<div class="DP5wSpec">
|
||||
<select name="attr_DPAtt5" style="width:95px"> <option value="0" selected></option> <option value="@{Strength}">Strength</option> <option value="@{Dexterity}">Dexterity</option> <option value="@{Stamina}">Stamina</option> <option value="@{Charisma}">Charisma</option> <option value="@{Manipulation}">Manipulation</option> <option value="@{Appearance}">Appearance</option> <option value="@{Intelligence}">Intelligence</option> <option value="@{Wits}">Wits</option> <option value="@{Perception}">Perception</option> </select>
|
||||
<select name="attr_DPAbi5" style="width:100px"> <option value="0" selected></option> <option value="@{Alertness}">Alertness</option> <option value="@{Athletics}">Athletics</option> <option value="@{Awareness}">Awareness</option> <option value="@{Brawl}">Brawl</option> <option value="@{Dodge}">Dodge</option> <option value="@{Expression}">Expression</option> <option value="@{Intimidation}">Intimidation</option> <option value="@{Leadership}">Leadership</option> <option value="@{Streetwise}">Streetwise</option> <option value="@{Subterfuge}">Subterfuge</option> <option value="@{Craft}">Craft</option> <option value="@{Drive}">Drive</option> <option value="@{Etiquette}">Etiquette</option> <option value="@{Firearms}">Firearms</option> <option value="@{Meditation}">Meditation</option> <option value="@{Melee}">Melee</option> <option value="@{Performance}">Performance</option> <option value="@{Stealth}">Stealth</option> <option value="@{Survival}">Survival</option> <option value="@{Technology}">Technology</option> <option value="@{Academics}">Academics</option> <option value="@{Computer}">Computer</option> <option value="@{Cosmology}">Cosmology</option> <option value="@{Enigmas}">Enigmas</option> <option value="@{Investigation}">Investigation</option> <option value="@{Law}">Law</option> <option value="@{Linguistics}">Linguistics</option> <option value="@{Medicine}">Medicine</option> <option value="@{Occult}">Occult</option> <option value="@{Science}">Science</option> <option value="@{Other1}">Other1</option> <option value="@{Other2}">Other2</option> <option value="@{Other3}">Other3</option> <option value="@{Other4}">Other4</option> <option value="@{Other5}">Other5</option> <option value="@{Other6}">Other6</option> <option value="@{Other7}">Other7</option> <option value="@{Other8}">Other8</option> </select>
|
||||
<button type='roll' name='roll_DP5roll' value='/em rolls Dice Pool 5 w/ Specialization \n/r {(@{DPAtt5}+@{DPAbi5}+?{Pool Mod|0})d10s!}>?{Difficulty|6}f1'></button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="sheet-col" style="width:270px">
|
||||
<h3 style="text-align: center">Health</h3>
|
||||
<div class="sheet-col" style="width:70px; margin-left:40px">
|
||||
<h4 style="line-height:36px">Bruised</h>
|
||||
<h4 style="line-height:36px">Hurt</h>
|
||||
<h4 style="line-height:36px">Injured</h>
|
||||
<h4 style="line-height:36px">Wounded</h>
|
||||
<h4 style="line-height:36px">Mauled</h>
|
||||
<h4 style="line-height:36px">Crippled</h>
|
||||
<h4 style="line-height:36px">Incapacitated</h>
|
||||
</div>
|
||||
<div class="sheet-col" style="width:110px" align="right">
|
||||
<div class="sheet-row">
|
||||
<select name="attr_Bruised"> <option></option> <option value="Bashing">-</option> <option value="Lethal">/</option> <option value="Aggravated">X</option> </select>
|
||||
</div>
|
||||
<div class="sheet-row">
|
||||
<h4>-1 <select name="attr_Hurt"> <option></option> <option value="Bashing">-</option> <option value="Lethal">/</option> <option value="Aggravated">X</option> </select>
|
||||
</div>
|
||||
<div class="sheet-row">
|
||||
<h4>-1 <select name="attr_Injured"> <option></option> <option value="Bashing">-</option> <option value="Lethal">/</option> <option value="Aggravated">X</option> </select>
|
||||
</div>
|
||||
<div class="sheet-row">
|
||||
<h4>-2 <select name="attr_Wounded"> <option></option> <option value="Bashing">-</option> <option value="Lethal">/</option> <option value="Aggravated">X</option> </select>
|
||||
</div>
|
||||
<div class="sheet-row">
|
||||
<h4>-2 <select name="attr_Mauled"> <option></option> <option value="Bashing">-</option> <option value="Lethal">/</option> <option value="Aggravated">X</option> </select>
|
||||
</div>
|
||||
<div class="sheet-row">
|
||||
<h4>-5 <select name="attr_Crippled"> <option></option> <option value="Bashing">-</option> <option value="Lethal">/</option> <option value="Aggravated">X</option> </select>
|
||||
</div>
|
||||
<div class="sheet-row">
|
||||
<select name="attr_Incapacitated"> <option></option> <option value="Bashing">-</option> <option value="Lethal">/</option> <option value="Aggravated">X</option> </select>
|
||||
</div>
|
||||
</div><br><br>
|
||||
<h3 style="text-align: center">Resonance</h3>
|
||||
<div class="sheet-col" style="width:155px; line-height:17px">
|
||||
<h4>Dynamic</h4>
|
||||
<h4>Entropic</h4>
|
||||
<h4>Static</h4>
|
||||
</div>
|
||||
<div class="sheet-col" style="width:110px; line-height:17px" align="right">
|
||||
<input type="radio" name="attr_Dynamic" value="0" class="zero" checked/><span></span> <input type="radio" name="attr_Dynamic" value="1" /><span></span> <input type="radio" name="attr_Dynamic" value="2" /><span></span> <input type="radio" name="attr_Dynamic" value="3" /><span></span> <input type="radio" name="attr_Dynamic" value="4" /><span></span> <input type="radio" name="attr_Dynamic" value="5" /><span></span>
|
||||
<div class="sheet-row">
|
||||
<input type="radio" name="attr_Entropic" value="0" class="zero" checked/><span></span> <input type="radio" name="attr_Entropic" value="1" /><span></span> <input type="radio" name="attr_Entropic" value="2" /><span></span> <input type="radio" name="attr_Entropic" value="3" /><span></span> <input type="radio" name="attr_Entropic" value="4" /><span></span> <input type="radio" name="attr_Entropic" value="5" /><span></span>
|
||||
</div>
|
||||
<div class="sheet-row">
|
||||
<input type="radio" name="attr_Static" value="0" class="zero" checked/><span></span> <input type="radio" name="attr_Static" value="1" /><span></span> <input type="radio" name="attr_Static" value="2" /><span></span> <input type="radio" name="attr_Static" value="3" /><span></span> <input type="radio" name="attr_Static" value="4" /><span></span> <input type="radio" name="attr_Static" value="5" /><span></span>
|
||||
</div>
|
||||
<br></div>
|
||||
<div class="sheet-row">
|
||||
<br><h3 style="text-align: center">Experience</h3>
|
||||
</div>
|
||||
<div class="sheet-row" align="center">
|
||||
<input type="text" name="attr_Experience" style="width:245px"/>
|
||||
</div>
|
||||
<br><h3 align="center">Notes</h3>
|
||||
<textarea name="attr_notes" style="width:260px; height:170px"></textarea>
|
||||
</div>
|
||||
@@ -0,0 +1,409 @@
|
||||
/* version: @@version */
|
||||
|
||||
.charsheet label {
|
||||
display: inline-block;
|
||||
width: 50px;
|
||||
text-align: right;
|
||||
padding-bottom: 0px;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.charsheet input {
|
||||
display: inline-block;
|
||||
width: 125px;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.charsheet {
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
.charsheet select {
|
||||
width: 42px;
|
||||
}
|
||||
|
||||
.sheet-col-70 {
|
||||
width: 70%;
|
||||
}
|
||||
|
||||
.sheet-col-30 {
|
||||
width: 30%;
|
||||
}
|
||||
|
||||
|
||||
/* Hide actual dot/checkbox */
|
||||
input[type="radio"],
|
||||
input[type="checkbox"]
|
||||
{
|
||||
position: absolute;
|
||||
opacity: 0;
|
||||
width: 15px;
|
||||
cursor: pointer;
|
||||
z-index: 1;
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
/* Styles common to fake dot and checkbox */
|
||||
input[type="radio"] + span::before,
|
||||
input[type="checkbox"] + span::before
|
||||
{
|
||||
border: solid 1px rgba(125,125,125,0.2);;
|
||||
line-height: 11px;
|
||||
text-align: middle;
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
font-weight: normal;
|
||||
margin-left: -2px;
|
||||
margin-right: -2px;
|
||||
|
||||
-moz-box-shadow: 0 0 0px #000;
|
||||
-webkit-box-shadow: 0 0 0px #000;
|
||||
box-shadow: 0 0 0px #000;
|
||||
|
||||
background: #000000;
|
||||
background: -moz-radial-gradient(#f6f6f6, #dfdfdf);
|
||||
background: -webkit-radial-gradient(#f6f6f6, #dfdfdf);
|
||||
background: -ms-radial-gradient(#f6f6f6, #dfdfdf);
|
||||
background: -o-radial-gradient(#f6f6f6, #dfdfdf);
|
||||
background: radial-gradient(#f6f6f6, #dfdfdf);
|
||||
}
|
||||
|
||||
/* Styles unique to fake dot (checked or left of checked) */
|
||||
input[type="radio"] + span::before
|
||||
{
|
||||
content: "•";
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
font-size: 41.9px;
|
||||
font-family: "Arial";
|
||||
text-indent: -3px;
|
||||
font-weight: normal;
|
||||
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-border-radius: 50%;
|
||||
-webkit-border-radius: 50%;
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
/* Styles unique to fake checkbox (unchecked) */
|
||||
input[type="checkbox"] + span::before
|
||||
{
|
||||
position:relative;
|
||||
content: "";
|
||||
opacity: 1.0;
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
font-size: 12px;
|
||||
|
||||
-moz-border-radius: 1px;
|
||||
-webkit-border-radius: 1px;
|
||||
border-radius: 1px;
|
||||
}
|
||||
|
||||
/* Styles unique to fake checkbox (checked) */
|
||||
input[type="checkbox"]:checked + span::before
|
||||
{
|
||||
background:
|
||||
linear-gradient(to top left,
|
||||
rgba(0,0,0,0) 0%,
|
||||
rgba(0,0,0,0) calc(50% - 0.8px),
|
||||
rgba(0,0,0,1) 50%,
|
||||
rgba(0,0,0,0) calc(50% + 0.8px),
|
||||
rgba(0,0,0,0) 100%),
|
||||
linear-gradient(to top right,
|
||||
rgba(0,0,0,0) 0%,
|
||||
rgba(0,0,0,0) calc(50% - 0.8px),
|
||||
rgba(0,0,0,1) 50%,
|
||||
rgba(0,0,0,0) calc(50% + 0.8px),
|
||||
rgba(0,0,0,0) 100%);
|
||||
|
||||
-moz-box-shadow: 0 0 2px transparent;
|
||||
-webkit-box-shadow: 0 0 2px transparent;
|
||||
box-shadow: 0 0 2px transparent;
|
||||
}
|
||||
|
||||
/* Remove dot from all radios _after_ selected one */
|
||||
input[type="radio"]:checked ~ input[type="radio"] + span::before
|
||||
{
|
||||
content: "";
|
||||
}
|
||||
|
||||
input.sheet-used + span::before
|
||||
{
|
||||
content: "X";
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
font-size: 10px;
|
||||
font-weight: bold;
|
||||
|
||||
-moz-border-radius: 0%;
|
||||
-webkit-border-radius: 0%;
|
||||
border-radius: 0%;
|
||||
}
|
||||
|
||||
input.sheet-zero:checked + span::before
|
||||
{
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
input.sheet-zero:hover + span::before
|
||||
{
|
||||
opacity: 0.25;
|
||||
font-size: 12px;
|
||||
content: "✖";
|
||||
text-indent: 0.5px;
|
||||
}
|
||||
|
||||
input.sheet-zero + span::before
|
||||
{
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
|
||||
input.sheet-DP1Spec + span::before,
|
||||
input.sheet-DP2Spec + span::before,
|
||||
input.sheet-DP2Spec + span::before,
|
||||
input.sheet-DP3Spec + span::before,
|
||||
input.sheet-DP4Spec + span::before,
|
||||
input.sheet-DP5Spec + span::before
|
||||
{
|
||||
opacity: 1;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
div.sheet-DP1,
|
||||
div.sheet-DP2,
|
||||
div.sheet-DP2,
|
||||
div.sheet-DP3,
|
||||
div.sheet-DP4,
|
||||
div.sheet-DP5
|
||||
{
|
||||
display: inline;
|
||||
}
|
||||
div.sheet-DP1wSpec,
|
||||
div.sheet-DP2wSpec,
|
||||
div.sheet-DP2wSpec,
|
||||
div.sheet-DP3wSpec,
|
||||
div.sheet-DP4wSpec,
|
||||
div.sheet-DP5wSpec
|
||||
{
|
||||
display: none;
|
||||
}
|
||||
|
||||
input.sheet-DP1Spec:checked ~ div.sheet-DP1,
|
||||
input.sheet-DP2Spec:checked ~ div.sheet-DP2,
|
||||
input.sheet-DP2Spec:checked ~ div.sheet-DP2,
|
||||
input.sheet-DP3Spec:checked ~ div.sheet-DP3,
|
||||
input.sheet-DP4Spec:checked ~ div.sheet-DP4,
|
||||
input.sheet-DP5Spec:checked ~ div.sheet-DP5
|
||||
{
|
||||
display: none;
|
||||
}
|
||||
|
||||
input.sheet-DP1Spec:checked ~ div.sheet-DP1wSpec,
|
||||
input.sheet-DP2Spec:checked ~ div.sheet-DP2wSpec,
|
||||
input.sheet-DP2Spec:checked ~ div.sheet-DP2wSpec,
|
||||
input.sheet-DP3Spec:checked ~ div.sheet-DP3wSpec,
|
||||
input.sheet-DP4Spec:checked ~ div.sheet-DP4wSpec,
|
||||
input.sheet-DP5Spec:checked ~ div.sheet-DP5wSpec
|
||||
{
|
||||
display: inline;
|
||||
}
|
||||
|
||||
input.sheet-wheel+ span,
|
||||
input.sheet-wheel+ span::before
|
||||
{
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
input.sheet-top { margin-top:0px; }
|
||||
input.sheet-top+ span, input.sheet-top+ span::before { top:0px; }
|
||||
input.sheet-mid-eighth { margin-top: 7px; }
|
||||
input.sheet-mid-eighth+ span, input.sheet-mid-eighth+ span::before { top: 7px; }
|
||||
input.sheet-mid-quarter { margin-top: 22px; }
|
||||
input.sheet-mid-quarter+ span, input.sheet-mid-quarter+ span::before { top: 22px; }
|
||||
input.sheet-mid-three-eighth { margin-top: 40px; }
|
||||
input.sheet-mid-three-eighth+ span, input.sheet-mid-three-eighth+ span::before { top: 40px; }
|
||||
input.sheet-middle { margin-top: 62px; }
|
||||
input.sheet-middle+ span, input.sheet-middle+ span::before { top: 62px; }
|
||||
|
||||
input.sheet-middle-2 { margin-top: 68px; }
|
||||
input.sheet-middle-2+ span, input.sheet-middle-2+ span::before { top: 68px; }
|
||||
input.sheet-mid-five-eighth { margin-top: 90px; }
|
||||
input.sheet-mid-five-eighth+ span, input.sheet-mid-five-eighth+ span::before { top: 90px; }
|
||||
input.sheet-mid-three-quarter { margin-top: 108px; }
|
||||
input.sheet-mid-three-quarter+ span, input.sheet-mid-three-quarter+ span::before { top: 108px; }
|
||||
input.sheet-mid-seven-eighth { margin-top: 122px; }
|
||||
input.sheet-mid-seven-eighth+ span, input.sheet-mid-seven-eighth+ span::before { top: 122px; }
|
||||
input.sheet-bottom { margin-top: 130px; }
|
||||
input.sheet-bottom+ span, input.sheet-bottom+ span::before { top: 130px; }
|
||||
|
||||
input.sheet-left-1 { margin-left: 14px; }
|
||||
input.sheet-left-1+ span, input.sheet-left-1+ span::before { left: 14px; }
|
||||
input.sheet-left-2 { margin-left: 1px; }
|
||||
input.sheet-left-2+ span, input.sheet-left-2+ span::before { left: 1px; }
|
||||
input.sheet-left-3 { margin-left: -4px; }
|
||||
input.sheet-left-3+ span, input.sheet-left-3+ span::before { left: -4px; }
|
||||
input.sheet-left-4 { margin-left: -5px; }
|
||||
input.sheet-left-4+ span, input.sheet-left-4+ span::before { left: -5px; }
|
||||
input.sheet-left-5 { margin-left: -2px; }
|
||||
input.sheet-left-5+ span, input.sheet-left-5+ span::before { left: -2px; }
|
||||
input.sheet-left-6 { margin-left: 1px; }
|
||||
input.sheet-left-6+ span, input.sheet-left-6+ span::before { left: 1px; }
|
||||
input.sheet-left-7 { margin-left: 3px; }
|
||||
input.sheet-left-7+ span, input.sheet-left-7+ span::before { left: 3px; }
|
||||
input.sheet-left-8 { margin-left: 2px; }
|
||||
input.sheet-left-8+ span, input.sheet-left-8+ span::before { left: 2px; }
|
||||
input.sheet-left-9 { margin-left: -4px; }
|
||||
input.sheet-left-9+ span, input.sheet-left-9+ span::before { left: -4px; }
|
||||
input.sheet-left-10 { margin-left: -16px; }
|
||||
input.sheet-left-10+ span, input.sheet-left-10+ span::before { left: -16px; }
|
||||
|
||||
input.sheet-wheel9, input.sheet-wheel9+ span, input.sheet-wheel9+ span::before
|
||||
{
|
||||
transform:rotate(9deg);
|
||||
-ms-transform:rotate(9deg); /* IE 9 */
|
||||
-webkit-transform:rotate(9deg); /* Opera, Chrome, and Safari */
|
||||
}
|
||||
|
||||
input.sheet-wheel27, input.sheet-wheel27+ span, input.sheet-wheel27+ span::before
|
||||
{
|
||||
transform:rotate(27deg);
|
||||
-ms-transform:rotate(27deg); /* IE 9 */
|
||||
-webkit-transform:rotate(27deg); /* Opera, Chrome, and Safari */
|
||||
}
|
||||
|
||||
input.sheet-wheel45, input.sheet-wheel45+ span, input.sheet-wheel45+ span::before
|
||||
{
|
||||
transform:rotate(45deg);
|
||||
-ms-transform:rotate(45deg); /* IE 9 */
|
||||
-webkit-transform:rotate(45deg); /* Opera, Chrome, and Safari */
|
||||
}
|
||||
|
||||
input.sheet-wheel63, input.sheet-wheel63+ span, input.sheet-wheel63+ span::before
|
||||
{
|
||||
transform:rotate(63deg);
|
||||
-ms-transform:rotate(63deg); /* IE 9 */
|
||||
-webkit-transform:rotate(63deg); /* Opera, Chrome, and Safari */
|
||||
}
|
||||
|
||||
input.sheet-wheel81, input.sheet-wheel81+ span, input.sheet-wheel81+ span::before
|
||||
{
|
||||
transform:rotate(81deg);
|
||||
-ms-transform:rotate(81deg); /* IE 9 */
|
||||
-webkit-transform:rotate(81deg); /* Opera, Chrome, and Safari */
|
||||
}
|
||||
|
||||
input.sheet-wheel99, input.sheet-wheel99+ span, input.sheet-wheel99+ span::before
|
||||
{
|
||||
transform:rotate(99deg);
|
||||
-ms-transform:rotate(99deg); /* IE 9 */
|
||||
-webkit-transform:rotate(99deg); /* Opera, Chrome, and Safari */
|
||||
}
|
||||
|
||||
input.sheet-wheel117, input.sheet-wheel117+ span, input.sheet-wheel117+ span::before
|
||||
{
|
||||
transform:rotate(117deg);
|
||||
-ms-transform:rotate(117deg); /* IE 9 */
|
||||
-webkit-transform:rotate(117deg); /* Opera, Chrome, and Safari */
|
||||
}
|
||||
|
||||
input.sheet-wheel135, input.sheet-wheel135+ span, input.sheet-wheel135+ span::before
|
||||
{
|
||||
transform:rotate(135deg);
|
||||
-ms-transform:rotate(135deg); /* IE 9 */
|
||||
-webkit-transform:rotate(135deg); /* Opera, Chrome, and Safari */
|
||||
}
|
||||
|
||||
input.sheet-wheel153, input.sheet-wheel153+ span, input.sheet-wheel153+ span::before
|
||||
{
|
||||
transform:rotate(153deg);
|
||||
-ms-transform:rotate(153deg); /* IE 9 */
|
||||
-webkit-transform:rotate(153deg); /* Opera, Chrome, and Safari */
|
||||
}
|
||||
|
||||
input.sheet-wheel171, input.sheet-wheel171+ span, input.sheet-wheel171+ span::before
|
||||
{
|
||||
transform:rotate(171deg);
|
||||
-ms-transform:rotate(171deg); /* IE 9 */
|
||||
-webkit-transform:rotate(171deg); /* Opera, Chrome, and Safari */
|
||||
}
|
||||
|
||||
input.sheet-filler {
|
||||
border-style: solid;
|
||||
font-weight: bold;
|
||||
font-size: 12px;
|
||||
padding: 0px 0px 0px 0px;
|
||||
box-shadow: none;
|
||||
width: 100px;
|
||||
border-color: darkgray;
|
||||
border-width: 0px 0px 1px 0px;
|
||||
margin: 0;
|
||||
line-height: 1em;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
input.sheet-filler-medium {
|
||||
border-style: solid;
|
||||
font-weight: bold;
|
||||
font-size: 12px;
|
||||
padding: 0px 0px 0px 0px;
|
||||
box-shadow: none;
|
||||
width: 160px;
|
||||
border-color: darkgray;
|
||||
border-width: 0px 0px 1px 0px;
|
||||
margin: 0;
|
||||
line-height: 1em;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
input.sheet-filler-long {
|
||||
border-style: solid;
|
||||
font-weight: bold;
|
||||
font-size: 12px;
|
||||
padding: 0px 0px 0px 0px;
|
||||
box-shadow: none;
|
||||
width: 180px;
|
||||
border-color: darkgray;
|
||||
border-width: 0px 0px 1px 0px;
|
||||
margin: 0;
|
||||
line-height: 1em;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
input.sheet-cursive {
|
||||
font-family: 'Shadows Into Light', cursive;
|
||||
font-weight: bold;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
label.sheet-filler {
|
||||
display: inline-block;
|
||||
width: 40px;
|
||||
text-align: left;
|
||||
padding-bottom: 0px;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.charsheet h4 {
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.charsheet h3 {
|
||||
font-size: 16px;
|
||||
font-family: 'Shadows Into Light', cursive;
|
||||
}
|
||||
|
||||
.charsheet h1 {
|
||||
font-size: 24px;
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
color: white;
|
||||
background-color: #dc291b;
|
||||
font-variant: small-caps;
|
||||
text-transform: capitalize;
|
||||
font-family: 'Shadows Into Light', cursive;
|
||||
padding-top: 0px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,24 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'>
|
||||
<link href="base.css" rel="stylesheet">
|
||||
<link href="editor.css" rel="stylesheet">
|
||||
<link href="Street_Fighter-neovatar.css" rel="stylesheet">
|
||||
<title></title>
|
||||
</head>
|
||||
|
||||
<body style="overflow: visible;">
|
||||
<div class="ui-dialog ui-widget ui-widget-content ui-corner-all ui-draggable ui-resizable" style="display: block; width: 868px; height: 100%; margin:0 auto; position: relative !important;">
|
||||
<div class="dialog characterdialog ui-dialog-content ui-widget-content" style="display: block; width: 100%; height: 100%; overflow: auto;">
|
||||
<div class="dialog largedialog characterviewer" style="display: block; width: 100%; height: 100%;">
|
||||
<div class="charsheet" id="root" style="padding-top:0px;">
|
||||
<!--- BEGIN Character Sheet HTML -->
|
||||
@@include('../src/Street_Fighter-neovatar.html')
|
||||
<!--- END Character Sheet HTML -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,8 @@
|
||||
{
|
||||
"html": "Street_Fighter-neovatar.html",
|
||||
"css": "Street_Fighter-neovatar.css",
|
||||
"authors": "Thomas Seliger (neovatar)",
|
||||
"roll20userid": "388327",
|
||||
"preview": "Street_Fighter-neovatar.jpg",
|
||||
"instructions": "Charactersheet for 'Street Fighter: The Storytelling Game'.\n\nVersion: @@version\n\nIf you find bugs or have suggestions, please use the [Github issue tracker](https://github.com/neovatar/roll20-character-sheets/issues) for this sheet.\n\nFor changes in this version, please check the [CHANGELOG](https://github.com/Roll20/roll20-character-sheets/blob/master/Street_Fighter-neovatar/README.md#changelog) on Roll20.net Github repository."
|
||||
}
|
||||
Reference in New Issue
Block a user