diff --git a/Blades in the Dark/README.md b/Blades in the Dark/README.md index 1374979df4..686326d104 100644 --- a/Blades in the Dark/README.md +++ b/Blades in the Dark/README.md @@ -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 diff --git a/Blades in the Dark/Source/rolltemplate.css b/Blades in the Dark/Source/rolltemplate.css deleted file mode 100644 index 177b562989..0000000000 --- a/Blades in the Dark/Source/rolltemplate.css +++ /dev/null @@ -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%); -} diff --git a/Blades in the Dark/Source/rolltemplate.scss b/Blades in the Dark/Source/rolltemplate.scss new file mode 100644 index 0000000000..2402875272 --- /dev/null +++ b/Blades in the Dark/Source/rolltemplate.scss @@ -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%); + } +} diff --git a/Blades in the Dark/Source/sheet.css b/Blades in the Dark/Source/sheet.scss similarity index 97% rename from Blades in the Dark/Source/sheet.css rename to Blades in the Dark/Source/sheet.scss index f72136397b..870b2c89bf 100644 --- a/Blades in the Dark/Source/sheet.css +++ b/Blades in the Dark/Source/sheet.scss @@ -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: "&"; -} -*/ diff --git a/Blades in the Dark/Source/sheetworkers.js b/Blades in the Dark/Source/sheetworkers.js index 0fa4f28ebe..77ad8f6d2b 100644 --- a/Blades in the Dark/Source/sheetworkers.js +++ b/Blades in the Dark/Source/sheetworkers.js @@ -1,6 +1,6 @@ "use strict"; /* DATA */ -const sheetVersion = "2.4", +const sheetVersion = "2.5", crewData = { assassins: { base: { diff --git a/Blades in the Dark/Source/title.html b/Blades in the Dark/Source/title.html index feb8f8d1b6..f077781baf 100644 --- a/Blades in the Dark/Source/title.html +++ b/Blades in the Dark/Source/title.html @@ -33,6 +33,7 @@ +
@@ -339,6 +340,13 @@ Fill in sheet fields automatically upon entering or changing playbook or crew type
+
+ +