diff --git a/images/icons/.directory b/images/icons/.directory index 63007f0..75db5e3 100644 --- a/images/icons/.directory +++ b/images/icons/.directory @@ -1,5 +1,6 @@ [Dolphin] SortRole=modificationtime -Timestamp=2023,5,10,17,7,42.817 +Timestamp=2024,6,1,19,13,35.263 Version=4 +ViewMode=1 VisibleRoles=Details_text,Details_size,Details_modificationtime,Details_creationtime,CustomizedDetails diff --git a/images/icons/acrobatic.svg b/images/icons/acrobatic.svg deleted file mode 100644 index b8cec94..0000000 --- a/images/icons/acrobatic.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/images/icons/adresse.webp b/images/icons/adresse.webp new file mode 100644 index 0000000..f480e86 Binary files /dev/null and b/images/icons/adresse.webp differ diff --git a/images/icons/arme_melee.webp b/images/icons/arme_melee.webp new file mode 100644 index 0000000..543a8c6 Binary files /dev/null and b/images/icons/arme_melee.webp differ diff --git a/images/icons/arme_tir.webp b/images/icons/arme_tir.webp new file mode 100644 index 0000000..0950a72 Binary files /dev/null and b/images/icons/arme_tir.webp differ diff --git a/images/icons/armure.webp b/images/icons/armure.webp new file mode 100644 index 0000000..8914384 Binary files /dev/null and b/images/icons/armure.webp differ diff --git a/images/icons/awareness.svg b/images/icons/awareness.svg deleted file mode 100644 index 2b72ce7..0000000 --- a/images/icons/awareness.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/images/icons/bienveillance.webp b/images/icons/bienveillance.webp new file mode 100644 index 0000000..31a4fc0 Binary files /dev/null and b/images/icons/bienveillance.webp differ diff --git a/images/icons/bouclier.webp b/images/icons/bouclier.webp new file mode 100644 index 0000000..5eedb01 Binary files /dev/null and b/images/icons/bouclier.webp differ diff --git a/images/icons/cccompetence.webp b/images/icons/cccompetence.webp new file mode 100644 index 0000000..14cddb5 Binary files /dev/null and b/images/icons/cccompetence.webp differ diff --git a/images/icons/ccsavoir.webp b/images/icons/ccsavoir.webp new file mode 100644 index 0000000..3ffee20 Binary files /dev/null and b/images/icons/ccsavoir.webp differ diff --git a/images/icons/classical-knowledge.png b/images/icons/classical-knowledge.png deleted file mode 100644 index 4beec01..0000000 Binary files a/images/icons/classical-knowledge.png and /dev/null differ diff --git a/images/icons/classical-knowledge.svg b/images/icons/classical-knowledge.svg deleted file mode 100644 index 6cae022..0000000 --- a/images/icons/classical-knowledge.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/images/icons/compass.webp b/images/icons/compass.webp new file mode 100644 index 0000000..696cdb4 Binary files /dev/null and b/images/icons/compass.webp differ diff --git a/images/icons/competence.webp b/images/icons/competence.webp new file mode 100644 index 0000000..ccb6304 Binary files /dev/null and b/images/icons/competence.webp differ diff --git a/images/icons/complexion.webp b/images/icons/complexion.webp new file mode 100644 index 0000000..f639e37 Binary files /dev/null and b/images/icons/complexion.webp differ diff --git a/images/icons/education.webp b/images/icons/education.webp new file mode 100644 index 0000000..ca5c1f9 Binary files /dev/null and b/images/icons/education.webp differ diff --git a/images/icons/entregent.webp b/images/icons/entregent.webp new file mode 100644 index 0000000..2a4f0cb Binary files /dev/null and b/images/icons/entregent.webp differ diff --git a/images/icons/equipement.webp b/images/icons/equipement.webp new file mode 100644 index 0000000..273b9d5 Binary files /dev/null and b/images/icons/equipement.webp differ diff --git a/images/icons/equipement2.webp b/images/icons/equipement2.webp new file mode 100644 index 0000000..695ce03 Binary files /dev/null and b/images/icons/equipement2.webp differ diff --git a/images/icons/providence.webp b/images/icons/providence.webp new file mode 100644 index 0000000..74d7d49 Binary files /dev/null and b/images/icons/providence.webp differ diff --git a/images/icons/puissance.webp b/images/icons/puissance.webp new file mode 100644 index 0000000..3ca21a6 Binary files /dev/null and b/images/icons/puissance.webp differ diff --git a/images/icons/revolt.svg b/images/icons/revolt.svg deleted file mode 100644 index 3c3de01..0000000 --- a/images/icons/revolt.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/images/icons/savoir.webp b/images/icons/savoir.webp new file mode 100644 index 0000000..81a6429 Binary files /dev/null and b/images/icons/savoir.webp differ diff --git a/images/icons/sensibilite.webp b/images/icons/sensibilite.webp new file mode 100644 index 0000000..c889d7b Binary files /dev/null and b/images/icons/sensibilite.webp differ diff --git a/images/icons/shaking-hands.svg b/images/icons/shaking-hands.svg deleted file mode 100644 index 875e24a..0000000 --- a/images/icons/shaking-hands.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/images/icons/strong.svg b/images/icons/strong.svg deleted file mode 100644 index 3ec04c7..0000000 --- a/images/icons/strong.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/modules/actors/tedeum-actor-sheet.js b/modules/actors/tedeum-actor-sheet.js index ba1984a..c636aae 100644 --- a/modules/actors/tedeum-actor-sheet.js +++ b/modules/actors/tedeum-actor-sheet.js @@ -42,6 +42,7 @@ export class TeDeumActorPJSheet extends ActorSheet { providence: this.actor.prepareProvidence(), arbreCompetences: this.actor.prepareArbreCompetences(), equipements: this.actor.getEquipements(), + graces: this.actor.getGraces(), description: await TextEditor.enrichHTML(this.object.system.description, { async: true }), notes: await TextEditor.enrichHTML(this.object.system.notes, { async: true }), options: this.options, diff --git a/modules/actors/tedeum-actor.js b/modules/actors/tedeum-actor.js index 99e257e..acac15c 100644 --- a/modules/actors/tedeum-actor.js +++ b/modules/actors/tedeum-actor.js @@ -83,6 +83,11 @@ export class TeDeumActor extends Actor { return comp; } /* -------------------------------------------- */ + getGraces() { + let comp = duplicate(this.items.filter(item => item.type == 'grace') || []) + TeDeumUtility.sortArrayObjectsByName(comp) + return comp; + } getArmes() { let comp = duplicate(this.items.filter(item => item.type == 'arme') || []) TeDeumUtility.sortArrayObjectsByName(comp) diff --git a/modules/common/tedeum-config.js b/modules/common/tedeum-config.js index ace7e93..0ebd6e7 100644 --- a/modules/common/tedeum-config.js +++ b/modules/common/tedeum-config.js @@ -27,14 +27,30 @@ export const TEDEUM_CONFIG = { }, ARME_SPECIFICITE: { - "encombrante": { label: "Encombrante", id: "encombrante" }, - "maintiendistance": { label: "Maintien à distance", id: "maintiendistance" }, - "treslongue": { label: "Très longue", id: "treslongue" }, - "coupassomant": { label: "Coup assomant", id: "coupassomant" }, - "peutlancer": { label: "Peut être lancée", id: "peutlancer" }, + "encombrante": { label: "Encombrante", id: "encombrante", melee: true, tir: true}, + "maintiendistance": { label: "Maintien à distance", id: "maintiendistance", melee: true, tir: false }, + "coupassomant": { label: "Coup assomant", id: "coupassomant", melee: true, tir: false}, + "peutlancer": { label: "Peut être lancée", id: "peutlancer", melee: true, tir: false}, + "pasboutportant": { label: "Inutilisable à bout portant", id: "pasboutportant", melee: false, tir: true}, + "rechargearquebusade": { label: "Retrancher l'Arquebusade au temps de recharge", id: "rechargearquebusade", melee: false, tir: true }, + "mitraille": { label: "Mitraille", id: "mitraille", melee: false, tir: true }, + "degatscharge": { label: "Dégâts accrus à la charge", id: "degatscharge", melee: true, tir: false }, + "crochecavalier": { label: "Croche-cavalier", id: "crochecavalier", melee: true, tir: false }, + "coupfaucheur": { label: "Coup du faucheur", id: "coupfaucheur", melee: true, tir: false }, + "briselances": { label: "Brise-lances", id: "briselances", melee: true, tir: false }, + "pasbrisemaingaucheespagnole": { label: "Ne peut être brisé pas une main gauche espagnole", id: "pasbrisemaingaucheespagnole", melee: true, tir: false }, + "peutbriser": { label: "Peut briser", id: "peutbriser", melee: true, tir: false }, }, - descriptionValeur: { + ARME_PORTEES: { + "brulepourpoint": { label: "Brûle-pourpoint", difficulty: "facile", id: "brulepourpoint"}, + "courte": { label: "Courte", difficulty: "pardefaut", id: "courte"}, + "moyenne": { label: "Moyenne", difficulty: "difficile", id: "moyenne"}, + "longue": { label: "Longue", difficulty: "perilleux", id: "longue"}, + "extreme": { label: "Extrême", difficulty: "desespere", id: "extreme"}, + }, + + descriptionValeurOdd: { 1: { valeur: 1, qualite: "Mauvais", dice: "d4", negativeDice: "d20", savoir: "Sot", sensibilite: "Obtus", entregent: "Rustaud", puissance: "Menu", complexion: "Anémique", adresse: "Empesé" }, 2: { valeur: 2, qualite: "Médiocre", dice: "d6", negativeDice: "d12", savoir: "Limité", sensibilite: "Etriqué", entregent: "Frustre", puissance: "Délicat", complexion: "Languide", adresse: "Gauche" }, 3: { valeur: 3, qualite: "Correct", dice: "d8", negativeDice: "d10", savoir: "Mêlé", sensibilite: "Ouvert", entregent: "Badin", puissance: "Membru", complexion: "Dispos", adresse: "Ingambe" }, @@ -48,6 +64,14 @@ export const TEDEUM_CONFIG = { 11: { valeur: 11, qualite: "Excellent", dice: "d12", negativeDice: "d6", savoir: "Docte", sensibilite: "Subtil", entregent: "Galant", puissance: "Musculeux", complexion: "Sanguin", adresse: "Preste" }, 12: { valeur: 12, qualite: "Admirable", dice: "d20", negativeDice: "d4", savoir: "Humaniste", sensibilite: "Spirituel", entregent: "Sémillant", puissance: "Hercule", complexion: "Aguerri", adresse: "Alerte" }, }, + descriptionValeur: { + 1: { valeur: 1, qualite: "Mauvais", dice: "d4", negativeDice: "d20", savoir: "Sot", sensibilite: "Obtus", entregent: "Rustaud", puissance: "Menu", complexion: "Anémique", adresse: "Empesé" }, + 2: { valeur: 2, qualite: "Médiocre", dice: "d6", negativeDice: "d12", savoir: "Limité", sensibilite: "Etriqué", entregent: "Frustre", puissance: "Délicat", complexion: "Languide", adresse: "Gauche" }, + 3: { valeur: 3, qualite: "Correct", dice: "d8", negativeDice: "d10", savoir: "Mêlé", sensibilite: "Ouvert", entregent: "Badin", puissance: "Membru", complexion: "Dispos", adresse: "Ingambe" }, + 4: { valeur: 4, qualite: "Bon", dice: "d10", negativeDice: "d8", savoir: "Lettré", sensibilite: "Fin", entregent: "Disert", puissance: "Vigoureux", complexion: "Gaillard", adresse: "Leste" }, + 5: { valeur: 5, qualite: "Excellent", dice: "d12", negativeDice: "d6", savoir: "Docte", sensibilite: "Subtil", entregent: "Galant", puissance: "Musculeux", complexion: "Sanguin", adresse: "Preste" }, + 6: { valeur: 6, qualite: "Admirable", dice: "d20", negativeDice: "d4", savoir: "Humaniste", sensibilite: "Spirituel", entregent: "Sémillant", puissance: "Hercule", complexion: "Aguerri", adresse: "Alerte" }, + }, diceValeur: [ "d4", "d6", "d8", "d10", "d12", "d20" ], degatsArmure : { sansarmure : { label: "Sans armure"}, @@ -79,6 +103,21 @@ export const TEDEUM_CONFIG = { melee: { label: "Mêlée", value: "melee" }, tir: { label: "Tir", value: "tir" } }, + armeAllonges: { + courte: { label: "Courte", value: "courte" }, + moyenne: { label: "Moyenne", value: "moyenne" }, + longue: { label: "Longue", value: "longue" }, + treslongue: { label: "Très longue", value: "treslongue"} + }, + armeCompetences: { + bagarre: { label: "Bagarre", value: "bagarre" }, + maingauche: { label: "Main gauche", value: "maingauche" }, + escrime: { label: "Escrime", value: "escrime" }, + hast: { label: "Armes d'Hast", value: "hast" }, + lancer: { label: "Lancer", value: "lancer" }, + archerie: { label: "Archerie", value: "archerie" }, + arquebusade: { label: "Arquebusade", value: "arquebusade" } + }, difficulte: { routine: { label: "Routine", value: 3 }, facile: { label: "Facile", value: 5 }, diff --git a/modules/common/tedeum-utility.js b/modules/common/tedeum-utility.js index dddda6e..1410c08 100644 --- a/modules/common/tedeum-utility.js +++ b/modules/common/tedeum-utility.js @@ -50,9 +50,17 @@ export class TeDeumUtility { //console.log("getConfigLabel", configName, key) return game.system.tedeum.config[configName][key].label }) + Handlebars.registerHelper('isSpecArmeType', function (key, armeType) { + return game.system.tedeum.config.ARME_SPECIFICITE[key][armeType] + }) + Handlebars.registerHelper('getConfigLabelWithGender', function (configName, key, genderKey) { return game.system.tedeum.config[configName][key]["label"+genderKey] }) + Handlebars.registerHelper('getCaracDescription', function (key, value) { + return game.system.tedeum.config.descriptionValeur[Number(value)][key] + }) + Handlebars.registerHelper('isGM', function () { return game.user.isGM }) @@ -333,7 +341,7 @@ export class TeDeumUtility { } if (rollData.diceSum == 1) { let critiqueRoll = await new Roll(rollData.carac.negativeDice).roll() - await this.showDiceSoNice(myRoll, game.settings.get("core", "rollMode")) + await this.showDiceSoNice(critiqueRoll, game.settings.get("core", "rollMode")) rollData.critiqueRoll = foundry.utils.duplicate(critiqueRoll) if (critiqueRoll.total > rollData.competence.score) { rollData.isEchecCritique = true diff --git a/modules/data/tedeum-schema-arme.js b/modules/data/tedeum-schema-arme.js index aa6824a..5a4d544 100644 --- a/modules/data/tedeum-schema-arme.js +++ b/modules/data/tedeum-schema-arme.js @@ -6,6 +6,7 @@ export class TeDeumArmeSchema extends foundry.abstract.TypeDataModel { const schema = {}; schema.typeArme = new fields.StringField({required: true, choices: ["melee", "tir"], initial: "melee"}); + schema.allonge = new fields.StringField({required: true, choices: ["courte", "moyenne", "longue", "treslongue"], initial: "courte"}); schema.specificites = new fields.SchemaField( Object.values((game.system.tedeum.config.ARME_SPECIFICITE)).reduce((obj, spec) => { @@ -15,17 +16,35 @@ export class TeDeumArmeSchema extends foundry.abstract.TypeDataModel { return obj; }, {}) ); - + + schema.portees = new fields.SchemaField( + Object.values((game.system.tedeum.config.ARME_PORTEES)).reduce((obj, spec) => { + obj[spec.id] = new fields.SchemaField({ + value: new fields.NumberField({ ...requiredInteger, initial: 0, min: 0 }) + }); + return obj; + }, {}) + ); + schema.degatsArmure = new fields.SchemaField( { sansarmure : new fields.NumberField({ ...requiredInteger, initial: 0, min: 0 }), cuir : new fields.NumberField({ ...requiredInteger, initial: 0, min: 0 }), plates : new fields.NumberField({ ...requiredInteger, initial: 0, min: 0 }), mailles : new fields.NumberField({ ...requiredInteger, initial: 0, min: 0 }), }); + + schema.tempsRecharge = new fields.NumberField({ ...requiredInteger, initial: 0, min: 0 }); + schema.valeurEchecCritique = new fields.NumberField({ ...requiredInteger, initial: 1, min: 1 }); schema.initiativeBonus = new fields.NumberField({ ...requiredInteger, initial: 0, min: 0 }); schema.degats = new fields.StringField({ required: false, blank: true, initial: undefined }); + let comp = [] + for (let key of Object.keys(game.system.tedeum.config.armeCompetences)) { + comp.push(key); + } + schema.competence = new fields.StringField({ required: true, choices:comp, initial: "bagarre" }); + schema.competence2 = new fields.StringField({ required: false, choices:comp, initial: "", blank: true }); schema.prix = new fields.NumberField({ ...requiredDouble, initial: 0, min: 0 }); schema.monnaie = new fields.StringField({ required: true, blank: false, initial: "denier" }); diff --git a/modules/data/tedeum-schema-grace.js b/modules/data/tedeum-schema-grace.js new file mode 100644 index 0000000..af5f4a6 --- /dev/null +++ b/modules/data/tedeum-schema-grace.js @@ -0,0 +1,14 @@ +export class TeDeumGraceSchema extends foundry.abstract.TypeDataModel { + static defineSchema() { + const fields = foundry.data.fields; + const requiredInteger = { required: true, nullable: false, integer: true }; + const schema = {}; + + schema.prerequis = new fields.StringField({ required: true, blank: true, initial: "" }); + schema.effet = new fields.StringField({ required: true, blank: true, initial: "" }); + + schema.description = new fields.HTMLField({ required: true, blank: true }); + + return schema; + } +} \ No newline at end of file diff --git a/modules/data/tedeum-schema-pj.js b/modules/data/tedeum-schema-pj.js index bca68db..bb1c458 100644 --- a/modules/data/tedeum-schema-pj.js +++ b/modules/data/tedeum-schema-pj.js @@ -40,7 +40,7 @@ export class TeDeumPJSchema extends foundry.abstract.TypeDataModel { schema.description = new fields.HTMLField({required: true, blank: true}); schema.connaissances = new fields.HTMLField({required: true, blank: true}); schema.vetements = new fields.HTMLField({required: true, blank: true}); - schema.descriptiongraces = new fields.HTMLField({required: true, blank: true}); + //schema.descriptiongraces = new fields.HTMLField({required: true, blank: true}); schema.genre = new fields.StringField({required: true, choices: ["Homme", "Femme"], initial: "Femme"}); schema.age = new fields.StringField({ required: false, blank: true, initial: undefined }); schema.statutocial = new fields.StringField({ required: false, blank: true, initial: undefined }); diff --git a/modules/items/tedeum-item.js b/modules/items/tedeum-item.js index ecb1ffc..4b6a318 100644 --- a/modules/items/tedeum-item.js +++ b/modules/items/tedeum-item.js @@ -1,11 +1,12 @@ import { TeDeumUtility } from "../common/tedeum-utility.js"; export const defaultItemImg = { - arme: "systems/fvtt-te-deum/images/icons/icon_arme.webp", - armure: "systems/fvtt-te-deum/images/icons/icon_armure.webp", - equipement: "systems/fvtt-te-deum/images/icons/icon_equipement.webp", - competence: "systems/fvtt-te-deum/images/icons/icon_competence.webp", - education: "systems/fvtt-te-deum/images/icons/icon_education.webp", + arme: "systems/fvtt-te-deum/images/icons/arme_melee.webp", + armure: "systems/fvtt-te-deum/images/icons/armure.webp", + equipement: "systems/fvtt-te-deum/images/icons/equipement.webp", + competence: "systems/fvtt-te-deum/images/icons/competence.webp", + education: "systems/fvtt-te-deum/images/icons/education.webp", + grace: "systems/fvtt-te-deum/images/icons/grace.webp", } /** diff --git a/modules/tedeum-main.js b/modules/tedeum-main.js index e2ba037..76e1bbc 100644 --- a/modules/tedeum-main.js +++ b/modules/tedeum-main.js @@ -18,6 +18,7 @@ import { TeDeumCompetenceSchema } from "./data/tedeum-schema-competence.js"; import { TeDeumEquipementSchema } from "./data/tedeum-schema-equipement.js"; import { TeDeumOrigineSchema } from "./data/tedeum-schema-origine.js"; import { TeDeumEducationSchema } from "./data/tedeum-schema-education.js"; +import { TeDeumGraceSchema } from "./data/tedeum-schema-grace.js"; import { TeDeumItem } from "./items/tedeum-item.js"; import { TeDeumItemSheet } from "./items/tedeum-item-sheet.js"; @@ -69,7 +70,8 @@ Hooks.once("init", async function () { equipement: TeDeumEquipementSchema, armure: TeDeumArmureSchema, origine: TeDeumOrigineSchema, - education: TeDeumEducationSchema + education: TeDeumEducationSchema, + grace: TeDeumGraceSchema }; console.log("TeDeum RPG | Ready"); diff --git a/packs/competences/000005.ldb b/packs/competences/000005.ldb deleted file mode 100644 index 806ddc3..0000000 Binary files a/packs/competences/000005.ldb and /dev/null differ diff --git a/packs/competences/000096.ldb b/packs/competences/000096.ldb new file mode 100644 index 0000000..65dda05 Binary files /dev/null and b/packs/competences/000096.ldb differ diff --git a/packs/competences/000044.log b/packs/competences/000099.log similarity index 100% rename from packs/competences/000044.log rename to packs/competences/000099.log diff --git a/packs/competences/CURRENT b/packs/competences/CURRENT index 8e0a062..af00d34 100644 --- a/packs/competences/CURRENT +++ b/packs/competences/CURRENT @@ -1 +1 @@ -MANIFEST-000042 +MANIFEST-000097 diff --git a/packs/competences/LOG b/packs/competences/LOG index cd95a34..a8643ff 100644 --- a/packs/competences/LOG +++ b/packs/competences/LOG @@ -1,8 +1,8 @@ -2024/05/30-18:20:39.192517 7f19c60006c0 Recovering log #40 -2024/05/30-18:20:39.203008 7f19c60006c0 Delete type=3 #38 -2024/05/30-18:20:39.203069 7f19c60006c0 Delete type=0 #40 -2024/05/31-09:06:57.898180 7f19c56006c0 Level-0 table #45: started -2024/05/31-09:06:57.898214 7f19c56006c0 Level-0 table #45: 0 bytes OK -2024/05/31-09:06:57.905181 7f19c56006c0 Delete type=0 #43 -2024/05/31-09:06:57.905376 7f19c56006c0 Manual compaction at level-0 from '!folders!4OPhigzcPv46qbWW' @ 72057594037927935 : 1 .. '!items!zwC0H39ar5Pl1l92' @ 0 : 0; will stop at (end) -2024/05/31-09:06:57.905426 7f19c56006c0 Manual compaction at level-1 from '!folders!4OPhigzcPv46qbWW' @ 72057594037927935 : 1 .. '!items!zwC0H39ar5Pl1l92' @ 0 : 0; will stop at (end) +2024/06/04-21:04:01.195163 7f1e64e006c0 Recovering log #94 +2024/06/04-21:04:01.205547 7f1e64e006c0 Delete type=3 #92 +2024/06/04-21:04:01.205638 7f1e64e006c0 Delete type=0 #94 +2024/06/04-21:04:48.464146 7f1e5da006c0 Level-0 table #100: started +2024/06/04-21:04:48.464176 7f1e5da006c0 Level-0 table #100: 0 bytes OK +2024/06/04-21:04:48.500422 7f1e5da006c0 Delete type=0 #98 +2024/06/04-21:04:48.500602 7f1e5da006c0 Manual compaction at level-0 from '!folders!4OPhigzcPv46qbWW' @ 72057594037927935 : 1 .. '!items!zwC0H39ar5Pl1l92' @ 0 : 0; will stop at (end) +2024/06/04-21:04:48.500619 7f1e5da006c0 Manual compaction at level-1 from '!folders!4OPhigzcPv46qbWW' @ 72057594037927935 : 1 .. '!items!zwC0H39ar5Pl1l92' @ 0 : 0; will stop at (end) diff --git a/packs/competences/LOG.old b/packs/competences/LOG.old index 705a461..d3b58a1 100644 --- a/packs/competences/LOG.old +++ b/packs/competences/LOG.old @@ -1,8 +1,15 @@ -2024/05/29-14:03:31.123056 7f1708c006c0 Recovering log #36 -2024/05/29-14:03:31.132934 7f1708c006c0 Delete type=3 #34 -2024/05/29-14:03:31.132990 7f1708c006c0 Delete type=0 #36 -2024/05/29-14:17:02.858350 7f17072006c0 Level-0 table #41: started -2024/05/29-14:17:02.858400 7f17072006c0 Level-0 table #41: 0 bytes OK -2024/05/29-14:17:02.865141 7f17072006c0 Delete type=0 #39 -2024/05/29-14:17:02.865366 7f17072006c0 Manual compaction at level-0 from '!folders!4OPhigzcPv46qbWW' @ 72057594037927935 : 1 .. '!items!zwC0H39ar5Pl1l92' @ 0 : 0; will stop at (end) -2024/05/29-14:17:02.865414 7f17072006c0 Manual compaction at level-1 from '!folders!4OPhigzcPv46qbWW' @ 72057594037927935 : 1 .. '!items!zwC0H39ar5Pl1l92' @ 0 : 0; will stop at (end) +2024/06/02-20:22:04.658032 7f2f302006c0 Recovering log #90 +2024/06/02-20:22:04.712047 7f2f302006c0 Delete type=3 #88 +2024/06/02-20:22:04.712099 7f2f302006c0 Delete type=0 #90 +2024/06/02-20:58:31.396230 7f2f2ee006c0 Level-0 table #95: started +2024/06/02-20:58:31.399756 7f2f2ee006c0 Level-0 table #95: 28482 bytes OK +2024/06/02-20:58:31.406774 7f2f2ee006c0 Delete type=0 #93 +2024/06/02-20:58:31.406940 7f2f2ee006c0 Manual compaction at level-0 from '!folders!4OPhigzcPv46qbWW' @ 72057594037927935 : 1 .. '!items!zwC0H39ar5Pl1l92' @ 0 : 0; will stop at (end) +2024/06/02-20:58:31.406967 7f2f2ee006c0 Manual compaction at level-1 from '!folders!4OPhigzcPv46qbWW' @ 72057594037927935 : 1 .. '!items!zwC0H39ar5Pl1l92' @ 0 : 0; will stop at '!items!zwC0H39ar5Pl1l92' @ 390 : 1 +2024/06/02-20:58:31.406972 7f2f2ee006c0 Compacting 1@1 + 1@2 files +2024/06/02-20:58:31.410472 7f2f2ee006c0 Generated table #96@1: 113 keys, 15164 bytes +2024/06/02-20:58:31.410495 7f2f2ee006c0 Compacted 1@1 + 1@2 files => 15164 bytes +2024/06/02-20:58:31.416350 7f2f2ee006c0 compacted to: files[ 0 0 1 0 0 0 0 ] +2024/06/02-20:58:31.416439 7f2f2ee006c0 Delete type=2 #5 +2024/06/02-20:58:31.416583 7f2f2ee006c0 Delete type=2 #95 +2024/06/02-20:58:31.416682 7f2f2ee006c0 Manual compaction at level-1 from '!items!zwC0H39ar5Pl1l92' @ 390 : 1 .. '!items!zwC0H39ar5Pl1l92' @ 0 : 0; will stop at (end) diff --git a/packs/competences/MANIFEST-000042 b/packs/competences/MANIFEST-000042 deleted file mode 100644 index fd47cb8..0000000 Binary files a/packs/competences/MANIFEST-000042 and /dev/null differ diff --git a/packs/competences/MANIFEST-000097 b/packs/competences/MANIFEST-000097 new file mode 100644 index 0000000..54b0efd Binary files /dev/null and b/packs/competences/MANIFEST-000097 differ diff --git a/packs/equipment/000106.log b/packs/equipment/000160.log similarity index 100% rename from packs/equipment/000106.log rename to packs/equipment/000160.log diff --git a/packs/equipment/CURRENT b/packs/equipment/CURRENT index c8e9be6..9bad6d5 100644 --- a/packs/equipment/CURRENT +++ b/packs/equipment/CURRENT @@ -1 +1 @@ -MANIFEST-000104 +MANIFEST-000158 diff --git a/packs/equipment/LOG b/packs/equipment/LOG index da16672..1aac040 100644 --- a/packs/equipment/LOG +++ b/packs/equipment/LOG @@ -1,7 +1,7 @@ -2024/05/30-18:20:39.177986 7f19c74006c0 Recovering log #102 -2024/05/30-18:20:39.190129 7f19c74006c0 Delete type=3 #100 -2024/05/30-18:20:39.190232 7f19c74006c0 Delete type=0 #102 -2024/05/31-09:06:57.885512 7f19c56006c0 Level-0 table #107: started -2024/05/31-09:06:57.885543 7f19c56006c0 Level-0 table #107: 0 bytes OK -2024/05/31-09:06:57.891829 7f19c56006c0 Delete type=0 #105 -2024/05/31-09:06:57.905315 7f19c56006c0 Manual compaction at level-0 from 'undefined' @ 72057594037927935 : 1 .. 'undefined' @ 0 : 0; will stop at (end) +2024/06/04-21:04:01.182320 7f1e5f4006c0 Recovering log #156 +2024/06/04-21:04:01.193373 7f1e5f4006c0 Delete type=3 #154 +2024/06/04-21:04:01.193473 7f1e5f4006c0 Delete type=0 #156 +2024/06/04-21:04:48.422044 7f1e5da006c0 Level-0 table #161: started +2024/06/04-21:04:48.422074 7f1e5da006c0 Level-0 table #161: 0 bytes OK +2024/06/04-21:04:48.463998 7f1e5da006c0 Delete type=0 #159 +2024/06/04-21:04:48.500588 7f1e5da006c0 Manual compaction at level-0 from 'undefined' @ 72057594037927935 : 1 .. 'undefined' @ 0 : 0; will stop at (end) diff --git a/packs/equipment/LOG.old b/packs/equipment/LOG.old index 30f1a67..f07c042 100644 --- a/packs/equipment/LOG.old +++ b/packs/equipment/LOG.old @@ -1,7 +1,7 @@ -2024/05/29-14:03:31.108608 7f17096006c0 Recovering log #98 -2024/05/29-14:03:31.119647 7f17096006c0 Delete type=3 #96 -2024/05/29-14:03:31.119700 7f17096006c0 Delete type=0 #98 -2024/05/29-14:17:02.850741 7f17072006c0 Level-0 table #103: started -2024/05/29-14:17:02.850779 7f17072006c0 Level-0 table #103: 0 bytes OK -2024/05/29-14:17:02.858192 7f17072006c0 Delete type=0 #101 -2024/05/29-14:17:02.865350 7f17072006c0 Manual compaction at level-0 from 'undefined' @ 72057594037927935 : 1 .. 'undefined' @ 0 : 0; will stop at (end) +2024/06/02-20:22:04.602737 7f2f2f8006c0 Recovering log #152 +2024/06/02-20:22:04.655957 7f2f2f8006c0 Delete type=3 #150 +2024/06/02-20:22:04.656073 7f2f2f8006c0 Delete type=0 #152 +2024/06/02-20:58:31.369733 7f2f2ee006c0 Level-0 table #157: started +2024/06/02-20:58:31.369760 7f2f2ee006c0 Level-0 table #157: 0 bytes OK +2024/06/02-20:58:31.376040 7f2f2ee006c0 Delete type=0 #155 +2024/06/02-20:58:31.376155 7f2f2ee006c0 Manual compaction at level-0 from 'undefined' @ 72057594037927935 : 1 .. 'undefined' @ 0 : 0; will stop at (end) diff --git a/packs/equipment/MANIFEST-000104 b/packs/equipment/MANIFEST-000104 deleted file mode 100644 index 29c1efe..0000000 Binary files a/packs/equipment/MANIFEST-000104 and /dev/null differ diff --git a/packs/equipment/MANIFEST-000158 b/packs/equipment/MANIFEST-000158 new file mode 100644 index 0000000..530327a Binary files /dev/null and b/packs/equipment/MANIFEST-000158 differ diff --git a/postcss/tedeum.css b/postcss/tedeum.css index f6a981f..e019393 100644 --- a/postcss/tedeum.css +++ b/postcss/tedeum.css @@ -1,1358 +1,1192 @@ - /* ==================== (A) Fonts ==================== */ - @font-face { - font-family: "MailartRubberstamp"; - src: url('../fonts/MailartRubberstamp-Regular.woff') format("woff"); - } - @font-face { - font-family: "GreatPrimer"; - src: url('../fonts/IM_FELL_Great_Primer_Roman.woff') format("woff"); - } - - :root { - /* =================== 1. ACTOR SHEET FONT STYLES =========== */ - --window-header-title-font-size: 1.3rem; - --window-header-title-font-weight: normal; - --window-header-title-color: #f5f5f5; - - --major-button-font-size: 1.05rem; - --major-button-font-weight: normal; - --major-button-color: #dadada; - - --tab-header-font-size: 1.0rem; - --tab-header-font-weight: 700; - --tab-header-color: #403f3e; - --tab-header-color-active: #4a0404; - - --actor-input-font-size: 0.8rem; - --actor-input-font-weight: 500; - --actor-input-color: black; - - --actor-label-font-size: 0.8rem; - --actor-label-font-weight: 700; - --actor-label-color: #464331c4; - - /* =================== 2. DEBUGGING HIGHLIGHTERS ============ */ - --debug-background-color-red: #ff000054; - --debug-background-color-blue: #1d00ff54; - --debug-background-color-green: #54ff0054; - - --debug-box-shadow-red: inset 0 0 2px red; - --debug-box-shadow-blue: inset 0 0 2px blue; - --debug-box-shadow-green: inset 0 0 2px green; - } - -/*@import url("https://fonts.googleapis.com/css2?family=Martel:wght@400;800&family=Roboto:wght@300;400;500&display=swap");*/ -/* Global styles & Font */ +@font-face { + font-family: "MailartRubberstamp"; + src: url('../fonts/MailartRubberstamp-Regular.woff') format("woff"); + font-family: "GreatPrimer"; + src: url('../fonts/IM_FELL_Great_Primer_Roman.woff') format("woff"); +} +:root { + --window-header-title-font-size: 1.3rem; + --window-header-title-font-weight: normal; + --window-header-title-color: #f5f5f5; + --major-button-font-size: 1.05rem; + --major-button-font-weight: normal; + --major-button-color: #dadada; + --tab-header-font-size: 1.0rem; + --tab-header-font-weight: 700; + --tab-header-color: #403f3e; + --tab-header-color-active: #4a0404; + --actor-input-font-size: 0.8rem; + --actor-input-font-weight: 500; + --actor-input-color: black; + --actor-label-font-size: 0.8rem; + --actor-label-font-weight: 700; + --actor-label-color: rgba(70,67,49,0.76863); + --debug-background-color-red: rgba(255,0,0,0.32941); + --debug-background-color-blue: rgba(29,0,255,0.32941); + --debug-background-color-green: rgba(84,255,0,0.32941); + --debug-box-shadow-red: inset 0 0 2px red; + --debug-box-shadow-blue: inset 0 0 2px blue; + --debug-box-shadow-green: inset 0 0 2px green; +} .window-app { - text-align: justify; - font-size: 16px; - letter-spacing: 1px; + text-align: justify; + font-size: 16px; + letter-spacing: 1px; + &.sheet { + .window-content { + margin: 0; + padding: 0; + font-family: "GreatPrimer"; + .sheet-header { + color: rgba(19, 18, 18, 0.95); + background: rgba(226, 226, 222, 0.95); + } + .tooltip { + &:hover { + .tooltiptext { + top: 2rem; + left: 2rem; + margin: 0; + padding: 0.25rem; + } + } + } + } + } } - -/* Fonts */ .sheet header.sheet-header h1 input, .window-app .window-header, #actors .directory-list, #navigation #scene-list .scene.nav-item { - font-size: 1.0rem; -} /* For title, sidebar character and scene */ -.sheet nav.sheet-tabs { - font-size: 0.8rem; -} /* For nav and title */ + font-size: 1.0rem; +} +.sheet { + nav { + &.sheet-tabs { + font-size: 0.8rem; + font-size: 1.2rem; + font-weight: bold; + height: 3rem; + flex: 0 0 3rem; + margin: 0; + padding: 0 0 0 0.25rem; + text-align: center; + line-height: 1.5rem; + border-top: 0 none; + border-bottom: 0 none; + background: linear-gradient(rgba(226, 226, 222, 0.5), rgba(226, 226, 222, 0.5)), url("../images/ui/frise_bottom_01.webp"); + background-repeat: no-repeat; + background-size: 100% 100%; + z-index: 1; + } + } + header { + &.sheet-header { + .profile-img { + -o-object-fit: cover; + object-fit: cover; + -o-object-position: 50% 0; + object-position: 50% 0; + margin: 0.5rem 0 0.5rem 0.5rem; + padding: 0; + } + .flex-compteurs { + text-align: right; + } + .resource-content { + width: 2rem; + } + } + } + .tab[data-tab] { + padding: 0; + } + li { + margin: 0.2rem; + padding: 0.15rem; + } +} .window-app input, .fvtt-te-deum .item-form, .sheet header.sheet-header .flex-group-center.flex-compteurs, .sheet header.sheet-header .flex-group-center.flex-fatigue, select, button, .item-checkbox, #sidebar, #players, #navigation #nav-toggle { - font-size: 0.8rem; + font-size: 0.8rem; } - -.window-header{ - background: rgba(0,0,0,0.75); +.window-header { + background: rgba(0,0,0,0.75); } - -.window-app.sheet .window-content { - margin: 0; - padding: 0; - font-family: "GreatPrimer"; +.strong-text { + font-weight: bold; } -.strong-text{ - font-weight: bold; -} - .tabs .item.active, .blessures-list li ul li:first-child:hover, a:hover { - text-shadow: 1px 0px 0px #ff6600; + text-shadow: 1px 0px 0px #ff6600; } - .rollable:hover, .rollable:focus { - color: #000; - text-shadow: 0 0 10px red; - cursor: pointer; + color: #000; + text-shadow: 0 0 10px red; + cursor: pointer; } - -input:hover { - border-width: 4px; - border-color: rgba(37, 124, 37, 0.7); +input { + &:hover { + border-width: 4px; + border-color: rgba(37, 124, 37, 0.7); + } + &:disabled { + color: #1c2058; + } } - -input:disabled { - color:#1c2058; +select { + background: white; + color: #494e6b; + &:disabled { + color: #1c2058; + } } -select:disabled { - color:#1c2058; +table { + border: 1px solid #7a7971; } -table {border: 1px solid #7a7971;} - .grid, .grid-2col { - display: grid; - grid-column: span 2 / span 2; - grid-template-columns: repeat(2, minmax(0, 1fr)); - gap: 10px; - margin: 10px 0; - padding: 0; + display: grid; + grid-column: span 2 / span 2; + grid-template-columns: repeat(2, minmax(0, 1fr)); + grid-gap: 10px; + grid-gap: 10px; + gap: 10px; + margin: 10px 0; + padding: 0; } - .grid-3col { - grid-column: span 3 / span 3; - grid-template-columns: repeat(3, minmax(0, 1fr)); + grid-column: span 3 / span 3; + grid-template-columns: repeat(3, minmax(0, 1fr)); } - .grid-4col { - grid-column: span 4 / span 4; - grid-template-columns: repeat(4, minmax(0, 1fr)); + grid-column: span 4 / span 4; + grid-template-columns: repeat(4, minmax(0, 1fr)); } - .grid-5col { - grid-column: span 5 / span 5; - grid-template-columns: repeat(5, minmax(0, 1fr)); + grid-column: span 5 / span 5; + grid-template-columns: repeat(5, minmax(0, 1fr)); } - .grid-6col { - grid-column: span 5 / span 5; - grid-template-columns: repeat(5, minmax(0, 1fr)); + grid-column: span 5 / span 5; + grid-template-columns: repeat(5, minmax(0, 1fr)); } - .grid-7col { - grid-column: span 7 / span 7; - grid-template-columns: repeat(7, minmax(0, 1fr)); + grid-column: span 7 / span 7; + grid-template-columns: repeat(7, minmax(0, 1fr)); } - .grid-8col { - grid-column: span 8 / span 8; - grid-template-columns: repeat(8, minmax(0, 1fr)); + grid-column: span 8 / span 8; + grid-template-columns: repeat(8, minmax(0, 1fr)); } - .grid-9col { - grid-column: span 9 / span 9; - grid-template-columns: repeat(9, minmax(0, 1fr)); + grid-column: span 9 / span 9; + grid-template-columns: repeat(9, minmax(0, 1fr)); } - .grid-10col { - grid-column: span 10 / span 10; - grid-template-columns: repeat(10, minmax(0, 1fr)); + grid-column: span 10 / span 10; + grid-template-columns: repeat(10, minmax(0, 1fr)); } - .grid-11col { - grid-column: span 11 / span 11; - grid-template-columns: repeat(11, minmax(0, 1fr)); + grid-column: span 11 / span 11; + grid-template-columns: repeat(11, minmax(0, 1fr)); } - .grid-12col { - grid-column: span 12 / span 12; - grid-template-columns: repeat(12, minmax(0, 1fr)); + grid-column: span 12 / span 12; + grid-template-columns: repeat(12, minmax(0, 1fr)); } - .flex-group-center, .flex-group-left, .flex-group-right { - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - text-align: center; - padding: 5px; + justify-content: center; + align-items: center; + text-align: center; + padding: 5px; } - .flex-group-left { - -webkit-box-pack: start; - -ms-flex-pack: start; - justify-content: flex-start; - text-align: left; + justify-content: flex-start; + text-align: left; } - .flex-group-right { - -webkit-box-pack: end; - -ms-flex-pack: end; - justify-content: flex-end; - text-align: right; + justify-content: flex-end; + text-align: right; } - .flex-center { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - text-align: center; + align-items: center; + justify-content: center; + text-align: center; } - .table-create-actor { - font-size: 0.8rem; + font-size: 0.8rem; } - .flex-between { - -webkit-box-pack: justify; - -ms-flex-pack: justify; - justify-content: space-between; + justify-content: space-between; } - .flex-shrink { - flex: 'flex-shrink' ; + flex: 'flex-shrink'; } - -/* Styles limited to sheets */ -.fvtt-te-deum .sheet-header { - -webkit-box-flex: 0; - -ms-flex: 0 0 210px; - flex: 0 0 210px; - overflow: hidden; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-pack: start; - -ms-flex-pack: start; - justify-content: flex-start; - margin-bottom: 10px; -} - -.fvtt-te-deum .sheet-header .profile-img { - -webkit-box-flex: 0; - -ms-flex: 0 0 128px; - flex: 0 0 128px; - width: 128px; - height: auto; - max-height:128px; - margin-top: 0px; - margin-right: 10px; - object-fit: cover; - object-position: 50% 0; - border-width: 0px; +.fvtt-te-deum { + .sheet-header { + flex: 0 0 210px; + overflow: hidden; + display: flex; + flex-direction: row; + flex-wrap: wrap; + justify-content: flex-start; + margin-bottom: 10px; + .profile-img { + flex: 0 0 128px; + width: 128px; + height: auto; + max-height: 128px; + margin-top: 0px; + margin-right: 10px; + -o-object-fit: cover; + object-fit: cover; + -o-object-position: 50% 0; + object-position: 50% 0; + border-width: 0px; + } + .header-fields { + flex: 1; + } + h1 { + &.charname { + height: 50px; + padding: 0px; + margin: 5px 0; + border-bottom: 0; + input { + font-family: "MailartRubberstamp"; + font-size: 3rem; + width: 100%; + height: 100%; + margin: 0; + } + } + } + } + .sheet-tabs { + flex: 0; + font-family: "MailartRubberstamp"; + font-size: 2.2rem; + } + .tox { + .tox-editor-container { + background: #fff; + } + .tox-edit-area { + padding: 0 8px; + } + } + .resource-label { + font-weight: bold; + text-transform: uppercase; + } + .tabs { + height: 40px; + border-top: 1px solid #AAA; + border-bottom: 1px solid #AAA; + color: #000000; + font-family: "GreatPrimer"; + .item { + line-height: 40px; + font-weight: bold; + &.active { + text-decoration: underline; + text-shadow: none; + } + } + } + .items-list { + list-style: none; + margin: 1px 0; + padding: 0; + overflow-y: auto; + .item-header { + font-weight: bold; + } + .item { + height: 30px; + line-height: 24px; + padding: 1px 0; + border-bottom: 1px solid #BBB; + .item-image { + flex: 0 0 24px; + margin-right: 5px; + } + img { + display: block; + } + } + .item-name { + margin: 0; + } + .item-controls { + flex: 0 0 86px; + text-align: right; + } + } } .profile-img-container { - margin-right: 0.2rem; - max-width: 140px; - width: 140px; + margin-right: 0.2rem; + max-width: 140px; + width: 140px; } - .button-img { - vertical-align: baseline; - width: 8%; - height: 8%; - max-height: 48px; - border-width: 0px; + vertical-align: baseline; + width: 8%; + height: 8%; + max-height: 48px; + border-width: 0px; border: 1px solid rgba(0, 0, 0, 0); + &:hover { + color: rgba(255, 255, 128, 0.7); + border: 1px solid rgba(255, 128, 0, 0.8); + cursor: pointer; + } } - -.button-img:hover { - color: rgba(255, 255, 128, 0.7); - border: 1px solid rgba(255, 128, 0, 0.8); - cursor: pointer; -} - .button-effect-img { - vertical-align: baseline; - width: 16px; - max-height: 16px; - height: 16; - border-width: 0; + vertical-align: baseline; + width: 16px; + max-height: 16px; + height: 16; + border-width: 0; } - .small-button-container { - height: 16px; - width: 16px; - border: 0; - vertical-align: bottom; + height: 16px; + width: 16px; + border: 0; + vertical-align: bottom; } - -.fvtt-te-deum .sheet-header .header-fields { - -webkit-box-flex: 1; - -ms-flex: 1; - flex: 1; -} - -.fvtt-te-deum .sheet-header h1.charname { - height: 50px; - padding: 0px; - margin: 5px 0; - border-bottom: 0; -} - -.fvtt-te-deum .sheet-header h1.charname input { - font-family: "MailartRubberstamp"; - font-size: 3rem; - width: 100%; - height: 100%; - margin: 0; -} - -.fvtt-te-deum .sheet-tabs { - -webkit-box-flex: 0; - -ms-flex: 0; - flex: 0; - font-family: "MailartRubberstamp"; - font-size: 2.2rem; -} - .fvtt-te-deum .sheet-body, .fvtt-te-deum .sheet-body .tab, .fvtt-te-deum .sheet-body .tab .editor { - height: 100%; - font-size: 0.8rem; - font-family: "GreatPrimer"; + height: 100%; + font-size: 0.8rem; + font-family: "GreatPrimer"; } - .editor { - border: 2; - height: 100%; - padding: 0 3px; + border: 2; + height: 100%; + padding: 0 3px; } - .medium-editor { - border: 2; - height: 240px; - padding: 0 3px; + border: 2; + height: 240px; + padding: 0 3px; } - .small-editor { - border: 2; - height: 120px; - padding: 0 3px; + border: 2; + height: 120px; + padding: 0 3px; } - -.fvtt-te-deum .tox .tox-editor-container { - background: #fff; +li { + &.folder { + & > .folder-header { + h3 { + color: rgba(19, 18, 18, 0.95); + } + } + } } - -.fvtt-te-deum .tox .tox-edit-area { - padding: 0 8px; -} - -.fvtt-te-deum .resource-label { - font-weight: bold; - text-transform: uppercase; -} - -.fvtt-te-deum .tabs { - height: 40px; - border-top: 1px solid #AAA; - border-bottom: 1px solid #AAA; - color: #000000; - font-family: "GreatPrimer"; -} - -.fvtt-te-deum .tabs .item { - line-height: 40px; - font-weight: bold; -} - -.fvtt-te-deum .tabs .item.active { - text-decoration: underline; - text-shadow: none; -} - -.fvtt-te-deum .items-list { - list-style: none; - margin: 1px 0; - padding: 0; - overflow-y: auto; -} - -.fvtt-te-deum .items-list .item-header { - font-weight: bold; -} - -.fvtt-te-deum .items-list .item { - height: 30px; - line-height: 24px; - padding: 1px 0; - border-bottom: 1px solid #BBB; -} - -.fvtt-te-deum .items-list .item .item-image { - -webkit-box-flex: 0; - -ms-flex: 0 0 24px; - flex: 0 0 24px; - margin-right: 5px; -} - -.fvtt-te-deum .items-list .item img { - display: block; -} - -.fvtt-te-deum .items-list .item-name { - margin: 0; -} - -.fvtt-te-deum .items-list .item-controls { - -webkit-box-flex: 0; - -ms-flex: 0 0 86px; - flex: 0 0 86px; - text-align: right; -} - -li.folder > .folder-header h3 { - color: rgba(19, 18, 18, 0.95); -} - -/* ======================================== */ -/* Sheet */ -.window-app.sheet .window-content .sheet-header{ - color: rgba(19, 18, 18, 0.95); - /*background: url("../images/ui/frise_topleft_01.webp");*/ - background: rgba(226, 226, 222, 0.95); - /*background: #494e6b;*/ -} - input[type="text"], select[type="text"] { - background:white; - color: #494e6b; + background: white; + color: #494e6b; } - -select { - background:white; - color: #494e6b; +.window-app.sheet .window-content .sheet-header select[type="text"], .window-app.sheet .window-content .sheet-header input[type="text"], .window-app.sheet .window-content .sheet-header input[type="number"], .window-app.sheet .window-content .sheet-body input[type="text"], .window-app.sheet .window-content .sheet-body input[type="number"], .window-app.sheet .window-content .sheet-body select[type="text"], textarea { + color: rgba(19, 18, 18, 0.95); } -/* background: #011d33 url("../images/ui/fond1.webp") repeat left top;*/ -/*color: rgba(168, 139, 139, 0.5);*/ -.window-app.sheet .window-content .sheet-header select[type="text"], .window-app.sheet .window-content .sheet-header input[type="text"], .window-app.sheet .window-content .sheet-header input[type="number"], .window-app.sheet .window-content .sheet-body input[type="text"], .window-app.sheet .window-content .sheet-body input[type="number"], .window-app.sheet .window-content .sheet-body select[type="text"] { - color: rgba(19, 18, 18, 0.95); - /*color: #494e6b;*/ -} - .window-app.sheet .window-content .sheet-header input[type="password"], .window-app.sheet .window-content .sheet-header input[type="date"], .window-app.sheet .window-content .sheet-header input[type="time"] { - color: rgba(19, 18, 18, 0.95); - /*background: url("../images/ui/frise_topleft_01.webp");*/ - background: rgba(226, 226, 222, 0.95); - border: 1 none; - margin-bottom: 0.25rem; - margin-left: 2px; + color: rgba(19, 18, 18, 0.95); + background: rgba(226, 226, 222, 0.95); + border: 1 none; + margin-bottom: 0.25rem; + margin-left: 2px; } - .window-app.sheet .window-content .sheet-body select, .window-app.sheet .window-content .sheet-header select { - color: rgba(19, 18, 18, 0.95); - background: #fff; - border: 1 none; - margin-bottom: 0.25rem; - margin-left: 2px; + color: rgba(19, 18, 18, 0.95); + background: #fff; + border: 1 none; + margin-bottom: 0.25rem; + margin-left: 2px; } - -.window-app .window-content, .window-app.sheet .window-content .sheet-body{ - font-size: 0.8rem; - /*background: url("../images/ui/pc_sheet_bg.webp") repeat left top;*/ - /*background: url("../images/ui/frise_topleft_01.webp");*/ - background: rgba(226, 226, 222, 0.95); - color: rgba(19, 18, 18, 0.95); +.window-app .window-content, .window-app.sheet .window-content .sheet-body { + font-size: 0.8rem; + background: rgba(226, 226, 222, 0.95); + color: rgba(19, 18, 18, 0.95); } - -/* background: rgba(245,245,240,0.6) url("../images/ui/sheet_background.webp") left top;*/ - -section.sheet-body{padding: 0.25rem 0.5rem;} - -.sheet header.sheet-header .profile-img { - object-fit: cover; - object-position: 50% 0; - margin: 0.5rem 0 0.5rem 0.5rem; - padding: 0; +section { + &.sheet-body { + padding: 0.25rem 0.5rem; + &:after { + content: ""; + display: block; + clear: both; + } + } } - -.sheet nav.sheet-tabs { - font-size: 1.2rem; - font-weight: bold; - height: 3rem; - flex: 0 0 3rem; - margin: 0; - padding: 0 0 0 0.25rem; - text-align: center; - /*text-transform: uppercase;*/ - line-height: 1.5rem; - border-top: 0 none; - border-bottom: 0 none; - background: linear-gradient(rgba(226, 226, 222, 0.5), rgba(226, 226, 222, 0.5)), url("../images/ui/frise_bottom_01.webp"); - background-repeat: no-repeat; - background-size: 100% 100%; - z-index: 1; - /*background-color:#252525;*/ +nav { + &.sheet-tabs { + .item { + z-index: 2; + position: relative; + opacity: 1.0; + color: rgba(29, 28, 31); + padding: 0 0.25rem; + &:after { + content: ""; + position: absolute; + top: 0; + right: 0; + height: 2rem; + width: 1px; + } + } + } } - -/* background: rgb(245,245,240) url("../images/ui/fond4.webp") repeat left top;*/ - -nav.sheet-tabs .item { - z-index: 2; - position: relative; - opacity: 1.0; - color:rgba(29, 28, 31); - padding: 0 0.25rem; -} - -nav.sheet-tabs .item:after { - content: ""; - position: absolute; - top: 0; - right: 0; - height: 2rem; - width: 1px; -} - -.sheet .tab[data-tab] { - padding: 0; -} - -section.sheet-body:after { - content: ""; - display: block; - clear: both; -} - -.sheet header.sheet-header .flex-compteurs {text-align: right;} -.sheet header.sheet-header .resource-content {width: 2rem;} - .select-diff { - display: inline-block; - text-align: left; - width: 50px; + display: inline-block; + text-align: left; + width: 50px; } - -.window-app.sheet .window-content .tooltip:hover .tooltiptext { - top: 2rem; - left: 2rem; - margin: 0; - padding: 0.25rem; -} - .window-app.sheet .window-content .carac-value, .window-app.sheet .window-content .competence-xp { - margin: 0.05rem; - flex-basis: 3rem; - text-align: center; + margin: 0.05rem; + flex-basis: 3rem; + text-align: center; } - -/* ======================================== */ -/* Global UI elements */ - -/* ======================================== */ - h1, h2, h3, h4 { - font-weight: bold; + font-weight: bold; } - ul, ol { - margin: 0; - padding: 0; + margin: 0; + padding: 0; } ul, li { - list-style-type: none; + list-style-type: none; } - -.sheet li { - margin: 0.2rem; - padding: 0.15rem; +.header-fields { + li { + margin: 0; + padding: 0; + } } -.header-fields li { - margin: 0; - padding: 0; +.alterne-list { + & > .list-item { + &:hover { + background: rgba(100, 100, 50, 0.25); + } + &:nth-child(even) { + background: rgba(80, 60, 0, 0.10); + } + &:nth-child(odd) { + background: rgb(160, 130, 100, 0.05); + } + } } - -.alterne-list > .list-item:hover { - background: rgba(100, 100, 50, 0.25); -} -.alterne-list > .list-item:nth-child(even) { - background: rgba(80, 60, 0, 0.10); -} -.alterne-list > .list-item:nth-child(odd) { - background: rgb(160, 130, 100, 0.05); -} - .specialisation-label { - font-size: 0.8rem; + font-size: 0.8rem; } - .carac-label, .attr-label { - font-weight: bold; + font-weight: bold; } - .list-item { - margin: 0.125rem; - box-shadow: inset 0px 0px 1px #00000096; - border-radius: 0.25rem; - padding: 0.125rem; - flex: 1 1 5rem; + margin: 0.125rem; + box-shadow: inset 0px 0px 1px rgba(0,0,0,0.58824); + border-radius: 0.25rem; + padding: 0.125rem; + flex: 1 1 5rem; } .list-item-shadow { - background:rgba(87, 60, 32, 0.35); - flex-grow: 0; - flex-wrap: nowrap; - justify-content: flex-start; + background: rgba(87, 60, 32, 0.35); + flex-grow: 0; + flex-wrap: nowrap; + justify-content: flex-start; } .list-item-shadow2 { - background:rgba(87, 60, 32, 0.25); - flex-grow: 0; - flex-wrap: nowrap; - justify-content: flex-start; + background: rgba(87, 60, 32, 0.25); + flex-grow: 0; + flex-wrap: nowrap; + justify-content: flex-start; } .item-display-show { - display: block; + display: block; } .item-display-hide { - display: none; + display: none; } .item-quantite { - margin-left: 0.5rem; + margin-left: 0.5rem; } .list-item-margin1 { - margin-left: 1rem; + margin-left: 1rem; } .list-item-margin2 { - margin-left: 2rem; + margin-left: 2rem; } .list-item-margin3 { - margin-left: 3rem; + margin-left: 3rem; } .list-item-margin4 { - margin-left: 4rem; + margin-left: 4rem; } - .sheet-competence-img { - width: 24px; - max-width: 24px; - height: 24px; - max-height: 24px; - flex-grow: 0; - margin-right: 0.25rem; + width: 24px; + max-width: 24px; + height: 24px; + max-height: 24px; + flex-grow: 0; + margin-right: 0.25rem; } .competence-column { - flex-direction: column; - align-content: flex-start; - justify-content: flex-start; - flex-grow: 0; - flex-basis: 1; + flex-direction: column; + align-content: flex-start; + justify-content: flex-start; + flex-grow: 0; + flex-basis: 1; } .competence-header { - align-content: flex-start; - justify-content: flex-start; - font-weight: bold; - flex-grow: 0; + align-content: flex-start; + justify-content: flex-start; + font-weight: bold; + flex-grow: 0; } - .comp-li { - max-width: 8rem; - width: 8rem; + max-width: 8rem; + width: 8rem; } .description-label { - flex-grow: 2; - margin-left: 4px; + flex-grow: 2; + margin-left: 4px; } .status-header-label { - margin-left: 2px; + margin-left: 2px; } .roll-dialog-label { - margin: 4px 0; - min-width: 96px; + margin: 4px 0; + min-width: 96px; } .short-label { - flex-grow: 1; + flex-grow: 1; } .keyword-label { - font-size: 0.85rem; + font-size: 0.85rem; } - .item-sheet-label { - flex-grow: 1; + flex-grow: 1; } - .item-text-long-line { - flex-grow: 3; + flex-grow: 3; } - .score-label { - flex-grow: 2; - align-content: center; + flex-grow: 2; + align-content: center; } - .attribut-value, .carac-value { - flex-grow: 0; - flex-basis: 64px; - margin-right: 4px; - margin-left: 4px; + flex-grow: 0; + flex-basis: 64px; + margin-right: 4px; + margin-left: 4px; } .sante-value, .competence-value { - flex-grow: 0; - flex-basis: 2rem; - margin-right: 0.25rem; - margin-left: 0.25rem; + flex-grow: 0; + flex-basis: 2rem; + margin-right: 0.25rem; + margin-left: 0.25rem; } .description-value { - flex-grow: 0; - flex-basis: 4rem; - margin-right: 0.25rem; - margin-left: 0.25rem; + flex-grow: 0; + flex-basis: 4rem; + margin-right: 0.25rem; + margin-left: 0.25rem; } .small-label { - margin-top: 5px; + margin-top: 5px; } .padd-right { - margin-right: 8px; + margin-right: 8px; } .padd-left { - margin-left: 8px; + margin-left: 8px; } .stack-left { - align-items:center; - flex-shrink: 1; - flex-grow: 0; + align-items: center; + flex-shrink: 1; + flex-grow: 0; } .packed-left { - white-space: nowrap; - flex-grow: 0; + white-space: nowrap; + flex-grow: 0; } - .input-numeric-short { - width: 40px; - max-width: 40px; - flex-grow: 0; - flex-shrink: 0; - flex-basis: 40px; - margin-right: 0.15rem; - margin-left: 0.15rem; + width: 40px; + max-width: 40px; + flex-grow: 0; + flex-shrink: 0; + flex-basis: 40px; + margin-right: 0.15rem; + margin-left: 0.15rem; } - .abilities-table { - align-content: flex-start; + align-content: flex-start; } - -/* ======================================== */ .tokenhudext { - display: flex; + display: flex; flex: 0 !important; - font-weight: 600; + font-weight: 600; + &.left { + justify-content: flex-start; + flex-direction: column; + position: absolute; + top: 2.75rem; + right: 4rem; + } + &.right { + justify-content: flex-start; + flex-direction: column; + position: absolute; + top: 2.75rem; + left: 4rem; + } } -.tokenhudext.left { - justify-content: flex-start; - flex-direction: column; - position: absolute; - top: 2.75rem; - right: 4rem; +.control-icon { + &.tokenhudicon { + width: -moz-fit-content; + width: fit-content; + height: -moz-fit-content; + height: fit-content; + min-width: 6rem; + flex-basis: auto; + padding: 0; + line-height: 1rem; + margin: 0.25rem; + &.right { + margin-left: 8px; + } + } } -.tokenhudext.right { - justify-content: flex-start; - flex-direction: column; - position: absolute; - top: 2.75rem; - left: 4rem; +#token-hud { + .status-effects { + &.active { + z-index: 2; + } + } } -.control-icon.tokenhudicon { - width: fit-content; - height: fit-content; - min-width: 6rem; - flex-basis: auto; - padding: 0; - line-height: 1rem; - margin: 0.25rem; +.token-sheet { + .window-content { + .flexcol { + .sheet-tabs { + font-size: 0.8rem; + } + } + } } -.control-icon.tokenhudicon.right { - margin-left: 8px; -} -#token-hud .status-effects.active{ - z-index: 2; -} -.token-sheet .window-content .flexcol .sheet-tabs { - font-size: 0.8rem; -} - -/* ======================================== */ .item-checkbox { - height: 25px; - border: 1px solid #736953a6; - border-left: none; - font-weight: 500; - font-size: 1rem; - color: black; - padding-top: 5px; - margin-right: 0px; - width: 45px; - position: relative; - left: 0px; - text-align: center; + height: 25px; + border: 1px solid rgba(115,105,83,0.65098); + border-left: none; + font-weight: 500; + font-size: 1rem; + color: black; + padding-top: 5px; + margin-right: 0px; + width: 45px; + position: relative; + left: 0px; + text-align: center; } - .skill-label { - font-size: 0.7rem; + font-size: 0.7rem; } -.skill-good-checkbox { - max-height: 10px; - max-width: 10px; +.skill-good-checkbox { + max-height: 10px; + max-width: 10px; } - -.flex-actions-bar { - flex-grow: 2; +.flex-actions-bar { + flex-grow: 2; } - -/* ======================================== */ -/* Sidebar CSS */ #sidebar { - font-size: 1rem; - /*background-position: 100%;*/ - background-color:#f5f5f5; - background-position: 0px 35px; - background-repeat: no-repeat; - background: rgba(226, 226, 222, 0.95); - color: rgba(19, 18, 18, 0.95); + font-size: 1rem; + background-color: #f5f5f5; + background-position: 0px 35px; + background-repeat: no-repeat; + background: rgba(226, 226, 222, 0.95); + color: rgba(19, 18, 18, 0.95); + &.collapsed { + height: 470px !important; + } + #sidebar-tabs { + i { + display: inline-block; + background-position: center; + background-size: cover; + text-shadow: 1px 1px 0 rgba(0,0,0,0.75); + } + } } - -/* background: rgb(105,85,65) url("../images/ui/texture_feuille_perso_onglets.webp") no-repeat right bottom;*/ - -#sidebar.collapsed { - height: 470px !important; -} - #sidebar-tabs > .collapsed, #chat-controls .chat-control-icon { - color: rgba(19, 18, 18, 0.95); - text-shadow: 1px 1px 0 rgba(0,0,0,0.75); + color: rgba(19, 18, 18, 0.95); + text-shadow: 1px 1px 0 rgba(0,0,0,0.75); } - -.sidebar-tab .directory-list .entity { - border-top: 1px rgba(0,0,0,0.25); - border-bottom: 0 none; - padding: 0.25rem 0; -} - -.sidebar-tab .directory-list .entity:hover { - background: rgba(0,0,0,0.05); - cursor: pointer; +.sidebar-tab { + .directory-list { + .entity { + border-top: 1px rgba(0,0,0,0.25); + border-bottom: 0 none; + padding: 0.25rem 0; + &:hover { + background: rgba(0,0,0,0.05); + cursor: pointer; + } + } + } } .chat-message-header { - background: rgba(220,220,210,0.5); - font-size: 1.1rem; - height: 48px; - text-align: center; - vertical-align: middle; - display: flex; - align-items: center; + background: rgba(220,220,210,0.5); + font-size: 1.1rem; + height: 48px; + text-align: center; + vertical-align: middle; + display: flex; + align-items: center; } - -.chat-message .message-header .flavor-text, .chat-message .message-header .whisper-to { - font-size: 0.9rem; +.chat-message .message-header .flavor-text, .chat-message .message-header .whisper-to { + font-size: 0.9rem; } .chat-result-text, .chat-actor-name { - font-weight: bold; - font-family: MailartRubberstamp; - font-size: 1.2rem; - padding: 4px; + font-weight: bold; + font-family: MailartRubberstamp; + font-size: 1.2rem; + padding: 4px; } .chat-result-success { - color:darkgreen; + color: darkgreen; } .chat-result-failure { - color:darkred; + color: darkred; } .chat-img { - width: 64px; - height: 64px; + width: 64px; + height: 64px; } - .roll-dialog-header { - height: 52px; + height: 52px; } - .actor-icon { - float: left; - width: 48px; - height: 48px; - padding: 2px 6px 2px 2px; + float: left; + width: 48px; + height: 48px; + padding: 2px 6px 2px 2px; } - .padding-dice { - padding-top: .2rem; - padding-bottom: .2rem; + padding-top: .2rem; + padding-bottom: .2rem; } - .dice-image { - box-sizing: border-box; - border: none; - border-radius: 0; - max-width: 100%; + box-sizing: border-box; + border: none; + border-radius: 0; + max-width: 100%; } - .dice-image-reroll { - background-color:rgba(115, 224, 115, 0.25); - border-color: #011d33; - box-sizing: border-box; - border: 1px; - border-radius: 0%; - max-width: 100%; + background-color: rgba(115, 224, 115, 0.25); + border-color: #011d33; + box-sizing: border-box; + border: 1px; + border-radius: 0%; + max-width: 100%; } - .chat-dice { - width: 15%; - height: 15%; - font-size: 15px; - padding: 10px; - padding-bottom: 20px; - padding-top: .2rem; - padding-bottom: .2rem; + width: 15%; + height: 15%; + font-size: 15px; + padding: 10px; + padding-bottom: 20px; + padding-top: .2rem; + padding-bottom: .2rem; } - .div-center { - align-self: center; + align-self: center; } - .chat-message { - background: rgba(220,220,210,0.5); - font-size: 0.9rem; + background: rgba(220,220,210,0.5); + font-size: 0.9rem; + &.whisper { + background: rgba(220,220,210,0.75); + border: 2px solid #545469; + } + .chat-icon { + border: 0; + padding: 2px 6px 2px 2px; + float: left; + width: 64px; + height: 64px; + } } - -.chat-message.whisper { - background: rgba(220,220,210,0.75); - border: 2px solid #545469; -} - -.chat-message .chat-icon { - border: 0; - padding: 2px 6px 2px 2px; - float: left; - width: 64px; - height: 64px; -} - .ability-icon { - border: 0; - padding: 2px 2px 2px 2px; - max-width:32px; - max-height:32px; - width: auto; - height: auto; + border: 0; + padding: 2px 2px 2px 2px; + max-width: 32px; + max-height: 32px; + width: auto; + height: auto; } .small-ability-icon { - border: 0; - padding: 2px 2px 2px 2px; - max-width:16px; - max-height:16px; - width: auto; - height: auto; + border: 0; + padding: 2px 2px 2px 2px; + max-width: 16px; + max-height: 16px; + width: auto; + height: auto; } .combat-icon { - border: 0; - padding: 2px 2px 2px 2px; - max-width:24px; - max-height:24px; - width: auto; - height: auto; + border: 0; + padding: 2px 2px 2px 2px; + max-width: 24px; + max-height: 24px; + width: auto; + height: auto; } - #sidebar-tabs { - flex: 0 0 32px; - box-sizing: border-box; - margin: 0 0 5px; - border-bottom: 1px solid rgba(0,0,0,0); - box-shadow: inset 0 0 2rem rgba(0,0,0,0.5); + flex: 0 0 32px; + box-sizing: border-box; + margin: 0 0 5px; + border-bottom: 1px solid rgba(0,0,0,0); + box-shadow: inset 0 0 2rem rgba(0,0,0,0.5); + & > .item { + &.active { + border: 1px solid rgba(114,98,72,1); + background: rgba(30, 25, 20, 0.75); + box-shadow: 0 0 6px inset rgba(114,98,72,1); + } + } } - -#sidebar-tabs > .item.active { - border: 1px solid rgba(114,98,72,1); - background: rgba(30, 25, 20, 0.75); - box-shadow: 0 0 6px inset rgba(114,98,72,1); -} - -#sidebar #sidebar-tabs i{ - display: inline-block; - background-position:center; - background-size:cover; - text-shadow: 1px 1px 0 rgba(0,0,0,0.75); - -} - -/*--------------------------------------------------------------------------*/ -/* Control, Tool, hotbar & navigation */ - #controls .scene-control, #controls .control-tool { - box-shadow: 0 0 3px #000; - margin: 0 0 8px; - border-radius: 0; - background: rgba(30, 25, 20, 1); - background-origin: padding-box; - border-image: url(img/ui/footer-button.png) 10 repeat; - border-image-width: 4px; - border-image-outset: 0px; + box-shadow: 0 0 3px #000; + margin: 0 0 8px; + border-radius: 0; + background: rgba(30, 25, 20, 1); + background-origin: padding-box; + -o-border-image: url(img/ui/footer-button.png) 10 repeat; + border-image: url(img/ui/footer-button.png) 10 repeat; + border-image-width: 4px; + border-image-outset: 0px; } - #controls .scene-control.active, #controls .control-tool.active, #controls .scene-control:hover, #controls .control-tool:hover { - background: rgba(72, 46, 28, 1); - background-origin: padding-box; - border-image: url(img/ui/footer-button.png) 10 repeat; - border-image-width: 4px; - border-image-outset: 0px; - box-shadow: 0 0 3px #ff6400; + background: rgba(72, 46, 28, 1); + background-origin: padding-box; + -o-border-image: url(img/ui/footer-button.png) 10 repeat; + border-image: url(img/ui/footer-button.png) 10 repeat; + border-image-width: 4px; + border-image-outset: 0px; + box-shadow: 0 0 3px #ff6400; } - -#hotbar #action-bar #macro-list { - border: 1px solid rgba(72, 46, 28, 1); - box-shadow: 2px 2px 5px #000000; +#hotbar { + #action-bar { + #macro-list { + border: 1px solid rgba(72, 46, 28, 1); + box-shadow: 2px 2px 5px #000000; + } + .macro { + -o-border-image: url(img/ui/bg_control.jpg) 21 repeat; + border-image: url(img/ui/bg_control.jpg) 21 repeat; + border-image-slice: 6 6 6 6 fill; + border-image-width: 6px 6px 6px 6px; + border-image-outset: 0px 0px 0px 0px; + border-radius: 0px; + } + } + .bar-controls { + background: rgba(30, 25, 20, 1); + border: 1px solid rgba(72, 46, 28, 1); + } } - -#hotbar #action-bar .macro { - border-image: url(img/ui/bg_control.jpg) 21 repeat; - border-image-slice: 6 6 6 6 fill; - border-image-width: 6px 6px 6px 6px; - border-image-outset: 0px 0px 0px 0px; - border-radius: 0px; -} - -#hotbar .bar-controls { - background: rgba(30, 25, 20, 1); - border: 1px solid rgba(72, 46, 28, 1); -} - #players { - border-image: url(img/ui/footer-button.png) 10 repeat; - border-image-width: 4px; - border-image-outset: 0px; - background: rgba(30, 25, 20, 1); + -o-border-image: url(img/ui/footer-button.png) 10 repeat; + border-image: url(img/ui/footer-button.png) 10 repeat; + border-image-width: 4px; + border-image-outset: 0px; + background: rgba(30, 25, 20, 1); } - -#navigation #scene-list .scene.nav-item.active { - background: rgba(72, 46, 28, 1); +#navigation { + #scene-list { + .scene { + &.nav-item { + background: rgba(30, 25, 20, 1); + background-origin: padding-box; + -o-border-image: url(img/ui/footer-button.png) 10 repeat; + border-image: url(img/ui/footer-button.png) 10 repeat; + border-image-width: 4px; + border-image-outset: 0px; + &.active { + background: rgba(72, 46, 28, 1); + } + } + } + } + #nav-toggle { + background: rgba(30, 25, 20, 1); + background-origin: padding-box; + -o-border-image: url(img/ui/footer-button.png) 10 repeat; + border-image: url(img/ui/footer-button.png) 10 repeat; + border-image-width: 4px; + border-image-outset: 0px; + } } - -#navigation #scene-list .scene.nav-item { - background: rgba(30, 25, 20, 1); - background-origin: padding-box; - border-image: url(img/ui/footer-button.png) 10 repeat; - border-image-width: 4px; - border-image-outset: 0px; -} - #navigation #scene-list .scene.view, #navigation #scene-list .scene.context { - background: rgba(72, 46, 28, 1); - background-origin: padding-box; - border-image: url(img/ui/footer-button.png) 10 repeat; - border-image-width: 4px; - border-image-outset: 0px; - box-shadow: 0 0 3px #ff6400; + background: rgba(72, 46, 28, 1); + background-origin: padding-box; + -o-border-image: url(img/ui/footer-button.png) 10 repeat; + border-image: url(img/ui/footer-button.png) 10 repeat; + border-image-width: 4px; + border-image-outset: 0px; + box-shadow: 0 0 3px #ff6400; } - -#navigation #nav-toggle { - background: rgba(30, 25, 20, 1); - background-origin: padding-box; - border-image: url(img/ui/footer-button.png) 10 repeat; - border-image-width: 4px; - border-image-outset: 0px; -} - - .chat-card-button { - box-shadow: inset 0px 1px 0px 0px #a6827e; - background: linear-gradient(to bottom, #21374afc 5%, #152833ab 100%); - background-color: #7d5d3b00; - border-radius: 3px; - border: 2px ridge #846109; - display: inline-block; - cursor: pointer; - color: #ffffff; - font-size: 0.8rem; - padding: 4px 12px 0px 12px; - text-decoration: none; - text-shadow: 0px 1px 0px #4d3534; - position: relative; - margin:2px; + box-shadow: inset 0px 1px 0px 0px #a6827e; + background: linear-gradient(to bottom, rgba(33,55,74,0.98824) 5%, rgba(21,40,51,0.67059) 100%); + background-color: rgba(125,93,59,0); + border-radius: 3px; + border: 2px ridge #846109; + display: inline-block; + cursor: pointer; + color: #ffffff; + font-size: 0.8rem; + padding: 4px 12px 0px 12px; + text-decoration: none; + text-shadow: 0px 1px 0px #4d3534; + position: relative; + margin: 2px; + &:hover { + background: linear-gradient(to bottom, #800000 5%, #3e0101 100%); + background-color: red; + } + &:active { + position: relative; + top: 1px; + } } - -.chat-card-button:hover { - background: linear-gradient(to bottom, #800000 5%, #3e0101 100%); - background-color: red; -} -.chat-card-button:active { - position:relative; - top:1px; -} - .plus-minus-button { - box-shadow: inset 0px 1px 0px 0px #a6827e; - background: linear-gradient(to bottom, #21374afc 5%, #152833ab 100%); - background-color: #7d5d3b00; - border-radius: 2px; - border: 1px ridge #846109; - display: inline-block; - cursor: pointer; - color: #ffffff; - margin: 2px 2px 2px 2px; - padding: 2px 2px 2px 2px; - text-decoration: none; - text-shadow: 0px 1px 0px #4d3534; - position: relative; - margin:0px; + box-shadow: inset 0px 1px 0px 0px #a6827e; + background: linear-gradient(to bottom, rgba(33,55,74,0.98824) 5%, rgba(21,40,51,0.67059) 100%); + background-color: rgba(125,93,59,0); + border-radius: 2px; + border: 1px ridge #846109; + display: inline-block; + cursor: pointer; + color: #ffffff; + margin: 2px 2px 2px 2px; + padding: 2px 2px 2px 2px; + text-decoration: none; + text-shadow: 0px 1px 0px #4d3534; + position: relative; + margin: 0px; } - .plus-minus-button:hover, .chat-card-button:hover { - background: linear-gradient(to bottom, #800000 5%, #3e0101 100%); - background-color: red; + background: linear-gradient(to bottom, #800000 5%, #3e0101 100%); + background-color: red; } - .plus-minus-button:active, .chat-card-button:active { - position:relative; - top:1px; + position: relative; + top: 1px; } - .plus-minus { - font-size: 0.9rem; - font-weight: bold; + font-size: 0.9rem; + font-weight: bold; } - .ul-level1 { - padding-left: 2rem; + padding-left: 2rem; } - - -/*************************************************************/ -#pause -{ - font-size: 2rem; +#pause { + font-size: 2rem; + & > h3 { + color: #CCC; + } + & > img { + content: url(../images/ui/te-deum_logo_small_01.webp); + height: 200px; + width: 200px; + top: -200px; + left: calc(50% - 132px); + } } -#pause > h3 -{ - color: #CCC -} -#pause > img { - content: url(../images/ui/te-deum_logo_small_01.webp); - height: 200px; - width: 200px; - top: -200px; - left: calc(50% - 132px); -} - #logo { - content : url(../images/ui/te-deum_logo_small_01.webp); - width: 100px; - height: 60px; + content: url(../images/ui/te-deum_logo_small_01.webp); + width: 100px; + height: 60px; } - -.dice-cell { - padding-left: 12px; - padding-right: 12px; - width: 60px; - text-align: center; +.dice-cell { + padding-left: 12px; + padding-right: 12px; + width: 60px; + text-align: center; } - .dice-formula, .dice-total { - height: 54px; - position:relative; + height: 54px; + position: relative; } - .status-small-label { - font-size: 0.65rem; + font-size: 0.65rem; } .no-grow { - flex-grow: 1; - max-width: 32px; + flex-grow: 1; + max-width: 32px; } .status-col-name { - max-width: 72px; + max-width: 72px; } .img-no-border { - max-width: 48px; - max-height: 48px; - border: 0px; + max-width: 48px; + max-height: 48px; + border: 0px; } .items-title-bg { - margin-top: 6px; - color: rgba(19, 18, 18, 0.95); - + margin-top: 6px; + color: rgba(19, 18, 18, 0.95); } .impact-box { - border-width: 2px; - border-color: #000000; - border-radius: 6px; - border: 2px ridge #443307; - margin: 4px; - padding: 4px; + border-width: 2px; + border-color: #000000; + border-radius: 6px; + border: 2px ridge #443307; + margin: 4px; + padding: 4px; } .impact-title { - font-size: bold; - display: flex; - align-items: center; - justify-content: center; - margin-left: auto; - margin-right: auto; - text-align: center; + font-size: bold; + display: flex; + align-items: center; + justify-content: center; + margin-left: auto; + margin-right: auto; + text-align: center; } - .items-title-text { - text-align: center; - font-family: MailartRubberstamp; - margin-left: 4px; + text-align: center; + font-family: MailartRubberstamp; + margin-left: 4px; } .lock-icon { - width:16px; - height: 16px; + width: 16px; + height: 16px; } .item-sheet-img { - width: 64px; - height: auto; - border: 0; + width: 64px; + height: auto; + border: 0; } .item-name-img { - flex-grow:1; - max-width: 2rem; - min-width: 2rem; + flex-grow: 1; + max-width: 2rem; + min-width: 2rem; } .item-field { - margin-top: 4px; + margin-top: 4px; } .item-field-label-short { - flex-grow:1; - max-width: 4rem; - min-width: 4rem; + flex-grow: 1; + max-width: 4rem; + min-width: 4rem; } .item-field-label-medium { - flex-grow:1; - max-width: 6rem; - min-width: 6rem; + flex-grow: 1; + max-width: 6rem; + min-width: 6rem; } .item-field-skill { - flex-grow:1; - max-width: 6.8rem; - min-width: 6.8rem; + flex-grow: 1; + max-width: 6.8rem; + min-width: 6.8rem; } .item-field-label-long { - flex-grow:1; - max-width: 10rem; - min-width: 10rem; + flex-grow: 1; + max-width: 10rem; + min-width: 10rem; +} +.item-field-title-long { + flex-grow: 1; + max-width: 12rem; + min-width: 12rem; } .item-field-label-long14 { - flex-grow:1; - max-width: 14rem; - min-width: 14rem; + flex-grow: 1; + max-width: 14rem; + min-width: 14rem; } .carac-box { - background-color: rgba(155, 155, 150, 0.3); - box-shadow: inset 0px 0px 1px #00000096; - border-radius: 0.45rem; + background-color: rgba(155, 155, 150, 0.3); + box-shadow: inset 0px 0px 1px rgba(0,0,0,0.58824); + border-radius: 0.45rem; } -.comp-box { - max-width: 16rem; - min-width: 16rem; - width: 16rem; - min-height: 1.6rem; +.comp-box { + max-width: 16rem; + min-width: 16rem; + width: 16rem; + min-height: 1.6rem; } - .item-control-end { - align-self: flex-end; + align-self: flex-end; } - .alternate-list { - margin-top: 4px; - flex-wrap: nowrap; + margin-top: 4px; + flex-wrap: nowrap; } .item-filler { - flex-grow: 6; - flex-shrink: 7; + flex-grow: 6; + flex-shrink: 7; } .item-controls-fixed { - min-width:2rem; - max-width: 2rem; + min-width: 2rem; + max-width: 2rem; } .item-controls-fixed-full { - min-width:3rem; - max-width: 3rem; + min-width: 3rem; + max-width: 3rem; } .item-left-pad { - margin-left: 4px; + margin-left: 4px; } .attribute-label { - font-weight: bold; + font-weight: bold; } .flexrow-no-expand { - flex-grow: 0; + flex-grow: 0; } .item-input-small { - max-width: 16px; - max-height: 12px; + max-width: 16px; + max-height: 12px; } .character-summary-rollable { - text-decoration: underline; + text-decoration: underline; } - -.te-deum-roll-dialog .window-header { - border-radius: 10px 10px 0% 0%; +.te-deum-roll-dialog { + .window-header { + border-radius: 10px 10px 0% 0%; + } + .window-content { + border-radius: 0% 0% 10px 10px; + } } -.te-deum-roll-dialog .window-content { - border-radius: 0% 0% 10px 10px; +.skill-roll-dialog { + div { + margin-top: 4px; + margin-bottom: 4px; + } } - -.skill-roll-dialog div { - margin-top: 4px; - margin-bottom: 4px; -} - .confront-dice { - border-width: 0px; + border-width: 0px; } - .bonus-spec { - max-width: 48px; + max-width: 48px; } .confront-bonus-container { - position: relative; - flex-grow: 1; - text-align: center; - color: black; + position: relative; + flex-grow: 1; + text-align: center; + color: black; } .pool-list { - align-items: center; - justify-content: center; -} -.confront-bonus-centered { - position: absolute; - top: 50%; - left: 50%; - font-size: 1.6rem; - color: darkgreen; - font-family: MailartRubberstamp; - transform: translate(-50%, -55%); -} - -.dice-spec { - max-width: 64px; -} -.confront-dice-container { - position: relative; - flex-grow: 1; - text-align: center; - color: black; -} -.confront-dice-centered { - position: absolute; - top: 50%; - left: 50%; - font-size: 2rem; - color: darkgreen; - font-family: MailartRubberstamp; - transform: translate(-50%, -55%); -} -.confront-area { - margin: 2px; - padding: 4px; - min-height: 64px; - border-width: 2px; - border-color: #000000; - border-radius: 6px; - border: 2px ridge #443307; - align-items: center; - justify-content: center; + align-items: center; + justify-content: center; } diff --git a/postcss/tedeum2.css b/postcss/tedeum2.css new file mode 100644 index 0000000..85702bf --- /dev/null +++ b/postcss/tedeum2.css @@ -0,0 +1,1325 @@ + /* ==================== (A) Fonts ==================== */ + @font-face { + font-family: "MailartRubberstamp"; + src: url('../fonts/MailartRubberstamp-Regular.woff') format("woff"); + } + @font-face { + font-family: "GreatPrimer"; + src: url('../fonts/IM_FELL_Great_Primer_Roman.woff') format("woff"); + } + + :root { + /* =================== 1. ACTOR SHEET FONT STYLES =========== */ + --window-header-title-font-size: 1.3rem; + --window-header-title-font-weight: normal; + --window-header-title-color: #f5f5f5; + + --major-button-font-size: 1.05rem; + --major-button-font-weight: normal; + --major-button-color: #dadada; + + --tab-header-font-size: 1.0rem; + --tab-header-font-weight: 700; + --tab-header-color: #403f3e; + --tab-header-color-active: #4a0404; + + --actor-input-font-size: 0.8rem; + --actor-input-font-weight: 500; + --actor-input-color: black; + + --actor-label-font-size: 0.8rem; + --actor-label-font-weight: 700; + --actor-label-color: #464331c4; + + /* =================== 2. DEBUGGING HIGHLIGHTERS ============ */ + --debug-background-color-red: #ff000054; + --debug-background-color-blue: #1d00ff54; + --debug-background-color-green: #54ff0054; + + --debug-box-shadow-red: inset 0 0 2px red; + --debug-box-shadow-blue: inset 0 0 2px blue; + --debug-box-shadow-green: inset 0 0 2px green; + } + +/*@import url("https://fonts.googleapis.com/css2?family=Martel:wght@400;800&family=Roboto:wght@300;400;500&display=swap");*/ +/* Global styles & Font */ +.window-app { + text-align: justify; + font-size: 16px; + letter-spacing: 1px; +} + +/* Fonts */ +.sheet header.sheet-header h1 input, .window-app .window-header, #actors .directory-list, #navigation #scene-list .scene.nav-item { + font-size: 1.0rem; +} /* For title, sidebar character and scene */ +.sheet nav.sheet-tabs { + font-size: 0.8rem; +} /* For nav and title */ +.window-app input, .fvtt-te-deum .item-form, .sheet header.sheet-header .flex-group-center.flex-compteurs, .sheet header.sheet-header .flex-group-center.flex-fatigue, select, button, .item-checkbox, #sidebar, #players, #navigation #nav-toggle { + font-size: 0.8rem; +} + +.window-header{ + background: rgba(0,0,0,0.75); +} + +.window-app.sheet .window-content { + margin: 0; + padding: 0; + font-family: "GreatPrimer"; +} +.strong-text{ + font-weight: bold; +} + +.tabs .item.active, .blessures-list li ul li:first-child:hover, a:hover { + text-shadow: 1px 0px 0px #ff6600; +} + +.rollable:hover, .rollable:focus { + color: #000; + text-shadow: 0 0 10px red; + cursor: pointer; +} + +input:hover { + border-width: 4px; + border-color: rgba(37, 124, 37, 0.7); +} + +input:disabled { + color:#1c2058; +} +select:disabled { + color:#1c2058; +} +table {border: 1px solid #7a7971;} + +.grid, .grid-2col { + display: grid; + grid-column: span 2 / span 2; + grid-template-columns: repeat(2, minmax(0, 1fr)); + gap: 10px; + margin: 10px 0; + padding: 0; +} + +.grid-3col { + grid-column: span 3 / span 3; + grid-template-columns: repeat(3, minmax(0, 1fr)); +} + +.grid-4col { + grid-column: span 4 / span 4; + grid-template-columns: repeat(4, minmax(0, 1fr)); +} + +.grid-5col { + grid-column: span 5 / span 5; + grid-template-columns: repeat(5, minmax(0, 1fr)); +} + +.grid-6col { + grid-column: span 5 / span 5; + grid-template-columns: repeat(5, minmax(0, 1fr)); +} + +.grid-7col { + grid-column: span 7 / span 7; + grid-template-columns: repeat(7, minmax(0, 1fr)); +} + +.grid-8col { + grid-column: span 8 / span 8; + grid-template-columns: repeat(8, minmax(0, 1fr)); +} + +.grid-9col { + grid-column: span 9 / span 9; + grid-template-columns: repeat(9, minmax(0, 1fr)); +} + +.grid-10col { + grid-column: span 10 / span 10; + grid-template-columns: repeat(10, minmax(0, 1fr)); +} + +.grid-11col { + grid-column: span 11 / span 11; + grid-template-columns: repeat(11, minmax(0, 1fr)); +} + +.grid-12col { + grid-column: span 12 / span 12; + grid-template-columns: repeat(12, minmax(0, 1fr)); +} + +.flex-group-center, +.flex-group-left, +.flex-group-right { + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + text-align: center; + padding: 5px; +} + +.flex-group-left { + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; + text-align: left; +} + +.flex-group-right { + -webkit-box-pack: end; + -ms-flex-pack: end; + justify-content: flex-end; + text-align: right; +} + +.flex-center { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + text-align: center; +} + +.table-create-actor { + font-size: 0.8rem; +} + +.flex-between { + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; +} + +.flex-shrink { + flex: 'flex-shrink' ; +} + +/* Styles limited to sheets */ +.fvtt-te-deum .sheet-header { + -webkit-box-flex: 0; + -ms-flex: 0 0 210px; + flex: 0 0 210px; + overflow: hidden; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; + margin-bottom: 10px; +} + +.fvtt-te-deum .sheet-header .profile-img { + -webkit-box-flex: 0; + -ms-flex: 0 0 128px; + flex: 0 0 128px; + width: 128px; + height: auto; + max-height:128px; + margin-top: 0px; + margin-right: 10px; + object-fit: cover; + object-position: 50% 0; + border-width: 0px; +} +.profile-img-container { + margin-right: 0.2rem; + max-width: 140px; + width: 140px; +} + +.button-img { + vertical-align: baseline; + width: 8%; + height: 8%; + max-height: 48px; + border-width: 0px; + border: 1px solid rgba(0, 0, 0, 0); +} + +.button-img:hover { + color: rgba(255, 255, 128, 0.7); + border: 1px solid rgba(255, 128, 0, 0.8); + cursor: pointer; +} + +.button-effect-img { + vertical-align: baseline; + width: 16px; + max-height: 16px; + height: 16; + border-width: 0; +} + +.small-button-container { + height: 16px; + width: 16px; + border: 0; + vertical-align: bottom; +} + +.fvtt-te-deum .sheet-header .header-fields { + -webkit-box-flex: 1; + -ms-flex: 1; + flex: 1; +} + +.fvtt-te-deum .sheet-header h1.charname { + height: 50px; + padding: 0px; + margin: 5px 0; + border-bottom: 0; +} + +.fvtt-te-deum .sheet-header h1.charname input { + font-family: "MailartRubberstamp"; + font-size: 3rem; + width: 100%; + height: 100%; + margin: 0; +} + +.fvtt-te-deum .sheet-tabs { + -webkit-box-flex: 0; + -ms-flex: 0; + flex: 0; + font-family: "MailartRubberstamp"; + font-size: 2.2rem; +} + +textarea, +.fvtt-te-deum .sheet-body, +.fvtt-te-deum .sheet-body .tab, +.fvtt-te-deum .sheet-body .tab .editor { + height: 100%; + font-size: 0.8rem; + font-family: "GreatPrimer"; +} + +.editor { + border: 2; + height: 100%; + padding: 0 3px; +} + +.medium-editor { + border: 2; + height: 240px; + padding: 0 3px; +} + +.small-editor { + border: 2; + height: 120px; + padding: 0 3px; +} + +.fvtt-te-deum .tox .tox-editor-container { + background: #fff; +} + +.fvtt-te-deum .tox .tox-edit-area { + padding: 0 8px; +} + +.fvtt-te-deum .resource-label { + font-weight: bold; + text-transform: uppercase; +} + +.fvtt-te-deum .tabs { + height: 40px; + border-top: 1px solid #AAA; + border-bottom: 1px solid #AAA; + color: #000000; + font-family: "GreatPrimer"; +} + +.fvtt-te-deum .tabs .item { + line-height: 40px; + font-weight: bold; +} + +.fvtt-te-deum .tabs .item.active { + text-decoration: underline; + text-shadow: none; +} + +.fvtt-te-deum .items-list { + list-style: none; + margin: 1px 0; + padding: 0; + overflow-y: auto; +} + +.fvtt-te-deum .items-list .item-header { + font-weight: bold; +} + +.fvtt-te-deum .items-list .item { + height: 30px; + line-height: 24px; + padding: 1px 0; + border-bottom: 1px solid #BBB; +} + +.fvtt-te-deum .items-list .item .item-image { + -webkit-box-flex: 0; + -ms-flex: 0 0 24px; + flex: 0 0 24px; + margin-right: 5px; +} + +.fvtt-te-deum .items-list .item img { + display: block; +} + +.fvtt-te-deum .items-list .item-name { + margin: 0; +} + +.fvtt-te-deum .items-list .item-controls { + -webkit-box-flex: 0; + -ms-flex: 0 0 86px; + flex: 0 0 86px; + text-align: right; +} + +li.folder > .folder-header h3 { + color: rgba(19, 18, 18, 0.95); +} + +/* ======================================== */ +/* Sheet */ +.window-app.sheet .window-content .sheet-header{ + color: rgba(19, 18, 18, 0.95); + /*background: url("../images/ui/frise_topleft_01.webp");*/ + background: rgba(226, 226, 222, 0.95); + /*background: #494e6b;*/ +} + +input[type="text"], select[type="text"] { + background:white; + color: #494e6b; +} + +select { + background:white; + color: #494e6b; +} +/* background: #011d33 url("../images/ui/fond1.webp") repeat left top;*/ +/*color: rgba(168, 139, 139, 0.5);*/ +.window-app.sheet .window-content .sheet-header select[type="text"], .window-app.sheet .window-content .sheet-header input[type="text"], .window-app.sheet .window-content .sheet-header input[type="number"], .window-app.sheet .window-content .sheet-body input[type="text"], .window-app.sheet .window-content .sheet-body input[type="number"], .window-app.sheet .window-content .sheet-body select[type="text"], textarea { + color: rgba(19, 18, 18, 0.95); + /*color: #494e6b;*/ +} + +.window-app.sheet .window-content .sheet-header input[type="password"], .window-app.sheet .window-content .sheet-header input[type="date"], .window-app.sheet .window-content .sheet-header input[type="time"] { + color: rgba(19, 18, 18, 0.95); + /*background: url("../images/ui/frise_topleft_01.webp");*/ + background: rgba(226, 226, 222, 0.95); + border: 1 none; + margin-bottom: 0.25rem; + margin-left: 2px; +} + +.window-app.sheet .window-content .sheet-body select, .window-app.sheet .window-content .sheet-header select { + color: rgba(19, 18, 18, 0.95); + background: #fff; + border: 1 none; + margin-bottom: 0.25rem; + margin-left: 2px; +} + +.window-app .window-content, .window-app.sheet .window-content .sheet-body{ + font-size: 0.8rem; + /*background: url("../images/ui/pc_sheet_bg.webp") repeat left top;*/ + /*background: url("../images/ui/frise_topleft_01.webp");*/ + background: rgba(226, 226, 222, 0.95); + color: rgba(19, 18, 18, 0.95); +} + +/* background: rgba(245,245,240,0.6) url("../images/ui/sheet_background.webp") left top;*/ + +section.sheet-body{padding: 0.25rem 0.5rem;} + +.sheet header.sheet-header .profile-img { + object-fit: cover; + object-position: 50% 0; + margin: 0.5rem 0 0.5rem 0.5rem; + padding: 0; +} + +.sheet nav.sheet-tabs { + font-size: 1.2rem; + font-weight: bold; + height: 3rem; + flex: 0 0 3rem; + margin: 0; + padding: 0 0 0 0.25rem; + text-align: center; + /*text-transform: uppercase;*/ + line-height: 1.5rem; + border-top: 0 none; + border-bottom: 0 none; + background: linear-gradient(rgba(226, 226, 222, 0.5), rgba(226, 226, 222, 0.5)), url("../images/ui/frise_bottom_01.webp"); + background-repeat: no-repeat; + background-size: 100% 100%; + z-index: 1; + /*background-color:#252525;*/ +} + +/* background: rgb(245,245,240) url("../images/ui/fond4.webp") repeat left top;*/ + +nav.sheet-tabs .item { + z-index: 2; + position: relative; + opacity: 1.0; + color:rgba(29, 28, 31); + padding: 0 0.25rem; +} + +nav.sheet-tabs .item:after { + content: ""; + position: absolute; + top: 0; + right: 0; + height: 2rem; + width: 1px; +} + +.sheet .tab[data-tab] { + padding: 0; +} + +section.sheet-body:after { + content: ""; + display: block; + clear: both; +} + +.sheet header.sheet-header .flex-compteurs {text-align: right;} +.sheet header.sheet-header .resource-content {width: 2rem;} + +.select-diff { + display: inline-block; + text-align: left; + width: 50px; +} + +.window-app.sheet .window-content .tooltip:hover .tooltiptext { + top: 2rem; + left: 2rem; + margin: 0; + padding: 0.25rem; +} + +.window-app.sheet .window-content .carac-value, .window-app.sheet .window-content .competence-xp { + margin: 0.05rem; + flex-basis: 3rem; + text-align: center; +} + +/* ======================================== */ +/* Global UI elements */ + +/* ======================================== */ + +h1, h2, h3, h4 { + font-weight: bold; +} + +ul, ol { + margin: 0; + padding: 0; +} +ul, li { + list-style-type: none; +} + +.sheet li { + margin: 0.2rem; + padding: 0.15rem; +} +.header-fields li { + margin: 0; + padding: 0; +} + +.alterne-list > .list-item:hover { + background: rgba(100, 100, 50, 0.25); +} +.alterne-list > .list-item:nth-child(even) { + background: rgba(80, 60, 0, 0.10); +} +.alterne-list > .list-item:nth-child(odd) { + background: rgb(160, 130, 100, 0.05); +} + +.specialisation-label { + font-size: 0.8rem; +} + +.carac-label, +.attr-label { + font-weight: bold; +} + +.list-item { + margin: 0.125rem; + box-shadow: inset 0px 0px 1px #00000096; + border-radius: 0.25rem; + padding: 0.125rem; + flex: 1 1 5rem; +} +.list-item-shadow { + background:rgba(87, 60, 32, 0.35); + flex-grow: 0; + flex-wrap: nowrap; + justify-content: flex-start; +} +.list-item-shadow2 { + background:rgba(87, 60, 32, 0.25); + flex-grow: 0; + flex-wrap: nowrap; + justify-content: flex-start; +} +.item-display-show { + display: block; +} +.item-display-hide { + display: none; +} +.item-quantite { + margin-left: 0.5rem; +} +.list-item-margin1 { + margin-left: 1rem; +} +.list-item-margin2 { + margin-left: 2rem; +} +.list-item-margin3 { + margin-left: 3rem; +} +.list-item-margin4 { + margin-left: 4rem; +} + +.sheet-competence-img { + width: 24px; + max-width: 24px; + height: 24px; + max-height: 24px; + flex-grow: 0; + margin-right: 0.25rem; +} +.competence-column { + flex-direction: column; + align-content: flex-start; + justify-content: flex-start; + flex-grow: 0; + flex-basis: 1; +} +.competence-header { + align-content: flex-start; + justify-content: flex-start; + font-weight: bold; + flex-grow: 0; +} + +.comp-li { + max-width: 8rem; + width: 8rem; +} +.description-label { + flex-grow: 2; + margin-left: 4px; +} +.status-header-label { + margin-left: 2px; +} +.roll-dialog-label { + margin: 4px 0; + min-width: 96px; +} +.short-label { + flex-grow: 1; +} +.keyword-label { + font-size: 0.85rem; +} + +.item-sheet-label { + flex-grow: 1; +} + +.item-text-long-line { + flex-grow: 3; +} + +.score-label { + flex-grow: 2; + align-content: center; +} + +.attribut-value, +.carac-value { + flex-grow: 0; + flex-basis: 64px; + margin-right: 4px; + margin-left: 4px; +} +.sante-value, +.competence-value { + flex-grow: 0; + flex-basis: 2rem; + margin-right: 0.25rem; + margin-left: 0.25rem; +} +.description-value { + flex-grow: 0; + flex-basis: 4rem; + margin-right: 0.25rem; + margin-left: 0.25rem; +} +.small-label { + margin-top: 5px; +} +.padd-right { + margin-right: 8px; +} +.padd-left { + margin-left: 8px; +} +.stack-left { + align-items:center; + flex-shrink: 1; + flex-grow: 0; +} +.packed-left { + white-space: nowrap; + flex-grow: 0; +} + +.input-numeric-short { + width: 40px; + max-width: 40px; + flex-grow: 0; + flex-shrink: 0; + flex-basis: 40px; + margin-right: 0.15rem; + margin-left: 0.15rem; +} + +.abilities-table { + align-content: flex-start; +} + +/* ======================================== */ +.tokenhudext { + display: flex; + flex: 0 !important; + font-weight: 600; +} +.tokenhudext.left { + justify-content: flex-start; + flex-direction: column; + position: absolute; + top: 2.75rem; + right: 4rem; +} +.tokenhudext.right { + justify-content: flex-start; + flex-direction: column; + position: absolute; + top: 2.75rem; + left: 4rem; +} +.control-icon.tokenhudicon { + width: fit-content; + height: fit-content; + min-width: 6rem; + flex-basis: auto; + padding: 0; + line-height: 1rem; + margin: 0.25rem; +} +.control-icon.tokenhudicon.right { + margin-left: 8px; +} +#token-hud .status-effects.active{ + z-index: 2; +} +.token-sheet .window-content .flexcol .sheet-tabs { + font-size: 0.8rem; +} + +/* ======================================== */ +.item-checkbox { + height: 25px; + border: 1px solid #736953a6; + border-left: none; + font-weight: 500; + font-size: 1rem; + color: black; + padding-top: 5px; + margin-right: 0px; + width: 45px; + position: relative; + left: 0px; + text-align: center; +} + +.skill-label { + font-size: 0.7rem; +} +.skill-good-checkbox { + max-height: 10px; + max-width: 10px; +} + +.flex-actions-bar { + flex-grow: 2; +} + +/* ======================================== */ +/* Sidebar CSS */ +#sidebar { + font-size: 1rem; + /*background-position: 100%;*/ + background-color:#f5f5f5; + background-position: 0px 35px; + background-repeat: no-repeat; + background: rgba(226, 226, 222, 0.95); + color: rgba(19, 18, 18, 0.95); +} + +/* background: rgb(105,85,65) url("../images/ui/texture_feuille_perso_onglets.webp") no-repeat right bottom;*/ + +#sidebar.collapsed { + height: 470px !important; +} + +#sidebar-tabs > .collapsed, #chat-controls .chat-control-icon { + color: rgba(19, 18, 18, 0.95); + text-shadow: 1px 1px 0 rgba(0,0,0,0.75); +} + +.sidebar-tab .directory-list .entity { + border-top: 1px rgba(0,0,0,0.25); + border-bottom: 0 none; + padding: 0.25rem 0; +} + +.sidebar-tab .directory-list .entity:hover { + background: rgba(0,0,0,0.05); + cursor: pointer; +} +.chat-message-header { + background: rgba(220,220,210,0.5); + font-size: 1.1rem; + height: 48px; + text-align: center; + vertical-align: middle; + display: flex; + align-items: center; +} + +.chat-message .message-header .flavor-text, .chat-message .message-header .whisper-to { + font-size: 0.9rem; +} +.chat-result-text, +.chat-actor-name { + font-weight: bold; + font-family: MailartRubberstamp; + font-size: 1.2rem; + padding: 4px; +} +.chat-result-success { + color:darkgreen; +} +.chat-result-failure { + color:darkred; +} +.chat-img { + width: 64px; + height: 64px; +} + +.roll-dialog-header { + height: 52px; +} + +.actor-icon { + float: left; + width: 48px; + height: 48px; + padding: 2px 6px 2px 2px; +} + +.padding-dice { + padding-top: .2rem; + padding-bottom: .2rem; +} + +.dice-image { + box-sizing: border-box; + border: none; + border-radius: 0; + max-width: 100%; +} + +.dice-image-reroll { + background-color:rgba(115, 224, 115, 0.25); + border-color: #011d33; + box-sizing: border-box; + border: 1px; + border-radius: 0%; + max-width: 100%; +} + +.chat-dice { + width: 15%; + height: 15%; + font-size: 15px; + padding: 10px; + padding-bottom: 20px; + padding-top: .2rem; + padding-bottom: .2rem; +} + +.div-center { + align-self: center; +} + +.chat-message { + background: rgba(220,220,210,0.5); + font-size: 0.9rem; +} + +.chat-message.whisper { + background: rgba(220,220,210,0.75); + border: 2px solid #545469; +} + +.chat-message .chat-icon { + border: 0; + padding: 2px 6px 2px 2px; + float: left; + width: 64px; + height: 64px; +} + +.ability-icon { + border: 0; + padding: 2px 2px 2px 2px; + max-width:32px; + max-height:32px; + width: auto; + height: auto; +} +.small-ability-icon { + border: 0; + padding: 2px 2px 2px 2px; + max-width:16px; + max-height:16px; + width: auto; + height: auto; +} +.combat-icon { + border: 0; + padding: 2px 2px 2px 2px; + max-width:24px; + max-height:24px; + width: auto; + height: auto; +} + +#sidebar-tabs { + flex: 0 0 32px; + box-sizing: border-box; + margin: 0 0 5px; + border-bottom: 1px solid rgba(0,0,0,0); + box-shadow: inset 0 0 2rem rgba(0,0,0,0.5); +} + +#sidebar-tabs > .item.active { + border: 1px solid rgba(114,98,72,1); + background: rgba(30, 25, 20, 0.75); + box-shadow: 0 0 6px inset rgba(114,98,72,1); +} + +#sidebar #sidebar-tabs i{ + display: inline-block; + background-position:center; + background-size:cover; + text-shadow: 1px 1px 0 rgba(0,0,0,0.75); + +} + +/*--------------------------------------------------------------------------*/ +/* Control, Tool, hotbar & navigation */ + +#controls .scene-control, #controls .control-tool { + box-shadow: 0 0 3px #000; + margin: 0 0 8px; + border-radius: 0; + background: rgba(30, 25, 20, 1); + background-origin: padding-box; + border-image: url(img/ui/footer-button.png) 10 repeat; + border-image-width: 4px; + border-image-outset: 0px; +} + +#controls .scene-control.active, #controls .control-tool.active, #controls .scene-control:hover, #controls .control-tool:hover { + background: rgba(72, 46, 28, 1); + background-origin: padding-box; + border-image: url(img/ui/footer-button.png) 10 repeat; + border-image-width: 4px; + border-image-outset: 0px; + box-shadow: 0 0 3px #ff6400; +} + +#hotbar #action-bar #macro-list { + border: 1px solid rgba(72, 46, 28, 1); + box-shadow: 2px 2px 5px #000000; +} + +#hotbar #action-bar .macro { + border-image: url(img/ui/bg_control.jpg) 21 repeat; + border-image-slice: 6 6 6 6 fill; + border-image-width: 6px 6px 6px 6px; + border-image-outset: 0px 0px 0px 0px; + border-radius: 0px; +} + +#hotbar .bar-controls { + background: rgba(30, 25, 20, 1); + border: 1px solid rgba(72, 46, 28, 1); +} + +#players { + border-image: url(img/ui/footer-button.png) 10 repeat; + border-image-width: 4px; + border-image-outset: 0px; + background: rgba(30, 25, 20, 1); +} + +#navigation #scene-list .scene.nav-item.active { + background: rgba(72, 46, 28, 1); +} + +#navigation #scene-list .scene.nav-item { + background: rgba(30, 25, 20, 1); + background-origin: padding-box; + border-image: url(img/ui/footer-button.png) 10 repeat; + border-image-width: 4px; + border-image-outset: 0px; +} + +#navigation #scene-list .scene.view, #navigation #scene-list .scene.context { + background: rgba(72, 46, 28, 1); + background-origin: padding-box; + border-image: url(img/ui/footer-button.png) 10 repeat; + border-image-width: 4px; + border-image-outset: 0px; + box-shadow: 0 0 3px #ff6400; +} + +#navigation #nav-toggle { + background: rgba(30, 25, 20, 1); + background-origin: padding-box; + border-image: url(img/ui/footer-button.png) 10 repeat; + border-image-width: 4px; + border-image-outset: 0px; +} + + +.chat-card-button { + box-shadow: inset 0px 1px 0px 0px #a6827e; + background: linear-gradient(to bottom, #21374afc 5%, #152833ab 100%); + background-color: #7d5d3b00; + border-radius: 3px; + border: 2px ridge #846109; + display: inline-block; + cursor: pointer; + color: #ffffff; + font-size: 0.8rem; + padding: 4px 12px 0px 12px; + text-decoration: none; + text-shadow: 0px 1px 0px #4d3534; + position: relative; + margin:2px; +} + +.chat-card-button:hover { + background: linear-gradient(to bottom, #800000 5%, #3e0101 100%); + background-color: red; +} +.chat-card-button:active { + position:relative; + top:1px; +} + +.plus-minus-button { + box-shadow: inset 0px 1px 0px 0px #a6827e; + background: linear-gradient(to bottom, #21374afc 5%, #152833ab 100%); + background-color: #7d5d3b00; + border-radius: 2px; + border: 1px ridge #846109; + display: inline-block; + cursor: pointer; + color: #ffffff; + margin: 2px 2px 2px 2px; + padding: 2px 2px 2px 2px; + text-decoration: none; + text-shadow: 0px 1px 0px #4d3534; + position: relative; + margin:0px; +} + +.plus-minus-button:hover, +.chat-card-button:hover { + background: linear-gradient(to bottom, #800000 5%, #3e0101 100%); + background-color: red; +} + +.plus-minus-button:active, +.chat-card-button:active { + position:relative; + top:1px; +} + +.plus-minus { + font-size: 0.9rem; + font-weight: bold; +} + +.ul-level1 { + padding-left: 2rem; +} + + +/*************************************************************/ +#pause +{ + font-size: 2rem; +} +#pause > h3 +{ + color: #CCC +} +#pause > img { + content: url(../images/ui/te-deum_logo_small_01.webp); + height: 200px; + width: 200px; + top: -200px; + left: calc(50% - 132px); +} + +#logo { + content : url(../images/ui/te-deum_logo_small_01.webp); + width: 100px; + height: 60px; +} + +.dice-cell { + padding-left: 12px; + padding-right: 12px; + width: 60px; + text-align: center; +} + +.dice-formula, +.dice-total { + height: 54px; + position:relative; +} + +.status-small-label { + font-size: 0.65rem; +} +.no-grow { + flex-grow: 1; + max-width: 32px; +} +.status-col-name { + max-width: 72px; +} +.img-no-border { + max-width: 48px; + max-height: 48px; + border: 0px; +} +.items-title-bg { + margin-top: 6px; + color: rgba(19, 18, 18, 0.95); + +} +.impact-box { + border-width: 2px; + border-color: #000000; + border-radius: 6px; + border: 2px ridge #443307; + margin: 4px; + padding: 4px; +} +.impact-title { + font-size: bold; + display: flex; + align-items: center; + justify-content: center; + margin-left: auto; + margin-right: auto; + text-align: center; +} + +.items-title-text { + text-align: center; + font-family: MailartRubberstamp; + margin-left: 4px; +} +.lock-icon { + width:16px; + height: 16px; +} +.item-sheet-img { + width: 64px; + height: auto; + border: 0; +} +.item-name-img { + flex-grow:1; + max-width: 2rem; + min-width: 2rem; +} +.item-field { + margin-top: 4px; +} +.item-field-label-short { + flex-grow:1; + max-width: 4rem; + min-width: 4rem; +} +.item-field-label-medium { + flex-grow:1; + max-width: 6rem; + min-width: 6rem; +} +.item-field-skill { + flex-grow:1; + max-width: 6.8rem; + min-width: 6.8rem; +} +.item-field-label-long { + flex-grow:1; + max-width: 10rem; + min-width: 10rem; +} +.item-field-title-long { + flex-grow:1; + max-width: 12rem; + min-width: 12rem; +} +.item-field-label-long14 { + flex-grow:1; + max-width: 14rem; + min-width: 14rem; +} +.carac-box { + background-color: rgba(155, 155, 150, 0.3); + box-shadow: inset 0px 0px 1px #00000096; + border-radius: 0.45rem; +} +.comp-box { + max-width: 16rem; + min-width: 16rem; + width: 16rem; + min-height: 1.6rem; +} + +.item-control-end { + align-self: flex-end; +} + +.alternate-list { + margin-top: 4px; + flex-wrap: nowrap; +} +.item-filler { + flex-grow: 6; + flex-shrink: 7; +} +.item-controls-fixed { + min-width:2rem; + max-width: 2rem; +} +.item-controls-fixed-full { + min-width:3rem; + max-width: 3rem; +} +.item-left-pad { + margin-left: 4px; +} +.attribute-label { + font-weight: bold; +} +.flexrow-no-expand { + flex-grow: 0; +} +.item-input-small { + max-width: 16px; + max-height: 12px; +} +.character-summary-rollable { + text-decoration: underline; +} + +.te-deum-roll-dialog .window-header { + border-radius: 10px 10px 0% 0%; +} +.te-deum-roll-dialog .window-content { + border-radius: 0% 0% 10px 10px; +} + +.skill-roll-dialog div { + margin-top: 4px; + margin-bottom: 4px; +} + +.confront-dice { + border-width: 0px; +} + +.bonus-spec { + max-width: 48px; +} +.confront-bonus-container { + position: relative; + flex-grow: 1; + text-align: center; + color: black; +} +.pool-list { + align-items: center; + justify-content: center; +} diff --git a/styles/tedeum.css b/styles/tedeum.css index 100efa8..a14251a 100644 --- a/styles/tedeum.css +++ b/styles/tedeum.css @@ -1,1339 +1,1120 @@ - /* ==================== (A) Fonts ==================== */ - @font-face { - font-family: "MailartRubberstamp"; - src: url('../fonts/MailartRubberstamp-Regular.woff') format("woff"); - } - @font-face { - font-family: "GreatPrimer"; - src: url('../fonts/IM_FELL_Great_Primer_Roman.woff') format("woff"); - } - - :root { - /* =================== 1. ACTOR SHEET FONT STYLES =========== */ - --window-header-title-font-size: 1.3rem; - --window-header-title-font-weight: normal; - --window-header-title-color: #f5f5f5; - - --major-button-font-size: 1.05rem; - --major-button-font-weight: normal; - --major-button-color: #dadada; - - --tab-header-font-size: 1.0rem; - --tab-header-font-weight: 700; - --tab-header-color: #403f3e; - --tab-header-color-active: #4a0404; - - --actor-input-font-size: 0.8rem; - --actor-input-font-weight: 500; - --actor-input-color: black; - - --actor-label-font-size: 0.8rem; - --actor-label-font-weight: 700; - --actor-label-color: rgba(70,67,49,0.76863); - - /* =================== 2. DEBUGGING HIGHLIGHTERS ============ */ - --debug-background-color-red: rgba(255,0,0,0.32941); - --debug-background-color-blue: rgba(29,0,255,0.32941); - --debug-background-color-green: rgba(84,255,0,0.32941); - - --debug-box-shadow-red: inset 0 0 2px red; - --debug-box-shadow-blue: inset 0 0 2px blue; - --debug-box-shadow-green: inset 0 0 2px green; - } - -/*@import url("https://fonts.googleapis.com/css2?family=Martel:wght@400;800&family=Roboto:wght@300;400;500&display=swap");*/ -/* Global styles & Font */ +@font-face { + font-family: "MailartRubberstamp"; + src: url('../fonts/MailartRubberstamp-Regular.woff') format("woff"); + font-family: "GreatPrimer"; + src: url('../fonts/IM_FELL_Great_Primer_Roman.woff') format("woff"); +} +:root { + --window-header-title-font-size: 1.3rem; + --window-header-title-font-weight: normal; + --window-header-title-color: #f5f5f5; + --major-button-font-size: 1.05rem; + --major-button-font-weight: normal; + --major-button-color: #dadada; + --tab-header-font-size: 1.0rem; + --tab-header-font-weight: 700; + --tab-header-color: #403f3e; + --tab-header-color-active: #4a0404; + --actor-input-font-size: 0.8rem; + --actor-input-font-weight: 500; + --actor-input-color: black; + --actor-label-font-size: 0.8rem; + --actor-label-font-weight: 700; + --actor-label-color: rgba(70,67,49,0.76863); + --debug-background-color-red: rgba(255,0,0,0.32941); + --debug-background-color-blue: rgba(29,0,255,0.32941); + --debug-background-color-green: rgba(84,255,0,0.32941); + --debug-box-shadow-red: inset 0 0 2px red; + --debug-box-shadow-blue: inset 0 0 2px blue; + --debug-box-shadow-green: inset 0 0 2px green; +} .window-app { - text-align: justify; - font-size: 16px; - letter-spacing: 1px; + text-align: justify; + font-size: 16px; + letter-spacing: 1px } - -/* Fonts */ -.sheet header.sheet-header h1 input, .window-app .window-header, #actors .directory-list, #navigation #scene-list .scene.nav-item { - font-size: 1.0rem; -} /* For title, sidebar character and scene */ -.sheet nav.sheet-tabs { - font-size: 0.8rem; -} /* For nav and title */ -.window-app input, .fvtt-te-deum .item-form, .sheet header.sheet-header .flex-group-center.flex-compteurs, .sheet header.sheet-header .flex-group-center.flex-fatigue, select, button, .item-checkbox, #sidebar, #players, #navigation #nav-toggle { - font-size: 0.8rem; -} - -.window-header{ - background: rgba(0,0,0,0.75); -} - .window-app.sheet .window-content { - margin: 0; - padding: 0; - font-family: "GreatPrimer"; + margin: 0; + padding: 0; + font-family: "GreatPrimer"; + } +.window-app.sheet .window-content .sheet-header { + color: rgba(19, 18, 18, 0.95); + background: rgba(226, 226, 222, 0.95); + } +.window-app.sheet .window-content .tooltip:hover .tooltiptext { + top: 2rem; + left: 2rem; + margin: 0; + padding: 0.25rem; + } +.sheet header.sheet-header h1 input, .window-app .window-header, #actors .directory-list, #navigation #scene-list .scene.nav-item { + font-size: 1.0rem; } -.strong-text{ - font-weight: bold; +.sheet nav.sheet-tabs { + font-size: 0.8rem; + font-size: 1.2rem; + font-weight: bold; + height: 3rem; + flex: 0 0 3rem; + margin: 0; + padding: 0 0 0 0.25rem; + text-align: center; + line-height: 1.5rem; + border-top: 0 none; + border-bottom: 0 none; + background: linear-gradient(rgba(226, 226, 222, 0.5), rgba(226, 226, 222, 0.5)), url("../images/ui/frise_bottom_01.webp"); + background-repeat: no-repeat; + background-size: 100% 100%; + z-index: 1; + } +.sheet header.sheet-header .profile-img { + -o-object-fit: cover; + object-fit: cover; + -o-object-position: 50% 0; + object-position: 50% 0; + margin: 0.5rem 0 0.5rem 0.5rem; + padding: 0; + } +.sheet header.sheet-header .flex-compteurs { + text-align: right; + } +.sheet header.sheet-header .resource-content { + width: 2rem; + } +.sheet .tab[data-tab] { + padding: 0; + } +.sheet li { + margin: 0.2rem; + padding: 0.15rem; + } +.window-app input, .fvtt-te-deum .item-form, .sheet header.sheet-header .flex-group-center.flex-compteurs, .sheet header.sheet-header .flex-group-center.flex-fatigue, select, button, .item-checkbox, #sidebar, #players, #navigation #nav-toggle { + font-size: 0.8rem; +} +.window-header { + background: rgba(0,0,0,0.75); +} +.strong-text { + font-weight: bold; } - .tabs .item.active, .blessures-list li ul li:first-child:hover, a:hover { - text-shadow: 1px 0px 0px #ff6600; + text-shadow: 1px 0px 0px #ff6600; } - .rollable:hover, .rollable:focus { - color: #000; - text-shadow: 0 0 10px red; - cursor: pointer; + color: #000; + text-shadow: 0 0 10px red; + cursor: pointer; } - input:hover { - border-width: 4px; - border-color: rgba(37, 124, 37, 0.7); -} - + border-width: 4px; + border-color: rgba(37, 124, 37, 0.7); + } input:disabled { - color:#1c2058; + color: #1c2058; + } +select { + background: white; + color: #494e6b } select:disabled { - color:#1c2058; + color: #1c2058; + } +table { + border: 1px solid #7a7971; } -table {border: 1px solid #7a7971;} - .grid, .grid-2col { - display: grid; - grid-column: span 2 / span 2; - grid-template-columns: repeat(2, minmax(0, 1fr)); - grid-gap: 10px; - grid-gap: 10px; - gap: 10px; - margin: 10px 0; - padding: 0; + display: grid; + grid-column: span 2 / span 2; + grid-template-columns: repeat(2, minmax(0, 1fr)); + grid-gap: 10px; + grid-gap: 10px; + grid-gap: 10px; + grid-gap: 10px; + gap: 10px; + margin: 10px 0; + padding: 0; } - .grid-3col { - grid-column: span 3 / span 3; - grid-template-columns: repeat(3, minmax(0, 1fr)); + grid-column: span 3 / span 3; + grid-template-columns: repeat(3, minmax(0, 1fr)); } - .grid-4col { - grid-column: span 4 / span 4; - grid-template-columns: repeat(4, minmax(0, 1fr)); + grid-column: span 4 / span 4; + grid-template-columns: repeat(4, minmax(0, 1fr)); } - .grid-5col { - grid-column: span 5 / span 5; - grid-template-columns: repeat(5, minmax(0, 1fr)); + grid-column: span 5 / span 5; + grid-template-columns: repeat(5, minmax(0, 1fr)); } - .grid-6col { - grid-column: span 5 / span 5; - grid-template-columns: repeat(5, minmax(0, 1fr)); + grid-column: span 5 / span 5; + grid-template-columns: repeat(5, minmax(0, 1fr)); } - .grid-7col { - grid-column: span 7 / span 7; - grid-template-columns: repeat(7, minmax(0, 1fr)); + grid-column: span 7 / span 7; + grid-template-columns: repeat(7, minmax(0, 1fr)); } - .grid-8col { - grid-column: span 8 / span 8; - grid-template-columns: repeat(8, minmax(0, 1fr)); + grid-column: span 8 / span 8; + grid-template-columns: repeat(8, minmax(0, 1fr)); } - .grid-9col { - grid-column: span 9 / span 9; - grid-template-columns: repeat(9, minmax(0, 1fr)); + grid-column: span 9 / span 9; + grid-template-columns: repeat(9, minmax(0, 1fr)); } - .grid-10col { - grid-column: span 10 / span 10; - grid-template-columns: repeat(10, minmax(0, 1fr)); + grid-column: span 10 / span 10; + grid-template-columns: repeat(10, minmax(0, 1fr)); } - .grid-11col { - grid-column: span 11 / span 11; - grid-template-columns: repeat(11, minmax(0, 1fr)); + grid-column: span 11 / span 11; + grid-template-columns: repeat(11, minmax(0, 1fr)); } - .grid-12col { - grid-column: span 12 / span 12; - grid-template-columns: repeat(12, minmax(0, 1fr)); + grid-column: span 12 / span 12; + grid-template-columns: repeat(12, minmax(0, 1fr)); } - .flex-group-center, .flex-group-left, .flex-group-right { - justify-content: center; - align-items: center; - text-align: center; - padding: 5px; + justify-content: center; + align-items: center; + text-align: center; + padding: 5px; } - .flex-group-left { - justify-content: flex-start; - text-align: left; + justify-content: flex-start; + text-align: left; } - .flex-group-right { - justify-content: flex-end; - text-align: right; + justify-content: flex-end; + text-align: right; } - .flex-center { - align-items: center; - justify-content: center; - text-align: center; + align-items: center; + justify-content: center; + text-align: center; } - .table-create-actor { - font-size: 0.8rem; + font-size: 0.8rem; } - .flex-between { - justify-content: space-between; + justify-content: space-between; } - .flex-shrink { - flex: 'flex-shrink' ; + flex: 'flex-shrink'; } - -/* Styles limited to sheets */ .fvtt-te-deum .sheet-header { - flex: 0 0 210px; - overflow: hidden; - display: flex; - flex-direction: row; - flex-wrap: wrap; - justify-content: flex-start; - margin-bottom: 10px; -} - + flex: 0 0 210px; + overflow: hidden; + display: flex; + flex-direction: row; + flex-wrap: wrap; + justify-content: flex-start; + margin-bottom: 10px; + } .fvtt-te-deum .sheet-header .profile-img { - flex: 0 0 128px; - width: 128px; - height: auto; - max-height:128px; - margin-top: 0px; - margin-right: 10px; - -o-object-fit: cover; - object-fit: cover; - -o-object-position: 50% 0; - object-position: 50% 0; - border-width: 0px; -} -.profile-img-container { - margin-right: 0.2rem; - max-width: 140px; - width: 140px; -} - -.button-img { - vertical-align: baseline; - width: 8%; - height: 8%; - max-height: 48px; - border-width: 0px; - border: 1px solid rgba(0, 0, 0, 0); -} - -.button-img:hover { - color: rgba(255, 255, 128, 0.7); - border: 1px solid rgba(255, 128, 0, 0.8); - cursor: pointer; -} - -.button-effect-img { - vertical-align: baseline; - width: 16px; - max-height: 16px; - height: 16; - border-width: 0; -} - -.small-button-container { - height: 16px; - width: 16px; - border: 0; - vertical-align: bottom; -} - + flex: 0 0 128px; + width: 128px; + height: auto; + max-height: 128px; + margin-top: 0px; + margin-right: 10px; + -o-object-fit: cover; + object-fit: cover; + -o-object-position: 50% 0; + object-position: 50% 0; + border-width: 0px; + } .fvtt-te-deum .sheet-header .header-fields { - flex: 1; -} - + flex: 1; + } .fvtt-te-deum .sheet-header h1.charname { - height: 50px; - padding: 0px; - margin: 5px 0; - border-bottom: 0; -} - + height: 50px; + padding: 0px; + margin: 5px 0; + border-bottom: 0; + } .fvtt-te-deum .sheet-header h1.charname input { - font-family: "MailartRubberstamp"; - font-size: 3rem; - width: 100%; - height: 100%; - margin: 0; -} - + font-family: "MailartRubberstamp"; + font-size: 3rem; + width: 100%; + height: 100%; + margin: 0; + } .fvtt-te-deum .sheet-tabs { - flex: 0; - font-family: "MailartRubberstamp"; - font-size: 2.2rem; + flex: 0; + font-family: "MailartRubberstamp"; + font-size: 2.2rem; + } +.fvtt-te-deum .tox .tox-editor-container { + background: #fff; + } +.fvtt-te-deum .tox .tox-edit-area { + padding: 0 8px; + } +.fvtt-te-deum .resource-label { + font-weight: bold; + text-transform: uppercase; + } +.fvtt-te-deum .tabs { + height: 40px; + border-top: 1px solid #AAA; + border-bottom: 1px solid #AAA; + color: #000000; + font-family: "GreatPrimer"; + } +.fvtt-te-deum .tabs .item { + line-height: 40px; + font-weight: bold + } +.fvtt-te-deum .tabs .item.active { + text-decoration: underline; + text-shadow: none; + } +.fvtt-te-deum .items-list { + list-style: none; + margin: 1px 0; + padding: 0; + overflow-y: auto; + } +.fvtt-te-deum .items-list .item-header { + font-weight: bold; + } +.fvtt-te-deum .items-list .item { + height: 30px; + line-height: 24px; + padding: 1px 0; + border-bottom: 1px solid #BBB; + } +.fvtt-te-deum .items-list .item .item-image { + flex: 0 0 24px; + margin-right: 5px; + } +.fvtt-te-deum .items-list .item img { + display: block; + } +.fvtt-te-deum .items-list .item-name { + margin: 0; + } +.fvtt-te-deum .items-list .item-controls { + flex: 0 0 86px; + text-align: right; + } +.profile-img-container { + margin-right: 0.2rem; + max-width: 140px; + width: 140px; +} +.button-img { + vertical-align: baseline; + width: 8%; + height: 8%; + max-height: 48px; + border-width: 0px; + border: 1px solid rgba(0, 0, 0, 0) +} +.button-img:hover { + color: rgba(255, 255, 128, 0.7); + border: 1px solid rgba(255, 128, 0, 0.8); + cursor: pointer; + } +.button-effect-img { + vertical-align: baseline; + width: 16px; + max-height: 16px; + height: 16; + border-width: 0; +} +.small-button-container { + height: 16px; + width: 16px; + border: 0; + vertical-align: bottom; } - .fvtt-te-deum .sheet-body, .fvtt-te-deum .sheet-body .tab, .fvtt-te-deum .sheet-body .tab .editor { - height: 100%; - font-size: 0.8rem; - font-family: "GreatPrimer"; + height: 100%; + font-size: 0.8rem; + font-family: "GreatPrimer"; } - .editor { - border: 2; - height: 100%; - padding: 0 3px; + border: 2; + height: 100%; + padding: 0 3px; } - .medium-editor { - border: 2; - height: 240px; - padding: 0 3px; + border: 2; + height: 240px; + padding: 0 3px; } - .small-editor { - border: 2; - height: 120px; - padding: 0 3px; + border: 2; + height: 120px; + padding: 0 3px; } - -.fvtt-te-deum .tox .tox-editor-container { - background: #fff; -} - -.fvtt-te-deum .tox .tox-edit-area { - padding: 0 8px; -} - -.fvtt-te-deum .resource-label { - font-weight: bold; - text-transform: uppercase; -} - -.fvtt-te-deum .tabs { - height: 40px; - border-top: 1px solid #AAA; - border-bottom: 1px solid #AAA; - color: #000000; - font-family: "GreatPrimer"; -} - -.fvtt-te-deum .tabs .item { - line-height: 40px; - font-weight: bold; -} - -.fvtt-te-deum .tabs .item.active { - text-decoration: underline; - text-shadow: none; -} - -.fvtt-te-deum .items-list { - list-style: none; - margin: 1px 0; - padding: 0; - overflow-y: auto; -} - -.fvtt-te-deum .items-list .item-header { - font-weight: bold; -} - -.fvtt-te-deum .items-list .item { - height: 30px; - line-height: 24px; - padding: 1px 0; - border-bottom: 1px solid #BBB; -} - -.fvtt-te-deum .items-list .item .item-image { - flex: 0 0 24px; - margin-right: 5px; -} - -.fvtt-te-deum .items-list .item img { - display: block; -} - -.fvtt-te-deum .items-list .item-name { - margin: 0; -} - -.fvtt-te-deum .items-list .item-controls { - flex: 0 0 86px; - text-align: right; -} - li.folder > .folder-header h3 { - color: rgba(19, 18, 18, 0.95); -} - -/* ======================================== */ -/* Sheet */ -.window-app.sheet .window-content .sheet-header{ - color: rgba(19, 18, 18, 0.95); - /*background: url("../images/ui/frise_topleft_01.webp");*/ - background: rgba(226, 226, 222, 0.95); - /*background: #494e6b;*/ -} - + color: rgba(19, 18, 18, 0.95); + } input[type="text"], select[type="text"] { - background:white; - color: #494e6b; + background: white; + color: #494e6b; } - -select { - background:white; - color: #494e6b; +.window-app.sheet .window-content .sheet-header select[type="text"], .window-app.sheet .window-content .sheet-header input[type="text"], .window-app.sheet .window-content .sheet-header input[type="number"], .window-app.sheet .window-content .sheet-body input[type="text"], .window-app.sheet .window-content .sheet-body input[type="number"], .window-app.sheet .window-content .sheet-body select[type="text"], textarea { + color: rgba(19, 18, 18, 0.95); } -/* background: #011d33 url("../images/ui/fond1.webp") repeat left top;*/ -/*color: rgba(168, 139, 139, 0.5);*/ -.window-app.sheet .window-content .sheet-header select[type="text"], .window-app.sheet .window-content .sheet-header input[type="text"], .window-app.sheet .window-content .sheet-header input[type="number"], .window-app.sheet .window-content .sheet-body input[type="text"], .window-app.sheet .window-content .sheet-body input[type="number"], .window-app.sheet .window-content .sheet-body select[type="text"] { - color: rgba(19, 18, 18, 0.95); - /*color: #494e6b;*/ -} - .window-app.sheet .window-content .sheet-header input[type="password"], .window-app.sheet .window-content .sheet-header input[type="date"], .window-app.sheet .window-content .sheet-header input[type="time"] { - color: rgba(19, 18, 18, 0.95); - /*background: url("../images/ui/frise_topleft_01.webp");*/ - background: rgba(226, 226, 222, 0.95); - border: 1 none; - margin-bottom: 0.25rem; - margin-left: 2px; + color: rgba(19, 18, 18, 0.95); + background: rgba(226, 226, 222, 0.95); + border: 1 none; + margin-bottom: 0.25rem; + margin-left: 2px; } - .window-app.sheet .window-content .sheet-body select, .window-app.sheet .window-content .sheet-header select { - color: rgba(19, 18, 18, 0.95); - background: #fff; - border: 1 none; - margin-bottom: 0.25rem; - margin-left: 2px; + color: rgba(19, 18, 18, 0.95); + background: #fff; + border: 1 none; + margin-bottom: 0.25rem; + margin-left: 2px; } - -.window-app .window-content, .window-app.sheet .window-content .sheet-body{ - font-size: 0.8rem; - /*background: url("../images/ui/pc_sheet_bg.webp") repeat left top;*/ - /*background: url("../images/ui/frise_topleft_01.webp");*/ - background: rgba(226, 226, 222, 0.95); - color: rgba(19, 18, 18, 0.95); +.window-app .window-content, .window-app.sheet .window-content .sheet-body { + font-size: 0.8rem; + background: rgba(226, 226, 222, 0.95); + color: rgba(19, 18, 18, 0.95); } - -/* background: rgba(245,245,240,0.6) url("../images/ui/sheet_background.webp") left top;*/ - -section.sheet-body{padding: 0.25rem 0.5rem;} - -.sheet header.sheet-header .profile-img { - -o-object-fit: cover; - object-fit: cover; - -o-object-position: 50% 0; - object-position: 50% 0; - margin: 0.5rem 0 0.5rem 0.5rem; - padding: 0; -} - -.sheet nav.sheet-tabs { - font-size: 1.2rem; - font-weight: bold; - height: 3rem; - flex: 0 0 3rem; - margin: 0; - padding: 0 0 0 0.25rem; - text-align: center; - /*text-transform: uppercase;*/ - line-height: 1.5rem; - border-top: 0 none; - border-bottom: 0 none; - background: linear-gradient(rgba(226, 226, 222, 0.5), rgba(226, 226, 222, 0.5)), url("../images/ui/frise_bottom_01.webp"); - background-repeat: no-repeat; - background-size: 100% 100%; - z-index: 1; - /*background-color:#252525;*/ -} - -/* background: rgb(245,245,240) url("../images/ui/fond4.webp") repeat left top;*/ - -nav.sheet-tabs .item { - z-index: 2; - position: relative; - opacity: 1.0; - color:rgba(29, 28, 31); - padding: 0 0.25rem; -} - -nav.sheet-tabs .item:after { - content: ""; - position: absolute; - top: 0; - right: 0; - height: 2rem; - width: 1px; -} - -.sheet .tab[data-tab] { - padding: 0; -} - +section.sheet-body { + padding: 0.25rem 0.5rem + } section.sheet-body:after { - content: ""; - display: block; - clear: both; -} - -.sheet header.sheet-header .flex-compteurs {text-align: right;} -.sheet header.sheet-header .resource-content {width: 2rem;} - + content: ""; + display: block; + clear: both; + } +nav.sheet-tabs .item { + z-index: 2; + position: relative; + opacity: 1.0; + color: rgba(29, 28, 31); + padding: 0 0.25rem + } +nav.sheet-tabs .item:after { + content: ""; + position: absolute; + top: 0; + right: 0; + height: 2rem; + width: 1px; + } .select-diff { - display: inline-block; - text-align: left; - width: 50px; + display: inline-block; + text-align: left; + width: 50px; } - -.window-app.sheet .window-content .tooltip:hover .tooltiptext { - top: 2rem; - left: 2rem; - margin: 0; - padding: 0.25rem; -} - .window-app.sheet .window-content .carac-value, .window-app.sheet .window-content .competence-xp { - margin: 0.05rem; - flex-basis: 3rem; - text-align: center; + margin: 0.05rem; + flex-basis: 3rem; + text-align: center; } - -/* ======================================== */ -/* Global UI elements */ - -/* ======================================== */ - h1, h2, h3, h4 { - font-weight: bold; + font-weight: bold; } - ul, ol { - margin: 0; - padding: 0; + margin: 0; + padding: 0; } ul, li { - list-style-type: none; -} - -.sheet li { - margin: 0.2rem; - padding: 0.15rem; + list-style-type: none; } .header-fields li { - margin: 0; - padding: 0; -} - + margin: 0; + padding: 0; + } .alterne-list > .list-item:hover { - background: rgba(100, 100, 50, 0.25); -} + background: rgba(100, 100, 50, 0.25); + } .alterne-list > .list-item:nth-child(even) { - background: rgba(80, 60, 0, 0.10); -} + background: rgba(80, 60, 0, 0.10); + } .alterne-list > .list-item:nth-child(odd) { - background: rgb(160, 130, 100, 0.05); -} - + background: rgb(160, 130, 100, 0.05); + } .specialisation-label { - font-size: 0.8rem; + font-size: 0.8rem; } - .carac-label, .attr-label { - font-weight: bold; + font-weight: bold; } - .list-item { - margin: 0.125rem; - box-shadow: inset 0px 0px 1px rgba(0,0,0,0.58824); - border-radius: 0.25rem; - padding: 0.125rem; - flex: 1 1 5rem; + margin: 0.125rem; + box-shadow: inset 0px 0px 1px rgba(0,0,0,0.58824); + border-radius: 0.25rem; + padding: 0.125rem; + flex: 1 1 5rem; } .list-item-shadow { - background:rgba(87, 60, 32, 0.35); - flex-grow: 0; - flex-wrap: nowrap; - justify-content: flex-start; + background: rgba(87, 60, 32, 0.35); + flex-grow: 0; + flex-wrap: nowrap; + justify-content: flex-start; } .list-item-shadow2 { - background:rgba(87, 60, 32, 0.25); - flex-grow: 0; - flex-wrap: nowrap; - justify-content: flex-start; + background: rgba(87, 60, 32, 0.25); + flex-grow: 0; + flex-wrap: nowrap; + justify-content: flex-start; } .item-display-show { - display: block; + display: block; } .item-display-hide { - display: none; + display: none; } .item-quantite { - margin-left: 0.5rem; + margin-left: 0.5rem; } .list-item-margin1 { - margin-left: 1rem; + margin-left: 1rem; } .list-item-margin2 { - margin-left: 2rem; + margin-left: 2rem; } .list-item-margin3 { - margin-left: 3rem; + margin-left: 3rem; } .list-item-margin4 { - margin-left: 4rem; + margin-left: 4rem; } - .sheet-competence-img { - width: 24px; - max-width: 24px; - height: 24px; - max-height: 24px; - flex-grow: 0; - margin-right: 0.25rem; + width: 24px; + max-width: 24px; + height: 24px; + max-height: 24px; + flex-grow: 0; + margin-right: 0.25rem; } .competence-column { - flex-direction: column; - align-content: flex-start; - justify-content: flex-start; - flex-grow: 0; - flex-basis: 1; + flex-direction: column; + align-content: flex-start; + justify-content: flex-start; + flex-grow: 0; + flex-basis: 1; } .competence-header { - align-content: flex-start; - justify-content: flex-start; - font-weight: bold; - flex-grow: 0; + align-content: flex-start; + justify-content: flex-start; + font-weight: bold; + flex-grow: 0; } - .comp-li { - max-width: 8rem; - width: 8rem; + max-width: 8rem; + width: 8rem; } .description-label { - flex-grow: 2; - margin-left: 4px; + flex-grow: 2; + margin-left: 4px; } .status-header-label { - margin-left: 2px; + margin-left: 2px; } .roll-dialog-label { - margin: 4px 0; - min-width: 96px; + margin: 4px 0; + min-width: 96px; } .short-label { - flex-grow: 1; + flex-grow: 1; } .keyword-label { - font-size: 0.85rem; + font-size: 0.85rem; } - .item-sheet-label { - flex-grow: 1; + flex-grow: 1; } - .item-text-long-line { - flex-grow: 3; + flex-grow: 3; } - .score-label { - flex-grow: 2; - align-content: center; + flex-grow: 2; + align-content: center; } - .attribut-value, .carac-value { - flex-grow: 0; - flex-basis: 64px; - margin-right: 4px; - margin-left: 4px; + flex-grow: 0; + flex-basis: 64px; + margin-right: 4px; + margin-left: 4px; } .sante-value, .competence-value { - flex-grow: 0; - flex-basis: 2rem; - margin-right: 0.25rem; - margin-left: 0.25rem; + flex-grow: 0; + flex-basis: 2rem; + margin-right: 0.25rem; + margin-left: 0.25rem; } .description-value { - flex-grow: 0; - flex-basis: 4rem; - margin-right: 0.25rem; - margin-left: 0.25rem; + flex-grow: 0; + flex-basis: 4rem; + margin-right: 0.25rem; + margin-left: 0.25rem; } .small-label { - margin-top: 5px; + margin-top: 5px; } .padd-right { - margin-right: 8px; + margin-right: 8px; } .padd-left { - margin-left: 8px; + margin-left: 8px; } .stack-left { - align-items:center; - flex-shrink: 1; - flex-grow: 0; + align-items: center; + flex-shrink: 1; + flex-grow: 0; } .packed-left { - white-space: nowrap; - flex-grow: 0; + white-space: nowrap; + flex-grow: 0; } - .input-numeric-short { - width: 40px; - max-width: 40px; - flex-grow: 0; - flex-shrink: 0; - flex-basis: 40px; - margin-right: 0.15rem; - margin-left: 0.15rem; + width: 40px; + max-width: 40px; + flex-grow: 0; + flex-shrink: 0; + flex-basis: 40px; + margin-right: 0.15rem; + margin-left: 0.15rem; } - .abilities-table { - align-content: flex-start; + align-content: flex-start; } - -/* ======================================== */ .tokenhudext { - display: flex; + display: flex; flex: 0 !important; - font-weight: 600; + font-weight: 600 } .tokenhudext.left { - justify-content: flex-start; - flex-direction: column; - position: absolute; - top: 2.75rem; - right: 4rem; -} + justify-content: flex-start; + flex-direction: column; + position: absolute; + top: 2.75rem; + right: 4rem; + } .tokenhudext.right { - justify-content: flex-start; - flex-direction: column; - position: absolute; - top: 2.75rem; - left: 4rem; -} + justify-content: flex-start; + flex-direction: column; + position: absolute; + top: 2.75rem; + left: 4rem; + } .control-icon.tokenhudicon { - width: -moz-fit-content; - width: fit-content; - height: -moz-fit-content; - height: fit-content; - min-width: 6rem; - flex-basis: auto; - padding: 0; - line-height: 1rem; - margin: 0.25rem; -} + width: -moz-fit-content; + width: fit-content; + height: -moz-fit-content; + height: fit-content; + min-width: 6rem; + flex-basis: auto; + padding: 0; + line-height: 1rem; + margin: 0.25rem + } .control-icon.tokenhudicon.right { - margin-left: 8px; -} -#token-hud .status-effects.active{ - z-index: 2; -} + margin-left: 8px; + } +#token-hud .status-effects.active { + z-index: 2; + } .token-sheet .window-content .flexcol .sheet-tabs { - font-size: 0.8rem; -} - -/* ======================================== */ + font-size: 0.8rem; + } .item-checkbox { - height: 25px; - border: 1px solid rgba(115,105,83,0.65098); - border-left: none; - font-weight: 500; - font-size: 1rem; - color: black; - padding-top: 5px; - margin-right: 0px; - width: 45px; - position: relative; - left: 0px; - text-align: center; + height: 25px; + border: 1px solid rgba(115,105,83,0.65098); + border-left: none; + font-weight: 500; + font-size: 1rem; + color: black; + padding-top: 5px; + margin-right: 0px; + width: 45px; + position: relative; + left: 0px; + text-align: center; } - .skill-label { - font-size: 0.7rem; + font-size: 0.7rem; } -.skill-good-checkbox { - max-height: 10px; - max-width: 10px; +.skill-good-checkbox { + max-height: 10px; + max-width: 10px; } - -.flex-actions-bar { - flex-grow: 2; +.flex-actions-bar { + flex-grow: 2; } - -/* ======================================== */ -/* Sidebar CSS */ #sidebar { - font-size: 1rem; - /*background-position: 100%;*/ - background-color:#f5f5f5; - background-position: 0px 35px; - background-repeat: no-repeat; - background: rgba(226, 226, 222, 0.95); - color: rgba(19, 18, 18, 0.95); + font-size: 1rem; + background-color: #f5f5f5; + background-position: 0px 35px; + background-repeat: no-repeat; + background: rgba(226, 226, 222, 0.95); + color: rgba(19, 18, 18, 0.95) } - -/* background: rgb(105,85,65) url("../images/ui/texture_feuille_perso_onglets.webp") no-repeat right bottom;*/ - #sidebar.collapsed { - height: 470px !important; -} - + height: 470px !important; + } +#sidebar #sidebar-tabs i { + display: inline-block; + background-position: center; + background-size: cover; + text-shadow: 1px 1px 0 rgba(0,0,0,0.75); + } #sidebar-tabs > .collapsed, #chat-controls .chat-control-icon { - color: rgba(19, 18, 18, 0.95); - text-shadow: 1px 1px 0 rgba(0,0,0,0.75); + color: rgba(19, 18, 18, 0.95); + text-shadow: 1px 1px 0 rgba(0,0,0,0.75); } - .sidebar-tab .directory-list .entity { - border-top: 1px rgba(0,0,0,0.25); - border-bottom: 0 none; - padding: 0.25rem 0; -} - + border-top: 1px rgba(0,0,0,0.25); + border-bottom: 0 none; + padding: 0.25rem 0 + } .sidebar-tab .directory-list .entity:hover { - background: rgba(0,0,0,0.05); - cursor: pointer; -} + background: rgba(0,0,0,0.05); + cursor: pointer; + } .chat-message-header { - background: rgba(220,220,210,0.5); - font-size: 1.1rem; - height: 48px; - text-align: center; - vertical-align: middle; - display: flex; - align-items: center; + background: rgba(220,220,210,0.5); + font-size: 1.1rem; + height: 48px; + text-align: center; + vertical-align: middle; + display: flex; + align-items: center; } - -.chat-message .message-header .flavor-text, .chat-message .message-header .whisper-to { - font-size: 0.9rem; +.chat-message .message-header .flavor-text, .chat-message .message-header .whisper-to { + font-size: 0.9rem; } .chat-result-text, .chat-actor-name { - font-weight: bold; - font-family: MailartRubberstamp; - font-size: 1.2rem; - padding: 4px; + font-weight: bold; + font-family: MailartRubberstamp; + font-size: 1.2rem; + padding: 4px; } .chat-result-success { - color:darkgreen; + color: darkgreen; } .chat-result-failure { - color:darkred; + color: darkred; } .chat-img { - width: 64px; - height: 64px; + width: 64px; + height: 64px; } - .roll-dialog-header { - height: 52px; + height: 52px; } - .actor-icon { - float: left; - width: 48px; - height: 48px; - padding: 2px 6px 2px 2px; + float: left; + width: 48px; + height: 48px; + padding: 2px 6px 2px 2px; } - .padding-dice { - padding-top: .2rem; - padding-bottom: .2rem; + padding-top: .2rem; + padding-bottom: .2rem; } - .dice-image { - box-sizing: border-box; - border: none; - border-radius: 0; - max-width: 100%; + box-sizing: border-box; + border: none; + border-radius: 0; + max-width: 100%; } - .dice-image-reroll { - background-color:rgba(115, 224, 115, 0.25); - border-color: #011d33; - box-sizing: border-box; - border: 1px; - border-radius: 0%; - max-width: 100%; + background-color: rgba(115, 224, 115, 0.25); + border-color: #011d33; + box-sizing: border-box; + border: 1px; + border-radius: 0%; + max-width: 100%; } - .chat-dice { - width: 15%; - height: 15%; - font-size: 15px; - padding: 10px; - padding-bottom: 20px; - padding-top: .2rem; - padding-bottom: .2rem; + width: 15%; + height: 15%; + font-size: 15px; + padding: 10px; + padding-bottom: 20px; + padding-top: .2rem; + padding-bottom: .2rem; } - .div-center { - align-self: center; + align-self: center; } - .chat-message { - background: rgba(220,220,210,0.5); - font-size: 0.9rem; + background: rgba(220,220,210,0.5); + font-size: 0.9rem } - .chat-message.whisper { - background: rgba(220,220,210,0.75); - border: 2px solid #545469; -} - + background: rgba(220,220,210,0.75); + border: 2px solid #545469; + } .chat-message .chat-icon { - border: 0; - padding: 2px 6px 2px 2px; - float: left; - width: 64px; - height: 64px; -} - + border: 0; + padding: 2px 6px 2px 2px; + float: left; + width: 64px; + height: 64px; + } .ability-icon { - border: 0; - padding: 2px 2px 2px 2px; - max-width:32px; - max-height:32px; - width: auto; - height: auto; + border: 0; + padding: 2px 2px 2px 2px; + max-width: 32px; + max-height: 32px; + width: auto; + height: auto; } .small-ability-icon { - border: 0; - padding: 2px 2px 2px 2px; - max-width:16px; - max-height:16px; - width: auto; - height: auto; + border: 0; + padding: 2px 2px 2px 2px; + max-width: 16px; + max-height: 16px; + width: auto; + height: auto; } .combat-icon { - border: 0; - padding: 2px 2px 2px 2px; - max-width:24px; - max-height:24px; - width: auto; - height: auto; + border: 0; + padding: 2px 2px 2px 2px; + max-width: 24px; + max-height: 24px; + width: auto; + height: auto; } - #sidebar-tabs { - flex: 0 0 32px; - box-sizing: border-box; - margin: 0 0 5px; - border-bottom: 1px solid rgba(0,0,0,0); - box-shadow: inset 0 0 2rem rgba(0,0,0,0.5); + flex: 0 0 32px; + box-sizing: border-box; + margin: 0 0 5px; + border-bottom: 1px solid rgba(0,0,0,0); + box-shadow: inset 0 0 2rem rgba(0,0,0,0.5) } - #sidebar-tabs > .item.active { - border: 1px solid rgba(114,98,72,1); - background: rgba(30, 25, 20, 0.75); - box-shadow: 0 0 6px inset rgba(114,98,72,1); -} - -#sidebar #sidebar-tabs i{ - display: inline-block; - background-position:center; - background-size:cover; - text-shadow: 1px 1px 0 rgba(0,0,0,0.75); - -} - -/*--------------------------------------------------------------------------*/ -/* Control, Tool, hotbar & navigation */ - + border: 1px solid rgba(114,98,72,1); + background: rgba(30, 25, 20, 0.75); + box-shadow: 0 0 6px inset rgba(114,98,72,1); + } #controls .scene-control, #controls .control-tool { - box-shadow: 0 0 3px #000; - margin: 0 0 8px; - border-radius: 0; - background: rgba(30, 25, 20, 1); - background-origin: padding-box; - -o-border-image: url(img/ui/footer-button.png) 10 repeat; - border-image: url(img/ui/footer-button.png) 10 repeat; - border-image-width: 4px; - border-image-outset: 0px; + box-shadow: 0 0 3px #000; + margin: 0 0 8px; + border-radius: 0; + background: rgba(30, 25, 20, 1); + background-origin: padding-box; + -o-border-image: url(img/ui/footer-button.png) 10 repeat; + border-image: url(img/ui/footer-button.png) 10 repeat; + border-image-width: 4px; + border-image-outset: 0px; } - #controls .scene-control.active, #controls .control-tool.active, #controls .scene-control:hover, #controls .control-tool:hover { - background: rgba(72, 46, 28, 1); - background-origin: padding-box; - -o-border-image: url(img/ui/footer-button.png) 10 repeat; - border-image: url(img/ui/footer-button.png) 10 repeat; - border-image-width: 4px; - border-image-outset: 0px; - box-shadow: 0 0 3px #ff6400; + background: rgba(72, 46, 28, 1); + background-origin: padding-box; + -o-border-image: url(img/ui/footer-button.png) 10 repeat; + border-image: url(img/ui/footer-button.png) 10 repeat; + border-image-width: 4px; + border-image-outset: 0px; + box-shadow: 0 0 3px #ff6400; } - #hotbar #action-bar #macro-list { - border: 1px solid rgba(72, 46, 28, 1); - box-shadow: 2px 2px 5px #000000; -} - + border: 1px solid rgba(72, 46, 28, 1); + box-shadow: 2px 2px 5px #000000; + } #hotbar #action-bar .macro { - -o-border-image: url(img/ui/bg_control.jpg) 21 repeat; - border-image: url(img/ui/bg_control.jpg) 21 repeat; - border-image-slice: 6 6 6 6 fill; - border-image-width: 6px 6px 6px 6px; - border-image-outset: 0px 0px 0px 0px; - border-radius: 0px; -} - -#hotbar .bar-controls { - background: rgba(30, 25, 20, 1); - border: 1px solid rgba(72, 46, 28, 1); -} - + -o-border-image: url(img/ui/bg_control.jpg) 21 repeat; + border-image: url(img/ui/bg_control.jpg) 21 repeat; + border-image-slice: 6 6 6 6 fill; + border-image-width: 6px 6px 6px 6px; + border-image-outset: 0px 0px 0px 0px; + border-radius: 0px; + } +#hotbar .bar-controls { + background: rgba(30, 25, 20, 1); + border: 1px solid rgba(72, 46, 28, 1); + } #players { - -o-border-image: url(img/ui/footer-button.png) 10 repeat; - border-image: url(img/ui/footer-button.png) 10 repeat; - border-image-width: 4px; - border-image-outset: 0px; - background: rgba(30, 25, 20, 1); + -o-border-image: url(img/ui/footer-button.png) 10 repeat; + border-image: url(img/ui/footer-button.png) 10 repeat; + border-image-width: 4px; + border-image-outset: 0px; + background: rgba(30, 25, 20, 1); } - -#navigation #scene-list .scene.nav-item.active { - background: rgba(72, 46, 28, 1); -} - #navigation #scene-list .scene.nav-item { - background: rgba(30, 25, 20, 1); - background-origin: padding-box; - -o-border-image: url(img/ui/footer-button.png) 10 repeat; - border-image: url(img/ui/footer-button.png) 10 repeat; - border-image-width: 4px; - border-image-outset: 0px; -} - -#navigation #scene-list .scene.view, #navigation #scene-list .scene.context { - background: rgba(72, 46, 28, 1); - background-origin: padding-box; - -o-border-image: url(img/ui/footer-button.png) 10 repeat; - border-image: url(img/ui/footer-button.png) 10 repeat; - border-image-width: 4px; - border-image-outset: 0px; - box-shadow: 0 0 3px #ff6400; -} - + background: rgba(30, 25, 20, 1); + background-origin: padding-box; + -o-border-image: url(img/ui/footer-button.png) 10 repeat; + border-image: url(img/ui/footer-button.png) 10 repeat; + border-image-width: 4px; + border-image-outset: 0px + } +#navigation #scene-list .scene.nav-item.active { + background: rgba(72, 46, 28, 1); + } #navigation #nav-toggle { - background: rgba(30, 25, 20, 1); - background-origin: padding-box; - -o-border-image: url(img/ui/footer-button.png) 10 repeat; - border-image: url(img/ui/footer-button.png) 10 repeat; - border-image-width: 4px; - border-image-outset: 0px; + background: rgba(30, 25, 20, 1); + background-origin: padding-box; + -o-border-image: url(img/ui/footer-button.png) 10 repeat; + border-image: url(img/ui/footer-button.png) 10 repeat; + border-image-width: 4px; + border-image-outset: 0px; + } +#navigation #scene-list .scene.view, #navigation #scene-list .scene.context { + background: rgba(72, 46, 28, 1); + background-origin: padding-box; + -o-border-image: url(img/ui/footer-button.png) 10 repeat; + border-image: url(img/ui/footer-button.png) 10 repeat; + border-image-width: 4px; + border-image-outset: 0px; + box-shadow: 0 0 3px #ff6400; } - - .chat-card-button { - box-shadow: inset 0px 1px 0px 0px #a6827e; - background: linear-gradient(to bottom, rgba(33,55,74,0.98824) 5%, rgba(21,40,51,0.67059) 100%); - background-color: rgba(125,93,59,0); - border-radius: 3px; - border: 2px ridge #846109; - display: inline-block; - cursor: pointer; - color: #ffffff; - font-size: 0.8rem; - padding: 4px 12px 0px 12px; - text-decoration: none; - text-shadow: 0px 1px 0px #4d3534; - position: relative; - margin:2px; + box-shadow: inset 0px 1px 0px 0px #a6827e; + background: linear-gradient(to bottom, rgba(33,55,74,0.98824) 5%, rgba(21,40,51,0.67059) 100%); + background-color: rgba(125,93,59,0); + border-radius: 3px; + border: 2px ridge #846109; + display: inline-block; + cursor: pointer; + color: #ffffff; + font-size: 0.8rem; + padding: 4px 12px 0px 12px; + text-decoration: none; + text-shadow: 0px 1px 0px #4d3534; + position: relative; + margin: 2px } - .chat-card-button:hover { - background: linear-gradient(to bottom, #800000 5%, #3e0101 100%); - background-color: red; -} + background: linear-gradient(to bottom, #800000 5%, #3e0101 100%); + background-color: red; + } .chat-card-button:active { - position:relative; - top:1px; -} - + position: relative; + top: 1px; + } .plus-minus-button { - box-shadow: inset 0px 1px 0px 0px #a6827e; - background: linear-gradient(to bottom, rgba(33,55,74,0.98824) 5%, rgba(21,40,51,0.67059) 100%); - background-color: rgba(125,93,59,0); - border-radius: 2px; - border: 1px ridge #846109; - display: inline-block; - cursor: pointer; - color: #ffffff; - margin: 2px 2px 2px 2px; - padding: 2px 2px 2px 2px; - text-decoration: none; - text-shadow: 0px 1px 0px #4d3534; - position: relative; - margin:0px; + box-shadow: inset 0px 1px 0px 0px #a6827e; + background: linear-gradient(to bottom, rgba(33,55,74,0.98824) 5%, rgba(21,40,51,0.67059) 100%); + background-color: rgba(125,93,59,0); + border-radius: 2px; + border: 1px ridge #846109; + display: inline-block; + cursor: pointer; + color: #ffffff; + margin: 2px 2px 2px 2px; + padding: 2px 2px 2px 2px; + text-decoration: none; + text-shadow: 0px 1px 0px #4d3534; + position: relative; + margin: 0px; } - .plus-minus-button:hover, .chat-card-button:hover { - background: linear-gradient(to bottom, #800000 5%, #3e0101 100%); - background-color: red; + background: linear-gradient(to bottom, #800000 5%, #3e0101 100%); + background-color: red; } - .plus-minus-button:active, .chat-card-button:active { - position:relative; - top:1px; + position: relative; + top: 1px; } - .plus-minus { - font-size: 0.9rem; - font-weight: bold; + font-size: 0.9rem; + font-weight: bold; } - .ul-level1 { - padding-left: 2rem; + padding-left: 2rem; } - - -/*************************************************************/ -#pause -{ - font-size: 2rem; -} -#pause > h3 -{ - color: #CCC +#pause { + font-size: 2rem } +#pause > h3 { + color: #CCC; + } #pause > img { - content: url(../images/ui/te-deum_logo_small_01.webp); - height: 200px; - width: 200px; - top: -200px; - left: calc(50% - 132px); -} - + content: url(../images/ui/te-deum_logo_small_01.webp); + height: 200px; + width: 200px; + top: -200px; + left: calc(50% - 132px); + } #logo { - content : url(../images/ui/te-deum_logo_small_01.webp); - width: 100px; - height: 60px; + content: url(../images/ui/te-deum_logo_small_01.webp); + width: 100px; + height: 60px; } - -.dice-cell { - padding-left: 12px; - padding-right: 12px; - width: 60px; - text-align: center; +.dice-cell { + padding-left: 12px; + padding-right: 12px; + width: 60px; + text-align: center; } - .dice-formula, .dice-total { - height: 54px; - position:relative; + height: 54px; + position: relative; } - .status-small-label { - font-size: 0.65rem; + font-size: 0.65rem; } .no-grow { - flex-grow: 1; - max-width: 32px; + flex-grow: 1; + max-width: 32px; } .status-col-name { - max-width: 72px; + max-width: 72px; } .img-no-border { - max-width: 48px; - max-height: 48px; - border: 0px; + max-width: 48px; + max-height: 48px; + border: 0px; } .items-title-bg { - margin-top: 6px; - color: rgba(19, 18, 18, 0.95); - + margin-top: 6px; + color: rgba(19, 18, 18, 0.95); } .impact-box { - border-width: 2px; - border-color: #000000; - border-radius: 6px; - border: 2px ridge #443307; - margin: 4px; - padding: 4px; + border-width: 2px; + border-color: #000000; + border-radius: 6px; + border: 2px ridge #443307; + margin: 4px; + padding: 4px; } .impact-title { - font-size: bold; - display: flex; - align-items: center; - justify-content: center; - margin-left: auto; - margin-right: auto; - text-align: center; + font-size: bold; + display: flex; + align-items: center; + justify-content: center; + margin-left: auto; + margin-right: auto; + text-align: center; } - .items-title-text { - text-align: center; - font-family: MailartRubberstamp; - margin-left: 4px; + text-align: center; + font-family: MailartRubberstamp; + margin-left: 4px; } .lock-icon { - width:16px; - height: 16px; + width: 16px; + height: 16px; } .item-sheet-img { - width: 64px; - height: auto; - border: 0; + width: 64px; + height: auto; + border: 0; } .item-name-img { - flex-grow:1; - max-width: 2rem; - min-width: 2rem; + flex-grow: 1; + max-width: 2rem; + min-width: 2rem; } .item-field { - margin-top: 4px; + margin-top: 4px; } .item-field-label-short { - flex-grow:1; - max-width: 4rem; - min-width: 4rem; + flex-grow: 1; + max-width: 4rem; + min-width: 4rem; } .item-field-label-medium { - flex-grow:1; - max-width: 6rem; - min-width: 6rem; + flex-grow: 1; + max-width: 6rem; + min-width: 6rem; } .item-field-skill { - flex-grow:1; - max-width: 6.8rem; - min-width: 6.8rem; + flex-grow: 1; + max-width: 6.8rem; + min-width: 6.8rem; } .item-field-label-long { - flex-grow:1; - max-width: 10rem; - min-width: 10rem; + flex-grow: 1; + max-width: 10rem; + min-width: 10rem; +} +.item-field-title-long { + flex-grow: 1; + max-width: 12rem; + min-width: 12rem; } .item-field-label-long14 { - flex-grow:1; - max-width: 14rem; - min-width: 14rem; + flex-grow: 1; + max-width: 14rem; + min-width: 14rem; } .carac-box { - background-color: rgba(155, 155, 150, 0.3); - box-shadow: inset 0px 0px 1px rgba(0,0,0,0.58824); - border-radius: 0.45rem; + background-color: rgba(155, 155, 150, 0.3); + box-shadow: inset 0px 0px 1px rgba(0,0,0,0.58824); + border-radius: 0.45rem; } -.comp-box { - max-width: 16rem; - min-width: 16rem; - width: 16rem; - min-height: 1.6rem; +.comp-box { + max-width: 16rem; + min-width: 16rem; + width: 16rem; + min-height: 1.6rem; } - .item-control-end { - align-self: flex-end; + align-self: flex-end; } - .alternate-list { - margin-top: 4px; - flex-wrap: nowrap; + margin-top: 4px; + flex-wrap: nowrap; } .item-filler { - flex-grow: 6; - flex-shrink: 7; + flex-grow: 6; + flex-shrink: 7; } .item-controls-fixed { - min-width:2rem; - max-width: 2rem; + min-width: 2rem; + max-width: 2rem; } .item-controls-fixed-full { - min-width:3rem; - max-width: 3rem; + min-width: 3rem; + max-width: 3rem; } .item-left-pad { - margin-left: 4px; + margin-left: 4px; } .attribute-label { - font-weight: bold; + font-weight: bold; } .flexrow-no-expand { - flex-grow: 0; + flex-grow: 0; } .item-input-small { - max-width: 16px; - max-height: 12px; + max-width: 16px; + max-height: 12px; } .character-summary-rollable { - text-decoration: underline; + text-decoration: underline; } - .te-deum-roll-dialog .window-header { - border-radius: 10px 10px 0% 0%; -} + border-radius: 10px 10px 0% 0%; + } .te-deum-roll-dialog .window-content { - border-radius: 0% 0% 10px 10px; -} - + border-radius: 0% 0% 10px 10px; + } .skill-roll-dialog div { - margin-top: 4px; - margin-bottom: 4px; -} - + margin-top: 4px; + margin-bottom: 4px; + } .confront-dice { - border-width: 0px; + border-width: 0px; } - .bonus-spec { - max-width: 48px; + max-width: 48px; } .confront-bonus-container { - position: relative; - flex-grow: 1; - text-align: center; - color: black; + position: relative; + flex-grow: 1; + text-align: center; + color: black; } .pool-list { - align-items: center; - justify-content: center; -} -.confront-bonus-centered { - position: absolute; - top: 50%; - left: 50%; - font-size: 1.6rem; - color: darkgreen; - font-family: MailartRubberstamp; - transform: translate(-50%, -55%); -} - -.dice-spec { - max-width: 64px; -} -.confront-dice-container { - position: relative; - flex-grow: 1; - text-align: center; - color: black; -} -.confront-dice-centered { - position: absolute; - top: 50%; - left: 50%; - font-size: 2rem; - color: darkgreen; - font-family: MailartRubberstamp; - transform: translate(-50%, -55%); -} -.confront-area { - margin: 2px; - padding: 4px; - min-height: 64px; - border-width: 2px; - border-color: #000000; - border-radius: 6px; - border: 2px ridge #443307; - align-items: center; - justify-content: center; + align-items: center; + justify-content: center; } diff --git a/styles/tedeum2.css b/styles/tedeum2.css new file mode 100644 index 0000000..0286b8a --- /dev/null +++ b/styles/tedeum2.css @@ -0,0 +1,1306 @@ + /* ==================== (A) Fonts ==================== */ + @font-face { + font-family: "MailartRubberstamp"; + src: url('../fonts/MailartRubberstamp-Regular.woff') format("woff"); + } + @font-face { + font-family: "GreatPrimer"; + src: url('../fonts/IM_FELL_Great_Primer_Roman.woff') format("woff"); + } + + :root { + /* =================== 1. ACTOR SHEET FONT STYLES =========== */ + --window-header-title-font-size: 1.3rem; + --window-header-title-font-weight: normal; + --window-header-title-color: #f5f5f5; + + --major-button-font-size: 1.05rem; + --major-button-font-weight: normal; + --major-button-color: #dadada; + + --tab-header-font-size: 1.0rem; + --tab-header-font-weight: 700; + --tab-header-color: #403f3e; + --tab-header-color-active: #4a0404; + + --actor-input-font-size: 0.8rem; + --actor-input-font-weight: 500; + --actor-input-color: black; + + --actor-label-font-size: 0.8rem; + --actor-label-font-weight: 700; + --actor-label-color: rgba(70,67,49,0.76863); + + /* =================== 2. DEBUGGING HIGHLIGHTERS ============ */ + --debug-background-color-red: rgba(255,0,0,0.32941); + --debug-background-color-blue: rgba(29,0,255,0.32941); + --debug-background-color-green: rgba(84,255,0,0.32941); + + --debug-box-shadow-red: inset 0 0 2px red; + --debug-box-shadow-blue: inset 0 0 2px blue; + --debug-box-shadow-green: inset 0 0 2px green; + } + +/*@import url("https://fonts.googleapis.com/css2?family=Martel:wght@400;800&family=Roboto:wght@300;400;500&display=swap");*/ +/* Global styles & Font */ +.window-app { + text-align: justify; + font-size: 16px; + letter-spacing: 1px; +} + +/* Fonts */ +.sheet header.sheet-header h1 input, .window-app .window-header, #actors .directory-list, #navigation #scene-list .scene.nav-item { + font-size: 1.0rem; +} /* For title, sidebar character and scene */ +.sheet nav.sheet-tabs { + font-size: 0.8rem; +} /* For nav and title */ +.window-app input, .fvtt-te-deum .item-form, .sheet header.sheet-header .flex-group-center.flex-compteurs, .sheet header.sheet-header .flex-group-center.flex-fatigue, select, button, .item-checkbox, #sidebar, #players, #navigation #nav-toggle { + font-size: 0.8rem; +} + +.window-header{ + background: rgba(0,0,0,0.75); +} + +.window-app.sheet .window-content { + margin: 0; + padding: 0; + font-family: "GreatPrimer"; +} +.strong-text{ + font-weight: bold; +} + +.tabs .item.active, .blessures-list li ul li:first-child:hover, a:hover { + text-shadow: 1px 0px 0px #ff6600; +} + +.rollable:hover, .rollable:focus { + color: #000; + text-shadow: 0 0 10px red; + cursor: pointer; +} + +input:hover { + border-width: 4px; + border-color: rgba(37, 124, 37, 0.7); +} + +input:disabled { + color:#1c2058; +} +select:disabled { + color:#1c2058; +} +table {border: 1px solid #7a7971;} + +.grid, .grid-2col { + display: grid; + grid-column: span 2 / span 2; + grid-template-columns: repeat(2, minmax(0, 1fr)); + grid-gap: 10px; + grid-gap: 10px; + gap: 10px; + margin: 10px 0; + padding: 0; +} + +.grid-3col { + grid-column: span 3 / span 3; + grid-template-columns: repeat(3, minmax(0, 1fr)); +} + +.grid-4col { + grid-column: span 4 / span 4; + grid-template-columns: repeat(4, minmax(0, 1fr)); +} + +.grid-5col { + grid-column: span 5 / span 5; + grid-template-columns: repeat(5, minmax(0, 1fr)); +} + +.grid-6col { + grid-column: span 5 / span 5; + grid-template-columns: repeat(5, minmax(0, 1fr)); +} + +.grid-7col { + grid-column: span 7 / span 7; + grid-template-columns: repeat(7, minmax(0, 1fr)); +} + +.grid-8col { + grid-column: span 8 / span 8; + grid-template-columns: repeat(8, minmax(0, 1fr)); +} + +.grid-9col { + grid-column: span 9 / span 9; + grid-template-columns: repeat(9, minmax(0, 1fr)); +} + +.grid-10col { + grid-column: span 10 / span 10; + grid-template-columns: repeat(10, minmax(0, 1fr)); +} + +.grid-11col { + grid-column: span 11 / span 11; + grid-template-columns: repeat(11, minmax(0, 1fr)); +} + +.grid-12col { + grid-column: span 12 / span 12; + grid-template-columns: repeat(12, minmax(0, 1fr)); +} + +.flex-group-center, +.flex-group-left, +.flex-group-right { + justify-content: center; + align-items: center; + text-align: center; + padding: 5px; +} + +.flex-group-left { + justify-content: flex-start; + text-align: left; +} + +.flex-group-right { + justify-content: flex-end; + text-align: right; +} + +.flex-center { + align-items: center; + justify-content: center; + text-align: center; +} + +.table-create-actor { + font-size: 0.8rem; +} + +.flex-between { + justify-content: space-between; +} + +.flex-shrink { + flex: 'flex-shrink' ; +} + +/* Styles limited to sheets */ +.fvtt-te-deum .sheet-header { + flex: 0 0 210px; + overflow: hidden; + display: flex; + flex-direction: row; + flex-wrap: wrap; + justify-content: flex-start; + margin-bottom: 10px; +} + +.fvtt-te-deum .sheet-header .profile-img { + flex: 0 0 128px; + width: 128px; + height: auto; + max-height:128px; + margin-top: 0px; + margin-right: 10px; + -o-object-fit: cover; + object-fit: cover; + -o-object-position: 50% 0; + object-position: 50% 0; + border-width: 0px; +} +.profile-img-container { + margin-right: 0.2rem; + max-width: 140px; + width: 140px; +} + +.button-img { + vertical-align: baseline; + width: 8%; + height: 8%; + max-height: 48px; + border-width: 0px; + border: 1px solid rgba(0, 0, 0, 0); +} + +.button-img:hover { + color: rgba(255, 255, 128, 0.7); + border: 1px solid rgba(255, 128, 0, 0.8); + cursor: pointer; +} + +.button-effect-img { + vertical-align: baseline; + width: 16px; + max-height: 16px; + height: 16; + border-width: 0; +} + +.small-button-container { + height: 16px; + width: 16px; + border: 0; + vertical-align: bottom; +} + +.fvtt-te-deum .sheet-header .header-fields { + flex: 1; +} + +.fvtt-te-deum .sheet-header h1.charname { + height: 50px; + padding: 0px; + margin: 5px 0; + border-bottom: 0; +} + +.fvtt-te-deum .sheet-header h1.charname input { + font-family: "MailartRubberstamp"; + font-size: 3rem; + width: 100%; + height: 100%; + margin: 0; +} + +.fvtt-te-deum .sheet-tabs { + flex: 0; + font-family: "MailartRubberstamp"; + font-size: 2.2rem; +} + +textarea, +.fvtt-te-deum .sheet-body, +.fvtt-te-deum .sheet-body .tab, +.fvtt-te-deum .sheet-body .tab .editor { + height: 100%; + font-size: 0.8rem; + font-family: "GreatPrimer"; +} + +.editor { + border: 2; + height: 100%; + padding: 0 3px; +} + +.medium-editor { + border: 2; + height: 240px; + padding: 0 3px; +} + +.small-editor { + border: 2; + height: 120px; + padding: 0 3px; +} + +.fvtt-te-deum .tox .tox-editor-container { + background: #fff; +} + +.fvtt-te-deum .tox .tox-edit-area { + padding: 0 8px; +} + +.fvtt-te-deum .resource-label { + font-weight: bold; + text-transform: uppercase; +} + +.fvtt-te-deum .tabs { + height: 40px; + border-top: 1px solid #AAA; + border-bottom: 1px solid #AAA; + color: #000000; + font-family: "GreatPrimer"; +} + +.fvtt-te-deum .tabs .item { + line-height: 40px; + font-weight: bold; +} + +.fvtt-te-deum .tabs .item.active { + text-decoration: underline; + text-shadow: none; +} + +.fvtt-te-deum .items-list { + list-style: none; + margin: 1px 0; + padding: 0; + overflow-y: auto; +} + +.fvtt-te-deum .items-list .item-header { + font-weight: bold; +} + +.fvtt-te-deum .items-list .item { + height: 30px; + line-height: 24px; + padding: 1px 0; + border-bottom: 1px solid #BBB; +} + +.fvtt-te-deum .items-list .item .item-image { + flex: 0 0 24px; + margin-right: 5px; +} + +.fvtt-te-deum .items-list .item img { + display: block; +} + +.fvtt-te-deum .items-list .item-name { + margin: 0; +} + +.fvtt-te-deum .items-list .item-controls { + flex: 0 0 86px; + text-align: right; +} + +li.folder > .folder-header h3 { + color: rgba(19, 18, 18, 0.95); +} + +/* ======================================== */ +/* Sheet */ +.window-app.sheet .window-content .sheet-header{ + color: rgba(19, 18, 18, 0.95); + /*background: url("../images/ui/frise_topleft_01.webp");*/ + background: rgba(226, 226, 222, 0.95); + /*background: #494e6b;*/ +} + +input[type="text"], select[type="text"] { + background:white; + color: #494e6b; +} + +select { + background:white; + color: #494e6b; +} +/* background: #011d33 url("../images/ui/fond1.webp") repeat left top;*/ +/*color: rgba(168, 139, 139, 0.5);*/ +.window-app.sheet .window-content .sheet-header select[type="text"], .window-app.sheet .window-content .sheet-header input[type="text"], .window-app.sheet .window-content .sheet-header input[type="number"], .window-app.sheet .window-content .sheet-body input[type="text"], .window-app.sheet .window-content .sheet-body input[type="number"], .window-app.sheet .window-content .sheet-body select[type="text"], textarea { + color: rgba(19, 18, 18, 0.95); + /*color: #494e6b;*/ +} + +.window-app.sheet .window-content .sheet-header input[type="password"], .window-app.sheet .window-content .sheet-header input[type="date"], .window-app.sheet .window-content .sheet-header input[type="time"] { + color: rgba(19, 18, 18, 0.95); + /*background: url("../images/ui/frise_topleft_01.webp");*/ + background: rgba(226, 226, 222, 0.95); + border: 1 none; + margin-bottom: 0.25rem; + margin-left: 2px; +} + +.window-app.sheet .window-content .sheet-body select, .window-app.sheet .window-content .sheet-header select { + color: rgba(19, 18, 18, 0.95); + background: #fff; + border: 1 none; + margin-bottom: 0.25rem; + margin-left: 2px; +} + +.window-app .window-content, .window-app.sheet .window-content .sheet-body{ + font-size: 0.8rem; + /*background: url("../images/ui/pc_sheet_bg.webp") repeat left top;*/ + /*background: url("../images/ui/frise_topleft_01.webp");*/ + background: rgba(226, 226, 222, 0.95); + color: rgba(19, 18, 18, 0.95); +} + +/* background: rgba(245,245,240,0.6) url("../images/ui/sheet_background.webp") left top;*/ + +section.sheet-body{padding: 0.25rem 0.5rem;} + +.sheet header.sheet-header .profile-img { + -o-object-fit: cover; + object-fit: cover; + -o-object-position: 50% 0; + object-position: 50% 0; + margin: 0.5rem 0 0.5rem 0.5rem; + padding: 0; +} + +.sheet nav.sheet-tabs { + font-size: 1.2rem; + font-weight: bold; + height: 3rem; + flex: 0 0 3rem; + margin: 0; + padding: 0 0 0 0.25rem; + text-align: center; + /*text-transform: uppercase;*/ + line-height: 1.5rem; + border-top: 0 none; + border-bottom: 0 none; + background: linear-gradient(rgba(226, 226, 222, 0.5), rgba(226, 226, 222, 0.5)), url("../images/ui/frise_bottom_01.webp"); + background-repeat: no-repeat; + background-size: 100% 100%; + z-index: 1; + /*background-color:#252525;*/ +} + +/* background: rgb(245,245,240) url("../images/ui/fond4.webp") repeat left top;*/ + +nav.sheet-tabs .item { + z-index: 2; + position: relative; + opacity: 1.0; + color:rgba(29, 28, 31); + padding: 0 0.25rem; +} + +nav.sheet-tabs .item:after { + content: ""; + position: absolute; + top: 0; + right: 0; + height: 2rem; + width: 1px; +} + +.sheet .tab[data-tab] { + padding: 0; +} + +section.sheet-body:after { + content: ""; + display: block; + clear: both; +} + +.sheet header.sheet-header .flex-compteurs {text-align: right;} +.sheet header.sheet-header .resource-content {width: 2rem;} + +.select-diff { + display: inline-block; + text-align: left; + width: 50px; +} + +.window-app.sheet .window-content .tooltip:hover .tooltiptext { + top: 2rem; + left: 2rem; + margin: 0; + padding: 0.25rem; +} + +.window-app.sheet .window-content .carac-value, .window-app.sheet .window-content .competence-xp { + margin: 0.05rem; + flex-basis: 3rem; + text-align: center; +} + +/* ======================================== */ +/* Global UI elements */ + +/* ======================================== */ + +h1, h2, h3, h4 { + font-weight: bold; +} + +ul, ol { + margin: 0; + padding: 0; +} +ul, li { + list-style-type: none; +} + +.sheet li { + margin: 0.2rem; + padding: 0.15rem; +} +.header-fields li { + margin: 0; + padding: 0; +} + +.alterne-list > .list-item:hover { + background: rgba(100, 100, 50, 0.25); +} +.alterne-list > .list-item:nth-child(even) { + background: rgba(80, 60, 0, 0.10); +} +.alterne-list > .list-item:nth-child(odd) { + background: rgb(160, 130, 100, 0.05); +} + +.specialisation-label { + font-size: 0.8rem; +} + +.carac-label, +.attr-label { + font-weight: bold; +} + +.list-item { + margin: 0.125rem; + box-shadow: inset 0px 0px 1px rgba(0,0,0,0.58824); + border-radius: 0.25rem; + padding: 0.125rem; + flex: 1 1 5rem; +} +.list-item-shadow { + background:rgba(87, 60, 32, 0.35); + flex-grow: 0; + flex-wrap: nowrap; + justify-content: flex-start; +} +.list-item-shadow2 { + background:rgba(87, 60, 32, 0.25); + flex-grow: 0; + flex-wrap: nowrap; + justify-content: flex-start; +} +.item-display-show { + display: block; +} +.item-display-hide { + display: none; +} +.item-quantite { + margin-left: 0.5rem; +} +.list-item-margin1 { + margin-left: 1rem; +} +.list-item-margin2 { + margin-left: 2rem; +} +.list-item-margin3 { + margin-left: 3rem; +} +.list-item-margin4 { + margin-left: 4rem; +} + +.sheet-competence-img { + width: 24px; + max-width: 24px; + height: 24px; + max-height: 24px; + flex-grow: 0; + margin-right: 0.25rem; +} +.competence-column { + flex-direction: column; + align-content: flex-start; + justify-content: flex-start; + flex-grow: 0; + flex-basis: 1; +} +.competence-header { + align-content: flex-start; + justify-content: flex-start; + font-weight: bold; + flex-grow: 0; +} + +.comp-li { + max-width: 8rem; + width: 8rem; +} +.description-label { + flex-grow: 2; + margin-left: 4px; +} +.status-header-label { + margin-left: 2px; +} +.roll-dialog-label { + margin: 4px 0; + min-width: 96px; +} +.short-label { + flex-grow: 1; +} +.keyword-label { + font-size: 0.85rem; +} + +.item-sheet-label { + flex-grow: 1; +} + +.item-text-long-line { + flex-grow: 3; +} + +.score-label { + flex-grow: 2; + align-content: center; +} + +.attribut-value, +.carac-value { + flex-grow: 0; + flex-basis: 64px; + margin-right: 4px; + margin-left: 4px; +} +.sante-value, +.competence-value { + flex-grow: 0; + flex-basis: 2rem; + margin-right: 0.25rem; + margin-left: 0.25rem; +} +.description-value { + flex-grow: 0; + flex-basis: 4rem; + margin-right: 0.25rem; + margin-left: 0.25rem; +} +.small-label { + margin-top: 5px; +} +.padd-right { + margin-right: 8px; +} +.padd-left { + margin-left: 8px; +} +.stack-left { + align-items:center; + flex-shrink: 1; + flex-grow: 0; +} +.packed-left { + white-space: nowrap; + flex-grow: 0; +} + +.input-numeric-short { + width: 40px; + max-width: 40px; + flex-grow: 0; + flex-shrink: 0; + flex-basis: 40px; + margin-right: 0.15rem; + margin-left: 0.15rem; +} + +.abilities-table { + align-content: flex-start; +} + +/* ======================================== */ +.tokenhudext { + display: flex; + flex: 0 !important; + font-weight: 600; +} +.tokenhudext.left { + justify-content: flex-start; + flex-direction: column; + position: absolute; + top: 2.75rem; + right: 4rem; +} +.tokenhudext.right { + justify-content: flex-start; + flex-direction: column; + position: absolute; + top: 2.75rem; + left: 4rem; +} +.control-icon.tokenhudicon { + width: -moz-fit-content; + width: fit-content; + height: -moz-fit-content; + height: fit-content; + min-width: 6rem; + flex-basis: auto; + padding: 0; + line-height: 1rem; + margin: 0.25rem; +} +.control-icon.tokenhudicon.right { + margin-left: 8px; +} +#token-hud .status-effects.active{ + z-index: 2; +} +.token-sheet .window-content .flexcol .sheet-tabs { + font-size: 0.8rem; +} + +/* ======================================== */ +.item-checkbox { + height: 25px; + border: 1px solid rgba(115,105,83,0.65098); + border-left: none; + font-weight: 500; + font-size: 1rem; + color: black; + padding-top: 5px; + margin-right: 0px; + width: 45px; + position: relative; + left: 0px; + text-align: center; +} + +.skill-label { + font-size: 0.7rem; +} +.skill-good-checkbox { + max-height: 10px; + max-width: 10px; +} + +.flex-actions-bar { + flex-grow: 2; +} + +/* ======================================== */ +/* Sidebar CSS */ +#sidebar { + font-size: 1rem; + /*background-position: 100%;*/ + background-color:#f5f5f5; + background-position: 0px 35px; + background-repeat: no-repeat; + background: rgba(226, 226, 222, 0.95); + color: rgba(19, 18, 18, 0.95); +} + +/* background: rgb(105,85,65) url("../images/ui/texture_feuille_perso_onglets.webp") no-repeat right bottom;*/ + +#sidebar.collapsed { + height: 470px !important; +} + +#sidebar-tabs > .collapsed, #chat-controls .chat-control-icon { + color: rgba(19, 18, 18, 0.95); + text-shadow: 1px 1px 0 rgba(0,0,0,0.75); +} + +.sidebar-tab .directory-list .entity { + border-top: 1px rgba(0,0,0,0.25); + border-bottom: 0 none; + padding: 0.25rem 0; +} + +.sidebar-tab .directory-list .entity:hover { + background: rgba(0,0,0,0.05); + cursor: pointer; +} +.chat-message-header { + background: rgba(220,220,210,0.5); + font-size: 1.1rem; + height: 48px; + text-align: center; + vertical-align: middle; + display: flex; + align-items: center; +} + +.chat-message .message-header .flavor-text, .chat-message .message-header .whisper-to { + font-size: 0.9rem; +} +.chat-result-text, +.chat-actor-name { + font-weight: bold; + font-family: MailartRubberstamp; + font-size: 1.2rem; + padding: 4px; +} +.chat-result-success { + color:darkgreen; +} +.chat-result-failure { + color:darkred; +} +.chat-img { + width: 64px; + height: 64px; +} + +.roll-dialog-header { + height: 52px; +} + +.actor-icon { + float: left; + width: 48px; + height: 48px; + padding: 2px 6px 2px 2px; +} + +.padding-dice { + padding-top: .2rem; + padding-bottom: .2rem; +} + +.dice-image { + box-sizing: border-box; + border: none; + border-radius: 0; + max-width: 100%; +} + +.dice-image-reroll { + background-color:rgba(115, 224, 115, 0.25); + border-color: #011d33; + box-sizing: border-box; + border: 1px; + border-radius: 0%; + max-width: 100%; +} + +.chat-dice { + width: 15%; + height: 15%; + font-size: 15px; + padding: 10px; + padding-bottom: 20px; + padding-top: .2rem; + padding-bottom: .2rem; +} + +.div-center { + align-self: center; +} + +.chat-message { + background: rgba(220,220,210,0.5); + font-size: 0.9rem; +} + +.chat-message.whisper { + background: rgba(220,220,210,0.75); + border: 2px solid #545469; +} + +.chat-message .chat-icon { + border: 0; + padding: 2px 6px 2px 2px; + float: left; + width: 64px; + height: 64px; +} + +.ability-icon { + border: 0; + padding: 2px 2px 2px 2px; + max-width:32px; + max-height:32px; + width: auto; + height: auto; +} +.small-ability-icon { + border: 0; + padding: 2px 2px 2px 2px; + max-width:16px; + max-height:16px; + width: auto; + height: auto; +} +.combat-icon { + border: 0; + padding: 2px 2px 2px 2px; + max-width:24px; + max-height:24px; + width: auto; + height: auto; +} + +#sidebar-tabs { + flex: 0 0 32px; + box-sizing: border-box; + margin: 0 0 5px; + border-bottom: 1px solid rgba(0,0,0,0); + box-shadow: inset 0 0 2rem rgba(0,0,0,0.5); +} + +#sidebar-tabs > .item.active { + border: 1px solid rgba(114,98,72,1); + background: rgba(30, 25, 20, 0.75); + box-shadow: 0 0 6px inset rgba(114,98,72,1); +} + +#sidebar #sidebar-tabs i{ + display: inline-block; + background-position:center; + background-size:cover; + text-shadow: 1px 1px 0 rgba(0,0,0,0.75); + +} + +/*--------------------------------------------------------------------------*/ +/* Control, Tool, hotbar & navigation */ + +#controls .scene-control, #controls .control-tool { + box-shadow: 0 0 3px #000; + margin: 0 0 8px; + border-radius: 0; + background: rgba(30, 25, 20, 1); + background-origin: padding-box; + -o-border-image: url(img/ui/footer-button.png) 10 repeat; + border-image: url(img/ui/footer-button.png) 10 repeat; + border-image-width: 4px; + border-image-outset: 0px; +} + +#controls .scene-control.active, #controls .control-tool.active, #controls .scene-control:hover, #controls .control-tool:hover { + background: rgba(72, 46, 28, 1); + background-origin: padding-box; + -o-border-image: url(img/ui/footer-button.png) 10 repeat; + border-image: url(img/ui/footer-button.png) 10 repeat; + border-image-width: 4px; + border-image-outset: 0px; + box-shadow: 0 0 3px #ff6400; +} + +#hotbar #action-bar #macro-list { + border: 1px solid rgba(72, 46, 28, 1); + box-shadow: 2px 2px 5px #000000; +} + +#hotbar #action-bar .macro { + -o-border-image: url(img/ui/bg_control.jpg) 21 repeat; + border-image: url(img/ui/bg_control.jpg) 21 repeat; + border-image-slice: 6 6 6 6 fill; + border-image-width: 6px 6px 6px 6px; + border-image-outset: 0px 0px 0px 0px; + border-radius: 0px; +} + +#hotbar .bar-controls { + background: rgba(30, 25, 20, 1); + border: 1px solid rgba(72, 46, 28, 1); +} + +#players { + -o-border-image: url(img/ui/footer-button.png) 10 repeat; + border-image: url(img/ui/footer-button.png) 10 repeat; + border-image-width: 4px; + border-image-outset: 0px; + background: rgba(30, 25, 20, 1); +} + +#navigation #scene-list .scene.nav-item.active { + background: rgba(72, 46, 28, 1); +} + +#navigation #scene-list .scene.nav-item { + background: rgba(30, 25, 20, 1); + background-origin: padding-box; + -o-border-image: url(img/ui/footer-button.png) 10 repeat; + border-image: url(img/ui/footer-button.png) 10 repeat; + border-image-width: 4px; + border-image-outset: 0px; +} + +#navigation #scene-list .scene.view, #navigation #scene-list .scene.context { + background: rgba(72, 46, 28, 1); + background-origin: padding-box; + -o-border-image: url(img/ui/footer-button.png) 10 repeat; + border-image: url(img/ui/footer-button.png) 10 repeat; + border-image-width: 4px; + border-image-outset: 0px; + box-shadow: 0 0 3px #ff6400; +} + +#navigation #nav-toggle { + background: rgba(30, 25, 20, 1); + background-origin: padding-box; + -o-border-image: url(img/ui/footer-button.png) 10 repeat; + border-image: url(img/ui/footer-button.png) 10 repeat; + border-image-width: 4px; + border-image-outset: 0px; +} + + +.chat-card-button { + box-shadow: inset 0px 1px 0px 0px #a6827e; + background: linear-gradient(to bottom, rgba(33,55,74,0.98824) 5%, rgba(21,40,51,0.67059) 100%); + background-color: rgba(125,93,59,0); + border-radius: 3px; + border: 2px ridge #846109; + display: inline-block; + cursor: pointer; + color: #ffffff; + font-size: 0.8rem; + padding: 4px 12px 0px 12px; + text-decoration: none; + text-shadow: 0px 1px 0px #4d3534; + position: relative; + margin:2px; +} + +.chat-card-button:hover { + background: linear-gradient(to bottom, #800000 5%, #3e0101 100%); + background-color: red; +} +.chat-card-button:active { + position:relative; + top:1px; +} + +.plus-minus-button { + box-shadow: inset 0px 1px 0px 0px #a6827e; + background: linear-gradient(to bottom, rgba(33,55,74,0.98824) 5%, rgba(21,40,51,0.67059) 100%); + background-color: rgba(125,93,59,0); + border-radius: 2px; + border: 1px ridge #846109; + display: inline-block; + cursor: pointer; + color: #ffffff; + margin: 2px 2px 2px 2px; + padding: 2px 2px 2px 2px; + text-decoration: none; + text-shadow: 0px 1px 0px #4d3534; + position: relative; + margin:0px; +} + +.plus-minus-button:hover, +.chat-card-button:hover { + background: linear-gradient(to bottom, #800000 5%, #3e0101 100%); + background-color: red; +} + +.plus-minus-button:active, +.chat-card-button:active { + position:relative; + top:1px; +} + +.plus-minus { + font-size: 0.9rem; + font-weight: bold; +} + +.ul-level1 { + padding-left: 2rem; +} + + +/*************************************************************/ +#pause +{ + font-size: 2rem; +} +#pause > h3 +{ + color: #CCC +} +#pause > img { + content: url(../images/ui/te-deum_logo_small_01.webp); + height: 200px; + width: 200px; + top: -200px; + left: calc(50% - 132px); +} + +#logo { + content : url(../images/ui/te-deum_logo_small_01.webp); + width: 100px; + height: 60px; +} + +.dice-cell { + padding-left: 12px; + padding-right: 12px; + width: 60px; + text-align: center; +} + +.dice-formula, +.dice-total { + height: 54px; + position:relative; +} + +.status-small-label { + font-size: 0.65rem; +} +.no-grow { + flex-grow: 1; + max-width: 32px; +} +.status-col-name { + max-width: 72px; +} +.img-no-border { + max-width: 48px; + max-height: 48px; + border: 0px; +} +.items-title-bg { + margin-top: 6px; + color: rgba(19, 18, 18, 0.95); + +} +.impact-box { + border-width: 2px; + border-color: #000000; + border-radius: 6px; + border: 2px ridge #443307; + margin: 4px; + padding: 4px; +} +.impact-title { + font-size: bold; + display: flex; + align-items: center; + justify-content: center; + margin-left: auto; + margin-right: auto; + text-align: center; +} + +.items-title-text { + text-align: center; + font-family: MailartRubberstamp; + margin-left: 4px; +} +.lock-icon { + width:16px; + height: 16px; +} +.item-sheet-img { + width: 64px; + height: auto; + border: 0; +} +.item-name-img { + flex-grow:1; + max-width: 2rem; + min-width: 2rem; +} +.item-field { + margin-top: 4px; +} +.item-field-label-short { + flex-grow:1; + max-width: 4rem; + min-width: 4rem; +} +.item-field-label-medium { + flex-grow:1; + max-width: 6rem; + min-width: 6rem; +} +.item-field-skill { + flex-grow:1; + max-width: 6.8rem; + min-width: 6.8rem; +} +.item-field-label-long { + flex-grow:1; + max-width: 10rem; + min-width: 10rem; +} +.item-field-title-long { + flex-grow:1; + max-width: 12rem; + min-width: 12rem; +} +.item-field-label-long14 { + flex-grow:1; + max-width: 14rem; + min-width: 14rem; +} +.carac-box { + background-color: rgba(155, 155, 150, 0.3); + box-shadow: inset 0px 0px 1px rgba(0,0,0,0.58824); + border-radius: 0.45rem; +} +.comp-box { + max-width: 16rem; + min-width: 16rem; + width: 16rem; + min-height: 1.6rem; +} + +.item-control-end { + align-self: flex-end; +} + +.alternate-list { + margin-top: 4px; + flex-wrap: nowrap; +} +.item-filler { + flex-grow: 6; + flex-shrink: 7; +} +.item-controls-fixed { + min-width:2rem; + max-width: 2rem; +} +.item-controls-fixed-full { + min-width:3rem; + max-width: 3rem; +} +.item-left-pad { + margin-left: 4px; +} +.attribute-label { + font-weight: bold; +} +.flexrow-no-expand { + flex-grow: 0; +} +.item-input-small { + max-width: 16px; + max-height: 12px; +} +.character-summary-rollable { + text-decoration: underline; +} + +.te-deum-roll-dialog .window-header { + border-radius: 10px 10px 0% 0%; +} +.te-deum-roll-dialog .window-content { + border-radius: 0% 0% 10px 10px; +} + +.skill-roll-dialog div { + margin-top: 4px; + margin-bottom: 4px; +} + +.confront-dice { + border-width: 0px; +} + +.bonus-spec { + max-width: 48px; +} +.confront-bonus-container { + position: relative; + flex-grow: 1; + text-align: center; + color: black; +} +.pool-list { + align-items: center; + justify-content: center; +} diff --git a/template.json b/template.json index 89f0b2c..62678a0 100644 --- a/template.json +++ b/template.json @@ -1,17 +1,20 @@ { "Actor": { "types": ["pj", "pnj"], + "htmlFields": ["description"], "pj": {}, "pnj": {} }, "Item": { - "types": ["arme", "competence", "armure", "equipement", "origine", "education"], + "types": ["arme", "competence", "armure", "grace", "equipement", "origine", "education"], + "htmlFields": ["description"], "arme": {}, "competence": {}, "armure": {}, "equipement": {}, "origine": {}, "education": {}, + "grace": {}, "debouche": {} } } \ No newline at end of file diff --git a/templates/actors/actor-sheet.hbs b/templates/actors/actor-sheet.hbs index 85f7550..f954800 100644 --- a/templates/actors/actor-sheet.hbs +++ b/templates/actors/actor-sheet.hbs @@ -42,6 +42,7 @@ +
+ + +
@@ -79,6 +103,7 @@ {{#each arbreCompetences as |carac key|}}