@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.8rem; --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%; } .combat-sidebar li.combatant .token-initiative .initiative { margin-right: 16px; } .combat-sidebar li.combatant .token-initiative { flex: none; } .initiative-minus { margin-right: 8px; } .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: 4px; } .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 { height: 1.5rem; 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: 2.5rem; margin-right: 4px; font-family: var(--font-secondary); font-size: calc(var(--font-size-standard) * 1.2); font-weight: bold; border: none; } .lethalfantasy .character-content fieldset { margin-bottom: 4px; border-radius: 4px; } .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: 200px; max-width: 200px; 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: 8px; } .lethalfantasy .character-main .character-pc .character-left .character-left-image .character-img { height: 140px; width: 140px; width: auto; border: none; } .lethalfantasy .character-main .character-pc .character-left .character-hp { display: flex; gap: 4px; align-items: center; margin-bottom: 4px; } .lethalfantasy .character-main .character-pc .character-left .character-hp .name { flex: none; min-width: 2.5rem; max-width: 2.5rem; } .lethalfantasy .character-main .character-pc .character-left .character-hp input { flex: none; min-width: 2.2rem; max-width: 2.2rem; margin-left: 4px; font-size: calc(var(--font-size-standard) * 1); } .lethalfantasy .character-main .character-pc .character-left .character-hp .character-hp-max { clear: both; display: flex; flex-direction: row; flex-wrap: wrap; margin: 4px 0; align-items: center; } .lethalfantasy .character-main .character-pc .character-left .character-hp .character-hp-max input { width: 3.2rem; text-align: center; font-size: calc(var(--font-size-standard) * 1); } .lethalfantasy .character-main .character-pc .character-right { display: flex; flex-direction: column; gap: 4px; } .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-play { min-width: 320px; } .lethalfantasy .character-main .character-pc-edit { min-width: 320px; } .lethalfantasy .character-main .character-characteristics { display: flex; flex-direction: column; gap: 4px; } .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: 4px; } .lethalfantasy .character-main .character-characteristics .character-characteristic .form-group .form-fields { flex: none; width: 3rem; } .lethalfantasy .character-main .character-challenges { display: flex; flex-direction: column; gap: 4px; flex: 1; } .lethalfantasy .character-main .character-challenges .character-challenge { display: flex; align-items: center; margin-right: 0.5rem; } .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: 4px; } .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: 4px; flex: 1; } .lethalfantasy .character-main .character-movements .character-movement { display: flex; align-items: center; margin-right: 0.5rem; } .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: 4px; } .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: 4px; flex: 1; } .lethalfantasy .character-main .character-saves .character-save { display: flex; align-items: center; margin-right: 0.5rem; } .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: 0; min-width: 5rem; max-width: 5rem; margin-left: 0.5rem; } .lethalfantasy .character-main .character-saves .character-save .name-pain { flex: 0; min-width: 3rem; max-width: 3rem; margin-left: 0.5rem; } .lethalfantasy .character-main .character-saves .character-save .form-group { flex: 0; padding-left: 4px; } .lethalfantasy .character-main .character-saves .character-save .form-group .form-fields { flex: none; width: 50px; } .lethalfantasy .character-main .character-characteristics-play { min-width: 160px; } .lethalfantasy .character-main .character-characteristic-edit { min-width: 160px; } .lethalfantasy .tab.character-biography .biodata { display: grid; grid-template-columns: repeat(4, 1fr); gap: 4px; } .lethalfantasy .tab.character-biography .biodata .biodata-elem { display: flex; align-items: center; gap: 4px; } .lethalfantasy .tab.character-biography .biodata .biodata-elem .item-img { width: 24px; height: 24px; margin: 4px 0 0 0; } .lethalfantasy .tab.character-biography .biodata .biodata-elem .name { min-width: 8rem; } .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: 4px; } .lethalfantasy .tab.character-skills .skills { display: grid; grid-template-columns: repeat(3, 1fr); gap: 4px; } .lethalfantasy .tab.character-skills .skills .skill { display: flex; align-items: center; gap: 4px; } .lethalfantasy .tab.character-skills .skills .skill .item-img { width: 24px; height: 24px; } .lethalfantasy .tab.character-skills .skills .skill .name { min-width: 12rem; } .lethalfantasy .tab.character-skills .gifts { display: grid; grid-template-columns: repeat(3, 1fr); gap: 4px; } .lethalfantasy .tab.character-skills .gifts .gift { display: flex; align-items: center; gap: 4px; } .lethalfantasy .tab.character-skills .gifts .gift .item-img { width: 24px; height: 24px; } .lethalfantasy .tab.character-skills .gifts .gift .name { min-width: 12rem; } .lethalfantasy .tab.character-skills .vulnerabilities { display: grid; grid-template-columns: repeat(3, 1fr); gap: 4px; } .lethalfantasy .tab.character-skills .vulnerabilities .vulnerability { display: flex; align-items: center; gap: 4px; } .lethalfantasy .tab.character-skills .vulnerabilities .vulnerability .item-img { width: 24px; height: 24px; } .lethalfantasy .tab.character-skills .vulnerabilities .vulnerability .name { min-width: 12rem; } .lethalfantasy .tab.character-equipment { display: grid; grid-template-columns: 1fr; } .lethalfantasy .tab.character-equipment legend a { font-size: calc(var(--font-size-standard) * 1.4); padding-left: 4px; } .lethalfantasy .tab.character-equipment .moneys { display: grid; grid-template-columns: repeat(5, 1fr); gap: 4px; } .lethalfantasy .tab.character-equipment .equipments { display: grid; grid-template-columns: repeat(3, 1fr); gap: 4px; } .lethalfantasy .tab.character-equipment .equipments .equipment { display: flex; align-items: center; gap: 4px; } .lethalfantasy .tab.character-equipment .equipments .equipment .item-img { width: 24px; height: 24px; margin: 4px 0 0 0; } .lethalfantasy .tab.character-equipment .equipments .equipment .name { min-width: 12rem; } .lethalfantasy .tab.character-equipment .equipments .name { min-width: 12rem; } .lethalfantasy .tab.character-combat { display: grid; grid-template-columns: 1fr; } .lethalfantasy .tab.character-combat legend a { font-size: calc(var(--font-size-standard) * 1.4); padding-left: 4px; } .lethalfantasy .tab.character-combat .combat-details { display: grid; grid-template-columns: repeat(2, 1fr); gap: 4px; } .lethalfantasy .tab.character-combat .combat-details .combat-detail { display: flex; align-items: center; gap: 4px; } .lethalfantasy .tab.character-combat .combat-details .combat-detail .input { min-width: 2.5rem; max-width: 2.5rem; } .lethalfantasy .tab.character-combat .combat-details .combat-detail button { min-width: 9rem; } .lethalfantasy .tab.character-combat .combat-details .combat-detail .armor-hp { margin-right: 4px; min-width: 10rem; max-width: 10rem; } .lethalfantasy .tab.character-combat .combat-details .combat-detail .armor-hp .name { min-width: 6rem; max-width: 6rem; } .lethalfantasy .tab.character-combat .combat-details .combat-detail .armor-hp .input { min-width: 2.5rem; max-width: 2.5rem; } .lethalfantasy .tab.character-combat .combat-details .combat-detail .granted { min-width: 8rem; max-width: 8rem; } .lethalfantasy .tab.character-combat .combat-details .combat-detail .granted .input { min-width: 2.5rem; max-width: 2.5rem; } .lethalfantasy .tab.character-combat .wounds { display: grid; grid-template-columns: repeat(2, 1fr); gap: 4px; } .lethalfantasy .tab.character-combat .wounds .wound { display: flex; align-items: center; gap: 4px; } .lethalfantasy .tab.character-combat .wounds .wound .wound-description { min-width: 14rem; max-width: 14rem; } .lethalfantasy .tab.character-combat .wounds .wound .wound-duration { min-width: 3rem; max-width: 3rem; } .lethalfantasy .tab.character-combat .wounds .wound .wound-value { min-width: 3rem; max-width: 3rem; } .lethalfantasy .tab.character-combat .wounds .wound .item-img { width: 24px; height: 24px; margin: 4px 0 0 0; } .lethalfantasy .tab.character-combat .wounds .wound .name { min-width: 12rem; } .lethalfantasy .tab.character-combat .weapons { display: grid; grid-template-columns: repeat(2, 1fr); gap: 4px; } .lethalfantasy .tab.character-combat .weapons .weapon { display: flex; align-items: center; gap: 4px; } .lethalfantasy .tab.character-combat .weapons .weapon .item-img { width: 24px; height: 24px; margin: 4px 0 0 0; } .lethalfantasy .tab.character-combat .weapons .weapon .name { min-width: 12rem; } .lethalfantasy .tab.character-combat .weapons .weapon .attack-icons a { margin-left: 8px; margin-right: 8px; } .lethalfantasy .tab.character-combat .armors { display: grid; grid-template-columns: repeat(2, 1fr); gap: 4px; } .lethalfantasy .tab.character-combat .armors .armor { display: flex; align-items: center; gap: 4px; } .lethalfantasy .tab.character-combat .armors .armor .item-img { width: 24px; height: 24px; margin: 4px 0 0 0; } .lethalfantasy .tab.character-combat .armors .name { min-width: 12rem; } .lethalfantasy .tab.character-combat .armors .item-detail { min-width: 2rem; } .lethalfantasy .tab.character-combat .shields { display: grid; grid-template-columns: repeat(2, 1fr); gap: 4px; min-width: 20rem; } .lethalfantasy .tab.character-combat .shields .shield { display: flex; align-items: center; gap: 4px; } .lethalfantasy .tab.character-combat .shields .shield .item-img { width: 24px; height: 24px; margin: 4px 0 0 0; } .lethalfantasy .tab.character-combat .shields .item-detail { min-width: 2.5rem; } .lethalfantasy .tab.character-combat .shields .name { min-width: 12rem; } .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: 4px; } .lethalfantasy .tab.character-spells .spell-details { display: grid; grid-template-columns: repeat(2, 1fr); gap: 4px; } .lethalfantasy .tab.character-spells .spell-details .spell-detail { display: flex; align-items: center; gap: 4px; } .lethalfantasy .tab.character-spells .spell-details .spell-detail button { min-width: 10rem; } .lethalfantasy .tab.character-spells .spell-details .spell-detail .armor-hp { min-width: 12rem; max-width: 12rem; } .lethalfantasy .tab.character-spells .spell-details .spell-detail .armor-hp .input { flex: 0; min-width: 3rem; max-width: 3rem; } .lethalfantasy .tab.character-spells .spells { display: grid; grid-template-columns: repeat(2, 1fr); gap: 4px; min-width: 18rem; } .lethalfantasy .tab.character-spells .spells .spell { display: flex; align-items: center; gap: 4px; } .lethalfantasy .tab.character-spells .spells .spell .item-img { width: 24px; height: 24px; } .lethalfantasy .tab.character-spells .spells .spell .name { min-width: 12rem; } .lethalfantasy .tab.character-spells prose-mirror.inactive { min-height: 40px; } .lethalfantasy .tab.character-spells prose-mirror.active { min-height: 150px; } .lethalfantasy .tab.character-miracles { display: grid; grid-template-columns: 1fr; } .lethalfantasy .tab.character-miracles legend a { font-size: calc(var(--font-size-standard) * 1.4); padding-left: 4px; } .lethalfantasy .tab.character-miracles .miracle-details { display: grid; grid-template-columns: repeat(2, 1fr); gap: 4px; } .lethalfantasy .tab.character-miracles .miracle-details .miracle-detail { display: flex; align-items: center; gap: 4px; } .lethalfantasy .tab.character-miracles .miracle-details .miracle-detail button { min-width: 10rem; } .lethalfantasy .tab.character-miracles .miracle-details .miracle-detail .armor-hp { min-width: 20rem; max-width: 20rem; } .lethalfantasy .tab.character-miracles .miracle-details .miracle-detail .armor-hp .input { min-width: 3rem; max-width: 3rem; } .lethalfantasy .tab.character-miracles .miracles { display: grid; grid-template-columns: repeat(2, 1fr); gap: 4px; min-width: 18rem; } .lethalfantasy .tab.character-miracles .miracles .miracle { display: flex; align-items: center; gap: 4px; } .lethalfantasy .tab.character-miracles .miracles .miracle .item-img { width: 24px; height: 24px; } .lethalfantasy .tab.character-miracles .miracles .miracle .name { min-width: 12rem; } .lethalfantasy .tab.character-miracles prose-mirror.inactive { min-height: 40px; } .lethalfantasy .tab.character-miracles prose-mirror.active { min-height: 150px; } .lethalfantasy .monster-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 .monster-content input:disabled, .lethalfantasy .monster-content select:disabled { background-color: rgba(0, 0, 0, 0.2); border-color: transparent; color: var(--color-dark-3); } .lethalfantasy .monster-content input, .lethalfantasy .monster-content select { height: 1.5rem; background-color: rgba(0, 0, 0, 0.1); border-color: var(--color-dark-6); color: var(--color-dark-2); } .lethalfantasy .monster-content input[name="name"] { height: 2.5rem; margin-right: 4px; font-family: var(--font-secondary); font-size: calc(var(--font-size-standard) * 1.2); font-weight: bold; border: none; } .lethalfantasy .monster-content fieldset { margin-bottom: 4px; border-radius: 4px; } .lethalfantasy .monster-content .form-fields input, .lethalfantasy .monster-content .form-fields select { text-align: center; font-size: calc(var(--font-size-standard) * 1); } .lethalfantasy .monster-content .form-fields select { font-family: var(--font-secondary); font-size: calc(var(--font-size-standard) * 1); } .lethalfantasy .monster-content legend { font-family: var(--font-secondary); font-size: calc(var(--font-size-standard) * 1.2); font-weight: bold; letter-spacing: 1px; } .lethalfantasy .monster-content label { font-family: var(--font-secondary); font-size: calc(var(--font-size-standard) * 1.2); } .lethalfantasy .monster-main { display: flex; } .lethalfantasy .monster-main .monster-left-image { display: flex; justify-content: center; align-items: center; padding-bottom: 4px; } .lethalfantasy .monster-main .monster-left-image .monster-img { height: 140px; width: 140px; width: auto; border: none; } .lethalfantasy .monster-main .monster-pc { display: flex; gap: 10px; flex: 1; } .lethalfantasy .monster-main .monster-pc .monster-hp { display: flex; gap: 4px; align-items: center; margin-bottom: 4px; } .lethalfantasy .monster-main .monster-pc .monster-hp .name { flex: none; min-width: 2.5rem; max-width: 2.5rem; } .lethalfantasy .monster-main .monster-pc .monster-hp .damage-resistance { flex: none; min-width: 6rem; max-width: 6rem; } .lethalfantasy .monster-main .monster-pc .monster-hp input { flex: none; min-width: 2.2rem; max-width: 2.2rem; margin-left: 4px; font-size: calc(var(--font-size-standard) * 1); } .lethalfantasy .monster-main .monster-pc .monster-hp .character-hp-max { clear: both; display: flex; flex-direction: row; flex-wrap: wrap; margin: 4px 0; align-items: center; } .lethalfantasy .monster-main .monster-pc .monster-hp .character-hp-max input { width: 3.2rem; text-align: center; font-size: calc(var(--font-size-standard) * 1); } .lethalfantasy .monster-main .monster-pc .monster-right { display: flex; flex-direction: column; gap: 4px; } .lethalfantasy .monster-main .monster-pc .monster-right .monster-name { display: flex; } .lethalfantasy .monster-main .monster-pc .monster-right .monster-name input { width: 400px; } .lethalfantasy .monster-main .monster-pc-play { min-width: 400px; } .lethalfantasy .monster-main .monster-pc-edit { min-width: 400px; } .lethalfantasy .monster-main .monster-characteristics { display: flex; flex-direction: column; gap: 4px; flex: 1; } .lethalfantasy .monster-main .monster-characteristics .monster-characteristic { display: flex; align-items: center; } .lethalfantasy .monster-main .monster-characteristics .monster-characteristic .rollable:hover, .lethalfantasy .monster-main .monster-characteristics .monster-characteristic .rollable:focus { text-shadow: 0 0 8px var(--color-shadow-primary); cursor: pointer; } .lethalfantasy .monster-main .monster-characteristics .monster-characteristic .form-group { flex: 1; padding-left: 4px; } .lethalfantasy .monster-main .monster-characteristics .monster-characteristic .form-group .form-fields { flex: none; width: 3rem; } .lethalfantasy .monster-main .monster-skills { display: flex; flex-direction: column; gap: 4px; flex: 1; } .lethalfantasy .monster-main .monster-skills .monster-skill { display: flex; align-items: center; margin-right: 0.5rem; } .lethalfantasy .monster-main .monster-skills .monster-skill .rollable:hover, .lethalfantasy .monster-main .monster-skills .monster-skill .rollable:focus { text-shadow: 0 0 8px var(--color-shadow-primary); cursor: pointer; } .lethalfantasy .monster-main .monster-skills .monster-skill input { min-width: 2.2rem; max-width: 2.5rem; } .lethalfantasy .monster-main .monster-skills .monster-skill .name { flex: 1; min-width: 3.2rem; margin-left: 4px; } .lethalfantasy .monster-main .monster-skills .monster-skill .form-group { flex: 1; padding-left: 4px; } .lethalfantasy .monster-main .monster-skills .monster-skill .form-group .form-fields { flex: none; width: 2.5rem; } .lethalfantasy .monster-main .monster-movements { display: flex; flex-direction: column; gap: 4px; flex: 1; } .lethalfantasy .monster-main .monster-movements .monster-movement { display: flex; align-items: center; margin-right: 0.5rem; } .lethalfantasy .monster-main .monster-movements .monster-movement .rollable:hover, .lethalfantasy .monster-main .monster-movements .monster-movement .rollable:focus { text-shadow: 0 0 8px var(--color-shadow-primary); cursor: pointer; } .lethalfantasy .monster-main .monster-movements .monster-movement .name { flex: 1; min-width: 3rem; margin-left: 0.5rem; } .lethalfantasy .monster-main .monster-movements .monster-movement .form-group { flex: 1; padding-left: 4px; } .lethalfantasy .monster-main .monster-movements .monster-movement .form-group .form-fields { flex: none; width: 50px; } .lethalfantasy .monster-main .monster-saves { display: flex; flex-direction: column; gap: 4px; flex: 1; } .lethalfantasy .monster-main .monster-saves .monster-save { display: flex; align-items: center; margin-right: 0.5rem; } .lethalfantasy .monster-main .monster-saves .monster-save .rollable:hover, .lethalfantasy .monster-main .monster-saves .monster-save .rollable:focus { text-shadow: 0 0 8px var(--color-shadow-primary); cursor: pointer; } .lethalfantasy .monster-main .monster-saves .monster-save .name { flex: 0; min-width: 5rem; max-width: 5rem; margin-left: 0.5rem; } .lethalfantasy .monster-main .monster-saves .monster-save .name-pain { flex: 0; min-width: 3rem; max-width: 3rem; margin-left: 0.5rem; } .lethalfantasy .monster-main .monster-saves .monster-save .form-group { flex: 0; padding-left: 4px; } .lethalfantasy .monster-main .monster-saves .monster-save .form-group .form-fields { flex: none; width: 50px; } .lethalfantasy .monster-main .monster-characteristics-play { min-width: 200px; } .lethalfantasy .monster-main .monster-characteristic-edit { min-width: 200px; } .lethalfantasy .tab.monster-biography .biodata { display: grid; grid-template-columns: repeat(4, 1fr); gap: 4px; } .lethalfantasy .tab.monster-biography .biodata .biodata-elem { display: flex; align-items: center; gap: 4px; } .lethalfantasy .tab.monster-biography .biodata .biodata-elem .name { min-width: 8rem; } .lethalfantasy .monster-biography prose-mirror.inactive { min-height: 40px; } .lethalfantasy .monster-biography prose-mirror.active { min-height: 150px; } .lethalfantasy .tab.monster-skills { display: grid; grid-template-columns: 1fr; } .lethalfantasy .tab.monster-skills legend a { font-size: calc(var(--font-size-standard) * 1); padding-left: 4px; } .lethalfantasy .tab.monster-skills .skills { display: grid; grid-template-columns: repeat(3, 1fr); gap: 4px; } .lethalfantasy .tab.monster-skills .skills .skill { display: flex; align-items: center; gap: 4px; } .lethalfantasy .tab.monster-skills .skills .skill .item-img { width: 24px; height: 24px; } .lethalfantasy .tab.monster-skills .skills .skill .name { min-width: 12rem; } .lethalfantasy .tab.monster-skills .gifts { display: grid; grid-template-columns: repeat(3, 1fr); gap: 4px; } .lethalfantasy .tab.monster-skills .gifts .gift { display: flex; align-items: center; gap: 4px; } .lethalfantasy .tab.monster-skills .gifts .gift .item-img { width: 24px; height: 24px; } .lethalfantasy .tab.monster-skills .gifts .gift .name { min-width: 12rem; } .lethalfantasy .tab.monster-skills .vulnerabilities { display: grid; grid-template-columns: repeat(3, 1fr); gap: 4px; } .lethalfantasy .tab.monster-skills .vulnerabilities .vulnerability { display: flex; align-items: center; gap: 4px; } .lethalfantasy .tab.monster-skills .vulnerabilities .vulnerability .item-img { width: 24px; height: 24px; } .lethalfantasy .tab.monster-skills .vulnerabilities .vulnerability .name { min-width: 12rem; } .lethalfantasy .tab.monster-equipment { display: grid; grid-template-columns: 1fr; } .lethalfantasy .tab.monster-equipment legend a { font-size: calc(var(--font-size-standard) * 1.4); padding-left: 4px; } .lethalfantasy .tab.monster-equipment .moneys { display: grid; grid-template-columns: repeat(5, 1fr); gap: 4px; } .lethalfantasy .tab.monster-equipment .equipments { display: grid; grid-template-columns: repeat(3, 1fr); gap: 4px; } .lethalfantasy .tab.monster-equipment .equipments .equipment { display: flex; align-items: center; gap: 4px; } .lethalfantasy .tab.monster-equipment .equipments .equipment .item-img { width: 24px; height: 24px; margin: 4px 0 0 0; } .lethalfantasy .tab.monster-equipment .equipments .equipment .name { min-width: 12rem; } .lethalfantasy .tab.monster-equipment .equipments .name { min-width: 12rem; } .lethalfantasy .tab.monster-combat { display: grid; grid-template-columns: 1fr; } .lethalfantasy .tab.monster-combat legend a { font-size: calc(var(--font-size-standard) * 1.4); padding-left: 4px; } .lethalfantasy .tab.monster-combat .combat-details { display: grid; grid-template-columns: repeat(2, 1fr); gap: 4px; } .lethalfantasy .tab.monster-combat .combat-details .combat-detail { display: flex; align-items: center; gap: 4px; } .lethalfantasy .tab.monster-combat .combat-details .combat-detail button { min-width: 10rem; } .lethalfantasy .tab.monster-combat .combat-details .combat-detail .armor-hp { min-width: 20rem; max-width: 20rem; } .lethalfantasy .tab.monster-combat .combat-details .combat-detail .armor-hp .input { min-width: 3rem; max-width: 3rem; } .lethalfantasy .tab.monster-combat .attacks { display: grid; grid-template-columns: repeat(2, 1fr); gap: 4px; } .lethalfantasy .tab.monster-combat .attacks .attack { display: flex; align-items: center; gap: 4px; } .lethalfantasy .tab.monster-combat .attacks .attack .name { min-width: 8rem; max-width: 8rem; } .lethalfantasy .tab.monster-combat .attacks .attack .damage-dice { width: 4rem; max-width: 3.5rem; } .lethalfantasy .tab.monster-combat .attacks .attack .numeric { width: 2.2rem; } .lethalfantasy .tab.monster-combat .attacks .attack .attack-icons a { margin-left: 4px; margin-right: 4px; } .lethalfantasy .tab.monster-combat .armors { display: grid; grid-template-columns: repeat(3, 1fr); gap: 4px; } .lethalfantasy .tab.monster-combat .armors .armor { display: flex; align-items: center; gap: 4px; } .lethalfantasy .tab.monster-combat .armors .armor .item-img { width: 24px; height: 24px; margin: 4px 0 0 0; } .lethalfantasy .tab.monster-combat .armors .name { min-width: 12rem; } .lethalfantasy .tab.monster-spells { display: grid; grid-template-columns: 1fr; } .lethalfantasy .tab.monster-spells legend a { font-size: calc(var(--font-size-standard) * 1.4); padding-left: 4px; } .lethalfantasy .tab.monster-spells .spells { display: grid; grid-template-columns: repeat(3, 1fr); gap: 4px; } .lethalfantasy .tab.monster-spells .spells .spell { display: flex; align-items: center; gap: 4px; } .lethalfantasy .tab.monster-spells .spells .spell .item-img { width: 24px; height: 24px; } .lethalfantasy .tab.monster-spells .spells .spell .name { min-width: 12rem; } .lethalfantasy .tab.monster-spells prose-mirror.inactive { min-height: 40px; } .lethalfantasy .tab.monster-spells prose-mirror.active { min-height: 150px; } .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 { height: 1.5rem; 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: 2.5rem; margin-right: 4px; font-family: var(--font-secondary); font-size: calc(var(--font-size-standard) * 1.2); font-weight: bold; border: none; } .lethalfantasy .skill-content fieldset { margin-bottom: 4px; border-radius: 4px; } .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: 4px; } .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 { height: 1.5rem; 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: 2.5rem; margin-right: 4px; font-family: var(--font-secondary); font-size: calc(var(--font-size-standard) * 1.2); font-weight: bold; border: none; } .lethalfantasy .gift-content fieldset { margin-bottom: 4px; border-radius: 4px; } .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: 4px; } .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 { height: 1.5rem; 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: 2.5rem; margin-right: 4px; font-family: var(--font-secondary); font-size: calc(var(--font-size-standard) * 1.2); font-weight: bold; border: none; } .lethalfantasy .weapon-content fieldset { margin-bottom: 4px; border-radius: 4px; } .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: 4px; } .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 { height: 1.5rem; 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: 2.5rem; margin-right: 4px; font-family: var(--font-secondary); font-size: calc(var(--font-size-standard) * 1.2); font-weight: bold; border: none; } .lethalfantasy .armor-content fieldset { margin-bottom: 4px; border-radius: 4px; } .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: 4px; } .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 { height: 1.5rem; 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: 2.5rem; margin-right: 4px; font-family: var(--font-secondary); font-size: calc(var(--font-size-standard) * 1.2); font-weight: bold; border: none; } .lethalfantasy .spell-content fieldset { margin-bottom: 4px; border-radius: 4px; } .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: 4px; } .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 { height: 1.5rem; 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: 2.5rem; margin-right: 4px; font-family: var(--font-secondary); font-size: calc(var(--font-size-standard) * 1.2); font-weight: bold; border: none; } .lethalfantasy .vulnerability-content fieldset { margin-bottom: 4px; border-radius: 4px; } .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: 4px; } .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 { height: 1.5rem; 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: 2.5rem; margin-right: 4px; font-family: var(--font-secondary); font-size: calc(var(--font-size-standard) * 1.2); font-weight: bold; border: none; } .lethalfantasy .equipment-content fieldset { margin-bottom: 4px; border-radius: 4px; } .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: 4px; } .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 { height: 1.5rem; 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: 2.5rem; margin-right: 4px; font-family: var(--font-secondary); font-size: calc(var(--font-size-standard) * 1.2); font-weight: bold; border: none; } .lethalfantasy .shield-content fieldset { margin-bottom: 4px; border-radius: 4px; } .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: 4px; } .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 { height: 1.5rem; 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: 2.5rem; margin-right: 4px; font-family: var(--font-secondary); font-size: calc(var(--font-size-standard) * 1.2); font-weight: bold; border: none; } .lethalfantasy .miracle-content fieldset { margin-bottom: 4px; border-radius: 4px; } .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: 4px; } .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: 4px; } .lethalfantasy-roll-dialog .goto-token-button { justify-content: center; align-items: center; align-content: center; margin-left: 0.5rem; max-width: 8rem; background-color: var(--color-dark-6); color: var(--color-dark-2); border: none; border-radius: 4px; padding: 0.5rem; } .lethalfantasy-range-defense-dialog { width: 18rem; } .lethalfantasy-range-defense-dialog fieldset { padding: 4px; } .lethalfantasy-range-defense-dialog select { margin-left: 0.5rem; min-width: 10rem; max-width: 10rem; } .lethalfantasy-range-defense-dialog .field-section { display: flex; align-items: center; justify-content: left; } .lethalfantasy-range-defense-dialog .field-name { width: 4rem; min-width: 4rem; max-width: 4rem; } .dialog-form .form-footer button { min-width: 14rem; min-height: 3.2rem; } .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-favor { display: flex; justify-content: center; align-items: center; } .dialog-favor select { border: none; background-color: rgba(0, 0, 0, 0.1); color: var(--color-dark-2); width: 120px; text-align: center; } .main, .dialog-damage, .dialog-resource, .dialog-challenge, .dialog-save { margin-bottom: 0px; padding-bottom: 0px; display: flex; justify-content: center; align-items: center; font-family: var(--font-secondary); font-size: calc(var(--font-size-standard) * 1); color: var(--color-dark-1); } .dice-roll { flex-direction: column; } .dice-roll .dice-total, .dice-roll .dice-formula { padding-top: 4px; } .dice-roll .dice-total { margin-bottom: 4px; } .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: 4px; 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); } #token-hud .hp-loss-wrap { position: absolute; left: 75px; display: none; top: 50%; transform: translate(-200%, -50%); width: 48px; text-align: start; overflow-y: auto; } #token-hud .hp-loss-hud-active { display: block; } #token-hud .hp-loss-hud-disabled { display: none; } #token-hud .hud-loss-hp-button-select { max-width: 40px; background-image: var(--background-image-base); padding-top: 0; padding-bottom: 0; width: max-content; margin: 0; } #token-hud .hp-loss-wrap .hud-loss-hp-button-select { padding-left: 8px; font-size: 0.7rem; }