/* ========================================= */ /* BoL System LESS Main File */ /* ========================================= */ /* Global Styles */ /* ----------------------------------------- */ /* LOCAL FONTS */ /* ----------------------------------------- */ @font-face { font-family: 'Contrail One'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/contrailone/v10/eLGbP-j_JA-kG0_Zo51noafdZQ.ttf) format('truetype'); } @font-face { font-family: 'Orbitron'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/orbitron/v31/yMJMMIlzdpvBhQQL_SC3X9yhF25-T1nyGy6BoWgz.woff2) format('woff2'); } @font-face { font-family: 'Orbitron'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/orbitron/v31/yMJMMIlzdpvBhQQL_SC3X9yhF25-T1nyKS6BoWgz.woff2) format('woff2'); } @font-face { font-family: "CCMeanwhile"; src: url('../fonts/ccmeanwhile-regular.ttf'); } @font-face { font-family: "Wolfsbane2"; src: url('../fonts/wolfsbane2.ttf'); } @font-face { font-family: "Wolfsbane2Condensed"; src: url('../fonts/wolfsbane2cond.ttf'); } @font-face { font-family: "Wolfsbane2Expanded"; src: url('../fonts/wolfsbane2expand.ttf'); } @font-face { font-family: "IMFellDWPicaSC-Regular"; src: url('../fonts/IMFellDWPicaSC-Regular.ttf'); } /* ----------------------------------------- */ /* TEXT STYLES */ /* ----------------------------------------- */ a.entity-link, a.inline-roll { border: none; background: transparent; border-bottom: 1px dotted grey; padding: 0; } a.inline-roll { border: none; } a:hover { text-shadow: 0 0 5px #a00; } .ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } /* ----------------------------------------- */ /* Foundry VTT Overrides */ /* ----------------------------------------- */ #pause { background: none; } #pause > img { width: 200px; height: 200px; top: -50px; left: calc(50% - 100px); opacity: 0.7; } #pause h3 { font-family: "IMFellDWPicaSC-Regular", serif; font-size: 32px; text-shadow: 0px 3px 5px #000000; } ::-webkit-scrollbar-thumb { outline: none; border-radius: 3px; background: #999 !important; border: 1px solid #333 !important; border-color: #333 !important; } ::-webkit-scrollbar-track { box-shadow: 0 0 3px #005d67 inset !important; border-radius: 3px; } * { scrollbar-width: thin !important; scrollbar-color: #005d67 #ccc !important; } .element-invisible { position: absolute; width: 1px; height: 1px; margin: -1px; border: 0; padding: 0; clip: rect(0 0 0 0); overflow: hidden; } .roll-box { border-width: 1px; border-color: #000000; margin-bottom: 2px; } .hide { display: none; } ul.no-bullets { list-style-type: none; padding: 0; margin: 0; } .nomargin { margin: 0; padding: 0; } /* ----------------------------------------- */ /* Flexbox Utilities */ /* ----------------------------------------- */ .flxrow { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; } .flxrow > * { flex: 1; } .flxrow .flex1 { flex: 1; } .flxrow .flex2 { flex: 2; } .flxrow .flex3 { flex: 3; } .flxrow .flex4 { flex: 4; } .flexrow { display: flex; flex-flow: row wrap; justify-content: flex-start; /* Wrong in v13: > * { flex: 1; } */ } .flexrow .flex1 { flex: 1; } .flexrow .flex2 { flex: 2; } .flexrow .flex3 { flex: 3; } .flexrow .flex4 { flex: 4; } .flexrow .flex5 { flex: 5; } .flexrow .flex6 { flex: 6; } .flexrow .flex7 { flex: 7; } .flexrow .flex8 { flex: 8; } .flexrow .flex9 { flex: 9; } .flexcol .flex1 { flex: 1; } .flexcol .flex2 { flex: 2; } .flexcol .flex3 { flex: 3; } .flexcol .flex4 { flex: 4; } .flex-group-center, .flex-group-left, .flex-group-right { justify-content: center; align-items: center; text-align: center; padding: 5px; } .flex-group-left { justify-content: flex-start; text-align: left; } .flex-group-right { justify-content: flex-end; text-align: right; } .center { text-align: center; display: flex; justify-content: center; align-items: center; } .left { text-align: left; display: flex; align-items: center; justify-content: flex-start; } .right { justify-content: flex-end; text-align: right; display: flex; align-items: center; } .flex-center { align-items: center; justify-content: center; text-align: center; } .flex-between { justify-content: space-between; } .no-wrap { flex-wrap: nowrap !important; } /* ----------------------------------------- */ /* Form Styles */ /* ----------------------------------------- */ .bol { /* Hide number input spinners */ } .bol input[readonly="true"] { border: none; color: dimgray; cursor: not-allowed; width: 100%; vertical-align: middle; background: transparent; } .bol input[type="text"], .bol input[type="number"], .bol input[type="text"]:hover, .bol input[type="number"]:hover, .bol input[type="text"]:focus, .bol input[type="number"]:focus { border-radius: 0; border: none; box-shadow: none; } .bol input[type="number"]::-webkit-inner-spin-button, .bol input[type="number"]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } .bol input[type="number"] { -moz-appearance: textfield; appearance: textfield; } .bol input:disabled:hover, .bol select:disabled:hover, .bol textarea:disabled:hover, .bol input:disabled:focus, .bol select:disabled:focus, .bol textarea:disabled:focus { box-shadow: none !important; border: 1px solid transparent !important; outline: none !important; } .bol button { background: rgba(0, 0, 0, 0.1); } .bol select { box-shadow: none; font-size: 14px; text-align: center; text-align-last: center; -moz-text-align-last: center; width: 100%; border: none; border-radius: 0; } .bol select[multiple] { box-shadow: none; border: none; font-size: 14px; } .bol select[multiple]:focus option:checked { background: darkred linear-gradient(0deg, darkred 0%, darkred 100%); color: white; } .bol option { font-size: 14px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .bol option:hover, .bol option:focus, .bol option:active, .bol option:checked, .bol option[selected] { cursor: pointer; background: darkred linear-gradient(0deg, darkred 0%, darkred 100%); color: white; } .bol label.checkbox { flex: auto; padding: 0; margin: 0; height: 22px; line-height: 22px; font-size: 11px; } .bol label.checkbox > input[type="checkbox"] { width: 16px; height: 16px; margin: 0 2px 0 0; position: relative; top: 4px; } .bol label.checkbox.right > input[type="checkbox"] { margin: 0 0 0 2px; } .bol .form-group label { flex: 2; font-weight: bold; } .bol .form-group .form-fields { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; } .bol .form-group .form-fields > * { flex: 1; margin: 0 3px 0 0; } .bol .form-group .form-fields > *:last-child { margin-right: 0; } .bol .form-group .form-fields > * .flex1 { flex: 1; } .bol .form-group .form-fields > * .flex2 { flex: 2; } .bol .form-group .form-fields > * .flex3 { flex: 3; } .bol .form-group .form-fields > * .flex4 { flex: 4; } .bol .form-group .form-fields label { flex: 0 0 100%; margin: 0; } .bol .form-group .form-fields label.checkbox { flex: auto; text-align: left; } .bol .form-group .form-fields .field-value { text-align: center; } .bol .form-group.stacked label { flex: 0 0 100%; margin: 0; } .bol .form-group.stacked label.checkbox { flex: auto; text-align: left; } .bol .form-header { margin: 0.25em 0 0.25em 0; padding: 2px 5px; font-family: "Wolfsbane2Expanded", cursive; color: #4b4a44; background-color: lightgray; } .bol h1.form-header { font-size: 2.2em; font-weight: 700; } .bol h2.form-header { font-size: 1.8em; font-weight: 500; border-bottom: 1px groove #eeede0; } .bol h3.form-header { font-size: 1.2em; font-weight: 500; border-bottom: 1px groove #eeede0; } .bol h4.form-header { font-size: 1em; font-weight: 500; font-family: 'Signika', sans-serif; color: black; background-color: transparent; border-top: none; border-bottom: 1px groove #eeede0; } .bol .tag { display: inline-block; margin: 0 2px 0 0; padding: 0 3px; font-size: 10px; line-height: 16px; border: 1px solid #999; border-radius: 3px; background: rgba(0, 0, 0, 0.05); } .bol ::placeholder { color: lightgray; opacity: 1; } .bol :-ms-input-placeholder { color: lightgray; } .bol ::-ms-input-placeholder { color: lightgray; } .bol input::placeholder { color: lightgray; } .bol .property { margin-top: 2px; } .bol .inc-dec-btns { color: #4b4a44; } .chat-button { font-size: 0.8rem; } .summmary-number { padding-left: 4rem; } /* ----------------------------------------- */ /* Items List */ /* ----------------------------------------- */ .items-list { list-style: none; margin: 7px 0; padding: 0; overflow-y: hidden; } .items-list .item-header { font-family: 'Signika', sans-serif; font-size: 1em; color: #4b4a44; background-color: lightgray; } .items-list .item-header .item-name { font-family: "Wolfsbane2Expanded", cursive !important; font-size: 1.32em !important; color: #191813 !important; } .items-list .item-header .item-field { font-family: 'Signika', sans-serif !important; font-size: 0.85em !important; color: #4b4a44 !important; } .items-list .item { min-height: 30px; line-height: 24px; padding: 3px 0 3px 3px; border-bottom: 1px solid #BBB; align-items: stretch; color: #4b4a44; font-size: 0.9em; } .items-list .item .item-image { flex: 0 0 30px; padding: 0; margin: 0 5px 0 0; height: 30px; width: 30px; min-height: 30px; min-width: 30px; } .items-list .item .item-image img { padding: 0; margin: 0; border: none; height: 30px; width: 30px; min-height: 30px; min-width: 30px; } .items-list .item .item-image.roll-weapon, .items-list .item .item-image.roll-career { background-color: transparent; background-image: url("../../../icons/svg/dice-target.svg") !important; background-size: 30px 30px; background-repeat: no-repeat; background-position: center; cursor: pointer; } .items-list .item .item-image.roll-weapon:hover, .items-list .item .item-image.roll-career:hover { background-color: gray; } .items-list .item .item-image.roll-weapon:hover img, .items-list .item .item-image.roll-career:hover img { visibility: hidden; } .items-list .item .item-name, .items-list .item .item-field { margin: 0; color: #333; font-size: 0.84rem; font-family: inherit; display: flex; align-items: center; } .items-list .item .item-controls-1 { flex: 0 0 18px; } .items-list .item .item-controls, .items-list .item .item-controls-2 { flex: 0 0 36px; } .items-list .item .item-controls-3 { flex: 0 0 54px; } .items-list .item .item-control { color: #4b4a44; } .items-list .item-name-fixed-medium { min-width: 8rem; width: 8rem; } .items-list .item-field-fixed-short { max-width: 3rem; min-width: 3rem; width: 3rem; } .bougette-dice-img { color: rgba(150, 44, 44, 0.7); } /* ----------------------------------------- */ /* Premade Colors */ /* ----------------------------------------- */ .light { color: lightgray; } .bg-light { background: lightgray; } .darkgray { color: #23221d; } .bg-darkgray { background: #23221d; color: #fff; } .darkbrown { color: #464331c4; } .bg-darkbrown { background: #464331c4; color: #fff; } .darkslate { color: darkslategray; } .bg-darkslate { background: darkslategray; color: #fff; } .darkgreen { color: #003c1e; } .bg-darkgreen { background: #003c1e; color: #fff; } .darkblue { color: midnightblue; } .bg-darkblue { background: midnightblue; color: #fff; } .blue { color: #009ee0; } .bg-blue { background: #009ee0; color: #fff; } .green { color: #44a12b; } .bg-green { background: #44a12b; color: #fff; } .black { color: #000; } .bg-black { background: #000; color: #fff; } .red { color: #cd071e; } .bg-red { background: #cd071e; color: #fff; } .darkred { color: darkred; } .bg-darkred { background: darkred; color: #fff; } .purple { color: purple; } .bg-purple { background: purple; color: #fff; } /* ----------------------------------------- */ /* Post Item Chat Card */ /* ----------------------------------------- */ .bol-post-item { color: #191813; } .bol-post-item .bpi-header { display: flex; flex-direction: row; align-items: flex-start; gap: 8px; padding-bottom: 6px; border-bottom: 2px solid #8b7355; margin-bottom: 8px; } .bol-post-item .bpi-header .bpi-img { width: 52px; height: 52px; border: 1px outset lightgray; box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5); object-fit: cover; flex: 0 0 52px; } .bol-post-item .bpi-header .bpi-title-block { flex: 1; } .bol-post-item .bpi-header .bpi-title-block .bpi-name { margin: 0 0 2px 0; font-family: "Wolfsbane2Expanded", cursive; font-size: 1.1em; color: #4b4a44; line-height: 1.2; border: none; } .bol-post-item .bpi-header .bpi-title-block .bpi-type { font-family: "IMFellDWPicaSC-Regular", serif; font-size: 0.8em; color: #7a7060; font-style: italic; } .bol-post-item .bpi-stats-row { display: flex; flex-direction: row; flex-wrap: wrap; gap: 3px 12px; margin: 4px 0; padding: 4px 6px; background: rgba(139, 115, 85, 0.08); border: 1px solid rgba(139, 115, 85, 0.25); border-radius: 3px; } .bol-post-item .bpi-stats-row .bpi-stat { display: flex; flex-direction: row; align-items: baseline; gap: 4px; } .bol-post-item .bpi-stats-row .bpi-stat .bpi-sl { font-family: "IMFellDWPicaSC-Regular", serif; font-size: 0.72em; color: #7a7060; font-style: italic; } .bol-post-item .bpi-stats-row .bpi-stat .bpi-sv { font-weight: bold; font-size: 0.88em; color: #191813; } .bol-post-item .bpi-tags { display: flex; flex-direction: row; flex-wrap: wrap; gap: 3px; margin: 3px 0; } .bol-post-item .bpi-tags .bpi-tag { padding: 1px 7px; border: 1px solid #8b7355; border-radius: 10px; font-size: 0.7em; color: #4b4a44; background: rgba(139, 115, 85, 0.12); font-family: "IMFellDWPicaSC-Regular", serif; } .bol-post-item .bpi-tags .bpi-tag-magic { border-color: #6a4a9c; color: #5a3a8c; background: rgba(106, 74, 156, 0.1); } .bol-post-item .bpi-tags .bpi-tag-bonus { border-color: #2d7a2d; color: #1a5a1a; background: rgba(45, 122, 45, 0.1); } .bol-post-item .bpi-tags .bpi-tag-malus { border-color: #8b2020; color: #6a1a1a; background: rgba(139, 32, 32, 0.1); } .bol-post-item .bpi-conditions { margin: 3px 0; } .bol-post-item .bpi-conditions .bpi-cond-label { font-family: "IMFellDWPicaSC-Regular", serif; font-size: 0.75em; font-style: italic; color: #7a7060; } .bol-post-item .bpi-conditions .bpi-condition { display: inline-block; margin: 1px 2px; padding: 1px 6px; border-radius: 3px; font-size: 0.8em; } .bol-post-item .bpi-conditions .bpi-cond-req { border: 1px solid #8b2020; background: rgba(139, 32, 32, 0.08); color: #6a1a1a; } .bol-post-item .bpi-conditions .bpi-cond-opt { border: 1px solid #6a7a30; background: rgba(106, 122, 48, 0.08); color: #4a5a20; } .bol-post-item .bpi-description { margin-top: 7px; padding-top: 6px; border-top: 1px dashed #c4a882; } .bol-post-item .bpi-description .bpi-desc-content { font-size: 0.85em; color: #191813; line-height: 1.45; } .bol-post-item .bpi-description .bpi-desc-content p { margin: 0 0 4px 0; } /* ----------------------------------------- */ /* Chat Messages */ /* ----------------------------------------- */ .message-header h2.damage { color: orangered; font-weight: bold; } .message-header h2.critical { font-family: "Wolfsbane2Expanded", cursive; color: #1a7a1a; font-weight: bold; font-size: 1.1rem; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); } .message-header h2.fumble { font-family: "Wolfsbane2Expanded", cursive; color: #8b0000; font-weight: bold; font-size: 1.1rem; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); } .message-header h2.success { font-family: "Wolfsbane2Expanded", cursive; color: #1a5c1a; font-weight: bold; font-size: 1.05rem; } .message-header h2.failure { font-family: "Wolfsbane2Expanded", cursive; color: darkred; font-weight: bold; font-size: 1.05rem; } .message-header h2.roll { color: darkslategrey; font-weight: bold; } h2.good { color: darkgreen; font-weight: bold; } h2.bad { color: darkred; font-weight: bold; } .chat-message { margin: 3px; padding: 6px 8px; font-size: 13px; border-radius: 3px; background-color: #faf7f2; border: 1px solid #d4c8b0; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12); } .chat-message .message-header .flavor-text { font-family: "IMFellDWPicaSC-Regular", serif; font-size: 14px; } .chat-message .message-header .flavor-text h2 { font-family: "Wolfsbane2Expanded", cursive; font-size: 1.1rem; margin: 2px 0; } .chat-message h2.success, .chat-message h2.failure, .chat-message h2.critical, .chat-message h2.fumble { display: flex; align-items: center; gap: 6px; padding: 4px 10px; border-radius: 4px; margin: 0 0 6px 0; font-size: 1rem; letter-spacing: 0.5px; } .chat-message h2.success i, .chat-message h2.failure i, .chat-message h2.critical i, .chat-message h2.fumble i { font-size: 0.9em; } .chat-message h2.success, .chat-message h2.critical { background: linear-gradient(135deg, #1a5c1a20, #2d7a2d15); border: 1px solid #4caf5040; color: #1a5c1a; } .chat-message h2.critical { background: linear-gradient(135deg, #1a5c1a30, #2d7a2d25); border-color: #4caf5070; } .chat-message h2.failure { background: linear-gradient(135deg, #7a000015, #8b000010); border: 1px solid #8b000030; color: #8b0000; } .chat-message h2.fumble { background: linear-gradient(135deg, #7a000025, #8b000020); border: 1px solid #8b000060; color: #6b0000; } .chat-message h3 { font-family: "Wolfsbane2Expanded", cursive; font-size: 0.95rem; color: #191813; margin: 2px 0 5px 0; border-bottom: 1px solid #d4c8b0; padding-bottom: 3px; letter-spacing: 0.3px; } .chat-message .chat-icon { float: right; border: 1px solid #c4a882; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25); border-radius: 3px; margin: 0 0 4px 6px; width: 52px; height: 52px; object-fit: cover; } .chat-message .actions-section { font-size: 0.82rem; color: #4b4a44; line-height: 1.4; } .chat-message .actions-section > div { margin: 2px 0; } .chat-message .chat-button, .chat-message .chat-damage-roll, .chat-message .chat-damage-apply, .chat-message .damage-handling, .chat-message .recup-vitalite { display: block; width: 100%; margin: 3px 0; padding: 4px 10px; background: linear-gradient(135deg, #2a2a2a, #4b4a44); color: #e8e0d0; border: 1px solid #2a2a2a; border-radius: 4px; font-family: "Wolfsbane2Expanded", cursive; font-size: 0.82rem; letter-spacing: 0.4px; cursor: pointer; text-align: center; transition: background 0.15s; } .chat-message .chat-button:hover, .chat-message .chat-damage-roll:hover, .chat-message .chat-damage-apply:hover, .chat-message .damage-handling:hover, .chat-message .recup-vitalite:hover { background: linear-gradient(135deg, #3a3a3a, #5b5a54); } .chat-message .chat-button.hero-reroll, .chat-message .chat-damage-roll.hero-reroll, .chat-message .chat-damage-apply.hero-reroll, .chat-message .damage-handling.hero-reroll, .chat-message .recup-vitalite.hero-reroll { background: linear-gradient(135deg, #7a5500, #a07000); border-color: #6a4500; } .chat-message .chat-button.hero-reroll:hover, .chat-message .chat-damage-roll.hero-reroll:hover, .chat-message .chat-damage-apply.hero-reroll:hover, .chat-message .damage-handling.hero-reroll:hover, .chat-message .recup-vitalite.hero-reroll:hover { background: linear-gradient(135deg, #9a6500, #c08000); } .chat-message .chat-button.transform-heroic-roll, .chat-message .chat-damage-roll.transform-heroic-roll, .chat-message .chat-damage-apply.transform-heroic-roll, .chat-message .damage-handling.transform-heroic-roll, .chat-message .recup-vitalite.transform-heroic-roll, .chat-message .chat-button.transform-legendary-roll, .chat-message .chat-damage-roll.transform-legendary-roll, .chat-message .chat-damage-apply.transform-legendary-roll, .chat-message .damage-handling.transform-legendary-roll, .chat-message .recup-vitalite.transform-legendary-roll { background: linear-gradient(135deg, #7a0000, darkred); border-color: #6b0000; } .chat-message .chat-button.transform-heroic-roll:hover, .chat-message .chat-damage-roll.transform-heroic-roll:hover, .chat-message .chat-damage-apply.transform-heroic-roll:hover, .chat-message .damage-handling.transform-heroic-roll:hover, .chat-message .recup-vitalite.transform-heroic-roll:hover, .chat-message .chat-button.transform-legendary-roll:hover, .chat-message .chat-damage-roll.transform-legendary-roll:hover, .chat-message .chat-damage-apply.transform-legendary-roll:hover, .chat-message .damage-handling.transform-legendary-roll:hover, .chat-message .recup-vitalite.transform-legendary-roll:hover { background: linear-gradient(135deg, #9b0000, #c00000); } .chat-message .chat-damage-roll[data-damage-mode="normal-damage"] { background: linear-gradient(135deg, #7a0000, darkred); border-color: #6b0000; } .chat-message .chat-damage-roll[data-damage-mode="normal-damage"]:hover { background: linear-gradient(135deg, #9b0000, #c00000); } .chat-message .chat-damage-roll[data-damage-mode^="damage-plus"] { background: linear-gradient(135deg, #5a0070, #7a00a0); border-color: #4a0060; } .chat-message .chat-damage-roll[data-damage-mode^="damage-plus"]:hover { background: linear-gradient(135deg, #7a0090, #9a00c0); } .chat-message .chat-damage-apply { background: linear-gradient(135deg, #7a0000, darkred); border-color: #6b0000; } .chat-message .chat-damage-apply:hover { background: linear-gradient(135deg, #9b0000, #c00000); } .chat-message .recup-vitalite { background: linear-gradient(135deg, #1a5c1a, #2d7a2d); border-color: #1a4a1a; } .chat-message .recup-vitalite:hover { background: linear-gradient(135deg, #2a7a2a, #3d9a3d); } .chat-message .damage-handling { background: linear-gradient(135deg, #7a5500, #a07000); border-color: #6a4500; } .chat-message .damage-handling:hover { background: linear-gradient(135deg, #9a6500, #c08000); } .chat-message .damage-handling[data-defense-mode="damage-not-applied"] { background: linear-gradient(135deg, #1a5c1a, #2d7a2d); border-color: #1a4a1a; } .chat-message .damage-handling[data-defense-mode="damage-not-applied"]:hover { background: linear-gradient(135deg, #2a7a2a, #3d9a3d); } .chat-message .damage-handling[data-defense-mode="hero-in-extremis"], .chat-message .damage-handling[data-defense-mode="hero-reduce-damage"] { background: linear-gradient(135deg, #7a0000, darkred); border-color: #6b0000; } .chat-message .damage-handling[data-defense-mode="hero-in-extremis"]:hover, .chat-message .damage-handling[data-defense-mode="hero-reduce-damage"]:hover { background: linear-gradient(135deg, #9b0000, #c00000); } .chat-message .bol-damage-card .damage-card-header, .chat-message .bol-defense-card .damage-card-header, .chat-message .bol-damage-card .defense-card-header, .chat-message .bol-defense-card .defense-card-header { display: flex; align-items: center; gap: 8px; margin-bottom: 6px; padding-bottom: 5px; border-bottom: 1px solid #d4c8b0; } .chat-message .bol-damage-card .damage-card-header .damage-weapon-img, .chat-message .bol-defense-card .damage-card-header .damage-weapon-img, .chat-message .bol-damage-card .defense-card-header .damage-weapon-img, .chat-message .bol-defense-card .defense-card-header .damage-weapon-img { width: 44px; height: 44px; border: 1px solid #c4a882; border-radius: 3px; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25); object-fit: cover; flex: 0 0 44px; } .chat-message .bol-damage-card .damage-card-header .damage-card-title, .chat-message .bol-defense-card .damage-card-header .damage-card-title, .chat-message .bol-damage-card .defense-card-header .damage-card-title, .chat-message .bol-defense-card .defense-card-header .damage-card-title { flex: 1; display: flex; flex-direction: column; gap: 2px; } .chat-message .bol-damage-card .damage-card-header .damage-card-title .damage-card-label, .chat-message .bol-defense-card .damage-card-header .damage-card-title .damage-card-label, .chat-message .bol-damage-card .defense-card-header .damage-card-title .damage-card-label, .chat-message .bol-defense-card .defense-card-header .damage-card-title .damage-card-label { font-family: "Wolfsbane2Expanded", cursive; font-size: 0.75rem; color: #7a0000; letter-spacing: 0.5px; text-transform: uppercase; } .chat-message .bol-damage-card .damage-card-header .damage-card-title .damage-weapon-name, .chat-message .bol-defense-card .damage-card-header .damage-card-title .damage-weapon-name, .chat-message .bol-damage-card .defense-card-header .damage-card-title .damage-weapon-name, .chat-message .bol-defense-card .defense-card-header .damage-card-title .damage-weapon-name { font-family: "Wolfsbane2Expanded", cursive; font-size: 0.9rem; color: #191813; letter-spacing: 0.3px; } .chat-message .bol-damage-card .damage-card-header .damage-card-title .damage-formula, .chat-message .bol-defense-card .damage-card-header .damage-card-title .damage-formula, .chat-message .bol-damage-card .defense-card-header .damage-card-title .damage-formula, .chat-message .bol-defense-card .defense-card-header .damage-card-title .damage-formula { font-size: 0.78rem; color: #6b6b5a; font-style: italic; } .chat-message .bol-damage-card .damage-card-header .damage-card-title .damage-total-badge, .chat-message .bol-defense-card .damage-card-header .damage-card-title .damage-total-badge, .chat-message .bol-damage-card .defense-card-header .damage-card-title .damage-total-badge, .chat-message .bol-defense-card .defense-card-header .damage-card-title .damage-total-badge { display: inline-block; background: linear-gradient(135deg, #7a0000, darkred); color: #e8d890; font-family: "Wolfsbane2Expanded", cursive; font-size: 1.2rem; font-weight: bold; padding: 1px 10px; border-radius: 4px; letter-spacing: 1px; align-self: flex-start; } .chat-message .bol-damage-card .damage-card-header .damage-card-title .damage-total-badge.damage-total-badge--hit, .chat-message .bol-defense-card .damage-card-header .damage-card-title .damage-total-badge.damage-total-badge--hit, .chat-message .bol-damage-card .defense-card-header .damage-card-title .damage-total-badge.damage-total-badge--hit, .chat-message .bol-defense-card .defense-card-header .damage-card-title .damage-total-badge.damage-total-badge--hit { background: linear-gradient(135deg, #7a5500, #a07000); } .chat-message .bol-damage-card .damage-target, .chat-message .bol-defense-card .damage-target { font-size: 0.8rem; color: #4b4a44; font-style: italic; margin-bottom: 4px; } .chat-message .bol-damage-card .damage-note, .chat-message .bol-defense-card .damage-note { font-size: 0.78rem; color: #4b4a44; padding: 2px 6px; margin-bottom: 4px; border-left: 2px solid #c4a882; } .chat-message .bol-damage-card .damage-note.damage-note--warn, .chat-message .bol-defense-card .damage-note.damage-note--warn { border-left-color: darkred; color: darkred; } .chat-message .bol-damage-card .defense-hero-separator, .chat-message .bol-defense-card .defense-hero-separator { text-align: center; font-size: 0.72rem; color: #8b7355; font-family: "IMFellDWPicaSC-Regular", serif; font-style: italic; margin: 3px 0 1px; } .chat-message .bol-damage-card .defense-footer-note, .chat-message .bol-defense-card .defense-footer-note { font-size: 0.72rem; color: #8b7355; font-style: italic; text-align: center; margin-top: 4px; padding-top: 3px; border-top: 1px dashed #d4c8b0; } .chat-message .bol-defense-summary-card .defense-summary-header { display: flex; align-items: center; gap: 8px; margin-bottom: 6px; padding-bottom: 5px; border-bottom: 1px solid #d4c8b0; } .chat-message .bol-defense-summary-card .defense-summary-header .damage-weapon-img { width: 44px; height: 44px; border: 1px solid #c4a882; border-radius: 3px; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25); object-fit: cover; flex: 0 0 44px; } .chat-message .bol-defense-summary-card .defense-summary-details { display: flex; flex-direction: column; gap: 3px; } .chat-message .bol-defense-summary-card .defense-detail { font-size: 0.82rem; color: #4b4a44; padding: 1px 4px; border-left: 2px solid #c4a882; } .chat-message .bol-defense-summary-card .defense-detail.warning { border-left-color: darkred; color: darkred; } .chat-message .bol-defense-summary-card .defense-final { margin-top: 5px; padding: 3px 8px; font-family: "Wolfsbane2Expanded", cursive; font-size: 0.9rem; color: #191813; background: #f0ece0; border-radius: 3px; border-left: 3px solid darkred; } .chat-message .bol-defense-summary-card .defense-final.defense-final--safe { border-left-color: #4a7a4a; color: #2a5a2a; background: #e8f5e8; } .chat-message .bol-defense-summary-card .damage-total-badge--none { background: linear-gradient(135deg, #4a7a4a, #2d5a2d) !important; } .chat-message .bol-vitality-card .vitality-card-header { display: flex; align-items: center; gap: 8px; margin-bottom: 6px; padding-bottom: 5px; border-bottom: 2px solid #4b1010; } .chat-message .bol-vitality-card .vitality-card-header .damage-weapon-img { width: 44px; height: 44px; border: 1px solid #c4a882; border-radius: 3px; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25); object-fit: cover; flex: 0 0 44px; } .chat-message .bol-vitality-card .vitality-card-body { display: flex; flex-direction: column; gap: 3px; } .chat-message .bol-vitality-card .vitality-detail { font-size: 0.82rem; color: #4b4a44; padding: 1px 4px; border-left: 2px solid #c4a882; } .chat-message .bol-vitality-card .vitality-hint { font-size: 0.78rem; color: #6b6b5a; font-style: italic; padding-left: 6px; } .chat-message .bol-vitality-card .vitality-dead { margin-top: 4px; padding: 3px 8px; font-family: "Wolfsbane2Expanded", cursive; font-size: 0.9rem; color: #f0e8d0; background: linear-gradient(135deg, #4b1010, #7a0000); border-radius: 3px; } .chat-message .bol-vitality-card .vitality-epitaph { font-size: 0.78rem; color: #6b6b5a; font-style: italic; text-align: center; margin-top: 3px; } .chat-message .bol-spell-card { margin: 6px 0; } .chat-message .bol-spell-card .spell-card-header { display: flex; align-items: center; gap: 8px; padding: 5px 0; border-bottom: 1px solid #d4c8b0; } .chat-message .bol-spell-card .spell-card-header .spell-img { width: 40px; height: 40px; border: 1px solid #c4a882; border-radius: 3px; object-fit: cover; flex: 0 0 40px; } .chat-message .bol-spell-card .spell-card-header .spell-card-title { flex: 1; display: flex; flex-direction: column; gap: 3px; } .chat-message .bol-spell-card .spell-card-header .spell-card-title .spell-name { font-family: "Wolfsbane2Expanded", cursive; font-size: 0.9rem; color: #191813; } .chat-message .bol-spell-card .spell-card-header .spell-card-title .spell-stats { display: flex; flex-wrap: wrap; gap: 4px; } .chat-message .bol-spell-card .spell-card-header .spell-card-title .spell-stats .spell-stat-badge { display: inline-block; font-family: "Wolfsbane2Expanded", cursive; font-size: 0.72rem; padding: 1px 7px; border-radius: 3px; letter-spacing: 0.3px; } .chat-message .bol-spell-card .spell-card-header .spell-card-title .spell-stats .spell-stat-badge.cost { background: linear-gradient(135deg, #3a0080, #6a00c0); color: #e8d0ff; border: 1px solid #5a00a0; } .chat-message .bol-spell-card .spell-card-header .spell-card-title .spell-stats .spell-stat-badge.remaining { background: linear-gradient(135deg, #1a4a6a, #2a6a9a); color: #d0e8ff; border: 1px solid #1a3a5a; } .chat-message .bol-alchemy-card { margin: 6px 0; } .chat-message .bol-alchemy-card .alchemy-card-header { display: flex; align-items: center; gap: 8px; padding-bottom: 5px; border-bottom: 1px solid #d4c8b0; } .chat-message .bol-alchemy-card .alchemy-card-header .alchemy-img { width: 40px; height: 40px; border: 1px solid #c4a882; border-radius: 3px; object-fit: cover; flex: 0 0 40px; } .chat-message .bol-alchemy-card .alchemy-card-header .alchemy-card-title { flex: 1; display: flex; flex-direction: column; gap: 3px; } .chat-message .bol-alchemy-card .alchemy-card-header .alchemy-card-title .alchemy-name { font-family: "Wolfsbane2Expanded", cursive; font-size: 0.9rem; color: #191813; } .chat-message .bol-alchemy-card .alchemy-card-header .alchemy-card-title .alchemy-stat-badge { display: inline-block; font-family: "Wolfsbane2Expanded", cursive; font-size: 0.72rem; padding: 1px 7px; border-radius: 3px; background: linear-gradient(135deg, #5a3a00, #8a6000); color: #ffe0a0; border: 1px solid #4a3000; } .chat-message .bol-alchemy-card .alchemy-result { font-size: 0.78rem; font-style: italic; padding: 4px 6px; margin-top: 5px; border-radius: 3px; line-height: 1.4; } .chat-message .bol-alchemy-card .alchemy-result.success { color: #1a4a1a; background: #e8f5e8; border: 1px solid #a0d0a0; } .chat-message .bol-alchemy-card .alchemy-result.failure { color: #4a1a1a; background: #f5e8e8; border: 1px solid #d0a0a0; } .chat-message .bol-horoscope-card { margin: 6px 0; } .chat-message .bol-horoscope-card .horoscope-card-header { display: flex; align-items: center; gap: 8px; padding-bottom: 5px; border-bottom: 1px solid #d4c8b0; } .chat-message .bol-horoscope-card .horoscope-card-header .horoscope-icon { font-size: 1.6rem; color: #8a6500; flex: 0 0 auto; } .chat-message .bol-horoscope-card .horoscope-card-header .horoscope-card-title { flex: 1; display: flex; flex-direction: column; gap: 3px; } .chat-message .bol-horoscope-card .horoscope-card-header .horoscope-card-title .horoscope-type { font-family: "Wolfsbane2Expanded", cursive; font-size: 0.9rem; color: #191813; } .chat-message .bol-horoscope-card .horoscope-card-header .horoscope-card-title .horoscope-stat-badge { display: inline-block; font-family: "Wolfsbane2Expanded", cursive; font-size: 0.72rem; padding: 1px 7px; border-radius: 3px; background: linear-gradient(135deg, #6a5500, #a08000); color: #ffe890; border: 1px solid #5a4500; } .chat-message .bol-horoscope-card .horoscope-result .horoscope-text { display: block; font-size: 0.78rem; font-style: italic; padding: 4px 6px; margin-top: 5px; border-radius: 3px; line-height: 1.4; } .chat-message .bol-horoscope-card .horoscope-result .horoscope-text.success { color: #1a4a1a; background: #e8f5e8; border: 1px solid #a0d0a0; } .chat-message .bol-horoscope-card .horoscope-result .horoscope-text.failure { color: #4a1a1a; background: #f5e8e8; border: 1px solid #d0a0a0; } .chat-message .message-content .dice-roll .dice-result .dice-formula { border-radius: 4px; border: 1px solid #555; background: linear-gradient(135deg, #1a1a1a, #2a2a2a); color: #d0c8b8; font-size: 0.8rem; padding: 2px 8px; text-align: center; margin-bottom: 3px; } .chat-message .message-content .dice-roll .dice-result .dice-tooltip { background: #1a1a1a; border: 1px solid #444; border-radius: 4px; } .chat-message .message-content .dice-roll .dice-result .dice-tooltip .tooltip-part .part-total { border-radius: 0; border: 1px inset #444; background-color: #2a2a2a; color: #d0c8b8; } .chat-message .message-content .dice-roll .dice-result .dice-total { border-radius: 4px; border: 2px solid #4b4a44; background: linear-gradient(135deg, #191813, #2a2a2a); color: #e8d890; font-family: "Wolfsbane2Expanded", cursive; font-size: 1.4rem; font-weight: bold; letter-spacing: 1px; padding: 2px 0; margin-top: 3px; } .bol-welcome-card .welcome-header { display: flex; align-items: center; gap: 10px; margin-bottom: 8px; padding-bottom: 6px; border-bottom: 2px solid darkred; } .bol-welcome-card .welcome-header .welcome-logo { width: 52px; height: 52px; object-fit: contain; flex: 0 0 52px; } .bol-welcome-card .welcome-body { font-size: 0.82rem; color: #191813; line-height: 1.4; } .bol-welcome-card .welcome-body p { margin: 4px 0; padding-left: 4px; border-left: 2px solid #d4c8b0; } .bol-welcome-card .welcome-body a { color: darkred; } .bol-welcome-card .welcome-footer { margin-top: 8px; padding: 4px 10px; font-family: "Wolfsbane2Expanded", cursive; font-size: 0.95rem; color: #e8d890; background: linear-gradient(135deg, #7a0000, darkred); border-radius: 4px; letter-spacing: 0.5px; } .bol-welcome-card .welcome-warning { margin-top: 6px; padding: 4px 8px; font-size: 0.8rem; color: #7a0000; background: #fff3f3; border: 1px solid #e57373; border-radius: 3px; } /* Component Styles */ /* ----------------------------------------- */ /* Common Sheet Styles */ /* ----------------------------------------- */ body.system-bol img#logo { content: url("/systems/bol/ui/logo2.webp"); } .journal-page-content { /* Reserved for future use */ } .bol.dialog > section.window-content { background: white; border: 10px solid transparent; border-image: url("/systems/bol/ui/box-border-large.webp") 36 repeat; border-image-outset: 1; padding: 10px; } .bol.dialog .window-title { font-family: "Wolfsbane2Expanded", cursive; color: #4b4a44; } .bol.dialog .sheet-header { text-align: center; margin-bottom: 6px; padding: 4px 0; border-bottom: 2px solid darkred; } .bol.dialog .sheet-header h3 { font-family: "Wolfsbane2Expanded", cursive; font-size: 1.3rem; color: #191813; margin: 0; } .bol.dialog .roll-box, .bol.dialog .box-roll, .bol.dialog div.flexrow:has(.bg-darkred) { border-radius: 6px; overflow: hidden; margin-bottom: 1px; background: #f5f0e8; gap: 2px; } .bol.dialog .roll-box .bg-darkred, .bol.dialog .box-roll .bg-darkred, .bol.dialog div.flexrow:has(.bg-darkred) .bg-darkred { padding: 4px 10px; font-family: "Wolfsbane2Expanded", cursive; font-size: 0.78rem; letter-spacing: 0.6px; border-radius: 5px; margin: 2px 0 2px 2px; background: linear-gradient(135deg, #7a0000, darkred); text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); } .bol.dialog .roll-box .cell, .bol.dialog .box-roll .cell, .bol.dialog div.flexrow:has(.bg-darkred) .cell { background: transparent; padding: 2px 6px; display: flex; align-items: center; justify-content: center; color: #191813; flex-wrap: wrap; } .bol.dialog .roll-box .cell label.checkbox, .bol.dialog .box-roll .cell label.checkbox, .bol.dialog div.flexrow:has(.bg-darkred) .cell label.checkbox { display: flex; justify-content: center; align-items: center; width: 100%; } .bol.dialog select, .bol.dialog input[type="text"], .bol.dialog input[type="number"] { background: transparent !important; color: #191813 !important; border: none !important; box-shadow: none !important; font-size: 0.88rem; width: 100%; } .bol.dialog select option, .bol.dialog input[type="text"] option, .bol.dialog input[type="number"] option { background: #f5f0e8; color: #191813; } .bol.dialog select option:checked, .bol.dialog input[type="text"] option:checked, .bol.dialog input[type="number"] option:checked, .bol.dialog select option:hover, .bol.dialog input[type="text"] option:hover, .bol.dialog input[type="number"] option:hover { background: darkred; color: white; } .bol.dialog input:disabled { color: #8b0000 !important; font-weight: bold; font-size: 0.95rem; } .bol.dialog .dice-options-cell { display: flex !important; flex-wrap: wrap; gap: 4px; padding: 4px 6px; justify-content: center; } .bol.dialog .dice-options-cell .dice-option { display: flex; align-items: center; gap: 3px; padding: 2px 7px; border-radius: 4px; font-size: 0.82rem; cursor: pointer; white-space: nowrap; } .bol.dialog .dice-options-cell .dice-option input[type="radio"] { margin: 0; } .bol.dialog .dice-options-cell .bdice-label { background: #e8f5e8; color: #1a5c1a; border: 1px solid #4caf50; } .bol.dialog .dice-options-cell .neutral-label { background: #f0ede5; color: #4b4a44; border: 1px solid #9e9e7a; } .bol.dialog .dice-options-cell .mdice-label { background: #fce8e8; color: #7a0000; border: 1px solid #e57373; } .bol.sheet footer.form-footer, .bol.dialog footer.form-footer { display: flex; gap: 8px; margin-top: 8px; padding-top: 6px; border-top: 2px solid darkred; } .bol.sheet footer.form-footer button, .bol.dialog footer.form-footer button { flex: 1; background: linear-gradient(135deg, #7a0000, darkred); color: white; border: 1px solid #6b0000; border-radius: 5px; padding: 5px 10px; font-family: "Wolfsbane2Expanded", cursive; font-size: 0.95rem; letter-spacing: 0.6px; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); cursor: pointer; transition: background 0.15s; } .bol.sheet footer.form-footer button i, .bol.dialog footer.form-footer button i { margin-right: 4px; } .bol.sheet footer.form-footer button:hover, .bol.dialog footer.form-footer button:hover { background: linear-gradient(135deg, #9b0000, #c00000); } .bol.sheet footer.form-footer button[type="button"], .bol.dialog footer.form-footer button[type="button"] { background: linear-gradient(135deg, #2a2a2a, #4b4a44); border-color: #2a2a2a; } .bol.sheet footer.form-footer button[type="button"]:hover, .bol.dialog footer.form-footer button[type="button"]:hover { background: linear-gradient(135deg, #3a3a3a, #5b5a54); } .bol.sheet .window-header { border: none; } .bol.sheet .window-content { height: 100%; padding: 10px; overflow-y: hidden; background: transparent; } .bol.sheet .window-content .bol-actor-form { border: 10px solid transparent; border-image: url("/systems/bol/ui/box-border-large.webp") 36 repeat; border-image-outset: 1; background: white; margin: 0; padding: 0; height: 100%; position: relative; width: 100%; } .bol.sheet .window-content .bol-actor-form .sheet-header { background-image: url("/systems/bol/ui/banner.webp"); background-repeat: no-repeat; background-size: 330px 62px; background-position-y: -15px; background-position-x: right; height: 115px; min-height: 115px; max-height: 115px; overflow: hidden; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: flex-end; padding-bottom: 10px; } .bol.sheet .window-content .bol-actor-form .sheet-header .header-field .header-field-group { overflow: hidden; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: baseline; } .bol.sheet .window-content .bol-actor-form .sheet-header .header-field .header-field-group .charname, .bol.sheet .window-content .bol-actor-form .sheet-header .header-field .header-field-group .itemname { color: #4b4a44; font-family: "Wolfsbane2Expanded", cursive; font-size: 1.65rem; background-color: #2a2a2a30; border: 1px solid #4b4a44 !important; border-radius: 0.5rem; width: 100%; margin-bottom: 4px; } .bol.sheet .window-content .bol-actor-form .sheet-header .header-field .header-field-group .header-field-label { margin-right: 5px; font-size: 0.86rem; } .bol.sheet .window-content .bol-actor-form .sheet-header .header-field .header-field-group .header-field-label.xp-sublabel { font-size: 0.9rem; color: #606060; } .bol.sheet .window-content .bol-actor-form .sheet-header .header-field .header-field-group .header-field-value { color: #4b4a44; font-family: "Wolfsbane2Expanded", cursive; font-size: 0.9rem; background-color: #2a2a2a30; border: 1px solid #4b4a44 !important; border-radius: 0.5rem; text-align: center; } .bol.sheet .window-content .bol-actor-form .sheet-header .header-field .header-field-group .header-field-value[type="select"], .bol.sheet .window-content .bol-actor-form .sheet-header .header-field .header-field-group .header-field-value:is(select) { border: 1px solid #4b4a44 !important; border-radius: 0.5rem; background-color: #2a2a2a30; } .bol.sheet .window-content .bol-actor-form .sheet-header .header-buttons { align-self: flex-end; padding-bottom: 10px; } .bol.sheet .window-content .bol-actor-form .sheet-header .header-buttons .post-item { flex: 0 0 auto; height: 32px; width: 32px; line-height: 30px; cursor: pointer; background: rgba(0, 0, 0, 0.1); border: 1px solid #999; border-radius: 3px; } .bol.sheet .window-content .bol-actor-form .sheet-header .header-buttons .post-item:hover { background: rgba(0, 0, 0, 0.2); } .bol.sheet .window-content .bol-actor-form .wrap { flex: 1; min-height: 0; align-items: stretch; } .bol.sheet .window-content .bol-actor-form .bol-actor-sidebar { align-self: flex-start; } .bol.sheet .window-content .bol-actor-form .main { display: flex; flex-direction: column; flex: 1; min-height: 0; height: 100%; overflow: hidden; } .bol.sheet .window-content .bol-actor-form .main .tabs { flex: 0 0 30px; background-color: black; } .bol.sheet .window-content .bol-actor-form .main .tabs .item { line-height: 30px; font-weight: bold; font-family: "CCMeanwhile", cursive; color: white; padding-top: 4px; font-size: 0.8em; } .bol.sheet .window-content .bol-actor-form .main .tabs .item.active { text-decoration: underline; text-shadow: none; } .bol.sheet .window-content .bol-actor-form .main .sheet-body { flex: 1; min-height: 0; overflow: hidden; } .bol.sheet .window-content .bol-actor-form .main .sheet-body .tab { height: 100%; border: none; overflow-y: auto; display: none; } .bol.sheet .window-content .bol-actor-form .main .sheet-body .tab.active { display: block; } .bol.sheet .window-content .bol-actor-form .main .sheet-body .tab.stats hr { margin-top: 6px; margin-bottom: 6px; } .bol.sheet .window-content .bol-actor-form .main .sheet-body .tab.stats .editor, .bol.sheet .window-content .bol-actor-form .main .sheet-body .tab.stats .editor-content, .bol.sheet .window-content .bol-actor-form .main .sheet-body .tab.stats prose-mirror { color: #191813; } .bol.sheet .window-content .bol-actor-form .main .sheet-body .tab.stats prose-mirror .editor-content, .bol.sheet .window-content .bol-actor-form .main .sheet-body .tab.stats prose-mirror p, .bol.sheet .window-content .bol-actor-form .main .sheet-body .tab.stats prose-mirror div, .bol.sheet .window-content .bol-actor-form .main .sheet-body .tab.stats prose-mirror span { color: #191813 !important; } .bol.sheet .window-content .bol-actor-form .main .sheet-body .tab.description .editor, .bol.sheet .window-content .bol-actor-form .main .sheet-body .tab.description .editor-content, .bol.sheet .window-content .bol-actor-form .main .sheet-body .tab.description prose-mirror { height: 100%; color: #191813; } .bol.sheet .window-content .bol-actor-form .main .sheet-body .tab.description prose-mirror .editor-content, .bol.sheet .window-content .bol-actor-form .main .sheet-body .tab.description prose-mirror p, .bol.sheet .window-content .bol-actor-form .main .sheet-body .tab.description prose-mirror div, .bol.sheet .window-content .bol-actor-form .main .sheet-body .tab.description prose-mirror span { color: #191813 !important; } .bol.sheet .window-content .bol-actor-form .main .sheet-body .tab.description input[type="text"], .bol.sheet .window-content .bol-actor-form .main .sheet-body .tab.description input[type="number"] { background-color: #2a2a2a30; border: 1px solid #4b4a44 !important; border-radius: 0.5rem; color: #4b4a44; text-align: center; font-size: 0.95rem; margin-left: 6px; } .bol.sheet .window-content .bol-actor-form .main .sheet-body .tab.description select.header-field-value { background-color: #2a2a2a30; border: 1px solid #4b4a44 !important; border-radius: 0.5rem; color: #4b4a44; } .sheet-profile-img { cursor: pointer; border: none; background-color: #EEE; height: auto; width: 96px; height: 96px; min-width: 96px; min-height: 96px; max-width: 96px; margin-right: 10px; } /* ----------------------------------------- */ /* Actor Sheet Styles */ /* ----------------------------------------- */ .bol.sheet.actor { min-width: 820px; min-height: 700px; height: 700px; } .bol.sheet.actor .window-content .bol-actor-form { background-image: url("/systems/bol/ui/logo.webp"); background-repeat: no-repeat; background-size: 190px 115px; } .bol.sheet.actor .window-content .bol-actor-form .sidebar { padding-top: 115px; min-width: 250px; width: 250px; max-width: 250px; overflow: hidden; } .bol.sheet.actor .window-content .bol-actor-form .sidebar .profile-img { cursor: pointer; border: none; background-color: #EEE; height: auto; width: calc(250px - 10px); min-width: calc(250px - 10px); max-width: calc(250px - 10px); margin-right: 10px; } .bol.sheet.actor .window-content .bol-actor-form .sidebar .items-list { width: calc(250px - 10px); max-width: calc(250px - 10px); margin-right: 10px; } .bol.sheet.actor .window-content .bol-actor-form .main .sheet-body { overflow: hidden; } .bol.sheet.actor .window-content .bol-actor-form .main .sheet-body .tab .attribute.vigor { background-image: url("/systems/bol/ui/attributes/vigor.webp"); background-repeat: no-repeat; background-position: center 40%; background-size: 100px 100px; } .bol.sheet.actor .window-content .bol-actor-form .main .sheet-body .tab .attribute.agility { background-image: url("/systems/bol/ui/attributes/agility.webp"); background-repeat: no-repeat; background-position: center 40%; background-size: 100px 100px; } .bol.sheet.actor .window-content .bol-actor-form .main .sheet-body .tab .attribute.mind { background-image: url("/systems/bol/ui/attributes/mind.webp"); background-repeat: no-repeat; background-position: center 40%; background-size: 100px 100px; } .bol.sheet.actor .window-content .bol-actor-form .main .sheet-body .tab .attribute.appeal { background-image: url("/systems/bol/ui/attributes/appeal.webp"); background-repeat: no-repeat; background-position: center 40%; background-size: 100px 100px; } .bol.sheet.actor .window-content .bol-actor-form .main .sheet-body .tab .attribute .stat-value { margin-top: -18px; } .bol.sheet.actor .window-content .bol-actor-form .main .sheet-body .tab .attribute .stat-value.rounded { background: transparent; border: none; box-shadow: none; text-align: center; line-height: 4rem; } .bol.sheet.actor .window-content .bol-actor-form .main .sheet-body .tab .aptitude .stat-value.rounded-border { background: transparent; text-align: center; line-height: 4rem; } .bol.sheet.actor .resources-value { text-align: center; color: #4b4a44; } .bol.sheet.actor .inc-dec-btns-resource { color: #8b0000; } .bol.sheet.actor .inc-dec-btns-resource:hover { color: #4b4a44; } .bol.sheet.actor .horde-stat-label { font-weight: bold; font-family: "Wolfsbane2Expanded", cursive; font-size: 1rem; font-variant: small-caps; color: #4b4a44; display: flex; align-items: center; } .bol.sheet.actor .horde-stat-row { align-items: center; margin-bottom: 4px; } .bol.sheet.actor .horde-stat-sep { color: #4b4a44; font-weight: bold; padding: 0 4px; flex: 0; } .bol.sheet.actor .bol-footer { height: 62px; max-height: 62px; min-height: 62px; } .bol.sheet.actor .bol-footer .footer-left img { border: none; height: 62px; max-height: 62px; min-height: 62px; transform: scaleX(-1); } .bol.sheet.actor .bol-footer .footer-center { margin-top: 20px; margin-left: calc(-330px * 2); margin-right: calc(-330px * 2); height: 30px; max-height: 30px; min-height: 30px; } .bol.sheet.actor .bol-footer .footer-right { text-align: right; } .bol.sheet.actor .bol-footer .footer-right img { border: none; height: 62px; max-height: 62px; min-height: 62px; } .bol.sheet.actor .stat-max { font-size: 1rem; font-weight: bold; color: #4b4a44; } .bol.sheet.actor .bonus-text { margin-top: 7px; } .bol.sheet.actor .stat-value { font-size: 1.5rem; font-weight: bold; color: darkred; } .bol.sheet.actor .resource-bonus { font-weight: bold; color: darkred; } .bol.sheet.actor .resources-value { background-color: #2a2a2a30; border-color: #003c1e; margin-top: 4px; border-radius: 0.5rem; } .bol.sheet.actor .resources-novalue { background-color: #2a2a2a00; border-color: #003c1e; margin-top: 4px; border-radius: 0.5rem; } .bol.sheet.actor .stat-roll { font-size: 1.5rem; color: #4b4a44; } .bol.sheet.actor .stat-roll.malus { color: darkred; } .bol.sheet.actor .stat-roll.bonus { color: darkgreen; } .bol.sheet.actor .header-field-label, .bol.sheet.actor .stat-label { font-weight: bold; font-family: "Wolfsbane2Expanded", cursive; font-size: 2rem; font-variant: small-caps; color: #4b4a44; } .bol.sheet.actor .rounded { border-radius: 100px; width: 4rem; height: 4rem; } .bol.sheet.actor .rounded-border { border: 3px solid #4b4a44; box-shadow: 5px 5px 5px gray; border-radius: 100px; width: 4rem; height: 4rem; } .bol.sheet.actor .half-rounded { border-radius: 100px 100px 0px 0px; width: 4rem; height: 4rem; } .bol.sheet.actor .half-rounded-border { border-radius: 100px 100px 0px 0px; border: 3px solid #4b4a44; width: 4rem; height: 4rem; } /* ----------------------------------------- */ /* HUD and Chat Extensions */ /* ----------------------------------------- */ .rollable { cursor: pointer; } .chat-message .chat-icon { float: right; border: 1px outset lightgray; box-shadow: 3px 3px 3px black; margin: 3px; width: 64px; height: 64px; } .dialog-button { max-height: 2rem; } .xp-next { color: darkgrey; font-size: 1rem; border: 1px solid #4b4a44; box-shadow: 1px 1px 1px gray; border-radius: 100px; width: 1.25rem; height: 1.25rem; } .tooltip-container { position: relative; display: inline-block; } .tooltip-container .tooltiptext { text-align: center; position: absolute; z-index: 1; visibility: hidden; opacity: 0; transition: opacity 0.3s; background-color: #f2f3a2a0; padding: 4px; width: 4rem; border-radius: 25%; border-width: 1px; transform: translate(-40%, -60%); } .tooltip-container:hover .tooltiptext { visibility: visible; opacity: 1; } .tokenhudext { display: flex; flex: 0 !important; font-family: CaslonPro; font-weight: 600; } .tokenhudext.left { justify-content: flex-start; flex-direction: column; position: absolute; top: 2.75rem; right: 16rem; } .tokenhudext.right { justify-content: flex-start; flex-direction: column; position: absolute; top: -4rem; max-width: 250px; left: 4rem; } .tokenhudext.right2 { justify-content: flex-start; flex-direction: column; position: absolute; top: -4rem; left: 11rem; } .control-icon.tokenhudicon { width: fit-content; height: fit-content; min-width: 6rem; flex-basis: auto; padding: 0.2rem; line-height: 1.1rem; margin: 0.2rem; } .control-icon.tokenhudicon.right { margin-left: 8px; } #token-hud .status-effects.active { z-index: 2; } .bol-hud-menu label { font-size: 0.6rem; } .bol-margin-tb-2 { margin-top: 2px; margin-bottom: 2px; } .character-summary-container { background: #f5f0e8; padding: 4px; } .character-summary-container .cs-table { width: 100%; margin: 0; } .character-summary-container .cs-section-header { background: linear-gradient(135deg, #7a0000, darkred); padding: 4px 6px; min-height: 28px; align-items: center; margin-top: 2px; } .character-summary-container .cs-section-header .item-name, .character-summary-container .cs-section-header .cs-name-col { font-family: "Wolfsbane2Expanded", cursive !important; font-size: 1.1em !important; color: #fff !important; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); } .character-summary-container .cs-section-header .cs-group-header { font-family: 'Signika', sans-serif !important; font-size: 0.75em !important; color: #ffdddd !important; text-align: center; justify-content: center; text-transform: uppercase; letter-spacing: 0.06em; border-left: 1px solid rgba(255, 255, 255, 0.25); } .character-summary-container .cs-col-row { background: #ede0cc; min-height: 20px; padding: 1px 6px; align-items: center; border-bottom: 1px solid #c8b89a; } .character-summary-container .cs-col-row .cs-col-header { font-family: 'Signika', sans-serif !important; font-size: 0.75em !important; color: #7a0000 !important; text-align: center; justify-content: center; font-weight: bold; } .character-summary-container .cs-portrait-col { flex: 0 0 34px; width: 34px; min-width: 34px; display: flex; align-items: center; justify-content: center; } .character-summary-container .cs-portrait { width: 30px; height: 30px; border-radius: 3px; border: 1px solid #c0a080; object-fit: cover; } .character-summary-container .cs-name-col { min-width: 9rem; width: 9rem; } .character-summary-container .cs-actor-row { min-height: 36px; padding: 3px 4px; border-bottom: 1px solid #d0c8b8; align-items: center; background: #faf6ee; transition: background 0.15s; } .character-summary-container .cs-actor-row:hover { background: #ede8dc; } .character-summary-container .cs-actor-name { font-family: 'Signika', sans-serif; font-size: 0.9em; color: #7a0000; font-weight: bold; cursor: pointer; text-decoration: none; } .character-summary-container .cs-actor-name:hover { text-decoration: underline; } .character-summary-container .cs-stat { justify-content: center; text-align: center; } .character-summary-container .cs-group-sep { border-left: 1px solid #c0a878; } .character-summary-container .cs-col-row .cs-group-sep { border-left: 1px solid #c0a878; } .character-summary-container .cs-rollable { display: inline-block; min-width: 1.8em; text-align: center; color: #333; font-size: 0.88em; font-weight: bold; font-family: 'Orbitron', sans-serif; border-radius: 3px; padding: 1px 3px; cursor: pointer; text-decoration: none; } .character-summary-container .cs-rollable:hover { background: darkred; color: #fff; } .character-summary-container .cs-resource { justify-content: center; font-size: 0.82em; color: #555; gap: 1px; } .character-summary-container .cs-res-val { color: #191813; font-weight: bold; font-family: 'Orbitron', sans-serif; } .character-summary-container .cs-res-sep { color: #999; } .character-summary-container .cs-res-max { color: #888; font-family: 'Orbitron', sans-serif; } .character-summary-container .cs-input { width: 3rem; text-align: center; border: 1px solid #c0a080; border-radius: 3px; padding: 2px 4px; background: #fff; font-size: 0.85em; } .character-summary-container .actor-delete { color: #c0392b; } .character-summary-container .actor-delete:hover { color: #e74c3c; } .activated-green { color: darkgreen; } .compendium-sidebar .directory-item.compendium.locked .compendium-banner { opacity: 0.5; } /* ----------------------------------------- */ /* Item Sheet Styles */ /* ----------------------------------------- */ .bol.sheet.item { min-width: 460px; min-height: 400px; } .bol.sheet.item .window-content { background: transparent !important; color: #191813 !important; padding: 10px; overflow: hidden; } .bol.sheet.item .window-content .bol.sheet.item { border: 10px solid transparent; border-image: url("/systems/bol/ui/box-border-large.webp") 36 repeat; border-image-outset: 1; background: white !important; color: #191813 !important; margin: 0; padding: 0; height: 100%; position: relative; width: 100%; display: flex; flex-direction: column; } .bol.sheet.item .window-content .bol.sheet.item .wrap { flex: 1; min-height: 0; display: flex; flex-direction: column; } .bol.sheet.item .window-content .bol.sheet.item .wrap .main { flex: 1; min-height: 0; display: flex; flex-direction: column; } .bol.sheet.item .window-content .bol.sheet.item .wrap .main .sheet-body { flex: 1; min-height: 0; overflow: hidden; } .bol.sheet.item .window-content .bol.sheet.item .wrap .main .sheet-body .tab { display: none; } .bol.sheet.item .window-content .bol.sheet.item .wrap .main .sheet-body .tab.active { display: block; height: 100%; overflow-y: auto; } .bol.sheet.item .window-content .bol.sheet.item .wrap .main .sheet-body .tab.properties { padding: 5px 8px; } .bol.sheet.item .window-content .bol.sheet.item .sheet-header { background-image: url("/systems/bol/ui/banner.webp"); background-size: 330px 62px; background-position: 100% -15px; background-repeat: no-repeat; height: 115px; min-height: 115px; display: flex; align-items: flex-end; padding-bottom: 10px; } .bol.sheet.item .window-content .bol.sheet.item .sheet-header img.profile-img { cursor: pointer; border: none; background-color: lightgray; box-shadow: 5px 5px 5px black; width: 96px; height: 96px; min-width: 96px; min-height: 96px; max-width: 96px; max-height: 96px; margin-right: 10px; object-fit: cover; } .bol.sheet.item .window-content .bol.sheet.item .sheet-header .header-buttons { align-self: flex-end; padding-bottom: 10px; } .bol.sheet.item .window-content .bol.sheet.item .sheet-header .header-buttons .post-item { color: #4b4a44; background: rgba(0, 0, 0, 0.1); border: 1px solid #999; border-radius: 3px; height: 32px; width: 32px; line-height: 30px; cursor: pointer; } .bol.sheet.item .window-content .bol.sheet.item .sheet-header .header-buttons .post-item:hover { color: #191813; background: rgba(0, 0, 0, 0.2); } .bol.sheet.item .window-content .bol.sheet.item .tabs { height: 44px; background-color: black; display: flex; flex-shrink: 0; } .bol.sheet.item .window-content .bol.sheet.item .tabs a.item { line-height: 44px; font-weight: bold; font-family: "CCMeanwhile", cursive; color: white; font-size: 0.9em; } .bol.sheet.item .window-content .bol.sheet.item .tabs a.item.active { text-decoration: underline; text-shadow: none; } .bol.sheet.item .window-content .bol.sheet.item .sheet-body .tab.description.active { color: #191813; display: block; overflow: auto; } .bol.sheet.item .window-content .bol.sheet.item .sheet-body .tab.description.active .editor, .bol.sheet.item .window-content .bol.sheet.item .sheet-body .tab.description.active .editor-content, .bol.sheet.item .window-content .bol.sheet.item .sheet-body .tab.description.active .prosemirror, .bol.sheet.item .window-content .bol.sheet.item .sheet-body .tab.description.active .prosemirror p, .bol.sheet.item .window-content .bol.sheet.item .sheet-body .tab.description.active .prosemirror div, .bol.sheet.item .window-content .bol.sheet.item .sheet-body .tab.description.active .prosemirror span, .bol.sheet.item .window-content .bol.sheet.item .sheet-body .tab.description.active .prosemirror h1, .bol.sheet.item .window-content .bol.sheet.item .sheet-body .tab.description.active .prosemirror h2, .bol.sheet.item .window-content .bol.sheet.item .sheet-body .tab.description.active .prosemirror h3, .bol.sheet.item .window-content .bol.sheet.item .sheet-body .tab.description.active .prosemirror h4, .bol.sheet.item .window-content .bol.sheet.item .sheet-body .tab.description.active .form-group:has(.prosemirror), .bol.sheet.item .window-content .bol.sheet.item .sheet-body .tab.description.active .form-group:has(.editor) { color: #191813 !important; } .bol.sheet.item .window-content .bol.sheet.item .sheet-body .tab.properties label, .bol.sheet.item .window-content .bol.sheet.item .sheet-body .tab.properties .form-group label, .bol.sheet.item .window-content .bol.sheet.item .sheet-body .tab.properties select, .bol.sheet.item .window-content .bol.sheet.item .sheet-body .tab.properties input[type="text"], .bol.sheet.item .window-content .bol.sheet.item .sheet-body .tab.properties input[type="number"] { color: #191813; } .bol.sheet.item h1 input.itemname { margin-top: 0; min-width: 26.4rem; font-family: "Wolfsbane2Expanded", cursive; text-shadow: 3px 3px 5px #333; } .bol.sheet.item .window-content .bol.sheet.item .form-group { display: flex; flex-direction: row; align-items: flex-start; margin: 3px 0; } .bol.sheet.item .window-content .bol.sheet.item .form-group > label:not(.checkbox) { flex: 0 0 40%; color: #191813; font-weight: bold; padding-top: 2px; } .bol.sheet.item .window-content .bol.sheet.item .form-group input[type="checkbox"] { flex: 0 0 auto; width: 16px; height: 16px; margin: 0; position: static; top: auto; cursor: pointer; } .bol.sheet.item .window-content .bol.sheet.item .form-group input[type="text"], .bol.sheet.item .window-content .bol.sheet.item .form-group input[type="number"], .bol.sheet.item .window-content .bol.sheet.item .form-group select, .bol.sheet.item .window-content .bol.sheet.item .form-group .form-fields { flex: 1; } .bol.sheet.item .window-content .bol.sheet.item .form-group .form-fields { display: flex; flex-direction: column; gap: 4px; } .bol.sheet.item .window-content .bol.sheet.item label.checkbox { display: flex; flex-direction: row; align-items: center; gap: 6px; color: #191813; } .bol.sheet.item .window-content .bol.sheet.item label.checkbox > input[type="checkbox"] { position: static; top: auto; margin: 0; flex: 0 0 auto; } .bol.sheet.item .window-content .bol.sheet.item .vehicle-checkboxes { display: grid; grid-template-columns: 1fr 1fr; gap: 6px 16px; padding: 4px 0; } .bol.sheet.item .window-content .bol.sheet.item input[type="text"], .bol.sheet.item .window-content .bol.sheet.item input[type="number"], .bol.sheet.item .window-content .bol.sheet.item input[type="text"]:hover, .bol.sheet.item .window-content .bol.sheet.item input[type="number"]:hover, .bol.sheet.item .window-content .bol.sheet.item input[type="text"]:focus, .bol.sheet.item .window-content .bol.sheet.item input[type="number"]:focus, .bol.sheet.item .window-content .bol.sheet.item select { color: #191813; background-color: #f0efe8; border: 1px solid #999; border-radius: 2px; padding: 1px 4px; } .bol.sheet.item .window-content .bol.sheet.item select option { background-color: #f0efe8; color: #191813; } .bol.sheet.item .item-properties { margin: 5px 0; padding-bottom: 5px; border-bottom: 1px groove #eeede0; } .bol.sheet.item .item-properties .properties-list { list-style: none; margin: 0; padding: 0; display: block; } .bol.sheet.item .item-properties .properties-list li { margin: 3px 0; padding: 0 2px; background: rgba(0, 0, 0, 0.05); border: 1px groove #eeede0; text-align: center; font-size: 12px; line-height: 18px; } .bol.dialog .sheet-header h3 { font-family: "Wolfsbane2Expanded", cursive; font-size: 24px; color: black; } .editor, .editor-content { height: 100%; }