@font-face { font-family: "TimesNewRoman"; src: url("../assets/fonts/times-new-roman-regular.ttf") format("truetype"); } @font-face { font-family: "BaskervilleBold"; src: url("../fonts/baskerville-bold.ttf") format("truetype"); } :root { --font-primary: "TimesNewRoman", serif; --font-size-standard: 0.9rem; --background-image-base: url("../assets/ui/lethal_fantasy_background.webp"); --font-secondary: "BaskervilleBold", serif; --logo-standard: url("../assets/ui/lf_logo_small_02.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); 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.2); } .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); flex: 50%; } .lethalfantasy .item-sheet-common .align-top { align-self: flex-start; padding: 0.1rem; margin-right: 0.2rem; /*border-color: black; border-width: 1px; border-style: solid; border-radius: 2%;*/ } .lethalfantasy .item-sheet-common .shift-right { margin-left: 2rem; } .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) * 1); font-weight: bold; border: none; } .lethalfantasy .character-content fieldset { margin-bottom: 5px; 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); } .lethalfantasy .character-content .form-fields select { font-family: var(--font-secondary); font-size: calc(var(--font-size-standard) * 1); } .lethalfantasy .character-content legend { font-family: var(--font-secondary); font-size: calc(var(--font-size-standard) * 1.2); font-weight: bold; letter-spacing: 1px; } .lethalfantasy .character-content label { font-family: var(--font-secondary); font-size: calc(var(--font-size-standard) * 1.2); } .lethalfantasy .character-main { display: flex; } .lethalfantasy .character-main .character-pc { display: flex; gap: 10px; flex: 1; } .lethalfantasy .character-main .character-pc .character-left { min-width: 180px; display: flex; flex-direction: column; } .lethalfantasy .character-main .character-pc .character-left .character-left-image { display: flex; justify-content: center; align-items: center; padding-bottom: 20px; } .lethalfantasy .character-main .character-pc .character-left .character-left-image .character-img { height: 140px; width: auto; border: none; } .lethalfantasy .character-main .character-pc .character-left .character-hp-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-pc .character-right { display: flex; flex-direction: column; gap: 5px; } .lethalfantasy .character-main .character-pc .character-right .character-name { display: flex; } .lethalfantasy .character-main .character-pc .character-right .character-name input { width: 400px; } .lethalfantasy .character-main .character-pc .character-right .character-infos { display: flex; flex-direction: column; gap: 10px; } .lethalfantasy .character-main .character-pc .character-right .character-infos label { min-width: 120px; } .lethalfantasy .character-main .character-pc .character-right .character-infos .character-hp { display: flex; gap: 2px; align-items: center; } .lethalfantasy .character-main .character-pc .character-right .character-infos .character-hp .character-hp-value .form-fields input { flex: none; width: 50px; margin-left: 10px; font-size: calc(var(--font-size-standard) * 1.4); } .lethalfantasy .character-main .character-pc .character-right .character-infos .character-hp .character-hp-max { clear: both; display: flex; flex-direction: row; flex-wrap: wrap; margin: 3px 0; align-items: center; } .lethalfantasy .character-main .character-pc .character-right .character-infos .character-hp .character-hp-max input { width: 50px; text-align: center; font-size: calc(var(--font-size-standard) * 1.4); } .lethalfantasy .character-main .character-pc .character-right .character-infos .character-hp .hp-separator { font-size: calc(var(--font-size-standard) * 1.2); display: flex; align-items: center; justify-content: center; } .lethalfantasy .character-main .character-pc-play { min-width: 500px; } .lethalfantasy .character-main .character-pc-edit { min-width: 650px; } .lethalfantasy .character-main .character-characteristics { display: flex; flex-direction: column; gap: 5px; flex: 1; } .lethalfantasy .character-main .character-characteristics .character-characteristic { display: flex; align-items: center; } .lethalfantasy .character-main .character-characteristics .character-characteristic .rollable:hover, .lethalfantasy .character-main .character-characteristics .character-characteristic .rollable:focus { text-shadow: 0 0 8px var(--color-shadow-primary); cursor: pointer; } .lethalfantasy .character-main .character-characteristics .character-characteristic .form-group { flex: 1; padding-left: 5px; } .lethalfantasy .character-main .character-characteristics .character-characteristic .form-group .form-fields { flex: none; width: 70px; } .lethalfantasy .character-main .character-challenges { display: flex; flex-direction: column; gap: 5px; flex: 1; } .lethalfantasy .character-main .character-challenges .character-challenge { display: flex; align-items: center; margin-right: 1rem; } .lethalfantasy .character-main .character-challenges .character-challenge .rollable:hover, .lethalfantasy .character-main .character-challenges .character-challenge .rollable:focus { text-shadow: 0 0 8px var(--color-shadow-primary); cursor: pointer; } .lethalfantasy .character-main .character-challenges .character-challenge .name { flex: 1; min-width: 3rem; margin-left: 0.5rem; } .lethalfantasy .character-main .character-challenges .character-challenge .form-group { flex: 1; padding-left: 5px; } .lethalfantasy .character-main .character-challenges .character-challenge .form-group .form-fields { flex: none; width: 50px; } .lethalfantasy .character-main .character-movements { display: flex; flex-direction: column; gap: 5px; flex: 1; } .lethalfantasy .character-main .character-movements .character-movement { display: flex; align-items: center; margin-right: 1rem; } .lethalfantasy .character-main .character-movements .character-movement .rollable:hover, .lethalfantasy .character-main .character-movements .character-movement .rollable:focus { text-shadow: 0 0 8px var(--color-shadow-primary); cursor: pointer; } .lethalfantasy .character-main .character-movements .character-movement .name { flex: 1; min-width: 3rem; margin-left: 0.5rem; } .lethalfantasy .character-main .character-movements .character-movement .form-group { flex: 1; padding-left: 5px; } .lethalfantasy .character-main .character-movements .character-movement .form-group .form-fields { flex: none; width: 50px; } .lethalfantasy .character-main .character-saves { display: flex; flex-direction: column; gap: 5px; flex: 1; } .lethalfantasy .character-main .character-saves .character-save { display: flex; align-items: center; margin-right: 1rem; } .lethalfantasy .character-main .character-saves .character-save .rollable:hover, .lethalfantasy .character-main .character-saves .character-save .rollable:focus { text-shadow: 0 0 8px var(--color-shadow-primary); cursor: pointer; } .lethalfantasy .character-main .character-saves .character-save .name { flex: 1; min-width: 3rem; margin-left: 0.5rem; } .lethalfantasy .character-main .character-saves .character-save .form-group { flex: 1; padding-left: 5px; } .lethalfantasy .character-main .character-saves .character-save .form-group .form-fields { flex: none; width: 50px; } .lethalfantasy .character-main .character-characteristics-play { min-width: 225px; } .lethalfantasy .character-main .character-characteristic-edit { min-width: 400px; } .lethalfantasy .character-main .character-resources { display: flex; flex-direction: column; gap: 5px; flex: 1; } .lethalfantasy .character-main .character-resources .character-resource { display: flex; align-items: center; } .lethalfantasy .character-main .character-resources .character-resource .rollable:hover, .lethalfantasy .character-main .character-resources .character-resource .rollable:focus { text-shadow: 0 0 8px var(--color-shadow-primary); cursor: pointer; } .lethalfantasy .character-main .character-resources .character-resource .form-group { flex: 1; padding-left: 5px; } .lethalfantasy .character-main .character-resources .character-resource .form-group .form-fields { flex: none; width: 70px; } .lethalfantasy .character-main .character-resources .character-resource .character-resource-edit { display: flex; align-items: center; gap: 10px; margin-left: 10px; } .lethalfantasy .character-main .character-resources .character-resource .character-resource-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-resources .character-resource .character-resource-edit input[type="number"] { text-align: center; } .lethalfantasy .character-main .character-resources .character-resource .character-resource-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-resources-play { min-width: 235px; } .lethalfantasy .character-main .character-resources-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-skills { display: grid; grid-template-columns: 1fr; } .lethalfantasy .tab.character-skills legend a { font-size: calc(var(--font-size-standard) * 1); padding-left: 5px; } .lethalfantasy .tab.character-skills .skills { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; } .lethalfantasy .tab.character-skills .skills .skill { display: flex; align-items: center; gap: 10px; } .lethalfantasy .tab.character-skills .skills .skill .item-img { width: 50px; height: 50px; } .lethalfantasy .tab.character-skills .skills .skill .name { min-width: 12rem; } .lethalfantasy .tab.character-skills .gifts { display: grid; grid-template-columns: repeat(5, 1fr); gap: 10px; } .lethalfantasy .tab.character-skills .gifts .gift { display: flex; align-items: center; gap: 10px; } .lethalfantasy .tab.character-skills .gifts .gift .item-img { width: 50px; height: 50px; } .lethalfantasy .tab.character-skills .vulnerabilities { display: grid; grid-template-columns: repeat(5, 1fr); gap: 10px; } .lethalfantasy .tab.character-skills .vulnerabilities .vulnerability { display: flex; align-items: center; gap: 10px; } .lethalfantasy .tab.character-skills .vulnerabilities .vulnerability .item-img { width: 50px; height: 50px; } .lethalfantasy .tab.character-weapons { display: grid; grid-template-columns: 1fr; } .lethalfantasy .tab.character-weapons legend a { font-size: calc(var(--font-size-standard) * 1.4); padding-left: 5px; } .lethalfantasy .tab.character-weapons .weapons { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; } .lethalfantasy .tab.character-weapons .weapons .weapon { display: flex; align-items: center; gap: 10px; } .lethalfantasy .tab.character-weapons .weapons .weapon .item-img { width: 50px; height: 50px; margin: 5px 0 0 0; } .lethalfantasy .tab.character-weapons .armors { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; } .lethalfantasy .tab.character-weapons .armors .armor { display: flex; align-items: center; gap: 10px; } .lethalfantasy .tab.character-weapons .armors .armor .item-img { width: 50px; height: 50px; margin: 5px 0 0 0; } .lethalfantasy .tab.character-spells { display: grid; grid-template-columns: 1fr; } .lethalfantasy .tab.character-spells legend a { font-size: calc(var(--font-size-standard) * 1.4); padding-left: 5px; } .lethalfantasy .tab.character-spells .spells { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; } .lethalfantasy .tab.character-spells .spells .spell { display: flex; gap: 10px; } .lethalfantasy .tab.character-spells .appris { font-weight: bold; } .lethalfantasy .tab.character-spells prose-mirror.inactive { min-height: 40px; } .lethalfantasy .tab.character-spells 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) * 1); font-weight: bold; border: none; } .lethalfantasy .opponent-content fieldset { margin-bottom: 5px; 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); } .lethalfantasy .opponent-content .form-fields select { font-family: var(--font-secondary); font-size: calc(var(--font-size-standard) * 1); } .lethalfantasy .opponent-content legend { font-family: var(--font-secondary); font-size: calc(var(--font-size-standard) * 1.2); 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) * 1); font-weight: bold; border: none; } .lethalfantasy .skill-content fieldset { margin-bottom: 5px; 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); } .lethalfantasy .skill-content .form-fields select { font-family: var(--font-secondary); font-size: calc(var(--font-size-standard) * 1); } .lethalfantasy .skill-content legend { font-family: var(--font-secondary); font-size: calc(var(--font-size-standard) * 1.2); 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); flex: 50%; } .lethalfantasy .skill-content .align-top { align-self: flex-start; padding: 0.1rem; margin-right: 0.2rem; /*border-color: black; border-width: 1px; border-style: solid; border-radius: 2%;*/ } .lethalfantasy .skill-content .shift-right { margin-left: 2rem; } .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 .gift-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 .gift-content input:disabled, .lethalfantasy .gift-content select:disabled { background-color: rgba(0, 0, 0, 0.2); border-color: transparent; color: var(--color-dark-3); } .lethalfantasy .gift-content input, .lethalfantasy .gift-content select { background-color: rgba(0, 0, 0, 0.1); border-color: var(--color-dark-6); color: var(--color-dark-2); } .lethalfantasy .gift-content input[name="name"] { height: 50px; margin-right: 10px; font-family: var(--font-secondary); font-size: calc(var(--font-size-standard) * 1); font-weight: bold; border: none; } .lethalfantasy .gift-content fieldset { margin-bottom: 5px; border-radius: 5px; } .lethalfantasy .gift-content .form-fields input, .lethalfantasy .gift-content .form-fields select { text-align: center; font-size: calc(var(--font-size-standard) * 1); } .lethalfantasy .gift-content .form-fields select { font-family: var(--font-secondary); font-size: calc(var(--font-size-standard) * 1); } .lethalfantasy .gift-content legend { font-family: var(--font-secondary); font-size: calc(var(--font-size-standard) * 1.2); font-weight: bold; letter-spacing: 1px; } .lethalfantasy .gift-content .form-fields { padding-top: 5px; } .lethalfantasy .gift-content label { font-family: var(--font-secondary); font-size: calc(var(--font-size-standard) * 1); flex: 50%; } .lethalfantasy .gift-content .align-top { align-self: flex-start; padding: 0.1rem; margin-right: 0.2rem; /*border-color: black; border-width: 1px; border-style: solid; border-radius: 2%;*/ } .lethalfantasy .gift-content .shift-right { margin-left: 2rem; } .lethalfantasy .gift-content .header { display: flex; } .lethalfantasy .gift-content .header img { width: 50px; height: 50px; } .lethalfantasy .gift-content input[type="checkbox"] { font-size: var(--font-size-14); width: 20px; padding-top: 0; } .lethalfantasy .gift-content input[type="checkbox"]:checked { background-color: rgba(0, 0, 0, 0.1); } .lethalfantasy .gift-content input[type="checkbox"]:checked::after { color: rgba(0, 0, 0, 0.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) * 1); font-weight: bold; border: none; } .lethalfantasy .weapon-content fieldset { margin-bottom: 5px; 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); } .lethalfantasy .weapon-content .form-fields select { font-family: var(--font-secondary); font-size: calc(var(--font-size-standard) * 1); } .lethalfantasy .weapon-content legend { font-family: var(--font-secondary); font-size: calc(var(--font-size-standard) * 1.2); 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); flex: 50%; } .lethalfantasy .weapon-content .align-top { align-self: flex-start; padding: 0.1rem; margin-right: 0.2rem; /*border-color: black; border-width: 1px; border-style: solid; border-radius: 2%;*/ } .lethalfantasy .weapon-content .shift-right { margin-left: 2rem; } .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) * 1); font-weight: bold; border: none; } .lethalfantasy .armor-content fieldset { margin-bottom: 5px; 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); } .lethalfantasy .armor-content .form-fields select { font-family: var(--font-secondary); font-size: calc(var(--font-size-standard) * 1); } .lethalfantasy .armor-content legend { font-family: var(--font-secondary); font-size: calc(var(--font-size-standard) * 1.2); 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); flex: 50%; } .lethalfantasy .armor-content .align-top { align-self: flex-start; padding: 0.1rem; margin-right: 0.2rem; /*border-color: black; border-width: 1px; border-style: solid; border-radius: 2%;*/ } .lethalfantasy .armor-content .shift-right { margin-left: 2rem; } .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) * 1); font-weight: bold; border: none; } .lethalfantasy .spell-content fieldset { margin-bottom: 5px; 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); } .lethalfantasy .spell-content .form-fields select { font-family: var(--font-secondary); font-size: calc(var(--font-size-standard) * 1); } .lethalfantasy .spell-content legend { font-family: var(--font-secondary); font-size: calc(var(--font-size-standard) * 1.2); 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); flex: 50%; } .lethalfantasy .spell-content .align-top { align-self: flex-start; padding: 0.1rem; margin-right: 0.2rem; /*border-color: black; border-width: 1px; border-style: solid; border-radius: 2%;*/ } .lethalfantasy .spell-content .shift-right { margin-left: 2rem; } .lethalfantasy .spell-content .header { display: flex; } .lethalfantasy .spell-content .header img { width: 50px; height: 50px; } .lethalfantasy .spell-content label { flex: 10%; } .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) * 1); font-weight: bold; border: none; } .lethalfantasy .vulnerability-content fieldset { margin-bottom: 5px; 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); } .lethalfantasy .vulnerability-content .form-fields select { font-family: var(--font-secondary); font-size: calc(var(--font-size-standard) * 1); } .lethalfantasy .vulnerability-content legend { font-family: var(--font-secondary); font-size: calc(var(--font-size-standard) * 1.2); 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); flex: 50%; } .lethalfantasy .vulnerability-content .align-top { align-self: flex-start; padding: 0.1rem; margin-right: 0.2rem; /*border-color: black; border-width: 1px; border-style: solid; border-radius: 2%;*/ } .lethalfantasy .vulnerability-content .shift-right { margin-left: 2rem; } .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.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); } .lethalfantasy .equipment-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 .equipment-content input:disabled, .lethalfantasy .equipment-content select:disabled { background-color: rgba(0, 0, 0, 0.2); border-color: transparent; color: var(--color-dark-3); } .lethalfantasy .equipment-content input, .lethalfantasy .equipment-content select { background-color: rgba(0, 0, 0, 0.1); border-color: var(--color-dark-6); color: var(--color-dark-2); } .lethalfantasy .equipment-content input[name="name"] { height: 50px; margin-right: 10px; font-family: var(--font-secondary); font-size: calc(var(--font-size-standard) * 1); font-weight: bold; border: none; } .lethalfantasy .equipment-content fieldset { margin-bottom: 5px; border-radius: 5px; } .lethalfantasy .equipment-content .form-fields input, .lethalfantasy .equipment-content .form-fields select { text-align: center; font-size: calc(var(--font-size-standard) * 1); } .lethalfantasy .equipment-content .form-fields select { font-family: var(--font-secondary); font-size: calc(var(--font-size-standard) * 1); } .lethalfantasy .equipment-content legend { font-family: var(--font-secondary); font-size: calc(var(--font-size-standard) * 1.2); font-weight: bold; letter-spacing: 1px; } .lethalfantasy .equipment-content .form-fields { padding-top: 5px; } .lethalfantasy .equipment-content label { font-family: var(--font-secondary); font-size: calc(var(--font-size-standard) * 1); flex: 50%; } .lethalfantasy .equipment-content .align-top { align-self: flex-start; padding: 0.1rem; margin-right: 0.2rem; /*border-color: black; border-width: 1px; border-style: solid; border-radius: 2%;*/ } .lethalfantasy .equipment-content .shift-right { margin-left: 2rem; } .lethalfantasy .equipment-content .header { display: flex; } .lethalfantasy .equipment-content .header img { width: 50px; height: 50px; } .lethalfantasy .equipment-content label { flex: 10%; } .lethalfantasy .shield-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 .shield-content input:disabled, .lethalfantasy .shield-content select:disabled { background-color: rgba(0, 0, 0, 0.2); border-color: transparent; color: var(--color-dark-3); } .lethalfantasy .shield-content input, .lethalfantasy .shield-content select { background-color: rgba(0, 0, 0, 0.1); border-color: var(--color-dark-6); color: var(--color-dark-2); } .lethalfantasy .shield-content input[name="name"] { height: 50px; margin-right: 10px; font-family: var(--font-secondary); font-size: calc(var(--font-size-standard) * 1); font-weight: bold; border: none; } .lethalfantasy .shield-content fieldset { margin-bottom: 5px; border-radius: 5px; } .lethalfantasy .shield-content .form-fields input, .lethalfantasy .shield-content .form-fields select { text-align: center; font-size: calc(var(--font-size-standard) * 1); } .lethalfantasy .shield-content .form-fields select { font-family: var(--font-secondary); font-size: calc(var(--font-size-standard) * 1); } .lethalfantasy .shield-content legend { font-family: var(--font-secondary); font-size: calc(var(--font-size-standard) * 1.2); font-weight: bold; letter-spacing: 1px; } .lethalfantasy .shield-content .form-fields { padding-top: 5px; } .lethalfantasy .shield-content label { font-family: var(--font-secondary); font-size: calc(var(--font-size-standard) * 1); flex: 50%; } .lethalfantasy .shield-content .align-top { align-self: flex-start; padding: 0.1rem; margin-right: 0.2rem; /*border-color: black; border-width: 1px; border-style: solid; border-radius: 2%;*/ } .lethalfantasy .shield-content .shift-right { margin-left: 2rem; } .lethalfantasy .shield-content .header { display: flex; } .lethalfantasy .shield-content .header img { width: 50px; height: 50px; } .lethalfantasy .shield-content label { flex: 10%; } .lethalfantasy .miracle-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 .miracle-content input:disabled, .lethalfantasy .miracle-content select:disabled { background-color: rgba(0, 0, 0, 0.2); border-color: transparent; color: var(--color-dark-3); } .lethalfantasy .miracle-content input, .lethalfantasy .miracle-content select { background-color: rgba(0, 0, 0, 0.1); border-color: var(--color-dark-6); color: var(--color-dark-2); } .lethalfantasy .miracle-content input[name="name"] { height: 50px; margin-right: 10px; font-family: var(--font-secondary); font-size: calc(var(--font-size-standard) * 1); font-weight: bold; border: none; } .lethalfantasy .miracle-content fieldset { margin-bottom: 5px; border-radius: 5px; } .lethalfantasy .miracle-content .form-fields input, .lethalfantasy .miracle-content .form-fields select { text-align: center; font-size: calc(var(--font-size-standard) * 1); } .lethalfantasy .miracle-content .form-fields select { font-family: var(--font-secondary); font-size: calc(var(--font-size-standard) * 1); } .lethalfantasy .miracle-content legend { font-family: var(--font-secondary); font-size: calc(var(--font-size-standard) * 1.2); font-weight: bold; letter-spacing: 1px; } .lethalfantasy .miracle-content .form-fields { padding-top: 5px; } .lethalfantasy .miracle-content label { font-family: var(--font-secondary); font-size: calc(var(--font-size-standard) * 1); flex: 50%; } .lethalfantasy .miracle-content .align-top { align-self: flex-start; padding: 0.1rem; margin-right: 0.2rem; /*border-color: black; border-width: 1px; border-style: solid; border-radius: 2%;*/ } .lethalfantasy .miracle-content .shift-right { margin-left: 2rem; } .lethalfantasy .miracle-content .header { display: flex; } .lethalfantasy .miracle-content .header img { width: 50px; height: 50px; } .lethalfantasy .miracle-content label { flex: 10%; } .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; } .dialog-modifier { display: flex; justify-content: center; align-items: center; } .dialog-modifier select { border: none; background-color: rgba(0, 0, 0, 0.1); color: var(--color-dark-2); width: 60px; text-align: center; } .dialog-damage, .dialog-resource, .dialog-challenge, .dialog-save { display: flex; justify-content: center; align-items: center; font-family: var(--font-secondary); font-size: calc(var(--font-size-standard) * 1.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); 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); 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); }