diff --git a/module/blades-actor-sheet.js b/module/blades-actor-sheet.js index 45a6c64..f2837e6 100644 --- a/module/blades-actor-sheet.js +++ b/module/blades-actor-sheet.js @@ -11,7 +11,7 @@ export class BladesActorSheet extends BladesSheet { /** @override */ static get defaultOptions() { return foundry.utils.mergeObject(super.defaultOptions, { - classes: ["blades-in-the-dark", "sheet", "actor"], + classes: ["blades-in-the-dark", "sheet", "actor", "pc"], template: "systems/blades-in-the-dark/templates/actor-sheet.html", width: 700, height: 970, diff --git a/module/blades-clock-sheet.js b/module/blades-clock-sheet.js index 8548b3c..6c8e2f1 100644 --- a/module/blades-clock-sheet.js +++ b/module/blades-clock-sheet.js @@ -10,7 +10,7 @@ export class BladesClockSheet extends BladesSheet { /** @override */ static get defaultOptions() { return foundry.utils.mergeObject(super.defaultOptions, { - classes: ["blades-in-the-dark", "sheet", "actor"], + classes: ["blades-in-the-dark", "sheet", "actor", "clock"], template: "systems/blades-in-the-dark/templates/actors/clock-sheet.html", width: 700, height: 970, diff --git a/module/blades-crew-sheet.js b/module/blades-crew-sheet.js index 7a1b03c..b1859d3 100644 --- a/module/blades-crew-sheet.js +++ b/module/blades-crew-sheet.js @@ -9,7 +9,7 @@ export class BladesCrewSheet extends BladesSheet { /** @override */ static get defaultOptions() { return foundry.utils.mergeObject(super.defaultOptions, { - classes: ["blades-in-the-dark", "sheet", "actor"], + classes: ["blades-in-the-dark", "sheet", "actor", "crew"], template: "systems/blades-in-the-dark/templates/crew-sheet.html", width: 940, height: 1020, diff --git a/module/blades-faction-sheet.js b/module/blades-faction-sheet.js index 9667067..e1de59c 100644 --- a/module/blades-faction-sheet.js +++ b/module/blades-faction-sheet.js @@ -9,7 +9,7 @@ export class BladesFactionSheet extends BladesSheet { /** @override */ static get defaultOptions() { return foundry.utils.mergeObject(super.defaultOptions, { - classes: ["blades-in-the-dark", "sheet", "actor"], + classes: ["blades-in-the-dark", "sheet", "item", "faction"], template: "systems/blades-in-the-dark/templates/faction-sheet.html", width: 900, height: 'auto', diff --git a/module/blades-sheet.js b/module/blades-sheet.js index 2a3b45a..208d4bf 100644 --- a/module/blades-sheet.js +++ b/module/blades-sheet.js @@ -35,7 +35,7 @@ export class BladesSheet extends ActorSheet { let items = await BladesHelpers.getAllItemsByType(item_type, game); - let html = `
`; + let html = `
`; items.forEach(e => { let addition_price_load = ``; @@ -65,7 +65,7 @@ export class BladesSheet extends ActorSheet { one: { icon: '', label: game.i18n.localize('Add'), - callback: async () => await this.addItemsToSheet(item_type, $(document).find('#items-to-add')) + callback: async (html) => await this.addItemsToSheet(item_type, $(html).find('.items-to-add')) }, two: { icon: '', diff --git a/module/blades.js b/module/blades.js index e6a099f..4c54b61 100644 --- a/module/blades.js +++ b/module/blades.js @@ -139,12 +139,12 @@ Hooks.once("init", async function() { return html; }); - Handlebars.registerHelper('crew_experience', (options) => { + Handlebars.registerHelper('crew_experience', (actor, options) => { let html = options.fn(this); for (let i = 1; i <= 10; i++) { - html += ''; + html += ``; } return html; diff --git a/packs/entanglements-journals.db b/packs/entanglements-journals.db index b613871..7bccd05 100644 --- a/packs/entanglements-journals.db +++ b/packs/entanglements-journals.db @@ -8,6 +8,5 @@ {"name":"Flipped","content":"

One of the PCs’ rivals arranges for one of your contacts, patrons, clients, or a group of your customers to switch allegiances due to the heat on you. They’re loyal to another faction now.

\n

You hear word on the street that Laroze is working for the Billhooks now. He was seen talking to Flint the other day... that bastard is probably behind it. Remove Laroze as a contact until you can get that sorted out.

","folder":null,"sort":0,"permission":{"default":0,"thWDvNEhl7M3mC2d":3},"flags":{"core":{"sourceId":"JournalEntry.CXvqaOROYyqpWZpK"}},"_id":"NoLY64zJ3lEF5Xia"} {"name":"Unquiet Dead","content":"

A rogue spirit is drawn to you—perhaps it’s a past victim? Acquire the services of a Whisper or Rail Jack to attempt to destroy or banish it, or deal with it yourself.

\n

They can hire an NPC by using the acquire asset downtime activity (see page 153). Roll the NPC’s quality level as a fortune roll to see how well they deal with the spirit.

","folder":null,"sort":0,"permission":{"default":0,"thWDvNEhl7M3mC2d":3},"flags":{"core":{"sourceId":"JournalEntry.K1wg10vMiU0bOSsb"}},"_id":"dR9zBnrjy4AyA9Ru"} {"_id":"pEpm365I7XjEXeci","name":"Gang Trouble","content":"

One of your gangs (or other cohorts) causes trouble due to their flaw(s). You can lose face (forfeit rep equal to your Tier +1), make an example of one of the gang members, or face reprisals from the wronged party.

\n

After the PCs succeed at their assault and wipe out the Red Sashes, their savage gang takes things too far. They start attacking any Iruvians they see in Crow’s Foot, and during one brawl, they horribly maim a citizen. Everyone’s talking about it. Is this how the Bloodletters run their crew? Arcy decides to handle matters by making an example of one of the gang. She takes them back to the tavern where the incident happened, and smashes the offending thug’s face into the bar, giving her a horrific scar.

\n

The GM thinks this treatment warrants a tick on a progress clock they created in an earlier session when Arcy treated the gang roughly. The clock is called “The Gang Fights Back.” It was already at three out of four segments, so now it’s full! Looks like Arcy’s rough treatment of the savage gang is gonna come back to bite her.

","folder":null,"sort":0,"permission":{"default":0,"thWDvNEhl7M3mC2d":3},"flags":{"core":{"sourceId":"JournalEntry.FZyfk6PnXl8pDltO"}}} -{"name":"Reprisals","content":"

An enemy faction makes a move against you (or a friend, contact, or vice purveyor). Pay them (1 rep and 1 coin) per Tier of the enemy as an apology, allow them to mess with you or yours, or fight back and show them who’s boss.

","folder":null,"sort":0,"permission":{"default":0,"thWDvNEhl7M3mC2d":3},"flags":{"core":{"sourceId":"JournalEntry.q0txK7pUnzstXrUy"}},"_id":"wVkkWR1jl10k7aeu"} -{"name":"Questioning","content":"

The Bluecoats grab an NPC member of your crew or one of the crew’s contacts, to question them about your crimes. Who do the Bluecoats think is most vulnerable? Make a fortune roll to see how much they talk (1-3: +2 heat, 4/5: +1 heat), or pay the Bluecoats off with 2 coin.

\n

Roll 2d for a normal person to see how well they keep quiet. If they’re an experienced underworld type or some kind of tough, give them 3d or 4d instead. If they’re soft or if they have some loyalty to the law, give them 1d or 0d.

","folder":null,"sort":0,"permission":{"default":0,"thWDvNEhl7M3mC2d":3},"flags":{"core":{"sourceId":"JournalEntry.XNuIDt1MjPKwISTW"}},"_id":"whBkmsxokUuJ4t9J"} {"_id":"wVkkWR1jl10k7aeu","name":"Reprisals","content":"

An enemy faction makes a move against you (or a friend, contact, or vice purveyor). Pay them (1 rep and 1 coin) per Tier of the enemy as an apology, allow them to mess with you or yours, or fight back and show them who’s boss.

","folder":null,"sort":0,"permission":{"default":0,"thWDvNEhl7M3mC2d":3},"flags":{"core":{"sourceId":"JournalEntry.q0txK7pUnzstXrUy"}}} +{"name":"Questioning","content":"

The Bluecoats grab an NPC member of your crew or one of the crew’s contacts, to question them about your crimes. Who do the Bluecoats think is most vulnerable? Make a fortune roll to see how much they talk (1-3: +2 heat, 4/5: +1 heat), or pay the Bluecoats off with 2 coin.

\n

Roll 2d for a normal person to see how well they keep quiet. If they’re an experienced underworld type or some kind of tough, give them 3d or 4d instead. If they’re soft or if they have some loyalty to the law, give them 1d or 0d.

","folder":null,"sort":0,"permission":{"default":0,"thWDvNEhl7M3mC2d":3},"flags":{"core":{"sourceId":"JournalEntry.XNuIDt1MjPKwISTW"}},"_id":"whBkmsxokUuJ4t9J"} diff --git a/scss/fonts.scss b/scss/fonts.scss new file mode 100644 index 0000000..6b89041 --- /dev/null +++ b/scss/fonts.scss @@ -0,0 +1,71 @@ +//Kirsty +@font-face { + font-family: 'Kirsty'; + src: url('assets/fonts/Kirsty/Kirsty.ttf') format('truetype'); /* Safari, Android, iOS */ + font-weight: normal; + font-style: normal; +} + +@font-face { + font-family: 'Kirsty'; + src: url('assets/fonts/Kirsty/KirstyBold.ttf') format('truetype'); /* Safari, Android, iOS */ + font-weight: bold; + font-style: normal; +} + +@font-face { + font-family: 'Kirsty'; + src: url('assets/fonts/Kirsty/KirstyBoldItalic.ttf') format('truetype'); /* Safari, Android, iOS */ + font-weight: bold; + font-style: italic; +} + +@font-face { + font-family: 'Kirsty'; + src: url('assets/fonts/Kirsty/KirstyItalic.ttf') format('truetype'); /* Safari, Android, iOS */ + font-weight: normal; + font-style: italic; +} + +//Crimson Text +@font-face { + font-family: 'Crimson Text'; + src: url('assets/fonts/CrimsonText/CrimsonText-Regular.ttf') format('truetype'); /* Safari, Android, iOS */ + font-weight: normal; + font-style: normal; +} + +@font-face { + font-family: 'Crimson Text'; + src: url('assets/fonts/CrimsonText/CrimsonText-Bold.ttf') format('truetype'); /* Safari, Android, iOS */ + font-weight: bold; + font-style: normal; +} + +@font-face { + font-family: 'Crimson Text'; + src: url('assets/fonts/CrimsonText/CrimsonText-BoldItalic.ttf') format('truetype'); /* Safari, Android, iOS */ + font-weight: bold; + font-style: italic; +} + +@font-face { + font-family: 'Crimson Text'; + src: url('assets/fonts/CrimsonText/CrimsonText-Italic.ttf') format('truetype'); /* Safari, Android, iOS */ + font-weight: normal; + font-style: italic; +} + +@font-face { + font-family: 'Crimson Text'; + src: url('assets/fonts/CrimsonText/CrimsonText-SemiBold.ttf') format('truetype'); /* Safari, Android, iOS */ + font-weight: 600; + font-style: normal; +} + +@font-face { + font-family: 'Crimson Text'; + src: url('assets/fonts/CrimsonText/CrimsonText-SemiBoldItalic.ttf') format('truetype'); /* Safari, Android, iOS */ + font-weight: 600; + font-style: italic; +} \ No newline at end of file diff --git a/scss/import/character-sheet.scss b/scss/import/character-sheet.scss new file mode 100644 index 0000000..3396d76 --- /dev/null +++ b/scss/import/character-sheet.scss @@ -0,0 +1,276 @@ +// Colors +$lightgray: #CCC; +$gray: #999; +$red: red; +$almost_black: #191813; +$almost_white: #EEEFFF; +$gold: #DAA520; +$green: #008000; +$light_green: #12a012; +$blue: #04578f; + +// Transition period for sheet parts that hint what they can do +$transition-period: 0.2s; +$hover-opacity: 0.9; +$hover-brightness: 0.8; + +// Imports +@import 'mixin.scss'; + +/* + * General Styles + * Cleaned out things that don't appear to apply to the character sheet, and exist in other, separated SCSS files. + * Some things *might* be missing, but at a glance, everything looks to be in order. + */ + +& * { + .name-alias{ + + img.portrait{ + max-width: 200px; + max-height: 200px; + width: auto; + height: auto; + } + } + + .tab[data-tab]{ + display: none; + &.active{ + display: block; + } + } + + form { + &.actor-sheet { + padding: 20px; + } + } + + // Stress and Trauma + + .big-teeth-section { + + border-top: 3px solid $almost_black; + display: flex; + flex-direction: row; + margin-bottom: 0px; + margin-top: 10px; + + > * { + margin-right: 10px; + + &:last-child { + margin-right: 0px; + } + } + + &:last-child { + margin-right: 0px; + } + + // Stress + .big-teeth { + @include toothradio(17px, 50px, "assets/teeth/stresstooth-halfgrey.png", "assets/teeth/stresstooth-red.png"); + } + + /* Trauma */ + .small-teeth-container { + + .small-teeth-wrap { + @include toothradio(17px, 50px, "assets/teeth/shorttooth-grey.png", "assets/teeth/shorttooth-red.png", false); + flex-direction: column; + + .small-teeth { + display: flex; + flex-direction: row; + } + } + } + + .trauma-list { + @include check_underscore(); + justify-content: space-between; + align-items: flex-start; + } + + } + + .character-stress { + label { + &[for$="-0"] { + margin-right: 0px; + } + } + } + + //Abilitiers and loadout + .abilities, .loadout { + .item-name { + width: 100px; + } + .item-body { + width: auto; + } + .item-description { + width: 260px; + } + } + + // Abilities + .abilities { + .label-stripe { + p:first-child { + margin-right: 10px; + } + } + } + + // Loadout + .loadout { + .item-add-popup { + margin-left: 10px; + } + } + + // Experience teeth + .teeth-experience { + @include toothradio(10px, 30px, "assets/teeth/stresstooth-halfgrey.png", "assets/teeth/stresstooth-red.png"); + position: absolute; + top: 0px; + right: 10px; + } + + .harm-armor { + + display: flex; + + // Harm + .character-harm { + + width: 100%; + + table { + width: 100%; + + th { + background-color: $almost_black; + color: $almost_white; + } + + input[type="text"] { + width: 100%; + } + } + } + + // Clock + .character-health-clock { + margin: 0 auto; + @include clock(4, 88); + } + + .character-armor-uses { + + div { + display: flex; + flex-direction: row; + justify-content: space-between; + } + } + } + + + .attributes { + + display: flex; + flex-direction: column; + width: 200px; + + .stripe { + background-color: $almost_black; + color: $almost_white; + font-size: 17px; + padding-left: 5px; + } + + .attribute-label, + .attribute-skill-label { + font-weight: bold; + text-transform: uppercase; + } + .attribute-skill-label { + letter-spacing: 1px; + } + .attributes-exp { + + position: relative; + margin-bottom: 10px; + + .stripe-tooth-body { + @include toothradio(10px, 30px, "assets/teeth/xptooth-white.png", "assets/teeth/xptooth-red.png"); + position: absolute; + top: 0px; + right: 0px; + } + } + + .attributes-container { + display: flex; + margin: 3px 0px; + @include custom_radio(15px, 15px); + + * { + margin-right: 5px; + } + } + } + + // ITEM + .item { + + justify-content: space-between; + + .item-body { + + margin-bottom: 10px; + * { + margin-right: 10px; + } + + .item-description { + font-style: italic; + text-align: justify; + } + } + + div { + flex-grow: 2; + } + .item-control { + flex-grow: 1; + } + .item-body, + .item-class-label { + width: 100px; + } + } + + .item-class-label { + margin-bottom: 10px; + } + + .name, + .lair, + .alias { + margin-bottom: 10px; + } + + @import "coins.scss"; + + + + + + +} diff --git a/scss/import/chat.scss b/scss/import/chat.scss new file mode 100644 index 0000000..e1c9a28 --- /dev/null +++ b/scss/import/chat.scss @@ -0,0 +1,67 @@ +.chat-label { + background-color: $almost_black; + font-family: Kirsty, serif; + color: $almost_white; + font-size: 21px; + text-align: center; + padding: 0px 5px; + height: 30px !important; + text-transform: capitalize; +} +.chat-label-small { + background-color: $gray; + color: $almost_black; + font-size: small; + text-align: center; + padding: 3px 5px; + height: 20px !important; +} + +.label-stripe-chat { + text-transform: uppercase; + background-color: $almost_black; + color: $almost_white; + margin-bottom: 10px; + position: relative; + padding-top: 3px; + display: flex; + font-weight: bold; + margin: 0; +} + +.label-stripe-chat-small { + text-transform: capitalize; + background-color: $gray; + color: $almost_black; + margin-bottom: 10px; + position: relative; + padding-top: 3px; + display: flex; + font-weight: bold; +} + +.blades-die-tooltip { + + .die { + font-weight: bold; + text-transform: capitalize; + font-size: large; + + &.critical-success { + color: $light_green; + } + + &.success { + color: $green; + } + + &.partial-success { + color: $blue; + } + + &.failure { + color: $red; + } + } + +} diff --git a/scss/import/clocks.scss b/scss/import/clocks.scss new file mode 100644 index 0000000..06e8a59 --- /dev/null +++ b/scss/import/clocks.scss @@ -0,0 +1,30 @@ +&{ + min-width: 420px; + min-height: 320px; +} + +.clock-zero-label { + color: $almost_black; +} + +.clocks { + &.clocks-4 { + @include clock(4, 200); + } + &.clocks-6 { + @include clock(6, 200); + } + &.clocks-8 { + @include clock(8, 200); + } +} + +.blades-clock-name-type { + > * { + margin-bottom: 10px; + } + .blades-clock{ + margin: 10px auto; + } +} + diff --git a/scss/import/coins.scss b/scss/import/coins.scss new file mode 100644 index 0000000..f6a5290 --- /dev/null +++ b/scss/import/coins.scss @@ -0,0 +1,27 @@ +$coin_size: 15px; +$coin_margin: 3px; + +.coins { + @include custom_radio_square($coin_size); + flex-wrap: wrap; + + input ~ label { + margin-right: $coin_margin; + margin-bottom: $coin_margin; + + &[for$="0"] { + border-width: 2px; + } + + @include changeable($transition-period, $hover-brightness, $hover-opacity); + } + + &.coins-hands { + width: 36px; + } + + &.coins-stashed { + width: 190px; + } + +} diff --git a/scss/import/crew-sheet.scss b/scss/import/crew-sheet.scss new file mode 100644 index 0000000..508ad8a --- /dev/null +++ b/scss/import/crew-sheet.scss @@ -0,0 +1,298 @@ +$coin_size: 15px; +$coin_margin: 3px; + +@import 'coins.scss'; + +.item { + + justify-content: space-between; + + .item-body { + + margin-bottom: 10px; + * { + margin-right: 10px; + } + + .item-description { + font-style: italic; + text-align: justify; + } + } + + div { + flex-grow: 2; + } + .item-control { + flex-grow: 1; + } + .item-body, + .item-class-label { + width: 100px; + } +} + +.item-class-label { + margin-bottom: 10px; +} + +.name, +.lair, +{ + margin-bottom: 10px; +} + +form { + &.actor-sheet { + padding: 20px; + } +} + +nav{ + padding-bottom: 10px; +} + + +// Crew Coins +.crew-coins { + @include custom_radio_square($coin_size); + flex-wrap: wrap; + max-width: 4 * ($coin_size + $coin_margin); + + label { + margin-right: $coin_margin; + margin-bottom: $coin_margin; + } +} + + +// Reputation +.crew-reputation { + border-top: 3px solid $almost_black; + @include toothradio(17px, 50px, "assets/teeth/stresstooth-halfgrey.png", "assets/teeth/stresstooth-red.png"); + + input[disabled="disabled"] + label { + background-image: url(assets/teeth/stresstooth-black.png); + } +} + +// Turfs. + +.turf-container { + overflow-x: scroll; + overflow-y: clip; +} + +.turf-list { + + display: flex; + flex-direction: column; + width: 855px; + + .turf-row { + display: flex; + flex-direction: row; + flex-wrap: wrap; + + *:first-child { + margin-left: 0px; + } + *:last-child { + margin-right: 0px; + } + } + + &.section-non-editable { + .turf-block { + @include turf_block(130px, 100px); + } + } + + &.section-editable { + .turf-block { + @include turf_block(130px, 125px); + } + } +} + +.crew-hold { + border-top: 3px solid $almost_black; + @include toothradio_single(17px, 50px, "assets/teeth/stresstooth-halfgrey.png", "assets/teeth/stresstooth-red.png"); + width: 221px; +} + +.crew-tier { + + background-color: $gray; + height: 33px; + width: 145px; + display: flex; + align-items: center; + border-top: 3px solid $almost_black; + + @include custom_radio_round(18px, gray, $almost_white, $almost_black); + + > * { + margin-right: 5px; + } + +} + +.heat-wanted { + //justify-content: none; + .small-teeth{ + height: 20px; + label{ + height: 100%; + width: 100%; + cursor: default; + } + } +} + +.experience-clues-container { + width: 340px; + font-size: 12px; + + .experience-clues-description { + font-weight: bold; + } + + .experience-clues { + font-style: italic; + } +} + +// Cohorts styling +.edgeflaw { + + input { + display: none; + + &:checked { + + & + label { + color: $red; + } + + } + } + +} + +.gang-expert-type-selector { + + .gang-type-boxes { + flex-wrap: wrap; + } +} + +.cohorts { + flex-wrap: wrap; + + .cohort-block-wrapper { + width: 400px; + } + .label-stripe { + margin-bottom: 0px; + } + + .cohort-body { + > div { + margin-bottom: 10px; + } + } + + .cohort-block-harm { + + justify-content: space-around; + + input[type="radio"] { + display: none; + + &:checked + label { + color: $almost_white; + font-weight: bold; + background-color: $almost_black; + } + } + + label { + border: 2px solid $almost_black; + border-top: none; + padding: 5px; + } + } +} + +.class-name { + width: 512px; + height: 120px; + display: flex; + align-items: center; + justify-content: space-around; + font-size: 48px; + text-transform: uppercase; + border: 3px solid $almost_black; + + .big-name { + font-weight: bold; + font-family: Kirsty, serif; + } + + .big-description { + font-size: 20px; + font-family: "Crimson Text", serif; + color: $almost_black; + } +} + +.big-teeth-section { + + border-top: 3px solid $almost_black; + display: flex; + flex-direction: row; + margin-bottom: 0px; + + > * { + margin-right: 10px; + + &:last-child { + margin-right: 0px; + } + } + + &:last-child { + margin-right: 0px; + } + + // Stress + .big-teeth { + @include toothradio(17px, 50px, "assets/teeth/stresstooth-halfgrey.png", "assets/teeth/stresstooth-red.png"); + } + + /* Trauma */ + .small-teeth-container { + + .small-teeth-wrap { + @include toothradio(17px, 50px, "assets/teeth/shorttooth-grey.png", "assets/teeth/shorttooth-red.png", false); + flex-direction: column; + + .small-teeth { + display: flex; + flex-direction: row; + } + } + } + + .trauma-list { + @include check_underscore(); + justify-content: space-between; + align-items: flex-start; + } + +} + +header { + margin-bottom: 10px; +} diff --git a/scss/import/dialogs.scss b/scss/import/dialogs.scss new file mode 100644 index 0000000..47bcac2 --- /dev/null +++ b/scss/import/dialogs.scss @@ -0,0 +1,39 @@ +// Add Items modal styling. +.items-to-add { + + display: flex; + flex-direction: column; + flex-wrap: wrap; + justify-content: space-around; + + input[type="radio"], + input[type="checkbox"] { + display: none; + + &:checked + label { + font-weight: bold; + } + } + + //Tooltip. + .tooltip { + + .tooltiptext { + visibility: hidden; + width: 200px; + background-color: $almost_black; + color: $almost_white; + text-align: center; + padding: 5px; + border-radius: 6px; + + // Position + position: absolute; + z-index: 9999; + } + + &:hover .tooltiptext { + visibility: visible; + } + } +} diff --git a/scss/import/general-styles.scss b/scss/import/general-styles.scss new file mode 100644 index 0000000..8f3dd90 --- /dev/null +++ b/scss/import/general-styles.scss @@ -0,0 +1,171 @@ +textarea { + margin-top: 10px; + margin-bottom: 20px; +} + +.debug-toggle{ + opacity: 0.1; + + &.on{ + opacity: 0.75; + } +} + +.rollable-text { + transition: color $transition-period; +} +.rollable-text:hover { + cursor: pointer; + color: $red; +} + +section { + display: flex; + flex-direction: column; + justify-content: space-between; + + > *:not(.label-stripe) { + margin-right: 10px; + + &:last-child { + margin-right: 0px; + } + } + + .grow-one { + flex-grow: 1; + } + + .grow-two { + flex-grow: 2; + } + + &.experience { + margin-bottom: 0px; + justify-content: center; + } +} + +.flex-horizontal { + display: flex; + flex-direction: row; + justify-content: space-between; +} + +.flex-vertical { + display: flex; + flex-direction: column; +} + +.tab[data-tab]{ + display: none; + &.active{ + display: block; + } +} +.black-label { + background-color: $almost_black; + color: $almost_white; + font-size: 21px; + text-align: center; + padding: 0px 5px; + height: 30px !important; + text-transform: capitalize; + font-family: Kirsty, serif; +} + +.gray-label { + background-color: $gray; + color: $almost_black; + font-size: 21px; + text-align: center; + padding: 0px 5px; + height: 30px !important; + text-transform: capitalize; + font-family: Kirsty, serif; +} + + +.label-stripe { + text-transform: uppercase; + background-color: $almost_black; + color: $almost_white; + margin-bottom: 10px; + position: relative; + padding-left: 10px; + padding-right: 10px; + display: flex; + font-weight: bold; +} + +.label-stripe-gray { + text-transform: uppercase; + background-color: $gray; + margin-bottom: 10px; + position: relative; + padding-left: 10px; + padding-right: 10px; + display: flex; + font-weight: bold; +} + +.editor, +.editor-content { + min-height: 150px; +} + +.description { + font-style: italic; +} + +i { + &.nullifier { + @include changeable($transition-period, $hover-brightness, $hover-opacity, $red); + } +} + +.loadout { + select { + appearance: none; + -webkit-appearance: none; + -moz-appearance: none; + box-shadow: none; + border: none; + cursor: pointer; + background: url("data:image/svg+xml;utf8,") no-repeat right; + padding: 0 20px 0 0; + margin: 0.1em -6px 0 0; + background-color: $almost_black; + font-family: Georgia, "Bitstream Charter", "Times New Roman", serif; + font-size: 14px; + font-weight: bold; + text-transform: uppercase; + color: white; + text-align: right; + + option { + color: white; + } + } + + select:hover { + color: red; + } +} + +.abilities, .loadout, .faction-items { + .item-name { + width: 100px; + margin-left: 10px; + } + .item-body { + width: auto; + } + .item-description { + width: 260px; + } +} + +td { + padding: 5px; +} diff --git a/scss/import/item-sheet.scss b/scss/import/item-sheet.scss new file mode 100644 index 0000000..ca28503 --- /dev/null +++ b/scss/import/item-sheet.scss @@ -0,0 +1,33 @@ +// ITEM +.item { + + justify-content: space-between; + + .item-body { + + margin-bottom: 10px; + * { + margin-right: 10px; + } + + .item-description { + font-style: italic; + text-align: justify; + } + } + + div { + flex-grow: 2; + } + .item-control { + flex-grow: 1; + } + .item-body, + .item-class-label { + width: 100px; + } +} + +.item-class-label { + margin-bottom: 10px; +} diff --git a/scss/mixin.scss b/scss/import/mixin.scss similarity index 95% rename from scss/mixin.scss rename to scss/import/mixin.scss index 3f89ec1..19edb87 100644 --- a/scss/mixin.scss +++ b/scss/import/mixin.scss @@ -1,4 +1,6 @@ -/* +@use "sass:math"; + +/* * Elements that can be changed will hint this by dimming and fading a little on hover */ @mixin changeable($transition-period, $hover-brightness, $hover-opacity, $hover-color: null) { @@ -281,7 +283,7 @@ $turf_margin: 20px; - $connector_height: $turf_height/10; + $connector_height: math.div($turf_height, 10); $connector_width: $turf_margin * 2; width: $turf_width; @@ -307,8 +309,8 @@ &.right, &.left { width: $turf_margin * 2; - height: $turf_height/5; - top: $turf_height/2 - $turf_height/10; + height: math.div($turf_height, 5); + top: math.div($turf_height, 2) - math.div($turf_height, 10); } &.left { left: -$turf_margin * 2; @@ -320,8 +322,8 @@ &.top, &.bottom { height: $turf_margin * 2; - width: $turf_height/5; - left: $turf_width/2 - $turf_height/10; + width: math.div($turf_height, 5); + left: math.div($turf_width, 2) - math.div($turf_height, 10); } &.top { top: -$turf_margin * 2; @@ -419,7 +421,7 @@ vertical-align: middle; border: 2px solid $accent_color; - border-radius: $diameter / 2; + border-radius: math.div($diameter, 2); } } diff --git a/scss/import/original-styles.scss b/scss/import/original-styles.scss new file mode 100644 index 0000000..479582d --- /dev/null +++ b/scss/import/original-styles.scss @@ -0,0 +1,154 @@ +/* + * General Styles - Original + */ + + & { + // Stress and Trauma + + + //#character-stress { + // label { + // &[for$="-0"] { + // margin-right: 0px; + // } + // } + //} + + //Abilities and loadout + + // Abilities + //#abilities { + // .label-stripe { + // p:first-child { + // margin-right: 10px; + // } + // } + //} + + // Loadout + //#loadout { + // .item-add-popup { + // margin-left: 10px; + // } + //} + + // Experience teeth + //.teeth-experience { + // @include toothradio(10px, 30px, "assets/teeth/stresstooth-halfgrey.png", "assets/teeth/stresstooth-red.png"); + // position: absolute; + // top: 0px; + // right: 10px; + //} + + //#harm-armor { + // + // display: flex; + // + // // Harm + // #character-harm { + // + // width: 100%; + // + // table { + // width: 100%; + // + // th { + // background-color: $almost_black; + // color: $almost_white; + // } + // + // input[type="text"] { + // width: 100%; + // } + // } + // } + // + // // Clock + // #character-health-clock { + // margin: 0 auto; + // @include clock(4, 88); + // } + // + // #character-armor-uses { + // + // div { + // display: flex; + // flex-direction: row; + // justify-content: space-between; + // } + // } + //} + + + //#attributes { + // + // display: flex; + // flex-direction: column; + // width: 200px; + // + // .stripe { + // background-color: $almost_black; + // color: $almost_white; + // font-size: 17px; + // padding-left: 5px; + // } + // + // .attribute-label, + // .attribute-skill-label { + // font-weight: bold; + // text-transform: uppercase; + // } + // .attribute-skill-label { + // letter-spacing: 1px; + // } + // .attributes-exp { + // + // position: relative; + // margin-bottom: 10px; + // + // .stripe-tooth-body { + // @include toothradio(10px, 30px, "assets/teeth/xptooth-white.png", "assets/teeth/xptooth-red.png"); + // position: absolute; + // top: 0px; + // right: 0px; + // } + // } + // + // .attributes-container { + // display: flex; + // margin: 3px 0px; + // @include custom_radio(15px, 15px); + // + // * { + // margin-right: 5px; + // } + // } + //} + + +//// Tooltip. +//.tooltip { +// +// .tooltiptext { +// visibility: hidden; +// width: 200px; +// background-color: $almost_black; +// color: $almost_white; +// text-align: center; +// padding: 5px; +// border-radius: 6px; +// +// // Position +// position: absolute; +// z-index: 9999; +// } +// +// &:hover .tooltiptext { +// visibility: visible; +// } +//} + + + + + } diff --git a/scss/import/tooltip.scss b/scss/import/tooltip.scss new file mode 100644 index 0000000..41401ba --- /dev/null +++ b/scss/import/tooltip.scss @@ -0,0 +1,12 @@ +.tooltip { + display: none; + position: absolute; + padding: 10px; + color: $almost_white; + background-color: $almost_black; + border: 1px solid #777; + //box-shadow: 0 1px 3px 1px rgba(0,0,0,0.5); + border-radius: 3px; + z-index: 9999999; + max-width: 300px; +} diff --git a/scss/style.scss b/scss/style.scss index b874768..7d32287 100644 --- a/scss/style.scss +++ b/scss/style.scss @@ -1,5 +1,6 @@ // Colors -$lightgray: #CCC; +$lightgray: #bbb; +$darkgray: #666; $gray: #999; $red: red; $almost_black: #191813; @@ -14,736 +15,788 @@ $transition-period: 0.2s; $hover-opacity: 0.9; $hover-brightness: 0.8; -// Imports -@import 'mixin.scss'; -/* - * General Styles - */ -* { - font-family: Georgia, "Bitstream Charter", "Times New Roman", serif; - header { - margin-bottom: 10px; + +// Utility imports +@import 'import/mixin'; +@import 'fonts.scss'; + +//namespacing to avoid conflicts with other modules +.blades-in-the-dark{ + font-family: "Crimson Text", serif; + + @import 'import/general-styles.scss'; + @import 'import/clocks.scss'; + + &.crew.sheet{ + @import 'import/crew-sheet.scss'; } - ul { - list-style: none; + &.actor.pc{ + @import 'import/character-sheet.scss'; } - form { - &.actor-sheet { - padding: 20px; - } + &.actor.clock{ } - textarea { - margin-top: 10px; - margin-bottom: 20px; - } - - td { - padding: 5px; - } - - section { - - display: flex; - flex-direction: column; - justify-content: space-between; - - > *:not(.label-stripe) { - margin-right: 10px; - - &:last-child { - margin-right: 0px; - } - } - - .grow-one { - flex-grow: 1; - } - - .grow-two { - flex-grow: 2; - } - - &.experience { - margin-bottom: 0px; - justify-content: center; - } - } - - nav { - margin-bottom: 10px; - } - - .editor, - .editor-content { - min-height: 150px; - } - - .flex-horizontal { - display: flex; - flex-direction: row; - justify-content: space-between; - } - - .flex-vertical { - display: flex; - flex-direction: column; - } - - .black-label { - background-color: $almost_black; - color: $almost_white; - font-size: 21px; - text-align: center; - padding: 0px 5px; - height: 30px !important; - text-transform: capitalize; - } - - .gray-label { - background-color: $gray; - color: $almost_black; - font-size: 21px; - text-align: center; - padding: 0px 5px; - height: 30px !important; - text-transform: capitalize; - } - - .chat-label { - background-color: $almost_black; - color: $almost_white; - font-size: 21px; - text-align: center; - padding: 0px 5px; - height: 30px !important; - text-transform: capitalize; - } - .chat-label-small { - background-color: $gray; - color: $almost_black; - font-size: small; - text-align: center; - padding: 3px 5px; - height: 20px !important; - } - - .label-stripe { - text-transform: uppercase; - background-color: $almost_black; - color: $almost_white; - margin-bottom: 10px; - position: relative; - padding-left: 10px; - padding-right: 10px; - display: flex; - font-weight: bold; - } - - .label-stripe-gray { - text-transform: uppercase; - background-color: $gray; - margin-bottom: 10px; - position: relative; - padding-left: 10px; - padding-right: 10px; - display: flex; - font-weight: bold; - } - - .label-stripe-chat { - text-transform: uppercase; - background-color: $almost_black; - color: $almost_white; - margin-bottom: 10px; - position: relative; - padding-top: 3px; - display: flex; - font-weight: bold; - margin: 0; - } - - .label-stripe-chat-small { - text-transform: capitalize; - background-color: $gray; - color: $almost_black; - margin-bottom: 10px; - position: relative; - padding-top: 3px; - display: flex; - font-weight: bold; - } - - .description { - font-style: italic; - } - - .rollable-text { - transition: color $transition-period; - } - .rollable-text:hover { - cursor: pointer; - color: $red; - } - - // Stress and Trauma - - .big-teeth-section { - - border-top: 3px solid $almost_black; - display: flex; - flex-direction: row; - margin-bottom: 0px; - margin-top: 10px; - - > * { - margin-right: 10px; - - &:last-child { - margin-right: 0px; - } - } - - &:last-child { - margin-right: 0px; - } - - // Stress - .big-teeth { - @include toothradio(17px, 50px, "assets/teeth/stresstooth-halfgrey.png", "assets/teeth/stresstooth-red.png"); - } - - /* Trauma */ - .small-teeth-container { - - .small-teeth-wrap { - @include toothradio(17px, 50px, "assets/teeth/shorttooth-grey.png", "assets/teeth/shorttooth-red.png", false); - flex-direction: column; - - .small-teeth { - display: flex; - flex-direction: row; - } - } - } - - #trauma-list { - @include check_underscore(); - justify-content: space-between; - align-items: flex-start; - } - - } - - #character-stress { - label { - &[for$="-0"] { - margin-right: 0px; - } - } - } - - //Abilitiers and loadout - #abilities, #loadout { - .item-name { - width: 100px; - } - .item-body { - width: auto; - } - .item-description { - width: 260px; - } - } - - // Abilities - #abilities { - .label-stripe { - p:first-child { - margin-right: 10px; - } - } - } - - // Loadout - #loadout { - .item-add-popup { - margin-left: 10px; - } - } - - // Experience teeth - .teeth-experience { - @include toothradio(10px, 30px, "assets/teeth/stresstooth-halfgrey.png", "assets/teeth/stresstooth-red.png"); - position: absolute; - top: 0px; - right: 10px; - } - - #harm-armor { - - display: flex; - - // Harm - #character-harm { - - width: 100%; - - table { - width: 100%; - - th { - background-color: $almost_black; - color: $almost_white; - } - - input[type="text"] { - width: 100%; - } - } - } - - // Clock - #character-health-clock { - margin: 0 auto; - @include clock(4, 88); - } - - #character-armor-uses { - - div { - display: flex; - flex-direction: row; - justify-content: space-between; - } - } - } - - - #attributes { - - display: flex; - flex-direction: column; - width: 200px; - - .stripe { - background-color: $almost_black; - color: $almost_white; - font-size: 17px; - padding-left: 5px; - } - - .attribute-label, - .attribute-skill-label { - font-weight: bold; - text-transform: uppercase; - } - .attribute-skill-label { - letter-spacing: 1px; - } - .attributes-exp { - - position: relative; - margin-bottom: 10px; - - .stripe-tooth-body { - @include toothradio(10px, 30px, "assets/teeth/xptooth-white.png", "assets/teeth/xptooth-red.png"); - position: absolute; - top: 0px; - right: 0px; - } - } - - .attributes-container { - display: flex; - margin: 3px 0px; - @include custom_radio(15px, 15px); - - * { - margin-right: 5px; - } - } - } - - // ITEM - .item { - - justify-content: space-between; - - .item-body { - - margin-bottom: 10px; - * { - margin-right: 10px; - } - - .item-description { - font-style: italic; - text-align: justify; - } - } - - div { - flex-grow: 2; - } - .item-control { - flex-grow: 1; - } - .item-body, - .item-class-label { - width: 100px; - } - } - - .item-class-label { - margin-bottom: 10px; - } - - #name, - #lair, - #alias { - margin-bottom: 10px; - } - - $coin_size: 15px; - $coin_margin: 3px; - - .coins { - @include custom_radio_square($coin_size); - flex-wrap: wrap; - - input ~ label { - margin-right: $coin_margin; - margin-bottom: $coin_margin; - - &[for$="0"] { - border-width: 2px; - } - - @include changeable($transition-period, $hover-brightness, $hover-opacity); - } - - &.coins-hands { - width: 36px; - } - - &.coins-stashed { - width: 190px; - } - - } - - // Crew Coins - .crew-coins { - @include custom_radio_square($coin_size); - flex-wrap: wrap; - max-width: 4 * ($coin_size + $coin_margin); - - label { - margin-right: $coin_margin; - margin-bottom: $coin_margin; - } - } - - - // Reputation - #crew-reputation { - border-top: 3px solid $almost_black; - @include toothradio(17px, 50px, "assets/teeth/stresstooth-halfgrey.png", "assets/teeth/stresstooth-red.png"); - - input[disabled="disabled"] + label { - background-image: url(assets/teeth/stresstooth-black.png); - } - } - - // Turfs. - - #turf-container { - overflow-x: scroll; - overflow-y: clip; - } - - #turf-list { - - display: flex; - flex-direction: column; - width: 855px; - - .turf-row { - display: flex; - flex-direction: row; - flex-wrap: wrap; - - *:first-child { - margin-left: 0px; - } - *:last-child { - margin-right: 0px; - } - } - - &.section-non-editable { - .turf-block { - @include turf_block(130px, 100px); - } - } - - &.section-editable { - .turf-block { - @include turf_block(130px, 125px); - } - } - } - - #crew-hold { - border-top: 3px solid $almost_black; - @include toothradio_single(17px, 50px, "assets/teeth/stresstooth-halfgrey.png", "assets/teeth/stresstooth-red.png"); - width: 221px; - } - - #crew-tier { - - background-color: $gray; - height: 33px; - width: 145px; - display: flex; - align-items: center; - border-top: 3px solid $almost_black; - - @include custom_radio_round(18px, gray, $almost_white, $almost_black); - - > * { - margin-right: 5px; - } - - } - - #heat-wanted { - justify-content: none; - } - - .experience-clues-container { - width: 340px; - font-size: 12px; - - .experience-clues-description { - font-weight: bold; - } - - .experience-clues { - font-style: italic; - } - } - - .class-name { - width: 512px; - height: 120px; - display: flex; - align-items: center; - justify-content: space-around; - font-size: 48px; - text-transform: uppercase; - border: 3px solid $almost_black; - - .big-name { - font-weight: bold; - } - - .big-description { - font-size: 20px; - color: $almost_black; - } - } - - // Cohorts styling - .edgeflaw { - - input { - display: none; - - &:checked { - - & + label { - color: $red; - } - - } - } - - } - - #gang-expert-type-selector { - - #gang-type-boxes { - flex-wrap: wrap; - } - } - - .cohorts { - flex-wrap: wrap; - - .cohort-block-wrapper { - width: 400px; - } - .label-stripe { - margin-bottom: 0px; - } - - .cohort-body { - > div { - margin-bottom: 10px; - } - } - - .cohort-block-harm { - - justify-content: space-around; - - input[type="radio"] { - display: none; - - &:checked + label { - color: $almost_white; - font-weight: bold; - background-color: $almost_black; - } - } - - label { - border: 2px solid $almost_black; - border-top: none; - padding: 5px; - } - } - } - - // Add Items modal styling. - #items-to-add { - - display: flex; - flex-direction: column; - flex-wrap: wrap; - justify-content: space-around; - - input[type="radio"], - input[type="checkbox"] { - display: none; - - &:checked + label { - font-weight: bold; - } - } - } - - // Tooltip. - .tooltip { - - .tooltiptext { - visibility: hidden; - width: 200px; - background-color: $almost_black; - color: $almost_white; - text-align: center; - padding: 5px; - border-radius: 6px; - - // Position - position: absolute; - z-index: 9999; - } - - &:hover .tooltiptext { - visibility: visible; - } - } - - .blades-die-tooltip { - - .die { - font-weight: bold; - text-transform: capitalize; - font-size: large; - - &.critical-success { - color: $light_green; - } - - &.success { - color: $green; - } - - &.partial-success { - color: $blue; - } - - &.failure { - color: $red; - } - } - - } - - .clock-zero-label { - color: $almost_black; - } - - .clock-block { - .clocks { - &.clocks-4 { - @include clock(4, 200); - } - &.clocks-6 { - @include clock(6, 200); - } - &.clocks-8 { - @include clock(8, 200); - } - } - } - - .clock-block .blades-clock-name-type { - > * { - margin-bottom: 0px; - max-width: 220px; - } - } - - i { - &.nullifier { - @include changeable($transition-period, $hover-brightness, $hover-opacity, $red); - } - } - - #loadout { - select { - appearance: none; - -webkit-appearance: none; - -moz-appearance: none; - box-shadow: none; - border: none; - cursor: pointer; - background: url("data:image/svg+xml;utf8,") no-repeat right; - padding: 0 20px 0 0; - margin: 0.1em -6px 0 0; - background-color: $almost_black; - font-family: Georgia, "Bitstream Charter", "Times New Roman", serif; - font-size: 14px; - font-weight: bold; - text-transform: uppercase; - color: white; - text-align: right; - - option { - color: white; - } - } - - select:hover { - color: red; - } + &.item.sheet{ + @import 'import/item-sheet.scss'; } } + +//top-level styles +@import 'import/chat.scss'; +@import 'import/dialogs.scss'; +//@import 'import/tooltip.scss'; + +// +//// Colors +//$lightgray: #CCC; +//$gray: #999; +//$red: red; +//$almost_black: #191813; +//$almost_white: #EEEFFF; +//$gold: #DAA520; +//$green: #008000; +//$light_green: #12a012; +//$blue: #04578f; +// +//// Transition period for sheet parts that hint what they can do +//$transition-period: 0.2s; +//$hover-opacity: 0.9; +//$hover-brightness: 0.8; +// +//// Imports +//@import 'mixin.scss'; +// +///* +// * General Styles +// */ +//* { +// font-family: Georgia, "Bitstream Charter", "Times New Roman", serif; +// +// header { +// margin-bottom: 10px; +// } +// +// ul { +// list-style: none; +// } +// +// form { +// &.actor-sheet { +// padding: 20px; +// } +// } +// +// textarea { +// margin-top: 10px; +// margin-bottom: 20px; +// } +// +// td { +// padding: 5px; +// } +// +// section { +// +// display: flex; +// flex-direction: column; +// justify-content: space-between; +// +// > *:not(.label-stripe) { +// margin-right: 10px; +// +// &:last-child { +// margin-right: 0px; +// } +// } +// +// .grow-one { +// flex-grow: 1; +// } +// +// .grow-two { +// flex-grow: 2; +// } +// +// &.experience { +// margin-bottom: 0px; +// justify-content: center; +// } +// } +// +// nav { +// margin-bottom: 10px; +// } +// +// .editor, +// .editor-content { +// min-height: 150px; +// } +// +// .flex-horizontal { +// display: flex; +// flex-direction: row; +// justify-content: space-between; +// } +// +// .flex-vertical { +// display: flex; +// flex-direction: column; +// } +// +// .black-label { +// background-color: $almost_black; +// color: $almost_white; +// font-size: 21px; +// text-align: center; +// padding: 0px 5px; +// height: 30px !important; +// text-transform: capitalize; +// } +// +// .gray-label { +// background-color: $gray; +// color: $almost_black; +// font-size: 21px; +// text-align: center; +// padding: 0px 5px; +// height: 30px !important; +// text-transform: capitalize; +// } +// +// .chat-label { +// background-color: $almost_black; +// color: $almost_white; +// font-size: 21px; +// text-align: center; +// padding: 0px 5px; +// height: 30px !important; +// text-transform: capitalize; +// } +// .chat-label-small { +// background-color: $gray; +// color: $almost_black; +// font-size: small; +// text-align: center; +// padding: 3px 5px; +// height: 20px !important; +// } +// +// .label-stripe { +// text-transform: uppercase; +// background-color: $almost_black; +// color: $almost_white; +// margin-bottom: 10px; +// position: relative; +// padding-left: 10px; +// padding-right: 10px; +// display: flex; +// font-weight: bold; +// } +// +// .label-stripe-gray { +// text-transform: uppercase; +// background-color: $gray; +// margin-bottom: 10px; +// position: relative; +// padding-left: 10px; +// padding-right: 10px; +// display: flex; +// font-weight: bold; +// } +// +// .label-stripe-chat { +// text-transform: uppercase; +// background-color: $almost_black; +// color: $almost_white; +// margin-bottom: 10px; +// position: relative; +// padding-top: 3px; +// display: flex; +// font-weight: bold; +// margin: 0; +// } +// +// .label-stripe-chat-small { +// text-transform: capitalize; +// background-color: $gray; +// color: $almost_black; +// margin-bottom: 10px; +// position: relative; +// padding-top: 3px; +// display: flex; +// font-weight: bold; +// } +// +// .description { +// font-style: italic; +// } +// +// .rollable-text { +// transition: color $transition-period; +// } +// .rollable-text:hover { +// cursor: pointer; +// color: $red; +// } +// +// // Stress and Trauma +// +// .big-teeth-section { +// +// border-top: 3px solid $almost_black; +// display: flex; +// flex-direction: row; +// margin-bottom: 0px; +// margin-top: 10px; +// +// > * { +// margin-right: 10px; +// +// &:last-child { +// margin-right: 0px; +// } +// } +// +// &:last-child { +// margin-right: 0px; +// } +// +// // Stress +// .big-teeth { +// @include toothradio(17px, 50px, "assets/teeth/stresstooth-halfgrey.png", "assets/teeth/stresstooth-red.png"); +// } +// +// /* Trauma */ +// .small-teeth-container { +// +// .small-teeth-wrap { +// @include toothradio(17px, 50px, "assets/teeth/shorttooth-grey.png", "assets/teeth/shorttooth-red.png", false); +// flex-direction: column; +// +// .small-teeth { +// display: flex; +// flex-direction: row; +// } +// } +// } +// +// #trauma-list { +// @include check_underscore(); +// justify-content: space-between; +// align-items: flex-start; +// } +// +// } +// +// #character-stress { +// label { +// &[for$="-0"] { +// margin-right: 0px; +// } +// } +// } +// +// //Abilitiers and loadout +// #abilities, #loadout { +// .item-name { +// width: 100px; +// } +// .item-body { +// width: auto; +// } +// .item-description { +// width: 260px; +// } +// } +// +// // Abilities +// #abilities { +// .label-stripe { +// p:first-child { +// margin-right: 10px; +// } +// } +// } +// +// // Loadout +// #loadout { +// .item-add-popup { +// margin-left: 10px; +// } +// } +// +// // Experience teeth +// .teeth-experience { +// @include toothradio(10px, 30px, "assets/teeth/stresstooth-halfgrey.png", "assets/teeth/stresstooth-red.png"); +// position: absolute; +// top: 0px; +// right: 10px; +// } +// +// #harm-armor { +// +// display: flex; +// +// // Harm +// #character-harm { +// +// width: 100%; +// +// table { +// width: 100%; +// +// th { +// background-color: $almost_black; +// color: $almost_white; +// } +// +// input[type="text"] { +// width: 100%; +// } +// } +// } +// +// // Clock +// #character-health-clock { +// margin: 0 auto; +// @include clock(4, 88); +// } +// +// #character-armor-uses { +// +// div { +// display: flex; +// flex-direction: row; +// justify-content: space-between; +// } +// } +// } +// +// +// #attributes { +// +// display: flex; +// flex-direction: column; +// width: 200px; +// +// .stripe { +// background-color: $almost_black; +// color: $almost_white; +// font-size: 17px; +// padding-left: 5px; +// } +// +// .attribute-label, +// .attribute-skill-label { +// font-weight: bold; +// text-transform: uppercase; +// } +// .attribute-skill-label { +// letter-spacing: 1px; +// } +// .attributes-exp { +// +// position: relative; +// margin-bottom: 10px; +// +// .stripe-tooth-body { +// @include toothradio(10px, 30px, "assets/teeth/xptooth-white.png", "assets/teeth/xptooth-red.png"); +// position: absolute; +// top: 0px; +// right: 0px; +// } +// } +// +// .attributes-container { +// display: flex; +// margin: 3px 0px; +// @include custom_radio(15px, 15px); +// +// * { +// margin-right: 5px; +// } +// } +// } +// +// // ITEM +// .item { +// +// justify-content: space-between; +// +// .item-body { +// +// margin-bottom: 10px; +// * { +// margin-right: 10px; +// } +// +// .item-description { +// font-style: italic; +// text-align: justify; +// } +// } +// +// div { +// flex-grow: 2; +// } +// .item-control { +// flex-grow: 1; +// } +// .item-body, +// .item-class-label { +// width: 100px; +// } +// } +// +// .item-class-label { +// margin-bottom: 10px; +// } +// +// #name, +// #lair, +// #alias { +// margin-bottom: 10px; +// } +// +// $coin_size: 15px; +// $coin_margin: 3px; +// +// .coins { +// @include custom_radio_square($coin_size); +// flex-wrap: wrap; +// +// input ~ label { +// margin-right: $coin_margin; +// margin-bottom: $coin_margin; +// +// &[for$="0"] { +// border-width: 2px; +// } +// +// @include changeable($transition-period, $hover-brightness, $hover-opacity); +// } +// +// &.coins-hands { +// width: 36px; +// } +// +// &.coins-stashed { +// width: 190px; +// } +// +// } +// +// // Crew Coins +// .crew-coins { +// @include custom_radio_square($coin_size); +// flex-wrap: wrap; +// max-width: 4 * ($coin_size + $coin_margin); +// +// label { +// margin-right: $coin_margin; +// margin-bottom: $coin_margin; +// } +// } +// +// +// // Reputation +// #crew-reputation { +// border-top: 3px solid $almost_black; +// @include toothradio(17px, 50px, "assets/teeth/stresstooth-halfgrey.png", "assets/teeth/stresstooth-red.png"); +// +// input[disabled="disabled"] + label { +// background-image: url(assets/teeth/stresstooth-black.png); +// } +// } +// +// // Turfs. +// +// #turf-container { +// overflow-x: scroll; +// overflow-y: clip; +// } +// +// #turf-list { +// +// display: flex; +// flex-direction: column; +// width: 855px; +// +// .turf-row { +// display: flex; +// flex-direction: row; +// flex-wrap: wrap; +// +// *:first-child { +// margin-left: 0px; +// } +// *:last-child { +// margin-right: 0px; +// } +// } +// +// &.section-non-editable { +// .turf-block { +// @include turf_block(130px, 100px); +// } +// } +// +// &.section-editable { +// .turf-block { +// @include turf_block(130px, 125px); +// } +// } +// } +// +// #crew-hold { +// border-top: 3px solid $almost_black; +// @include toothradio_single(17px, 50px, "assets/teeth/stresstooth-halfgrey.png", "assets/teeth/stresstooth-red.png"); +// width: 221px; +// } +// +// #crew-tier { +// +// background-color: $gray; +// height: 33px; +// width: 145px; +// display: flex; +// align-items: center; +// border-top: 3px solid $almost_black; +// +// @include custom_radio_round(18px, gray, $almost_white, $almost_black); +// +// > * { +// margin-right: 5px; +// } +// +// } +// +// #heat-wanted { +// justify-content: none; +// } +// +// .experience-clues-container { +// width: 340px; +// font-size: 12px; +// +// .experience-clues-description { +// font-weight: bold; +// } +// +// .experience-clues { +// font-style: italic; +// } +// } +// +// .class-name { +// width: 512px; +// height: 120px; +// display: flex; +// align-items: center; +// justify-content: space-around; +// font-size: 48px; +// text-transform: uppercase; +// border: 3px solid $almost_black; +// +// .big-name { +// font-weight: bold; +// } +// +// .big-description { +// font-size: 20px; +// color: $almost_black; +// } +// } +// +// // Cohorts styling +// .edgeflaw { +// +// input { +// display: none; +// +// &:checked { +// +// & + label { +// color: $red; +// } +// +// } +// } +// +// } +// +// #gang-expert-type-selector { +// +// #gang-type-boxes { +// flex-wrap: wrap; +// } +// } +// +// .cohorts { +// flex-wrap: wrap; +// +// .cohort-block-wrapper { +// width: 400px; +// } +// .label-stripe { +// margin-bottom: 0px; +// } +// +// .cohort-body { +// > div { +// margin-bottom: 10px; +// } +// } +// +// .cohort-block-harm { +// +// justify-content: space-around; +// +// input[type="radio"] { +// display: none; +// +// &:checked + label { +// color: $almost_white; +// font-weight: bold; +// background-color: $almost_black; +// } +// } +// +// label { +// border: 2px solid $almost_black; +// border-top: none; +// padding: 5px; +// } +// } +// } +// +// // Add Items modal styling. +// #items-to-add { +// +// display: flex; +// flex-direction: column; +// flex-wrap: wrap; +// justify-content: space-around; +// +// input[type="radio"], +// input[type="checkbox"] { +// display: none; +// +// &:checked + label { +// font-weight: bold; +// } +// } +// } +// +// // Tooltip. +// .tooltip { +// +// .tooltiptext { +// visibility: hidden; +// width: 200px; +// background-color: $almost_black; +// color: $almost_white; +// text-align: center; +// padding: 5px; +// border-radius: 6px; +// +// // Position +// position: absolute; +// z-index: 9999; +// } +// +// &:hover .tooltiptext { +// visibility: visible; +// } +// } +// +// .blades-die-tooltip { +// +// .die { +// font-weight: bold; +// text-transform: capitalize; +// font-size: large; +// +// &.critical-success { +// color: $light_green; +// } +// +// &.success { +// color: $green; +// } +// +// &.partial-success { +// color: $blue; +// } +// +// &.failure { +// color: $red; +// } +// } +// +// } +// +// .clock-zero-label { +// color: $almost_black; +// } +// +// .clock-block { +// .clocks { +// &.clocks-4 { +// @include clock(4, 200); +// } +// &.clocks-6 { +// @include clock(6, 200); +// } +// &.clocks-8 { +// @include clock(8, 200); +// } +// } +// } +// +// .clock-block .blades-clock-name-type { +// > * { +// margin-bottom: 0px; +// max-width: 220px; +// } +// } +// +// i { +// &.nullifier { +// @include changeable($transition-period, $hover-brightness, $hover-opacity, $red); +// } +// } +// +// #loadout { +// select { +// appearance: none; +// -webkit-appearance: none; +// -moz-appearance: none; +// box-shadow: none; +// border: none; +// cursor: pointer; +// background: url("data:image/svg+xml;utf8,") no-repeat right; +// padding: 0 20px 0 0; +// margin: 0.1em -6px 0 0; +// background-color: $almost_black; +// font-family: Georgia, "Bitstream Charter", "Times New Roman", serif; +// font-size: 14px; +// font-weight: bold; +// text-transform: uppercase; +// color: white; +// text-align: right; +// +// option { +// color: white; +// } +// } +// +// select:hover { +// color: red; +// } +// } +//} diff --git a/styles/assets/fonts/CrimsonText/CrimsonText-Bold.ttf b/styles/assets/fonts/CrimsonText/CrimsonText-Bold.ttf new file mode 100644 index 0000000..2a4951e Binary files /dev/null and b/styles/assets/fonts/CrimsonText/CrimsonText-Bold.ttf differ diff --git a/styles/assets/fonts/CrimsonText/CrimsonText-BoldItalic.ttf b/styles/assets/fonts/CrimsonText/CrimsonText-BoldItalic.ttf new file mode 100644 index 0000000..241ad8e Binary files /dev/null and b/styles/assets/fonts/CrimsonText/CrimsonText-BoldItalic.ttf differ diff --git a/styles/assets/fonts/CrimsonText/CrimsonText-Italic.ttf b/styles/assets/fonts/CrimsonText/CrimsonText-Italic.ttf new file mode 100644 index 0000000..45e9168 Binary files /dev/null and b/styles/assets/fonts/CrimsonText/CrimsonText-Italic.ttf differ diff --git a/styles/assets/fonts/CrimsonText/CrimsonText-Regular.ttf b/styles/assets/fonts/CrimsonText/CrimsonText-Regular.ttf new file mode 100644 index 0000000..a173714 Binary files /dev/null and b/styles/assets/fonts/CrimsonText/CrimsonText-Regular.ttf differ diff --git a/styles/assets/fonts/CrimsonText/CrimsonText-SemiBold.ttf b/styles/assets/fonts/CrimsonText/CrimsonText-SemiBold.ttf new file mode 100644 index 0000000..ea3bb66 Binary files /dev/null and b/styles/assets/fonts/CrimsonText/CrimsonText-SemiBold.ttf differ diff --git a/styles/assets/fonts/CrimsonText/CrimsonText-SemiBoldItalic.ttf b/styles/assets/fonts/CrimsonText/CrimsonText-SemiBoldItalic.ttf new file mode 100644 index 0000000..8c18b09 Binary files /dev/null and b/styles/assets/fonts/CrimsonText/CrimsonText-SemiBoldItalic.ttf differ diff --git a/styles/assets/fonts/CrimsonText/OFL.txt b/styles/assets/fonts/CrimsonText/OFL.txt new file mode 100644 index 0000000..ce001a7 --- /dev/null +++ b/styles/assets/fonts/CrimsonText/OFL.txt @@ -0,0 +1,94 @@ +Copyright (c) 2010, Sebastian Kosch (sebastian@aldusleaf.org), +with Reserved Font Name "Crimson" and "Crimson Text". + +This Font Software is licensed under the SIL Open Font License, Version 1.1. +This license is copied below, and is also available with a FAQ at: +http://scripts.sil.org/OFL + + +----------------------------------------------------------- +SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007 +----------------------------------------------------------- + +PREAMBLE +The goals of the Open Font License (OFL) are to stimulate worldwide +development of collaborative font projects, to support the font creation +efforts of academic and linguistic communities, and to provide a free and +open framework in which fonts may be shared and improved in partnership +with others. + +The OFL allows the licensed fonts to be used, studied, modified and +redistributed freely as long as they are not sold by themselves. The +fonts, including any derivative works, can be bundled, embedded, +redistributed and/or sold with any software provided that any reserved +names are not used by derivative works. The fonts and derivatives, +however, cannot be released under any other type of license. The +requirement for fonts to remain under this license does not apply +to any document created using the fonts or their derivatives. + +DEFINITIONS +"Font Software" refers to the set of files released by the Copyright +Holder(s) under this license and clearly marked as such. This may +include source files, build scripts and documentation. + +"Reserved Font Name" refers to any names specified as such after the +copyright statement(s). + +"Original Version" refers to the collection of Font Software components as +distributed by the Copyright Holder(s). + +"Modified Version" refers to any derivative made by adding to, deleting, +or substituting -- in part or in whole -- any of the components of the +Original Version, by changing formats or by porting the Font Software to a +new environment. + +"Author" refers to any designer, engineer, programmer, technical +writer or other person who contributed to the Font Software. + +PERMISSION & CONDITIONS +Permission is hereby granted, free of charge, to any person obtaining +a copy of the Font Software, to use, study, copy, merge, embed, modify, +redistribute, and sell modified and unmodified copies of the Font +Software, subject to the following conditions: + +1) Neither the Font Software nor any of its individual components, +in Original or Modified Versions, may be sold by itself. + +2) Original or Modified Versions of the Font Software may be bundled, +redistributed and/or sold with any software, provided that each copy +contains the above copyright notice and this license. These can be +included either as stand-alone text files, human-readable headers or +in the appropriate machine-readable metadata fields within text or +binary files as long as those fields can be easily viewed by the user. + +3) No Modified Version of the Font Software may use the Reserved Font +Name(s) unless explicit written permission is granted by the corresponding +Copyright Holder. This restriction only applies to the primary font name as +presented to the users. + +4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font +Software shall not be used to promote, endorse or advertise any +Modified Version, except to acknowledge the contribution(s) of the +Copyright Holder(s) and the Author(s) or with their explicit written +permission. + +5) The Font Software, modified or unmodified, in part or in whole, +must be distributed entirely under this license, and must not be +distributed under any other license. The requirement for fonts to +remain under this license does not apply to any document created +using the Font Software. + +TERMINATION +This license becomes null and void if any of the above conditions are +not met. + +DISCLAIMER +THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, +EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF +MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT +OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE +COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, +INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL +DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING +FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM +OTHER DEALINGS IN THE FONT SOFTWARE. diff --git a/styles/assets/fonts/Kirsty/Kirsty.ttf b/styles/assets/fonts/Kirsty/Kirsty.ttf new file mode 100644 index 0000000..7f8435d Binary files /dev/null and b/styles/assets/fonts/Kirsty/Kirsty.ttf differ diff --git a/styles/assets/fonts/Kirsty/KirstyBold.ttf b/styles/assets/fonts/Kirsty/KirstyBold.ttf new file mode 100644 index 0000000..e353ff3 Binary files /dev/null and b/styles/assets/fonts/Kirsty/KirstyBold.ttf differ diff --git a/styles/assets/fonts/Kirsty/KirstyBoldItalic.ttf b/styles/assets/fonts/Kirsty/KirstyBoldItalic.ttf new file mode 100644 index 0000000..589f163 Binary files /dev/null and b/styles/assets/fonts/Kirsty/KirstyBoldItalic.ttf differ diff --git a/styles/assets/fonts/Kirsty/KirstyItalic.ttf b/styles/assets/fonts/Kirsty/KirstyItalic.ttf new file mode 100644 index 0000000..bab72a5 Binary files /dev/null and b/styles/assets/fonts/Kirsty/KirstyItalic.ttf differ diff --git a/styles/assets/fonts/Kirsty/Larabie Fonts License.txt b/styles/assets/fonts/Kirsty/Larabie Fonts License.txt new file mode 100644 index 0000000..1caed71 --- /dev/null +++ b/styles/assets/fonts/Kirsty/Larabie Fonts License.txt @@ -0,0 +1,36 @@ +LARABIE FONTS FREEWARE FONTS EULA (End User License Agreement) and SOFTWARE INCLUSION AGREEMENT + +LARABIE FONTS FREEWARE FONTS EULA + +Larabie Fonts Freeware Fonts in TrueType format are free to use for personal and commercial purposes. No payment is necessary to use Larabie Fonts Freeware Fonts for personal or commercial use. If you wish to include Larabie Fonts Freeware Fonts in software see SOFTWARE INCLUSION AGREEMENT below. + +USAGE +You can offer individual Larabie Fonts Freeware Fonts for download on a website but do not combine fonts into a single archive or alter them in any way. We appreciate inclusion of the font name and trademark or site URL in the credits or documentation but it is not mandatory. + +Some Larabie Fonts Freeware Fonts may have enhanced and/or expanded families available for sale at www.typodermic.com. + +PAYMENT +Payment is not required for the use of Larabie Fonts Freeware Fonts unless they are intended to be included with software. More details follow. + +Donations to Larabie Fonts are welcome via check or electronic payment via Paypal. We can accept any amount in US dollars, Canadian dollars, GBP or euros. If you require an invoice for your donation, please refer to www.larabiefonts.com/donation.html for instructions. + +Donations can include CDs, magazines, t-shirts, a sample of your merchandise or anything featuring Larabie Fonts. Mailing information is available at the link above. + +SUPPORT +Font installation help is available at www.myfonts.com/support. If you experience problems with any Larabie Font, please visit www.larabiefonts.com to verify you have the latest version. If you download Larabie Fonts Freeware Fonts from other websites you may get older versions that have spacing issues, incomplete character sets or technical problems. + +SOFTWARE INCLUSION AGREEMENT + +The Larabie Fonts SOFTWARE PRODUCT is protected by copyright laws and International copyright treaties, as well as other intellectual property laws and treaties. The SOFTWARE PRODUCT is licensed, not sold. + +1. GRANT OF LICENSE. This document grants you the following rights: +- Installation and Use. You may install and use an unlimited number of copies of the SOFTWARE PRODUCT. You may copy and distribute unlimited copies of the SOFTWARE PRODUCT as you receive them, in any medium, provided that you publish on each copy an appropriate copyright notice. Keep intact all the notices that refer to this License and give any other recipients of the fonts a copy of this License along with the fonts. + +2. LIMITED WARRANTY NO WARRANTIES. Larabie Fonts expressly disclaims any warranty for the SOFTWARE PRODUCT. The SOFTWARE PRODUCT and any related documentation is provided "as is" without warranty of any kind, either express or implied, including, without limitation, the implied warranties or merchantability, fitness for a particular purpose, or non-infringement. The entire risk arising out of use or performance of the SOFTWARE PRODUCT remains with you. +NO LIABILITY FOR CONSEQUENTIAL DAMAGES. In no event shall Ray Larabie or Larabie Fonts be liable for any damages whatsoever (including, without limitation, damages for loss of business profits, business interruption, loss of business information, or any other pecuniary loss) arising out of the use of or inability to use this product, even if Larabie Fonts has been advised of the possibility of such damages. + +3. MISCELLANEOUS +Should you have any questions concerning this document or you desire to contact Larabie Fonts for any reason, please email www.larabiefonts.com/email.html. + +4. GOVERNING LAW +This agreement is governed by the laws of Canada and the province of British Columbia. \ No newline at end of file diff --git a/styles/blades.css b/styles/blades.css index 49c6bdf..f03312c 100644 --- a/styles/blades.css +++ b/styles/blades.css @@ -1,4 +1,4 @@ -/* +/* * Elements that can be changed will hint this by dimming and fading a little on hover */ /* @@ -25,1230 +25,190 @@ /* * Custom Radio Round */ -/* - * General Styles - */ -* { - font-family: Georgia, "Bitstream Charter", "Times New Roman", serif; +@font-face { + font-family: "Kirsty"; + src: url("assets/fonts/Kirsty/Kirsty.ttf") format("truetype"); + /* Safari, Android, iOS */ + font-weight: normal; + font-style: normal; } -* header { - // margin-bottom: 10px; +@font-face { + font-family: "Kirsty"; + src: url("assets/fonts/Kirsty/KirstyBold.ttf") format("truetype"); + /* Safari, Android, iOS */ + font-weight: bold; + font-style: normal; } -* ul { - list-style: none; +@font-face { + font-family: "Kirsty"; + src: url("assets/fonts/Kirsty/KirstyBoldItalic.ttf") format("truetype"); + /* Safari, Android, iOS */ + font-weight: bold; + font-style: italic; } -* form.actor-sheet { - padding: 20px; +@font-face { + font-family: "Kirsty"; + src: url("assets/fonts/Kirsty/KirstyItalic.ttf") format("truetype"); + /* Safari, Android, iOS */ + font-weight: normal; + font-style: italic; } -* textarea { +@font-face { + font-family: "Crimson Text"; + src: url("assets/fonts/CrimsonText/CrimsonText-Regular.ttf") format("truetype"); + /* Safari, Android, iOS */ + font-weight: normal; + font-style: normal; +} +@font-face { + font-family: "Crimson Text"; + src: url("assets/fonts/CrimsonText/CrimsonText-Bold.ttf") format("truetype"); + /* Safari, Android, iOS */ + font-weight: bold; + font-style: normal; +} +@font-face { + font-family: "Crimson Text"; + src: url("assets/fonts/CrimsonText/CrimsonText-BoldItalic.ttf") format("truetype"); + /* Safari, Android, iOS */ + font-weight: bold; + font-style: italic; +} +@font-face { + font-family: "Crimson Text"; + src: url("assets/fonts/CrimsonText/CrimsonText-Italic.ttf") format("truetype"); + /* Safari, Android, iOS */ + font-weight: normal; + font-style: italic; +} +@font-face { + font-family: "Crimson Text"; + src: url("assets/fonts/CrimsonText/CrimsonText-SemiBold.ttf") format("truetype"); + /* Safari, Android, iOS */ + font-weight: 600; + font-style: normal; +} +@font-face { + font-family: "Crimson Text"; + src: url("assets/fonts/CrimsonText/CrimsonText-SemiBoldItalic.ttf") format("truetype"); + /* Safari, Android, iOS */ + font-weight: 600; + font-style: italic; +} +.blades-in-the-dark { + font-family: "Crimson Text", serif; +} +.blades-in-the-dark textarea { margin-top: 10px; margin-bottom: 20px; } -* td { - padding: 5px; +.blades-in-the-dark .debug-toggle { + opacity: 0.1; } -* section { - margin-bottom: 0px; +.blades-in-the-dark .debug-toggle.on { + opacity: 0.75; +} +.blades-in-the-dark .rollable-text { + transition: color 0.2s; +} +.blades-in-the-dark .rollable-text:hover { + cursor: pointer; + color: red; +} +.blades-in-the-dark section { display: flex; flex-direction: column; justify-content: space-between; } -* section > *:not(.label-stripe) { +.blades-in-the-dark section > *:not(.label-stripe) { margin-right: 10px; } -* section > *:not(.label-stripe):last-child { +.blades-in-the-dark section > *:not(.label-stripe):last-child { margin-right: 0px; } -* section .grow-one { +.blades-in-the-dark section .grow-one { flex-grow: 1; } -* section .grow-two { +.blades-in-the-dark section .grow-two { flex-grow: 2; } -* section.experience { +.blades-in-the-dark section.experience { margin-bottom: 0px; justify-content: center; } -* nav { - margin-bottom: 10px; +.blades-in-the-dark .flex-horizontal { + display: flex; + flex-direction: row; + justify-content: space-between; } -* .editor, -* .editor-content { +.blades-in-the-dark .flex-vertical { + display: flex; + flex-direction: column; +} +.blades-in-the-dark .tab[data-tab] { + display: none; +} +.blades-in-the-dark .tab[data-tab].active { + display: block; +} +.blades-in-the-dark .black-label { + background-color: #191813; + color: #EEEFFF; + font-size: 21px; + text-align: center; + padding: 0px 5px; + height: 30px !important; + text-transform: capitalize; + font-family: Kirsty, serif; +} +.blades-in-the-dark .gray-label { + background-color: #999; + color: #191813; + font-size: 21px; + text-align: center; + padding: 0px 5px; + height: 30px !important; + text-transform: capitalize; + font-family: Kirsty, serif; +} +.blades-in-the-dark .label-stripe { + text-transform: uppercase; + background-color: #191813; + color: #EEEFFF; + margin-bottom: 10px; + position: relative; + padding-left: 10px; + padding-right: 10px; + display: flex; + font-weight: bold; +} +.blades-in-the-dark .label-stripe-gray { + text-transform: uppercase; + background-color: #999; + margin-bottom: 10px; + position: relative; + padding-left: 10px; + padding-right: 10px; + display: flex; + font-weight: bold; +} +.blades-in-the-dark .editor, +.blades-in-the-dark .editor-content { min-height: 150px; } -* .flex-horizontal { - display: flex; - flex-direction: row; - justify-content: space-between; -} -* .flex-vertical { - display: flex; - flex-direction: column; -} -* .black-label { - background-color: #191813; - color: #EEEFFF; - font-size: 21px; - text-align: center; - padding: 0px 5px; - height: 30px !important; - text-transform: capitalize; -} -* .gray-label { - background-color: #999; - color: #191813; - font-size: 21px; - text-align: center; - padding: 0px 5px; - height: 30px !important; - text-transform: capitalize; -} -* .chat-label { - background-color: #191813; - color: #EEEFFF; - font-size: 21px; - text-align: center; - padding: 0px 5px; - height: 30px !important; - text-transform: capitalize; -} -* .chat-label-small { - background-color: #999; - color: #191813; - font-size: small; - text-align: center; - padding: 3px 5px; - height: 20px !important; -} -* .label-stripe { - text-transform: uppercase; - background-color: #191813; - color: #EEEFFF; - margin-bottom: 10px; - position: relative; - padding-left: 10px; - padding-right: 10px; - display: flex; - font-weight: bold; -} -* .label-stripe-gray { - text-transform: uppercase; - background-color: #999; - margin-bottom: 10px; - position: relative; - padding-left: 10px; - padding-right: 10px; - display: flex; - font-weight: bold; -} -* .label-stripe-chat { - text-transform: uppercase; - background-color: #191813; - color: #EEEFFF; - margin-bottom: 10px; - position: relative; - padding-top: 3px; - display: flex; - font-weight: bold; - margin: 0; -} -* .label-stripe-chat-small { - text-transform: capitalize; - background-color: #999; - color: #191813; - margin-bottom: 10px; - position: relative; - padding-top: 3px; - display: flex; - font-weight: bold; -} -* .description { +.blades-in-the-dark .description { font-style: italic; } -* .rollable-text { - transition: color 0.2s; -} -* .rollable-text:hover { - cursor: pointer; - color: red; -} -* .big-teeth-section { - border-top: 3px solid #191813; - display: flex; - flex-direction: row; - margin-bottom: 0px; - margin-top: 10px; - /* Trauma */ -} -* .big-teeth-section > * { - margin-right: 10px; -} -* .big-teeth-section > *:last-child { - margin-right: 0px; -} -* .big-teeth-section:last-child { - margin-right: 0px; -} -* .big-teeth-section .big-teeth { - display: flex; - /* Hide the browser's default checkbox */ -} -* .big-teeth-section .big-teeth label { - height: 50px; - width: 17px; - background-image: url("assets/teeth/stresstooth-red.png"); - background-repeat: no-repeat; - background-size: contain; - margin-right: 5px; - transition: filter 0.1s; - cursor: pointer; -} -* .big-teeth-section .big-teeth label:last-of-type { - margin-right: 0px; -} -* .big-teeth-section .big-teeth label[for$="-0"] { - width: auto; - height: auto; - background-image: none !important; - color: #EEEFFF; -} -* .big-teeth-section .big-teeth label[for$="-0"] i { - margin-top: 4px; -} -* .big-teeth-section .big-teeth label:hover { - filter: brightness(0.8); - opacity: 0.9; -} -* .big-teeth-section .big-teeth input { - display: none; -} -* .big-teeth-section .big-teeth input:checked ~ label { - background-image: url("assets/teeth/stresstooth-halfgrey.png"); -} -* .big-teeth-section .big-teeth input:checked + label { - background-image: url("assets/teeth/stresstooth-red.png"); -} -* .big-teeth-section .small-teeth-container .small-teeth-wrap { - display: flex; - /* Hide the browser's default checkbox */ - flex-direction: column; -} -* .big-teeth-section .small-teeth-container .small-teeth-wrap label { - height: 50px; - width: 17px; - background-image: url("assets/teeth/shorttooth-red.png"); - background-repeat: no-repeat; - background-size: contain; - margin-right: 5px; - cursor: not-allowed; -} -* .big-teeth-section .small-teeth-container .small-teeth-wrap label:last-of-type { - margin-right: 0px; -} -* .big-teeth-section .small-teeth-container .small-teeth-wrap label[for$="-0"] { - width: auto; - height: auto; - background-image: none !important; - color: #EEEFFF; -} -* .big-teeth-section .small-teeth-container .small-teeth-wrap label[for$="-0"] i { - margin-top: 4px; -} -* .big-teeth-section .small-teeth-container .small-teeth-wrap input { - display: none; -} -* .big-teeth-section .small-teeth-container .small-teeth-wrap input:checked ~ label { - background-image: url("assets/teeth/shorttooth-grey.png"); -} -* .big-teeth-section .small-teeth-container .small-teeth-wrap input:checked + label { - background-image: url("assets/teeth/shorttooth-red.png"); -} -* .big-teeth-section .small-teeth-container .small-teeth-wrap .small-teeth { - display: flex; - flex-direction: row; -} -* .big-teeth-section #trauma-list { - display: flex; - flex-wrap: wrap; - justify-content: space-between; - align-items: flex-start; -} -* .big-teeth-section #trauma-list label { - cursor: pointer; - font-size: 19px; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - margin-right: 10px; - transition: filter 0.1s; - cursor: pointer; - /* Hide the browser's default checkbox */ -} -* .big-teeth-section #trauma-list label:hover { - filter: brightness(0.8); - opacity: 0.9; -} -* .big-teeth-section #trauma-list label input { - display: none; -} -* .big-teeth-section #trauma-list label input:checked ~ .checkmark { - color: red; -} -* .big-teeth-section #trauma-list label .checkmark { - text-decoration: none; - font-weight: bold; -} -* #effects .flex { - display: flex; -} -* #effects table { - background: unset; - border-top: unset; - border-bottom: unset; - margin: unset; -} -* #effects table .item { - font-weight: unset; -} -* #effects table tr:nth-child(even) { - background-color: unset; -} -* #effects table thead { - background: unset; - color: unset; - text-shadow: unset; - border-bottom: unset; -} -* #effects table .item-controls { - justify-content: space-evenly; -} -* #character-stress label[for$="-0"] { - margin-right: 0px; -} -* #abilities .item-name, * #loadout .item-name { - width: 100px; -} -* #abilities .item-body, * #loadout .item-body { - width: auto; -} -* #abilities .item-description, * #loadout .item-description { - width: 260px; -} -* #abilities .label-stripe p:first-child { - margin-right: 10px; -} -* #loadout .item-add-popup { - margin-left: 10px; -} -* .teeth-experience { - display: flex; - /* Hide the browser's default checkbox */ - position: absolute; - top: 0px; - right: 10px; -} -* .teeth-experience label { - height: 30px; - width: 10px; - background-image: url("assets/teeth/stresstooth-red.png"); - background-repeat: no-repeat; - background-size: contain; - margin-right: 5px; - transition: filter 0.1s; - cursor: pointer; -} -* .teeth-experience label:last-of-type { - margin-right: 0px; -} -* .teeth-experience label[for$="-0"] { - width: auto; - height: auto; - background-image: none !important; - color: #EEEFFF; -} -* .teeth-experience label[for$="-0"] i { - margin-top: 4px; -} -* .teeth-experience label:hover { - filter: brightness(0.8); - opacity: 0.9; -} -* .teeth-experience input { - display: none; -} -* .teeth-experience input:checked ~ label { - background-image: url("assets/teeth/stresstooth-halfgrey.png"); -} -* .teeth-experience input:checked + label { - background-image: url("assets/teeth/stresstooth-red.png"); -} -* #harm-armor { - display: flex; -} -* #harm-armor #character-harm { - width: 100%; -} -* #harm-armor #character-harm table { - width: 100%; -} -* #harm-armor #character-harm table th { - background-color: #191813; - color: #EEEFFF; -} -* #harm-armor #character-harm table input[type=text] { - width: 100%; -} -* #harm-armor #character-health-clock { - margin: 0 auto; - position: relative; -} -* #harm-armor #character-health-clock .blades-clock { - position: relative; - padding: 0; - width: 88px; - height: 88px; - border-radius: 50%; - list-style: none; - overflow: hidden; - background-size: cover; -} -* #harm-armor #character-health-clock .blades-clock label { - overflow: hidden; - position: absolute; - top: -50%; - right: -50%; - width: 100%; - height: 100%; - transform-origin: 0% 100%; - transition: filter 0.1s; - cursor: pointer; -} -* #harm-armor #character-health-clock .blades-clock label:hover { - filter: brightness(0.8); - opacity: 0.9; -} -* #harm-armor #character-health-clock .blades-clock input { - position: absolute; - display: none; -} -* #harm-armor #character-health-clock .blades-clock input[value="0"] { - display: none; -} -* #harm-armor #character-health-clock .blades-clock *:nth-child(3) { - transform: rotate(0deg) skewY(180deg); -} -* #harm-armor #character-health-clock .blades-clock *:nth-child(5) { - transform: rotate(90deg) skewY(180deg); -} -* #harm-armor #character-health-clock .blades-clock *:nth-child(7) { - transform: rotate(180deg) skewY(180deg); -} -* #harm-armor #character-health-clock .blades-clock *:nth-child(9) { - transform: rotate(270deg) skewY(180deg); -} -* #harm-armor #character-armor-uses div { - display: flex; - flex-direction: row; - justify-content: space-between; -} -* #attributes { - display: flex; - flex-direction: column; - width: 200px; -} -* #attributes .stripe { - background-color: #191813; - color: #EEEFFF; - font-size: 17px; - padding-left: 5px; -} -* #attributes .attribute-label, -* #attributes .attribute-skill-label { - font-weight: bold; - text-transform: uppercase; -} -* #attributes .attribute-skill-label { - letter-spacing: 1px; -} -* #attributes .attributes-exp { - position: relative; - margin-bottom: 10px; -} -* #attributes .attributes-exp .stripe-tooth-body { - display: flex; - /* Hide the browser's default checkbox */ - position: absolute; - top: 0px; - right: 0px; -} -* #attributes .attributes-exp .stripe-tooth-body label { - height: 30px; - width: 10px; - background-image: url("assets/teeth/xptooth-red.png"); - background-repeat: no-repeat; - background-size: contain; - margin-right: 5px; - transition: filter 0.1s; - cursor: pointer; -} -* #attributes .attributes-exp .stripe-tooth-body label:last-of-type { - margin-right: 0px; -} -* #attributes .attributes-exp .stripe-tooth-body label[for$="-0"] { - width: auto; - height: auto; - background-image: none !important; - color: #EEEFFF; -} -* #attributes .attributes-exp .stripe-tooth-body label[for$="-0"] i { - margin-top: 4px; -} -* #attributes .attributes-exp .stripe-tooth-body label:hover { - filter: brightness(0.8); - opacity: 0.9; -} -* #attributes .attributes-exp .stripe-tooth-body input { - display: none; -} -* #attributes .attributes-exp .stripe-tooth-body input:checked ~ label { - background-image: url("assets/teeth/xptooth-white.png"); -} -* #attributes .attributes-exp .stripe-tooth-body input:checked + label { - background-image: url("assets/teeth/xptooth-red.png"); -} -* #attributes .attributes-container { - display: flex; - margin: 3px 0px; - display: flex; - /* Hide the browser's default checkbox */ -} -* #attributes .attributes-container label { - height: 15px; - width: 15px; - background-color: #191813; - vertical-align: middle; - border: 2px solid #191813; - border-radius: 24px; - transition: filter 0.1s; - cursor: pointer; -} -* #attributes .attributes-container label[for$="-0"] { - height: 5px; - width: 5px; - border-radius: 24px; - background-image: none !important; - background-color: red !important; - margin-right: 0px; -} -* #attributes .attributes-container label:hover { - filter: brightness(0.7); - opacity: 0.7; -} -* #attributes .attributes-container input { - display: none; -} -* #attributes .attributes-container input:checked ~ label { - background-color: #EEEFFF; -} -* #attributes .attributes-container input:checked + label { - transition: filter 0.1s; - cursor: pointer; - background-color: #191813; -} -* #attributes .attributes-container input:checked + label:hover { - filter: brightness(0.7); - opacity: 0.7; -} -* #attributes .attributes-container * { - margin-right: 5px; -} -* .item { - justify-content: space-between; -} -* .item .item-body { - margin-bottom: 10px; -} -* .item .item-body * { - margin-right: 10px; -} -* .item .item-body .item-description { - font-style: italic; - text-align: justify; -} -* .item div { - flex-grow: 2; -} -* .item .item-control { - flex-grow: 1; -} -* .item .item-body, -* .item .item-class-label { - width: 100px; -} -* .item-class-label { - margin-bottom: 10px; -} -* #name, -* #lair, -* #alias { - margin-bottom: 10px; -} -* .coins { - display: flex; - /* Hide the browser's default checkbox */ - flex-wrap: wrap; -} -* .coins label { - height: 15px; - width: 15px; - background-color: #DAA520; - vertical-align: middle; - border: 1px solid #191813; - transition: filter 0.1s; - cursor: pointer; -} -* .coins label[for$="-0"] { - margin-right: 0px; -} -* .coins label:hover { - filter: brightness(0.8); - opacity: 0.9; -} -* .coins input { - display: none; -} -* .coins input:checked ~ label { - background-color: #EEEFFF; -} -* .coins input:checked + label { - background-color: #DAA520; -} -* .coins input ~ label { - margin-right: 3px; - margin-bottom: 3px; +.blades-in-the-dark i.nullifier { transition: filter 0.2s; cursor: pointer; } -* .coins input ~ label[for$="0"] { - border-width: 2px; -} -* .coins input ~ label:hover { - filter: brightness(0.8); - opacity: 0.9; -} -* .coins.coins-hands { - width: 36px; -} -* .coins.coins-stashed { - width: 190px; -} -* .crew-coins { - display: flex; - /* Hide the browser's default checkbox */ - flex-wrap: wrap; - max-width: 72px; -} -* .crew-coins label { - height: 15px; - width: 15px; - background-color: #DAA520; - vertical-align: middle; - border: 1px solid #191813; - transition: filter 0.1s; - cursor: pointer; -} -* .crew-coins label[for$="-0"] { - margin-right: 0px; -} -* .crew-coins label:hover { - filter: brightness(0.8); - opacity: 0.9; -} -* .crew-coins input { - display: none; -} -* .crew-coins input:checked ~ label { - background-color: #EEEFFF; -} -* .crew-coins input:checked + label { - background-color: #DAA520; -} -* .crew-coins label { - margin-right: 3px; - margin-bottom: 3px; -} -* #crew-reputation { - border-top: 3px solid #191813; - display: flex; - /* Hide the browser's default checkbox */ -} -* #crew-reputation label { - height: 50px; - width: 17px; - background-image: url("assets/teeth/stresstooth-red.png"); - background-repeat: no-repeat; - background-size: contain; - margin-right: 5px; - transition: filter 0.1s; - cursor: pointer; -} -* #crew-reputation label:last-of-type { - margin-right: 0px; -} -* #crew-reputation label[for$="-0"] { - width: auto; - height: auto; - background-image: none !important; - color: #EEEFFF; -} -* #crew-reputation label[for$="-0"] i { - margin-top: 4px; -} -* #crew-reputation label:hover { - filter: brightness(0.8); - opacity: 0.9; -} -* #crew-reputation input { - display: none; -} -* #crew-reputation input:checked ~ label { - background-image: url("assets/teeth/stresstooth-halfgrey.png"); -} -* #crew-reputation input:checked + label { - background-image: url("assets/teeth/stresstooth-red.png"); -} -* #crew-reputation input[disabled=disabled] + label { - background-image: url(assets/teeth/stresstooth-black.png); -} -* #turf-container { - overflow-x: scroll; - overflow-y: clip; -} -* #turf-list { - display: flex; - flex-direction: column; - width: 855px; -} -* #turf-list .turf-row { - display: flex; - flex-direction: row; - flex-wrap: wrap; -} -* #turf-list .turf-row *:first-child { - margin-left: 0px; -} -* #turf-list .turf-row *:last-child { - margin-right: 0px; -} -* #turf-list.section-non-editable .turf-block { - transition: filter 0.1s; - cursor: pointer; - width: 130px; - height: 100px; - background-color: #CCC; - position: relative; - margin: 20px; - flex-grow: initial; -} -* #turf-list.section-non-editable .turf-block:hover { - filter: brightness(0.8); - opacity: 0.9; -} -* #turf-list.section-non-editable .turf-block.turf-selected .connector { - background-color: #999; - z-index: 1; -} -* #turf-list.section-non-editable .turf-block .connector { - position: absolute; - display: block; - background-color: #CCC; -} -* #turf-list.section-non-editable .turf-block .connector.right, * #turf-list.section-non-editable .turf-block .connector.left { - width: 40px; - height: 20px; - top: 40px; -} -* #turf-list.section-non-editable .turf-block .connector.left { - left: -40px; -} -* #turf-list.section-non-editable .turf-block .connector.right { - left: 130px; -} -* #turf-list.section-non-editable .turf-block .connector.top, * #turf-list.section-non-editable .turf-block .connector.bottom { - height: 40px; - width: 20px; - left: 55px; -} -* #turf-list.section-non-editable .turf-block .connector.top { - top: -40px; -} -* #turf-list.section-non-editable .turf-block .connector.bottom { - top: 100px; -} -* #turf-list.section-non-editable .turf-block.turf-selected { - background-color: #999; -} -* #turf-list.section-non-editable .turf-block .turf-description { - border: none; - background: none; - resize: none; - width: 130px; - text-align: center; - min-height: auto; - font-size: 12px; -} -* #turf-list.section-non-editable .turf-block .turf-name { - border: none; - border-radius: 0px; - text-align: center; - font-weight: bold; -} -* #turf-list.section-non-editable .turf-block input[type=checkbox] { - transform: scale(1); -} -* #turf-list.section-non-editable .turf-block .turf-control.turf-select { - position: absolute; - top: -7px; - left: -7px; -} -* #turf-list.section-editable .turf-block { - transition: filter 0.1s; - cursor: pointer; - width: 130px; - height: 125px; - background-color: #CCC; - position: relative; - margin: 20px; - flex-grow: initial; -} -* #turf-list.section-editable .turf-block:hover { - filter: brightness(0.8); - opacity: 0.9; -} -* #turf-list.section-editable .turf-block.turf-selected .connector { - background-color: #999; - z-index: 1; -} -* #turf-list.section-editable .turf-block .connector { - position: absolute; - display: block; - background-color: #CCC; -} -* #turf-list.section-editable .turf-block .connector.right, * #turf-list.section-editable .turf-block .connector.left { - width: 40px; - height: 25px; - top: 50px; -} -* #turf-list.section-editable .turf-block .connector.left { - left: -40px; -} -* #turf-list.section-editable .turf-block .connector.right { - left: 130px; -} -* #turf-list.section-editable .turf-block .connector.top, * #turf-list.section-editable .turf-block .connector.bottom { - height: 40px; - width: 25px; - left: 52.5px; -} -* #turf-list.section-editable .turf-block .connector.top { - top: -40px; -} -* #turf-list.section-editable .turf-block .connector.bottom { - top: 125px; -} -* #turf-list.section-editable .turf-block.turf-selected { - background-color: #999; -} -* #turf-list.section-editable .turf-block .turf-description { - border: none; - background: none; - resize: none; - width: 130px; - text-align: center; - min-height: auto; - font-size: 12px; -} -* #turf-list.section-editable .turf-block .turf-name { - border: none; - border-radius: 0px; - text-align: center; - font-weight: bold; -} -* #turf-list.section-editable .turf-block input[type=checkbox] { - transform: scale(1); -} -* #turf-list.section-editable .turf-block .turf-control.turf-select { - position: absolute; - top: -7px; - left: -7px; -} -* #crew-hold { - border-top: 3px solid #191813; - display: flex; - /* Hide the browser's default checkbox */ - width: 221px; -} -* #crew-hold label { - transition: filter 0.1s; - cursor: pointer; -} -* #crew-hold label:hover { - filter: brightness(0.8); - opacity: 0.9; -} -* #crew-hold label { - height: 50px; - width: 17px; - background-image: url("assets/teeth/stresstooth-halfgrey.png"); - background-repeat: no-repeat; - background-size: contain; - margin-right: 5px; -} -* #crew-hold label:last-of-type { - margin-right: 0px; -} -* #crew-hold input { - display: none; -} -* #crew-hold input:checked + label { - background-image: url("assets/teeth/stresstooth-red.png"); -} -* #crew-tier { - background-color: #999; - height: 33px; - width: 145px; - display: flex; - align-items: center; - border-top: 3px solid #191813; - display: flex; - /* Hide the browser's default checkbox */ -} -* #crew-tier label { - transition: filter 0.1s; - cursor: pointer; -} -* #crew-tier label:hover { - filter: brightness(0.8); - opacity: 0.9; -} -* #crew-tier label:not([for$="-0"]) { - height: 18px; - width: 18px; - background-color: #191813; - vertical-align: middle; - border: 2px solid #191813; - border-radius: 9px; -} -* #crew-tier input { - display: none; -} -* #crew-tier input:checked ~ label:not([for$="-0"]) { - border-color: gray; - background-color: #EEEFFF; -} -* #crew-tier input:checked + label:not([for$="-0"]) { - background-color: #191813; - border-color: #191813; -} -* #crew-tier > * { - margin-right: 5px; -} -* #heat-wanted { - justify-content: none; -} -* .experience-clues-container { - width: 340px; - font-size: 12px; -} -* .experience-clues-container .experience-clues-description { - font-weight: bold; -} -* .experience-clues-container .experience-clues { - font-style: italic; -} -* .class-name { - width: 512px; - height: 120px; - display: flex; - align-items: center; - justify-content: space-around; - font-size: 48px; - text-transform: uppercase; - border: 3px solid #191813; -} -* .class-name .big-name { - font-weight: bold; -} -* .class-name .big-description { - font-size: 20px; - color: #191813; -} -* .edgeflaw input { - display: none; -} -* .edgeflaw input:checked + label { - color: red; -} -* #gang-expert-type-selector #gang-type-boxes { - flex-wrap: wrap; -} -* .cohorts { - flex-wrap: wrap; -} -* .cohorts .cohort-block-wrapper { - width: 400px; -} -* .cohorts .label-stripe { - margin-bottom: 0px; -} -* .cohorts .cohort-body > div { - margin-bottom: 10px; -} -* .cohorts .cohort-block-harm { - justify-content: space-around; -} -* .cohorts .cohort-block-harm input[type=radio] { - display: none; -} -* .cohorts .cohort-block-harm input[type=radio]:checked + label { - color: #EEEFFF; - font-weight: bold; - background-color: #191813; -} -* .cohorts .cohort-block-harm label { - border: 2px solid #191813; - border-top: none; - padding: 5px; -} -* #items-to-add { - display: flex; - flex-direction: column; - flex-wrap: wrap; - justify-content: space-around; -} -* #items-to-add input[type=radio], -* #items-to-add input[type=checkbox] { - display: none; -} -* #items-to-add input[type=radio]:checked + label, -* #items-to-add input[type=checkbox]:checked + label { - font-weight: bold; -} -* .tooltip .tooltiptext { - visibility: hidden; - width: 200px; - background-color: #191813; - color: #EEEFFF; - text-align: center; - padding: 5px; - border-radius: 6px; - position: absolute; - z-index: 9999; -} -* .tooltip:hover .tooltiptext { - visibility: visible; -} -* .blades-die-tooltip .die { - font-weight: bold; - text-transform: capitalize; - font-size: large; -} -* .blades-die-tooltip .die.critical-success { - color: #12a012; -} -* .blades-die-tooltip .die.success { - color: #008000; -} -* .blades-die-tooltip .die.partial-success { - color: #04578f; -} -* .blades-die-tooltip .die.failure { - color: red; -} -* .clock-zero-label { - color: #191813; -} -* .clock-block .clocks.clocks-4 { - position: relative; -} -* .clock-block .clocks.clocks-4.small .blades-clock, -* .clock-block .clocks.clocks-6.small .blades-clock, -* .clock-block .clocks.clocks-8.small .blades-clock, -* .clock-block .clocks.clocks-12.small .blades-clock { - width: 100px; - height: 100px; -} -* .clock-block .clocks.clocks-4 .blades-clock { - position: relative; - padding: 0; - width: 200px; - height: 200px; - border-radius: 50%; - list-style: none; - overflow: hidden; - background-size: cover; -} -* .clock-block .clocks.clocks-4 .blades-clock label { - overflow: hidden; - position: absolute; - top: -50%; - right: -50%; - width: 100%; - height: 100%; - transform-origin: 0% 100%; - transition: filter 0.1s; - cursor: pointer; -} -* .clock-block .clocks.clocks-4 .blades-clock label:hover { - filter: brightness(0.8); - opacity: 0.9; -} -* .clock-block .clocks.clocks-4 .blades-clock input { - position: absolute; - display: none; -} -* .clock-block .clocks.clocks-4 .blades-clock input[value="0"] { - display: none; -} -* .clock-block .clocks.clocks-4 .blades-clock *:nth-child(3) { - transform: rotate(0deg) skewY(180deg); -} -* .clock-block .clocks.clocks-4 .blades-clock *:nth-child(5) { - transform: rotate(90deg) skewY(180deg); -} -* .clock-block .clocks.clocks-4 .blades-clock *:nth-child(7) { - transform: rotate(180deg) skewY(180deg); -} -* .clock-block .clocks.clocks-4 .blades-clock *:nth-child(9) { - transform: rotate(270deg) skewY(180deg); -} -* .clock-block .clocks.clocks-6 { - position: relative; -} -* .clock-block .clocks.clocks-6 .blades-clock { - position: relative; - padding: 0; - width: 200px; - height: 200px; - border-radius: 50%; - list-style: none; - overflow: hidden; - background-size: cover; -} -* .clock-block .clocks.clocks-6 .blades-clock label { - overflow: hidden; - position: absolute; - top: -50%; - right: -50%; - width: 100%; - height: 100%; - transform-origin: 0% 100%; - transition: filter 0.1s; - cursor: pointer; -} -* .clock-block .clocks.clocks-6 .blades-clock label:hover { - filter: brightness(0.8); - opacity: 0.9; -} -* .clock-block .clocks.clocks-6 .blades-clock input { - position: absolute; - display: none; -} -* .clock-block .clocks.clocks-6 .blades-clock input[value="0"] { - display: none; -} -* .clock-block .clocks.clocks-6 .blades-clock *:nth-child(3) { - transform: rotate(0deg) skewY(150deg); -} -* .clock-block .clocks.clocks-6 .blades-clock *:nth-child(5) { - transform: rotate(60deg) skewY(150deg); -} -* .clock-block .clocks.clocks-6 .blades-clock *:nth-child(7) { - transform: rotate(120deg) skewY(150deg); -} -* .clock-block .clocks.clocks-6 .blades-clock *:nth-child(9) { - transform: rotate(180deg) skewY(150deg); -} -* .clock-block .clocks.clocks-6 .blades-clock *:nth-child(11) { - transform: rotate(240deg) skewY(150deg); -} -* .clock-block .clocks.clocks-6 .blades-clock *:nth-child(13) { - transform: rotate(300deg) skewY(150deg); -} -* .clock-block .clocks.clocks-8 { - position: relative; -} -* .clock-block .clocks.clocks-8 .blades-clock { - position: relative; - padding: 0; - width: 200px; - height: 200px; - border-radius: 50%; - list-style: none; - overflow: hidden; - background-size: cover; -} -* .clock-block .clocks.clocks-8 .blades-clock label { - overflow: hidden; - position: absolute; - top: -50%; - right: -50%; - width: 100%; - height: 100%; - transform-origin: 0% 100%; - transition: filter 0.1s; - cursor: pointer; -} -* .clock-block .clocks.clocks-8 .blades-clock label:hover { - filter: brightness(0.8); - opacity: 0.9; -} -* .clock-block .clocks.clocks-8 .blades-clock input { - position: absolute; - display: none; -} -* .clock-block .clocks.clocks-8 .blades-clock input[value="0"] { - display: none; -} -* .clock-block .clocks.clocks-8 .blades-clock *:nth-child(3) { - transform: rotate(0deg) skewY(135deg); -} -* .clock-block .clocks.clocks-8 .blades-clock *:nth-child(5) { - transform: rotate(45deg) skewY(135deg); -} -* .clock-block .clocks.clocks-8 .blades-clock *:nth-child(7) { - transform: rotate(90deg) skewY(135deg); -} -* .clock-block .clocks.clocks-8 .blades-clock *:nth-child(9) { - transform: rotate(135deg) skewY(135deg); -} -* .clock-block .clocks.clocks-8 .blades-clock *:nth-child(11) { - transform: rotate(180deg) skewY(135deg); -} -* .clock-block .clocks.clocks-8 .blades-clock *:nth-child(13) { - transform: rotate(225deg) skewY(135deg); -} -* .clock-block .clocks.clocks-8 .blades-clock *:nth-child(15) { - transform: rotate(270deg) skewY(135deg); -} -* .clock-block .clocks.clocks-8 .blades-clock *:nth-child(17) { - transform: rotate(315deg) skewY(135deg); -} -* .clock-block .blades-clock-name-type > * { - margin-bottom: 10px; - max-width: 220px; -} -* i.nullifier { - transition: filter 0.2s; - cursor: pointer; -} -* i.nullifier:hover { +.blades-in-the-dark i.nullifier:hover { filter: brightness(0.8); opacity: 0.9; color: red; } -* #loadout select { +.blades-in-the-dark .loadout select { appearance: none; -webkit-appearance: none; -moz-appearance: none; @@ -1266,18 +226,1407 @@ color: white; text-align: right; } -* #loadout select option { +.blades-in-the-dark .loadout select option { color: white; } -* #loadout select:hover { +.blades-in-the-dark .loadout select:hover { color: red; } -* img { - box-sizing: border-box; - border: 1px solid #000; - border-radius: 2px; - max-width: 100%; - object-fit: contain; +.blades-in-the-dark .abilities .item-name, .blades-in-the-dark .loadout .item-name, .blades-in-the-dark .faction-items .item-name { + width: 100px; + margin-left: 10px; +} +.blades-in-the-dark .abilities .item-body, .blades-in-the-dark .loadout .item-body, .blades-in-the-dark .faction-items .item-body { + width: auto; +} +.blades-in-the-dark .abilities .item-description, .blades-in-the-dark .loadout .item-description, .blades-in-the-dark .faction-items .item-description { + width: 260px; +} +.blades-in-the-dark td { + padding: 5px; +} +.blades-in-the-dark { + min-width: 420px; + min-height: 320px; +} +.blades-in-the-dark .clock-zero-label { + color: #191813; +} +.blades-in-the-dark .clocks.clocks-4 { + position: relative; +} +.blades-in-the-dark .clocks.clocks-4 .blades-clock { + position: relative; + padding: 0; + width: 200px; + height: 200px; + border-radius: 50%; + list-style: none; + overflow: hidden; + background-size: cover; +} +.blades-in-the-dark .clocks.clocks-4 .blades-clock label { + overflow: hidden; + position: absolute; + top: -50%; + right: -50%; + width: 100%; + height: 100%; + transform-origin: 0% 100%; + transition: filter 0.1s; + cursor: pointer; +} +.blades-in-the-dark .clocks.clocks-4 .blades-clock label:hover { + filter: brightness(0.8); + opacity: 0.9; +} +.blades-in-the-dark .clocks.clocks-4 .blades-clock input { + position: absolute; + display: none; +} +.blades-in-the-dark .clocks.clocks-4 .blades-clock input[value="0"] { + display: none; +} +.blades-in-the-dark .clocks.clocks-4 .blades-clock *:nth-child(3) { + transform: rotate(0deg) skewY(180deg); +} +.blades-in-the-dark .clocks.clocks-4 .blades-clock *:nth-child(5) { + transform: rotate(90deg) skewY(180deg); +} +.blades-in-the-dark .clocks.clocks-4 .blades-clock *:nth-child(7) { + transform: rotate(180deg) skewY(180deg); +} +.blades-in-the-dark .clocks.clocks-4 .blades-clock *:nth-child(9) { + transform: rotate(270deg) skewY(180deg); +} +.blades-in-the-dark .clocks.clocks-6 { + position: relative; +} +.blades-in-the-dark .clocks.clocks-6 .blades-clock { + position: relative; + padding: 0; + width: 200px; + height: 200px; + border-radius: 50%; + list-style: none; + overflow: hidden; + background-size: cover; +} +.blades-in-the-dark .clocks.clocks-6 .blades-clock label { + overflow: hidden; + position: absolute; + top: -50%; + right: -50%; + width: 100%; + height: 100%; + transform-origin: 0% 100%; + transition: filter 0.1s; + cursor: pointer; +} +.blades-in-the-dark .clocks.clocks-6 .blades-clock label:hover { + filter: brightness(0.8); + opacity: 0.9; +} +.blades-in-the-dark .clocks.clocks-6 .blades-clock input { + position: absolute; + display: none; +} +.blades-in-the-dark .clocks.clocks-6 .blades-clock input[value="0"] { + display: none; +} +.blades-in-the-dark .clocks.clocks-6 .blades-clock *:nth-child(3) { + transform: rotate(0deg) skewY(150deg); +} +.blades-in-the-dark .clocks.clocks-6 .blades-clock *:nth-child(5) { + transform: rotate(60deg) skewY(150deg); +} +.blades-in-the-dark .clocks.clocks-6 .blades-clock *:nth-child(7) { + transform: rotate(120deg) skewY(150deg); +} +.blades-in-the-dark .clocks.clocks-6 .blades-clock *:nth-child(9) { + transform: rotate(180deg) skewY(150deg); +} +.blades-in-the-dark .clocks.clocks-6 .blades-clock *:nth-child(11) { + transform: rotate(240deg) skewY(150deg); +} +.blades-in-the-dark .clocks.clocks-6 .blades-clock *:nth-child(13) { + transform: rotate(300deg) skewY(150deg); +} +.blades-in-the-dark .clocks.clocks-8 { + position: relative; +} +.blades-in-the-dark .clocks.clocks-8 .blades-clock { + position: relative; + padding: 0; + width: 200px; + height: 200px; + border-radius: 50%; + list-style: none; + overflow: hidden; + background-size: cover; +} +.blades-in-the-dark .clocks.clocks-8 .blades-clock label { + overflow: hidden; + position: absolute; + top: -50%; + right: -50%; + width: 100%; + height: 100%; + transform-origin: 0% 100%; + transition: filter 0.1s; + cursor: pointer; +} +.blades-in-the-dark .clocks.clocks-8 .blades-clock label:hover { + filter: brightness(0.8); + opacity: 0.9; +} +.blades-in-the-dark .clocks.clocks-8 .blades-clock input { + position: absolute; + display: none; +} +.blades-in-the-dark .clocks.clocks-8 .blades-clock input[value="0"] { + display: none; +} +.blades-in-the-dark .clocks.clocks-8 .blades-clock *:nth-child(3) { + transform: rotate(0deg) skewY(135deg); +} +.blades-in-the-dark .clocks.clocks-8 .blades-clock *:nth-child(5) { + transform: rotate(45deg) skewY(135deg); +} +.blades-in-the-dark .clocks.clocks-8 .blades-clock *:nth-child(7) { + transform: rotate(90deg) skewY(135deg); +} +.blades-in-the-dark .clocks.clocks-8 .blades-clock *:nth-child(9) { + transform: rotate(135deg) skewY(135deg); +} +.blades-in-the-dark .clocks.clocks-8 .blades-clock *:nth-child(11) { + transform: rotate(180deg) skewY(135deg); +} +.blades-in-the-dark .clocks.clocks-8 .blades-clock *:nth-child(13) { + transform: rotate(225deg) skewY(135deg); +} +.blades-in-the-dark .clocks.clocks-8 .blades-clock *:nth-child(15) { + transform: rotate(270deg) skewY(135deg); +} +.blades-in-the-dark .clocks.clocks-8 .blades-clock *:nth-child(17) { + transform: rotate(315deg) skewY(135deg); +} +.blades-in-the-dark .blades-clock-name-type > * { + margin-bottom: 10px; +} +.blades-in-the-dark .blades-clock-name-type .blades-clock { + margin: 10px auto; +} +.blades-in-the-dark.crew.sheet .coins { + display: flex; + /* Hide the browser's default checkbox */ + flex-wrap: wrap; +} +.blades-in-the-dark.crew.sheet .coins label { + height: 15px; + width: 15px; + background-color: #DAA520; + vertical-align: middle; + border: 1px solid #191813; + transition: filter 0.1s; + cursor: pointer; +} +.blades-in-the-dark.crew.sheet .coins label[for$="-0"] { + margin-right: 0px; +} +.blades-in-the-dark.crew.sheet .coins label:hover { + filter: brightness(0.8); + opacity: 0.9; +} +.blades-in-the-dark.crew.sheet .coins input { + display: none; +} +.blades-in-the-dark.crew.sheet .coins input:checked ~ label { + background-color: #EEEFFF; +} +.blades-in-the-dark.crew.sheet .coins input:checked + label { + background-color: #DAA520; +} +.blades-in-the-dark.crew.sheet .coins input ~ label { + margin-right: 3px; + margin-bottom: 3px; + transition: filter 0.2s; + cursor: pointer; +} +.blades-in-the-dark.crew.sheet .coins input ~ label[for$="0"] { + border-width: 2px; +} +.blades-in-the-dark.crew.sheet .coins input ~ label:hover { + filter: brightness(0.8); + opacity: 0.9; +} +.blades-in-the-dark.crew.sheet .coins.coins-hands { + width: 36px; +} +.blades-in-the-dark.crew.sheet .coins.coins-stashed { + width: 190px; +} +.blades-in-the-dark.crew.sheet .item { + justify-content: space-between; +} +.blades-in-the-dark.crew.sheet .item .item-body { + margin-bottom: 10px; +} +.blades-in-the-dark.crew.sheet .item .item-body * { + margin-right: 10px; +} +.blades-in-the-dark.crew.sheet .item .item-body .item-description { + font-style: italic; + text-align: justify; +} +.blades-in-the-dark.crew.sheet .item div { + flex-grow: 2; +} +.blades-in-the-dark.crew.sheet .item .item-control { + flex-grow: 1; +} +.blades-in-the-dark.crew.sheet .item .item-body, +.blades-in-the-dark.crew.sheet .item .item-class-label { + width: 100px; +} +.blades-in-the-dark.crew.sheet .item-class-label { + margin-bottom: 10px; +} +.blades-in-the-dark.crew.sheet .name, +.blades-in-the-dark.crew.sheet .lair { + margin-bottom: 10px; +} +.blades-in-the-dark.crew.sheet form.actor-sheet { + padding: 20px; +} +.blades-in-the-dark.crew.sheet nav { + padding-bottom: 10px; +} +.blades-in-the-dark.crew.sheet .crew-coins { + display: flex; + /* Hide the browser's default checkbox */ + flex-wrap: wrap; + max-width: 72px; +} +.blades-in-the-dark.crew.sheet .crew-coins label { + height: 15px; + width: 15px; + background-color: #DAA520; + vertical-align: middle; + border: 1px solid #191813; + transition: filter 0.1s; + cursor: pointer; +} +.blades-in-the-dark.crew.sheet .crew-coins label[for$="-0"] { + margin-right: 0px; +} +.blades-in-the-dark.crew.sheet .crew-coins label:hover { + filter: brightness(0.8); + opacity: 0.9; +} +.blades-in-the-dark.crew.sheet .crew-coins input { + display: none; +} +.blades-in-the-dark.crew.sheet .crew-coins input:checked ~ label { + background-color: #EEEFFF; +} +.blades-in-the-dark.crew.sheet .crew-coins input:checked + label { + background-color: #DAA520; +} +.blades-in-the-dark.crew.sheet .crew-coins label { + margin-right: 3px; + margin-bottom: 3px; +} +.blades-in-the-dark.crew.sheet .crew-reputation { + border-top: 3px solid #191813; + display: flex; + /* Hide the browser's default checkbox */ +} +.blades-in-the-dark.crew.sheet .crew-reputation label { + height: 50px; + width: 17px; + background-image: url("assets/teeth/stresstooth-red.png"); + background-repeat: no-repeat; + background-size: contain; + margin-right: 5px; + transition: filter 0.1s; + cursor: pointer; +} +.blades-in-the-dark.crew.sheet .crew-reputation label:last-of-type { + margin-right: 0px; +} +.blades-in-the-dark.crew.sheet .crew-reputation label[for$="-0"] { + width: auto; + height: auto; + background-image: none !important; + color: #EEEFFF; +} +.blades-in-the-dark.crew.sheet .crew-reputation label[for$="-0"] i { + margin-top: 4px; +} +.blades-in-the-dark.crew.sheet .crew-reputation label:hover { + filter: brightness(0.8); + opacity: 0.9; +} +.blades-in-the-dark.crew.sheet .crew-reputation input { + display: none; +} +.blades-in-the-dark.crew.sheet .crew-reputation input:checked ~ label { + background-image: url("assets/teeth/stresstooth-halfgrey.png"); +} +.blades-in-the-dark.crew.sheet .crew-reputation input:checked + label { + background-image: url("assets/teeth/stresstooth-red.png"); +} +.blades-in-the-dark.crew.sheet .crew-reputation input[disabled=disabled] + label { + background-image: url(assets/teeth/stresstooth-black.png); +} +.blades-in-the-dark.crew.sheet .turf-container { + overflow-x: scroll; + overflow-y: clip; +} +.blades-in-the-dark.crew.sheet .turf-list { + display: flex; + flex-direction: column; + width: 855px; +} +.blades-in-the-dark.crew.sheet .turf-list .turf-row { + display: flex; + flex-direction: row; + flex-wrap: wrap; +} +.blades-in-the-dark.crew.sheet .turf-list .turf-row *:first-child { + margin-left: 0px; +} +.blades-in-the-dark.crew.sheet .turf-list .turf-row *:last-child { + margin-right: 0px; +} +.blades-in-the-dark.crew.sheet .turf-list.section-non-editable .turf-block { + transition: filter 0.1s; + cursor: pointer; + width: 130px; + height: 100px; + background-color: #bbb; + position: relative; + margin: 20px; + flex-grow: initial; +} +.blades-in-the-dark.crew.sheet .turf-list.section-non-editable .turf-block:hover { + filter: brightness(0.8); + opacity: 0.9; +} +.blades-in-the-dark.crew.sheet .turf-list.section-non-editable .turf-block.turf-selected .connector { + background-color: #999; + z-index: 1; +} +.blades-in-the-dark.crew.sheet .turf-list.section-non-editable .turf-block .connector { + position: absolute; + display: block; + background-color: #bbb; +} +.blades-in-the-dark.crew.sheet .turf-list.section-non-editable .turf-block .connector.right, .blades-in-the-dark.crew.sheet .turf-list.section-non-editable .turf-block .connector.left { + width: 40px; + height: 20px; + top: 40px; +} +.blades-in-the-dark.crew.sheet .turf-list.section-non-editable .turf-block .connector.left { + left: -40px; +} +.blades-in-the-dark.crew.sheet .turf-list.section-non-editable .turf-block .connector.right { + left: 130px; +} +.blades-in-the-dark.crew.sheet .turf-list.section-non-editable .turf-block .connector.top, .blades-in-the-dark.crew.sheet .turf-list.section-non-editable .turf-block .connector.bottom { + height: 40px; + width: 20px; + left: 55px; +} +.blades-in-the-dark.crew.sheet .turf-list.section-non-editable .turf-block .connector.top { + top: -40px; +} +.blades-in-the-dark.crew.sheet .turf-list.section-non-editable .turf-block .connector.bottom { + top: 100px; +} +.blades-in-the-dark.crew.sheet .turf-list.section-non-editable .turf-block.turf-selected { + background-color: #999; +} +.blades-in-the-dark.crew.sheet .turf-list.section-non-editable .turf-block .turf-description { + border: none; + background: none; + resize: none; + width: 130px; + text-align: center; + min-height: auto; + font-size: 12px; +} +.blades-in-the-dark.crew.sheet .turf-list.section-non-editable .turf-block .turf-name { + border: none; + border-radius: 0px; + text-align: center; + font-weight: bold; +} +.blades-in-the-dark.crew.sheet .turf-list.section-non-editable .turf-block input[type=checkbox] { + transform: scale(1); +} +.blades-in-the-dark.crew.sheet .turf-list.section-non-editable .turf-block .turf-control.turf-select { + position: absolute; + top: -7px; + left: -7px; +} +.blades-in-the-dark.crew.sheet .turf-list.section-editable .turf-block { + transition: filter 0.1s; + cursor: pointer; + width: 130px; + height: 125px; + background-color: #bbb; + position: relative; + margin: 20px; + flex-grow: initial; +} +.blades-in-the-dark.crew.sheet .turf-list.section-editable .turf-block:hover { + filter: brightness(0.8); + opacity: 0.9; +} +.blades-in-the-dark.crew.sheet .turf-list.section-editable .turf-block.turf-selected .connector { + background-color: #999; + z-index: 1; +} +.blades-in-the-dark.crew.sheet .turf-list.section-editable .turf-block .connector { + position: absolute; + display: block; + background-color: #bbb; +} +.blades-in-the-dark.crew.sheet .turf-list.section-editable .turf-block .connector.right, .blades-in-the-dark.crew.sheet .turf-list.section-editable .turf-block .connector.left { + width: 40px; + height: 25px; + top: 50px; +} +.blades-in-the-dark.crew.sheet .turf-list.section-editable .turf-block .connector.left { + left: -40px; +} +.blades-in-the-dark.crew.sheet .turf-list.section-editable .turf-block .connector.right { + left: 130px; +} +.blades-in-the-dark.crew.sheet .turf-list.section-editable .turf-block .connector.top, .blades-in-the-dark.crew.sheet .turf-list.section-editable .turf-block .connector.bottom { + height: 40px; + width: 25px; + left: 52.5px; +} +.blades-in-the-dark.crew.sheet .turf-list.section-editable .turf-block .connector.top { + top: -40px; +} +.blades-in-the-dark.crew.sheet .turf-list.section-editable .turf-block .connector.bottom { + top: 125px; +} +.blades-in-the-dark.crew.sheet .turf-list.section-editable .turf-block.turf-selected { + background-color: #999; +} +.blades-in-the-dark.crew.sheet .turf-list.section-editable .turf-block .turf-description { + border: none; + background: none; + resize: none; + width: 130px; + text-align: center; + min-height: auto; + font-size: 12px; +} +.blades-in-the-dark.crew.sheet .turf-list.section-editable .turf-block .turf-name { + border: none; + border-radius: 0px; + text-align: center; + font-weight: bold; +} +.blades-in-the-dark.crew.sheet .turf-list.section-editable .turf-block input[type=checkbox] { + transform: scale(1); +} +.blades-in-the-dark.crew.sheet .turf-list.section-editable .turf-block .turf-control.turf-select { + position: absolute; + top: -7px; + left: -7px; +} +.blades-in-the-dark.crew.sheet .crew-hold { + border-top: 3px solid #191813; + display: flex; + /* Hide the browser's default checkbox */ + width: 221px; +} +.blades-in-the-dark.crew.sheet .crew-hold label { + transition: filter 0.1s; + cursor: pointer; +} +.blades-in-the-dark.crew.sheet .crew-hold label:hover { + filter: brightness(0.8); + opacity: 0.9; +} +.blades-in-the-dark.crew.sheet .crew-hold label { + height: 50px; + width: 17px; + background-image: url("assets/teeth/stresstooth-halfgrey.png"); + background-repeat: no-repeat; + background-size: contain; + margin-right: 5px; +} +.blades-in-the-dark.crew.sheet .crew-hold label:last-of-type { + margin-right: 0px; +} +.blades-in-the-dark.crew.sheet .crew-hold input { + display: none; +} +.blades-in-the-dark.crew.sheet .crew-hold input:checked + label { + background-image: url("assets/teeth/stresstooth-red.png"); +} +.blades-in-the-dark.crew.sheet .crew-tier { + background-color: #999; + height: 33px; + width: 145px; + display: flex; + align-items: center; + border-top: 3px solid #191813; + display: flex; + /* Hide the browser's default checkbox */ +} +.blades-in-the-dark.crew.sheet .crew-tier label { + transition: filter 0.1s; + cursor: pointer; +} +.blades-in-the-dark.crew.sheet .crew-tier label:hover { + filter: brightness(0.8); + opacity: 0.9; +} +.blades-in-the-dark.crew.sheet .crew-tier label:not([for$="-0"]) { + height: 18px; + width: 18px; + background-color: #191813; + vertical-align: middle; + border: 2px solid #191813; + border-radius: 9px; +} +.blades-in-the-dark.crew.sheet .crew-tier input { + display: none; +} +.blades-in-the-dark.crew.sheet .crew-tier input:checked ~ label:not([for$="-0"]) { + border-color: gray; + background-color: #EEEFFF; +} +.blades-in-the-dark.crew.sheet .crew-tier input:checked + label:not([for$="-0"]) { + background-color: #191813; + border-color: #191813; +} +.blades-in-the-dark.crew.sheet .crew-tier > * { + margin-right: 5px; +} +.blades-in-the-dark.crew.sheet .heat-wanted .small-teeth { + height: 20px; +} +.blades-in-the-dark.crew.sheet .heat-wanted .small-teeth label { + height: 100%; + width: 100%; + cursor: default; +} +.blades-in-the-dark.crew.sheet .experience-clues-container { + width: 340px; + font-size: 12px; +} +.blades-in-the-dark.crew.sheet .experience-clues-container .experience-clues-description { + font-weight: bold; +} +.blades-in-the-dark.crew.sheet .experience-clues-container .experience-clues { + font-style: italic; +} +.blades-in-the-dark.crew.sheet .edgeflaw input { + display: none; +} +.blades-in-the-dark.crew.sheet .edgeflaw input:checked + label { + color: red; +} +.blades-in-the-dark.crew.sheet .gang-expert-type-selector .gang-type-boxes { + flex-wrap: wrap; +} +.blades-in-the-dark.crew.sheet .cohorts { + flex-wrap: wrap; +} +.blades-in-the-dark.crew.sheet .cohorts .cohort-block-wrapper { + width: 400px; +} +.blades-in-the-dark.crew.sheet .cohorts .label-stripe { + margin-bottom: 0px; +} +.blades-in-the-dark.crew.sheet .cohorts .cohort-body > div { + margin-bottom: 10px; +} +.blades-in-the-dark.crew.sheet .cohorts .cohort-block-harm { + justify-content: space-around; +} +.blades-in-the-dark.crew.sheet .cohorts .cohort-block-harm input[type=radio] { + display: none; +} +.blades-in-the-dark.crew.sheet .cohorts .cohort-block-harm input[type=radio]:checked + label { + color: #EEEFFF; + font-weight: bold; + background-color: #191813; +} +.blades-in-the-dark.crew.sheet .cohorts .cohort-block-harm label { + border: 2px solid #191813; + border-top: none; + padding: 5px; +} +.blades-in-the-dark.crew.sheet .class-name { + width: 512px; + height: 120px; + display: flex; + align-items: center; + justify-content: space-around; + font-size: 48px; + text-transform: uppercase; + border: 3px solid #191813; +} +.blades-in-the-dark.crew.sheet .class-name .big-name { + font-weight: bold; + font-family: Kirsty, serif; +} +.blades-in-the-dark.crew.sheet .class-name .big-description { + font-size: 20px; + font-family: "Crimson Text", serif; + color: #191813; +} +.blades-in-the-dark.crew.sheet .big-teeth-section { + border-top: 3px solid #191813; + display: flex; + flex-direction: row; + margin-bottom: 0px; + /* Trauma */ +} +.blades-in-the-dark.crew.sheet .big-teeth-section > * { + margin-right: 10px; +} +.blades-in-the-dark.crew.sheet .big-teeth-section > *:last-child { + margin-right: 0px; +} +.blades-in-the-dark.crew.sheet .big-teeth-section:last-child { + margin-right: 0px; +} +.blades-in-the-dark.crew.sheet .big-teeth-section .big-teeth { + display: flex; + /* Hide the browser's default checkbox */ +} +.blades-in-the-dark.crew.sheet .big-teeth-section .big-teeth label { + height: 50px; + width: 17px; + background-image: url("assets/teeth/stresstooth-red.png"); + background-repeat: no-repeat; + background-size: contain; + margin-right: 5px; + transition: filter 0.1s; + cursor: pointer; +} +.blades-in-the-dark.crew.sheet .big-teeth-section .big-teeth label:last-of-type { + margin-right: 0px; +} +.blades-in-the-dark.crew.sheet .big-teeth-section .big-teeth label[for$="-0"] { + width: auto; + height: auto; + background-image: none !important; + color: #EEEFFF; +} +.blades-in-the-dark.crew.sheet .big-teeth-section .big-teeth label[for$="-0"] i { + margin-top: 4px; +} +.blades-in-the-dark.crew.sheet .big-teeth-section .big-teeth label:hover { + filter: brightness(0.8); + opacity: 0.9; +} +.blades-in-the-dark.crew.sheet .big-teeth-section .big-teeth input { + display: none; +} +.blades-in-the-dark.crew.sheet .big-teeth-section .big-teeth input:checked ~ label { + background-image: url("assets/teeth/stresstooth-halfgrey.png"); +} +.blades-in-the-dark.crew.sheet .big-teeth-section .big-teeth input:checked + label { + background-image: url("assets/teeth/stresstooth-red.png"); +} +.blades-in-the-dark.crew.sheet .big-teeth-section .small-teeth-container .small-teeth-wrap { + display: flex; + /* Hide the browser's default checkbox */ + flex-direction: column; +} +.blades-in-the-dark.crew.sheet .big-teeth-section .small-teeth-container .small-teeth-wrap label { + height: 50px; + width: 17px; + background-image: url("assets/teeth/shorttooth-red.png"); + background-repeat: no-repeat; + background-size: contain; + margin-right: 5px; + cursor: not-allowed; +} +.blades-in-the-dark.crew.sheet .big-teeth-section .small-teeth-container .small-teeth-wrap label:last-of-type { + margin-right: 0px; +} +.blades-in-the-dark.crew.sheet .big-teeth-section .small-teeth-container .small-teeth-wrap label[for$="-0"] { + width: auto; + height: auto; + background-image: none !important; + color: #EEEFFF; +} +.blades-in-the-dark.crew.sheet .big-teeth-section .small-teeth-container .small-teeth-wrap label[for$="-0"] i { + margin-top: 4px; +} +.blades-in-the-dark.crew.sheet .big-teeth-section .small-teeth-container .small-teeth-wrap input { + display: none; +} +.blades-in-the-dark.crew.sheet .big-teeth-section .small-teeth-container .small-teeth-wrap input:checked ~ label { + background-image: url("assets/teeth/shorttooth-grey.png"); +} +.blades-in-the-dark.crew.sheet .big-teeth-section .small-teeth-container .small-teeth-wrap input:checked + label { + background-image: url("assets/teeth/shorttooth-red.png"); +} +.blades-in-the-dark.crew.sheet .big-teeth-section .small-teeth-container .small-teeth-wrap .small-teeth { + display: flex; + flex-direction: row; +} +.blades-in-the-dark.crew.sheet .big-teeth-section .trauma-list { + display: flex; + flex-wrap: wrap; + justify-content: space-between; + align-items: flex-start; +} +.blades-in-the-dark.crew.sheet .big-teeth-section .trauma-list label { + cursor: pointer; + font-size: 19px; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + margin-right: 10px; + transition: filter 0.1s; + cursor: pointer; + /* Hide the browser's default checkbox */ +} +.blades-in-the-dark.crew.sheet .big-teeth-section .trauma-list label:hover { + filter: brightness(0.8); + opacity: 0.9; +} +.blades-in-the-dark.crew.sheet .big-teeth-section .trauma-list label input { + display: none; +} +.blades-in-the-dark.crew.sheet .big-teeth-section .trauma-list label input:checked ~ .checkmark { + color: red; +} +.blades-in-the-dark.crew.sheet .big-teeth-section .trauma-list label .checkmark { + text-decoration: none; + font-weight: bold; +} +.blades-in-the-dark.crew.sheet header { + margin-bottom: 10px; +} +.blades-in-the-dark.actor.pc { + /* + * Elements that can be changed will hint this by dimming and fading a little on hover + */ + /* + * Toothradio. Some (eg trauma) are not changeable, hence the option. + */ + /* + * Custom Radio + */ + /* + * Custom Radio Squared + */ + /* + * Checkboxes underscored. + */ + /* + * Create Clock + */ + /* + * Turf Block + */ + /* + * Toothradio single elements + */ + /* + * Custom Radio Round + */ + /* + * General Styles + * Cleaned out things that don't appear to apply to the character sheet, and exist in other, separated SCSS files. + * Some things *might* be missing, but at a glance, everything looks to be in order. + */ +} +.blades-in-the-dark.actor.pc * .name-alias img.portrait { + max-width: 200px; + max-height: 200px; + width: auto; + height: auto; +} +.blades-in-the-dark.actor.pc * .tab[data-tab] { + display: none; +} +.blades-in-the-dark.actor.pc * .tab[data-tab].active { + display: block; +} +.blades-in-the-dark.actor.pc * form.actor-sheet { + padding: 20px; +} +.blades-in-the-dark.actor.pc * .big-teeth-section { + border-top: 3px solid #191813; + display: flex; + flex-direction: row; + margin-bottom: 0px; + margin-top: 10px; + /* Trauma */ +} +.blades-in-the-dark.actor.pc * .big-teeth-section > * { + margin-right: 10px; +} +.blades-in-the-dark.actor.pc * .big-teeth-section > *:last-child { + margin-right: 0px; +} +.blades-in-the-dark.actor.pc * .big-teeth-section:last-child { + margin-right: 0px; +} +.blades-in-the-dark.actor.pc * .big-teeth-section .big-teeth { + display: flex; + /* Hide the browser's default checkbox */ +} +.blades-in-the-dark.actor.pc * .big-teeth-section .big-teeth label { + height: 50px; + width: 17px; + background-image: url("assets/teeth/stresstooth-red.png"); + background-repeat: no-repeat; + background-size: contain; + margin-right: 5px; + transition: filter 0.1s; + cursor: pointer; +} +.blades-in-the-dark.actor.pc * .big-teeth-section .big-teeth label:last-of-type { + margin-right: 0px; +} +.blades-in-the-dark.actor.pc * .big-teeth-section .big-teeth label[for$="-0"] { + width: auto; + height: auto; + background-image: none !important; + color: #EEEFFF; +} +.blades-in-the-dark.actor.pc * .big-teeth-section .big-teeth label[for$="-0"] i { + margin-top: 4px; +} +.blades-in-the-dark.actor.pc * .big-teeth-section .big-teeth label:hover { + filter: brightness(0.8); + opacity: 0.9; +} +.blades-in-the-dark.actor.pc * .big-teeth-section .big-teeth input { + display: none; +} +.blades-in-the-dark.actor.pc * .big-teeth-section .big-teeth input:checked ~ label { + background-image: url("assets/teeth/stresstooth-halfgrey.png"); +} +.blades-in-the-dark.actor.pc * .big-teeth-section .big-teeth input:checked + label { + background-image: url("assets/teeth/stresstooth-red.png"); +} +.blades-in-the-dark.actor.pc * .big-teeth-section .small-teeth-container .small-teeth-wrap { + display: flex; + /* Hide the browser's default checkbox */ + flex-direction: column; +} +.blades-in-the-dark.actor.pc * .big-teeth-section .small-teeth-container .small-teeth-wrap label { + height: 50px; + width: 17px; + background-image: url("assets/teeth/shorttooth-red.png"); + background-repeat: no-repeat; + background-size: contain; + margin-right: 5px; + cursor: not-allowed; +} +.blades-in-the-dark.actor.pc * .big-teeth-section .small-teeth-container .small-teeth-wrap label:last-of-type { + margin-right: 0px; +} +.blades-in-the-dark.actor.pc * .big-teeth-section .small-teeth-container .small-teeth-wrap label[for$="-0"] { + width: auto; + height: auto; + background-image: none !important; + color: #EEEFFF; +} +.blades-in-the-dark.actor.pc * .big-teeth-section .small-teeth-container .small-teeth-wrap label[for$="-0"] i { + margin-top: 4px; +} +.blades-in-the-dark.actor.pc * .big-teeth-section .small-teeth-container .small-teeth-wrap input { + display: none; +} +.blades-in-the-dark.actor.pc * .big-teeth-section .small-teeth-container .small-teeth-wrap input:checked ~ label { + background-image: url("assets/teeth/shorttooth-grey.png"); +} +.blades-in-the-dark.actor.pc * .big-teeth-section .small-teeth-container .small-teeth-wrap input:checked + label { + background-image: url("assets/teeth/shorttooth-red.png"); +} +.blades-in-the-dark.actor.pc * .big-teeth-section .small-teeth-container .small-teeth-wrap .small-teeth { + display: flex; + flex-direction: row; +} +.blades-in-the-dark.actor.pc * .big-teeth-section .trauma-list { + display: flex; + flex-wrap: wrap; + justify-content: space-between; + align-items: flex-start; +} +.blades-in-the-dark.actor.pc * .big-teeth-section .trauma-list label { + cursor: pointer; + font-size: 19px; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + margin-right: 10px; + transition: filter 0.1s; + cursor: pointer; + /* Hide the browser's default checkbox */ +} +.blades-in-the-dark.actor.pc * .big-teeth-section .trauma-list label:hover { + filter: brightness(0.8); + opacity: 0.9; +} +.blades-in-the-dark.actor.pc * .big-teeth-section .trauma-list label input { + display: none; +} +.blades-in-the-dark.actor.pc * .big-teeth-section .trauma-list label input:checked ~ .checkmark { + color: red; +} +.blades-in-the-dark.actor.pc * .big-teeth-section .trauma-list label .checkmark { + text-decoration: none; + font-weight: bold; +} +.blades-in-the-dark.actor.pc * .character-stress label[for$="-0"] { + margin-right: 0px; +} +.blades-in-the-dark.actor.pc * .abilities .item-name, .blades-in-the-dark.actor.pc * .loadout .item-name { + width: 100px; +} +.blades-in-the-dark.actor.pc * .abilities .item-body, .blades-in-the-dark.actor.pc * .loadout .item-body { + width: auto; +} +.blades-in-the-dark.actor.pc * .abilities .item-description, .blades-in-the-dark.actor.pc * .loadout .item-description { + width: 260px; +} +.blades-in-the-dark.actor.pc * .abilities .label-stripe p:first-child { + margin-right: 10px; +} +.blades-in-the-dark.actor.pc * .loadout .item-add-popup { + margin-left: 10px; +} +.blades-in-the-dark.actor.pc * .teeth-experience { + display: flex; + /* Hide the browser's default checkbox */ + position: absolute; + top: 0px; + right: 10px; +} +.blades-in-the-dark.actor.pc * .teeth-experience label { + height: 30px; + width: 10px; + background-image: url("assets/teeth/stresstooth-red.png"); + background-repeat: no-repeat; + background-size: contain; + margin-right: 5px; + transition: filter 0.1s; + cursor: pointer; +} +.blades-in-the-dark.actor.pc * .teeth-experience label:last-of-type { + margin-right: 0px; +} +.blades-in-the-dark.actor.pc * .teeth-experience label[for$="-0"] { + width: auto; + height: auto; + background-image: none !important; + color: #EEEFFF; +} +.blades-in-the-dark.actor.pc * .teeth-experience label[for$="-0"] i { + margin-top: 4px; +} +.blades-in-the-dark.actor.pc * .teeth-experience label:hover { + filter: brightness(0.8); + opacity: 0.9; +} +.blades-in-the-dark.actor.pc * .teeth-experience input { + display: none; +} +.blades-in-the-dark.actor.pc * .teeth-experience input:checked ~ label { + background-image: url("assets/teeth/stresstooth-halfgrey.png"); +} +.blades-in-the-dark.actor.pc * .teeth-experience input:checked + label { + background-image: url("assets/teeth/stresstooth-red.png"); +} +.blades-in-the-dark.actor.pc * .harm-armor { + display: flex; +} +.blades-in-the-dark.actor.pc * .harm-armor .character-harm { + width: 100%; +} +.blades-in-the-dark.actor.pc * .harm-armor .character-harm table { + width: 100%; +} +.blades-in-the-dark.actor.pc * .harm-armor .character-harm table th { + background-color: #191813; + color: #EEEFFF; +} +.blades-in-the-dark.actor.pc * .harm-armor .character-harm table input[type=text] { + width: 100%; +} +.blades-in-the-dark.actor.pc * .harm-armor .character-health-clock { + margin: 0 auto; + position: relative; +} +.blades-in-the-dark.actor.pc * .harm-armor .character-health-clock .blades-clock { + position: relative; + padding: 0; + width: 88px; + height: 88px; + border-radius: 50%; + list-style: none; + overflow: hidden; + background-size: cover; +} +.blades-in-the-dark.actor.pc * .harm-armor .character-health-clock .blades-clock label { + overflow: hidden; + position: absolute; + top: -50%; + right: -50%; + width: 100%; + height: 100%; + transform-origin: 0% 100%; + transition: filter 0.1s; + cursor: pointer; +} +.blades-in-the-dark.actor.pc * .harm-armor .character-health-clock .blades-clock label:hover { + filter: brightness(0.8); + opacity: 0.9; +} +.blades-in-the-dark.actor.pc * .harm-armor .character-health-clock .blades-clock input { + position: absolute; + display: none; +} +.blades-in-the-dark.actor.pc * .harm-armor .character-health-clock .blades-clock input[value="0"] { + display: none; +} +.blades-in-the-dark.actor.pc * .harm-armor .character-health-clock .blades-clock *:nth-child(3) { + transform: rotate(0deg) skewY(180deg); +} +.blades-in-the-dark.actor.pc * .harm-armor .character-health-clock .blades-clock *:nth-child(5) { + transform: rotate(90deg) skewY(180deg); +} +.blades-in-the-dark.actor.pc * .harm-armor .character-health-clock .blades-clock *:nth-child(7) { + transform: rotate(180deg) skewY(180deg); +} +.blades-in-the-dark.actor.pc * .harm-armor .character-health-clock .blades-clock *:nth-child(9) { + transform: rotate(270deg) skewY(180deg); +} +.blades-in-the-dark.actor.pc * .harm-armor .character-armor-uses div { + display: flex; + flex-direction: row; + justify-content: space-between; +} +.blades-in-the-dark.actor.pc * .attributes { + display: flex; + flex-direction: column; + width: 200px; +} +.blades-in-the-dark.actor.pc * .attributes .stripe { + background-color: #191813; + color: #EEEFFF; + font-size: 17px; + padding-left: 5px; +} +.blades-in-the-dark.actor.pc * .attributes .attribute-label, +.blades-in-the-dark.actor.pc * .attributes .attribute-skill-label { + font-weight: bold; + text-transform: uppercase; +} +.blades-in-the-dark.actor.pc * .attributes .attribute-skill-label { + letter-spacing: 1px; +} +.blades-in-the-dark.actor.pc * .attributes .attributes-exp { + position: relative; + margin-bottom: 10px; +} +.blades-in-the-dark.actor.pc * .attributes .attributes-exp .stripe-tooth-body { + display: flex; + /* Hide the browser's default checkbox */ + position: absolute; + top: 0px; + right: 0px; +} +.blades-in-the-dark.actor.pc * .attributes .attributes-exp .stripe-tooth-body label { + height: 30px; + width: 10px; + background-image: url("assets/teeth/xptooth-red.png"); + background-repeat: no-repeat; + background-size: contain; + margin-right: 5px; + transition: filter 0.1s; + cursor: pointer; +} +.blades-in-the-dark.actor.pc * .attributes .attributes-exp .stripe-tooth-body label:last-of-type { + margin-right: 0px; +} +.blades-in-the-dark.actor.pc * .attributes .attributes-exp .stripe-tooth-body label[for$="-0"] { + width: auto; + height: auto; + background-image: none !important; + color: #EEEFFF; +} +.blades-in-the-dark.actor.pc * .attributes .attributes-exp .stripe-tooth-body label[for$="-0"] i { + margin-top: 4px; +} +.blades-in-the-dark.actor.pc * .attributes .attributes-exp .stripe-tooth-body label:hover { + filter: brightness(0.8); + opacity: 0.9; +} +.blades-in-the-dark.actor.pc * .attributes .attributes-exp .stripe-tooth-body input { + display: none; +} +.blades-in-the-dark.actor.pc * .attributes .attributes-exp .stripe-tooth-body input:checked ~ label { + background-image: url("assets/teeth/xptooth-white.png"); +} +.blades-in-the-dark.actor.pc * .attributes .attributes-exp .stripe-tooth-body input:checked + label { + background-image: url("assets/teeth/xptooth-red.png"); +} +.blades-in-the-dark.actor.pc * .attributes .attributes-container { + display: flex; + margin: 3px 0px; + display: flex; + /* Hide the browser's default checkbox */ +} +.blades-in-the-dark.actor.pc * .attributes .attributes-container label { + height: 15px; + width: 15px; + background-color: #191813; + vertical-align: middle; + border: 2px solid #191813; + border-radius: 24px; + transition: filter 0.1s; + cursor: pointer; +} +.blades-in-the-dark.actor.pc * .attributes .attributes-container label[for$="-0"] { + height: 5px; + width: 5px; + border-radius: 24px; + background-image: none !important; + background-color: red !important; + margin-right: 0px; +} +.blades-in-the-dark.actor.pc * .attributes .attributes-container label:hover { + filter: brightness(0.7); + opacity: 0.7; +} +.blades-in-the-dark.actor.pc * .attributes .attributes-container input { + display: none; +} +.blades-in-the-dark.actor.pc * .attributes .attributes-container input:checked ~ label { + background-color: #EEEFFF; +} +.blades-in-the-dark.actor.pc * .attributes .attributes-container input:checked + label { + transition: filter 0.1s; + cursor: pointer; + background-color: #191813; +} +.blades-in-the-dark.actor.pc * .attributes .attributes-container input:checked + label:hover { + filter: brightness(0.7); + opacity: 0.7; +} +.blades-in-the-dark.actor.pc * .attributes .attributes-container * { + margin-right: 5px; +} +.blades-in-the-dark.actor.pc * .item { + justify-content: space-between; +} +.blades-in-the-dark.actor.pc * .item .item-body { + margin-bottom: 10px; +} +.blades-in-the-dark.actor.pc * .item .item-body * { + margin-right: 10px; +} +.blades-in-the-dark.actor.pc * .item .item-body .item-description { + font-style: italic; + text-align: justify; +} +.blades-in-the-dark.actor.pc * .item div { + flex-grow: 2; +} +.blades-in-the-dark.actor.pc * .item .item-control { + flex-grow: 1; +} +.blades-in-the-dark.actor.pc * .item .item-body, +.blades-in-the-dark.actor.pc * .item .item-class-label { + width: 100px; +} +.blades-in-the-dark.actor.pc * .item-class-label { + margin-bottom: 10px; +} +.blades-in-the-dark.actor.pc * .name, +.blades-in-the-dark.actor.pc * .lair, +.blades-in-the-dark.actor.pc * .alias { + margin-bottom: 10px; +} +.blades-in-the-dark.actor.pc * .coins { + display: flex; + /* Hide the browser's default checkbox */ + flex-wrap: wrap; +} +.blades-in-the-dark.actor.pc * .coins label { + height: 15px; + width: 15px; + background-color: #DAA520; + vertical-align: middle; + border: 1px solid #191813; + transition: filter 0.1s; + cursor: pointer; +} +.blades-in-the-dark.actor.pc * .coins label[for$="-0"] { + margin-right: 0px; +} +.blades-in-the-dark.actor.pc * .coins label:hover { + filter: brightness(0.8); + opacity: 0.9; +} +.blades-in-the-dark.actor.pc * .coins input { + display: none; +} +.blades-in-the-dark.actor.pc * .coins input:checked ~ label { + background-color: #EEEFFF; +} +.blades-in-the-dark.actor.pc * .coins input:checked + label { + background-color: #DAA520; +} +.blades-in-the-dark.actor.pc * .coins input ~ label { + margin-right: 3px; + margin-bottom: 3px; + transition: filter 0.2s; + cursor: pointer; +} +.blades-in-the-dark.actor.pc * .coins input ~ label[for$="0"] { + border-width: 2px; +} +.blades-in-the-dark.actor.pc * .coins input ~ label:hover { + filter: brightness(0.8); + opacity: 0.9; +} +.blades-in-the-dark.actor.pc * .coins.coins-hands { + width: 36px; +} +.blades-in-the-dark.actor.pc * .coins.coins-stashed { + width: 190px; +} +.blades-in-the-dark.item.sheet .item { + justify-content: space-between; +} +.blades-in-the-dark.item.sheet .item .item-body { + margin-bottom: 10px; +} +.blades-in-the-dark.item.sheet .item .item-body * { + margin-right: 10px; +} +.blades-in-the-dark.item.sheet .item .item-body .item-description { + font-style: italic; + text-align: justify; +} +.blades-in-the-dark.item.sheet .item div { + flex-grow: 2; +} +.blades-in-the-dark.item.sheet .item .item-control { + flex-grow: 1; +} +.blades-in-the-dark.item.sheet .item .item-body, +.blades-in-the-dark.item.sheet .item .item-class-label { + width: 100px; +} +.blades-in-the-dark.item.sheet .item-class-label { + margin-bottom: 10px; +} + +.chat-label { + background-color: #191813; + font-family: Kirsty, serif; + color: #EEEFFF; + font-size: 21px; + text-align: center; + padding: 0px 5px; + height: 30px !important; + text-transform: capitalize; +} + +.chat-label-small { + background-color: #999; + color: #191813; + font-size: small; + text-align: center; + padding: 3px 5px; + height: 20px !important; +} + +.label-stripe-chat { + text-transform: uppercase; + background-color: #191813; + color: #EEEFFF; + margin-bottom: 10px; + position: relative; + padding-top: 3px; + display: flex; + font-weight: bold; + margin: 0; +} + +.label-stripe-chat-small { + text-transform: capitalize; + background-color: #999; + color: #191813; + margin-bottom: 10px; + position: relative; + padding-top: 3px; + display: flex; + font-weight: bold; +} + +.blades-die-tooltip .die { + font-weight: bold; + text-transform: capitalize; + font-size: large; +} +.blades-die-tooltip .die.critical-success { + color: #12a012; +} +.blades-die-tooltip .die.success { + color: #008000; +} +.blades-die-tooltip .die.partial-success { + color: #04578f; +} +.blades-die-tooltip .die.failure { + color: red; +} + +.items-to-add { + display: flex; + flex-direction: column; + flex-wrap: wrap; + justify-content: space-around; +} +.items-to-add input[type=radio], +.items-to-add input[type=checkbox] { + display: none; +} +.items-to-add input[type=radio]:checked + label, +.items-to-add input[type=checkbox]:checked + label { + font-weight: bold; +} +.items-to-add .tooltip .tooltiptext { + visibility: hidden; + width: 200px; + background-color: #191813; + color: #EEEFFF; + text-align: center; + padding: 5px; + border-radius: 6px; + position: absolute; + z-index: 9999; +} +.items-to-add .tooltip:hover .tooltiptext { + visibility: visible; } /*# sourceMappingURL=blades.css.map */ diff --git a/styles/blades.css.map b/styles/blades.css.map index 352621d..6cc425d 100644 --- a/styles/blades.css.map +++ b/styles/blades.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["../scss/mixin.scss","../scss/style.scss"],"names":[],"mappings":"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E;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA,OAxiBS;;AA+iBX;EACE;;AAIE;EACE,OAtjBJ;;AAgkBF;EACE;;AAIJ;EACE;;AAEA;EACE;;AAEF;EACE;;AAIA;EACE;;AAIJ;EAEE;;AAEA;EACE;;AAEA;EACE,OA3lBK;EA4lBL;EACA,kBA9lBK;;AAkmBT;EACE;EACA;EACA;;AAMN;EAEE;EACA;EACA;EACA;;AAEA;AAAA;EAEE;;AAEA;AAAA;EACE;;AAQJ;EACE;EACA;EACA,kBAloBS;EAmoBT,OAloBS;EAmoBT;EACA;EACA;EAGA;EACA;;AAGF;EACE;;AAMF;EACE;EACA;EACA;;AAEA;EACE,OAtpBM;;AAypBR;EACE,OA3pBA;;AA8pBF;EACE,OA7pBD;;AAgqBD;EACE,OAvqBF;;AA6qBJ;EACE,OA7qBW;;AAkrBT;EDleJ;;AAEA;EAEE;EAIA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EAvOJ;EACA;;AAEA;EACE;EACA,SAqOiC;;AAGjC;EACE;EACA;;AAiBF;EACE;;AAMA;EACE;;AADF;EACE;;AADF;EACE;;AADF;EACE;;AC6aF;EDreJ;;AAEA;EAEE;EAIA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EAvOJ;EACA;;AAEA;EACE;EACA,SAqOiC;;AAGjC;EACE;EACA;;AAiBF;EACE;;AAMA;EACE;;AADF;EACE;;AADF;EACE;;AADF;EACE;;AADF;EACE;;AADF;EACE;;ACgbF;EDxeJ;;AAEA;EAEE;EAIA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EAvOJ;EACA;;AAEA;EACE;EACA,SAqOiC;;AAGjC;EACE;EACA;;AAiBF;EACE;;AAMA;EACE;;AADF;EACE;;AADF;EACE;;AADF;EACE;;AADF;EACE;;AADF;EACE;;AADF;EACE;;AADF;EACE;;ACubJ;EACE;EACA;;AAKF;EDtsBF;EACA;;AAEA;EACE;EACA,SCIY;EDFV,OCRA;;AA6sBF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,kBAttBS;EAutBT;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAIJ;EACE","file":"blades.css"} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["../scss/import/mixin.scss","../scss/fonts.scss","../scss/style.scss","../scss/import/general-styles.scss","../scss/import/clocks.scss","../scss/import/coins.scss","../scss/import/crew-sheet.scss","../scss/import/character-sheet.scss","../scss/import/item-sheet.scss","../scss/import/chat.scss","../scss/import/dialogs.scss"],"names":[],"mappings":"AAEA;AAAA;AAAA;AAgBA;AAAA;AAAA;AAyDA;AAAA;AAAA;AAoDA;AAAA;AAAA;AA2CA;AAAA;AAAA;AAmCA;AAAA;AAAA;AAwEA;AAAA;AAAA;AA8FA;AAAA;AAAA;AAoCA;AAAA;AAAA;ACtZA;EACE;EACA;AAAgE;EAChE;EACA;;AAGF;EACE;EACA;AAAoE;EACpE;EACA;;AAGF;EACE;EACA;AAA0E;EAC1E;EACA;;AAGF;EACE;EACA;AAAsE;EACtE;EACA;;AAIF;EACE;EACA;AAAkF;EAClF;EACA;;AAGF;EACE;EACA;AAA+E;EAC/E;EACA;;AAGF;EACE;EACA;AAAqF;EACrF;EACA;;AAGF;EACE;EACA;AAAiF;EACjF;EACA;;AAGF;EACE;EACA;AAAmF;EACnF;EACA;;AAGF;EACE;EACA;AAAyF;EACzF;EACA;;AC5CF;EACE;;AC1BF;EACE;EACA;;AAGF;EACE;;AAEA;EACE;;AAIJ;EACE;;AAEF;EACE;EACA,ODdI;;ACiBN;EACE;EACA;EACA;;AAEA;EACE;;AAEA;EACE;;AAIJ;EACE;;AAGF;EACE;;AAGF;EACE;EACA;;AAIJ;EACE;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;;AACA;EACE;;AAGJ;EACE,kBD7Da;EC8Db,OD7Da;EC8Db;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE,kBD1EK;EC2EL,ODzEa;EC0Eb;EACA;EACA;EACA;EACA;EACA;;AAIF;EACE;EACA,kBDrFa;ECsFb,ODrFa;ECsFb;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA,kBDnGK;ECoGL;EACA;EACA;EACA;EACA;EACA;;AAGF;AAAA;EAEE;;AAGF;EACE;;AAIA;EHnHA;EACA;;AAEA;EACE;EACA,SEGY;EFDV,OETA;;AC2HJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,kBDpIW;ECqIX;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAIJ;EACE;;AAKF;EACE;EACA;;AAEF;EACE;;AAEF;EACE;;AAIJ;EACE;;ACzKF;EACE;EACA;;AAGF;EACE,OFDa;;AEKb;EJ4MA;;AAEA;EAEE;EAIA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EAvOJ;EACA;;AAEA;EACE;EACA,SAqOiC;;AAGjC;EACE;EACA;;AAiBF;EACE;;AAMA;EACE;;AADF;EACE;;AADF;EACE;;AADF;EACE;;AIjQN;EJyMA;;AAEA;EAEE;EAIA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EAvOJ;EACA;;AAEA;EACE;EACA,SAqOiC;;AAGjC;EACE;EACA;;AAiBF;EACE;;AAMA;EACE;;AADF;EACE;;AADF;EACE;;AADF;EACE;;AADF;EACE;;AADF;EACE;;AI9PN;EJsMA;;AAEA;EAEE;EAIA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EAvOJ;EACA;;AAEA;EACE;EACA,SAqOiC;;AAGjC;EACE;EACA;;AAiBF;EACE;;AAMA;EACE;;AADF;EACE;;AADF;EACE;;AADF;EACE;;AADF;EACE;;AADF;EACE;;AADF;EACE;;AADF;EACE;;AIxPN;EACE;;AAEF;EACE;;ACvBJ;ELiIE;AAsBA;EKrJA;;ALsIE;EACE,QK5IM;EL6IN,OK7IM;EL8IN,kBEvIC;EFyID;EACA;EA3IJ;EACA;;AA4II;EACE;;AA3IN;EACE;EACA,SA2IiC;;AAKnC;EACE;;AAIE;EACE,kBE3JO;;AF6JT;EACE,kBE7JD;;AGAL;EACE,cAPU;EAQV,eARU;ELKZ;EACA;;AKIE;EACE;;ALHJ;EACE;EACA,SEGY;;AGId;EACE;;AAGF;EACE;;AClBJ;EAEE;;AAEA;EAEE;;AACA;EACE;;AAGF;EACE;EACA;;AAIJ;EACE;;AAEF;EACE;;AAEF;AAAA;EAEE;;AAIJ;EACE;;AAGF;AAAA;EAGE;;AAIA;EACE;;AAIJ;EACE;;AAKF;EN4EE;AAsBA;EMhGA;EACA;;ANgFE;EACE,QK5IM;EL6IN,OK7IM;EL8IN,kBEvIC;EFyI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","file":"blades.css"} \ No newline at end of file diff --git a/templates/actor-sheet.html b/templates/actor-sheet.html index f0c6129..e6facc8 100644 --- a/templates/actor-sheet.html +++ b/templates/actor-sheet.html @@ -1,16 +1,18 @@
-
- - +
-
+ +
+ +
+
- +
-
+
{{localize "BITD.Heritage"}}
@@ -76,9 +78,9 @@
-
+
- +
{{> "systems/blades-in-the-dark/templates/parts/coins.html" actor=actor}} @@ -87,11 +89,11 @@
{{!-- Experience --}} -
+
{{!-- Stress and Trauma --}} -
-
+
+
{{#multiboxes data.stress.value}} @@ -110,19 +112,19 @@ {{#traumacounter data.trauma.list}}
-
+
{{#times_from_1 data.trauma.max}} - - + + {{/times_from_1}}
{{/traumacounter}}
-
+
{{!-- Harm, Healing and Armor --}} -
-
+
+
@@ -176,22 +178,22 @@ - @@ -239,11 +241,11 @@ {{localize "BITD.AllItems"}} -
+

-
+
{{#multiboxes data.experience}} @@ -269,7 +271,7 @@
-
+
{{#each actor.items as |item id|}} {{#if (eq item.type "ability")}}
@@ -286,7 +288,7 @@
{{!-- Owned Items Tab --}} -
+

{{localize "BITD.Loadout"}}

{{data.loadout}}/{{localize data.load_level}}

@@ -321,7 +323,7 @@
{{!-- Active Effects --}} -
+

{{localize "BITD.Effects"}}

diff --git a/templates/crew-sheet.html b/templates/crew-sheet.html index f4ed8ae..006b01d 100644 --- a/templates/crew-sheet.html +++ b/templates/crew-sheet.html @@ -4,10 +4,10 @@ -
-
- - +
+
+ +
@@ -29,42 +29,42 @@
-
- - +
+ +
-
+
{{localize "BITD.Hold"}}
{{#multiboxes data.hold}}
{{localize "BITD.Weak"}}
- - + +
{{localize "BITD.Strong"}}
- - + +
{{/multiboxes}}
-
+
{{#multiboxes data.tier}} - - - - - - - - - - + + + + + + + + + + {{/multiboxes}}
@@ -74,71 +74,71 @@
-
+
{{#multiboxes data.reputation}} {{#repturf data.turfs_amount}} - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + {{/repturf}} {{/multiboxes}}
{{localize "BITD.Turf"}}
{{!-- Coins --}} -
+
-
+
- +
{{#multiboxes data.coins.value}} - - - - - - - - - + + + + + + + + + {{/multiboxes}}
{{#if data.vault.max}} -
+
- +
{{#multiboxes data.vault.value}} - + {{#crew_vault_coins data.vault.max}}{{/crew_vault_coins}} {{/multiboxes}}
@@ -149,47 +149,47 @@
{{!-- Heat/Wanted --}} -
+
-
+
{{#multiboxes data.heat}} - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + {{/multiboxes}}
-
+
{{#multiboxes data.wanted}} -
- +
+
- - - - - - - - - + + + + + + + + +
{{/multiboxes}} @@ -202,7 +202,7 @@
-
+
{{#each actor.items as |item id|}} {{#if (eq item.type "crew_type")}}
{{item.name}}
@@ -224,11 +224,11 @@ {{!-- Crew XP --}}
-
- +
+ {{#multiboxes data.experience}} - - {{#crew_experience}}{{/crew_experience}} + + {{#crew_experience actor}}{{/crew_experience}} {{/multiboxes}}
@@ -257,7 +257,7 @@ {{#each actor.items as |item id|}} {{#if (eq item.type "crew_type")}}
- {{> "systems/blades-in-the-dark/templates/parts/turf-list.html" turfs_data=item.data.turfs can_edit=false}} + {{> "systems/blades-in-the-dark/templates/parts/turf-list.html" actor=../actor turfs_data=item.data.turfs can_edit=false}}
{{/if}} {{/each}} @@ -265,7 +265,7 @@ {{!-- Crew Upgrades --}} -
+

{{localize "BITD.CrewUpgrades"}}

@@ -284,7 +284,7 @@
{{!-- Crew Abilities --}} -
+

{{localize "BITD.SpecialAbilities"}}

@@ -303,7 +303,7 @@
{{!-- Cohorts --}} -
+

{{localize "BITD.Cohorts"}}

@@ -320,7 +320,7 @@
{{!-- Notes --}} -
+

{{localize "BITD.Notes"}}

diff --git a/templates/faction-sheet.html b/templates/faction-sheet.html index 978eb80..28daef0 100644 --- a/templates/faction-sheet.html +++ b/templates/faction-sheet.html @@ -11,7 +11,7 @@ {{#each actor.items as |faction id|}} {{#if (eq faction.type "faction")}} -
+
{{faction.name}}
{{localize "BITD.Tier"}}: {{faction.data.tier}}
diff --git a/templates/items/ability.html b/templates/items/ability.html index 01f2dcb..c8f151a 100644 --- a/templates/items/ability.html +++ b/templates/items/ability.html @@ -7,7 +7,7 @@ {{!-- Sheet Body --}} -
+
{{editor content=data.description target="data.description" button=true owner=owner editable=editable}}
diff --git a/templates/items/cohort.html b/templates/items/cohort.html index 09121de..88bc1b8 100644 --- a/templates/items/cohort.html +++ b/templates/items/cohort.html @@ -110,7 +110,7 @@
-
+
diff --git a/templates/items/crew_ability.html b/templates/items/crew_ability.html index ac152f9..4db780c 100644 --- a/templates/items/crew_ability.html +++ b/templates/items/crew_ability.html @@ -7,7 +7,7 @@ {{!-- Sheet Body --}} -
+
{{editor content=data.description target="data.description" button=true owner=owner editable=editable}}
diff --git a/templates/parts/attributes.html b/templates/parts/attributes.html index 8c8402b..45a441d 100644 --- a/templates/parts/attributes.html +++ b/templates/parts/attributes.html @@ -1,9 +1,9 @@ -
{{localize "BITD.Harm"}} {{localize "BITD.NeedHelp"}} -
+
{{{blades-clock "data.healing-clock" 4 data.healing-clock actor._id}}}
+
- - + +
- - + +
- - + +