@font-face { font-family: "Georama"; src: url("../assets/fonts/Georama-Regular.ttf") format("truetype"); } @font-face { font-family: "Tangerine"; src: url("../assets/fonts/Tangerine-Regular.ttf") format("truetype"); } @font-face { font-family: "TrajanPro"; src: url("../assets/fonts/Trajan-Pro-Regular.ttf") format("truetype"); } @font-face { font-family: "Teko"; src: url("../assets/fonts/Teko-Regular.ttf") format("truetype"); } @font-face { font-family: "P22Operina"; src: url("../assets/fonts/P22-Operina.ttf") format("truetype"); } @font-face { font-family: "SpectralSC"; src: url("../assets/fonts/SpectralSC-Regular.ttf") format("truetype"); } @font-face { font-family: "RozhaOne"; src: url("../assets/fonts/RozhaOne-Regular.ttf") format("truetype"); } @font-face { font-family: "Megrim"; src: url("../assets/fonts/Megrim-Regular.ttf") format("truetype"); } @font-face { font-family: "Volkhov"; src: url("../assets/fonts/Volkhov-Regular.ttf") format("truetype"); } @font-face { font-family: "IMFell"; src: url("../assets/fonts/IMFell.ttf") format("truetype"); } @font-face { font-family: "Dominican"; src: url("../assets/fonts/dominican.ttf") format("truetype"); } @font-face { font-family: "UncialAntiqua"; src: url("../assets/fonts/UncialAntiqua-Regular.ttf") format("truetype"); } @font-face { font-family: "Luminari"; src: url("../assets/fonts/Luminari-Regular.ttf") format("truetype"); } @font-face { font-family: "SairaStencilOne"; src: url("../assets/fonts/SairaStencilOne-Regular.ttf") format("truetype"); } @font-face { font-family: "Armalite"; src: url("../assets/fonts/armalite.ttf") format("truetype"); } @font-face { font-family: "CarterOne"; src: url("../assets/fonts/CarterOne-Regular.ttf") format("truetype"); } @font-face { font-family: "SigmarOne"; src: url("../assets/fonts/SigmarOne-Regular.ttf") format("truetype"); } @font-face { font-family: "Excelsior"; src: url("../assets/fonts/Excelsior-Normal.ttf") format("truetype"); } @font-face { font-family: "TopSecret"; src: url("../assets/fonts/Top-Secret.ttf") format("truetype"); } @font-face { font-family: "BebasNeue"; src: url("../assets/fonts/BebasNeue-Regular.ttf") format("truetype"); } @font-face { font-family: "Seabreed"; src: url("../assets/fonts/Seabreed.ttf") format("truetype"); } @font-face { font-family: "Broadway"; src: url("../assets/fonts/broadway.woff2") format("woff2"); } @font-face { font-family: "Caslon"; src: url("../fonts/caslonpro-regular.otf") format("truetype"); } @font-face { font-family: "Caslon Bold"; src: url("../fonts/caslonpro-bold.otf") format("truetype"); } @font-face { font-family: "Caslon Bold Italic"; src: url("../fonts/caslonpro-bolditalic.otf") format("truetype"); } @font-face { font-family: "Caslon Italic"; src: url("../fonts/caslonpro-italic.otf") format("truetype"); } :root { --font-size-standard: 0.9rem; --background-image-base: linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8)), url("../assets/ui/jazz_background_main.webp"); /*--background-image-base: url("../assets/ui/jazzage_background_main.webp");*/ --font-primary: "RozhaOne"; --font-secondary: "RozhaOne"; --font-title: "Broadway"; --logo-standard: url("../assets/logos/reanimated-ce-logo.webp"); --color-success: darkgreen; --color-failure: darkred; --color-warning: darkorange; --color-critical-success: lightgreen; --color-critical-failure: lightcoral; --img-icon-color-filter: brightness(0) saturate(100%) invert(52%) sepia(9%) saturate(2368%) hue-rotate(360deg) brightness(86%) contrast(84%); } .item .thumbnail, .item-img { /*filter: invert(90%) sepia(10%) saturate(1215%) hue-rotate(55deg) brightness(93%) contrast(89%);*/ /*filter: invert(48%) sepia(79%) saturate(2476%) hue-rotate(86deg) brightness(118%) contrast(119%);*/ filter: var(--img-icon-color-filter); } #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.fvtt-cthulhu-eternal { 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.fvtt-cthulhu-eternal { font-family: var(--font-primary); font-size: calc(var(--font-size-standard) * 1); background-image: var(--background-image-base); } .application.dialog.fvtt-cthulhu-eternal button:hover { background: var(--color-dark-6); } .application.dialog.fvtt-cthulhu-eternal .legend { font-family: var(--font-primary); } .chat-message, .chat-message.whisper { font-family: var(--font-primary); background-image: var(--background-image-base); background-repeat: repeat-y; background-position: 0%; background-size: 100% 100%; } .fvtt-cthulhu-eternal .protagonist-sheet-common label { font-family: var(--font-secondary); font-size: calc(var(--font-size-standard) * 1.2); } .fvtt-cthulhu-eternal .item-sheet-common .form-fields { padding-top: 5px; } .fvtt-cthulhu-eternal .item-sheet-common label { font-family: var(--font-secondary); font-size: calc(var(--font-size-standard) * 1); flex: 50%; } .fvtt-cthulhu-eternal .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%;*/ } .fvtt-cthulhu-eternal .item-sheet-common .shift-right { margin-left: 2rem; } .fvtt-cthulhu-eternal .protagonist-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; } .fvtt-cthulhu-eternal .protagonist-content input:disabled, .fvtt-cthulhu-eternal .protagonist-content select:disabled { background-color: rgba(0, 0, 0, 0.2); border-color: transparent; color: var(--color-dark-3); } .fvtt-cthulhu-eternal .protagonist-content input, .fvtt-cthulhu-eternal .protagonist-content select { background-color: rgba(0, 0, 0, 0.1); border-color: var(--color-dark-6); color: var(--color-dark-2); } .fvtt-cthulhu-eternal .protagonist-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; } .fvtt-cthulhu-eternal .protagonist-content fieldset { margin-bottom: 5px; border-radius: 5px; } .fvtt-cthulhu-eternal .protagonist-content .form-fields input, .fvtt-cthulhu-eternal .protagonist-content .form-fields select { text-align: center; font-size: calc(var(--font-size-standard) * 1); } .fvtt-cthulhu-eternal .protagonist-content .form-fields select { font-family: var(--font-secondary); font-size: calc(var(--font-size-standard) * 1); } .fvtt-cthulhu-eternal .protagonist-content legend { font-family: var(--font-secondary); font-size: calc(var(--font-size-standard) * 1.2); font-weight: bold; letter-spacing: 1px; } .fvtt-cthulhu-eternal .protagonist-content label { font-family: var(--font-secondary); font-size: calc(var(--font-size-standard) * 1.2); } .fvtt-cthulhu-eternal .sheet-tabs { background-color: var(--color-light-1); } .fvtt-cthulhu-eternal .protagonist-main { background-color: var(--color-light-1); display: flex; } .fvtt-cthulhu-eternal .protagonist-main .protagonist-pc { display: flex; gap: 4px; flex: 1; } .fvtt-cthulhu-eternal .protagonist-main .protagonist-pc .protagonist-left { min-width: 180px; display: flex; flex-direction: column; } .fvtt-cthulhu-eternal .protagonist-main .protagonist-pc .protagonist-left .protagonist-left-image { display: flex; justify-content: center; align-items: center; padding-bottom: 8px; } .fvtt-cthulhu-eternal .protagonist-main .protagonist-pc .protagonist-left .protagonist-left-image .protagonist-img { height: 140px; width: auto; border: none; } .fvtt-cthulhu-eternal .protagonist-main .protagonist-pc .protagonist-left .protagonist-dv .form-fields, .fvtt-cthulhu-eternal .protagonist-main .protagonist-pc .protagonist-left .protagonist-dmax .form-fields { flex: none; } .fvtt-cthulhu-eternal .protagonist-main .protagonist-pc .protagonist-left .protagonist-dmax-edit input { display: flex; width: 60px; font-size: calc(var(--font-size-standard) * 1.4); align-items: center; justify-content: center; padding: 0 5px 0 5px; text-align: center; } .fvtt-cthulhu-eternal .protagonist-main .protagonist-pc .protagonist-right { display: flex; flex-direction: column; gap: 5px; } .fvtt-cthulhu-eternal .protagonist-main .protagonist-pc .protagonist-right .protagonist-name { display: flex; } .fvtt-cthulhu-eternal .protagonist-main .protagonist-pc .protagonist-right .protagonist-name input { font-family: var(--font-title); font-size: calc(var(--font-size-standard) * 1.4); width: 400px; } .fvtt-cthulhu-eternal .protagonist-main .protagonist-pc .protagonist-right .san input { min-width: 2.2rem; } .fvtt-cthulhu-eternal .protagonist-main .protagonist-pc .protagonist-right .san .san-checkbox { min-width: 1rem; max-width: 1rem; } .fvtt-cthulhu-eternal .protagonist-main .protagonist-pc .protagonist-right .san .label-field { flex-grow: 0; margin-left: 4px; } .fvtt-cthulhu-eternal .protagonist-main .protagonist-pc .protagonist-right .san .spacing { margin-left: 4px; } .fvtt-cthulhu-eternal .protagonist-main .protagonist-pc .protagonist-right .willpower input { min-width: 2.2rem; } .fvtt-cthulhu-eternal .protagonist-main .protagonist-pc .protagonist-right .willpower .label-field { flex-grow: 0; margin-left: 4px; } .fvtt-cthulhu-eternal .protagonist-main .protagonist-pc .protagonist-right .willpower .checkbox { min-width: 1rem; max-width: 1rem; } .fvtt-cthulhu-eternal .protagonist-main .protagonist-pc .protagonist-right .protagonist-infos { display: flex; flex-direction: column; gap: 4px; } .fvtt-cthulhu-eternal .protagonist-main .protagonist-pc .protagonist-right .protagonist-infos label { min-width: 120px; } .fvtt-cthulhu-eternal .protagonist-main .protagonist-pc .protagonist-right .protagonist-infos .protagonist-hp { display: flex; gap: 2px; align-items: center; } .fvtt-cthulhu-eternal .protagonist-main .protagonist-pc .protagonist-right .protagonist-infos .protagonist-hp .protagonist-hp-value .form-fields input { flex: none; width: 50px; margin-left: 4px; font-size: calc(var(--font-size-standard) * 1.4); } .fvtt-cthulhu-eternal .protagonist-main .protagonist-pc .protagonist-right .protagonist-infos .protagonist-hp .protagonist-hp-max { clear: both; display: flex; flex-direction: row; flex-wrap: wrap; margin: 3px 0; align-items: center; } .fvtt-cthulhu-eternal .protagonist-main .protagonist-pc .protagonist-right .protagonist-infos .protagonist-hp .protagonist-hp-max input { width: 50px; text-align: center; font-size: calc(var(--font-size-standard) * 1.4); } .fvtt-cthulhu-eternal .protagonist-main .protagonist-pc .protagonist-right .protagonist-infos .protagonist-hp .hp-separator { font-size: calc(var(--font-size-standard) * 1.2); display: flex; align-items: center; justify-content: center; } .fvtt-cthulhu-eternal .protagonist-main .protagonist-pc-play { min-width: 500px; } .fvtt-cthulhu-eternal .protagonist-main .protagonist-pc-edit { min-width: 650px; } .fvtt-cthulhu-eternal .protagonist-main .protagonist-characteristics { background-color: var(--color-light-1); display: flex; flex-direction: column; gap: 5px; flex: 1; } .fvtt-cthulhu-eternal .protagonist-main .protagonist-characteristics .protagonist-characteristic { display: flex; align-items: center; } .fvtt-cthulhu-eternal .protagonist-main .protagonist-characteristics .protagonist-characteristic .rollable:hover, .fvtt-cthulhu-eternal .protagonist-main .protagonist-characteristics .protagonist-characteristic .rollable:focus { text-shadow: 0 0 8px var(--color-shadow-primary); cursor: pointer; } .fvtt-cthulhu-eternal .protagonist-main .protagonist-characteristics .protagonist-characteristic .rollable { min-width: 3rem; max-width: 3rem; } .fvtt-cthulhu-eternal .protagonist-main .protagonist-characteristics .protagonist-characteristic .char-text { margin-left: 0.5rem; } .fvtt-cthulhu-eternal .protagonist-main .protagonist-characteristics .protagonist-characteristic .form-group { flex: 0; padding-left: 5px; } .fvtt-cthulhu-eternal .protagonist-main .protagonist-characteristics .protagonist-characteristic .form-group .form-fields { font-size: 1.1rem; flex: none; width: 40px; } .fvtt-cthulhu-eternal .protagonist-main .protagonist-characteristic-play { min-width: 225px; } .fvtt-cthulhu-eternal .protagonist-main .protagonist-characteristic-edit { min-width: 400px; } .fvtt-cthulhu-eternal .protagonist-biography { background-color: var(--color-light-1); } .fvtt-cthulhu-eternal .protagonist-biography prose-mirror.inactive { min-height: 40px; } .fvtt-cthulhu-eternal .protagonist-biography prose-mirror.active { min-height: 150px; } .fvtt-cthulhu-eternal .protagonist-biography .field-label { margin-left: 8px; } .fvtt-cthulhu-eternal .protagonist-biography .biodata { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; } .fvtt-cthulhu-eternal .protagonist-biography .motivations { display: grid; grid-template-columns: repeat(2, 1fr); gap: 4px; } .fvtt-cthulhu-eternal .protagonist-biography .motivations .motivation { display: flex; align-items: center; gap: 4px; min-width: 14rem; max-width: 14rem; } .fvtt-cthulhu-eternal .protagonist-biography .motivations .motivation .controls { min-width: 2rem; max-width: 2rem; } .fvtt-cthulhu-eternal .protagonist-biography .motivations .motivation .name { min-width: 8rem; max-width: 8rem; } .fvtt-cthulhu-eternal .protagonist-biography .motivations .motivation .item-img { width: 32px; height: 32px; margin: 4px 0 0 0; } .fvtt-cthulhu-eternal .tab.protagonist-skills { background-color: var(--color-light-1); display: grid; grid-template-columns: 1fr; } .fvtt-cthulhu-eternal .tab.protagonist-skills legend a { font-size: calc(var(--font-size-standard) * 1.4); padding-left: 5px; } .fvtt-cthulhu-eternal .tab.protagonist-skills .skills { display: grid; grid-template-columns: repeat(3, 1fr); gap: 4px; } .fvtt-cthulhu-eternal .tab.protagonist-skills .skills .skill { display: flex; align-items: center; gap: 4px; min-width: 10rem; max-width: 10rem; } .fvtt-cthulhu-eternal .tab.protagonist-skills .skills .skill .rollable:hover, .fvtt-cthulhu-eternal .tab.protagonist-skills .skills .skill .rollable:focus { text-shadow: 0 0 8px var(--color-shadow-primary); cursor: pointer; } .fvtt-cthulhu-eternal .tab.protagonist-skills .skills .skill .controls { min-width: 2rem; max-width: 2rem; } .fvtt-cthulhu-eternal .tab.protagonist-skills .skills .skill .name { min-width: 8rem; max-width: 8rem; } .fvtt-cthulhu-eternal .tab.protagonist-skills .skills .skill .item-img { width: 32px; height: 32px; margin: 4px 0 0 0; } .fvtt-cthulhu-eternal .tab.protagonist-status { background-color: var(--color-light-1); display: grid; grid-template-columns: 1fr; } .fvtt-cthulhu-eternal .tab.protagonist-status legend a { font-size: calc(var(--font-size-standard) * 1.4); padding-left: 5px; } .fvtt-cthulhu-eternal .tab.protagonist-status .bonds { display: grid; grid-template-columns: repeat(2, 1fr); gap: 4px; } .fvtt-cthulhu-eternal .tab.protagonist-status .bonds .bond { display: flex; align-items: center; gap: 4px; min-width: 16rem; max-width: 16rem; } .fvtt-cthulhu-eternal .tab.protagonist-status .bonds .bond .controls { min-width: 2rem; max-width: 2rem; } .fvtt-cthulhu-eternal .tab.protagonist-status .bonds .bond .name { min-width: 12rem; max-width: 12rem; } .fvtt-cthulhu-eternal .tab.protagonist-status .bonds .bond .type { min-width: 5rem; max-width: 5rem; } .fvtt-cthulhu-eternal .tab.protagonist-status .bonds .bond .level { min-width: 2rem; max-width: 2rem; } .fvtt-cthulhu-eternal .tab.protagonist-status .bonds .bond .item-img { width: 32px; height: 32px; margin: 4px 0 0 0; } .fvtt-cthulhu-eternal .tab.protagonist-status .mentaldisorders { display: grid; grid-template-columns: repeat(2, 1fr); gap: 4px; } .fvtt-cthulhu-eternal .tab.protagonist-status .mentaldisorders .mentaldisorder { display: flex; align-items: center; gap: 4px; min-width: 16rem; max-width: 16rem; } .fvtt-cthulhu-eternal .tab.protagonist-status .mentaldisorders .mentaldisorder .controls { min-width: 2rem; max-width: 2rem; } .fvtt-cthulhu-eternal .tab.protagonist-status .mentaldisorders .mentaldisorder .name { min-width: 14rem; max-width: 14rem; } .fvtt-cthulhu-eternal .tab.protagonist-status .mentaldisorders .mentaldisorder .item-img { width: 32px; height: 32px; margin: 4px 0 0 0; } .fvtt-cthulhu-eternal .tab.protagonist-status .injuries { display: grid; grid-template-columns: repeat(2, 1fr); gap: 4px; } .fvtt-cthulhu-eternal .tab.protagonist-status .injuries .injury { display: flex; align-items: center; gap: 4px; min-width: 16rem; max-width: 16rem; } .fvtt-cthulhu-eternal .tab.protagonist-status .injuries .injury .controls { min-width: 2rem; max-width: 2rem; } .fvtt-cthulhu-eternal .tab.protagonist-status .injuries .injury .name { min-width: 14rem; max-width: 14rem; } .fvtt-cthulhu-eternal .tab.protagonist-status .injuries .injury .item-img { width: 32px; height: 32px; margin: 4px 0 0 0; } .fvtt-cthulhu-eternal .tab.protagonist-equipment { background-color: var(--color-light-1); display: grid; grid-template-columns: 1fr; } .fvtt-cthulhu-eternal .tab.protagonist-equipment legend a { font-size: calc(var(--font-size-standard) * 1.4); padding-left: 5px; } .fvtt-cthulhu-eternal .tab.protagonist-equipment .weapons { display: grid; grid-template-columns: repeat(2, 1fr); gap: 4px; } .fvtt-cthulhu-eternal .tab.protagonist-equipment .weapons .weapon { display: flex; align-items: center; gap: 4px; min-width: 13rem; max-width: 13srem; } .fvtt-cthulhu-eternal .tab.protagonist-equipment .weapons .weapon .rollable:hover, .fvtt-cthulhu-eternal .tab.protagonist-equipment .weapons .weapon .rollable:focus { text-shadow: 0 0 8px var(--color-shadow-primary); cursor: pointer; } .fvtt-cthulhu-eternal .tab.protagonist-equipment .weapons .weapon .controls { min-width: 2rem; max-width: 2rem; } .fvtt-cthulhu-eternal .tab.protagonist-equipment .weapons .weapon .damage { min-width: 5rem; max-width: 5rem; } .fvtt-cthulhu-eternal .tab.protagonist-equipment .weapons .weapon .name { min-width: 8rem; max-width: 8rem; } .fvtt-cthulhu-eternal .tab.protagonist-equipment .weapons .weapon .item-img { width: 32px; height: 32px; margin: 4px 0 0 0; } .fvtt-cthulhu-eternal .tab.protagonist-equipment .armors { display: grid; grid-template-columns: repeat(3, 1fr); gap: 4px; } .fvtt-cthulhu-eternal .tab.protagonist-equipment .armors .armor { display: flex; align-items: center; gap: 4px; min-width: 13rem; max-width: 13srem; } .fvtt-cthulhu-eternal .tab.protagonist-equipment .armors .armor .rollable:hover, .fvtt-cthulhu-eternal .tab.protagonist-equipment .armors .armor .rollable:focus { text-shadow: 0 0 8px var(--color-shadow-primary); cursor: pointer; } .fvtt-cthulhu-eternal .tab.protagonist-equipment .armors .armor .controls { min-width: 2rem; max-width: 2rem; } .fvtt-cthulhu-eternal .tab.protagonist-equipment .armors .armor .protection { min-width: 5rem; max-width: 5rem; } .fvtt-cthulhu-eternal .tab.protagonist-equipment .armors .armor .name { min-width: 8rem; max-width: 8rem; } .fvtt-cthulhu-eternal .tab.protagonist-equipment .armors .armor .item-img { width: 32px; height: 32px; margin: 4px 0 0 0; } .fvtt-cthulhu-eternal .tab.protagonist-equipment .gears { display: grid; grid-template-columns: repeat(3, 1fr); gap: 4px; } .fvtt-cthulhu-eternal .tab.protagonist-equipment .gears .gear { display: flex; align-items: center; gap: 4px; min-width: 13rem; max-width: 13srem; } .fvtt-cthulhu-eternal .tab.protagonist-equipment .gears .gear .rollable:hover, .fvtt-cthulhu-eternal .tab.protagonist-equipment .gears .gear .rollable:focus { text-shadow: 0 0 8px var(--color-shadow-primary); cursor: pointer; } .fvtt-cthulhu-eternal .tab.protagonist-equipment .gears .gear .controls { min-width: 2rem; max-width: 2rem; } .fvtt-cthulhu-eternal .tab.protagonist-equipment .gears .gear .damage { min-width: 5rem; max-width: 5rem; } .fvtt-cthulhu-eternal .tab.protagonist-equipment .gears .gear .name { min-width: 8rem; max-width: 8rem; } .fvtt-cthulhu-eternal .tab.protagonist-equipment .gears .gear .item-img { width: 32px; height: 32px; margin: 4px 0 0 0; } .fvtt-cthulhu-eternal .tab.protagonist-equipment prose-mirror.inactive { min-height: 40px; } .fvtt-cthulhu-eternal .tab.protagonist-equipment prose-mirror.active { min-height: 150px; } .fvtt-cthulhu-eternal .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%; } .fvtt-cthulhu-eternal .skill-content input:disabled, .fvtt-cthulhu-eternal .skill-content select:disabled { background-color: rgba(0, 0, 0, 0.2); border-color: transparent; color: var(--color-dark-3); } .fvtt-cthulhu-eternal .skill-content input, .fvtt-cthulhu-eternal .skill-content select { background-color: rgba(0, 0, 0, 0.1); border-color: var(--color-dark-6); color: var(--color-dark-2); } .fvtt-cthulhu-eternal .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; } .fvtt-cthulhu-eternal .skill-content fieldset { margin-bottom: 5px; border-radius: 5px; } .fvtt-cthulhu-eternal .skill-content .form-fields input, .fvtt-cthulhu-eternal .skill-content .form-fields select { text-align: center; font-size: calc(var(--font-size-standard) * 1); } .fvtt-cthulhu-eternal .skill-content .form-fields select { font-family: var(--font-secondary); font-size: calc(var(--font-size-standard) * 1); } .fvtt-cthulhu-eternal .skill-content legend { font-family: var(--font-secondary); font-size: calc(var(--font-size-standard) * 1.2); font-weight: bold; letter-spacing: 1px; } .fvtt-cthulhu-eternal .skill-content .form-fields { padding-top: 5px; } .fvtt-cthulhu-eternal .skill-content label { font-family: var(--font-secondary); font-size: calc(var(--font-size-standard) * 1); flex: 50%; } .fvtt-cthulhu-eternal .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%;*/ } .fvtt-cthulhu-eternal .skill-content .shift-right { margin-left: 2rem; } .fvtt-cthulhu-eternal .skill-content fieldset { margin-top: 8px; background-color: var(--color-light-1); } .fvtt-cthulhu-eternal .skill-content .header { background-color: var(--color-light-1); display: flex; } .fvtt-cthulhu-eternal .skill-content .header img { width: 50px; height: 50px; } .fvtt-cthulhu-eternal .skill-content input[type="checkbox"] { font-size: var(--font-size-14); width: 20px; padding-top: 0; } .fvtt-cthulhu-eternal .skill-content input[type="checkbox"]:checked { background-color: rgba(0, 0, 0, 0.1); } .fvtt-cthulhu-eternal .skill-content input[type="checkbox"]:checked::after { color: rgba(0, 0, 0, 0.1); } .fvtt-cthulhu-eternal .injury-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%; } .fvtt-cthulhu-eternal .injury-content input:disabled, .fvtt-cthulhu-eternal .injury-content select:disabled { background-color: rgba(0, 0, 0, 0.2); border-color: transparent; color: var(--color-dark-3); } .fvtt-cthulhu-eternal .injury-content input, .fvtt-cthulhu-eternal .injury-content select { background-color: rgba(0, 0, 0, 0.1); border-color: var(--color-dark-6); color: var(--color-dark-2); } .fvtt-cthulhu-eternal .injury-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; } .fvtt-cthulhu-eternal .injury-content fieldset { margin-bottom: 5px; border-radius: 5px; } .fvtt-cthulhu-eternal .injury-content .form-fields input, .fvtt-cthulhu-eternal .injury-content .form-fields select { text-align: center; font-size: calc(var(--font-size-standard) * 1); } .fvtt-cthulhu-eternal .injury-content .form-fields select { font-family: var(--font-secondary); font-size: calc(var(--font-size-standard) * 1); } .fvtt-cthulhu-eternal .injury-content legend { font-family: var(--font-secondary); font-size: calc(var(--font-size-standard) * 1.2); font-weight: bold; letter-spacing: 1px; } .fvtt-cthulhu-eternal .injury-content .form-fields { padding-top: 5px; } .fvtt-cthulhu-eternal .injury-content label { font-family: var(--font-secondary); font-size: calc(var(--font-size-standard) * 1); flex: 50%; } .fvtt-cthulhu-eternal .injury-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%;*/ } .fvtt-cthulhu-eternal .injury-content .shift-right { margin-left: 2rem; } .fvtt-cthulhu-eternal .injury-content fieldset { margin-top: 8px; background-color: var(--color-light-1); } .fvtt-cthulhu-eternal .injury-content .header { background-color: var(--color-light-1); display: flex; } .fvtt-cthulhu-eternal .injury-content .header img { width: 50px; height: 50px; } .fvtt-cthulhu-eternal .injury-content input[type="checkbox"] { font-size: var(--font-size-14); width: 20px; padding-top: 0; } .fvtt-cthulhu-eternal .injury-content input[type="checkbox"]:checked { background-color: rgba(0, 0, 0, 0.1); } .fvtt-cthulhu-eternal .injury-content input[type="checkbox"]:checked::after { color: rgba(0, 0, 0, 0.1); } .fvtt-cthulhu-eternal .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%; } .fvtt-cthulhu-eternal .weapon-content input:disabled, .fvtt-cthulhu-eternal .weapon-content select:disabled { background-color: rgba(0, 0, 0, 0.2); border-color: transparent; color: var(--color-dark-3); } .fvtt-cthulhu-eternal .weapon-content input, .fvtt-cthulhu-eternal .weapon-content select { background-color: rgba(0, 0, 0, 0.1); border-color: var(--color-dark-6); color: var(--color-dark-2); } .fvtt-cthulhu-eternal .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; } .fvtt-cthulhu-eternal .weapon-content fieldset { margin-bottom: 5px; border-radius: 5px; } .fvtt-cthulhu-eternal .weapon-content .form-fields input, .fvtt-cthulhu-eternal .weapon-content .form-fields select { text-align: center; font-size: calc(var(--font-size-standard) * 1); } .fvtt-cthulhu-eternal .weapon-content .form-fields select { font-family: var(--font-secondary); font-size: calc(var(--font-size-standard) * 1); } .fvtt-cthulhu-eternal .weapon-content legend { font-family: var(--font-secondary); font-size: calc(var(--font-size-standard) * 1.2); font-weight: bold; letter-spacing: 1px; } .fvtt-cthulhu-eternal .weapon-content .form-fields { padding-top: 5px; } .fvtt-cthulhu-eternal .weapon-content label { font-family: var(--font-secondary); font-size: calc(var(--font-size-standard) * 1); flex: 50%; } .fvtt-cthulhu-eternal .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%;*/ } .fvtt-cthulhu-eternal .weapon-content .shift-right { margin-left: 2rem; } .fvtt-cthulhu-eternal .weapon-content .header { background-color: var(--color-light-1); display: flex; } .fvtt-cthulhu-eternal .weapon-content .header img { width: 50px; height: 50px; } .fvtt-cthulhu-eternal .weapon-content fieldset { margin-top: 8px; background-color: var(--color-light-1); } .fvtt-cthulhu-eternal .weapon-content label { flex: 10%; } .fvtt-cthulhu-eternal .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%; } .fvtt-cthulhu-eternal .armor-content input:disabled, .fvtt-cthulhu-eternal .armor-content select:disabled { background-color: rgba(0, 0, 0, 0.2); border-color: transparent; color: var(--color-dark-3); } .fvtt-cthulhu-eternal .armor-content input, .fvtt-cthulhu-eternal .armor-content select { background-color: rgba(0, 0, 0, 0.1); border-color: var(--color-dark-6); color: var(--color-dark-2); } .fvtt-cthulhu-eternal .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; } .fvtt-cthulhu-eternal .armor-content fieldset { margin-bottom: 5px; border-radius: 5px; } .fvtt-cthulhu-eternal .armor-content .form-fields input, .fvtt-cthulhu-eternal .armor-content .form-fields select { text-align: center; font-size: calc(var(--font-size-standard) * 1); } .fvtt-cthulhu-eternal .armor-content .form-fields select { font-family: var(--font-secondary); font-size: calc(var(--font-size-standard) * 1); } .fvtt-cthulhu-eternal .armor-content legend { font-family: var(--font-secondary); font-size: calc(var(--font-size-standard) * 1.2); font-weight: bold; letter-spacing: 1px; } .fvtt-cthulhu-eternal .armor-content .form-fields { padding-top: 5px; } .fvtt-cthulhu-eternal .armor-content label { font-family: var(--font-secondary); font-size: calc(var(--font-size-standard) * 1); flex: 50%; } .fvtt-cthulhu-eternal .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%;*/ } .fvtt-cthulhu-eternal .armor-content .shift-right { margin-left: 2rem; } .fvtt-cthulhu-eternal .armor-content fieldset { margin-top: 8px; background-color: var(--color-light-1); } .fvtt-cthulhu-eternal .armor-content .header { background-color: var(--color-light-1); display: flex; } .fvtt-cthulhu-eternal .armor-content .header img { width: 50px; height: 50px; } .fvtt-cthulhu-eternal .armor-content label { flex: 10%; } .fvtt-cthulhu-eternal .motivation-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%; } .fvtt-cthulhu-eternal .motivation-content input:disabled, .fvtt-cthulhu-eternal .motivation-content select:disabled { background-color: rgba(0, 0, 0, 0.2); border-color: transparent; color: var(--color-dark-3); } .fvtt-cthulhu-eternal .motivation-content input, .fvtt-cthulhu-eternal .motivation-content select { background-color: rgba(0, 0, 0, 0.1); border-color: var(--color-dark-6); color: var(--color-dark-2); } .fvtt-cthulhu-eternal .motivation-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; } .fvtt-cthulhu-eternal .motivation-content fieldset { margin-bottom: 5px; border-radius: 5px; } .fvtt-cthulhu-eternal .motivation-content .form-fields input, .fvtt-cthulhu-eternal .motivation-content .form-fields select { text-align: center; font-size: calc(var(--font-size-standard) * 1); } .fvtt-cthulhu-eternal .motivation-content .form-fields select { font-family: var(--font-secondary); font-size: calc(var(--font-size-standard) * 1); } .fvtt-cthulhu-eternal .motivation-content legend { font-family: var(--font-secondary); font-size: calc(var(--font-size-standard) * 1.2); font-weight: bold; letter-spacing: 1px; } .fvtt-cthulhu-eternal .motivation-content .form-fields { padding-top: 5px; } .fvtt-cthulhu-eternal .motivation-content label { font-family: var(--font-secondary); font-size: calc(var(--font-size-standard) * 1); flex: 50%; } .fvtt-cthulhu-eternal .motivation-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%;*/ } .fvtt-cthulhu-eternal .motivation-content .shift-right { margin-left: 2rem; } .fvtt-cthulhu-eternal .motivation-content fieldset { margin-top: 8px; background-color: var(--color-light-1); } .fvtt-cthulhu-eternal .motivation-content .header { background-color: var(--color-light-1); display: flex; } .fvtt-cthulhu-eternal .motivation-content .header img { width: 50px; height: 50px; } .fvtt-cthulhu-eternal .motivation-content label { flex: 10%; } .fvtt-cthulhu-eternal .mentaldisorder-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%; } .fvtt-cthulhu-eternal .mentaldisorder-content input:disabled, .fvtt-cthulhu-eternal .mentaldisorder-content select:disabled { background-color: rgba(0, 0, 0, 0.2); border-color: transparent; color: var(--color-dark-3); } .fvtt-cthulhu-eternal .mentaldisorder-content input, .fvtt-cthulhu-eternal .mentaldisorder-content select { background-color: rgba(0, 0, 0, 0.1); border-color: var(--color-dark-6); color: var(--color-dark-2); } .fvtt-cthulhu-eternal .mentaldisorder-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; } .fvtt-cthulhu-eternal .mentaldisorder-content fieldset { margin-bottom: 5px; border-radius: 5px; } .fvtt-cthulhu-eternal .mentaldisorder-content .form-fields input, .fvtt-cthulhu-eternal .mentaldisorder-content .form-fields select { text-align: center; font-size: calc(var(--font-size-standard) * 1); } .fvtt-cthulhu-eternal .mentaldisorder-content .form-fields select { font-family: var(--font-secondary); font-size: calc(var(--font-size-standard) * 1); } .fvtt-cthulhu-eternal .mentaldisorder-content legend { font-family: var(--font-secondary); font-size: calc(var(--font-size-standard) * 1.2); font-weight: bold; letter-spacing: 1px; } .fvtt-cthulhu-eternal .mentaldisorder-content .form-fields { padding-top: 5px; } .fvtt-cthulhu-eternal .mentaldisorder-content label { font-family: var(--font-secondary); font-size: calc(var(--font-size-standard) * 1); flex: 50%; } .fvtt-cthulhu-eternal .mentaldisorder-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%;*/ } .fvtt-cthulhu-eternal .mentaldisorder-content .shift-right { margin-left: 2rem; } .fvtt-cthulhu-eternal .mentaldisorder-content fieldset { margin-top: 8px; background-color: var(--color-light-1); } .fvtt-cthulhu-eternal .mentaldisorder-content .header { background-color: var(--color-light-1); display: flex; } .fvtt-cthulhu-eternal .mentaldisorder-content .header img { width: 50px; height: 50px; } .fvtt-cthulhu-eternal .mentaldisorder-content label { flex: 10%; } .fvtt-cthulhu-eternal .bond-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%; } .fvtt-cthulhu-eternal .bond-content input:disabled, .fvtt-cthulhu-eternal .bond-content select:disabled { background-color: rgba(0, 0, 0, 0.2); border-color: transparent; color: var(--color-dark-3); } .fvtt-cthulhu-eternal .bond-content input, .fvtt-cthulhu-eternal .bond-content select { background-color: rgba(0, 0, 0, 0.1); border-color: var(--color-dark-6); color: var(--color-dark-2); } .fvtt-cthulhu-eternal .bond-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; } .fvtt-cthulhu-eternal .bond-content fieldset { margin-bottom: 5px; border-radius: 5px; } .fvtt-cthulhu-eternal .bond-content .form-fields input, .fvtt-cthulhu-eternal .bond-content .form-fields select { text-align: center; font-size: calc(var(--font-size-standard) * 1); } .fvtt-cthulhu-eternal .bond-content .form-fields select { font-family: var(--font-secondary); font-size: calc(var(--font-size-standard) * 1); } .fvtt-cthulhu-eternal .bond-content legend { font-family: var(--font-secondary); font-size: calc(var(--font-size-standard) * 1.2); font-weight: bold; letter-spacing: 1px; } .fvtt-cthulhu-eternal .bond-content .form-fields { padding-top: 5px; } .fvtt-cthulhu-eternal .bond-content label { font-family: var(--font-secondary); font-size: calc(var(--font-size-standard) * 1); flex: 50%; } .fvtt-cthulhu-eternal .bond-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%;*/ } .fvtt-cthulhu-eternal .bond-content .shift-right { margin-left: 2rem; } .fvtt-cthulhu-eternal .bond-content fieldset { margin-top: 8px; background-color: var(--color-light-1); } .fvtt-cthulhu-eternal .bond-content .header { background-color: var(--color-light-1); display: flex; } .fvtt-cthulhu-eternal .bond-content .header img { width: 50px; height: 50px; } .fvtt-cthulhu-eternal .bond-content input[type="checkbox"] { font-size: var(--font-size-14); width: 20px; padding-top: 0; } .fvtt-cthulhu-eternal .bond-content input[type="checkbox"]:checked { background-color: rgba(0, 0, 0, 0.1); } .fvtt-cthulhu-eternal .bond-content input[type="checkbox"]:checked::after { color: rgba(0, 0, 0, 0.1); } .fvtt-cthulhu-eternal.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.1); } .fvtt-cthulhu-eternal .gear-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%; } .fvtt-cthulhu-eternal .gear-content input:disabled, .fvtt-cthulhu-eternal .gear-content select:disabled { background-color: rgba(0, 0, 0, 0.2); border-color: transparent; color: var(--color-dark-3); } .fvtt-cthulhu-eternal .gear-content input, .fvtt-cthulhu-eternal .gear-content select { background-color: rgba(0, 0, 0, 0.1); border-color: var(--color-dark-6); color: var(--color-dark-2); } .fvtt-cthulhu-eternal .gear-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; } .fvtt-cthulhu-eternal .gear-content fieldset { margin-bottom: 5px; border-radius: 5px; } .fvtt-cthulhu-eternal .gear-content .form-fields input, .fvtt-cthulhu-eternal .gear-content .form-fields select { text-align: center; font-size: calc(var(--font-size-standard) * 1); } .fvtt-cthulhu-eternal .gear-content .form-fields select { font-family: var(--font-secondary); font-size: calc(var(--font-size-standard) * 1); } .fvtt-cthulhu-eternal .gear-content legend { font-family: var(--font-secondary); font-size: calc(var(--font-size-standard) * 1.2); font-weight: bold; letter-spacing: 1px; } .fvtt-cthulhu-eternal .gear-content .form-fields { padding-top: 5px; } .fvtt-cthulhu-eternal .gear-content label { font-family: var(--font-secondary); font-size: calc(var(--font-size-standard) * 1); flex: 50%; } .fvtt-cthulhu-eternal .gear-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%;*/ } .fvtt-cthulhu-eternal .gear-content .shift-right { margin-left: 2rem; } .fvtt-cthulhu-eternal .gear-content fieldset { margin-top: 8px; background-color: var(--color-light-1); } .fvtt-cthulhu-eternal .gear-content .header { background-color: var(--color-light-1); display: flex; } .fvtt-cthulhu-eternal .gear-content .header img { width: 50px; height: 50px; } .fvtt-cthulhu-eternal .gear-content label { flex: 10%; } .fvtt-cthulhu-eternal .arcane-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%; } .fvtt-cthulhu-eternal .arcane-content input:disabled, .fvtt-cthulhu-eternal .arcane-content select:disabled { background-color: rgba(0, 0, 0, 0.2); border-color: transparent; color: var(--color-dark-3); } .fvtt-cthulhu-eternal .arcane-content input, .fvtt-cthulhu-eternal .arcane-content select { background-color: rgba(0, 0, 0, 0.1); border-color: var(--color-dark-6); color: var(--color-dark-2); } .fvtt-cthulhu-eternal .arcane-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; } .fvtt-cthulhu-eternal .arcane-content fieldset { margin-bottom: 5px; border-radius: 5px; } .fvtt-cthulhu-eternal .arcane-content .form-fields input, .fvtt-cthulhu-eternal .arcane-content .form-fields select { text-align: center; font-size: calc(var(--font-size-standard) * 1); } .fvtt-cthulhu-eternal .arcane-content .form-fields select { font-family: var(--font-secondary); font-size: calc(var(--font-size-standard) * 1); } .fvtt-cthulhu-eternal .arcane-content legend { font-family: var(--font-secondary); font-size: calc(var(--font-size-standard) * 1.2); font-weight: bold; letter-spacing: 1px; } .fvtt-cthulhu-eternal .arcane-content .form-fields { padding-top: 5px; } .fvtt-cthulhu-eternal .arcane-content label { font-family: var(--font-secondary); font-size: calc(var(--font-size-standard) * 1); flex: 50%; } .fvtt-cthulhu-eternal .arcane-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%;*/ } .fvtt-cthulhu-eternal .arcane-content .shift-right { margin-left: 2rem; } .fvtt-cthulhu-eternal .arcane-content .header { display: flex; background-color: var(--color-light-1); } .fvtt-cthulhu-eternal .arcane-content .header img { width: 50px; height: 50px; } .fvtt-cthulhu-eternal .arcane-content fieldset { margin-top: 8px; background-color: var(--color-light-1); } .fvtt-cthulhu-eternal .arcane-content label { flex: 10%; } .fvtt-cthulhu-eternal .archetype-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%; } .fvtt-cthulhu-eternal .archetype-content input:disabled, .fvtt-cthulhu-eternal .archetype-content select:disabled { background-color: rgba(0, 0, 0, 0.2); border-color: transparent; color: var(--color-dark-3); } .fvtt-cthulhu-eternal .archetype-content input, .fvtt-cthulhu-eternal .archetype-content select { background-color: rgba(0, 0, 0, 0.1); border-color: var(--color-dark-6); color: var(--color-dark-2); } .fvtt-cthulhu-eternal .archetype-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; } .fvtt-cthulhu-eternal .archetype-content fieldset { margin-bottom: 5px; border-radius: 5px; } .fvtt-cthulhu-eternal .archetype-content .form-fields input, .fvtt-cthulhu-eternal .archetype-content .form-fields select { text-align: center; font-size: calc(var(--font-size-standard) * 1); } .fvtt-cthulhu-eternal .archetype-content .form-fields select { font-family: var(--font-secondary); font-size: calc(var(--font-size-standard) * 1); } .fvtt-cthulhu-eternal .archetype-content legend { font-family: var(--font-secondary); font-size: calc(var(--font-size-standard) * 1.2); font-weight: bold; letter-spacing: 1px; } .fvtt-cthulhu-eternal .archetype-content .form-fields { padding-top: 5px; } .fvtt-cthulhu-eternal .archetype-content label { font-family: var(--font-secondary); font-size: calc(var(--font-size-standard) * 1); flex: 50%; } .fvtt-cthulhu-eternal .archetype-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%;*/ } .fvtt-cthulhu-eternal .archetype-content .shift-right { margin-left: 2rem; } .fvtt-cthulhu-eternal .archetype-content fieldset { margin-top: 8px; background-color: var(--color-light-1); } .fvtt-cthulhu-eternal .archetype-content .header { background-color: var(--color-light-1); display: flex; } .fvtt-cthulhu-eternal .archetype-content .header img { width: 50px; height: 50px; } .fvtt-cthulhu-eternal .archetype-content label { flex: 10%; } .application.dialog.fvtt-cthulhu-eternal { color: var(--color-dark-1); background-color: var(--color-light-1); } .application.dialog.fvtt-cthulhu-eternal button { background-image: none; background-color: var(--color-dark-6); color: var(--color-light-1); } .application.dialog.fvtt-cthulhu-eternal input, .application.dialog.fvtt-cthulhu-eternal select { background-color: rgba(0, 0, 0, 0.1); border-color: var(--color-dark-6); color: var(--color-dark-2); } .fvtt-cthulhu-eternal-roll-dialog fieldset { padding: 10px; background-color: var(--color-light-1); } .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; } .red-warning { color: var(--color-failure); } .orange-warning { color: var(--color-warning); } .dialog-damage { display: flex; justify-content: center; align-items: center; font-family: var(--font-secondary); font-size: calc(var(--font-size-standard) * 2); color: var(--color-dark-1); } .dice-roll { flex-direction: column; } .dice-roll .dice-total, .dice-roll .dice-formula { padding-top: 5px; } .dice-roll .dice-total { margin-bottom: 5px; } .dice-roll .message-header { font-family: var(--font-primary); } .dice-roll img { border: 0px; } .dice-roll .intro-chat { color: var(--color-dark-1); 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 ul { list-style-type: none; padding: 0; margin: 0; justify-content: center; align-items: center; } .dice-roll .intro-chat .intro-right ul li { margin: 0 10px; font-family: var(--font-primary); font-size: calc(var(--font-size-standard) * 1); } .dice-roll .intro-chat .intro-right ul .result-success { color: var(--color-success); font-family: var(--font-title); font-size: calc(var(--font-size-standard) * 1.2); } .dice-roll .intro-chat .intro-right ul .result-critical-success { color: var(--color-critical-success); font-family: var(--font-title); font-size: calc(var(--font-size-standard) * 1.2); } .dice-roll .intro-chat .intro-right ul .result-failure { color: var(--color-failure); font-family: var(--font-title); font-size: calc(var(--font-size-standard) * 1.2); } .dice-roll .intro-chat .intro-right ul .result-critical-failure { color: var(--color-critical-failure); font-family: var(--font-title); font-size: calc(var(--font-size-standard) * 1.2); } .dice-roll .intro-chat .intro-right .introText { font-family: var(--font-secondary); font-size: calc(var(--font-size-standard) * 1.2); width: 210px; margin-left: 20px; } .dice-roll .result { display: flex; flex-direction: column; justify-content: center; align-items: center; font-size: calc(var(--font-size-standard) * 1.2); text-shadow: 0 0 10px var(--color-shadow-primary); }