: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/jazzage_background_main.webp"); /*--background-image-base: url("../assets/ui/jazzage_background_main.webp");*/ --font-primary: "Georama"; --font-secondary: "Georama"; --logo-standard: url("../assets/logos/reanimated-ce-logo.webp"); } .era-icon-color { /*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%);*/ } #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: no-repeat; 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 { width: 400px; } .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 .form-group { flex: 1; padding-left: 5px; } .fvtt-cthulhu-eternal .protagonist-main .protagonist-characteristics .protagonist-characteristic .form-group .form-fields { flex: none; width: 70px; } .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 .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-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(4, 1fr); gap: 4px; } .fvtt-cthulhu-eternal .tab.protagonist-equipment .weapons .weapon { display: flex; align-items: center; gap: 4px; } .fvtt-cthulhu-eternal .tab.protagonist-equipment .weapons .weapon .item-img { width: 50px; height: 50px; margin: 5px 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; } .fvtt-cthulhu-eternal .tab.protagonist-equipment .armors .armor .item-img { width: 50px; height: 50px; margin: 5px 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; } .fvtt-cthulhu-eternal .tab.protagonist-equipment .gears .gear .item-img { width: 50px; height: 50px; margin: 5px 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; } .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 .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); }