Blades in the Dark v2.5

* Kirsty support
This commit is contained in:
joesinghaus
2017-11-13 10:48:17 +01:00
parent 242b980fca
commit 56eb373dfd
9 changed files with 556 additions and 479 deletions
+4
View File
@@ -4,6 +4,10 @@ This is a character sheet for Blades in the Dark for use on Roll20.
## Changelog
### 2.5
* Added option to use Kirsty font if installed
* Small graphical changes
### 2.4
* Several bugfixes
* New clocks-only mode for the faction page for those who want a character sheet just to store clocks
-456
View File
@@ -1,456 +0,0 @@
/* ROLL TEMPLATES */
/* Container */
.sheet-rolltemplate-bitd .sheet-roll-holder {
margin-left: -45px;
margin-right: -1px;
padding: 0 30px;
box-sizing: border-box;
font-family: Georgia, "Bitstream Charter", "Times New Roman", serif;
width: 299px;
user-select: none;
cursor: default;
overflow: hidden;
font-variant-numeric: lining-nums;
}
.sheet-rolltemplate-bitd .sheet-roll-holder.sheet-roll-resist.sheet-roll-short,
.sheet-rolltemplate-bitd .sheet-roll-holder.sheet-roll-vice.sheet-roll-short {
height: 171px;
}
.sheet-rolltemplate-bitd .sheet-roll-holder.sheet-roll-action.sheet-roll-short {
height: 195px;
}
.sheet-rolltemplate-bitd .sheet-roll-holder.sheet-roll-fortune.sheet-roll-short {
min-height: 199px;
}
.sheet-rolltemplate-bitd .sheet-roll-action,
.sheet-rolltemplate-bitd .sheet-roll-resist,
.sheet-rolltemplate-bitd .sheet-roll-vice {
height: 258px;
}
.sheet-rolltemplate-bitd .sheet-roll-fortune {
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Blades%20in%20the%20Dark/Assets/rolltemplate/rolltemplate-fortune.jpg);
background-position: bottom right;
background-repeat: no-repeat;
background-color: #fff;
height: auto;
min-height: 250px;
}
/* Background images */
.sheet-rolltemplate-bitd .sheet-roll-action {
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Blades%20in%20the%20Dark/Assets/rolltemplate/rolltemplate-action.gif);
}
.sheet-rolltemplate-bitd .sheet-roll-resist {
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Blades%20in%20the%20Dark/Assets/rolltemplate/rolltemplate-resist.jpg);
}
.sheet-rolltemplate-bitd .sheet-roll-vice {
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Blades%20in%20the%20Dark/Assets/rolltemplate/rolltemplate-vice.jpg);
}
/* Images */
.sheet-rolltemplate-bitd img {
display: block;
height: 100%;
}
/* Header */
.sheet-rolltemplate-bitd .sheet-roll-header {
display: -webkit-box;
margin: 16px 0 0;
font-size: 15px;
height: 35px;
line-height: 17.5px;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
font-variant: small-caps;
text-overflow: ellipsis;
}
.sheet-rolltemplate-bitd .sheet-roll-resist .sheet-roll-header {
color: #8da8bb;
}
.sheet-rolltemplate-bitd .sheet-roll-vice .sheet-roll-header {
color: #fff;
}
.sheet-rolltemplate-bitd .sheet-roll-fortune .sheet-roll-header {
color: #303032;
}
.sheet-rolltemplate-bitd .sheet-roll-action .sheet-roll-header {
color: #e74a10;
}
.sheet-rolltemplate-bitd > .sheet-roll-action .sheet-roll-header,
.sheet-rolltemplate-bitd > .sheet-roll-fortune .sheet-roll-header {
letter-spacing: 1px;
font-weight: 800;
}
.sheet-rolltemplate-bitd .sheet-roll-holder.sheet-roll-fortune.sheet-roll-short .sheet-roll-header {
margin-bottom: -51px;
}
/* Title */
.sheet-rolltemplate-bitd .sheet-roll-title {
color: #fff;
text-transform: uppercase;
font-weight: bold;
}
.sheet-rolltemplate-bitd .sheet-roll-action .sheet-roll-title,
.sheet-rolltemplate-bitd .sheet-roll-fortune .sheet-roll-title {
margin: 22px 0 0;
font-size: 36px;
line-height: 31px;
height: 31px;
}
.sheet-rolltemplate-bitd .sheet-roll-vice .sheet-roll-title,
.sheet-rolltemplate-bitd .sheet-roll-resist .sheet-roll-title {
margin: 11px 0 0;
font-size: 24px;
line-height: 24px;
height: 24px;
}
.sheet-rolltemplate-bitd .sheet-roll-fortune .sheet-roll-title {
color: #000;
}
.sheet-rolltemplate-bitd .sheet-roll-small-title {
font-size: 28px;
}
/* Position and Effect */
.sheet-rolltemplate-bitd .sheet-roll-position,
.sheet-rolltemplate-bitd .sheet-roll-effect {
display: inline-block;
box-sizing: border-box;
width: 50%;
color: #fff;
text-transform: uppercase;
font-size: 12px;
letter-spacing: 1px;
padding: 20px 0 0;
}
.sheet-rolltemplate-bitd .sheet-roll-effect {
padding-left: 14px;
}
/* Dice */
.sheet-rolltemplate-bitd .sheet-roll-dice {
height: 27px;
font-size: 19px;
line-height: 20px;
color: #fff;
}
.sheet-rolltemplate-bitd .sheet-roll-action .sheet-roll-dice {
margin: 47px 0 19px;
}
.sheet-rolltemplate-bitd .sheet-roll-resist .sheet-roll-dice,
.sheet-rolltemplate-bitd .sheet-roll-vice .sheet-roll-dice {
margin: 35px 0 23px;
}
.sheet-rolltemplate-bitd .sheet-roll-fortune .sheet-roll-dice {
margin: 15px 0 10px;
color: #303032;
}
/* Zerodice dice holder */
.sheet-rolltemplate-bitd .sheet-roll-action .sheet-zerodice1 {
text-shadow: 0px 0px 6px rgb(255, 158, 0);
color: #fff;
}
.sheet-rolltemplate-bitd .sheet-roll-fortune .sheet-zerodice1 {
text-shadow: 0px 0px 6px rgb(136, 219, 215);
color: #1e1e1e;
}
.sheet-rolltemplate-bitd .sheet-roll-vice .sheet-zerodice1,
.sheet-rolltemplate-bitd .sheet-roll-resist .sheet-zerodice1 {
text-shadow: 0px 0px 6px rgb(9, 199, 208);
color: #fff;
}
/* Zerodice text */
.sheet-rolltemplate-bitd .sheet-zerodice2 {
line-height: 1;
font-size: 12.5px;
margin-top: 7px;
font-style: italic;
}
.sheet-rolltemplate-bitd .sheet-roll-vice .sheet-zerodice2,
.sheet-rolltemplate-bitd .sheet-roll-resist .sheet-zerodice2 {
text-shadow: 0px 0px 6px rgb(9, 199, 208);
color: #d8e4ef;
}
.sheet-rolltemplate-bitd .sheet-roll-action .sheet-zerodice2 {
text-shadow: 0px 0px 6px rgb(255, 158, 0);
color: #ffd8ca;
}
.sheet-rolltemplate-bitd .sheet-roll-fortune .sheet-zerodice2 {
width: 60%;
text-shadow: 0px 0px 6px rgb(136, 219, 215);
color: #1e1e1e;
}
/* Inlinerolls */
.sheet-rolltemplate-bitd .inlinerollresult {
border: none !important;
background-color: transparent;
font-weight: normal;
padding: 0 3px 0 0;
}
.sheet-rolltemplate-bitd .sheet-comma:last-child {
display: none;
}
/* Instructions and Notes */
.sheet-rolltemplate-bitd .sheet-roll-instructions {
padding: 15px 0 0;
line-height: 1.3;
}
.sheet-rolltemplate-bitd .sheet-roll-resist .sheet-roll-instructions {
color: #d3dde4;
font-size: 13px;
}
.sheet-rolltemplate-bitd .sheet-roll-vice .sheet-roll-instructions {
color: #c9c9c9;
font-size: 11px;
}
.sheet-rolltemplate-bitd .sheet-roll-notes {
width: 56%;
line-height: 1.2;
font-size: 13px;
padding: 20px 0;
color: #1e1e1e;
}
/* BROADCAST TEMPLATE */
.sheet-rolltemplate-bitd-broadcast {
margin: 0 -1px 0 -45px;
padding: 16px 20px 15px;
overflow: hidden;
box-sizing: border-box;
font-family: Georgia, "Bitstream Charter", "Times New Roman", serif;
width: 299px;
background-color: #180d06;
}
.sheet-rolltemplate-bitd-broadcast .sheet-roll-header {
color: #e74a10;
font-size: 15px;
line-height: 19px;
font-variant: small-caps;
letter-spacing: 1px;
font-weight: 800;
}
.sheet-rolltemplate-bitd-broadcast .sheet-roll-flex {
display: flex;
align-items: center;
margin: 5px 0 0;
}
.sheet-rolltemplate-bitd-broadcast .sheet-roll-flex .sheet-roll-title {
margin: 0;
font-size: 20px;
line-height: 1.2;
}
.sheet-rolltemplate-bitd-broadcast .sheet-roll-title {
margin: 9px 0 0;
color: #fff;
text-transform: uppercase;
font-weight: bold;
font-size: 23px;
line-height: 29px;
}
.sheet-rolltemplate-bitd-broadcast .sheet-roll-content {
padding: 15px 0 5px;
line-height: 1.3;
font-size: 13px;
color: #ccc;
}
.sheet-rolltemplate-bitd-broadcast img {
margin: 9px 0 0;
display: block;
height: 31px;
}
.sheet-rolltemplate-bitd-broadcast .sheet-roll-harm {
color: #fff;
width: 100%;
margin: 15px 0 0;
border: 1px solid #fff;
}
.sheet-rolltemplate-bitd-broadcast .sheet-roll-harm td {
text-align: center;
padding: 5px;
border: 1px solid #fff;
}
.sheet-rolltemplate-bitd-broadcast .sheet-roll-harm td:first-child {
width: 10px;
}
.sheet-rolltemplate-bitd-broadcast .sheet-roll-harm td:nth-child(2n+1) {
font-weight: bold;
}
.sheet-rolltemplate-bitd-broadcast .sheet-roll-harm td:nth-child(2) {
padding: 5px 0;
}
.sheet-rolltemplate-bitd-broadcast .sheet-roll-harm td:last-child {
width: 60px;
letter-spacing: 0.5px;
text-transform: uppercase;
}
.sheet-rolltemplate-bitd-broadcast .sheet-roll-harm-inner {
color: #e74a10;
padding: 0 5px;
}
.sheet-rolltemplate-bitd-broadcast .sheet-roll-harm-inner:first-child:not(:last-child) {
padding-bottom: 2.5px;
border-bottom: 1px solid #fff;
}
.sheet-rolltemplate-bitd-broadcast .sheet-roll-harm-inner:last-child:not(:first-child) {
padding-top: 2.5px;
}
.sheet-rolltemplate-bitd-broadcast .sheet-roll-clock {
width: 88px;
flex: 0 0 auto;
box-sizing: border-box;
position: relative;
background: white;
height: 88px;
border: 4px solid black;
border-radius: 50%;
margin-right: 4px;
}
.sheet-rolltemplate-bitd-broadcast .sheet-roll-spoke {
height: 88px;
width: 4px;
position: absolute;
background: black;
}
.sheet-rolltemplate-bitd-broadcast .sheet-roll-spoke:not(.sheet-roll-spoke-0) {
display: none;
}
.sheet-rolltemplate-bitd-broadcast .sheet-roll-size-4 .sheet-roll-spoke-90,
.sheet-rolltemplate-bitd-broadcast .sheet-roll-size-6 .sheet-roll-spoke-60,
.sheet-rolltemplate-bitd-broadcast .sheet-roll-size-6 .sheet-roll-spoke-120,
.sheet-rolltemplate-bitd-broadcast .sheet-roll-size-8 .sheet-roll-spoke-45,
.sheet-rolltemplate-bitd-broadcast .sheet-roll-size-8 .sheet-roll-spoke-90,
.sheet-rolltemplate-bitd-broadcast .sheet-roll-size-8 .sheet-roll-spoke-135,
.sheet-rolltemplate-bitd-broadcast .sheet-roll-size-10 .sheet-roll-spoke-36,
.sheet-rolltemplate-bitd-broadcast .sheet-roll-size-10 .sheet-roll-spoke-72,
.sheet-rolltemplate-bitd-broadcast .sheet-roll-size-10 .sheet-roll-spoke-108,
.sheet-rolltemplate-bitd-broadcast .sheet-roll-size-10 .sheet-roll-spoke-144,
.sheet-rolltemplate-bitd-broadcast .sheet-roll-size-12 .sheet-roll-spoke-30,
.sheet-rolltemplate-bitd-broadcast .sheet-roll-size-12 .sheet-roll-spoke-60,
.sheet-rolltemplate-bitd-broadcast .sheet-roll-size-12 .sheet-roll-spoke-90,
.sheet-rolltemplate-bitd-broadcast .sheet-roll-size-12 .sheet-roll-spoke-120,
.sheet-rolltemplate-bitd-broadcast .sheet-roll-size-12 .sheet-roll-spoke-150 {
display: block;
}
.sheet-rolltemplate-bitd-broadcast .sheet-roll-spoke-0 {
transform: translate(39px, -4px);
}
.sheet-rolltemplate-bitd-broadcast .sheet-roll-spoke-30 {
transform: translate(39px, -4px) rotate(30deg);
}
.sheet-rolltemplate-bitd-broadcast .sheet-roll-spoke-36 {
transform: translate(39px, -4px) rotate(36deg);
}
.sheet-rolltemplate-bitd-broadcast .sheet-roll-spoke-45 {
transform: translate(39px, -4px) rotate(45deg);
}
.sheet-rolltemplate-bitd-broadcast .sheet-roll-spoke-60 {
transform: translate(39px, -4px) rotate(60deg);
}
.sheet-rolltemplate-bitd-broadcast .sheet-roll-spoke-72 {
transform: translate(39px, -4px) rotate(72deg);
}
.sheet-rolltemplate-bitd-broadcast .sheet-roll-spoke-90 {
transform: translate(39px, -4px) rotate(90deg);
}
.sheet-rolltemplate-bitd-broadcast .sheet-roll-spoke-108 {
transform: translate(39px, -4px) rotate(108deg);
}
.sheet-rolltemplate-bitd-broadcast .sheet-roll-spoke-120 {
transform: translate(39px, -4px) rotate(120deg);
}
.sheet-rolltemplate-bitd-broadcast .sheet-roll-spoke-135 {
transform: translate(39px, -4px) rotate(135deg);
}
.sheet-rolltemplate-bitd-broadcast .sheet-roll-spoke-144 {
transform: translate(39px, -4px) rotate(144deg);
}
.sheet-rolltemplate-bitd-broadcast .sheet-roll-spoke-150 {
transform: translate(39px, -4px) rotate(150deg);
}
.sheet-rolltemplate-bitd-broadcast .sheet-roll-size-4.sheet-roll-progress-1,
.sheet-rolltemplate-bitd-broadcast .sheet-roll-size-8.sheet-roll-progress-2,
.sheet-rolltemplate-bitd-broadcast .sheet-roll-size-12.sheet-roll-progress-3 {
background-image: linear-gradient(180deg, transparent 50%, white 50%), linear-gradient(90deg, white 50%, red 50%);
}
.sheet-rolltemplate-bitd-broadcast .sheet-roll-size-4.sheet-roll-progress-2,
.sheet-rolltemplate-bitd-broadcast .sheet-roll-size-6.sheet-roll-progress-3,
.sheet-rolltemplate-bitd-broadcast .sheet-roll-size-8.sheet-roll-progress-4,
.sheet-rolltemplate-bitd-broadcast .sheet-roll-size-10.sheet-roll-progress-5,
.sheet-rolltemplate-bitd-broadcast .sheet-roll-size-12.sheet-roll-progress-6 {
background-image: linear-gradient(90deg, white 50%, red 50%);
}
.sheet-rolltemplate-bitd-broadcast .sheet-roll-size-4.sheet-roll-progress-3,
.sheet-rolltemplate-bitd-broadcast .sheet-roll-size-8.sheet-roll-progress-6,
.sheet-rolltemplate-bitd-broadcast .sheet-roll-size-12.sheet-roll-progress-9 {
background-image: linear-gradient(180deg, transparent 50%, red 50%), linear-gradient(90deg, white 50%, red 50%);
}
.sheet-rolltemplate-bitd-broadcast .sheet-roll-size-4.sheet-roll-progress-4,
.sheet-rolltemplate-bitd-broadcast .sheet-roll-size-6.sheet-roll-progress-6,
.sheet-rolltemplate-bitd-broadcast .sheet-roll-size-8.sheet-roll-progress-8,
.sheet-rolltemplate-bitd-broadcast .sheet-roll-size-10.sheet-roll-progress-10,
.sheet-rolltemplate-bitd-broadcast .sheet-roll-size-12.sheet-roll-progress-12 {
background: red;
}
.sheet-rolltemplate-bitd-broadcast .sheet-roll-size-6.sheet-roll-progress-1,
.sheet-rolltemplate-bitd-broadcast .sheet-roll-size-12.sheet-roll-progress-2 {
background-image: linear-gradient(90deg, white 50%, transparent 50%), linear-gradient(150deg, red 50%, white 50%);
}
.sheet-rolltemplate-bitd-broadcast .sheet-roll-size-6.sheet-roll-progress-2,
.sheet-rolltemplate-bitd-broadcast .sheet-roll-size-12.sheet-roll-progress-4 {
background-image: linear-gradient(90deg, white 50%, transparent 50%), linear-gradient(210deg, red 50%, white 50%);
}
.sheet-rolltemplate-bitd-broadcast .sheet-roll-size-6.sheet-roll-progress-4,
.sheet-rolltemplate-bitd-broadcast .sheet-roll-size-12.sheet-roll-progress-8 {
background-image: linear-gradient(150deg, transparent 50%, red 50%), linear-gradient(90deg, white 50%, red 50%);
}
.sheet-rolltemplate-bitd-broadcast .sheet-roll-size-6.sheet-roll-progress-5,
.sheet-rolltemplate-bitd-broadcast .sheet-roll-size-12.sheet-roll-progress-10 {
background-image: linear-gradient(210deg, transparent 50%, red 50%), linear-gradient(90deg, white 50%, red 50%);
}
.sheet-rolltemplate-bitd-broadcast .sheet-roll-size-8.sheet-roll-progress-1 {
background-image: linear-gradient(90deg, white 50%, transparent 50%), linear-gradient(135deg, red 50%, white 50%);
}
.sheet-rolltemplate-bitd-broadcast .sheet-roll-size-8.sheet-roll-progress-3 {
background-image: linear-gradient(90deg, white 50%, transparent 50%), linear-gradient(225deg, red 50%, white 50%);
}
.sheet-rolltemplate-bitd-broadcast .sheet-roll-size-8.sheet-roll-progress-5 {
background-image: linear-gradient(135deg, transparent 50%, red 50%), linear-gradient(90deg, white 50%, red 50%);
}
.sheet-rolltemplate-bitd-broadcast .sheet-roll-size-8.sheet-roll-progress-7 {
background-image: linear-gradient(225deg, transparent 50%, red 50%), linear-gradient(90deg, white 50%, red 50%);
}
.sheet-rolltemplate-bitd-broadcast .sheet-roll-size-10.sheet-roll-progress-1 {
background-image: linear-gradient(90deg, white 50%, transparent 50%), linear-gradient(126deg, red 50%, white 50%);
}
.sheet-rolltemplate-bitd-broadcast .sheet-roll-size-10.sheet-roll-progress-2 {
background-image: linear-gradient(90deg, white 50%, transparent 50%), linear-gradient(162deg, red 50%, white 50%);
}
.sheet-rolltemplate-bitd-broadcast .sheet-roll-size-10.sheet-roll-progress-3 {
background-image: linear-gradient(90deg, white 50%, transparent 50%), linear-gradient(198deg, red 50%, white 50%);
}
.sheet-rolltemplate-bitd-broadcast .sheet-roll-size-10.sheet-roll-progress-4 {
background-image: linear-gradient(90deg, white 50%, transparent 50%), linear-gradient(234deg, red 50%, white 50%);
}
.sheet-rolltemplate-bitd-broadcast .sheet-roll-size-10.sheet-roll-progress-6 {
background-image: linear-gradient(126deg, transparent 50%, red 50%), linear-gradient(90deg, white 50%, red 50%);
}
.sheet-rolltemplate-bitd-broadcast .sheet-roll-size-10.sheet-roll-progress-7 {
background-image: linear-gradient(162deg, transparent 50%, red 50%), linear-gradient(90deg, white 50%, red 50%);
}
.sheet-rolltemplate-bitd-broadcast .sheet-roll-size-10.sheet-roll-progress-8 {
background-image: linear-gradient(198deg, transparent 50%, red 50%), linear-gradient(90deg, white 50%, red 50%);
}
.sheet-rolltemplate-bitd-broadcast .sheet-roll-size-10.sheet-roll-progress-9 {
background-image: linear-gradient(234deg, transparent 50%, red 50%), linear-gradient(90deg, white 50%, red 50%);
}
.sheet-rolltemplate-bitd-broadcast .sheet-roll-size-12.sheet-roll-progress-1 {
background-image: linear-gradient(90deg, white 50%, transparent 50%), linear-gradient(120deg, red 50%, white 50%);
}
.sheet-rolltemplate-bitd-broadcast .sheet-roll-size-12.sheet-roll-progress-5 {
background-image: linear-gradient(90deg, white 50%, transparent 50%), linear-gradient(240deg, red 50%, white 50%);
}
.sheet-rolltemplate-bitd-broadcast .sheet-roll-size-12.sheet-roll-progress-7 {
background-image: linear-gradient(120deg, transparent 50%, red 50%), linear-gradient(90deg, white 50%, red 50%);
}
.sheet-rolltemplate-bitd-broadcast .sheet-roll-size-12.sheet-roll-progress-11 {
background-image: linear-gradient(240deg, transparent 50%, red 50%), linear-gradient(90deg, white 50%, red 50%);
}
+459
View File
@@ -0,0 +1,459 @@
/* ROLL TEMPLATES */
/* Container */
.sheet-rolltemplate-bitd {
.sheet-roll-holder {
margin-left: -45px;
margin-right: -1px;
padding: 0 30px;
box-sizing: border-box;
font-family: Georgia, "Bitstream Charter", "Times New Roman", serif;
width: 299px;
user-select: none;
cursor: default;
overflow: hidden;
font-variant-numeric: lining-nums;
}
.sheet-roll-holder.sheet-roll-resist.sheet-roll-short,
.sheet-roll-holder.sheet-roll-vice.sheet-roll-short {
height: 171px;
}
.sheet-roll-holder.sheet-roll-action.sheet-roll-short {
height: 195px;
}
.sheet-roll-holder.sheet-roll-fortune.sheet-roll-short {
min-height: 199px;
}
.sheet-roll-action,
.sheet-roll-resist,
.sheet-roll-vice {
height: 258px;
}
.sheet-roll-fortune {
background-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Blades%20in%20the%20Dark/Assets/rolltemplate/rolltemplate-fortune.jpg');
background-position: bottom right;
background-repeat: no-repeat;
background-color: #fff;
height: auto;
min-height: 250px;
}
/* Background images */
.sheet-roll-action {
background-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Blades%20in%20the%20Dark/Assets/rolltemplate/rolltemplate-action.gif');
}
.sheet-roll-resist {
background-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Blades%20in%20the%20Dark/Assets/rolltemplate/rolltemplate-resist.jpg');
}
.sheet-roll-vice {
background-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Blades%20in%20the%20Dark/Assets/rolltemplate/rolltemplate-vice.jpg');
}
/* Images */
img {
display: block;
height: 100%;
}
/* Header */
.sheet-roll-header {
display: -webkit-box;
margin: 16px 0 0;
font-size: 15px;
height: 35px;
line-height: 17.5px;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
font-variant: small-caps;
text-overflow: ellipsis;
}
.sheet-roll-resist .sheet-roll-header {
color: #8da8bb;
}
.sheet-roll-vice .sheet-roll-header {
color: #fff;
}
.sheet-roll-fortune .sheet-roll-header {
color: #303032;
}
.sheet-roll-action .sheet-roll-header {
color: #e74a10;
}
> .sheet-roll-action .sheet-roll-header,
> .sheet-roll-fortune .sheet-roll-header {
letter-spacing: 1px;
font-weight: 800;
}
.sheet-roll-holder.sheet-roll-fortune.sheet-roll-short .sheet-roll-header {
margin-bottom: -51px;
}
/* Title */
.sheet-roll-title {
color: #fff;
text-transform: uppercase;
font-weight: bold;
}
.sheet-roll-action .sheet-roll-title,
.sheet-roll-fortune .sheet-roll-title {
margin: 22px 0 0;
font-size: 36px;
line-height: 31px;
height: 31px;
}
.sheet-roll-vice .sheet-roll-title,
.sheet-roll-resist .sheet-roll-title {
margin: 11px 0 0;
font-size: 24px;
line-height: 24px;
height: 24px;
}
.sheet-roll-fortune .sheet-roll-title {
color: #000;
}
.sheet-roll-small-title {
font-size: 28px;
}
/* Position and Effect */
.sheet-roll-position,
.sheet-roll-effect {
display: inline-block;
box-sizing: border-box;
width: 50%;
color: #fff;
text-transform: uppercase;
font-size: 12px;
letter-spacing: 1px;
padding: 20px 0 0;
}
.sheet-roll-effect {
padding-left: 14px;
}
/* Dice */
.sheet-roll-dice {
height: 27px;
font-size: 19px;
line-height: 20px;
color: #fff;
}
.sheet-roll-action .sheet-roll-dice {
margin: 47px 0 19px;
}
.sheet-roll-resist .sheet-roll-dice,
.sheet-roll-vice .sheet-roll-dice {
margin: 35px 0 23px;
}
.sheet-roll-fortune .sheet-roll-dice {
margin: 15px 0 10px;
color: #303032;
}
/* Zerodice dice holder */
.sheet-roll-action .sheet-zerodice1 {
text-shadow: 0px 0px 6px rgb(255, 158, 0);
color: #fff;
}
.sheet-roll-fortune .sheet-zerodice1 {
text-shadow: 0px 0px 6px rgb(136, 219, 215);
color: #1e1e1e;
}
.sheet-roll-vice .sheet-zerodice1,
.sheet-roll-resist .sheet-zerodice1 {
text-shadow: 0px 0px 6px rgb(9, 199, 208);
color: #fff;
}
/* Zerodice text */
.sheet-zerodice2 {
line-height: 1;
font-size: 12.5px;
margin-top: 7px;
font-style: italic;
}
.sheet-roll-vice .sheet-zerodice2,
.sheet-roll-resist .sheet-zerodice2 {
text-shadow: 0px 0px 6px rgb(9, 199, 208);
color: #d8e4ef;
}
.sheet-roll-action .sheet-zerodice2 {
text-shadow: 0px 0px 6px rgb(255, 158, 0);
color: #ffd8ca;
}
.sheet-roll-fortune .sheet-zerodice2 {
width: 60%;
text-shadow: 0px 0px 6px rgb(136, 219, 215);
color: #1e1e1e;
}
/* Inlinerolls */
.inlinerollresult {
border: none !important;
background-color: transparent;
font-weight: normal;
padding: 0 3px 0 0;
}
.sheet-comma:last-child {
display: none;
}
/* Instructions and Notes */
.sheet-roll-instructions {
padding: 15px 0 0;
line-height: 1.3;
}
.sheet-roll-resist .sheet-roll-instructions {
color: #d3dde4;
font-size: 13px;
}
.sheet-roll-vice .sheet-roll-instructions {
color: #c9c9c9;
font-size: 11px;
}
.sheet-roll-notes {
width: 56%;
line-height: 1.2;
font-size: 13px;
padding: 20px 0;
color: #1e1e1e;
}
}
/* BROADCAST TEMPLATE */
.sheet-rolltemplate-bitd-broadcast {
margin: 0 -1px 0 -45px;
padding: 16px 20px 15px;
overflow: hidden;
box-sizing: border-box;
font-family: Georgia, "Bitstream Charter", "Times New Roman", serif;
width: 299px;
background-color: #180d06;
.sheet-roll-header {
color: #e74a10;
font-size: 15px;
line-height: 19px;
font-variant: small-caps;
letter-spacing: 1px;
font-weight: 800;
}
.sheet-roll-flex {
display: flex;
align-items: center;
margin: 5px 0 0;
}
.sheet-roll-flex .sheet-roll-title {
margin: 0;
font-size: 20px;
line-height: 1.2;
}
.sheet-roll-title {
margin: 9px 0 0;
color: #fff;
text-transform: uppercase;
font-weight: bold;
font-size: 23px;
line-height: 29px;
}
.sheet-roll-content {
padding: 15px 0 5px;
line-height: 1.3;
font-size: 13px;
color: #ccc;
}
img {
margin: 9px 0 0;
display: block;
height: 31px;
}
.sheet-roll-harm {
color: #fff;
width: 100%;
margin: 15px 0 0;
border: 1px solid #fff;
}
.sheet-roll-harm td {
text-align: center;
padding: 5px;
border: 1px solid #fff;
}
.sheet-roll-harm td:first-child {
width: 10px;
}
.sheet-roll-harm td:nth-child(2n+1) {
font-weight: bold;
}
.sheet-roll-harm td:nth-child(2) {
padding: 5px 0;
}
.sheet-roll-harm td:last-child {
width: 60px;
letter-spacing: 0.5px;
text-transform: uppercase;
}
.sheet-roll-harm-inner {
color: #e74a10;
padding: 0 5px;
}
.sheet-roll-harm-inner:first-child:not(:last-child) {
padding-bottom: 2.5px;
border-bottom: 1px solid #fff;
}
.sheet-roll-harm-inner:last-child:not(:first-child) {
padding-top: 2.5px;
}
.sheet-roll-clock {
width: 88px;
flex: 0 0 auto;
box-sizing: border-box;
position: relative;
background: white;
height: 88px;
border: 4px solid black;
border-radius: 50%;
margin-right: 4px;
}
.sheet-roll-spoke {
height: 88px;
width: 4px;
position: absolute;
background: black;
}
.sheet-roll-spoke:not(.sheet-roll-spoke-0) {
display: none;
}
.sheet-roll-size-4 .sheet-roll-spoke-90,
.sheet-roll-size-6 .sheet-roll-spoke-60,
.sheet-roll-size-6 .sheet-roll-spoke-120,
.sheet-roll-size-8 .sheet-roll-spoke-45,
.sheet-roll-size-8 .sheet-roll-spoke-90,
.sheet-roll-size-8 .sheet-roll-spoke-135,
.sheet-roll-size-10 .sheet-roll-spoke-36,
.sheet-roll-size-10 .sheet-roll-spoke-72,
.sheet-roll-size-10 .sheet-roll-spoke-108,
.sheet-roll-size-10 .sheet-roll-spoke-144,
.sheet-roll-size-12 .sheet-roll-spoke-30,
.sheet-roll-size-12 .sheet-roll-spoke-60,
.sheet-roll-size-12 .sheet-roll-spoke-90,
.sheet-roll-size-12 .sheet-roll-spoke-120,
.sheet-roll-size-12 .sheet-roll-spoke-150 {
display: block;
}
.sheet-roll-spoke-0 {
transform: translate(39px, -4px);
}
.sheet-roll-spoke-30 {
transform: translate(39px, -4px) rotate(30deg);
}
.sheet-roll-spoke-36 {
transform: translate(39px, -4px) rotate(36deg);
}
.sheet-roll-spoke-45 {
transform: translate(39px, -4px) rotate(45deg);
}
.sheet-roll-spoke-60 {
transform: translate(39px, -4px) rotate(60deg);
}
.sheet-roll-spoke-72 {
transform: translate(39px, -4px) rotate(72deg);
}
.sheet-roll-spoke-90 {
transform: translate(39px, -4px) rotate(90deg);
}
.sheet-roll-spoke-108 {
transform: translate(39px, -4px) rotate(108deg);
}
.sheet-roll-spoke-120 {
transform: translate(39px, -4px) rotate(120deg);
}
.sheet-roll-spoke-135 {
transform: translate(39px, -4px) rotate(135deg);
}
.sheet-roll-spoke-144 {
transform: translate(39px, -4px) rotate(144deg);
}
.sheet-roll-spoke-150 {
transform: translate(39px, -4px) rotate(150deg);
}
.sheet-roll-size-4.sheet-roll-progress-1,
.sheet-roll-size-8.sheet-roll-progress-2,
.sheet-roll-size-12.sheet-roll-progress-3 {
background-image: linear-gradient(180deg, transparent 50%, white 50%), linear-gradient(90deg, white 50%, red 50%);
}
.sheet-roll-size-4.sheet-roll-progress-2,
.sheet-roll-size-6.sheet-roll-progress-3,
.sheet-roll-size-8.sheet-roll-progress-4,
.sheet-roll-size-10.sheet-roll-progress-5,
.sheet-roll-size-12.sheet-roll-progress-6 {
background-image: linear-gradient(90deg, white 50%, red 50%);
}
.sheet-roll-size-4.sheet-roll-progress-3,
.sheet-roll-size-8.sheet-roll-progress-6,
.sheet-roll-size-12.sheet-roll-progress-9 {
background-image: linear-gradient(180deg, transparent 50%, red 50%), linear-gradient(90deg, white 50%, red 50%);
}
.sheet-roll-size-4.sheet-roll-progress-4,
.sheet-roll-size-6.sheet-roll-progress-6,
.sheet-roll-size-8.sheet-roll-progress-8,
.sheet-roll-size-10.sheet-roll-progress-10,
.sheet-roll-size-12.sheet-roll-progress-12 {
background: red;
}
.sheet-roll-size-6.sheet-roll-progress-1,
.sheet-roll-size-12.sheet-roll-progress-2 {
background-image: linear-gradient(90deg, white 50%, transparent 50%), linear-gradient(150deg, red 50%, white 50%);
}
.sheet-roll-size-6.sheet-roll-progress-2,
.sheet-roll-size-12.sheet-roll-progress-4 {
background-image: linear-gradient(90deg, white 50%, transparent 50%), linear-gradient(210deg, red 50%, white 50%);
}
.sheet-roll-size-6.sheet-roll-progress-4,
.sheet-roll-size-12.sheet-roll-progress-8 {
background-image: linear-gradient(150deg, transparent 50%, red 50%), linear-gradient(90deg, white 50%, red 50%);
}
.sheet-roll-size-6.sheet-roll-progress-5,
.sheet-roll-size-12.sheet-roll-progress-10 {
background-image: linear-gradient(210deg, transparent 50%, red 50%), linear-gradient(90deg, white 50%, red 50%);
}
.sheet-roll-size-8.sheet-roll-progress-1 {
background-image: linear-gradient(90deg, white 50%, transparent 50%), linear-gradient(135deg, red 50%, white 50%);
}
.sheet-roll-size-8.sheet-roll-progress-3 {
background-image: linear-gradient(90deg, white 50%, transparent 50%), linear-gradient(225deg, red 50%, white 50%);
}
.sheet-roll-size-8.sheet-roll-progress-5 {
background-image: linear-gradient(135deg, transparent 50%, red 50%), linear-gradient(90deg, white 50%, red 50%);
}
.sheet-roll-size-8.sheet-roll-progress-7 {
background-image: linear-gradient(225deg, transparent 50%, red 50%), linear-gradient(90deg, white 50%, red 50%);
}
.sheet-roll-size-10.sheet-roll-progress-1 {
background-image: linear-gradient(90deg, white 50%, transparent 50%), linear-gradient(126deg, red 50%, white 50%);
}
.sheet-roll-size-10.sheet-roll-progress-2 {
background-image: linear-gradient(90deg, white 50%, transparent 50%), linear-gradient(162deg, red 50%, white 50%);
}
.sheet-roll-size-10.sheet-roll-progress-3 {
background-image: linear-gradient(90deg, white 50%, transparent 50%), linear-gradient(198deg, red 50%, white 50%);
}
.sheet-roll-size-10.sheet-roll-progress-4 {
background-image: linear-gradient(90deg, white 50%, transparent 50%), linear-gradient(234deg, red 50%, white 50%);
}
.sheet-roll-size-10.sheet-roll-progress-6 {
background-image: linear-gradient(126deg, transparent 50%, red 50%), linear-gradient(90deg, white 50%, red 50%);
}
.sheet-roll-size-10.sheet-roll-progress-7 {
background-image: linear-gradient(162deg, transparent 50%, red 50%), linear-gradient(90deg, white 50%, red 50%);
}
.sheet-roll-size-10.sheet-roll-progress-8 {
background-image: linear-gradient(198deg, transparent 50%, red 50%), linear-gradient(90deg, white 50%, red 50%);
}
.sheet-roll-size-10.sheet-roll-progress-9 {
background-image: linear-gradient(234deg, transparent 50%, red 50%), linear-gradient(90deg, white 50%, red 50%);
}
.sheet-roll-size-12.sheet-roll-progress-1 {
background-image: linear-gradient(90deg, white 50%, transparent 50%), linear-gradient(120deg, red 50%, white 50%);
}
.sheet-roll-size-12.sheet-roll-progress-5 {
background-image: linear-gradient(90deg, white 50%, transparent 50%), linear-gradient(240deg, red 50%, white 50%);
}
.sheet-roll-size-12.sheet-roll-progress-7 {
background-image: linear-gradient(120deg, transparent 50%, red 50%), linear-gradient(90deg, white 50%, red 50%);
}
.sheet-roll-size-12.sheet-roll-progress-11 {
background-image: linear-gradient(240deg, transparent 50%, red 50%), linear-gradient(90deg, white 50%, red 50%);
}
}
@@ -2464,23 +2464,84 @@ button[type=roll].sheet-broadcast-button {
top: 1px;
}
/*
.sheet-alchemicals.sheet-white-repcontrol button.repcontrol_edit,
.sheet-alchemicals.sheet-white-repcontrol button.repcontrol_add {
font-size: 0;
font-family: pictos;
padding: 4px 4px 0;
line-height: 8px;
/* Kirsty */
.sheet-use-kirsty:checked ~ .sheet-container {
.sheet-specialheader,
.sheet-blackheader,
.sheet-greyheader,
.sheet-black-on-grey,
.sheet-playbook input[type="text"],
.sheet-plainheader:not(.sheet-hunting-grounds),
.sheet-itemheader :first-child,
.sheet-loadheader :first-child,
.sheet-attribute-title button[type=roll].sheet-rollbutton,
.sheet-bonusdie > .sheet-label:first-child,
.sheet-cohort-title,
.sheet-claimbox .sheet-label,
.sheet-crewheader,
.sheet-factiontitle input[type="text"],
.sheet-factions-header input[type="text"] {
font-family: Kirsty, serif;
}
.sheet-playbook input[type="text"] {
font-size: 40px;
}
.sheet-factiontitle input[type="text"] {
font-size: 32px;
}
.sheet-factions-header input[type="text"] {
font-size: 14px;
font-weight: 400;
}
.sheet-crewheader {
font-size: 29px;
letter-spacing: 0;
}
.sheet-attribute-title button[type=roll].sheet-rollbutton {
font-size: 15px;
font-weight: 400;
}
.sheet-blackheader, .sheet-greyheader, .sheet-black-on-grey {
.sheet-label, button[type="roll"].sheet-label {
font-size: 1.1em;
font-weight: 400;
}
}
.sheet-specialheader {
font-size: 12px;
font-weight: 400;
}
.sheet-plainheader:not(.sheet-hunting-grounds) {
font-size: 13px;
font-weight: 400;
}
.sheet-itemheader :first-child, .sheet-loadheader :first-child {
font-size: 1.2em;
font-weight: 400;
}
.sheet-bonusdie > .sheet-label:first-child {
font-size: 14px;
font-weight: 400;
}
.sheet-cohort-title {
font-size: 13px;
font-weight: 400;
}
.sheet-claimbox .sheet-label {
font-size: 10px;
font-weight: 400;
}
}
.sheet-alchemicals button.repcontrol_edit::before {
font-size: 11px;
content: "(";
}
.sheet-alchemicals .repcontainer.editmode + .repcontrol button.repcontrol_edit::before {
content: ")";
}
.sheet-alchemicals button.repcontrol_add::before {
font-size: 11px;
content: "&";
}
*/
+1 -1
View File
@@ -1,6 +1,6 @@
"use strict";
/* DATA */
const sheetVersion = "2.4",
const sheetVersion = "2.5",
crewData = {
assassins: {
base: {
+8
View File
@@ -33,6 +33,7 @@
</div>
<input type="checkbox" name="attr_setting_focus_shadow" class="sheet-hidden sheet-focus-shadow" value="1" checked>
<input type="checkbox" name="attr_setting_show_broadcast" class="sheet-hidden sheet-input-show-broadcast" value="1" checked>
<input type="checkbox" name="attr_setting_usekirsty" class="sheet-hidden sheet-use-kirsty" value="1">
<input type="checkbox" name="attr_setting_flexwidth" class="sheet-hidden" value="1">
<div class="sheet-container">
<!--Title & Version-->
@@ -339,6 +340,13 @@
<span data-i18n="fill_fields">Fill in sheet fields automatically upon entering or changing playbook or crew type</span>
</label>
</div>
<div class="sheet-setting-char sheet-setting-crew sheet-setting-faction">
<label>
<input type="checkbox" name="attr_setting_usekirsty" class="sheet-checkbox sheet-squarebox" value="1">
<span></span>
<span data-i18n="use_kirsty">Use Kirsty font if installed (only check if you have Kirsty)</span>
</label>
</div>
<div class="sheet-setting-faction">
<label>
<input type="checkbox" name="attr_setting_clocks_only" class="sheet-checkbox sheet-squarebox" value="1">
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
+1
View File
@@ -1014,6 +1014,7 @@
"upgrade_weapons_description": "+1 quality for Weapons.",
"upgrade_workshop_description": "Your lair has a workshop appointed with tools for tinkering and alchemy, as well as a small library of books, documents, and maps. You may accomplish long-term projects with these assets without leaving your lair.",
"upon_crew_advance": "Upon crew advance, each PC gets +2 Stash (+1 per Tier)",
"use_kirsty": "Use Kirsty font if installed (only check if you have Kirsty)",
"vampire": "Vampire",
"vampire_viceblurb": "Your <span class=\"sheet-smallcaps\">vice</span> is life essence, consumed from a living human. Use 1 downtime activity to <strong>hunt</strong> prey and indulge your <strong>vice</strong>. Also, when you feed, erase all level 1 harm and mark 4 ticks on your healing clock. This is is the only way you can heal. How do you feed? What telltale sign do you leave on your victims?",
"vault": "Vault",