:root { --font-size-standard: 0.8125rem; --background-image-base: url("../assets/parchment.jpg"); --font-secondary: "Amiri", serif; --logo-standard: url("../assets/lethal-fantasy-logo.webp"); } #logo { content: var(--logo-standard); width: 50px; height: 50px; margin-left: 15px; } #pause > img { content: var(--logo-standard); height: 192px; width: 192px; top: -45px; left: calc(50% - 96px); } i.lethalfantasy { width: 36px; height: 36px; background-image: var(--logo-standard); background-size: 100%; background-position: center; background-repeat: no-repeat; display: flex; position: relative; filter: grayscale(1); transition: 0.3s; } .application.dialog.lethalfantasy { font-family: var(--font-primary); font-size: calc(var(--font-size-standard) * 1.2); background-image: var(--background-image-base); } .application.dialog.lethalfantasy button:hover { background: var(--color-dark-6); } .application.dialog.lethalfantasy .legend { font-family: var(--font-primary); } #tooltip.tooltip-avantages { max-width: 550px; text-align: left; } .chat-message, .chat-message.whisper { font-family: var(--font-primary); background-image: var(--background-image-base); background-repeat: no-repeat; background-size: 100% 100%; } .lethalfantasy .character-sheet-common label { font-family: var(--font-secondary); font-size: calc(var(--font-size-standard) * 1.4); } .lethalfantasy .item-sheet-common .form-fields { padding-top: 5px; } .lethalfantasy .item-sheet-common label { font-family: var(--font-secondary); font-size: calc(var(--font-size-standard) * 1.6); flex: 50%; } .lethalfantasy .character-content { font-family: var(--font-primary); font-size: calc(var(--font-size-standard) * 1); color: var(--color-dark-1); background-image: var(--background-image-base); background-repeat: no-repeat; background-size: 100% 100%; overflow: scroll; } .lethalfantasy .character-content input:disabled, .lethalfantasy .character-content select:disabled { background-color: rgba(0, 0, 0, 0.2); border-color: transparent; color: var(--color-dark-3); } .lethalfantasy .character-content input, .lethalfantasy .character-content select { background-color: rgba(0, 0, 0, 0.1); border-color: var(--color-dark-6); color: var(--color-dark-2); } .lethalfantasy .character-content input[name="name"] { height: 50px; margin-right: 10px; font-family: var(--font-secondary); font-size: calc(var(--font-size-standard) * 2); font-weight: bold; border: none; } .lethalfantasy .character-content fieldset { margin-bottom: 10px; border-radius: 5px; } .lethalfantasy .character-content .form-fields input, .lethalfantasy .character-content .form-fields select { text-align: center; font-size: calc(var(--font-size-standard) * 1.4); } .lethalfantasy .character-content .form-fields select { font-family: var(--font-secondary); font-size: calc(var(--font-size-standard) * 1.4); } .lethalfantasy .character-content legend { font-family: var(--font-secondary); font-size: calc(var(--font-size-standard) * 1.6); font-weight: bold; letter-spacing: 1px; } .lethalfantasy .character-content label { font-family: var(--font-secondary); font-size: calc(var(--font-size-standard) * 1.4); } .lethalfantasy .character-main { display: flex; } .lethalfantasy .character-main .character-personnage { display: flex; gap: 10px; flex: 1; } .lethalfantasy .character-main .character-personnage .character-gauche { min-width: 180px; display: flex; flex-direction: column; } .lethalfantasy .character-main .character-personnage .character-gauche .character-gauche-image { display: flex; justify-content: center; align-items: center; padding-bottom: 20px; } .lethalfantasy .character-main .character-personnage .character-gauche .character-gauche-image .character-img { height: 140px; width: auto; border: none; } .lethalfantasy .character-main .character-personnage .character-gauche .character-dv .form-fields, .lethalfantasy .character-main .character-personnage .character-gauche .character-dmax .form-fields { flex: none; } .lethalfantasy .character-main .character-personnage .character-gauche .character-dmax-edit input { display: flex; width: 60px; font-size: calc(var(--font-size-standard) * 1.4); align-items: center; justify-content: center; padding: 0 5px 0 5px; text-align: center; } .lethalfantasy .character-main .character-personnage .character-droite { display: flex; flex-direction: column; gap: 5px; } .lethalfantasy .character-main .character-personnage .character-droite .character-name { display: flex; } .lethalfantasy .character-main .character-personnage .character-droite .character-name input { width: 400px; } .lethalfantasy .character-main .character-personnage .character-droite .character-infos { display: flex; flex-direction: column; gap: 10px; } .lethalfantasy .character-main .character-personnage .character-droite .character-infos label { min-width: 120px; } .lethalfantasy .character-main .character-personnage .character-droite .character-infos .character-voie-majeure, .lethalfantasy .character-main .character-personnage .character-droite .character-infos .character-voie-mineure { display: flex; } .lethalfantasy .character-main .character-personnage .character-droite .character-infos .character-voie-majeure input, .lethalfantasy .character-main .character-personnage .character-droite .character-infos .character-voie-mineure input { width: 280px; } .lethalfantasy .character-main .character-personnage .character-droite .character-infos .character-voie-majeure .controls, .lethalfantasy .character-main .character-personnage .character-droite .character-infos .character-voie-mineure .controls { padding-left: 5px; } .lethalfantasy .character-main .character-personnage .character-droite .character-infos .character-commanditaire { display: flex; } .lethalfantasy .character-main .character-personnage .character-droite .character-infos .character-commanditaire input { width: 280px; } .lethalfantasy .character-main .character-personnage .character-droite .character-infos .character-pv { display: flex; gap: 2px; align-items: center; } .lethalfantasy .character-main .character-personnage .character-droite .character-infos .character-pv .character-pv-value .form-fields input { flex: none; width: 50px; margin-left: 10px; font-size: calc(var(--font-size-standard) * 1.4); } .lethalfantasy .character-main .character-personnage .character-droite .character-infos .character-pv .character-pv-max { clear: both; display: flex; flex-direction: row; flex-wrap: wrap; margin: 3px 0; align-items: center; } .lethalfantasy .character-main .character-personnage .character-droite .character-infos .character-pv .character-pv-max input { width: 50px; text-align: center; font-size: calc(var(--font-size-standard) * 1.4); } .lethalfantasy .character-main .character-personnage .character-droite .character-infos .character-pv .pv-separator { font-size: calc(var(--font-size-standard) * 1.2); display: flex; align-items: center; justify-content: center; } .lethalfantasy .character-main .character-personnage-play { min-width: 500px; } .lethalfantasy .character-main .character-personnage-edit { min-width: 650px; } .lethalfantasy .character-main .character-caracteristiques { display: flex; flex-direction: column; gap: 5px; flex: 1; } .lethalfantasy .character-main .character-caracteristiques .character-caracteristique { display: flex; align-items: center; } .lethalfantasy .character-main .character-caracteristiques .character-caracteristique .rollable:hover, .lethalfantasy .character-main .character-caracteristiques .character-caracteristique .rollable:focus { text-shadow: 0 0 8px var(--color-shadow-primary); cursor: pointer; } .lethalfantasy .character-main .character-caracteristiques .character-caracteristique .form-group { flex: 1; padding-left: 5px; } .lethalfantasy .character-main .character-caracteristiques .character-caracteristique .form-group .form-fields { flex: none; width: 70px; } .lethalfantasy .character-main .character-caracteristiques .character-caracteristique .experience { display: flex; align-items: center; gap: 10px; margin-left: 10px; } .lethalfantasy .character-main .character-caracteristiques .character-caracteristique .experience input { display: flex; width: 70px; font-size: calc(var(--font-size-standard) * 1.4); align-items: center; justify-content: center; padding: 0 5px 0 5px; } .lethalfantasy .character-main .character-caracteristiques .character-caracteristique .experience input[type="number"] { text-align: center; } .lethalfantasy .character-main .character-caracteristiques .character-caracteristique .experience input[type="checkbox"] { width: 20px; } .lethalfantasy .character-main .character-caracteristiques .character-caracteristique .experience input[type="checkbox"]:checked { background-color: rgba(0, 0, 0, 0.1); } .lethalfantasy .character-main .character-caracteristiques .character-caracteristique .experience input[type="checkbox"]:checked::after { color: rgba(0, 0, 0, 0.1); } .lethalfantasy .character-main .character-caracteristiques-play { min-width: 225px; } .lethalfantasy .character-main .character-caracteristiques-edit { min-width: 400px; } .lethalfantasy .character-main .character-ressources { display: flex; flex-direction: column; gap: 5px; flex: 1; } .lethalfantasy .character-main .character-ressources .character-ressource { display: flex; align-items: center; } .lethalfantasy .character-main .character-ressources .character-ressource .rollable:hover, .lethalfantasy .character-main .character-ressources .character-ressource .rollable:focus { text-shadow: 0 0 8px var(--color-shadow-primary); cursor: pointer; } .lethalfantasy .character-main .character-ressources .character-ressource .form-group { flex: 1; padding-left: 5px; } .lethalfantasy .character-main .character-ressources .character-ressource .form-group .form-fields { flex: none; width: 70px; } .lethalfantasy .character-main .character-ressources .character-ressource .character-ressource-edit { display: flex; align-items: center; gap: 10px; margin-left: 10px; } .lethalfantasy .character-main .character-ressources .character-ressource .character-ressource-edit input { display: flex; width: 70px; font-size: calc(var(--font-size-standard) * 1.4); align-items: center; justify-content: center; padding: 0 5px 0 5px; } .lethalfantasy .character-main .character-ressources .character-ressource .character-ressource-edit input[type="number"] { text-align: center; } .lethalfantasy .character-main .character-ressources .character-ressource .character-ressource-edit select { font-family: var(--font-secondary); font-size: calc(var(--font-size-standard) * 1.5); text-align: center; width: 75px; } .lethalfantasy .character-main .character-ressources-play { min-width: 235px; } .lethalfantasy .character-main .character-ressources-edit { min-width: 400px; } .lethalfantasy .character-biography prose-mirror.inactive { min-height: 40px; } .lethalfantasy .character-biography prose-mirror.active { min-height: 150px; } .lethalfantasy .tab.character-items { display: grid; grid-template-columns: 1fr; } .lethalfantasy .tab.character-items legend a { font-size: calc(var(--font-size-standard) * 1.4); padding-left: 5px; } .lethalfantasy .tab.character-items .talents { display: grid; grid-template-columns: repeat(5, 1fr); gap: 10px; } .lethalfantasy .tab.character-items .talents .talent { display: flex; align-items: center; gap: 10px; } .lethalfantasy .tab.character-items .talents .talent .item-img { width: 50px; height: 50px; } .lethalfantasy .tab.character-items .weapons { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; } .lethalfantasy .tab.character-items .weapons .weapon { display: flex; align-items: center; gap: 10px; } .lethalfantasy .tab.character-items .weapons .weapon .item-img { width: 50px; height: 50px; margin: 5px 0 0 0; } .lethalfantasy .tab.character-items .armors { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; } .lethalfantasy .tab.character-items .armors .armor { display: flex; align-items: center; gap: 10px; } .lethalfantasy .tab.character-items .armors .armor .item-img { width: 50px; height: 50px; margin: 5px 0 0 0; } .lethalfantasy .tab.character-items .spells { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; } .lethalfantasy .tab.character-items .spells .spell { display: flex; gap: 10px; } .lethalfantasy .tab.character-items .appris { font-weight: bold; } .lethalfantasy .tab.character-items prose-mirror.inactive { min-height: 40px; } .lethalfantasy .tab.character-items prose-mirror.active { min-height: 150px; } .lethalfantasy .opponent-content { font-family: var(--font-primary); font-size: calc(var(--font-size-standard) * 1); color: var(--color-dark-1); background-image: var(--background-image-base); background-repeat: no-repeat; background-size: 100% 100%; overflow: scroll; } .lethalfantasy .opponent-content input:disabled, .lethalfantasy .opponent-content select:disabled { background-color: rgba(0, 0, 0, 0.2); border-color: transparent; color: var(--color-dark-3); } .lethalfantasy .opponent-content input, .lethalfantasy .opponent-content select { background-color: rgba(0, 0, 0, 0.1); border-color: var(--color-dark-6); color: var(--color-dark-2); } .lethalfantasy .opponent-content input[name="name"] { height: 50px; margin-right: 10px; font-family: var(--font-secondary); font-size: calc(var(--font-size-standard) * 2); font-weight: bold; border: none; } .lethalfantasy .opponent-content fieldset { margin-bottom: 10px; border-radius: 5px; } .lethalfantasy .opponent-content .form-fields input, .lethalfantasy .opponent-content .form-fields select { text-align: center; font-size: calc(var(--font-size-standard) * 1.4); } .lethalfantasy .opponent-content .form-fields select { font-family: var(--font-secondary); font-size: calc(var(--font-size-standard) * 1.4); } .lethalfantasy .opponent-content legend { font-family: var(--font-secondary); font-size: calc(var(--font-size-standard) * 1.6); font-weight: bold; letter-spacing: 1px; } .lethalfantasy .opponent-content label { font-family: var(--font-secondary); font-size: calc(var(--font-size-standard) * 1.4); } .lethalfantasy .opponent-header { display: flex; align-items: center; justify-content: center; } .lethalfantasy .opponent-header .opponent-img { width: 100px; height: auto; margin: 10px; } .lethalfantasy .opponent-header .character-name { display: flex; width: 100%; } .lethalfantasy .opponent-main { display: flex; flex-direction: row; gap: 10px; } .lethalfantasy .opponent-main .opponent-gauche { display: flex; flex-direction: column; min-width: 250px; } .lethalfantasy .opponent-main .opponent-gauche .opponent-caracteristiques { display: flex; flex-direction: column; } .lethalfantasy .opponent-main .opponent-gauche .opponent-caracteristiques .form-fields { flex: none; } .lethalfantasy .opponent-main .opponent-gauche .opponent-caracteristiques .form-fields input { width: 50px; } .lethalfantasy .opponent-main .opponent-gauche .opponent-attacks legend a { font-size: calc(var(--font-size-standard) * 1.6); } .lethalfantasy .opponent-main .opponent-gauche .opponent-attacks .opponent-attack { display: flex; justify-content: space-between; } .lethalfantasy .opponent-main .opponent-gauche .opponent-spells legend a { font-size: calc(var(--font-size-standard) * 1.6); } .lethalfantasy .opponent-main .opponent-gauche .opponent-spells .opponent-spell { display: flex; justify-content: space-between; } .lethalfantasy .opponent-main .opponent-droite .opponent-description { flex: 1; /* Prend également l'espace disponible */ min-width: 200px; /* Pour éviter que le contenu ne déborde */ } .lethalfantasy .opponent-main .opponent-droite .opponent-description prose-mirror.inactive { min-height: 40px; } .lethalfantasy .opponent-main .opponent-droite .opponent-description prose-mirror.active { min-height: 450px; height: 100%; min-width: 200px; width: 100%; } .lethalfantasy .skill-content { font-family: var(--font-primary); font-size: calc(var(--font-size-standard) * 1); color: var(--color-dark-1); background-image: var(--background-image-base); background-repeat: no-repeat; background-size: 100% 100%; } .lethalfantasy .skill-content input:disabled, .lethalfantasy .skill-content select:disabled { background-color: rgba(0, 0, 0, 0.2); border-color: transparent; color: var(--color-dark-3); } .lethalfantasy .skill-content input, .lethalfantasy .skill-content select { background-color: rgba(0, 0, 0, 0.1); border-color: var(--color-dark-6); color: var(--color-dark-2); } .lethalfantasy .skill-content input[name="name"] { height: 50px; margin-right: 10px; font-family: var(--font-secondary); font-size: calc(var(--font-size-standard) * 2); font-weight: bold; border: none; } .lethalfantasy .skill-content fieldset { margin-bottom: 10px; border-radius: 5px; } .lethalfantasy .skill-content .form-fields input, .lethalfantasy .skill-content .form-fields select { text-align: center; font-size: calc(var(--font-size-standard) * 1.4); } .lethalfantasy .skill-content .form-fields select { font-family: var(--font-secondary); font-size: calc(var(--font-size-standard) * 1.4); } .lethalfantasy .skill-content legend { font-family: var(--font-secondary); font-size: calc(var(--font-size-standard) * 1.6); font-weight: bold; letter-spacing: 1px; } .lethalfantasy .skill-content .form-fields { padding-top: 5px; } .lethalfantasy .skill-content label { font-family: var(--font-secondary); font-size: calc(var(--font-size-standard) * 1.6); flex: 50%; } .lethalfantasy .skill-content .header { display: flex; } .lethalfantasy .skill-content .header img { width: 50px; height: 50px; } .lethalfantasy .skill-content input[type="checkbox"] { font-size: var(--font-size-14); width: 20px; padding-top: 0; } .lethalfantasy .skill-content input[type="checkbox"]:checked { background-color: rgba(0, 0, 0, 0.1); } .lethalfantasy .skill-content input[type="checkbox"]:checked::after { color: rgba(0, 0, 0, 0.1); } .lethalfantasy .gifts-content { font-family: var(--font-primary); font-size: calc(var(--font-size-standard) * 1); color: var(--color-dark-1); background-image: var(--background-image-base); background-repeat: no-repeat; background-size: 100% 100%; } .lethalfantasy .gifts-content input:disabled, .lethalfantasy .gifts-content select:disabled { background-color: rgba(0, 0, 0, 0.2); border-color: transparent; color: var(--color-dark-3); } .lethalfantasy .gifts-content input, .lethalfantasy .gifts-content select { background-color: rgba(0, 0, 0, 0.1); border-color: var(--color-dark-6); color: var(--color-dark-2); } .lethalfantasy .gifts-content input[name="name"] { height: 50px; margin-right: 10px; font-family: var(--font-secondary); font-size: calc(var(--font-size-standard) * 2); font-weight: bold; border: none; } .lethalfantasy .gifts-content fieldset { margin-bottom: 10px; border-radius: 5px; } .lethalfantasy .gifts-content .form-fields input, .lethalfantasy .gifts-content .form-fields select { text-align: center; font-size: calc(var(--font-size-standard) * 1.4); } .lethalfantasy .gifts-content .form-fields select { font-family: var(--font-secondary); font-size: calc(var(--font-size-standard) * 1.4); } .lethalfantasy .gifts-content legend { font-family: var(--font-secondary); font-size: calc(var(--font-size-standard) * 1.6); font-weight: bold; letter-spacing: 1px; } .lethalfantasy .gifts-content .form-fields { padding-top: 5px; } .lethalfantasy .gifts-content label { font-family: var(--font-secondary); font-size: calc(var(--font-size-standard) * 1.6); flex: 50%; } .lethalfantasy .gifts-content .path-name { display: flex; justify-content: space-between; } .lethalfantasy .gifts-content .path-name .control { margin: 5px; } .lethalfantasy .gifts-content .path-name img { width: 50px; height: 50px; } .lethalfantasy .gifts-content .path-main { display: grid; grid-template-columns: 2fr 2fr 1fr; /* Optionnel : supprimer le margin-right sur la dernière colonne si vous avez besoin d'un espacement précis */ } .lethalfantasy .gifts-content .path-main .profil { display: grid; grid-template-columns: repeat(2, 1fr); } .lethalfantasy .gifts-content .path-main .profil-gauche, .lethalfantasy .gifts-content .path-main .profil-droite { flex: 1; /* Chaque colonne prend la moitié de l'espace disponible */ padding: 10px; /* Espacement intérieur */ } .lethalfantasy .gifts-content .path-main .profil-gauche { margin-right: 10px; /* Espace entre les deux colonnes */ } .lethalfantasy .gifts-content .path-main .profil-droite { margin-right: 0; } .lethalfantasy .gifts-content .path-main .biens prose-mirror { height: 100%; } .lethalfantasy .gifts-content .path-main .langues prose-mirror { height: 100%; } .lethalfantasy .gifts-content .path-main .description { grid-column: span 3; } .lethalfantasy .gifts-content .path-main .description prose-mirror.inactive { min-height: 40px; } .lethalfantasy .gifts-content .path-main .description prose-mirror.active { min-height: 150px; } .lethalfantasy .gifts-content .path-talents { display: grid; grid-template-columns: repeat(5, 1fr); gap: 10px; } .lethalfantasy .gifts-content .path-talents .talent { background-color: #f0f0f0; padding: 5px; border-radius: 5px; } .lethalfantasy .gifts-content .path-talents .talent .header { display: flex; justify-content: space-between; } .lethalfantasy .gifts-content .path-talents .talent .header .name { font-family: var(--font-secondary); font-size: calc(var(--font-size-standard) * 1.5); padding-left: 20px; } .lethalfantasy .gifts-content .path-talents .talent .header .controls { font-size: calc(var(--font-size-standard) * 0.8); } .lethalfantasy .gifts-content .path-talents .talent .progression { display: flex; justify-content: space-between; padding-top: 10px; } .lethalfantasy .gifts-content .path-talents .talent .description { font-size: calc(var(--font-size-standard) * 1); } .lethalfantasy .weapon-content { font-family: var(--font-primary); font-size: calc(var(--font-size-standard) * 1); color: var(--color-dark-1); background-image: var(--background-image-base); background-repeat: no-repeat; background-size: 100% 100%; } .lethalfantasy .weapon-content input:disabled, .lethalfantasy .weapon-content select:disabled { background-color: rgba(0, 0, 0, 0.2); border-color: transparent; color: var(--color-dark-3); } .lethalfantasy .weapon-content input, .lethalfantasy .weapon-content select { background-color: rgba(0, 0, 0, 0.1); border-color: var(--color-dark-6); color: var(--color-dark-2); } .lethalfantasy .weapon-content input[name="name"] { height: 50px; margin-right: 10px; font-family: var(--font-secondary); font-size: calc(var(--font-size-standard) * 2); font-weight: bold; border: none; } .lethalfantasy .weapon-content fieldset { margin-bottom: 10px; border-radius: 5px; } .lethalfantasy .weapon-content .form-fields input, .lethalfantasy .weapon-content .form-fields select { text-align: center; font-size: calc(var(--font-size-standard) * 1.4); } .lethalfantasy .weapon-content .form-fields select { font-family: var(--font-secondary); font-size: calc(var(--font-size-standard) * 1.4); } .lethalfantasy .weapon-content legend { font-family: var(--font-secondary); font-size: calc(var(--font-size-standard) * 1.6); font-weight: bold; letter-spacing: 1px; } .lethalfantasy .weapon-content .form-fields { padding-top: 5px; } .lethalfantasy .weapon-content label { font-family: var(--font-secondary); font-size: calc(var(--font-size-standard) * 1.6); flex: 50%; } .lethalfantasy .weapon-content .header { display: flex; } .lethalfantasy .weapon-content .header img { width: 50px; height: 50px; } .lethalfantasy .weapon-content label { flex: 10%; } .lethalfantasy .armor-content { font-family: var(--font-primary); font-size: calc(var(--font-size-standard) * 1); color: var(--color-dark-1); background-image: var(--background-image-base); background-repeat: no-repeat; background-size: 100% 100%; } .lethalfantasy .armor-content input:disabled, .lethalfantasy .armor-content select:disabled { background-color: rgba(0, 0, 0, 0.2); border-color: transparent; color: var(--color-dark-3); } .lethalfantasy .armor-content input, .lethalfantasy .armor-content select { background-color: rgba(0, 0, 0, 0.1); border-color: var(--color-dark-6); color: var(--color-dark-2); } .lethalfantasy .armor-content input[name="name"] { height: 50px; margin-right: 10px; font-family: var(--font-secondary); font-size: calc(var(--font-size-standard) * 2); font-weight: bold; border: none; } .lethalfantasy .armor-content fieldset { margin-bottom: 10px; border-radius: 5px; } .lethalfantasy .armor-content .form-fields input, .lethalfantasy .armor-content .form-fields select { text-align: center; font-size: calc(var(--font-size-standard) * 1.4); } .lethalfantasy .armor-content .form-fields select { font-family: var(--font-secondary); font-size: calc(var(--font-size-standard) * 1.4); } .lethalfantasy .armor-content legend { font-family: var(--font-secondary); font-size: calc(var(--font-size-standard) * 1.6); font-weight: bold; letter-spacing: 1px; } .lethalfantasy .armor-content .form-fields { padding-top: 5px; } .lethalfantasy .armor-content label { font-family: var(--font-secondary); font-size: calc(var(--font-size-standard) * 1.6); flex: 50%; } .lethalfantasy .armor-content .header { display: flex; } .lethalfantasy .armor-content .header img { width: 50px; height: 50px; } .lethalfantasy .armor-content label { flex: 10%; } .lethalfantasy .spell-content { font-family: var(--font-primary); font-size: calc(var(--font-size-standard) * 1); color: var(--color-dark-1); background-image: var(--background-image-base); background-repeat: no-repeat; background-size: 100% 100%; } .lethalfantasy .spell-content input:disabled, .lethalfantasy .spell-content select:disabled { background-color: rgba(0, 0, 0, 0.2); border-color: transparent; color: var(--color-dark-3); } .lethalfantasy .spell-content input, .lethalfantasy .spell-content select { background-color: rgba(0, 0, 0, 0.1); border-color: var(--color-dark-6); color: var(--color-dark-2); } .lethalfantasy .spell-content input[name="name"] { height: 50px; margin-right: 10px; font-family: var(--font-secondary); font-size: calc(var(--font-size-standard) * 2); font-weight: bold; border: none; } .lethalfantasy .spell-content fieldset { margin-bottom: 10px; border-radius: 5px; } .lethalfantasy .spell-content .form-fields input, .lethalfantasy .spell-content .form-fields select { text-align: center; font-size: calc(var(--font-size-standard) * 1.4); } .lethalfantasy .spell-content .form-fields select { font-family: var(--font-secondary); font-size: calc(var(--font-size-standard) * 1.4); } .lethalfantasy .spell-content legend { font-family: var(--font-secondary); font-size: calc(var(--font-size-standard) * 1.6); font-weight: bold; letter-spacing: 1px; } .lethalfantasy .spell-content .form-fields { padding-top: 5px; } .lethalfantasy .spell-content label { font-family: var(--font-secondary); font-size: calc(var(--font-size-standard) * 1.6); flex: 50%; } .lethalfantasy .spell-content .header { display: flex; } .lethalfantasy .spell-content .header img { width: 50px; height: 50px; } .lethalfantasy .spell-content label { flex: 10%; } .lethalfantasy .spell-content input[name="system.consequenceA"], .lethalfantasy .spell-content input[name="system.consequenceB"] { font-size: calc(var(--font-size-standard) * 1.2); } .lethalfantasy .vulnerability-content { font-family: var(--font-primary); font-size: calc(var(--font-size-standard) * 1); color: var(--color-dark-1); background-image: var(--background-image-base); background-repeat: no-repeat; background-size: 100% 100%; } .lethalfantasy .vulnerability-content input:disabled, .lethalfantasy .vulnerability-content select:disabled { background-color: rgba(0, 0, 0, 0.2); border-color: transparent; color: var(--color-dark-3); } .lethalfantasy .vulnerability-content input, .lethalfantasy .vulnerability-content select { background-color: rgba(0, 0, 0, 0.1); border-color: var(--color-dark-6); color: var(--color-dark-2); } .lethalfantasy .vulnerability-content input[name="name"] { height: 50px; margin-right: 10px; font-family: var(--font-secondary); font-size: calc(var(--font-size-standard) * 2); font-weight: bold; border: none; } .lethalfantasy .vulnerability-content fieldset { margin-bottom: 10px; border-radius: 5px; } .lethalfantasy .vulnerability-content .form-fields input, .lethalfantasy .vulnerability-content .form-fields select { text-align: center; font-size: calc(var(--font-size-standard) * 1.4); } .lethalfantasy .vulnerability-content .form-fields select { font-family: var(--font-secondary); font-size: calc(var(--font-size-standard) * 1.4); } .lethalfantasy .vulnerability-content legend { font-family: var(--font-secondary); font-size: calc(var(--font-size-standard) * 1.6); font-weight: bold; letter-spacing: 1px; } .lethalfantasy .vulnerability-content .form-fields { padding-top: 5px; } .lethalfantasy .vulnerability-content label { font-family: var(--font-secondary); font-size: calc(var(--font-size-standard) * 1.6); flex: 50%; } .lethalfantasy .vulnerability-content .header { display: flex; } .lethalfantasy .vulnerability-content .header img { width: 50px; height: 50px; } .lethalfantasy .vulnerability-content input[type="checkbox"] { font-size: var(--font-size-14); width: 20px; padding-top: 0; } .lethalfantasy .vulnerability-content input[type="checkbox"]:checked { background-color: rgba(0, 0, 0, 0.1); } .lethalfantasy .vulnerability-content input[type="checkbox"]:checked::after { color: rgba(0, 0, 0, 0.1); } .lethalfantasy .save-content { font-family: var(--font-primary); font-size: calc(var(--font-size-standard) * 1); color: var(--color-dark-1); background-image: var(--background-image-base); background-repeat: no-repeat; background-size: 100% 100%; } .lethalfantasy .save-content input:disabled, .lethalfantasy .save-content select:disabled { background-color: rgba(0, 0, 0, 0.2); border-color: transparent; color: var(--color-dark-3); } .lethalfantasy .save-content input, .lethalfantasy .save-content select { background-color: rgba(0, 0, 0, 0.1); border-color: var(--color-dark-6); color: var(--color-dark-2); } .lethalfantasy .save-content input[name="name"] { height: 50px; margin-right: 10px; font-family: var(--font-secondary); font-size: calc(var(--font-size-standard) * 2); font-weight: bold; border: none; } .lethalfantasy .save-content fieldset { margin-bottom: 10px; border-radius: 5px; } .lethalfantasy .save-content .form-fields input, .lethalfantasy .save-content .form-fields select { text-align: center; font-size: calc(var(--font-size-standard) * 1.4); } .lethalfantasy .save-content .form-fields select { font-family: var(--font-secondary); font-size: calc(var(--font-size-standard) * 1.4); } .lethalfantasy .save-content legend { font-family: var(--font-secondary); font-size: calc(var(--font-size-standard) * 1.6); font-weight: bold; letter-spacing: 1px; } .lethalfantasy .save-content .form-fields { padding-top: 5px; } .lethalfantasy .save-content label { font-family: var(--font-secondary); font-size: calc(var(--font-size-standard) * 1.6); flex: 50%; } .lethalfantasy .save-content .header { display: flex; } .lethalfantasy .save-content .header img { width: 50px; height: 50px; } .lethalfantasy .save-content label { flex: 10%; } .lethalfantasy.fortune img { border: 0px; } .lethalfantasy.fortune .intro-chat { border-radius: 20px; display: flex; flex-direction: row; } .lethalfantasy.fortune .intro-chat .intro-img { padding: 5px; width: 80px; align-self: center; } .lethalfantasy.fortune .intro-chat .intro-right { display: flex; flex-direction: column; } .lethalfantasy.fortune .intro-chat .intro-right .introText { font-family: var(--font-secondary); font-size: calc(var(--font-size-standard) * 1.2); width: 210px; text-align: center; } .lethalfantasy.fortune .button.control, .lethalfantasy.fortune .fortune-accepted { display: flex; justify-content: center; align-items: center; font-size: calc(var(--font-size-standard) * 1.3); } .lethalfantasy.ask-roll { display: flex; flex-direction: column; align-items: center; justify-content: center; font-family: var(--font-secondary); font-size: calc(var(--font-size-standard) * 1.2); } .application.dialog.lethalfantasy { color: var(--color-dark-1); } .application.dialog.lethalfantasy input, .application.dialog.lethalfantasy select { background-color: rgba(0, 0, 0, 0.1); border-color: var(--color-dark-6); color: var(--color-dark-2); } .lethalfantasy-roll-dialog fieldset { padding: 10px; } input[name="selectAvantages"] { border: none; } .dialog-aide-gene { display: flex; justify-content: center; align-items: center; } .dialog-aide-gene select { border: none; background-color: rgba(0, 0, 0, 0.1); color: var(--color-dark-2); width: 60px; text-align: center; } .dialog-modificateur { display: flex; justify-content: center; align-items: center; } .dialog-modificateur select { border: none; background-color: rgba(0, 0, 0, 0.1); color: var(--color-dark-2); width: 60px; text-align: center; } .dialog-avantages #selectAvantages { background-color: inherit; text-align: center; font-family: var(--font-secondary); font-size: calc(var(--font-size-standard) * 1.2); } .dialog-damage, .dialog-resource, .dialog-save { display: flex; justify-content: center; align-items: center; font-family: var(--font-secondary); font-size: calc(var(--font-size-standard) * 2); color: var(--color-dark-1); } .dice-roll { flex-direction: column; } .dice-roll .dice-total, .dice-roll .dice-formula { padding-top: 5px; } .dice-roll .dice-total { margin-bottom: 5px; } .dice-roll .message-header { font-family: var(--font-primary); } .dice-roll img { border: 0px; } .dice-roll .intro-chat { border-radius: 20px; display: flex; flex-direction: row; } .dice-roll .intro-chat .intro-img { padding: 5px; width: 80px; align-self: center; } .dice-roll .intro-chat .intro-right { display: flex; flex-direction: column; } .dice-roll .intro-chat .intro-right .introText { font-family: var(--font-secondary); font-size: calc(var(--font-size-standard) * 1.2); width: 210px; margin-left: 20px; } .dice-roll .result { display: flex; flex-direction: column; justify-content: center; align-items: center; font-size: calc(var(--font-size-standard) * 1.2); text-shadow: 0 0 10px var(--color-shadow-primary); } #lethalfantasy-application-manager { display: flex; font-family: var(--font-primary); font-size: calc(var(--font-size-standard) * 1); color: var(--color-dark-1); background-image: var(--background-image-base); background-repeat: no-repeat; background-size: 100% 100%; } #lethalfantasy-application-manager .lethalfantasy-table { margin: 1rem; background: none; padding: 0; margin: 0; text-align: center; } #lethalfantasy-application-manager .lethalfantasy-table .player { font-size: calc(var(--font-size-standard) * 1); }