mirror of
https://github.com/Nighthawk42/roll20-character-sheets.git
synced 2026-09-01 04:32:28 +00:00
Created DFRPG sheet
Worksheet, Character, and City tabs are complete. Locations and Faces tabs need to be created, and something needs to be worked in for inventory/specialties/etc. on character tab
This commit is contained in:
Lithl
+695
@@ -0,0 +1,695 @@
|
||||
.repcontainer[data-groupname=repeating_superb] .repitem,
|
||||
.repcontainer[data-groupname=repeating_great] .repitem,
|
||||
.repcontainer[data-groupname=repeating_good] .repitem,
|
||||
.repcontainer[data-groupname=repeating_fair] .repitem,
|
||||
.repcontainer[data-groupname=repeating_average] .repitem {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.repcontainer[data-groupname=repeating_superb] .repitem input[type=text],
|
||||
.repcontainer[data-groupname=repeating_great] .repitem input[type=text],
|
||||
.repcontainer[data-groupname=repeating_good] .repitem input[type=text],
|
||||
.repcontainer[data-groupname=repeating_fair] .repitem input[type=text],
|
||||
.repcontainer[data-groupname=repeating_average] .repitem input[type=text] {
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
.repcontainer[data-groupname=repeating_superb] .repitem:last-child .sheet-skill-delimiter,
|
||||
.repcontainer[data-groupname=repeating_great] .repitem:last-child .sheet-skill-delimiter,
|
||||
.repcontainer[data-groupname=repeating_good] .repitem:last-child .sheet-skill-delimiter,
|
||||
.repcontainer[data-groupname=repeating_fair] .repitem:last-child .sheet-skill-delimiter,
|
||||
.repcontainer[data-groupname=repeating_average] .repitem:last-child .sheet-skill-delimiter {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.repcontainer[data-groupname=repeating_superb] .repitem:not(first-child) .sheet-skill-delimiter,
|
||||
.repcontainer[data-groupname=repeating_great] .repitem:not(first-child) .sheet-skill-delimiter,
|
||||
.repcontainer[data-groupname=repeating_good] .repitem:not(first-child) .sheet-skill-delimiter,
|
||||
.repcontainer[data-groupname=repeating_fair] .repitem:not(first-child) .sheet-skill-delimiter,
|
||||
.repcontainer[data-groupname=repeating_average] .repitem:not(first-child) .sheet-skill-delimiter {
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
.repcontainer[data-groupname=repeating_powers] .repitem { margin-bottom: 5px; }
|
||||
|
||||
.repcontrol { margin-bottom: 5px; }
|
||||
|
||||
.repcontainer.editmode[data-groupname=repeating_powers] + .repcontrol { text-align: right; }
|
||||
.repcontainer.editmode[data-groupname=repeating_powers] + .repcontrol .repcontrol_edit { float: none; }
|
||||
|
||||
.charsheet {
|
||||
font-size: 12pt;
|
||||
line-height: 1em;
|
||||
background: white;
|
||||
}
|
||||
|
||||
.charsheet .sheet-2colrow .sheet-col {
|
||||
width: calc(50% - 7px) !important;
|
||||
margin-right: 10px !important;
|
||||
}
|
||||
|
||||
.charsheet .sheet-3colrow .sheet-col {
|
||||
width: calc(33% - 7px) !important;
|
||||
margin-right: 10px !important;
|
||||
}
|
||||
|
||||
input, select, textarea {
|
||||
font-family: "Lucida Handwriting" cursive;
|
||||
color: #05356b
|
||||
}
|
||||
|
||||
.sheet-ladder {
|
||||
float: right;
|
||||
width: 30%;
|
||||
margin-bottom: 0 !important;
|
||||
}
|
||||
|
||||
.sheet-ladder ul {
|
||||
list-style-type: none;
|
||||
margin: 0;
|
||||
font-family: "Trajan Pro" serif;
|
||||
font-variant: small-caps;
|
||||
}
|
||||
|
||||
.sheet-ladder .sheet-value { float: right; }
|
||||
|
||||
.sheet-refresh-adjust {
|
||||
position: absolute;
|
||||
left: 10px;
|
||||
bottom: 10px;
|
||||
width: 55%;
|
||||
}
|
||||
|
||||
.sheet-refresh-adjust h4,
|
||||
.sheet-refresh-adjust input {
|
||||
text-align: left;
|
||||
display: inline-block;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.sheet-refresh-adjust h4 {
|
||||
width: 70%;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.sheet-powers input[type=number] { margin: 0 5px 0 5px; }
|
||||
.sheet-powers input[type=text] {
|
||||
width: calc(100% - 60px);
|
||||
}
|
||||
|
||||
.sheet-inline-input {
|
||||
max-width: 8em;
|
||||
}
|
||||
|
||||
.sheet-superb-skills h4,
|
||||
.sheet-great-skills h4,
|
||||
.sheet-good-skills h4,
|
||||
.sheet-fair-skills h4,
|
||||
.sheet-average-skills h4,
|
||||
.sheet-mediocre-skills h4 {
|
||||
text-align: left;
|
||||
font-weight: normal;
|
||||
display: inline-block;
|
||||
margin-bottom: 0;
|
||||
min-width: 92px;
|
||||
}
|
||||
|
||||
.sheet-superb-skills .sheet-slots,
|
||||
.sheet-great-skills .sheet-slots,
|
||||
.sheet-good-skills .sheet-slots,
|
||||
.sheet-fair-skills .sheet-slots,
|
||||
.sheet-average-skills .sheet-slots,
|
||||
.sheet-mediocre-skills .sheet-slots {
|
||||
font-family: "Trajan Pro" serif;
|
||||
font-variant: small-caps;
|
||||
margin: 5px;
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
.sheet-slots button[type=roll] {
|
||||
float: right;
|
||||
font-family: monospace;
|
||||
font-weight: bold;
|
||||
letter-spacing: 4.25px;
|
||||
position: relative;
|
||||
width: 76px;
|
||||
padding: 2px 0 0 2px;
|
||||
}
|
||||
|
||||
.sheet-slots button[type=roll]::before {
|
||||
content: '0000';
|
||||
font-family: 'dicefontd6';
|
||||
letter-spacing: 0;
|
||||
position: absolute;
|
||||
left: 1px;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
.sheet-superb-skills .sheet-repeating,
|
||||
.sheet-great-skills .sheet-repeating,
|
||||
.sheet-good-skills .sheet-repeating,
|
||||
.sheet-fair-skills .sheet-repeating,
|
||||
.sheet-average-skills .sheet-repeating,
|
||||
.sheet-mediocre-skills .sheet-repeating {
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
width: 65%;
|
||||
}
|
||||
|
||||
.sheet-fate-points img {
|
||||
width: 90%;
|
||||
margin: 5%;
|
||||
}
|
||||
|
||||
.sheet-fate-points,
|
||||
.sheet-fate-points + div {
|
||||
background: white;
|
||||
border-radius: 50%;
|
||||
position: absolute;
|
||||
z-index: 5;
|
||||
bottom: -10px;
|
||||
left: -10px;
|
||||
|
||||
width: 150px;
|
||||
height: 150px;
|
||||
}
|
||||
|
||||
.sheet-fate-points {
|
||||
background: none;
|
||||
border: 1px solid black;
|
||||
clip: rect(0, 152px, 142px, 10px);
|
||||
z-index: 6;
|
||||
}
|
||||
|
||||
.sheet-fp-overlay {
|
||||
position: absolute;
|
||||
top: 35%;
|
||||
left: 15%;
|
||||
z-index: 7;
|
||||
text-shadow: -3px -3px 0 white,
|
||||
3px -3px 0 white,
|
||||
-3px 3px 0 white,
|
||||
3px 3px 0 white;
|
||||
}
|
||||
|
||||
.sheet-base-refresh h4,
|
||||
.sheet-adjusted-refresh h4,
|
||||
.sheet-current-fate-points h4 { display: inline-block; }
|
||||
|
||||
.sheet-base-refresh,
|
||||
.sheet-adjusted-refresh,
|
||||
.sheet-current-fate-points {
|
||||
position: relative;
|
||||
top: -15px;
|
||||
left: 130px;
|
||||
z-index: 12;
|
||||
}
|
||||
|
||||
.sheet-base-refresh {
|
||||
top: -15px;
|
||||
left: 115px;
|
||||
}
|
||||
|
||||
.sheet-current-fate-points {
|
||||
top: -12px;
|
||||
left: 127px;
|
||||
}
|
||||
|
||||
.sheet-base-refresh input[type=number],
|
||||
.sheet-adjusted-refresh input[type=number],
|
||||
.sheet-current-fate-points input[type=number] {
|
||||
border: 4px double black;
|
||||
}
|
||||
|
||||
input[type=number] {
|
||||
border-radius: 50%;
|
||||
height: 40px;
|
||||
width: 40px !important;
|
||||
text-align: center;
|
||||
border: 1px solid black;
|
||||
|
||||
-moz-appearance: textfield;
|
||||
}
|
||||
|
||||
input[type=number]::-webkit-outer-spin-button,
|
||||
input[type=number]::-webkit-inner-spin-button {
|
||||
-webkit-appearance: none;
|
||||
}
|
||||
|
||||
input.sheet-tab {
|
||||
width: 29px;
|
||||
z-index: 4;
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
input.sheet-tab,
|
||||
input.sheet-tab + span {
|
||||
position: absolute;
|
||||
right: 20px;
|
||||
}
|
||||
|
||||
input.sheet-tab + span {
|
||||
-webkit-transform: rotate(90deg);
|
||||
-moz-transform: rotate(90deg);
|
||||
-ms-transform: rotate(90deg);
|
||||
-o-transform: rotate(90deg);
|
||||
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
|
||||
display: inline-block;
|
||||
padding: 5px;
|
||||
border: 1px solid black;
|
||||
border-bottom: none;
|
||||
border-radius: 4px 4px 0 0;
|
||||
box-shadow: 1px -1px 1px black;
|
||||
background: #ddd;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
input.sheet-tab + span::before {
|
||||
content: attr(title);
|
||||
}
|
||||
|
||||
input.sheet-tab[value=worksheet] {
|
||||
top: 78px;
|
||||
right: 26px;
|
||||
height: 89px;
|
||||
}
|
||||
input.sheet-tab[value=worksheet] + span {
|
||||
top: 110px;
|
||||
right: -4px;
|
||||
}
|
||||
|
||||
input.sheet-tab[value=character] {
|
||||
top: 166px;
|
||||
right: 26px;
|
||||
height: 80px;
|
||||
}
|
||||
input.sheet-tab[value=character] + span {
|
||||
top: 193px;
|
||||
right: -1px;
|
||||
}
|
||||
|
||||
input.sheet-tab[value=city-high] {
|
||||
top: 245px;
|
||||
right: 26px;
|
||||
height: 38px;
|
||||
}
|
||||
input.sheet-tab[value=city-high] + span {
|
||||
top: 251px;
|
||||
right: 20px;
|
||||
}
|
||||
|
||||
input.sheet-tab[value=city-locs] {
|
||||
top: 282px;
|
||||
right: 26px;
|
||||
height: 78px;
|
||||
}
|
||||
input.sheet-tab[value=city-locs] + span {
|
||||
top: 307px;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
input.sheet-tab[value=city-face] {
|
||||
top: 360px;
|
||||
right: 26px;
|
||||
height: 56px;
|
||||
}
|
||||
input.sheet-tab[value=city-face] + span {
|
||||
top: 374px;
|
||||
right: 12px;
|
||||
}
|
||||
|
||||
input.sheet-tab:checked + span {
|
||||
z-index: 3;
|
||||
background: white;
|
||||
}
|
||||
|
||||
div.sheet-tab {
|
||||
padding: 5px;
|
||||
width: calc(100% - 2em);
|
||||
box-shadow: 2px 2px 5px 0px black;
|
||||
display: none;
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
input.sheet-tab[value=worksheet]:checked ~ div.sheet-tab-worksheet,
|
||||
input.sheet-tab[value=character]:checked ~ div.sheet-tab-character,
|
||||
input.sheet-tab[value=city-high]:checked ~ div.sheet-tab-city-high,
|
||||
input.sheet-tab[value=city-locs]:checked ~ div.sheet-tab-city-locs,
|
||||
input.sheet-tab[value=city-face]:checked ~ div.sheet-tab-city-face { display: block; }
|
||||
|
||||
h1,h2,h3,h4,p.sheet-consequence {
|
||||
font-family: "Trajan Pro" serif;
|
||||
font-variant: small-caps;
|
||||
font-weight: normal;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
p.sheet-consequence {
|
||||
text-align: left;
|
||||
font-style: italic;
|
||||
width: auto;
|
||||
line-height: 1em;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: 250%;
|
||||
font-weight: bold;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: 170%;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
h3 {
|
||||
font-size: 120%;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
h4 {
|
||||
font-size: 100%;
|
||||
font-weight: bold;
|
||||
margin: 5px;
|
||||
}
|
||||
|
||||
h3.sheet-phase {
|
||||
float: left;
|
||||
-webkit-transform: rotate(-90deg);
|
||||
-moz-transform: rotate(-90deg);
|
||||
-ms-transform: rotate(-90deg);
|
||||
-o-transform: rotate(-90deg);
|
||||
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
|
||||
position: absolute;
|
||||
left: -1.5em;
|
||||
top: 3.75em;
|
||||
}
|
||||
|
||||
h3.sheet-theme-threat {
|
||||
display: inline-block;
|
||||
padding-left: 7px;
|
||||
}
|
||||
|
||||
select {
|
||||
padding: 0;
|
||||
margin-bottom: 0;
|
||||
border: none;
|
||||
width: auto;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
select:not(:focus) { box-shadow: inset 0 0 5px #ccc; }
|
||||
|
||||
table { width: 100%; }
|
||||
|
||||
table.sheet-stress th:first-child > h4,
|
||||
table.sheet-consequences td:first-child h4,
|
||||
table.sheet-stress h3 { text-align: left; }
|
||||
|
||||
table.sheet-stress th:first-child > h4,
|
||||
table.sheet-consequences td h4 { font-weight: normal; }
|
||||
|
||||
table.sheet-consequences td:nth-child(3) { text-align: center; }
|
||||
|
||||
table.sheet-stress h3 { font-weight: bold; }
|
||||
|
||||
div.sheet-tab input[type=radio] {
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
opacity: 0;
|
||||
z-index: 2;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
div.sheet-tab input[type=radio] + span::before {
|
||||
content: url(http://i.imgur.com/I9EwmFK.png);
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
div.sheet-tab input[type=radio]:checked + span::before {
|
||||
content: url(http://i.imgur.com/yvtWe02.png);
|
||||
}
|
||||
|
||||
.sheet-tab-city-high .sheet-section { position: relative; }
|
||||
|
||||
.sheet-tab-city-high input[type=radio] + span {
|
||||
position: absolute;
|
||||
top: 5px;
|
||||
}
|
||||
|
||||
.sheet-tab-city-high input[type=radio]:first-of-type + span {
|
||||
left: 5px;
|
||||
}
|
||||
|
||||
.sheet-tab-city-high input[type=radio]:nth-of-type(2) + span {
|
||||
right: 5px;
|
||||
}
|
||||
|
||||
table.sheet-stress input[type=radio] {
|
||||
position: absolute;
|
||||
left: calc(50% - 15px);
|
||||
top: calc(50% - 15px);
|
||||
}
|
||||
|
||||
table.sheet-stress input[type=radio] + span::before {
|
||||
position: absolute;
|
||||
left: calc(50% - 15px);
|
||||
top: calc(50% - 15px);
|
||||
}
|
||||
|
||||
table.sheet-stress input[type=checkbox] {
|
||||
position: absolute;
|
||||
left: calc(50% - 6.5px);
|
||||
top: 0;
|
||||
}
|
||||
|
||||
table.sheet-stress input[type=checkbox]:not(:checked) + input[type=radio] + span::before {
|
||||
content: url(http://i.imgur.com/VmIfDEe.png) !important;
|
||||
}
|
||||
|
||||
table.sheet-consequences { font-size: 90%; }
|
||||
table.sheet-consequences td:nth-child(4),
|
||||
table.sheet-stress td {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
table.sheet-consequences input[type=checkbox] {
|
||||
width: 25px;
|
||||
height: 25px;
|
||||
position: absolute;
|
||||
left: calc(50% - 12px);
|
||||
top: calc(50% - 12px);
|
||||
opacity: 0;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
table.sheet-consequences input[type=checkbox] + span,
|
||||
table.sheet-stress input[type=radio] + span { z-index: 1; }
|
||||
|
||||
table.sheet-consequences input[type=checkbox] + span::before {
|
||||
content: url(http://i.imgur.com/oC1kT6n.png);
|
||||
position: absolute;
|
||||
left: calc(50% - 12px);
|
||||
top: calc(50% - 12px);
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
table.sheet-consequences input[type=checkbox]:checked + span::before {
|
||||
content: url(http://i.imgur.com/kIREPO5.png);
|
||||
}
|
||||
|
||||
table.sheet-consequences td:first-child select { width: 97px; }
|
||||
table.sheet-consequences td:nth-child(2) select { width: 85px; }
|
||||
table.sheet-consequences input[type=number] {
|
||||
width: 30px !important;
|
||||
height: 30px;
|
||||
}
|
||||
|
||||
.sheet-section,
|
||||
.sheet-input {
|
||||
border: 1px solid black;
|
||||
position: relative;
|
||||
border-radius: 10px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.sheet-section { padding: 5px; }
|
||||
|
||||
.sheet-section .sheet-input {
|
||||
position: absolute;
|
||||
width: calc(50% - 15px);
|
||||
bottom: 0;
|
||||
}
|
||||
|
||||
.sheet-input {
|
||||
font-size: 120%;
|
||||
min-height: 2em;
|
||||
}
|
||||
|
||||
.sheet-input > .sheet-input-left + input,
|
||||
.sheet-input > .sheet-input-right + input {
|
||||
display: block;
|
||||
font-size: 110%;
|
||||
border-radius: 10px;
|
||||
padding: 5px 5px 13pt 20px;
|
||||
width: 100%;
|
||||
height: 2em;
|
||||
}
|
||||
|
||||
.sheet-input > .sheet-input-right + input {
|
||||
padding: 5px 13pt 20px 5px;
|
||||
}
|
||||
|
||||
.sheet-input-left,
|
||||
.sheet-input-right {
|
||||
font-family: "Trajan Pro" serif;
|
||||
font-variant: small-caps;
|
||||
position: absolute;
|
||||
left: 5px;
|
||||
bottom: 5px;
|
||||
}
|
||||
|
||||
.sheet-input-right {
|
||||
left: auto;
|
||||
right: 5px;
|
||||
}
|
||||
|
||||
p.sheet-aspect-events,
|
||||
.sheet-aspect-desc {
|
||||
font-style: italic;
|
||||
position: relative;
|
||||
left: 2.5em;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.sheet-aspect-desc { left: auto; }
|
||||
|
||||
.sheet-aspect-label {
|
||||
text-align: right;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.sheet-face-name,
|
||||
.sheet-face-concept {
|
||||
display: inline-block;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
.sheet-face-name { float: left; }
|
||||
.sheet-face-concept { float: right; }
|
||||
|
||||
div.sheet-theme-threat-faces { margin-bottom: 5px; }
|
||||
div.sheet-theme-threat-faces input:first-child {
|
||||
width: 35%;
|
||||
margin-left: 5px;
|
||||
}
|
||||
|
||||
div.sheet-theme-threat-faces input:nth-child(2) { width: calc(65% - 10px); }
|
||||
|
||||
textarea.sheet-theme-threat,
|
||||
textarea.sheet-aspect-events,
|
||||
textarea.sheet-movers-shakers,
|
||||
.sheet-status-quo textarea {
|
||||
border: none;
|
||||
resize: none;
|
||||
}
|
||||
|
||||
.sheet-status-quo { padding: 0 0 1px 0; }
|
||||
.sheet-status-quo textarea {
|
||||
width: calc(100% - 8px);
|
||||
height: 8.5em;
|
||||
border-radius: 10px;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
textarea.sheet-aspect-events {
|
||||
margin-left: 2em;
|
||||
width: 91%;
|
||||
height: 8.5em;
|
||||
}
|
||||
|
||||
textarea.sheet-theme-threat {
|
||||
margin-left: 0;
|
||||
width: calc(100% - 10px);
|
||||
height: 4.25em;
|
||||
}
|
||||
|
||||
textarea.sheet-theme-threat:not(:focus),
|
||||
textarea.sheet-aspect-events:not(:focus),
|
||||
input.sheet-invisible:not(:focus) { box-shadow: inset 0 0 5px #ccc; }
|
||||
|
||||
div.sheet-movers-shakers {
|
||||
padding: 0;
|
||||
width: 87%;
|
||||
margin-left: calc(14% - 15px);
|
||||
}
|
||||
div.sheet-movers-shakers textarea.sheet-movers-shakers {
|
||||
float: right;
|
||||
display: inline-block;
|
||||
width: calc(50% - 9px);
|
||||
margin: 0;
|
||||
}
|
||||
div.sheet-movers-shakers textarea:first-child {
|
||||
border-radius: 0 10px 0 0;
|
||||
border-left: 1px dashed black;
|
||||
}
|
||||
div.sheet-movers-shakers textarea:nth-child(2) {
|
||||
border-radius: 10px 0 0 0;
|
||||
}
|
||||
div.sheet-movers-shakers textarea:nth-child(3) {
|
||||
border-radius: 0 0 10px 0;
|
||||
border-left: 1px dashed black;
|
||||
border-top: 1px dashed black;
|
||||
}
|
||||
div.sheet-movers-shakers textarea:nth-child(4) {
|
||||
border-radius: 0 0 0 10px;
|
||||
border-top: 1px dashed black;
|
||||
}
|
||||
|
||||
.sheet-movers-shakers-y,
|
||||
.sheet-movers-shakers-y2 {
|
||||
-webkit-transform: rotate(-90deg);
|
||||
-moz-transform: rotate(-90deg);
|
||||
-ms-transform: rotate(-90deg);
|
||||
-o-transform: rotate(-90deg);
|
||||
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
|
||||
}
|
||||
|
||||
.sheet-movers-shakers-y {
|
||||
width: 38%;
|
||||
position: absolute;
|
||||
left: -17%;
|
||||
bottom: 26%;
|
||||
}
|
||||
|
||||
.sheet-movers-shakers-y2 {
|
||||
font-weight: normal;
|
||||
width: 19%;
|
||||
position: absolute;
|
||||
left: -1em;
|
||||
bottom: 12%;
|
||||
}
|
||||
|
||||
.sheet-movers-shakers-y2 + .sheet-movers-shakers-y2 { bottom: 39%; }
|
||||
|
||||
.sheet-movers-shakers-x2 {
|
||||
font-weight: normal;
|
||||
display: inline-block;
|
||||
margin-left: 15%;
|
||||
}
|
||||
|
||||
.sheet-movers-shakers-x2 + .sheet-movers-shakers-x2 {
|
||||
margin-left: 7%;
|
||||
}
|
||||
|
||||
input.sheet-invisible {
|
||||
width: 100%;
|
||||
border: none;
|
||||
}
|
||||
|
||||
input.sheet-invisible:focus {
|
||||
box-shadow: inset 0 1px 1px rgba(0, 0, 0,0.075),
|
||||
0 0 8px rgba(82,168,236,0.6);
|
||||
}
|
||||
@@ -0,0 +1,789 @@
|
||||
<input type="radio" class="sheet-tab" name="attr_page" value="worksheet" checked="checked" /><span title="Worksheet"></span>
|
||||
<input type="radio" class="sheet-tab" name="attr_page" value="character" /><span title="Character"></span>
|
||||
<input type="radio" class="sheet-tab" name="attr_page" value="city-high" /><span title="City"></span>
|
||||
<input type="radio" class="sheet-tab" name="attr_page" value="city-locs" /><span title="Locations"></span>
|
||||
<input type="radio" class="sheet-tab" name="attr_page" value="city-face" /><span title="Faces"></span>
|
||||
|
||||
<div class="sheet-tab sheet-tab-city-face" style="height: 900px">
|
||||
<h2>The Dresden Files Role-Playing Game</h2>
|
||||
<h1>City Sheet (Faces)</h1>
|
||||
</div>
|
||||
|
||||
<div class="sheet-tab sheet-tab-city-locs" style="height: 900px">
|
||||
<h2>The Dresden Files Role-Playing Game</h2>
|
||||
<h1>City Sheet (Locations)</h1>
|
||||
</div>
|
||||
|
||||
<div class="sheet-tab sheet-tab-city-high">
|
||||
<h2>The Dresden Files Role-Playing Game</h2>
|
||||
<h1>City Sheet (High Level)</h1>
|
||||
|
||||
<div class="sheet-2colrow">
|
||||
<div class="sheet-col">
|
||||
<div class="sheet-input">
|
||||
<div class="sheet-input-left">City Name</div>
|
||||
<input type="text" name="attr_character_name" title="@{character_name}" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="sheet-col">
|
||||
<div class="sheet-input">
|
||||
<div class="sheet-input-right">Campaign Title</div>
|
||||
<input type="text" name="attr_campaign" title="@{campaign}" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<h3><strong>City-Wide Themes and Threats</strong></h3>
|
||||
<div class="sheet-3colrow">
|
||||
<div class="sheet-col">
|
||||
<div class="sheet-section">
|
||||
<input type="radio" name="attr_theme-threat-1" value="Theme" title="@{theme-threat-1}" /><span></span>
|
||||
<h3 class="sheet-theme-threat"><strong>Theme</strong> (or) <strong>Threat</strong></h3>
|
||||
<input type="radio" name="attr_theme-threat-1" value="Threat" title="@{theme-threat-1}" /><span></span>
|
||||
|
||||
<h3>The <strong>Idea</strong></h3>
|
||||
<textarea class="sheet-theme-threat" name="attr_theme-threat-idea-1" title="@{theme-threat-idea-1}"></textarea>
|
||||
|
||||
<h3>The <strong>Aspect</strong></h3>
|
||||
<input type="text" class="sheet-invisible" name="attr_theme-threat-aspect-1" title="@{theme-threat-aspect-1}" />
|
||||
|
||||
<h3>The <strong>Faces</strong></h3>
|
||||
<h4 class="sheet-face-name">Name</h4>
|
||||
<h4 class="sheet-face-concept">Concept</h4>
|
||||
<br style="clear:both" />
|
||||
<fieldset class="repeating_theme-threat-faces-1">
|
||||
<div class="sheet-theme-threat-faces">
|
||||
<input type="text" name="attr_theme-threat-face-name" class="sheet-invisible" />
|
||||
<input type="text" name="attr_theme-threat-face-concept" class="sheet-invisible" />
|
||||
</div>
|
||||
</fieldset>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="sheet-col">
|
||||
<div class="sheet-section">
|
||||
<input type="radio" name="attr_theme-threat-2" value="Theme" title="@{theme-threat-2}" /><span></span>
|
||||
<h3 class="sheet-theme-threat"><strong>Theme</strong> (or) <strong>Threat</strong></h3>
|
||||
<input type="radio" name="attr_theme-threat-2" value="Threat" title="@{theme-threat-2}" /><span></span>
|
||||
|
||||
<h3>The <strong>Idea</strong></h3>
|
||||
<textarea class="sheet-theme-threat" name="attr_theme-threat-idea-2" title="@{theme-threat-idea-2}"></textarea>
|
||||
|
||||
<h3>The <strong>Aspect</strong></h3>
|
||||
<input type="text" class="sheet-invisible" name="attr_theme-threat-aspect-2" title="@{theme-threat-aspect-2}" />
|
||||
|
||||
<h3>The <strong>Faces</strong></h3>
|
||||
<h4 class="sheet-face-name">Name</h4>
|
||||
<h4 class="sheet-face-concept">Concept</h4>
|
||||
<br style="clear:both" />
|
||||
<fieldset class="repeating_theme-threat-faces-2">
|
||||
<div class="sheet-theme-threat-faces">
|
||||
<input type="text" name="attr_theme-threat-face-name" class="sheet-invisible" />
|
||||
<input type="text" name="attr_theme-threat-face-concept" class="sheet-invisible" />
|
||||
</div>
|
||||
</fieldset>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="sheet-col">
|
||||
<div class="sheet-section">
|
||||
<input type="radio" name="attr_theme-threat-3" value="Theme" title="@{theme-threat-3}" /><span></span>
|
||||
<h3 class="sheet-theme-threat"><strong>Theme</strong> (or) <strong>Threat</strong></h3>
|
||||
<input type="radio" name="attr_theme-threat-3" value="Threat" title="@{theme-threat-3}" /><span></span>
|
||||
|
||||
<h3>The <strong>Idea</strong></h3>
|
||||
<textarea class="sheet-theme-threat" name="attr_theme-threat-idea-3" title="@{theme-threat-idea-3}"></textarea>
|
||||
|
||||
<h3>The <strong>Aspect</strong></h3>
|
||||
<input type="text" class="sheet-invisible" name="attr_theme-threat-aspect-3" title="@{theme-threat-aspect-3}" />
|
||||
|
||||
<h3>The <strong>Faces</strong></h3>
|
||||
<h4 class="sheet-face-name">Name</h4>
|
||||
<h4 class="sheet-face-concept">Concept</h4>
|
||||
<br style="clear:both" />
|
||||
<fieldset class="repeating_theme-threat-faces-3">
|
||||
<div class="sheet-theme-threat-faces">
|
||||
<input type="text" name="attr_theme-threat-face-name" class="sheet-invisible" />
|
||||
<input type="text" name="attr_theme-threat-face-concept" class="sheet-invisible" />
|
||||
</div>
|
||||
</fieldset>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<h3><strong>The Balance of Power</strong></h3>
|
||||
<div class="sheet-section">
|
||||
<h3><strong>The Status Quo</strong></h3>
|
||||
<div class="sheet-2colrow">
|
||||
<div class="sheet-col">
|
||||
<h3>What is the <strong>Supernatural</strong> status quo?</h3>
|
||||
<div class="sheet-section sheet-status-quo">
|
||||
<textarea name="attr_supernatural-status-quo" title="@{supernatural-status-quo}"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="sheet-col">
|
||||
<h3>What is the <strong>Mundane</strong> status quo?</h3>
|
||||
<div class="sheet-section sheet-status-quo">
|
||||
<textarea name="attr_mundane-status-quo" title="@{mundane-status-quo}"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<h3><strong>Movers and Shakers</strong></h3>
|
||||
<h4>The Current Order</h4>
|
||||
<h4 class="sheet-movers-shakers-x2">Who wants to <strong>maintain the status quo?</strong></h4>
|
||||
<h4 class="sheet-movers-shakers-x2">Who wants to <strong>rock the boat?</strong></h4>
|
||||
<h4 class="sheet-movers-shakers-y">The Supernatural</h4>
|
||||
<h4 class="sheet-movers-shakers-y2">Who is <strong>in the know?</strong></h4>
|
||||
<h4 class="sheet-movers-shakers-y2">Who is <strong>in the dark?</strong></h4>
|
||||
<div class="sheet-section sheet-movers-shakers">
|
||||
<textarea class="sheet-movers-shakers" name="attr_dark-rock" title="@{dark-rock}"></textarea>
|
||||
<textarea class="sheet-movers-shakers" name="attr_dark-quo" title="@{dark-quo}"></textarea>
|
||||
<textarea class="sheet-movers-shakers" name="attr_know-rock" title="@{know-rock}"></textarea>
|
||||
<textarea class="sheet-movers-shakers" name="attr_know-quo" title="@{know-quo}"></textarea><br style="clear:both"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="sheet-tab sheet-tab-character">
|
||||
<h2>The Dresden Files Role-Playing Game</h2>
|
||||
<h1>Character Sheet</h1>
|
||||
|
||||
<div class="sheet-2colrow">
|
||||
<div class="sheet-col">
|
||||
<div class="sheet-input">
|
||||
<div class="sheet-input-left">Character</div>
|
||||
<input type="text" name="attr_character_name" title="@{character_name}" />
|
||||
</div>
|
||||
|
||||
<div class="sheet-section">
|
||||
<h3><strong>Aspects</strong></h3>
|
||||
<h4>High Concept</h4>
|
||||
<input type="text" class="sheet-invisible" name="attr_high-concept" title="@{high-concept}" />
|
||||
<h4>Trouble</h4>
|
||||
<input type="text" class="sheet-invisible" name="attr_trouble" title="@{trouble}" />
|
||||
<h4>Other Aspects</h4>
|
||||
<input type="text" class="sheet-invisible" style="margin-bottom:5px" name="attr_phase-one" title="@{phase-one}" />
|
||||
<input type="text" class="sheet-invisible" style="margin-bottom:5px" name="attr_phase-two" title="@{phase-two}" />
|
||||
<input type="text" class="sheet-invisible" style="margin-bottom:5px" name="attr_phase-three" title="@{phase-three}" />
|
||||
<input type="text" class="sheet-invisible" style="margin-bottom:5px" name="attr_phase-four" title="@{phase-four}" />
|
||||
<input type="text" class="sheet-invisible" style="margin-bottom:5px" name="attr_phase-five" title="@{phase-five}" />
|
||||
</div>
|
||||
|
||||
<div class="sheet-section">
|
||||
<h3><strong>Stress</strong></h3>
|
||||
<table class="sheet-stress">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td></td>
|
||||
<th><h4>0</h4></th>
|
||||
<th><h4>1</h4></th>
|
||||
<th><h4>2</h4></th>
|
||||
<th><h4>3</h4></th>
|
||||
<th><h4>4</h4></th>
|
||||
<th><h4>5</h4></th>
|
||||
<th><h4>6</h4></th>
|
||||
<th><h4>7</h4></th>
|
||||
<th><h4>8</h4></th>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>
|
||||
<h3>Physical</h3>
|
||||
<h4>(Endurance)</h4>
|
||||
</th>
|
||||
<td>
|
||||
<input type="radio" name="attr_physical-stress" value="0" title="@{physical-stress}" checked="checked" />
|
||||
<span></span>
|
||||
</td>
|
||||
<td>
|
||||
<input type="radio" name="attr_physical-stress" value="1" title="@{physical-stress}" />
|
||||
<span></span>
|
||||
</td>
|
||||
<td>
|
||||
<input type="radio" name="attr_physical-stress" value="2" title="@{physical-stress}" />
|
||||
<span></span>
|
||||
</td>
|
||||
<td>
|
||||
<input type="checkbox" name="attr_physical-stress-3" value="1" />
|
||||
<input type="radio" name="attr_physical-stress" value="3" title="@{physical-stress}" />
|
||||
<span></span>
|
||||
</td>
|
||||
<td>
|
||||
<input type="checkbox" name="attr_physical-stress-4" value="1" />
|
||||
<input type="radio" name="attr_physical-stress" value="4" title="@{physical-stress}" />
|
||||
<span></span>
|
||||
</td>
|
||||
<td>
|
||||
<input type="checkbox" name="attr_physical-stress-5" value="1" />
|
||||
<input type="radio" name="attr_physical-stress" value="5" title="@{physical-stress}" />
|
||||
<span></span>
|
||||
</td>
|
||||
<td>
|
||||
<input type="checkbox" name="attr_physical-stress-6" value="1" />
|
||||
<input type="radio" name="attr_physical-stress" value="6" title="@{physical-stress}" />
|
||||
<span></span>
|
||||
</td>
|
||||
<td>
|
||||
<input type="checkbox" name="attr_physical-stress-7" value="1" />
|
||||
<input type="radio" name="attr_physical-stress" value="7" title="@{physical-stress}" />
|
||||
<span></span>
|
||||
</td>
|
||||
<td>
|
||||
<input type="checkbox" name="attr_physical-stress-8" value="1" />
|
||||
<input type="radio" name="attr_physical-stress" value="8" title="@{physical-stress}" />
|
||||
<span></span>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>
|
||||
<h3>Mental</h3>
|
||||
<h4>(Conviction)</h4>
|
||||
</th>
|
||||
<td>
|
||||
<input type="radio" name="attr_mental-stress" value="0" title="@{mental-stress}" checked="checked" />
|
||||
<span></span>
|
||||
</td>
|
||||
<td>
|
||||
<input type="radio" name="attr_mental-stress" value="1" title="@{mental-stress}" />
|
||||
<span></span>
|
||||
</td>
|
||||
<td>
|
||||
<input type="radio" name="attr_mental-stress" value="2" title="@{mental-stress}" />
|
||||
<span></span>
|
||||
</td>
|
||||
<td>
|
||||
<input type="checkbox" name="attr_mental-stress-3" value="1" />
|
||||
<input type="radio" name="attr_mental-stress" value="3" title="@{mental-stress}" />
|
||||
<span></span>
|
||||
</td>
|
||||
<td>
|
||||
<input type="checkbox" name="attr_mental-stress-4" value="1" />
|
||||
<input type="radio" name="attr_mental-stress" value="4" title="@{mental-stress}" />
|
||||
<span></span>
|
||||
</td>
|
||||
<td>
|
||||
<input type="checkbox" name="attr_mental-stress-5" value="1" />
|
||||
<input type="radio" name="attr_mental-stress" value="5" title="@{mental-stress}" />
|
||||
<span></span>
|
||||
</td>
|
||||
<td>
|
||||
<input type="checkbox" name="attr_mental-stress-6" value="1" />
|
||||
<input type="radio" name="attr_mental-stress" value="6" title="@{mental-stress}" />
|
||||
<span></span>
|
||||
</td>
|
||||
<td>
|
||||
<input type="checkbox" name="attr_mental-stress-7" value="1" />
|
||||
<input type="radio" name="attr_mental-stress" value="7" title="@{mental-stress}" />
|
||||
<span></span>
|
||||
</td>
|
||||
<td>
|
||||
<input type="checkbox" name="attr_mental-stress-8" value="1" />
|
||||
<input type="radio" name="attr_mental-stress" value="8" title="@{mental-stress}" />
|
||||
<span></span>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>
|
||||
<h3>Social</h3>
|
||||
<h4>(Presence)</h4>
|
||||
</th>
|
||||
<td>
|
||||
<input type="radio" name="attr_social-stress" value="0" title="@{social-stress}" checked="checked" />
|
||||
<span></span>
|
||||
</td>
|
||||
<td>
|
||||
<input type="radio" name="attr_social-stress" value="1" title="@{social-stress}" />
|
||||
<span></span>
|
||||
</td>
|
||||
<td>
|
||||
<input type="radio" name="attr_social-stress" value="2" title="@{social-stress}" />
|
||||
<span></span>
|
||||
</td>
|
||||
<td>
|
||||
<input type="checkbox" name="attr_social-stress-3" value="1" />
|
||||
<input type="radio" name="attr_social-stress" value="3" title="@{social-stress}" />
|
||||
<span></span>
|
||||
</td>
|
||||
<td>
|
||||
<input type="checkbox" name="attr_social-stress-4" value="1" />
|
||||
<input type="radio" name="attr_social-stress" value="4" title="@{social-stress}" />
|
||||
<span></span>
|
||||
</td>
|
||||
<td>
|
||||
<input type="checkbox" name="attr_social-stress-5" value="1" />
|
||||
<input type="radio" name="attr_social-stress" value="5" title="@{social-stress}" />
|
||||
<span></span>
|
||||
</td>
|
||||
<td>
|
||||
<input type="checkbox" name="attr_social-stress-6" value="1" />
|
||||
<input type="radio" name="attr_social-stress" value="6" title="@{social-stress}" />
|
||||
<span></span>
|
||||
</td>
|
||||
<td>
|
||||
<input type="checkbox" name="attr_social-stress-7" value="1" />
|
||||
<input type="radio" name="attr_social-stress" value="7" title="@{social-stress}" />
|
||||
<span></span>
|
||||
</td>
|
||||
<td>
|
||||
<input type="checkbox" name="attr_social-stress-8" value="1" />
|
||||
<input type="radio" name="attr_social-stress" value="8" title="@{social-stress}" />
|
||||
<span></span>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>
|
||||
<h3>Armor, Etc:</h3>
|
||||
</th>
|
||||
<td colspan="8"><input type="text" class="sheet-invisible" name="attr_armor" title="@{armor}" /></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<div class="sheet-section">
|
||||
<h3><strong>Consequences</strong></h3>
|
||||
<table class="sheet-consequences">
|
||||
<tbody>
|
||||
<tr>
|
||||
<th><h4>type</h4></th>
|
||||
<th><h4>P/M/S</h4></th>
|
||||
<th><h4>Stress</h4></th>
|
||||
<th><h4>Used?</h4></th>
|
||||
<th><h4 style="text-align:right">Aspect</h4></th>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><h4>Mild</h4></td>
|
||||
<td><h4>ANY</h4></td>
|
||||
<td><h4>-2</h4></td>
|
||||
<td>
|
||||
<input type="checkbox" name="attr_mild-consequence" value="1" title="@{mild-consequence}" />
|
||||
<span></span>
|
||||
</td>
|
||||
<td><input type="text" class="sheet-invisible" name="attr_mild-aspect" title="@{mild-aspect}" /></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><h4>Moderate</h4></td>
|
||||
<td><h4>ANY</h4></td>
|
||||
<td><h4>-4</h4></td>
|
||||
<td>
|
||||
<input type="checkbox" name="attr_moderate-consequence" value="1" title="@{moderate-consequence}" />
|
||||
<span></span>
|
||||
</td>
|
||||
<td><input type="text" class="sheet-invisible" name="attr_moderate-aspect" title="@{moderate-aspect}" /></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><h4>Severe</h4></td>
|
||||
<td><h4>ANY</h4></td>
|
||||
<td><h4>-6</h4></td>
|
||||
<td>
|
||||
<input type="checkbox" name="attr_severe-consequence" value="1" title="@{severe-consequence}" />
|
||||
<span></span>
|
||||
</td>
|
||||
<td><input type="text" class="sheet-invisible" name="attr_severe-aspect" title="@{severe-aspect}" /></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<select name="attr_additional-consequence-1" title="@{additional-consequence-1}">
|
||||
<option value=""></option>
|
||||
<option value="-2">Mild</option>
|
||||
<option value="-4">Moderate</option>
|
||||
<option value="-6">Severe</option>
|
||||
</select>
|
||||
</td>
|
||||
<td>
|
||||
<select name="attr_additional-consequence-type-1" title="@{additional-consequence-type-1}">
|
||||
<option value=""></option>
|
||||
<option value="Any">ANY</option>
|
||||
<option value="Physical">Physical</option>
|
||||
<option value="Mental">Mental</option>
|
||||
<option value="Social">Social</option>
|
||||
</select>
|
||||
</td>
|
||||
<td><input type="number" name="attr_additional-consequence-value-1" disabled="disabled" value="@{additional-consequence-1}" /></td>
|
||||
<td>
|
||||
<input type="checkbox" name="attr_additional-consequence-used-1" value="1" title="@{additional-consequence-used-1}" />
|
||||
<span></span>
|
||||
</td>
|
||||
<td><input type="text" class="sheet-invisible" name="attr_additional-consequence-aspect-1" title="@{additional-consequence-aspect-1}" /></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<select name="attr_additional-consequence-2" title="@{additional-consequence-2}">
|
||||
<option value=""></option>
|
||||
<option value="-2">Mild</option>
|
||||
<option value="-4">Moderate</option>
|
||||
<option value="-6">Severe</option>
|
||||
</select>
|
||||
</td>
|
||||
<td>
|
||||
<select name="attr_additional-consequence-type-2" title="@{additional-consequence-type-2}">
|
||||
<option value=""></option>
|
||||
<option value="Any">ANY</option>
|
||||
<option value="Physical">Physical</option>
|
||||
<option value="Mental">Mental</option>
|
||||
<option value="Social">Social</option>
|
||||
</select>
|
||||
</td>
|
||||
<td><input type="number" name="attr_additional-consequence-value-2" disabled="disabled" value="@{additional-consequence-2}" /></td>
|
||||
<td>
|
||||
<input type="checkbox" name="attr_additional-consequence-used-2" value="1" title="@{additional-consequence-used-2}" />
|
||||
<span></span>
|
||||
</td>
|
||||
<td><input type="text" class="sheet-invisible" name="attr_additional-consequence-aspect-2" title="@{additional-consequence-aspect-2}" /></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<select name="attr_additional-consequence-3" title="@{additional-consequence-3}">
|
||||
<option value=""></option>
|
||||
<option value="-2">Mild</option>
|
||||
<option value="-4">Moderate</option>
|
||||
<option value="-6">Severe</option>
|
||||
</select>
|
||||
</td>
|
||||
<td>
|
||||
<select name="attr_additional-consequence-type-3" title="@{additional-consequence-type-3}">
|
||||
<option value=""></option>
|
||||
<option value="Any">ANY</option>
|
||||
<option value="Physical">Physical</option>
|
||||
<option value="Mental">Mental</option>
|
||||
<option value="Social">Social</option>
|
||||
</select>
|
||||
</td>
|
||||
<td><input type="number" name="attr_additional-consequence-value-3" disabled="disabled" value="@{additional-consequence-3}" /></td>
|
||||
<td>
|
||||
<input type="checkbox" name="attr_additional-consequence-used-3" value="1" title="@{additional-consequence-used-3}" />
|
||||
<span></span>
|
||||
</td>
|
||||
<td><input type="text" class="sheet-invisible" name="attr_additional-consequence-aspect-3" title="@{additional-consequence-aspect-3}" /></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><h4>Extreme</h4></td>
|
||||
<td><h4>ANY</h4></td>
|
||||
<td><h4>-8</h4></td>
|
||||
<td>
|
||||
<input type="checkbox" name="attr_extreme-consequence" value="1" title="@{extreme-consequence}" />
|
||||
<span></span>
|
||||
</td>
|
||||
<td><p class="sheet-consequence">Replace Permanent</p></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<div class="sheet-section" style="position:relative">
|
||||
<div class="sheet-2colrow">
|
||||
<div class="sheet-col">
|
||||
<h4 style="text-align:left">Power Level</h4>
|
||||
<select name="attr_power-level" title="@{power-level}">
|
||||
<option value="1">Feet in the Water</option>
|
||||
<option value="2">Up to Your Waist</option>
|
||||
<option value="3">Chest-Deep</option>
|
||||
<option value="4">Submerged</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="sheet-col">
|
||||
<h4 style="text-align:left">Skill Cap</h4>
|
||||
<input type="number" name="attr_skill-cap" disabled="disabled" style="margin-left:3em" value="floor(@{power-level} / 3) + 4" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div style="margin-bottom:30px">
|
||||
<h4 style="display:inline-block;font-size:95%">Skill Points Spent</h4>
|
||||
<input type="number" name="attr_skill-points" disabled="disabled" value="@{average-count} + @{fair-count} * 2 + @{good-count} * 3 + @{great-count} * 4 + @{superb-count} * 5" />
|
||||
<h4 style="display:inline-block;font-size:95%">Total Available</h4>
|
||||
<input type="number" name="attr_total-skill-points" disabled="disabled" value="@{power-level} * 5 + 15" />
|
||||
</div>
|
||||
|
||||
<div class="sheet-base-refresh">
|
||||
<input type="number" name="attr_base-refresh" disabled="disabled" value="@{power-level} + 5 + floor(@{power-level} / 4)" />
|
||||
<h4>Base Refresh Level</h4>
|
||||
</div>
|
||||
|
||||
<div class="sheet-adjusted-refresh">
|
||||
<input type="number" name="attr_adjusted-refresh" disabled="disabled" value="@{base-refresh} - abs(@{total-refresh-adjustment})" />
|
||||
<h4>Adjusted Refresh</h4>
|
||||
</div>
|
||||
|
||||
<div class="sheet-current-fate-points">
|
||||
<input type="number" name="attr_current-fp" title="@{current-fp}" min="0" />
|
||||
<h4>Fate Points</h4>
|
||||
</div>
|
||||
|
||||
<div class="sheet-fate-points">
|
||||
<img src="http://i.imgur.com/TFX64KA.png" />
|
||||
<h4 class="sheet-fp-overlay">Current<br />Fate Points</h4>
|
||||
</div>
|
||||
<div></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="sheet-col">
|
||||
<div class="sheet-input">
|
||||
<div class="sheet-input-right">Player</div>
|
||||
<input type="text" name="attr_player" title="@{player}" />
|
||||
</div>
|
||||
|
||||
<div class="sheet-section">
|
||||
<h3><strong>Skills</strong></h3>
|
||||
<div class="sheet-superb-skills">
|
||||
<h4>Superb (+5)</h4>
|
||||
<div class="sheet-repeating">
|
||||
<fieldset class="repeating_superb">
|
||||
<input type="text" class="sheet-invisible sheet-inline-input" name="attr_superb-skill" /><span class="sheet-skill-delimiter">,</span>
|
||||
</fieldset>
|
||||
</div>
|
||||
<div class="sheet-slots">
|
||||
# of Slots:
|
||||
<input type="number" name="attr_superb-count" title="@{superb-count}" min="0" value="0" />
|
||||
<button type="roll" name="roll_superb" value="/r 4df+5+?{Bonus|0} [SUPERB]"> </button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sheet-great-skills">
|
||||
<h4>Great (+4)</h4>
|
||||
<div class="sheet-repeating">
|
||||
<fieldset class="repeating_great">
|
||||
<input type="text" class="sheet-invisible sheet-inline-input" name="attr_great-skill" /><span class="sheet-skill-delimiter">,</span>
|
||||
</fieldset>
|
||||
</div>
|
||||
<div class="sheet-slots">
|
||||
# of Slots:
|
||||
<input type="number" name="attr_great-count" title="@{great-count}" min="0" value="0" />
|
||||
<button type="roll" name="roll_great" value="/r 4df+4+?{Bonus|0} [GREAT]">+- +</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sheet-good-skills">
|
||||
<h4>Good (+3)</h4>
|
||||
<div class="sheet-repeating">
|
||||
<fieldset class="repeating_good">
|
||||
<input type="text" class="sheet-invisible sheet-inline-input" name="attr_good-skill" /><span class="sheet-skill-delimiter">,</span>
|
||||
</fieldset>
|
||||
</div>
|
||||
<div class="sheet-slots">
|
||||
# of Slots:
|
||||
<input type="number" name="attr_good-count" title="@{good-count}" min="0" value="0" />
|
||||
<button type="roll" name="roll_good" value="/r 4df+3+?{Bonus|0} [GOOD]">-+++</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sheet-fair-skills">
|
||||
<h4>Fair (+2)</h4>
|
||||
<div class="sheet-repeating">
|
||||
<fieldset class="repeating_fair">
|
||||
<input type="text" class="sheet-invisible sheet-inline-input" name="attr_fair-skill" /><span class="sheet-skill-delimiter">,</span>
|
||||
</fieldset>
|
||||
</div>
|
||||
<div class="sheet-slots">
|
||||
# of Slots:
|
||||
<input type="number" name="attr_fair-count" title="@{fair-count}" min="0" value="0" />
|
||||
<button type="roll" name="roll_fair" value="/r 4df+2+?{Bonus|0} [FAIR]">+ ++</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sheet-average-skills">
|
||||
<h4>Average (+1)</h4>
|
||||
<div class="sheet-repeating">
|
||||
<fieldset class="repeating_average">
|
||||
<input type="text" class="sheet-invisible sheet-inline-input" name="attr_average-skill" /><span class="sheet-skill-delimiter">,</span>
|
||||
</fieldset>
|
||||
</div>
|
||||
<div class="sheet-slots">
|
||||
# of Slots:
|
||||
<input type="number" name="attr_average-count" title="@{average-count}" min="0" value="0" />
|
||||
<button type="roll" name="roll_average" value="/r 4df+1+?{Bonus|0} [AVERAGE]">++++</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sheet-mediocre-skills">
|
||||
<div class="sheet-slots">
|
||||
<h4 style="margin-left:0">Mediocre (+0)</h4>
|
||||
<button type="roll" name="roll_mediocre" value="/r 4df+?{Bonus|0} [MEDIOCRE]">----</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="sheet-section" style="position:relative">
|
||||
<h3><strong>Stunts & Powers</strong></h3>
|
||||
<h4 style="display:inline-block;width:40px">Cost</h4>
|
||||
<h4 style="display:inline-block">Ability</h4>
|
||||
<div class="sheet-powers">
|
||||
<fieldset class="repeating_powers">
|
||||
<input type="number" name="attr_power-cost" />
|
||||
<input type="text" class="sheet-invisible" name="attr_power" />
|
||||
</fieldset>
|
||||
</div>
|
||||
<div class="sheet-refresh-adjust">
|
||||
<input type="number" name="attr_total-refresh-adjustment" title="@{total-refresh-adjustment}" />
|
||||
<h4>Total Refresh Adjustment</h4>
|
||||
</div>
|
||||
<div class="sheet-section sheet-ladder">
|
||||
<h4>The Ladder</h4>
|
||||
<ul>
|
||||
<li>Legendary <span class="sheet-value">+8</span></li>
|
||||
<li>Epic <span class="sheet-value">+7</span></li>
|
||||
<li>Fantastic <span class="sheet-value">+6</span></li>
|
||||
<li>Superb <span class="sheet-value">+5</span></li>
|
||||
<li>Great <span class="sheet-value">+4</span></li>
|
||||
<li>Good <span class="sheet-value">+3</span></li>
|
||||
<li>Fair <span class="sheet-value">+2</span></li>
|
||||
<li>Average <span class="sheet-value">+1</span></li>
|
||||
<li>Mediocre <span class="sheet-value">+0</span></li>
|
||||
<li>Poor <span class="sheet-value">-1</span></li>
|
||||
<li>Terrible <span class="sheet-value">-2</span></li>
|
||||
</ul>
|
||||
</div>
|
||||
<br style="clear:both" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="sheet-tab sheet-tab-worksheet">
|
||||
<h2>The Dresden Files Role-Playing Game</h2>
|
||||
<h1>Character Phases Worksheet</h1>
|
||||
|
||||
<div class="sheet-2colrow">
|
||||
<div class="sheet-col">
|
||||
<div class="sheet-input">
|
||||
<div class="sheet-input-left">Character</div>
|
||||
<input type="text" name="attr_character_name" title="@{character_name}" />
|
||||
</div>
|
||||
<div class="sheet-input">
|
||||
<div class="sheet-input-left">Template</div>
|
||||
<input type="text" name="attr_template" title="@{template}" />
|
||||
</div>
|
||||
<div class="sheet-input">
|
||||
<div class="sheet-input-left">Musts</div>
|
||||
<input type="text" name="attr_musts" title="@{musts}" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="sheet-col">
|
||||
<div class="sheet-input">
|
||||
<div class="sheet-input-right">Player</div>
|
||||
<input type="text" name="attr_player" title="@{player}" />
|
||||
</div>
|
||||
<div class="sheet-input">
|
||||
<div class="sheet-input-right">High Concept Aspect</div>
|
||||
<input type="text" name="attr_high-concept" title="@{high-concept}" />
|
||||
</div>
|
||||
<div class="sheet-input">
|
||||
<div class="sheet-input-right">Trouble Aspect</div>
|
||||
<input type="text" name="attr_trouble" title="@{trouble}" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="sheet-section">
|
||||
<h3><strong>Background:</strong> Where did you come from?</h3>
|
||||
<h3 class="sheet-phase">Phase <strong>one</strong></h3>
|
||||
<div class="sheet-2colrow">
|
||||
<div class="sheet-col">
|
||||
<p class="sheet-aspect-events">Events</p>
|
||||
<textarea class="sheet-aspect-events" name="attr_phase-one-events" title="@{phase-one-events}"></textarea>
|
||||
</div>
|
||||
|
||||
<div class="sheet-col">
|
||||
<p class="sheet-aspect-desc">
|
||||
What nation, region, culture are you from? What were your family circumstances
|
||||
like? What’s your relationship with your family? How were you
|
||||
educated? What were your friends like? Did you get into trouble much?
|
||||
If you’re supernatural, how early did you learn this? Were there problems?
|
||||
</p>
|
||||
<div class="sheet-input">
|
||||
<div class="sheet-input-right">Phase Aspect</div>
|
||||
<input type="text" name="attr_phase-one" title="@{phase-one}" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="sheet-section">
|
||||
<h3><strong>Rising Conflict:</strong> What shaped you?</h3>
|
||||
<h3 class="sheet-phase">Phase <strong>two</strong></h3>
|
||||
<div class="sheet-2colrow">
|
||||
<div class="sheet-col">
|
||||
<p class="sheet-aspect-events">Events</p>
|
||||
<textarea class="sheet-aspect-events" name="attr_phase-two-events" title="@{phase-two-events}"></textarea>
|
||||
</div>
|
||||
|
||||
<div class="sheet-col">
|
||||
<p class="sheet-aspect-desc">
|
||||
Who were the prominent people in your life at this point? Do you have
|
||||
enemies? Close and fast friends? How did your high concept and trouble
|
||||
aspects shape you and events around you? What were the most significant
|
||||
choices you made? What lessons did you learn in this time?
|
||||
</p>
|
||||
<div class="sheet-input">
|
||||
<div class="sheet-input-right">Phase Aspect</div>
|
||||
<input type="text" name="attr_phase-two" title="@{phase-two}" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="sheet-section">
|
||||
<h3><strong>The Story:</strong> What was your first adventure?</h3>
|
||||
<h3 class="sheet-phase">Phase <strong>three</strong></h3>
|
||||
<div class="sheet-2colrow">
|
||||
<div class="sheet-col">
|
||||
<p class="sheet-aspect-events">Events</p>
|
||||
<textarea class="sheet-aspect-events" name="attr_phase-three-events" title="@{phase-three-events}" style="margin-left: 31px"></textarea>
|
||||
</div>
|
||||
|
||||
<div class="sheet-col">
|
||||
<p class="sheet-aspect-desc sheet-aspect-label">Story Title</p>
|
||||
<input type="text" class="sheet-invisible" name="attr_phase-three-story-title" title="@{phase-three-story-title}" />
|
||||
<p class="sheet-aspect-desc sheet-aspect-label">Guest Starring...</p>
|
||||
<input type="text" class="sheet-invisible" name="attr_phase-three-guest" title="@{phase-three-guest}" />
|
||||
<div class="sheet-input">
|
||||
<div class="sheet-input-right">Phase Aspect</div>
|
||||
<input type="text" name="attr_phase-three" title="@{phase-three}" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="sheet-section">
|
||||
<h3><strong>Guest Star:</strong> Whose path have you crossed?</h3>
|
||||
<h3 class="sheet-phase">Phase <strong>four</strong></h3>
|
||||
<div class="sheet-2colrow">
|
||||
<div class="sheet-col">
|
||||
<p class="sheet-aspect-events">Events</p>
|
||||
<textarea class="sheet-aspect-events" name="attr_phase-four-events" title="@{phase-four-events}" style="margin-left: 31px"></textarea>
|
||||
</div>
|
||||
|
||||
<div class="sheet-col">
|
||||
<p class="sheet-aspect-desc sheet-aspect-label">Story Title</p>
|
||||
<input type="text" class="sheet-invisible" name="attr_phase-four-story-title" title="@{phase-four-story-title}" />
|
||||
<p class="sheet-aspect-desc sheet-aspect-label">Whose story was this? Who else was in it?</p>
|
||||
<input type="text" class="sheet-invisible" name="attr_phase-four-guest" title="@{phase-four-guest}" />
|
||||
<div class="sheet-input">
|
||||
<div class="sheet-input-right">Phase Aspect</div>
|
||||
<input type="text" name="attr_phase-four" title="@{phase-four}" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="sheet-section">
|
||||
<h3><strong>Guest Star Redux:</strong> Whose else's path have you crossed?</h3>
|
||||
<h3 class="sheet-phase">Phase <strong>five</strong></h3>
|
||||
<div class="sheet-2colrow">
|
||||
<div class="sheet-col">
|
||||
<p class="sheet-aspect-events">Events</p>
|
||||
<textarea class="sheet-aspect-events" name="attr_phase-five-events" title="@{phase-five-events}" style="margin-left: 31px"></textarea>
|
||||
</div>
|
||||
|
||||
<div class="sheet-col">
|
||||
<p class="sheet-aspect-desc sheet-aspect-label">Story Title</p>
|
||||
<input type="text" class="sheet-invisible" name="attr_phase-five-story-title" title="@{phase-five-story-title}" />
|
||||
<p class="sheet-aspect-desc sheet-aspect-label">Whose story was this? Who else was in it?</p>
|
||||
<input type="text" class="sheet-invisible" name="attr_phase-five-guest" title="@{phase-five-guest}" />
|
||||
<div class="sheet-input">
|
||||
<div class="sheet-input-right">Phase Aspect</div>
|
||||
<input type="text" name="attr_phase-five" title="@{phase-five}" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 80 KiB |
@@ -0,0 +1,9 @@
|
||||
## _Dresden Files RPG_ Character Sheet
|
||||
|
||||
Character sheet for _Dresden Files RPG_ by Evil Hat Productions.
|
||||
|
||||
### Contributors
|
||||
|
||||
If you feel you've contributed to the development of this character sheet, don't forget to add your name here!
|
||||
|
||||
* Brian Shields
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 1.4 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.4 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 49 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.0 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.6 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.1 KiB |
@@ -0,0 +1,8 @@
|
||||
{
|
||||
"html": "DFRPG.html",
|
||||
"css": "DFRPG.css",
|
||||
"authors": "Brian Shields",
|
||||
"preview": "DFRPG.jpg",
|
||||
"roll20userid": "235259",
|
||||
"instructions": "This sheet is multipurpose, fulfilling the needs for player and non-player characters, as well as for city-building. For a journal entry used in city-building, only the tabs \"City\", \"Locations\", and \"Faces\" need to be used. Fully-realizzed characters such as PCs will need the \"Character\" page, and the \"Worksheet\" page is provided to assist in character creation."
|
||||
}
|
||||
Reference in New Issue
Block a user