diff --git a/DFRPG/DFRPG.css b/DFRPG/DFRPG.css new file mode 100644 index 0000000000..19ef3e168e --- /dev/null +++ b/DFRPG/DFRPG.css @@ -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); +} \ No newline at end of file diff --git a/DFRPG/DFRPG.html b/DFRPG/DFRPG.html new file mode 100644 index 0000000000..21b6bd0615 --- /dev/null +++ b/DFRPG/DFRPG.html @@ -0,0 +1,789 @@ + + + + + + +
| + | 0 |
+ 1 |
+ 2 |
+ 3 |
+ 4 |
+ 5 |
+ 6 |
+ 7 |
+ 8 |
+
|---|---|---|---|---|---|---|---|---|---|
+ Physical+(Endurance)+ |
+ + + + | ++ + + | ++ + + | ++ + + + | ++ + + + | ++ + + + | ++ + + + | ++ + + + | ++ + + + | +
+ Mental+(Conviction)+ |
+ + + + | ++ + + | ++ + + | ++ + + + | ++ + + + | ++ + + + | ++ + + + | ++ + + + | ++ + + + | +
+ Social+(Presence)+ |
+ + + + | ++ + + | ++ + + | ++ + + + | ++ + + + | ++ + + + | ++ + + + | ++ + + + | ++ + + + | +
+ Armor, Etc:+ |
+ + | ||||||||
type |
+ P/M/S |
+ Stress |
+ Used? |
+ Aspect |
+
|---|---|---|---|---|
Mild |
+ ANY |
+ -2 |
+ + + + | ++ |
Moderate |
+ ANY |
+ -4 |
+ + + + | ++ |
Severe |
+ ANY |
+ -6 |
+ + + + | ++ |
| + + | ++ + | ++ | + + + | ++ |
| + + | ++ + | ++ | + + + | ++ |
| + + | ++ + | ++ | + + + | ++ |
Extreme |
+ ANY |
+ -8 |
+ + + + | +Replace Permanent |
+
+ Events
+ ++ 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? +
+Events
+ ++ 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? +
+Events
+ +Story Title
+ +Guest Starring...
+ +Events
+ +Story Title
+ +Whose story was this? Who else was in it?
+ +Events
+ +Story Title
+ +Whose story was this? Who else was in it?
+ +