.dorako-ui .tox:not(.tox-tinymce-inline) .tox-editor-header { background: none; box-shadow: none; } /* ----------------------------------------- */ /* App UI */ /* ----------------------------------------- */ #players.dorako-ui { border: none; border-radius: 3px; background: none; background-color: var(--glass-bg); box-shadow: var(--glassy); text-shadow: 0px 0px 3px black; } #players.dorako-ui h3 { cursor: pointer; transition: text-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out, border 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, backdrop-filter 0.15s ease-in-out, border-radius 0.15s; } #players.dorako-ui h3:hover { text-shadow: 0px 0px 8px var(--color-shadow-highlight); } .dorako-ui.app.journal-entry:not(.premium) .window-content { box-shadow: none; margin: 0px; background: none; } .dorako-ui.app.journal-entry:not(.premium) .window-content .journal-entry-content { border: none; margin: 2px; /* prettier-ignore */ box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px var(--gold-brown); background-image: var(--sheet); background-size: cover; margin-left: 4px; height: calc(100% - 4px); } .dorako-ui.app.journal-entry:not(.premium).pf2e-av .journal-entry-content.flexcol { color: black; background: url(../../../modules/pf2e-abomination-vaults/styles/assets/parchment-av.jpg) repeat; } .dorako-ui.window-app { border: none; border-radius: 3px; background: none; background-color: var(--glass-bg); box-shadow: var(--glassy); border-radius: 5px; box-shadow: var(--glassy), 0px 10px 30px 10px rgba(0, 0, 0, 0.5); } .dorako-ui.window-app .window-header { text-shadow: 0px 0px 3px black; border: none; } .dorako-ui.window-app .window-content { border: none; margin: 2px; /* prettier-ignore */ box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px var(--gold-brown); background-image: var(--sheet); background-size: cover; margin: unset; box-shadow: 0 0 0 1px var(--gold-brown) inset, 0 0 0 2px var(--tertiary) inset; border-radius: 0px 0px 3px 3px; } .dorako-ui.window-app.journal-entry .window-content { background: unset; box-shadow: unset; } .dorako-ui.window-app.sidebar-popout { border: none; } .dorako-ui.window-app.sidebar-popout .window-content { background: none; box-shadow: none; margin: 0px; } .dorako-ui.window-app.chat-popout { border-radius: 5px 5px 7px 7px; } .dorako-ui.window-app.chat-popout .window-header { border: none; } .dorako-ui.window-app.chat-popout .message.chat-message { margin: 1px; } .dorako-ui.window-app.image-popout { backdrop-filter: blur(5px); } .dorako-ui.window-app.image-popout .window-content { background: none; box-shadow: none; } .dorako-ui.window-app.maximized { border-radius: 0; margin: 0px; box-shadow: none; } .dorako-ui.window-app.maximized.hazard { background-color: #1c3531; } .dorako-ui.window-app.maximized.character { background-color: #5d0e08; } .dorako-ui.window-app.maximized.npc { background-color: #422d01; } .dorako-ui.window-app .window-resizable-handle { background: none; border: none; text-shadow: 0px 0px 3px black; } .dorako-ui.package-configuration aside.sidebar nav.tabs { padding: 10px; margin: -10px; margin-bottom: 0px; } .dorako-ui::-webkit-scrollbar-thumb { background: var(--tertiary); border: 1px solid var(--gold-brown); } /* ----------------------------------------- */ /* Context Menu */ /* ----------------------------------------- */ .dorako-ui #context-menu { border: none; border-radius: 3px; background: none; background-color: var(--glass-bg); box-shadow: var(--glassy); backdrop-filter: blur(5px); text-shadow: 0px 0px 3px black; } .dorako-ui #context-menu.expand-down { margin-top: 3px; } .dorako-ui #context-menu ol.context-items { border: none; } /* ----------------------------------------- */ /* Tooltip */ /* ----------------------------------------- */ #tooltip { border: none; border-radius: 3px; background: none; background-color: var(--glass-bg); box-shadow: var(--glassy); backdrop-filter: blur(5px); min-height: 34px; font-size: var(--font-size-20); line-height: var(--font-size-20); text-shadow: 0px 0px 3px black; } /* ----------------------------------------- */ /* FPS display */ /* ----------------------------------------- */ #fps { border: none; border-radius: 3px; background: none; background-color: var(--glass-bg); box-shadow: var(--glassy); text-shadow: 0px 0px 3px black; } .dorako-ui.dark-theme.pf2e.item.sheet form section.sheet-body .item-description .descriptions .editor a.add-gm-notes, .dorako-ui.dark-theme.pf2e.item.sheet form section.sheet-body .item-description .descriptions .editor a.editor-edit { border: none; border-radius: 3px; background: none; background-color: var(--glass-bg); box-shadow: var(--glassy); transition: text-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out, border 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, backdrop-filter 0.15s ease-in-out, border-radius 0.15s; text-shadow: 0 0 3px black; color: var(--color-text-light-heading); } .dorako-ui.dark-theme.pf2e.item.sheet form section.sheet-body .item-description .descriptions .editor a.add-gm-notes:hover, .dorako-ui.dark-theme.pf2e.item.sheet form section.sheet-body .item-description .descriptions .editor a.editor-edit:hover { border: none; border-radius: 3px; background: none; background-color: var(--glass-bg); box-shadow: var(--glassy); background-color: var(--primary); color: var(--color-text-light-highlight); box-shadow: var(--glassy); } .dorako-ui.dark-theme.pf2e.item.sheet form section.sheet-body .item-description .descriptions .editor a.add-gm-notes { background-color: #2e0587; } .dorako-ui.dark-theme.pf2e.item.sheet form section.sheet-body .item-description .descriptions .editor a.add-gm-notes:hover { background-color: #440eb9; } .dorako-ui.dark-theme.pf2e.item.sheet form section.sheet-body .item-description .descriptions .gm-notes { background-color: #2e0587; border: 1px dashed #440eb9; padding: 4px; border-radius: 15px; } .dorako-ui.dark-theme.pf2e.item.sheet form section.sheet-body .item-description .descriptions .tox-tinymce { background-color: #440eb9; background-blend-mode: luminosity; } .dorako-ui.dark-theme #sidebar .settings-sidebar button { border: none; border-radius: 3px; background: none; background-color: var(--glass-bg); box-shadow: var(--glassy); transition: text-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out, border 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, backdrop-filter 0.15s ease-in-out, border-radius 0.15s; text-shadow: 0 0 3px black; background-color: var(--glass-bg-light); color: var(--color-text-light-heading); } .dorako-ui.dark-theme #sidebar .settings-sidebar button:hover { background-color: var(--glass-bg); color: var(--color-text-light-highlight); } .dorako-ui.dark-theme.dialog .dialog-buttons button.default { background-color: var(--secondary); border: none; } .dorako-ui.dark-theme.dialog .dialog-buttons button.default:hover { background-color: var(--secondary-light); } .dorako-ui.dark-theme .tox-tinymce { border: none; margin: 2px; /* prettier-ignore */ box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px var(--gold-brown); background-image: var(--sheet); background-size: cover; background-image: var(--sheet-light); box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px var(--gold-brown), 0px 4px 10px black; } .dorako-ui.dark-theme .tox-tinymce.tox:not(.tox-tinymce-inline) .tox-editor-header { padding-top: 0px; } .dorako-ui.dark-theme form .form-group.buttons { gap: 5px; } .dorako-ui.dark-theme.app.choice-set-prompt section.window-content .choices .drop-zone span { color: white; } .dorako-ui.dark-theme { --color-text-dark-primary: var(--color-text-light-heading); } .dorako-ui.dark-theme.pf2e.item.sheet form article.sheet-content > section.sheet-sidebar .item-summary, .dorako-ui.dark-theme.pf2e.item.sheet form article.sheet-content > section.sheet-sidebar .inventory-details label, .dorako-ui.dark-theme.pf2e.item.sheet form article.sheet-content > section.sheet-sidebar .feat-details label { color: var(--color-text-light-heading); } .dorako-ui.dark-theme.pf2e.item.sheet form .item-rules .rule-form .attached-input button { background-color: var(--primary-dark); border: none; } .dorako-ui.dark-theme.pf2e.item.sheet form .item-rules .rule-form .attached-input input { border-radius: 0px 3px 3px 0px; } .dorako-ui.dark-theme:not(.premium) .window-content { border: none; margin: 2px; /* prettier-ignore */ box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px var(--gold-brown); background-image: var(--sheet); background-size: cover; color: var(--color-text-light-heading); } .dorako-ui.light-theme.journal-entry-content { --color-text-dark-primary: #191813; color: var(--color-text-dark-primary); } .dorako-ui.dark-theme.window-app.chat-popout .window-content { background: unset; box-shadow: unset; } .dorako-ui.dark-theme:not(.premium).window-app footer.flexrow { gap: 3px; } .dorako-ui.dark-theme:not(.premium).window-app .window-content { box-shadow: 0 0 0 1px var(--gold-brown) inset, 0 0 0 2px var(--tertiary) inset; background-image: var(--sheet-dark); color: var(--color-text-light-heading); } .dorako-ui.dark-theme:not(.premium).window-app#module-management .package-list .package-title, .dorako-ui.dark-theme:not(.premium).window-app#module-management .package-list .package-metadata, .dorako-ui.dark-theme:not(.premium).window-app#module-management .package-list .package-description { color: var(--color-text-light-highlight); } .dorako-ui.dark-theme:not(.premium).window-app.package-configuration aside.sidebar { border: none; } .dorako-ui.dark-theme:not(.premium).window-app.sheet header.sheet-header img { box-shadow: var(--gold-and-glow); border-radius: 5px; } .dorako-ui.dark-theme:not(.premium).window-app textarea { color: white; border: 1px solid var(--tertiary); } .dorako-ui.dark-theme:not(.premium).window-app a[href] { color: var(--tertiary-dark); } .dorako-ui.dark-theme:not(.premium).window-app hr { border-top: 1px solid var(--tertiary); border-bottom: 1px solid black; } .dorako-ui.dark-theme:not(.premium).window-app.sheet footer.sheet-footer { gap: 5px; } .dorako-ui.dark-theme:not(.premium).window-app .compendium.directory .directory-list .directory-item { border: none; } .dorako-ui.dark-theme:not(.premium).window-app button:not(.tox-tbtn) { border: none; border-radius: 3px; background: none; background-color: var(--glass-bg); box-shadow: var(--glassy); transition: text-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out, border 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, backdrop-filter 0.15s ease-in-out, border-radius 0.15s; text-shadow: 0 0 3px black; color: var(--color-text-light-heading); } .dorako-ui.dark-theme:not(.premium).window-app button:not(.tox-tbtn):hover { border: none; border-radius: 3px; background: none; background-color: var(--glass-bg); box-shadow: var(--glassy); background-color: var(--primary); color: var(--color-text-light-highlight); box-shadow: var(--glassy); } .dorako-ui.dark-theme:not(.premium).window-app button:not(.tox-tbtn).privacy { background-color: #2e0587; } .dorako-ui.dark-theme:not(.premium).window-app button:not(.tox-tbtn).privacy:hover { color: var(--color-text-light-heading); background-color: #440eb9; } .dorako-ui.dark-theme:not(.premium).window-app button:not(.tox-tbtn).pm-dropdown ul { border: none; border-radius: 3px; background: none; background-color: var(--glass-bg); box-shadow: var(--glassy); backdrop-filter: blur(5px); } .dorako-ui.dark-theme:not(.premium).window-app button:not(.tox-tbtn).pm-dropdown li:hover { background: rgba(0, 0, 0, 0.5); } .dorako-ui.dark-theme:not(.premium).window-app button:not(.tox-tbtn).pm-dropdown i { color: var(--color-text-light-heading); } .dorako-ui.dark-theme:not(.premium).window-app button:not(.tox-tbtn).pm-dropdown:hover i { color: var(--color-text-light-highlight); } .dorako-ui.dark-theme:not(.premium).window-app .private button.privacy { color: var(--color-text-light-highlight); background-color: #440eb9; } .dorako-ui.dark-theme:not(.premium).window-app.token-sheet .form-group.children-disabled .range-value, .dorako-ui.dark-theme:not(.premium).window-app input[type=range] + .range-value { border: none; border-radius: 3px; background: none; background-color: var(--glass-bg); box-shadow: var(--glassy); background-color: rgba(0, 0, 0, 0.8); color: var(--color-text-light-heading); } .dorako-ui.dark-theme:not(.premium).window-app input[type=checkbox], .dorako-ui.dark-theme:not(.premium).window-app input[type=radio] { accent-color: var(--tertiary); } .dorako-ui.dark-theme:not(.premium).window-app input[type=checkbox]:checked, .dorako-ui.dark-theme:not(.premium).window-app input[type=radio]:checked { box-shadow: unset; accent-color: var(--tertiary); filter: none; } .dorako-ui.dark-theme:not(.premium).window-app input[type=text]:not(.dorako-ui-skip), .dorako-ui.dark-theme:not(.premium).window-app input[type=number]:not(.dorako-ui-skip), .dorako-ui.dark-theme:not(.premium).window-app input[type=password]:not(.dorako-ui-skip), .dorako-ui.dark-theme:not(.premium).window-app input[type=date]:not(.dorako-ui-skip), .dorako-ui.dark-theme:not(.premium).window-app input[type=time]:not(.dorako-ui-skip), .dorako-ui.dark-theme:not(.premium).window-app input[type=search]:not(.dorako-ui-skip) { border: none; border-radius: 3px; background: none; background-color: var(--glass-bg); box-shadow: var(--glassy); padding-left: 5px; color: var(--color-text-light-heading); accent-color: var(--tertiary); } .dorako-ui.dark-theme:not(.premium).window-app input[type=text]:not(.dorako-ui-skip):checked, .dorako-ui.dark-theme:not(.premium).window-app input[type=number]:not(.dorako-ui-skip):checked, .dorako-ui.dark-theme:not(.premium).window-app input[type=password]:not(.dorako-ui-skip):checked, .dorako-ui.dark-theme:not(.premium).window-app input[type=date]:not(.dorako-ui-skip):checked, .dorako-ui.dark-theme:not(.premium).window-app input[type=time]:not(.dorako-ui-skip):checked, .dorako-ui.dark-theme:not(.premium).window-app input[type=search]:not(.dorako-ui-skip):checked { box-shadow: unset; accent-color: var(--tertiary); filter: none; } .dorako-ui.dark-theme:not(.premium).window-app input[type=text]:not(.dorako-ui-skip):hover, .dorako-ui.dark-theme:not(.premium).window-app input[type=number]:not(.dorako-ui-skip):hover, .dorako-ui.dark-theme:not(.premium).window-app input[type=password]:not(.dorako-ui-skip):hover, .dorako-ui.dark-theme:not(.premium).window-app input[type=date]:not(.dorako-ui-skip):hover, .dorako-ui.dark-theme:not(.premium).window-app input[type=time]:not(.dorako-ui-skip):hover, .dorako-ui.dark-theme:not(.premium).window-app input[type=search]:not(.dorako-ui-skip):hover { border: none; border-radius: 3px; background: none; background-color: var(--glass-bg); box-shadow: var(--glassy); background-color: var(--secondary-dark); color: var(--color-text-light-highlight); } .dorako-ui.dark-theme:not(.premium).window-app input[type=text]:not(.dorako-ui-skip):focus, .dorako-ui.dark-theme:not(.premium).window-app input[type=number]:not(.dorako-ui-skip):focus, .dorako-ui.dark-theme:not(.premium).window-app input[type=password]:not(.dorako-ui-skip):focus, .dorako-ui.dark-theme:not(.premium).window-app input[type=date]:not(.dorako-ui-skip):focus, .dorako-ui.dark-theme:not(.premium).window-app input[type=time]:not(.dorako-ui-skip):focus, .dorako-ui.dark-theme:not(.premium).window-app input[type=search]:not(.dorako-ui-skip):focus { border: none; border-radius: 3px; background: none; background-color: var(--glass-bg); box-shadow: var(--glassy); background-color: var(--secondary); color: white; } .dorako-ui.dark-theme:not(.premium).window-app input[type=text]:not(.dorako-ui-skip):disabled, .dorako-ui.dark-theme:not(.premium).window-app input[type=number]:not(.dorako-ui-skip):disabled, .dorako-ui.dark-theme:not(.premium).window-app input[type=password]:not(.dorako-ui-skip):disabled, .dorako-ui.dark-theme:not(.premium).window-app input[type=date]:not(.dorako-ui-skip):disabled, .dorako-ui.dark-theme:not(.premium).window-app input[type=time]:not(.dorako-ui-skip):disabled, .dorako-ui.dark-theme:not(.premium).window-app input[type=search]:not(.dorako-ui-skip):disabled { color: var(--color-border-dark-tertiary); background-color: rgba(0, 0, 0, 0.8); } .dorako-ui.dark-theme:not(.premium).window-app input[type=text]:not(.dorako-ui-skip):disabled:hover, .dorako-ui.dark-theme:not(.premium).window-app input[type=number]:not(.dorako-ui-skip):disabled:hover, .dorako-ui.dark-theme:not(.premium).window-app input[type=password]:not(.dorako-ui-skip):disabled:hover, .dorako-ui.dark-theme:not(.premium).window-app input[type=date]:not(.dorako-ui-skip):disabled:hover, .dorako-ui.dark-theme:not(.premium).window-app input[type=time]:not(.dorako-ui-skip):disabled:hover, .dorako-ui.dark-theme:not(.premium).window-app input[type=search]:not(.dorako-ui-skip):disabled:hover { color: var(--color-border-dark-tertiary); background-color: rgba(0, 0, 0, 0.8); } .dorako-ui.dark-theme:not(.premium).window-app select:not(.dorako-ui-skip) { border: none; border-radius: 3px; background: none; background-color: var(--glass-bg); box-shadow: var(--glassy); transition: text-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out, border 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, backdrop-filter 0.15s ease-in-out, border-radius 0.15s; color: var(--color-text-light-heading); } .dorako-ui.dark-theme:not(.premium).window-app select:not(.dorako-ui-skip):hover { background-color: var(--secondary-dark); color: var(--color-text-light-highlight); } .dorako-ui.dark-theme:not(.premium).window-app select:not(.dorako-ui-skip) option { background-color: rgb(37, 37, 37); color: var(--color-text-light-heading); } .dorako-ui.dark-theme:not(.premium).window-app select:not(.dorako-ui-skip) optgroup { background-color: rgb(37, 37, 37); color: var(--color-text-light-highlight); } .dorako-ui.dark-theme:not(.premium).window-app input[type=color][data-edit] { border: none; } .dorako-ui.dark-theme:not(.premium).window-app form .form-group.slim .form-fields > label, .dorako-ui.dark-theme:not(.premium).window-app form .form-group span.units, .dorako-ui.dark-theme:not(.premium).window-app form .notes, .dorako-ui.dark-theme:not(.premium).window-app form .hint { color: #a9a798; } .dorako-ui.dark-theme:not(.premium).window-app.filepicker .private .directory, .dorako-ui.dark-theme:not(.premium).window-app.filepicker .public .private.dir { background: rgba(115, 49, 255, 0.15); } .dorako-ui.dark-theme:not(.premium).window-app.filepicker .display-modes a { border: none; border-radius: 3px; background: none; background-color: var(--glass-bg); box-shadow: var(--glassy); color: var(--color-text-light-highlight); text-shadow: 0 0 3px black; } .dorako-ui.dark-theme:not(.premium).window-app.filepicker .display-modes a:hover { background: var(--primary); color: var(--color-text-light-highlight); } .dorako-ui.dark-theme:not(.premium).window-app.filepicker .display-modes a.active { background: var(--primary); color: var(--color-text-light-highlight); text-shadow: 0 0 3px black; } .dorako-ui.dark-theme:not(.premium).window-app#world-clock section.window-content .input-grid button img { border: none; height: 1.5em; filter: invert(1) sepia() brightness(0.8) drop-shadow(0px 0px 3px black); } .dorako-ui.dark-theme:not(.premium).window-app#world-clock section.window-content .input-grid button:hover img { filter: invert(1) sepia() brightness(0.9) drop-shadow(0px 0px 3px black); } .dorako-ui.dark-theme:not(.premium).window-app#keybindings .binding .key { border: none; border-radius: 3px; background: none; background-color: var(--glass-bg); box-shadow: var(--glassy); transition: text-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out, border 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, backdrop-filter 0.15s ease-in-out, border-radius 0.15s; color: var(--color-text-light-heading); text-shadow: 0 0 3px black; } .dorako-ui.dark-theme:not(.premium).window-app#keybindings .binding .key:hover { background-color: var(--primary); color: var(--color-text-light-highlight); } .dorako-ui.dark-theme:not(.premium).window-app#keybindings .binding .key.uneditable { background-color: rgba(0, 0, 0, 0.8); } .dorako-ui.dark-theme:not(.premium).window-app#keybindings .binding .key.uneditable:hover { color: var(--color-text-light-heading); background-color: rgba(0, 0, 0, 0.8); } .dorako-ui.dark-theme:not(.premium).window-app#invitation-links .connection.closed { color: rgba(255, 0, 19, 0.6); } .dorako-ui.dark-theme:not(.premium).window-app#invitation-links .connection.open { color: green; } .dorako-ui.dark-theme:not(.premium).window-app#invitation-links .connection.unknown { color: rgba(250, 219, 60, 0.814); } /* ------------------------------------------------- */ /* Dark theme journals + Critical hit/fumble deck */ /* ------------------------------------------------- */ .app.journal-entry:not(.premium) .window-content .journal-entry-content.dorako-ui.dark-theme { background: var(--sheet-dark); color: var(--color-text-light-heading); } .app.journal-entry:not(.premium) .window-content .journal-entry-content.dorako-ui.dark-theme table.pf2-table tr:nth-child(odd) { background-color: #313131; } .app.journal-entry:not(.premium) .window-content .journal-entry-content.dorako-ui.dark-theme table.pf2-table tr:nth-child(2n) { background-color: #5d5d5d; } .app.journal-entry:not(.premium) .window-content .journal-entry-content.dorako-ui.dark-theme .journal-header .title { color: var(--color-text-light-highlight); } .app.journal-entry:not(.premium) .window-content .journal-entry-content.dorako-ui.dark-theme h1, .app.journal-entry:not(.premium) .window-content .journal-entry-content.dorako-ui.dark-theme h2, .app.journal-entry:not(.premium) .window-content .journal-entry-content.dorako-ui.dark-theme h3, .app.journal-entry:not(.premium) .window-content .journal-entry-content.dorako-ui.dark-theme h4 { color: var(--color-text-light-highlight); } .app.journal-entry:not(.premium) .window-content .journal-entry-content.dorako-ui.dark-theme .journal-entry-page .journal-page-content .fumble-deck code, .app.journal-entry:not(.premium) .window-content .journal-entry-content.dorako-ui.dark-theme .journal-entry-page .journal-page-content .fumble-deck h1, .app.journal-entry:not(.premium) .window-content .journal-entry-content.dorako-ui.dark-theme .journal-entry-page .journal-page-content .critical-deck h1, .app.journal-entry:not(.premium) .window-content .journal-entry-content.dorako-ui.dark-theme .journal-entry-page .journal-page-content .critical-deck code { color: black; } .app.journal-entry:not(.premium) .window-content .journal-entry-content.dorako-ui.dark-theme .journal-entry-page .journal-page-content .critical-deck blockquote, .app.journal-entry:not(.premium) .window-content .journal-entry-content.dorako-ui.dark-theme .journal-entry-page .journal-page-content .fumble-deck blockquote { box-shadow: var(--glassy); } .app.journal-entry:not(.premium) .window-content .journal-entry-content.dorako-ui.dark-theme .journal-entry-page .journal-page-content .critical-deck h1, .app.journal-entry:not(.premium) .window-content .journal-entry-content.dorako-ui.dark-theme .journal-entry-page .journal-page-content .fumble-deck h1 { box-shadow: var(--gold-and-glow); margin-left: 2px; } .chat-bubble { border: none; margin: 2px; /* prettier-ignore */ box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px var(--gold-brown); background-image: var(--sheet); background-size: cover; } .chat-bubble .bubble-content { position: relative; top: 0; } .chat-bubble.left { border-radius: 5px; } .chat-bubble.right { border-radius: 5px; } .chat-bubble.emote { border: none; margin: 2px; /* prettier-ignore */ box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px var(--gold-brown); background-image: var(--sheet); background-size: cover; background-image: var(--sheet-dark); color: var(--color-text-light-heading); font-style: italic; } .chat-bubble.chatter { border: none; border-radius: 3px; background: none; background-color: var(--glass-bg); box-shadow: var(--glassy); border-radius: 5px; color: var(--color-text-light-heading); } body.compact-ui #controls .main-controls .scene-control:not(.active, .toggle), body.compact-ui #controls .sub-controls .control-tool:not(.active, .toggle) { display: none; } body.compact-ui #controls { /* gap: 5px; */ flex-wrap: nowrap; /* width: 75px; */ flex-direction: row; } body.compact-ui .main-controls { display: flex; flex-direction: column; } body.compact-ui #ui-left.active #controls .main-controls .scene-control, body.compact-ui #ui-left.active #controls .sub-controls .control-tool { display: block; } body.compact-ui #controls ol.main-controls.app.control-tools { width: unset; } body.compact-ui #navigation #scene-list .scene:not(.active, .view), body.compact-ui #navigation #nav-toggle { display: none; } body.compact-ui #navigation { pointer-events: all; } body.compact-ui #navigation:hover #scene-list .scene { display: flex; } body.compact-ui #players { opacity: 0; transition: opacity 0.25s ease-in-out; } body.compact-ui #players:hover { transition: opacity 0.25s ease-in-out; opacity: 1; } /* ----------------------------------------- */ /* Controls */ /* ----------------------------------------- */ nav#controls.dorako-ui { padding-top: 12px; } nav#controls.dorako-ui ol.control-tools.sub-controls > li, nav#controls.dorako-ui ol.control-tools.main-controls { margin-right: 8px; } nav#controls.dorako-ui ol.control-tools.main-control { margin-right: 8px; } nav#controls.dorako-ui ol.control-tools li.control-tool, nav#controls.dorako-ui ol.control-tools > li { border: none; border-radius: 3px; background: none; background-color: var(--glass-bg); box-shadow: var(--glassy); transition: text-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out, border 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, backdrop-filter 0.15s ease-in-out, border-radius 0.15s; text-shadow: 0px 0px 3px black; border-radius: 3px; margin-bottom: 8px; } nav#controls.dorako-ui ol.control-tools li.control-tool img, nav#controls.dorako-ui ol.control-tools > li img { filter: sepia() grayscale(0.9) brightness(0.8) drop-shadow(0px 0px 3px black); } nav#controls.dorako-ui ol.control-tools li.control-tool.active, nav#controls.dorako-ui ol.control-tools li.control-tool:hover, nav#controls.dorako-ui ol.control-tools > li.active, nav#controls.dorako-ui ol.control-tools > li:hover { border: none; border-radius: 3px; background: none; background-color: var(--glass-bg); box-shadow: var(--glassy); color: var(--color-text-light-highlight); background-color: var(--primary); } nav#controls.dorako-ui ol.control-tools li.control-tool.active img, nav#controls.dorako-ui ol.control-tools li.control-tool:hover img, nav#controls.dorako-ui ol.control-tools > li.active img, nav#controls.dorako-ui ol.control-tools > li:hover img { filter: sepia() grayscale(0.95) brightness(1) drop-shadow(0px 0px 3px black); } nav#controls.dorako-ui ol.control-tools li.control-tool.toggle, nav#controls.dorako-ui ol.control-tools > li.toggle { border: none; border-radius: 3px; background: none; background-color: var(--glass-bg); box-shadow: var(--glassy); background-color: var(--secondary-dark); } nav#controls.dorako-ui ol.control-tools li.control-tool.toggle.active, nav#controls.dorako-ui ol.control-tools li.control-tool.toggle:hover, nav#controls.dorako-ui ol.control-tools > li.toggle.active, nav#controls.dorako-ui ol.control-tools > li.toggle:hover { border: none; border-radius: 3px; background: none; background-color: var(--glass-bg); box-shadow: var(--glassy); color: white; background-color: var(--secondary-light); } #darkness-adjuster.dorako-ui { border: none; border-radius: 3px; background: none; background-color: var(--glass-bg); box-shadow: var(--glassy); height: 36px !important; border-radius: 3px; backdrop-filter: blur(5px); } #darkness-adjuster.dorako-ui .window-content { overflow: hidden; background: unset; box-shadow: unset; border: none; } /* ----------------------------------------- */ /* Forms */ /* ----------------------------------------- */ .dorako-ui.sheet nav.sheet-tabs { background-color: var(--bg); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.18); border: 1px solid var(--color-border-light-primary); border-radius: 3px; margin: 2px; } .dorako-ui.sheet nav.sheet-tabs .item:not(.active):hover { color: var(--secondary-light); text-shadow: 0px 0px 10px var(--secondary-light); } .dorako-ui.sheet nav.sheet-tabs .item.active { color: var(--secondary-light); text-shadow: 0px 0px 10px var(--secondary-light); } .dorako-ui.dark-theme.sheet nav.sheet-tabs { border: none; border-radius: 3px; background: none; background-color: var(--glass-bg); box-shadow: var(--glassy); background: var(--glass-bg-light); } .dorako-ui.dark-theme.sheet nav.sheet-tabs .item:not(.active):hover { color: var(--tertiary); text-shadow: 0px 0px 10px var(--tertiary); } .dorako-ui.dark-theme.sheet nav.sheet-tabs .item.active { color: var(--tertiary); text-shadow: 0px 0px 10px var(--tertiary); } .dorako-ui.pf2e.item.sheet form .sheet-navigation .sheet-tabs > .list-row:hover, .dorako-ui.pf2e.item.sheet form .sheet-navigation .sheet-tabs > .list-row.active { color: var(--secondary-light); text-shadow: 0px 0px 10px; text-decoration: unset; } .dorako-ui.dark-theme.pf2e.item.sheet form .sheet-navigation .sheet-tabs > .list-row:hover, .dorako-ui.dark-theme.pf2e.item.sheet form .sheet-navigation .sheet-tabs > .list-row.active { color: var(--tertiary); text-shadow: 0px 0px 10px var(--tertiary); text-decoration: unset; } .dorako-ui form button:not(.pm-dropdown) { transition: text-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out, border 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, backdrop-filter 0.15s ease-in-out, border-radius 0.15s; border: 1px solid var(--color-border-light-primary); } .dorako-ui form button:not(.pm-dropdown):hover { background-color: var(--primary-light); color: var(--color-text-light-highlight); border: 1px solid var(--tertiary); } .dorako-ui form button:not(.pm-dropdown):active { background-color: var(--primary-light); color: white; border: 1px solid var(--gold-brown); } .dorako-ui.pf2e.item.sheet .sheet-header img { border: none; margin: 2px; /* prettier-ignore */ box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px var(--gold-brown), 0 0 5px rgba(0, 0, 0, 0.8); border-radius: 5px; margin-right: 8px; } .dorako-ui.pf2e.item.sheet form .form-list { padding: 0.5em 1em; border-image-repeat: repeat; border-image-slice: 11; border-image-source: var(--ornamentation); border-image-width: 14px; border-style: double; } .dorako-ui.app.token-sheet .tab.active[data-tab=appearance] fieldset { border-image-repeat: repeat; border-image-slice: 11; border-image-source: var(--ornamentation); border-image-width: 14px; border-style: double; } .dorako-ui.app.token-sheet .tab.active[data-tab=appearance] fieldset legend { color: var(--color-text-dark-primary); margin-left: 5px; } .dorako-ui.pf2e.item.sheet .sheet-header { border: none; } .dorako-ui.dark-theme.app.token-sheet .tab.active[data-tab=appearance] fieldset legend { color: var(--color-text-light-heading); } .dorako-ui.pf2e.item.sheet form .sheet-navigation { border-radius: 3px; border: none; border: 1px solid var(--color-border-light-primary); background: var(--bg); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.18), 0px -1px 2px rgba(255, 255, 255, 0.3) inset; } .dorako-ui.dark-theme.pf2e.item.sheet form .sheet-navigation { border: none; border-radius: 3px; background: none; background-color: var(--glass-bg); box-shadow: var(--glassy); background: var(--glass-bg-light); } .dorako-ui.dark-theme.pf2e.item.sheet form section.sheet-body .tab.item-details label { color: var(--color-text-light-heading); } .dorako-ui.dark-theme.pf2e.item.sheet form section.sheet-body input[type=text], .dorako-ui.dark-theme.pf2e.item.sheet form section.sheet-body input[type=number], .dorako-ui.dark-theme.pf2e.item.sheet form article.sheet-content select { border: none; border-radius: 3px; background: none; background-color: var(--glass-bg); box-shadow: var(--glassy); } .dorako-ui.window-app.filepicker .display-modes a:hover { text-shadow: 0px 0px 3px black; background-color: var(--primary); color: var(--color-text-light-highlight); } .dorako-ui.window-app.filepicker .display-modes a.active { text-shadow: 0px 0px 3px black; background-color: var(--primary); color: var(--color-text-light-highlight); } .dorako-ui.window-app input[type=text], .dorako-ui.window-app input[type=number], .dorako-ui.window-app input[type=password], .dorako-ui.window-app input[type=date], .dorako-ui.window-app input[type=time], .dorako-ui.window-app input[type=search], .dorako-ui.window-app input[type=checkbox], .dorako-ui.window-app input[type=radio] { transition: text-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out, border 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, backdrop-filter 0.15s ease-in-out, border-radius 0.15s; accent-color: var(--primary); } .dorako-ui.window-app input[type=text]:checked, .dorako-ui.window-app input[type=number]:checked, .dorako-ui.window-app input[type=password]:checked, .dorako-ui.window-app input[type=date]:checked, .dorako-ui.window-app input[type=time]:checked, .dorako-ui.window-app input[type=search]:checked, .dorako-ui.window-app input[type=checkbox]:checked, .dorako-ui.window-app input[type=radio]:checked { accent-color: var(--primary); filter: none; } .dorako-ui.window-app input[type=text]:not(:disabled):hover, .dorako-ui.window-app input[type=number]:not(:disabled):hover, .dorako-ui.window-app input[type=password]:not(:disabled):hover, .dorako-ui.window-app input[type=date]:not(:disabled):hover, .dorako-ui.window-app input[type=time]:not(:disabled):hover, .dorako-ui.window-app input[type=search]:not(:disabled):hover, .dorako-ui.window-app input[type=checkbox]:not(:disabled):hover, .dorako-ui.window-app input[type=radio]:not(:disabled):hover { border-color: var(--secondary-light); box-shadow: 0px 0px 5px var(--secondary-light); } .dorako-ui.window-app input[type=text]:focus, .dorako-ui.window-app input[type=number]:focus, .dorako-ui.window-app input[type=password]:focus, .dorako-ui.window-app input[type=date]:focus, .dorako-ui.window-app input[type=time]:focus, .dorako-ui.window-app input[type=search]:focus, .dorako-ui.window-app input[type=checkbox]:focus, .dorako-ui.window-app input[type=radio]:focus { border-color: var(--secondary-light); box-shadow: 0px 0px 5px var(--secondary-light); } /* ----------------------------------------- */ /* Hotbar */ /* ----------------------------------------- */ #hotbar.dorako-ui .macro { height: calc(var(--macro-size) + 2px); width: calc(var(--macro-size) + 2px); border: none; border-radius: 3px; background: none; background-color: var(--glass-bg); box-shadow: var(--glassy); transition: text-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out, border 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, backdrop-filter 0.15s ease-in-out, border-radius 0.15s; box-shadow: none; } #hotbar.dorako-ui .macro.inactive::before, #hotbar.dorako-ui .macro.active::before { transition: text-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out, border 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, backdrop-filter 0.15s ease-in-out, border-radius 0.15s; content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; box-shadow: var(--glassy); border-radius: 3px; overflow: hidden; pointer-events: none; } #hotbar.dorako-ui .macro.active:hover::before { transition: text-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out, border 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, backdrop-filter 0.15s ease-in-out, border-radius 0.15s; content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0px 0px 10px rgba(220, 200, 100, 0.5) inset, var(--glassy); border-radius: 3px; overflow: hidden; pointer-events: none; } #hotbar.dorako-ui .macro .macro-key { background: none; right: 6px; padding: 0px; font-weight: initial; text-shadow: 0px 1px 5px black, 0px 1px 5px black; } #hotbar.dorako-ui .macro .macro-icon { border-radius: 3px; border: none; height: calc(var(--macro-size) + 2px); width: calc(var(--macro-size) + 2px); } #hotbar.dorako-ui .macro.inactive { box-shadow: none; } #hotbar.dorako-ui .macro:hover { border: none; background-color: var(--primary-light); } #hotbar.dorako-ui .macro.active:hover { border: none; background-color: var(--primary-dark); } #hotbar.dorako-ui #macro-list { gap: 5px; margin: 0px 5px; border: none; grid-template-columns: repeat(10, calc(var(--macro-size) + 2px)); } #hotbar.dorako-ui .bar-controls { border: none; border-radius: 3px; background: none; background-color: var(--glass-bg); box-shadow: var(--glassy); } @media (max-width: 1120px) { #hotbar { width: 354px; height: 110px; } #hotbar #macro-list { grid-template-columns: repeat(5, 50px); } } /* ----------------------------------------- */ /* Scene Navigation */ /* ----------------------------------------- */ #navigation.dorako-ui { color: var(--color-text-light-heading); width: calc(100% - 46px); } #navigation.dorako-ui #nav-toggle { border: none; border-radius: 3px; background: none; background-color: var(--glass-bg); box-shadow: var(--glassy); transition: text-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out, border 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, backdrop-filter 0.15s ease-in-out, border-radius 0.15s; flex: 0 0 32px; height: 32px; } #navigation.dorako-ui ol#scene-list li.nav-item { border: none; border-radius: 3px; background: none; background-color: var(--glass-bg); box-shadow: var(--glassy); transition: text-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out, border 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, backdrop-filter 0.15s ease-in-out, border-radius 0.15s; text-shadow: 0px 0px 3px black; } #navigation.dorako-ui ol#scene-list li.nav-item > a:hover { text-shadow: unset; } #navigation.dorako-ui ol#scene-list li.nav-item .scene-players { text-shadow: none; } #navigation.dorako-ui ol#scene-list li.nav-item:hover { color: var(--color-text-light-highlight); background-color: var(--primary); } #navigation.dorako-ui ol#scene-list li.nav-item.view { border: none; border-radius: 3px; background: none; background-color: var(--glass-bg); box-shadow: var(--glassy); background-color: var(--primary); color: var(--color-text-light-highlight); } #navigation.dorako-ui ol#scene-list li.nav-item.view:hover { color: white; background-color: var(--primary-light); } #navigation.dorako-ui ol#scene-list li.nav-item.gm { border: none; border-radius: 3px; background: none; background-color: var(--glass-bg); box-shadow: var(--glassy); background-color: var(--secondary-dark); } #navigation.dorako-ui ol#scene-list li.nav-item.gm:hover, #navigation.dorako-ui ol#scene-list li.nav-item.gm.view { color: var(--color-text-light-highlight); background-color: var(--secondary-light); } #navigation.dorako-ui ol#scene-list li.nav-item.context { box-shadow: var(--glassy); border: none; } #navigation.dorako-ui ol#scene-list li.nav-item.active { box-shadow: var(--gold-and-glow), var(--glassy); } /* ----------------------------------------- */ /* Notifications */ /* ----------------------------------------- */ .dorako-ui .notification { border: none; border-radius: 3px; background: none; background-color: var(--glass-bg); box-shadow: var(--glassy); text-shadow: 0px 0px 3px black; color: var(--color-text-light-highlight); } .dorako-ui .notification.info { background-color: var(--secondary); border: none; } .dorako-ui .notification.error { background-color: var(--primary); border: none; } .dorako-ui .notification.warning, .dorako-ui .notification.alert { background-color: #ecbf41; color: black; text-shadow: none; border: none; } /* ----------------------------------------- */ /* Sidebar */ /* ----------------------------------------- */ #ui-right #sidebar.dorako-ui { height: -webkit-fill-available; } #ui-right #sidebar.dorako-ui.collapsed { height: auto; } section.chat-sidebar { gap: 5px; padding-bottom: 5px; } #chat-form { margin: 0px 6px; } #chat-form textarea { background: rgb(212, 213, 205); border: 1px solid #7a7971; } #chat-log { margin-left: 4px; display: flex; flex-direction: column; } #chat-log li.dorako-ui:first-child { margin-top: 2px; } .sidebar-tab .message.chat-message { text-shadow: none; } #sidebar.dorako-ui { border: none; border-radius: 3px; background: none; background-color: var(--glass-bg); box-shadow: var(--glassy); border: none; border-radius: 6px 3px 3px 3px; } #sidebar.dorako-ui.collapsed { border-radius: 3px; } #sidebar.dorako-ui.collapsed #sidebar-tabs .item.active { border: none; margin: 2px 4px; } #sidebar.dorako-ui #sidebar-tabs { --sidebar-tab-height: 20px; --sidebar-tab-width: 20px; border: none; box-shadow: none; margin: 0px; margin-top: 1px; } #sidebar.dorako-ui #sidebar-tabs > .collapse { --sidebar-tab-width: 12px; position: relative; } #sidebar.dorako-ui #sidebar-tabs .item { border: none; margin: 2px 0px; text-shadow: 0px 0px 3px black; } #sidebar.dorako-ui #sidebar-tabs .item.active { border: none; margin: 2px; /* prettier-ignore */ box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px var(--gold-brown); margin: 2px 0px; border-radius: 3px; color: white; background-color: var(--primary-light); } .dorako-ui #chat-controls { margin: 0px 5px; gap: 5px; } .dorako-ui #chat-controls i.fas { line-height: 24px; } .dorako-ui #chat-controls .roll-type-select { margin-left: 0px; margin-right: 0px; } #token-hud .status-effects { background: none; box-shadow: none; border: none; padding: 0px; grid-template-columns: repeat(5, 1fr); width: auto; gap: 8px; } #token-hud .status-effects .effect-control { border: none; margin: 0px; padding: 0px; background-color: var(--glass-bg); } #token-hud .status-effects .effect-control::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; box-shadow: var(--glassy); border-radius: 3px; overflow: hidden; pointer-events: none; } #token-hud .status-effects .effect-control.active::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; box-shadow: var(--gold-and-glow), var(--glassy); border-radius: 3px; overflow: hidden; pointer-events: none; } #token-hud .status-effects .effect-control:hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0px 0px 10px rgba(220, 200, 100, 0.5) inset, var(--glassy); border-radius: 3px; overflow: hidden; pointer-events: none; } #token-hud .status-effects .effect-control.active:hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; box-shadow: var(--gold-and-glow), var(--glassy); border-radius: 3px; overflow: hidden; pointer-events: none; } #token-hud .status-effects .effect-control:not(.active):hover img { border: unset; } #token-hud .status-effects .effect-control:hover, #token-hud .status-effects .effect-control.active { filter: none; opacity: 1; border: none; } #token-hud .status-effects .effect-control:hover img, #token-hud .status-effects .effect-control.active img { border: none; } #token-hud .status-effects .effect-control.active:hover { border: none; filter: brightness(0.75) saturate(0.75); } #token-hud .status-effects .effect-control.active img { border: none; opacity: 1; } #token-hud .status-effects .effect-control img { border: none; margin: 0px; opacity: 1; height: auto; width: auto; border-radius: 3px; } #token-hud .status-effects .title-bar { border: none; border-radius: 3px; background: none; background-color: var(--glass-bg); box-shadow: var(--glassy); backdrop-filter: blur(5px); box-sizing: content-box; font-size: var(--font-size-20); font-weight: normal; left: 0; line-height: normal; padding: 3px 0; position: absolute; text-align: center; top: -40px; visibility: hidden; width: 100%; z-index: 1; } #token-hud .status-effects .title-bar.active { visibility: visible; } .placeable-hud input[type=text] { border: none; border-radius: 3px; background: none; background-color: var(--glass-bg); box-shadow: var(--glassy); text-shadow: 0px 0px 3px black; } .placeable-hud input[type=text]:focus { box-shadow: var(--gold-and-glow), var(--glassy); border: none; } .placeable-hud .control-icon { border: none; border-radius: 3px; background: none; background-color: var(--glass-bg); box-shadow: var(--glassy); transition: text-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out, border 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, backdrop-filter 0.15s ease-in-out, border-radius 0.15s; text-shadow: 0px 0px 3px black; } .placeable-hud .control-icon .badge { text-shadow: none; } .placeable-hud .control-icon[data-action=overhead], .placeable-hud .control-icon[data-action=underfoot] { background-color: var(--primary-dark); } .placeable-hud .control-icon[data-action=overhead]:hover, .placeable-hud .control-icon[data-action=overhead].active, .placeable-hud .control-icon[data-action=underfoot]:hover, .placeable-hud .control-icon[data-action=underfoot].active { background-color: var(--primary-light); } .placeable-hud .control-icon[data-action=overhead]:hover > img, .placeable-hud .control-icon[data-action=overhead].active > img, .placeable-hud .control-icon[data-action=underfoot]:hover > img, .placeable-hud .control-icon[data-action=underfoot].active > img { filter: sepia() grayscale(0.95) brightness(1) drop-shadow(0px 0px 3px black); } .placeable-hud .control-icon[data-action=overhead]:hover:hover, .placeable-hud .control-icon[data-action=overhead].active:hover, .placeable-hud .control-icon[data-action=underfoot]:hover:hover, .placeable-hud .control-icon[data-action=underfoot].active:hover { background-color: var(--primary-light); } .placeable-hud .control-icon[data-action=sort-up]:hover, .placeable-hud .control-icon[data-action=sort-down]:hover, .placeable-hud .control-icon[data-action=config]:hover, .placeable-hud .control-icon[data-action=trigger]:hover { background-color: var(--primary); } .placeable-hud .control-icon[data-action=sort-up]:hover > img, .placeable-hud .control-icon[data-action=sort-down]:hover > img, .placeable-hud .control-icon[data-action=config]:hover > img, .placeable-hud .control-icon[data-action=trigger]:hover > img { filter: sepia() brightness(0.8) drop-shadow(0px 0px 3px black); } .placeable-hud .control-icon[data-action=visibility], .placeable-hud .control-icon[data-action=effects], .placeable-hud .control-icon[data-action=combat], .placeable-hud .control-icon[data-action=locked], .placeable-hud .control-icon[data-action=target], .placeable-hud .control-icon[data-action=active], .placeable-hud .control-icon[data-action=mystify] { background-color: var(--secondary-dark); } .placeable-hud .control-icon[data-action=visibility]:hover, .placeable-hud .control-icon[data-action=visibility].active, .placeable-hud .control-icon[data-action=effects]:hover, .placeable-hud .control-icon[data-action=effects].active, .placeable-hud .control-icon[data-action=combat]:hover, .placeable-hud .control-icon[data-action=combat].active, .placeable-hud .control-icon[data-action=locked]:hover, .placeable-hud .control-icon[data-action=locked].active, .placeable-hud .control-icon[data-action=target]:hover, .placeable-hud .control-icon[data-action=target].active, .placeable-hud .control-icon[data-action=active]:hover, .placeable-hud .control-icon[data-action=active].active, .placeable-hud .control-icon[data-action=mystify]:hover, .placeable-hud .control-icon[data-action=mystify].active { background-color: var(--secondary-light); } .placeable-hud .control-icon[data-action=visibility]:hover > img, .placeable-hud .control-icon[data-action=visibility].active > img, .placeable-hud .control-icon[data-action=effects]:hover > img, .placeable-hud .control-icon[data-action=effects].active > img, .placeable-hud .control-icon[data-action=combat]:hover > img, .placeable-hud .control-icon[data-action=combat].active > img, .placeable-hud .control-icon[data-action=locked]:hover > img, .placeable-hud .control-icon[data-action=locked].active > img, .placeable-hud .control-icon[data-action=target]:hover > img, .placeable-hud .control-icon[data-action=target].active > img, .placeable-hud .control-icon[data-action=active]:hover > img, .placeable-hud .control-icon[data-action=active].active > img, .placeable-hud .control-icon[data-action=mystify]:hover > img, .placeable-hud .control-icon[data-action=mystify].active > img { filter: sepia() grayscale(0.95) brightness(1) drop-shadow(0px 0px 3px black); } .placeable-hud .control-icon:hover { background-color: var(--secondary); color: var(--color-text-light-highlight); } .placeable-hud .control-icon.active { color: var(--color-text-light-highlight); background-color: var(--secondary-light); border: none; } .placeable-hud .control-icon.active > img { filter: sepia() grayscale(0.95) brightness(1) drop-shadow(0px 0px 3px black); } .placeable-hud .control-icon > img { opacity: 1; filter: sepia() brightness(0.8) drop-shadow(0px 0px 3px black); } .dorako-ui.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list li.action .item-name .item-image { border: none; margin: 2px; /* prettier-ignore */ box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px var(--gold-brown); border-radius: 2px; margin: 0px; margin-right: 8px; } .dorako-ui.actor.sheet .crb-style aside .sidebar select { color: white; } .dorako-ui.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.feats .feat-item .item-name .item-image .item-icon, .dorako-ui.spellcasting-entry.preparation ol.spell-list > li .item-name .item-image .item-icon { border-radius: 2px; } .dorako-ui.actor.sheet .crb-style aside .modifiers_button { text-shadow: none; } .dorako-ui.actor.sheet .crb-style aside .modifiers_button:hover:not(:disabled) { background: white; color: var(--primary); } .dorako-ui.actor.sheet .crb-style { background-image: url("../img/header.webp"), var(--sheet); } .dorako-ui.spellcasting-entry.preparation ol.spell-list > li .item-name .item-image:hover .dorako-ui.actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .item-name .item-image:hover, .dorako-ui.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list li.action .item-name .item-image:hover, .dorako-ui.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.effects .effects-list .item .item-name .item-image:hover { transition: text-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out, border 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, backdrop-filter 0.15s ease-in-out, border-radius 0.15s; background: white !important; } .dorako-ui.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list li.action.expanded .item-summary, .dorako-ui.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels .actions-options, .dorako-ui.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-options, .dorako-ui.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .skills-list .skill, .dorako-ui.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .lores-list .skill, .dorako-ui.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .combat-list .skill, .dorako-ui.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .ability-scores .ability, .dorako-ui.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .ability-scores .ability h3.ability-mod { border-image-source: var(--ornamentation); } .dorako-ui.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-options { gap: 3px; } .dorako-ui.sheet.actor.loot section.sidebar .gm-settings .loot-distribution { box-shadow: unset; background: unset; gap: 3px; display: flex; flex-direction: column; } .dorako-ui.sheet.actor.loot section.sidebar .gm-settings .loot-distribution button { background-color: var(--tertiary); } .dorako-ui.sheet.actor.loot section.sidebar .gm-settings .loot-distribution button:hover { color: black; background-color: var(--tertiary-dark); } .dorako-ui.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list.strikes-list li.strike .auxiliary-actions button:not(:disabled) { text-shadow: unset; } .dorako-ui.actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li.spell.expanded { border-radius: 0px 0px 10px 10px; } .dorako-ui.actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .item-summary .item-buttons button { transition: text-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out, border 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, backdrop-filter 0.15s ease-in-out, border-radius 0.15s; text-shadow: 0px 0px 3px black; color: white; background-color: var(--primary); box-shadow: 0px 0px 1px 1px var(--tertiary) inset; border: 1px solid var(--gold-brown); } .dorako-ui.actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .item-summary .item-buttons button:hover { background-color: var(--primary-light); } .dorako-ui.actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .item-summary { border: none; margin: 2px; /* prettier-ignore */ box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px var(--gold-brown); background-image: var(--sheet); background-size: cover; border: none; margin: 2px; /* prettier-ignore */ box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px var(--gold-brown), 0 0 5px rgba(0, 0, 0, 0.8); margin: 5px 0px; border-radius: 8px; } .dorako-ui.actor.sheet .crb-style nav.sheet-navigation .item, .dorako-ui.actor.sheet .crb-style nav.sheet-navigation .item:hover, .dorako-ui .actor.sheet .crb-style nav.sheet-navigation .item.active { z-index: 4; } .dorako-ui.actor.sheet.character .crb-style .sheet-body .sheet-content h3.header > button, .dorako-ui.actor.sheet.character .crb-style .sheet-body .sheet-content h3.header > .controls { gap: 3px; } .dorako-ui.actor.sheet .inventory .list-row .item-controls .item-control.item-carry-type:not(.active) { color: var(--half-transparent); } .dorako-ui.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.inventory .encumbrance .encumbrance-light-bulk-overflow { color: var(--body); text-shadow: unset; } .dorako-ui.actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .item-name .item-image .item-icon { border-radius: 2px; } .dorako-ui.actor.sheet .inventory .item-name .item-image { background-color: var(--alt-dark); border: 1px solid var(--gold-brown); border-bottom: 0px; border-left: 0px; } .dorako-ui.actor.sheet .inventory .item-name .item-image:last-child { border-bottom: 1px solid var(--gold-brown); } .dorako-ui.actor.sheet .inventory .container-held-items .item-name .item-image { border-left: 1px solid var(--gold-brown); } .dorako-ui.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.inventory .wealth { margin-bottom: unset; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3), inset 0 0 0 2px rgba(255, 255, 255, 0.2), 0 2px 4px rgba(0, 0, 0, 0.18); } .dorako-ui.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.inventory .inventory-list { padding-top: 0.5rem; } .dorako-ui.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions { gap: unset; } .dorako-ui.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions > div { padding-top: 0.5rem; } .dorako-ui.dark-theme h4.rarity-common { color: var(--rarity-common) !important; border-color: var(--rarity-common) !important; } .dorako-ui.dark-theme h4.rarity-uncommon { color: var(--rarity-uncommon) !important; border-color: var(--rarity-uncommon) !important; } .dorako-ui.dark-theme h4.rarity-rare { color: var(--rarity-rare) !important; border-color: var(--rarity-rare) !important; } .dorako-ui.dark-theme h4.rarity-unique { color: var(--rarity-unique) !important; border-color: var(--rarity-unique) !important; } .dorako-ui.dark-theme .tags .tag.tag_secondary, .dorako-ui.dark-theme .tags .tag option.tag_secondary { background-color: var(--tertiary-dark); color: black; } .dorako-ui.dark-theme .tags .tag.tag_transparent, .dorako-ui.dark-theme .tags .tag option.tag_transparent { box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); } .dorako-ui.dark-theme.sheet.actor.loot section.sidebar .gm-settings .loot-distribution { gap: 5px; } .dorako-ui.dark-theme.sheet.actor.loot section.sidebar .gm-settings .loot-distribution button { border: none; border-radius: 3px; background: none; background-color: var(--glass-bg); box-shadow: var(--glassy); text-shadow: unset; background-color: var(--tertiary); color: black; } .dorako-ui.dark-theme.sheet.actor.loot section.sidebar .gm-settings .loot-distribution button:hover { background-color: var(--tertiary-dark); color: black; } .dorako-ui.dark-theme.actor.sheet .inventory .item-summary { background: rgba(0, 0, 0, 0.25); } .dorako-ui.dark-theme.actor.sheet .inventory .list-row .item-controls .item-control.item-toggle-invest { color: var(--half-transparent); } .dorako-ui.dark-theme.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .ability-scores .ability .ability-name { color: var(--color-border-light-primary); } .dorako-ui.dark-theme.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .ability-scores .ability .ability-score input { background: rgba(211, 204, 188, 0.2); box-shadow: none; } .dorako-ui.dark-theme.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.effects .effects-list .item.unidentified { border-radius: 3px; background: rgba(245, 234, 245, 0.1333333333); outline: 1px dashed #720073; } .dorako-ui.dark-theme.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list li.action, .dorako-ui.dark-theme.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.effects .effects-list .item { border-image: linear-gradient(90deg, rgba(241, 237, 234, 0), black) 1; } .dorako-ui.dark-theme.actor.sheet .inventory .list-row .item-controls .item-control .fa-stack .fa-1, .dorako-ui.dark-theme.actor.sheet .inventory .list-row .item-controls .item-control .fa-stack .fa-2 { color: black; } .dorako-ui.dark-theme.actor.sheet .crb-style .sheet-body .sheet-content .tab.biography h3 { color: var(--tertiary); border-color: var(--tertiary); } .dorako-ui.dark-theme.actor.sheet .crb-style .sheet-body .sheet-content .tab.biography .biography-content .editor .editor-content { border: none; border-radius: 3px; background: none; background-color: var(--glass-bg); box-shadow: var(--glassy); } .dorako-ui.dark-theme.actor.sheet.character .crb-style .sheet-body .sheet-content h3.header { color: var(--tertiary); } .dorako-ui.dark-theme.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list li.action.expanded h4 { color: var(--tertiary); } .dorako-ui.dark-theme.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list li.action.expanded .item-summary .tag.tag_secondary { background-color: var(--tertiary-dark); } .dorako-ui.dark-theme .crb-style .details-label { color: var(--tertiary); } .dorako-ui.dark-theme.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .ability-scores .ability .ability-id { color: var(--tertiary); } .dorako-ui.dark-theme.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane h1 { color: var(--tertiary); } .dorako-ui.dark-theme.actor.sheet.character .crb-style .sheet-body .sheet-content h3.header button { background-color: var(--tertiary); color: black; text-shadow: unset; } .dorako-ui.dark-theme.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .ability-scores .ability.key .ability-id, .dorako-ui.dark-theme.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .ability-scores .ability.key .ability-mod { color: var(--tertiary-dark); } .dorako-ui.dark-theme.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.spellcasting .spellcasting-entry .spell-ability-data .skill-score, .dorako-ui.dark-theme.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.feats .feat-item .item-name .feat-slot-title { color: var(--tertiary-dark); } .dorako-ui.dark-theme.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .skills-list .skill .rollable:hover, .dorako-ui.dark-theme.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .lores-list .skill .rollable:hover, .dorako-ui.dark-theme.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .combat-list .skill .rollable:hover { color: var(--tertiary); text-shadow: unset; } .dorako-ui.dark-theme.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.feats .feat-item .item-name h4:hover, .dorako-ui.dark-theme.actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .item-name h4:hover, .dorako-ui.dark-theme.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list li.action .item-name .actions-title .action-name h4:hover, .dorako-ui.dark-theme.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list li.action .item-name h4:hover { color: var(--tertiary); text-shadow: unset; } .dorako-ui.dark-theme.actor.sheet .crb-style aside .modifiers_button { background: hsla(0, 0%, 100%, 0.75); border: none; border-radius: 2px 2px 0 0; box-shadow: inset 0 0 0 1px hsla(0, 0%, 100%, 0.4); color: var(--primary); margin: 0; padding: 2px 3px; } .dorako-ui.dark-theme.actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .item-summary .item-buttons button { border: none; border-radius: 3px; background: none; background-color: var(--glass-bg); box-shadow: var(--glassy); transition: text-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out, border 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, backdrop-filter 0.15s ease-in-out, border-radius 0.15s; background-color: var(--primary); color: var(--color-text-light-highlight); font-family: var(--sans-serif); text-shadow: 0px 0px 3px black; } .dorako-ui.dark-theme.actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .item-summary .item-buttons button:hover { background-color: var(--primary-light); color: white; text-shadow: 0px 0px 3px black; } .dorako-ui.dark-theme.actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .item-summary { border: none; margin: 2px; /* prettier-ignore */ box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px var(--gold-brown); background-image: var(--sheet); background-size: cover; margin: 5px 0px; border-radius: 8px; background-color: var(--secondary-dark); background-blend-mode: luminosity; } .dorako-ui.dark-theme.actor.sheet.character .crb-style .sheet-body .sheet-content nav { background: var(--glass-bg-light); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.18), 0px -1px 2px rgba(255, 255, 255, 0.3) inset; } .dorako-ui.dark-theme.actor.sheet.character .crb-style .sheet-body .sheet-content nav .tab { border-left: 1px solid rgba(255, 255, 255, 0.3); border-right: 1px solid rgba(0, 0, 0, 0.2); color: var(--tertiary-dark); } .dorako-ui.dark-theme.actor.sheet.character .crb-style .sheet-body .sheet-content nav .tab.active { color: var(--tertiary); } .dorako-ui.dark-theme.actor.sheet.character .crb-style .sheet-body .sheet-content nav .tab:hover { text-shadow: 0 0 3px rgba(0, 0, 0, 0.5); } .dorako-ui.dark-theme.actor.sheet.character .crb-style .sheet-body .sheet-content nav::before, .dorako-ui.dark-theme.actor.sheet.character .crb-style .sheet-body .sheet-content nav::after { filter: invert(1); } .dorako-ui.dark-theme.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list.strikes-list li.strike .alt-usage img.alt-usage-icon { filter: invert(1); } .dorako-ui.dark-theme.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.spellcasting .spellcasting-entry .rollable .d20-svg path, .dorako-ui.dark-theme.actor.sheet a.roll-icon svg path { fill: var(--text-light); } .dorako-ui.dark-theme.actor.sheet .inventory .list-row .item-controls .item-control.item-toggle-invest.active, .dorako-ui.dark-theme.actor.sheet .inventory .list-row .item-controls .item-control.item-carry-type.active { color: var(--tertiary-dark); } .dorako-ui.dark-theme.actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li.spell-level-header input, .dorako-ui.dark-theme.actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .uses input { box-shadow: unset; } .dorako-ui.dark-theme.sheet.actor section.sidebar, .dorako-ui.dark-theme.sheet.actor section.sidebar .gm-settings, .dorako-ui.dark-theme.sheet.actor section.sidebar > img.actor-icon, .dorako-ui.dark-theme.sheet.actor section.sidebar .sidebar-meta, .dorako-ui.dark-theme.sheet.actor .sheet-header { border-color: var(--tertiary) !important; } .dorako-ui.dark-theme.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list.strikes-list li.strike .button-group { gap: 3px; } .dorako-ui.dark-theme.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list.strikes-list li.strike .button-group button { border: none; border-radius: 3px; background: none; background-color: var(--glass-bg); box-shadow: var(--glassy); transition: text-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out, border 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, backdrop-filter 0.15s ease-in-out, border-radius 0.15s; text-shadow: 0px 0px 3px black; } .dorako-ui.dark-theme.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list.strikes-list li.strike .button-group button:not(:disabled) { background: var(--secondary); color: var(--color-text-light-highlight); } .dorako-ui.dark-theme.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list.strikes-list li.strike .button-group button:not(:disabled).damage { background: var(--primary); } .dorako-ui.dark-theme.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list.strikes-list li.strike .button-group button:not(:disabled).damage:hover { background: var(--primary-light); color: white; } .dorako-ui.dark-theme.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list.strikes-list li.strike .button-group button:not(:disabled):hover { border: none; border-radius: 3px; background: none; background-color: var(--glass-bg); box-shadow: var(--glassy); text-shadow: 0px 0px 3px black; background: var(--secondary-light); color: white; } .dorako-ui.dark-theme.actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li button.cast-spell, .dorako-ui.dark-theme.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.spellcasting .blue-button { border: none; border-radius: 3px; background: none; background-color: var(--glass-bg); box-shadow: var(--glassy); transition: text-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out, border 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, backdrop-filter 0.15s ease-in-out, border-radius 0.15s; text-shadow: 0px 0px 3px black; background: var(--secondary); color: var(--color-text-light-highlight); } .dorako-ui.dark-theme.actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li button.cast-spell:hover, .dorako-ui.dark-theme.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.spellcasting .blue-button:hover { border: none; border-radius: 3px; background: none; background-color: var(--glass-bg); box-shadow: var(--glassy); text-shadow: 0px 0px 3px black; background: var(--secondary-light); color: white; } .dorako-ui.dark-theme.actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li[data-expended-state=true] .cast-spell { background: var(--secondary-dark); color: var(--color-disabled); } .dorako-ui.dark-theme.actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li[data-expended-state=true] .cast-spell:hover { background: var(--secondary-dark); color: var(--color-disabled); } .dorako-ui.dark-theme.actor.sheet .crb-style header.char-header .char-details h1.char-name input[type=text], .dorako-ui.dark-theme.actor.sheet .crb-style header.char-header .char-details h1.char-name span.non-editable, .dorako-ui.dark-theme.actor.sheet .crb-style header.char-header .char-level .level input, .dorako-ui.dark-theme.actor.sheet.character .crb-style header.char-header .char-level .exp-data .exp-input input, .dorako-ui.dark-theme.actor.sheet .crb-style .sheet-body .sheet-content ol.directory-list .action-header h3 input.item-name-input, .dorako-ui.dark-theme.actor.sheet .crb-style aside input[type=number], .dorako-ui.dark-theme.actor.sheet .crb-style aside .sidebar .stamina li input.right { background: unset; box-shadow: unset; color: unset; } .dorako-ui.dark-theme.actor.sheet .crb-style header.char-header .char-details h1.char-name input[type=text]:hover, .dorako-ui.dark-theme.actor.sheet .crb-style header.char-header .char-details h1.char-name input[type=text]:focus, .dorako-ui.dark-theme.actor.sheet .crb-style header.char-header .char-details h1.char-name span.non-editable:hover, .dorako-ui.dark-theme.actor.sheet .crb-style header.char-header .char-details h1.char-name span.non-editable:focus, .dorako-ui.dark-theme.actor.sheet .crb-style header.char-header .char-level .level input:hover, .dorako-ui.dark-theme.actor.sheet .crb-style header.char-header .char-level .level input:focus, .dorako-ui.dark-theme.actor.sheet.character .crb-style header.char-header .char-level .exp-data .exp-input input:hover, .dorako-ui.dark-theme.actor.sheet.character .crb-style header.char-header .char-level .exp-data .exp-input input:focus, .dorako-ui.dark-theme.actor.sheet .crb-style .sheet-body .sheet-content ol.directory-list .action-header h3 input.item-name-input:hover, .dorako-ui.dark-theme.actor.sheet .crb-style .sheet-body .sheet-content ol.directory-list .action-header h3 input.item-name-input:focus, .dorako-ui.dark-theme.actor.sheet .crb-style aside input[type=number]:hover, .dorako-ui.dark-theme.actor.sheet .crb-style aside input[type=number]:focus, .dorako-ui.dark-theme.actor.sheet .crb-style aside .sidebar .stamina li input.right:hover, .dorako-ui.dark-theme.actor.sheet .crb-style aside .sidebar .stamina li input.right:focus { background: unset; box-shadow: unset; color: unset; } .combat-sidebar .drag-gap { visibility: hidden; } .combat-sidebar .hidden-name .token-name h4 { color: var(--color-text-light-7); } .combat-sidebar li.combatant .token-image { margin: 2px; } .combat-sidebar li.combatant .token-name img.token-effect { border-radius: 50%; border: 1px solid var(--tertiary); box-shadow: 1px 1px 4px #222; } .combat-sidebar li.combatant.defeated img { transform: unset; } .combat-sidebar li.combatant.active { background: var(--primary); color: var(--color-text-light-highlight); } #ui-middle { position: relative; } .effect-panel.dorako-ui { pointer-events: initial; position: absolute; top: 5px; top: 0px; right: 3px; right: -3px; overflow: hidden scroll; height: calc(100% - 62px); height: 100%; padding-top: 5px; padding-bottom: 10%; padding-left: 15px; } .effect-panel.dorako-ui::-webkit-scrollbar-track { box-shadow: none; } .effect-panel.dorako-ui .effect-item { display: flex; justify-content: flex-end; height: 46px; margin-bottom: 0.2em; margin-right: 3px; } .effect-panel.dorako-ui .effect-item:hover .effect-info { display: block; } .effect-panel.dorako-ui .effect-item[data-badge-type=formula] .icon:hover:before { border-radius: 50%; } .effect-panel.dorako-ui .effect-item .effect-info { border: none; border-radius: 3px; background: none; background-color: var(--glass-bg); box-shadow: var(--glassy); display: none; height: min-content; margin: 3px; margin-right: 0.5em; padding: 4px 8px; backdrop-filter: blur(5px); z-index: var(--z-index-tooltip); } .effect-panel.dorako-ui .effect-item .effect-info a:not(.content-link) { border: none; border-radius: 3px; background: none; background-color: var(--glass-bg); box-shadow: var(--glassy); transition: text-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out, border 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, backdrop-filter 0.15s ease-in-out, border-radius 0.15s; text-align: center; text-shadow: 0px 0px 3px black; font-size: var(--font-size-12); background-color: var(--primary); color: var(--color-text-light-highlight); } .effect-panel.dorako-ui .effect-item .effect-info a:not(.content-link):hover { background-color: var(--primary-light); color: white; text-shadow: 0px 0px 3px black; } .effect-panel.dorako-ui .effect-item .effect-info h1 { font-size: var(--font-size-16); color: var(--color-text-light-highlight); text-align: right; border: none; } .effect-panel.dorako-ui .effect-item .effect-info p:last-child { margin-bottom: 0px; } .effect-panel.dorako-ui .effect-item .effect-info .tags { justify-content: flex-end; } .effect-panel.dorako-ui .effect-item .effect-info .tags .tag { margin-bottom: 0; } .effect-panel.dorako-ui .effect-item .effect-info .tags .tag + .tag, .effect-panel.dorako-ui .effect-item .effect-info .tags .tag:first-child { margin-left: 3px; margin-right: -2px; } .effect-panel.dorako-ui .effect-item .effect-info .instructions { color: var(--color-text-light-heading); font-size: 0.75em; text-align: right; } .effect-panel.dorako-ui .effect-item .icon { border: none; margin: 2px; /* prettier-ignore */ box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px var(--gold-brown), 0 0 5px rgba(0, 0, 0, 0.8); border-radius: 50%; align-items: center; background-repeat: no-repeat; background-size: contain; color: transparent; display: flex; justify-content: center; position: relative; height: 42px; width: 42px; margin-left: 3px; } .effect-panel.dorako-ui .effect-item .icon.aura { border-radius: 5px; transform: scale(0.8); box-shadow: 0 0 10px 3px var(--tertiary), 0 0 0 1px var(--tertiary), 0 0 0 2px var(--gold-brown), 0 0 5px rgba(0, 0, 0, 0.8); } .effect-panel.dorako-ui .effect-item .icon .expired { position: absolute; left: auto; bottom: -1px; width: 80%; width: unset; padding: 2px 2px; color: white; color: var(--color-text-light-highlight); background-color: var(--primary-light); text-shadow: 0px 0px 3px black; box-shadow: var(--gold-and-glow); border-radius: 2px; } .effect-panel.dorako-ui .effect-item .icon .linked { position: absolute; display: inline-block; bottom: -1px; right: -1px; padding: 0px 2px; color: white; color: var(--color-text-light-highlight); background-color: rgba(0, 0, 0, 0.75); background: none; text-shadow: 0px 1px 5px black, 0px 1px 5px black; } .effect-panel.dorako-ui .effect-item .icon .value-wrapper { background: none; } .effect-panel.dorako-ui .effect-item .icon .value-wrapper .value { padding: 0px 2px; color: white; color: var(--color-text-light-highlight); background-color: rgba(0, 0, 0, 0.75); background: none; text-shadow: 0px 1px 5px black, 0px 1px 5px black; } .effect-panel.dorako-ui .effect-item .icon.unidentified { filter: drop-shadow(0 0 8px var(--blind-bg)); } .effect-panel.dorako-ui hr { margin-right: 6; margin-right: 2px; width: 36px; width: 42px; border-top: 1px solid var(--tertiary); border-bottom: 1px solid var(--gold-brown); box-shadow: 0 0 20px rgba(0, 0, 0, 0.8); } .dorako-ui.familiar .main-section { gap: 10px; margin: 0px 10px; } .dorako-ui.familiar .main-container { display: flex; flex-direction: column; gap: 10px; } .dorako-ui.familiar .window-content .skills-content .skills-list .skill-name { transition: text-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out, border 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, backdrop-filter 0.15s ease-in-out, border-radius 0.15s; background: rgba(255, 255, 240, 0.8); border: 1px solid var(--color-border-light-primary); } .dorako-ui.familiar .window-content .skills-content .skills-list .skill-name:hover { box-shadow: none; color: var(--color-text-light-highlight); border: 1px solid var(--gold-brown); background-color: var(--primary-light); box-shadow: 0px 0px 1px 1px var(--tertiary) inset, 0px 0px 5px var(--primary-light); } .dorako-ui.familiar .window-content .skills-content .skills-list .skill-name:hover .score { color: var(--tertiary); } .dorako-ui.familiar .section-container { border: none; margin: 2px; /* prettier-ignore */ box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px var(--gold-brown); background-image: var(--sheet); background-size: cover; box-shadow: var(--gold-and-glow), 0px 5px 6px rgba(0, 0, 0, 0.5); padding: unset; border-radius: 5px; } .dorako-ui.familiar .section-container .section-header { background: var(--primary); border-radius: 5px 5px 0px 0px; border: none; box-shadow: var(--gold-and-glow); } .dorako-ui.familiar .section-container .section-body { border: none; } .dorako-ui.dark-theme.familiar .detail .detail-label { color: var(--tertiary); } .dorako-ui.dark-theme.familiar .window-content .familiar-sheet-header .header-content .details-section .hp-section .value input { box-shadow: none; } .dorako-ui.dark-theme.familiar .window-content .skills-content .skills-list .skill-name { border: none; border-radius: 3px; background: none; background-color: var(--glass-bg); box-shadow: var(--glassy); } .dorako-ui.dark-theme.familiar .window-content .skills-content .skills-list .skill-name .score { color: var(--primary-light); } .dorako-ui.dark-theme.familiar .window-content .skills-content .skills-list .skill-name:hover { border: none; border-radius: 3px; background: none; background-color: var(--glass-bg); box-shadow: var(--glassy); background-color: var(--primary-light); } .dorako-ui.dark-theme.familiar .window-content .skills-content .skills-list .skill-name:hover .score { color: var(--tertiary); } .dorako-ui.dark-theme [data-visibility]:not([data-visibility=all]) { border-radius: 3px; outline: 1px dashed #720073; /* ----------------------------------------- */ /* GM Visibility Elements */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Owner Visibility Elements */ /* ----------------------------------------- */ } .dorako-ui.dark-theme [data-visibility]:not([data-visibility=all])[data-visibility=gm] { background: rgba(245, 234, 245, 0.1333333333); } .dorako-ui.dark-theme [data-visibility]:not([data-visibility=all])[data-visibility=gm].message-sender { max-width: fit-content; } .dorako-ui.dark-theme [data-visibility]:not([data-visibility=all])[data-visibility=gm] [data-visibility=gm] { outline: none; padding: initial; } .dorako-ui.dark-theme [data-visibility]:not([data-visibility=all])[data-visibility=owner] { background: rgba(245, 234, 245, 0.1333333333); } .dorako-ui.dark-theme [data-visibility]:not([data-visibility=all])[data-visibility=owner] [data-visibility=owner] { outline: none; padding: initial; } .dorako-ui.hazard { --hazard: #1c3532; } .dorako-ui.hazard form > header { box-shadow: var(--gold-and-glow), 0px 5px 6px rgba(0, 0, 0, 0.5); } .dorako-ui.hazard .content { display: flex; flex-direction: column; gap: 10px; } .dorako-ui.hazard .content .section-container { border: none; margin: 2px; /* prettier-ignore */ box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px var(--gold-brown); background-image: var(--sheet); background-size: cover; box-shadow: var(--gold-and-glow), 0px 5px 6px rgba(0, 0, 0, 0.5); padding: unset; border-radius: 5px; } .dorako-ui.hazard .content .section-container:first-child { margin-top: 10px; } .dorako-ui.hazard .content .section-container .section-header { background: var(--hazard); border-radius: 5px 5px 0px 0px; border: none; box-shadow: var(--gold-and-glow); } .dorako-ui.hazard .content .section-container .section-body { border: none; } .dorako-ui.dark-theme.hazard input { color: var(--color-text-light-primary); } .dorako-ui.dark-theme.hazard .sidebar { border-right: 1px solid var(--tertiary); } .dorako-ui.dark-theme.hazard .sidebar .health input { color: var(--color-text-light-primary); } .dorako-ui.sheet.pf2e.actor.npc ol.spell-list > li .item-name .item-image .item-icon { border-radius: 3px; } .dorako-ui.sheet.pf2e.actor.npc form.npc-sheet .sheet-body .tab { padding-top: 2px; } .dorako-ui.sheet.pf2e.actor.npc form.npc-sheet .activity-icon { font-weight: 100; } .dorako-ui.sheet.pf2e.actor.npc form.npc-sheet input[type=number]:focus, .dorako-ui.sheet.pf2e.actor.npc form.npc-sheet input[type=number]:hover:not(:disabled), .dorako-ui.sheet.pf2e.actor.npc form.npc-sheet input[type=text]:focus, .dorako-ui.sheet.pf2e.actor.npc form.npc-sheet input[type=text]:hover:not(:disabled) { border: 1px solid var(--tertiary); box-shadow: 0 0 10px var(--primary-light); } .dorako-ui.sheet.pf2e.actor.npc form.npc-sheet input.adjustable:not(:focus).adjusted-higher, .dorako-ui.sheet.pf2e.actor.npc form.npc-sheet span.adjustable.adjusted-higher { color: green !important; } .dorako-ui.sheet.pf2e.actor.npc form.npc-sheet input.adjustable:not(:focus).adjusted-lower, .dorako-ui.sheet.pf2e.actor.npc form.npc-sheet span.adjustable.adjusted-lower { color: red !important; } .dorako-ui.sheet.pf2e.actor.npc form.npc-sheet .top-sections { gap: 5px; } .dorako-ui.sheet.pf2e.actor.npc form.npc-sheet .side-bar-section { border: none; margin: 2px; /* prettier-ignore */ box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px var(--gold-brown); background-image: var(--sheet); background-size: cover; box-shadow: var(--gold-and-glow), 0px 5px 6px rgba(0, 0, 0, 0.5); border-radius: 3px; margin: 3px; margin-top: 0px; margin-bottom: 10px; } .dorako-ui.sheet.pf2e.actor.npc form.npc-sheet .side-bar-section.initiative select { width: 98%; margin-bottom: 2px; } .dorako-ui.sheet.pf2e.actor.npc form.npc-sheet .side-bar-section.collapsed { max-height: 20px; transition: max-height 0.5s cubic-bezier(0, 1, 0, 1); } .dorako-ui.sheet.pf2e.actor.npc form.npc-sheet .side-bar-section.collapsed .side-bar-section-header { border-radius: 3px; } .dorako-ui.sheet.pf2e.actor.npc form.npc-sheet .side-bar-section.collapsed:not(.empty):hover { max-height: 1000px; transition: max-height 1s ease-in-out; } .dorako-ui.sheet.pf2e.actor.npc form.npc-sheet .side-bar-section.collapsed:not(.empty):hover .side-bar-section-header { border-radius: 3px 3px 0px 0px; } .dorako-ui.sheet.pf2e.actor.npc form.npc-sheet .side-bar-section.collapsed:not(.empty):hover .side-bar-section-content { display: block; } .dorako-ui.sheet.pf2e.actor.npc form.npc-sheet .side-bar-section.collapsed .side-bar-section-content { display: none; } .dorako-ui.sheet.pf2e.actor.npc form.npc-sheet .section-container { box-shadow: var(--gold-and-glow), 0px 5px 6px rgba(0, 0, 0, 0.5); padding: 0px; border-radius: 3px; margin: 3px; margin-top: 0px; margin-bottom: 10px; background-color: var(--bg); background-image: var(--sheet); background-size: cover; } .dorako-ui.sheet.pf2e.actor.npc form.npc-sheet .section-container .section-header { box-shadow: inset 0 0 3px rgba(255, 255, 255, 0.5); } .dorako-ui.sheet.pf2e.actor.npc form.npc-sheet .section-container:not(.headerless) .section-body { border-top: 1px solid var(--tertiary); } .dorako-ui.sheet.pf2e.actor.npc form.npc-sheet .section-container .section-body { border: none; padding: 0; padding: 5px; } .dorako-ui.sheet.pf2e.actor.npc form.npc-sheet .section-container.toggles { border-image-repeat: repeat; border-image-slice: 11; border-image-source: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='33' height='33' overflow='scroll'%3E%3Cstyle%3E.st1{stroke:gray;stroke-miterlimit:10}.st1,.st2{fill:none}%3C/style%3E%3Cg opacity='1'%3E%3Cpath class='st1' d='M.5 20v-7'/%3E%3Cpath class='st2' d='M13 20v-7'/%3E%3Cpath class='st1' d='M13 .5h7'/%3E%3Cpath class='st2' d='M13 13h7'/%3E%3Cpath class='st1' d='M32.5 13v7'/%3E%3Cpath class='st2' d='M20 13v7'/%3E%3Cpath class='st1' d='M20 32.5h-7'/%3E%3Cpath class='st2' d='M20 20h-7'/%3E%3Cpath class='st1' d='M.5.5h3.1v3.1H.5zm3.1 3.1h3.1v3.1H3.6zm3.2 0h3.1v3.1H6.8zM3.6 6.8h3.1v3.1H3.6zm0 0H.5V13M13 .5H6.8v3.1M29.4.5h3.1v3.1h-3.1zm-3.1 3.1h3.1v3.1h-3.1zm0 3.2h3.1v3.1h-3.1zm-3.2-3.2h3.1v3.1h-3.1zm3.2 0V.5H20M32.5 13V6.8h-3.1M29.4 29.4h3.1v3.1h-3.1z'/%3E%3Cpath class='st1' d='M26.3 26.3h3.1v3.1h-3.1zm-3.2 0h3.1v3.1h-3.1zm3.2-3.2h3.1v3.1h-3.1z'/%3E%3Cpath class='st1' d='M29.4 26.3h3.1V20M20 32.5h6.3v-3.1'/%3E%3Cg%3E%3Cpath class='st1' d='M.5 29.4h3.1v3.1H.5zm3.1-3.1h3.1v3.1H3.6zm0-3.2h3.1v3.1H3.6zm3.2 3.2h3.1v3.1H6.8zM6.8 29.4v3.1H13M.5 20v6.3h3.1'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); border-image-width: 14px; border-style: double; padding-left: 8px; padding-right: 8px; margin-left: 0px; font-weight: 500; margin-right: 0px; margin-top: 0px; margin-bottom: 0px; box-shadow: none; background: none; margin: 5px; } .dorako-ui.sheet.pf2e.actor.npc form.npc-sheet .side-bar .image-container { border: none; } .dorako-ui.sheet.pf2e.actor.npc form.npc-sheet .side-bar .saves-section.side-bar-section { display: flex; flex-direction: column; } .dorako-ui.sheet.pf2e.actor.npc form.npc-sheet .side-bar .saves-section.side-bar-section.collapsed { max-height: 42px; } .dorako-ui.sheet.pf2e.actor.npc form.npc-sheet .side-bar .saves-section.side-bar-section.collapsed:hover { max-height: 1000px; } .dorako-ui.sheet.pf2e.actor.npc form.npc-sheet .side-bar .saves { margin-top: 0px; width: unset; } .dorako-ui.sheet.pf2e.actor.npc form.npc-sheet .side-bar .save-details { font-size: 14px; } .dorako-ui.sheet.pf2e.actor.npc .side-bar-section-header { background: var(--primary); border: 1px solid var(--primary); border-radius: 3px 3px 0px 0px; color: #f5efe0; box-shadow: inset 0 0 3px rgba(255, 255, 255, 0.5); margin-top: 0px; height: 20px; } .dorako-ui.sheet.pf2e.actor.npc .side-bar-section-header.disabled { border-radius: 3px; } .dorako-ui.sheet.pf2e.actor.npc .side-bar-section-header + .side-bar-section-content { margin: 0px; padding: 0px; } .dorako-ui.sheet.pf2e.actor.npc .side-bar-section-header input[type=number], .dorako-ui.sheet.pf2e.actor.npc .side-bar-section-header input[type=text] { color: #f5efe0; } .dorako-ui.sheet.pf2e.actor.npc .side-bar-section-header a:hover { text-shadow: 0px 0px 8px var(--tertiary); } .dorako-ui.sheet.pf2e.actor.npc .side-bar-section-header .inventory-section .inventory-list .item .item-image { border: none; margin: 3px 4px 3px 6px; box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px #9f725b, inset 0 0 4px rgba(0, 0, 0, 0.5); } .dorako-ui.sheet.pf2e.actor.npc .side-bar-section-header .side-bar .image-container, .dorako-ui.sheet.pf2e.actor.npc .side-bar-section-header .actions-options .actions-option { cursor: pointer; } .dorako-ui.sheet.pf2e.actor.npc .side-bar-section-header .actions-options .actions-option:hover { text-shadow: 0 0 10px var(--primary-light); color: var(--primary); } .dorako-ui.sheet.pf2e.actor.npc .recall-knowledge .section-body button { background: var(--secondary); box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3), inset 0 0 0 2px hsla(0, 0%, 100%, 0.2); border: none; color: white; transition: background 0.15s ease-in-out; margin-top: 3px; } .dorako-ui.sheet.pf2e.actor.npc .recall-knowledge .section-body button:hover { background: var(--secondary-light); } .pf2e.actor.npc.dorako-ui.npc .npc-sheet .side-bar-section-content { width: 98%; margin-left: 3px; margin-right: 3px; } .side-bar-section-header .pf2e-see-simple-scale-statistics-High-color-primary { color: #3cff00; } .side-bar-section-header .pf2e-see-simple-scale-statistics-Moderate-color-primary { color: #ffff54; } .side-bar-section-header .pf2e-see-simple-scale-statistics-Low-color-primary { color: #ff8000; } .side-bar-section-header .pf2e-see-simple-scale-statistics-Terrible-color-primary { color: #ff0000; } /* Light */ .dorako-ui.sheet.pf2e.actor.npc.light-theme form .sheet-tabs { background-color: var(--bg); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.18); border: 1px solid var(--color-border-light-primary); border-radius: 3px; margin: 2px; margin-bottom: 0px; z-index: 1; } .dorako-ui.npc.light-theme .tabs .item { color: var(--primary-light); } .dorako-ui.npc.light-theme .tabs .item a:hover { text-shadow: 0px 0px 10px var(--primary); } .dorako-ui.npc.light-theme .tabs .item.disabled { color: #ababab; } .dorako-ui.npc.light-theme .tabs .item.disabled:hover { color: var(--primary-dark); text-shadow: 0px 0px 10px var(--primary-dark); } .dorako-ui.npc.light-theme .tabs .item.active { color: var(--secondary-light); text-shadow: 0px 0px 10px var(--secondary-light); } /* Dark */ .dorako-ui.sheet.pf2e.actor.npc.dark-theme form .sheet-tabs { border: none; border-radius: 3px; background: none; background-color: var(--glass-bg); box-shadow: var(--glassy); background: var(--glass-bg-light); color: var(--color-text-light-heading); } .dorako-ui.sheet.pf2e.actor.npc.dark-theme .npc-sheet .item.disabled { color: #666666; } .dorako-ui.sheet.pf2e.actor.npc.dark-theme.window-app .npc-sheet .effects .section-body .effects-list .item.unidentified { outline: 1px dashed #720073; background: rgba(245, 234, 245, 0.1333333333); } .sheet.pf2e.actor.npc.dark-theme.window-app input[type=text], .sheet.pf2e.actor.npc.dark-theme.window-app input[type=number], .sheet.pf2e.actor.npc.dark-theme.window-app input[type=search], .sheet.pf2e.actor.npc.dark-theme.window-app input[type=date], .sheet.pf2e.actor.npc.dark-theme.window-app input[type=time] { box-shadow: unset; } .sheet.pf2e.actor.npc.dark-theme .recall-knowledge .section-body button { box-shadow: var(--glassy); } .sheet.pf2e.actor.npc.dark-theme .tabs .item.active { color: var(--tertiary); } .actor.pf2e.actor.npc.dark-theme .tabs .item.active, .actor.pf2e.actor.npc.dark-theme a:hover { text-shadow: 0 0 10px var(--tertiary); } .sheet.pf2e.actor.npc.dark-theme .window-content { background: none; background-color: #111; background: var(--sheet-dark); background-size: cover; } .sheet.pf2e.actor.npc.dark-theme .tags .tag option.tag_transparent, .sheet.pf2e.actor.npc.dark-theme .tags .tag.tag_transparent { box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); } .sheet.pf2e.actor.npc.dark-theme form .notes { text-shadow: none; } .sheet.pf2e.actor.npc.dark-theme .npc-sheet, .actor.pf2e.actor.npc.dark-theme .npc-sheet .entries-list .spellcasting-entry .header h4.name input, .sheet.pf2e.actor.npc.dark-theme .inventory .list-row .item-controls, .sheet.pf2e.actor.npc.dark-theme ol.spell-list > li.spell-level-header, .sheet.pf2e.actor.npc.dark-theme .npc-sheet .side-bar-section.initiative select, .sheet.pf2e.actor.npc.dark-theme .npc-sheet .notes .notes-text { color: white; } .sheet.pf2e.actor.npc.dark-theme form input[type=number], .sheet.pf2e.actor.npc.dark-theme form input[type=text], .sheet.pf2e.actor.npc.dark-theme .npc-sheet .notes .details-label { color: #c9c9c9; } .actor.pf2e.actor.npc.dark-theme .npc-sheet .sheet-tabs .disabled.active, .actor.pf2e.actor.npc.dark-theme .npc-sheet .sheet-tabs .disabled:hover { color: gray; } .sheet.pf2e.actor.npc.dark-theme .inventory .item-summary, .sheet.pf2e.actor.npc.dark-theme ol.spell-list > li .item-summary { background-color: transparent; } .sheet.pf2e.actor.npc.dark-theme .npc-sheet .actions-options .actions-option:hover { text-shadow: 0 0 10px var(--tertiary); color: var(--tertiary); } .actor.pf2e.actor.npc.dark-theme .inventory .list-row .item-controls .item-control.item-carry-type.active, .actor.pf2e.actor.npc.dark-theme .inventory .list-row .item-controls .item-control.item-toggle-invest.active, .actor.pf2e.actor.npc.dark-theme ol.spell-list > li .item-name h4:hover, .actor.pf2e.actor.npc.dark-theme .inventory .item-name h3:hover, .actor.pf2e.actor.npc.dark-theme .inventory .item-name h4:hover { color: var(--tertiary); } .sheet.actor.pf2e.actor.npc.dark-theme .npc-sheet .section-container.toggles { border-image-source: var(--ornamentation); } .sheet.actor.pf2e.actor.npc.dark-theme .npc-sheet .side-bar-section:not(.save-details), .sheet.actor.pf2e.actor.npc.dark-theme .npc-sheet .section-container { background: var(--sheet-dark); background-size: cover; } .dorako-ui.dark-theme#compendium-browser > section.window-content > .content-box .compendium-browser-settings form .setting-section, .dorako-ui.dark-theme#license-viewer > section.window-content > .content-box .compendium-browser-settings form .setting-section, .dorako-ui.dark-theme#compendium-browser > section.window-content > .content-box .spell-browser .filtercontainer, .dorako-ui.dark-theme#compendium-browser > section.window-content > .content-box .spell-browser .sortcontainer, .dorako-ui.dark-theme#license-viewer > section.window-content > .content-box .spell-browser .filtercontainer, .dorako-ui.dark-theme#license-viewer > section.window-content > .content-box .spell-browser .sortcontainer { border: none; margin: 2px; /* prettier-ignore */ box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px var(--gold-brown), 0 0 5px rgba(0, 0, 0, 0.8); padding: 5px; background-color: rgba(0, 0, 0, 0.3); } .dorako-ui.dark-theme#compendium-browser > section.window-content > .content-box .spell-browser .control-area, .dorako-ui.dark-theme#license-viewer > section.window-content > .content-box .spell-browser .control-area { display: flex; flex-direction: column; gap: 5px; overflow-x: clip; } .dorako-ui.dark-theme#compendium-browser > section.window-content > .content-box .spell-browser .control-area > div:first-child, .dorako-ui.dark-theme#license-viewer > section.window-content > .content-box .spell-browser .control-area > div:first-child { margin-top: 10px; } /* ----------------------------------------- */ /* Color definitions */ /* ----------------------------------------- */ /* Colors */ /* Global */ /* used for mini headers, alternate primary color */ /* compliments the primary color, usually used in combination */ /* for all other uses */ /* Lighter / Darker */ /* Text */ /* ----------------------------------------- */ /* Color schemes */ /* ----------------------------------------- */ /* Proficiency ranks */ /* Rarities */ /* Degrees of success */ /* Value adjustments (e.g. weak/elite) */ /* ----------------------------------------- */ /* CSS Custom Properties */ /* ----------------------------------------- */ :root { /* Global */ --primary: #5e0000; --primary-light: #b10000; --primary-dark: #380000; --secondary: #171f69; --secondary-light: #2836b7; --secondary-dark: #0d113a; --tertiary: #e9d7a1; --rarity-common: #323232; --rarity-uncommon: #98513d; --rarity-rare: #002664; --rarity-unique: #54166e; --alt: #786452; --alt-dark: #443730; --bg: #f8f4f1; --bg-dark: #e7d9cf; --gold-brown: #956d58; --sub: #605856; --color-disabled: #ababab; --blind-bg: #a57aa5; --whisper-bg: #e3e3ff; --inline-link-bg: #ddd; --inline-repost-bg: #eaeaea; --visibility-gm-bg: #e8e8ef; --visibility-owner-bg: #ddebe1; --blind-roll: #f5eaf5; /* Lighter / Darker */ --light: #910000; --dark: #2b0000; --tertiary-dark: #dfc578; --tertiary-light: #f3e9ca; /* Text */ --body: var(--text-dark); --color-text-trait: #f5efe0; --text-dark: #1c1c1c; --text-light: white; /* Borders */ --color-border-trait: #d8c384; --color-border-divider: #baa991; /* Mats */ --mats-dark: #1c1c1c; --mats-gold-dark: #dbc682; --mats-gold-light: #e6d8a7; --mats-green-light: #99aea1; --mats-green: #3e644b; --mats-green-dark: #233b2b; /* Headers w/ boxes */ --header-color: var(--text-light); --header-bg: var(--secondary); /* Sidebar */ --sidebar-label: var(--tertiary-dark); --sidebar-title: var(--tertiary); /* App UI */ --glass-bg: rgba(20, 20, 20, 0.6); --glass-bg-light: rgba(255, 255, 255, 0.1); --glass-bg-dark: rgba(0, 0, 0, 0.7); --gold-and-glow: 0 0 0 1px var(--tertiary), 0 0 0 2px var(--gold-brown), inset 0 0 3px rgba(255, 255, 255, 0.5); --glassy: 0px 0px 3px 0px rgba(255, 255, 255, 0.4) inset, 0px 0px 2px 1px rgba(0, 0, 0, 1), 0px 0px 5px 0px rgba(0, 0, 0, 0.5); --sheet-light: url(../img/background-light.webp); --sheet-dark: url(../img/background-dark4.webp); --header: url(../img/blue_header.webp); --banner-top: url(../img/blue_sidebar_top.webp); --banner-bottom: url(../img/blue_sidebar_bottom.webp); } /* ----------------------------------------- */ /* Overwrite Foundry colors */ /* ----------------------------------------- */ .dorako-ui { --color-border-highlight: var(--tertiary); --color-border-highlight-alt: var(--tertiary-dark); --color-shadow-primary: var(--primary-light); --color-shadow-highlight: var(--primary-light); --sheet: var(--sheet-light); --ornamentation: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='33' height='33' overflow='scroll'%3E%3Cstyle%3E.st1{stroke:gray;stroke-miterlimit:10}.st1,.st2{fill:none}%3C/style%3E%3Cg opacity='1'%3E%3Cpath class='st1' d='M.5 20v-7'/%3E%3Cpath class='st2' d='M13 20v-7'/%3E%3Cpath class='st1' d='M13 .5h7'/%3E%3Cpath class='st2' d='M13 13h7'/%3E%3Cpath class='st1' d='M32.5 13v7'/%3E%3Cpath class='st2' d='M20 13v7'/%3E%3Cpath class='st1' d='M20 32.5h-7'/%3E%3Cpath class='st2' d='M20 20h-7'/%3E%3Cpath class='st1' d='M.5.5h3.1v3.1H.5zm3.1 3.1h3.1v3.1H3.6zm3.2 0h3.1v3.1H6.8zM3.6 6.8h3.1v3.1H3.6zm0 0H.5V13M13 .5H6.8v3.1M29.4.5h3.1v3.1h-3.1zm-3.1 3.1h3.1v3.1h-3.1zm0 3.2h3.1v3.1h-3.1zm-3.2-3.2h3.1v3.1h-3.1zm3.2 0V.5H20M32.5 13V6.8h-3.1M29.4 29.4h3.1v3.1h-3.1z'/%3E%3Cpath class='st1' d='M26.3 26.3h3.1v3.1h-3.1zm-3.2 0h3.1v3.1h-3.1zm3.2-3.2h3.1v3.1h-3.1z'/%3E%3Cpath class='st1' d='M29.4 26.3h3.1V20M20 32.5h6.3v-3.1'/%3E%3Cg%3E%3Cpath class='st1' d='M.5 29.4h3.1v3.1H.5zm3.1-3.1h3.1v3.1H3.6zm0-3.2h3.1v3.1H3.6zm3.2 3.2h3.1v3.1H6.8zM6.8 29.4v3.1H13M.5 20v6.3h3.1'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); --ornamentation: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='33' height='33' overflow='scroll'%3E%3Cstyle%3E.st1%7Bstroke:%23231f20;stroke-miterlimit:10%7D.st1,.st2%7Bfill:none%7D%3C/style%3E%3Cg opacity='.25'%3E%3Cpath class='st1' d='M.5 20v-7'/%3E%3Cpath class='st2' d='M13 20v-7'/%3E%3Cpath class='st1' d='M13 .5h7'/%3E%3Cpath class='st2' d='M13 13h7'/%3E%3Cpath class='st1' d='M32.5 13v7'/%3E%3Cpath class='st2' d='M20 13v7'/%3E%3Cpath class='st1' d='M20 32.5h-7'/%3E%3Cpath class='st2' d='M20 20h-7'/%3E%3Cg%3E%3Cpath class='st1' d='M.5.5h3.1v3.1H.5zM3.6 3.6h3.1v3.1H3.6zM6.8 3.6h3.1v3.1H6.8zM3.6 6.8h3.1v3.1H3.6zM3.6 6.8H.5V13M13 .5H6.8v3.1'/%3E%3C/g%3E%3Cg%3E%3Cpath class='st1' d='M29.4.5h3.1v3.1h-3.1zM26.3 3.6h3.1v3.1h-3.1zM26.3 6.8h3.1v3.1h-3.1zM23.1 3.6h3.1v3.1h-3.1zM26.3 3.6V.5H20'/%3E%3Cpath class='st1' d='M32.5 13V6.8h-3.1'/%3E%3C/g%3E%3Cg%3E%3Cpath class='st1' d='M29.4 29.4h3.1v3.1h-3.1z'/%3E%3Cpath class='st1' d='M26.3 26.3h3.1v3.1h-3.1zM23.1 26.3h3.1v3.1h-3.1zM26.3 23.1h3.1v3.1h-3.1z'/%3E%3Cpath class='st1' d='M29.4 26.3h3.1V20M20 32.5h6.3v-3.1'/%3E%3C/g%3E%3Cg%3E%3Cpath class='st1' d='M.5 29.4h3.1v3.1H.5zM3.6 26.3h3.1v3.1H3.6zM3.6 23.1h3.1v3.1H3.6zM6.8 26.3h3.1v3.1H6.8z'/%3E%3Cpath class='st1' d='M6.8 29.4v3.1H13M.5 20v6.3h3.1'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); --half-transparent: rgba(0, 0, 0, 0.5); } .dorako-ui *::-webkit-scrollbar-thumb { background: var(--tertiary); border: 1px solid var(--gold-brown); } .dorako-ui a, .dorako-ui button { transition: text-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out, border 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, backdrop-filter 0.15s ease-in-out, border-radius 0.15s; } .dorako-ui.dark-theme { --color-underline-active: var(--tertiary-dark); --color-underline-header: var(--tertiary-dark); --rarity-common: #e1d8cf; --rarity-uncommon: #c45500; --rarity-rare: #5362ff; --rarity-unique: #e127e1; --color-shadow-primary: var(--tertiary-dark); --color-shadow-highlight: var(--tertiary); --sheet: var(--sheet-dark); --ornamentation: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='33' height='33' overflow='scroll'%3E%3Cstyle%3E.st1{stroke:wheat;stroke-miterlimit:10}.st1,.st2{fill:none}%3C/style%3E%3Cg opacity='1'%3E%3Cpath class='st1' d='M.5 20v-7'/%3E%3Cpath class='st2' d='M13 20v-7'/%3E%3Cpath class='st1' d='M13 .5h7'/%3E%3Cpath class='st2' d='M13 13h7'/%3E%3Cpath class='st1' d='M32.5 13v7'/%3E%3Cpath class='st2' d='M20 13v7'/%3E%3Cpath class='st1' d='M20 32.5h-7'/%3E%3Cpath class='st2' d='M20 20h-7'/%3E%3Cpath class='st1' d='M.5.5h3.1v3.1H.5zm3.1 3.1h3.1v3.1H3.6zm3.2 0h3.1v3.1H6.8zM3.6 6.8h3.1v3.1H3.6zm0 0H.5V13M13 .5H6.8v3.1M29.4.5h3.1v3.1h-3.1zm-3.1 3.1h3.1v3.1h-3.1zm0 3.2h3.1v3.1h-3.1zm-3.2-3.2h3.1v3.1h-3.1zm3.2 0V.5H20M32.5 13V6.8h-3.1M29.4 29.4h3.1v3.1h-3.1z'/%3E%3Cpath class='st1' d='M26.3 26.3h3.1v3.1h-3.1zm-3.2 0h3.1v3.1h-3.1zm3.2-3.2h3.1v3.1h-3.1z'/%3E%3Cpath class='st1' d='M29.4 26.3h3.1V20M20 32.5h6.3v-3.1'/%3E%3Cg%3E%3Cpath class='st1' d='M.5 29.4h3.1v3.1H.5zm3.1-3.1h3.1v3.1H3.6zm0-3.2h3.1v3.1H3.6zm3.2 3.2h3.1v3.1H6.8zM6.8 29.4v3.1H13M.5 20v6.3h3.1'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); --body: var(--text-light); --bg: var(--glass-bg-dark); --half-transparent: rgba(255, 255, 255, 0.5); } /* ----------------------------------------- */ /* Header */ /* ----------------------------------------- */ .dorako-ui .message-header { background: none; padding: 5px 5px 0px 5px; margin: -5px -5px 0px -5px; border-radius: 5px 5px 0px 0px; gap: 5px; align-items: center; } .dorako-ui .message-header .message-metadata { flex: 2.5; } .dorako-ui .message-header .header-meta { border-radius: 3px; padding: 2px; font-size: x-small; align-self: center; text-align: center; text-shadow: none; white-space: nowrap; } .dorako-ui .message-header.light-header-text { background-blend-mode: multiply; color: white; text-shadow: 0px 1px 1px black; } .dorako-ui .message-header.light-header-text .header-meta { color: white; background-color: hsla(0, 0%, 50%, 0.4); border: 1px solid hsla(0, 0%, 100%, 0.3); } .dorako-ui .message-header.dark-header-text { background-blend-mode: luminosity; color: black; text-shadow: 0px 1px 1px white; } .dorako-ui .message-header.dark-header-text .header-meta { color: hsl(0, 0%, 20%); background-color: hsla(0, 0%, 90%, 0.5); border: 1px solid hsla(0, 0%, 30%, 0.4); } .dorako-ui .message-header .player-name, .dorako-ui .message-header .message-sender { max-width: 160px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .dorako-ui .message-header .portrait-and-name { flex-grow: 1; display: flex; flex-basis: 100px; gap: 5px; } .dorako-ui .message-header .portrait-and-name .portrait-wrapper { width: var(--avatar-size); display: flex; flex: none; justify-content: center; align-items: center; } .dorako-ui .message-header .portrait-and-name .portrait-wrapper .portrait { height: var(--avatar-size); object-fit: contain; z-index: 0; } .dorako-ui .message-header .portrait-and-name .portrait-wrapper .portrait.actor { border-radius: 3px; } .dorako-ui .message-header .portrait-and-name .sender-wrapper { display: flex; gap: 3px; flex-direction: column; justify-content: left; align-self: center; z-index: 1; } .dorako-ui .message-header .portrait-and-name .sender-wrapper .message-sender, .dorako-ui .message-header .portrait-and-name .sender-wrapper .player-name { align-self: flex-start; line-height: initial; } /* ----------------------------------------- */ /* Clutter */ /* ----------------------------------------- */ .dorako-ui.chat-message .message-content .damage-roll .dice-result .dice-total .instances { padding-bottom: 4px; margin-bottom: 0px; } /* ----------------------------------------- */ /* Damage buttons */ /* ----------------------------------------- */ .dorako-ui.message .message-content .damage-application { gap: 2px; } .dorako-ui.message .message-content .damage-application button { transition: text-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out, border 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, backdrop-filter 0.15s ease-in-out, border-radius 0.15s; } .dorako-ui.message .message-content .damage-application button.half-damage .transparent-half { display: none; } .dorako-ui.message .message-content .damage-application button.half-damage .fa-heart-broken { position: relative; } .dorako-ui.message .message-content .damage-application button.half-damage .fa-heart-broken::after { content: "\f7a9"; font-family: "Font Awesome 5 Free"; color: hsla(0, 0%, 0%, 0.5); display: block; z-index: 1; position: absolute; top: 0px; left: 2.4px; clip-path: polygon(45% 0%, 50% 100%, 100% 100%, 100% 4%); color: gray; } .dorako-ui.message .message-content .damage-application button:hover { box-shadow: none; color: white; border: 1px solid var(--gold-brown); background-color: var(--primary-light); box-shadow: 0px 0px 1px 1px var(--tertiary) inset, 0px 0px 5px var(--primary-light); } .dorako-ui.message .message-content .damage-application button:hover img { filter: invert(1); } .dorako-ui.message .message-content .damage-application button:hover.half-damage .fa-heart-broken::after { clip-path: polygon(45% 0%, 50% 100%, 100% 100%, 100% 4%); color: gray; } .dorako-ui.message .message-content .damage-application button.shield-block:hover { background-color: var(--secondary-light); box-shadow: 0px 0px 1px 1px var(--tertiary) inset, 0px 0px 5px var(--secondary-light); } .dorako-ui.message .message-content .damage-application button.shield-block.shield-activated { background-color: var(--secondary-light); box-shadow: 0px 0px 1px 1px var(--tertiary) inset, 0px 0px 5px var(--secondary-light); } .dorako-ui.message .message-content .damage-application button.shield-block.shield-activated:hover { background-color: var(--secondary-dark); box-shadow: 0px 0px 1px 1px var(--tertiary) inset, 0px 0px 5px var(--secondary-dark); } .dorako-ui.message .message-content .damage-application button.heal-damage:hover { background-color: green; box-shadow: 0px 0px 1px 1px var(--tertiary) inset, 0px 0px 5px green; } .dorako-ui.message .message-content .damage-application button.heal-damage:hover .fa-plus { color: green; text-shadow: none; } /* ----------------------------------------- */ /* Chat card */ /* ----------------------------------------- */ .dorako-ui.message.chat-message.spell { padding-bottom: 0px; } .dorako-ui.message.chat-message { border: none; margin: 2px; /* prettier-ignore */ box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px var(--gold-brown); background-image: var(--sheet); background-size: cover; margin: 5px 3px 3px 3px; } .dorako-ui.message.chat-message.whisper { background-color: var(--whisper-bg); background-blend-mode: luminosity; } .dorako-ui.message.chat-message.blind { background-color: var(--blind-bg); background-blend-mode: luminosity; } .dorako-ui.message.chat-message .flavor-text hr { display: none; } .dorako-ui.message.chat-message .persistent-damage-recovery hr { display: none; } .dorako-ui.message.chat-message .persistent-damage-recovery button { margin-top: 3px; } .dorako-ui.message.chat-message .persistent-damage-recovery button:hover { text-shadow: 0px 0px 3px black; background-color: var(--primary-light); color: white; box-shadow: 0px 0px 1px 1px var(--tertiary) inset, 0px 0px 5px var(--primary); } .dorako-ui.message.chat-message .message-content { margin-top: 5px; } .dorako-ui.message.chat-message .message-content .pf2e-pd-card { margin-top: 3px; } .dorako-ui.message.chat-message .message-content .pf2e-pd-card hr { display: none; } .dorako-ui.message.chat-message .message-content .pf2e-pd-card .apply-condition { margin-top: 0px; } .dorako-ui.message.chat-message .message-content .dice-roll .dice-result .statuseffect-message { background-color: unset; box-shadow: none; border: none; } .dorako-ui.message.chat-message .message-content .dice-roll .dice-result .statuseffect-message li:not(:last-child) { margin-bottom: 5px; } .dorako-ui.message.chat-message .message-content .dice-roll .dice-result .statuseffect-message img { border: none; margin: 2px; /* prettier-ignore */ box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px var(--gold-brown); border-radius: 50%; margin-right: 6px; } .dorako-ui.message.chat-message .message-content .dice-roll .dice-result .statuseffect-rules { border: none; margin: 2px; /* prettier-ignore */ box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px var(--gold-brown); background-image: var(--sheet); background-size: cover; border: none; margin: 2px; /* prettier-ignore */ box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px var(--gold-brown), 0 0 5px rgba(0, 0, 0, 0.8); } .dorako-ui.message.chat-message .message-content .pf2e.chat-card .tags { margin: 3px 0px; } .dorako-ui.message.chat-message .message-content .pf2e.chat-card .tags .vr { display: none; } .dorako-ui.message.chat-message .message-content .pf2e.chat-card .card-buttons button { text-shadow: 0px 0px 3px black; color: white; background-color: var(--primary); box-shadow: 0px 0px 1px 1px var(--tertiary) inset; border: 1px solid var(--gold-brown); } .dorako-ui.message.chat-message .message-content .pf2e.chat-card .card-buttons button:hover { background-color: var(--primary-light); box-shadow: 0px 0px 1px 1px var(--tertiary) inset, 0px 0px 5px var(--primary); } .dorako-ui.message.chat-message .message-content .pf2e.chat-card .card-buttons button.hidden-to-others { background-color: var(--secondary); color: var(--color-text-light-highlight); } .dorako-ui.message.chat-message .message-content .pf2e.chat-card .card-buttons button.hidden-to-others:hover { background-color: var(--secondary-light); box-shadow: 0px 0px 1px 1px var(--tertiary) inset, 0px 0px 5px var(--secondary); } .dorako-ui.message.chat-message .message-content .pf2e.chat-card .card-buttons button.with-image img { border: none; margin: 2px; /* prettier-ignore */ box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px var(--gold-brown); border-radius: 3px; height: 1.2em; margin-right: 5px; } .dorako-ui.message.chat-message .message-content .pf2e.chat-card .card-buttons .spell-attack-buttons { gap: 3px; } .dorako-ui.message.chat-message .message-content .pf2e.chat-card .card-buttons .spell-attack-buttons button:not(:first-child) { background: var(--primary-dark); color: var(--color-text-light-highlight); } .dorako-ui.message.chat-message .message-content .pf2e.chat-card .card-buttons .spell-attack-buttons button:not(:first-child):hover { color: white; background: var(--primary-light); } .dorako-ui.message.chat-message .message-content .pf2e.chat-card .card-header { border: none; } .dorako-ui.message.chat-message .message-content .pf2e.chat-card .card-header img { border: none; margin: 2px; /* prettier-ignore */ box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px var(--gold-brown); flex: 0 0 34px; height: 34px; width: 34px; margin-right: 6px; } .dorako-ui.message.chat-message .message-content .pf2e.chat-card .card-header h3 { display: flex; margin-top: 3px; margin-bottom: -3px; line-height: 0.95em; font-family: var(--serif); font-size: var(--font-size-22); text-rendering: geometricPrecision; } .dorako-ui.message.chat-message .message-content .pf2e.chat-card .card-header h3.pf2-icon { font-family: Pathfinder2eActions; font-size: xxx-large; flex: 0 0 34px; } .dorako-ui.message.chat-message .message-content .pf2e.chat-card .card-header h4 s { color: gray; } .dorako-ui.message.chat-message .message-content .pf2e.chat-card .card-header h4 span.heightened { color: green; } .dorako-ui.message.chat-message .message-content .pf2e.chat-card .card-content { border-image-repeat: repeat; border-image-slice: 11; border-image-source: var(--ornamentation); border-image-width: 14px; border-style: double; padding: 3px 10px; font-weight: 500; margin: 0px; } .dorako-ui.message.chat-message .message-content .pf2e.chat-card .card-content hr { margin: 0px -10px; border-color: rgba(35, 35, 31, 0.3333333333); border-bottom: none; } .dorako-ui.message.chat-message .message-content .pf2e.chat-card .card-footer { border: none; } .dorako-ui.message.chat-message .message-content .pf2e.chat-card .card-footer span { border-right: 1px solid gray; } .dorako-ui.message.chat-message [data-visibility]:not([data-visibility=all])[data-visibility=gm] { border-radius: 3px; background: rgba(245, 234, 245, 0.6666666667); outline: 1px dashed #720073; } /* ----------------------------------------- */ /* Attention */ /* ----------------------------------------- */ .dorako-ui.message.chat-message.attention { animation: wiggle ease-in-out infinite 1s alternate; } @keyframes wiggle { 0% { transform: scale(0.9) translate(-15px); } 100% { transform: scale(0.9) translate(15px); } } /* ----------------------------------------- */ /* Color definitions */ /* ----------------------------------------- */ /* Colors */ /* Global */ /* used for mini headers, alternate primary color */ /* compliments the primary color, usually used in combination */ /* for all other uses */ /* Lighter / Darker */ /* Text */ /* ----------------------------------------- */ /* Color schemes */ /* ----------------------------------------- */ /* Proficiency ranks */ /* Rarities */ /* Degrees of success */ /* Value adjustments (e.g. weak/elite) */ /* ----------------------------------------- */ /* CSS Custom Properties */ /* ----------------------------------------- */ :root { /* Global */ --primary: #5e0000; --primary-light: #b10000; --primary-dark: #380000; --secondary: #171f69; --secondary-light: #2836b7; --secondary-dark: #0d113a; --tertiary: #e9d7a1; --rarity-common: #323232; --rarity-uncommon: #98513d; --rarity-rare: #002664; --rarity-unique: #54166e; --alt: #786452; --alt-dark: #443730; --bg: #f8f4f1; --bg-dark: #e7d9cf; --gold-brown: #956d58; --sub: #605856; --color-disabled: #ababab; --blind-bg: #a57aa5; --whisper-bg: #e3e3ff; --inline-link-bg: #ddd; --inline-repost-bg: #eaeaea; --visibility-gm-bg: #e8e8ef; --visibility-owner-bg: #ddebe1; --blind-roll: #f5eaf5; /* Lighter / Darker */ --light: #910000; --dark: #2b0000; --tertiary-dark: #dfc578; --tertiary-light: #f3e9ca; /* Text */ --body: var(--text-dark); --color-text-trait: #f5efe0; --text-dark: #1c1c1c; --text-light: white; /* Borders */ --color-border-trait: #d8c384; --color-border-divider: #baa991; /* Mats */ --mats-dark: #1c1c1c; --mats-gold-dark: #dbc682; --mats-gold-light: #e6d8a7; --mats-green-light: #99aea1; --mats-green: #3e644b; --mats-green-dark: #233b2b; /* Headers w/ boxes */ --header-color: var(--text-light); --header-bg: var(--secondary); /* Sidebar */ --sidebar-label: var(--tertiary-dark); --sidebar-title: var(--tertiary); /* App UI */ --glass-bg: rgba(20, 20, 20, 0.6); --glass-bg-light: rgba(255, 255, 255, 0.1); --glass-bg-dark: rgba(0, 0, 0, 0.7); --gold-and-glow: 0 0 0 1px var(--tertiary), 0 0 0 2px var(--gold-brown), inset 0 0 3px rgba(255, 255, 255, 0.5); --glassy: 0px 0px 3px 0px rgba(255, 255, 255, 0.4) inset, 0px 0px 2px 1px rgba(0, 0, 0, 1), 0px 0px 5px 0px rgba(0, 0, 0, 0.5); --sheet-light: url(../img/background-light.webp); --sheet-dark: url(../img/background-dark4.webp); --header: url(../img/blue_header.webp); --banner-top: url(../img/blue_sidebar_top.webp); --banner-bottom: url(../img/blue_sidebar_bottom.webp); } /* ----------------------------------------- */ /* Overwrite Foundry colors */ /* ----------------------------------------- */ .dorako-ui { --color-border-highlight: var(--tertiary); --color-border-highlight-alt: var(--tertiary-dark); --color-shadow-primary: var(--primary-light); --color-shadow-highlight: var(--primary-light); --sheet: var(--sheet-light); --ornamentation: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='33' height='33' overflow='scroll'%3E%3Cstyle%3E.st1{stroke:gray;stroke-miterlimit:10}.st1,.st2{fill:none}%3C/style%3E%3Cg opacity='1'%3E%3Cpath class='st1' d='M.5 20v-7'/%3E%3Cpath class='st2' d='M13 20v-7'/%3E%3Cpath class='st1' d='M13 .5h7'/%3E%3Cpath class='st2' d='M13 13h7'/%3E%3Cpath class='st1' d='M32.5 13v7'/%3E%3Cpath class='st2' d='M20 13v7'/%3E%3Cpath class='st1' d='M20 32.5h-7'/%3E%3Cpath class='st2' d='M20 20h-7'/%3E%3Cpath class='st1' d='M.5.5h3.1v3.1H.5zm3.1 3.1h3.1v3.1H3.6zm3.2 0h3.1v3.1H6.8zM3.6 6.8h3.1v3.1H3.6zm0 0H.5V13M13 .5H6.8v3.1M29.4.5h3.1v3.1h-3.1zm-3.1 3.1h3.1v3.1h-3.1zm0 3.2h3.1v3.1h-3.1zm-3.2-3.2h3.1v3.1h-3.1zm3.2 0V.5H20M32.5 13V6.8h-3.1M29.4 29.4h3.1v3.1h-3.1z'/%3E%3Cpath class='st1' d='M26.3 26.3h3.1v3.1h-3.1zm-3.2 0h3.1v3.1h-3.1zm3.2-3.2h3.1v3.1h-3.1z'/%3E%3Cpath class='st1' d='M29.4 26.3h3.1V20M20 32.5h6.3v-3.1'/%3E%3Cg%3E%3Cpath class='st1' d='M.5 29.4h3.1v3.1H.5zm3.1-3.1h3.1v3.1H3.6zm0-3.2h3.1v3.1H3.6zm3.2 3.2h3.1v3.1H6.8zM6.8 29.4v3.1H13M.5 20v6.3h3.1'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); --ornamentation: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='33' height='33' overflow='scroll'%3E%3Cstyle%3E.st1%7Bstroke:%23231f20;stroke-miterlimit:10%7D.st1,.st2%7Bfill:none%7D%3C/style%3E%3Cg opacity='.25'%3E%3Cpath class='st1' d='M.5 20v-7'/%3E%3Cpath class='st2' d='M13 20v-7'/%3E%3Cpath class='st1' d='M13 .5h7'/%3E%3Cpath class='st2' d='M13 13h7'/%3E%3Cpath class='st1' d='M32.5 13v7'/%3E%3Cpath class='st2' d='M20 13v7'/%3E%3Cpath class='st1' d='M20 32.5h-7'/%3E%3Cpath class='st2' d='M20 20h-7'/%3E%3Cg%3E%3Cpath class='st1' d='M.5.5h3.1v3.1H.5zM3.6 3.6h3.1v3.1H3.6zM6.8 3.6h3.1v3.1H6.8zM3.6 6.8h3.1v3.1H3.6zM3.6 6.8H.5V13M13 .5H6.8v3.1'/%3E%3C/g%3E%3Cg%3E%3Cpath class='st1' d='M29.4.5h3.1v3.1h-3.1zM26.3 3.6h3.1v3.1h-3.1zM26.3 6.8h3.1v3.1h-3.1zM23.1 3.6h3.1v3.1h-3.1zM26.3 3.6V.5H20'/%3E%3Cpath class='st1' d='M32.5 13V6.8h-3.1'/%3E%3C/g%3E%3Cg%3E%3Cpath class='st1' d='M29.4 29.4h3.1v3.1h-3.1z'/%3E%3Cpath class='st1' d='M26.3 26.3h3.1v3.1h-3.1zM23.1 26.3h3.1v3.1h-3.1zM26.3 23.1h3.1v3.1h-3.1z'/%3E%3Cpath class='st1' d='M29.4 26.3h3.1V20M20 32.5h6.3v-3.1'/%3E%3C/g%3E%3Cg%3E%3Cpath class='st1' d='M.5 29.4h3.1v3.1H.5zM3.6 26.3h3.1v3.1H3.6zM3.6 23.1h3.1v3.1H3.6zM6.8 26.3h3.1v3.1H6.8z'/%3E%3Cpath class='st1' d='M6.8 29.4v3.1H13M.5 20v6.3h3.1'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); --half-transparent: rgba(0, 0, 0, 0.5); } .dorako-ui *::-webkit-scrollbar-thumb { background: var(--tertiary); border: 1px solid var(--gold-brown); } .dorako-ui a, .dorako-ui button { transition: text-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out, border 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, backdrop-filter 0.15s ease-in-out, border-radius 0.15s; } .dorako-ui.dark-theme { --color-underline-active: var(--tertiary-dark); --color-underline-header: var(--tertiary-dark); --rarity-common: #e1d8cf; --rarity-uncommon: #c45500; --rarity-rare: #5362ff; --rarity-unique: #e127e1; --color-shadow-primary: var(--tertiary-dark); --color-shadow-highlight: var(--tertiary); --sheet: var(--sheet-dark); --ornamentation: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='33' height='33' overflow='scroll'%3E%3Cstyle%3E.st1{stroke:wheat;stroke-miterlimit:10}.st1,.st2{fill:none}%3C/style%3E%3Cg opacity='1'%3E%3Cpath class='st1' d='M.5 20v-7'/%3E%3Cpath class='st2' d='M13 20v-7'/%3E%3Cpath class='st1' d='M13 .5h7'/%3E%3Cpath class='st2' d='M13 13h7'/%3E%3Cpath class='st1' d='M32.5 13v7'/%3E%3Cpath class='st2' d='M20 13v7'/%3E%3Cpath class='st1' d='M20 32.5h-7'/%3E%3Cpath class='st2' d='M20 20h-7'/%3E%3Cpath class='st1' d='M.5.5h3.1v3.1H.5zm3.1 3.1h3.1v3.1H3.6zm3.2 0h3.1v3.1H6.8zM3.6 6.8h3.1v3.1H3.6zm0 0H.5V13M13 .5H6.8v3.1M29.4.5h3.1v3.1h-3.1zm-3.1 3.1h3.1v3.1h-3.1zm0 3.2h3.1v3.1h-3.1zm-3.2-3.2h3.1v3.1h-3.1zm3.2 0V.5H20M32.5 13V6.8h-3.1M29.4 29.4h3.1v3.1h-3.1z'/%3E%3Cpath class='st1' d='M26.3 26.3h3.1v3.1h-3.1zm-3.2 0h3.1v3.1h-3.1zm3.2-3.2h3.1v3.1h-3.1z'/%3E%3Cpath class='st1' d='M29.4 26.3h3.1V20M20 32.5h6.3v-3.1'/%3E%3Cg%3E%3Cpath class='st1' d='M.5 29.4h3.1v3.1H.5zm3.1-3.1h3.1v3.1H3.6zm0-3.2h3.1v3.1H3.6zm3.2 3.2h3.1v3.1H6.8zM6.8 29.4v3.1H13M.5 20v6.3h3.1'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); --body: var(--text-light); --bg: var(--glass-bg-dark); --half-transparent: rgba(255, 255, 255, 0.5); } .dorako-ui.message.chat-message.spell { padding-bottom: 3px; } /* ----------------------------------------- */ /* Glassy Buttons */ /* ----------------------------------------- */ .dorako-ui.dark-theme.message.chat-message .dice-roll .dice-formula, .dorako-ui.dark-theme.message.chat-message .dice-roll .dice-total { border: none; border-radius: 3px; background: none; background-color: var(--glass-bg); box-shadow: var(--glassy); } .dorako-ui.dark-theme.message.chat-message .dice-roll .dice-total.success { color: #00c000; } .dorako-ui.dark-theme.message.chat-message .dice-roll .dice-total.failure { color: #ff4040; } .dorako-ui.dark-theme.message.chat-message .dice-total .dice-total-setInitiative-btn, .dorako-ui.dark-theme.message.chat-message .dice-total .dice-total-fullDamage-btn { border: none; border-radius: 3px; background: none; background-color: var(--glass-bg); box-shadow: var(--glassy); transition: text-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out, border 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, backdrop-filter 0.15s ease-in-out, border-radius 0.15s; background-color: var(--glass-bg-light); color: var(--color-text-light-heading); text-shadow: 0px 0px 3px black; } .dorako-ui.dark-theme.message.chat-message .dice-total .dice-total-setInitiative-btn:hover, .dorako-ui.dark-theme.message.chat-message .dice-total .dice-total-fullDamage-btn:hover { background-color: var(--primary); color: var(--color-text-light-highlight); } .dorako-ui.dark-theme.message.chat-message .persistent-damage-recovery hr { display: none; } .dorako-ui.dark-theme.message.chat-message .persistent-damage-recovery button { border: none; border-radius: 3px; background: none; background-color: var(--glass-bg); box-shadow: var(--glassy); transition: text-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out, border 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, backdrop-filter 0.15s ease-in-out, border-radius 0.15s; color: var(--color-text-light-heading); text-shadow: 0px 0px 3px black; margin-top: 5px; } .dorako-ui.dark-theme.message.chat-message .persistent-damage-recovery button:hover { background-color: var(--primary); color: var(--color-text-light-highlight); } .dorako-ui.dark-theme.message.chat-message .table-draw .table-description { color: var(--color-text-light-highlight); border-top: 1px solid var(--tertiary); } .dorako-ui.dark-theme.message.chat-message .table-draw .table-results .table-result img.result-image { border: none; margin: 2px; /* prettier-ignore */ box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px var(--gold-brown); background-image: var(--sheet); background-size: cover; background-image: var(--sheet-light); object-fit: contain; border-radius: 3px; margin-right: 5px; } .dorako-ui.dark-theme.message.chat-message .pf2e.chat-card .card-buttons { margin: 0px; margin-top: 5px; } .dorako-ui.dark-theme.message.chat-message .pf2e.chat-card .card-buttons button.with-image { border: none; border-radius: 3px; background: none; background-color: var(--glass-bg); box-shadow: var(--glassy); transition: text-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out, border 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, backdrop-filter 0.15s ease-in-out, border-radius 0.15s; text-shadow: var(--dorako-text-shadow); background: var(--primary); color: var(--color-text-light-highlight); } .dorako-ui.dark-theme.message.chat-message .pf2e.chat-card .card-buttons button.with-image:hover { color: white; background: var(--primary-light); } .dorako-ui.dark-theme.message.chat-message .pf2e.chat-card .card-buttons button.with-image img { border: none; margin: 2px; /* prettier-ignore */ box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px var(--gold-brown); border-radius: 3px; height: 1.2em; margin-right: 5px; } .dorako-ui.dark-theme.message.chat-message .pf2e.chat-card .card-buttons button { border: none; border-radius: 3px; background: none; background-color: var(--glass-bg); box-shadow: var(--glassy); transition: text-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out, border 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, backdrop-filter 0.15s ease-in-out, border-radius 0.15s; text-shadow: var(--dorako-text-shadow); background: var(--primary); color: var(--color-text-light-highlight); } .dorako-ui.dark-theme.message.chat-message .pf2e.chat-card .card-buttons button:hover { color: white; background: var(--primary-light); } .dorako-ui.dark-theme.message.chat-message .pf2e.chat-card .card-buttons .hidden-to-others { border: none; border-radius: 3px; background: none; background-color: var(--glass-bg); box-shadow: var(--glassy); transition: text-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out, border 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, backdrop-filter 0.15s ease-in-out, border-radius 0.15s; text-shadow: 0px 0px 3px black; background: var(--secondary); color: var(--color-text-light-highlight); } .dorako-ui.dark-theme.message.chat-message .pf2e.chat-card .card-buttons .hidden-to-others:hover { color: white; background: var(--secondary-light); } .dorako-ui.dark-theme.message.chat-message .pf2e.chat-card .card-buttons .spell-attack-buttons { gap: 5px; } .dorako-ui.dark-theme.message.chat-message .pf2e.chat-card .card-buttons .spell-attack-buttons button:not(:first-child) { border: none; border-radius: 3px; background: none; background-color: var(--glass-bg); box-shadow: var(--glassy); transition: text-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out, border 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, backdrop-filter 0.15s ease-in-out, border-radius 0.15s; text-shadow: 0px 0px 3px black; background: var(--primary-dark); color: var(--color-text-light-highlight); } .dorako-ui.dark-theme.message.chat-message .pf2e.chat-card .card-buttons .spell-attack-buttons button:not(:first-child):hover { color: white; background: var(--primary-light); } /* ----------------------------------------- */ /* Damage buttons */ /* ----------------------------------------- */ .dorako-ui.dark-theme.message .message-content .damage-application { gap: 5px; margin-top: 5px; text-rendering: geometricPrecision; } .dorako-ui.dark-theme.message .message-content .damage-application button { border: none; border-radius: 3px; background: none; background-color: var(--glass-bg); box-shadow: var(--glassy); transition: text-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out, border 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, backdrop-filter 0.15s ease-in-out, border-radius 0.15s; text-shadow: 0px 0px 3px black; color: var(--color-text-light-heading); margin: 0px; } .dorako-ui.dark-theme.message .message-content .damage-application button img { filter: invert(1) brightness(0.8) sepia(1) grayscale(0.8) drop-shadow(0px 0px 3px rgba(0, 0, 0, 0.5)); } .dorako-ui.dark-theme.message .message-content .damage-application button:hover { border: none; border-radius: 3px; background: none; background-color: var(--glass-bg); box-shadow: var(--glassy); color: white; background-color: var(--primary-light); } .dorako-ui.dark-theme.message .message-content .damage-application button:hover img { filter: invert(1) drop-shadow(0px 0px 3px rgba(0, 0, 0, 0.5)); } .dorako-ui.dark-theme.message .message-content .damage-application button:hover.half-damage .fa-heart-broken::after { color: hsla(0, 0%, 0%, 0.5); text-shadow: none; } .dorako-ui.dark-theme.message .message-content .damage-application button.half-damage .fa-heart-broken::after { color: hsla(0, 0%, 0%, 0.5); text-shadow: none; } .dorako-ui.dark-theme.message .message-content .damage-application button.shield-block:hover { background-color: var(--secondary-light); border: none; } .dorako-ui.dark-theme.message .message-content .damage-application button.shield-block.shield-activated { background-color: var(--secondary-light); border: none; } .dorako-ui.dark-theme.message .message-content .damage-application button.shield-block.shield-activated:hover { background-color: var(--secondary-dark); border: none; } .dorako-ui.dark-theme.message .message-content .damage-application button.heal-damage .fa-stack i.fa-plus { color: hsla(0, 0%, 0%, 0.5); text-shadow: none; } .dorako-ui.dark-theme.message .message-content .damage-application button.heal-damage:hover { background-color: green; border: none; } .dorako-ui.dark-theme.message .message-content .damage-application button.heal-damage:hover .fa-stack i.fa-plus { color: green; text-shadow: none; } /* ----------------------------------------- */ /* Chat card */ /* ----------------------------------------- */ .dorako-ui.message.chat-message.dark-theme { background: var(--sheet-dark); background-size: cover; color: var(--color-text-light-1); } .dorako-ui.message.chat-message.dark-theme.whisper { background-color: var(--whisper-bg); background-blend-mode: luminosity; } .dorako-ui.message.chat-message.dark-theme.blind { background-color: var(--blind-bg); background-blend-mode: luminosity; } .dorako-ui.message.chat-message.dark-theme .tags .tag_transparent { box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); } .dorako-ui.message.chat-message.dark-theme [data-visibility]:not([data-visibility=all])[data-visibility=gm] { background: rgba(245, 234, 245, 0.1333333333); } .dorako-ui.message.chat-message.dark-theme span[data-pf2-check][data-pf2-traits*=secret] { background: #f3ddf3; } .dorako-ui.message.chat-message.dark-theme .message-content .pf2e-pd-card { margin-top: 5px; } .dorako-ui.message.chat-message.dark-theme .message-content .pf2e-pd-card .apply-condition { margin-top: 0px; } .dorako-ui.message.chat-message.dark-theme .message-content .pf2e-pd-card button { transition: text-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out, border 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, backdrop-filter 0.15s ease-in-out, border-radius 0.15s; border: none; border-radius: 3px; background: none; background-color: var(--glass-bg); box-shadow: var(--glassy); text-shadow: var(--dorako-text-shadow); } .dorako-ui.message.chat-message.dark-theme .message-content .pf2e-pd-card button:hover { background-color: var(--primary-light); color: var(--color-text-light-highlight); } .dorako-ui.message.chat-message.dark-theme .message-content .pf2e-pd-card > div:not(.card-buttons) { margin-bottom: 5px; } .dorako-ui.message.chat-message.dark-theme .message-content .pf2e-pd-card .flat-check-failure { text-rendering: optimizeLegibility; background-color: #ff4500; border-radius: 2px; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.5); color: white; font-family: var(--sans-serif); font-size: 10px; font-weight: 500; letter-spacing: 0.05em; line-height: 1; padding: 3px 4px; text-transform: uppercase; } .dorako-ui.message.chat-message.dark-theme .message-content .pf2e-pd-card .flat-check-success { text-rendering: optimizeLegibility; background-color: blue; border-radius: 2px; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.5); color: white; font-family: var(--sans-serif); font-size: 10px; font-weight: 500; letter-spacing: 0.05em; line-height: 1; padding: 3px 4px; text-transform: uppercase; } .dorako-ui.message.chat-message.dark-theme .pf2e.chat-card .card-header h4 s { color: gray; } .dorako-ui.message.chat-message.dark-theme .pf2e.chat-card .card-header h4 span.heightened { color: green; } .dorako-ui.message.chat-message.dark-theme .pf2e.chat-card .card-content hr { margin: 0px -10px; border-color: var(--tertiary); border-bottom: none; } /* ----------------------------------------- */ /* Damage types */ /* ----------------------------------------- */ .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .dice-tooltip .instance .dice .part-formula, .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .dice-tooltip .instance .dice .part-total { color: var(--color-text-light-5); } .dorako-ui.message.dark-theme .dice-tooltip .part-header { border-bottom: 1px solid var(--color-text-dark-3); } .dorako-ui.message.dark-theme .dice-tooltip .part-header .part-total { background: rgba(255, 255, 255, 0.1); border: 1px solid var(--color-text-dark-3); } .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance { white-space: nowrap; } .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.acid { border-color: #00b300; color: #007300; } .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.acid:not(.tooltip-part), .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.acid.tooltip-part > header { background: rgba(0, 179, 0, 0.125); } .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.acid .icon { color: #00b300; } .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.bleed { border-color: #d90025; color: #99001a; } .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.bleed:not(.tooltip-part), .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.bleed.tooltip-part > header { background: rgba(217, 0, 37, 0.125); } .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.bleed .icon { color: #d90025; } .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.bludgeoning { border-color: #cccccc; color: #acacac; } .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.bludgeoning:not(.tooltip-part), .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.bludgeoning.tooltip-part > header { background: rgba(204, 204, 204, 0.125); } .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.bludgeoning .icon { color: #cccccc; } .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.chaotic { border-color: #e600e6; color: #a600a6; } .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.chaotic:not(.tooltip-part), .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.chaotic.tooltip-part > header { background: rgba(230, 0, 230, 0.125); } .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.chaotic .icon { color: #e600e6; } .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.cold { border-color: #4949cc; color: #2f2fa6; } .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.cold:not(.tooltip-part), .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.cold.tooltip-part > header { background: rgba(73, 73, 204, 0.125); } .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.cold .icon { color: #4949cc; } .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.electricity { border-color: #f1b012; color: darkgoldenrod; } .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.electricity:not(.tooltip-part), .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.electricity.tooltip-part > header { background: rgba(241, 176, 18, 0.125); } .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.electricity .icon { color: #f1b012; } .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.evil { border-color: #842ac4; color: #611f90; } .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.evil:not(.tooltip-part), .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.evil.tooltip-part > header { background: rgba(132, 42, 196, 0.125); text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5), 0px 0px 3px rgba(0, 0, 0, 0.8); } .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.evil .icon { color: #842ac4; } .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.fire { border-color: #e64100; color: #a62f00; } .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.fire:not(.tooltip-part), .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.fire.tooltip-part > header { background: rgba(230, 65, 0, 0.125); } .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.fire .icon { color: #e64100; } .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.force { border-color: #89edfc; color: #4be3fa; } .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.force:not(.tooltip-part), .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.force.tooltip-part > header { background: rgba(137, 237, 252, 0.125); } .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.force .icon { color: #89edfc; } .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.good { border-color: #d99f0e; color: #9d730a; } .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.good:not(.tooltip-part), .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.good.tooltip-part > header { background: rgba(217, 159, 14, 0.125); } .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.good .icon { color: #d99f0e; } .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.lawful { border-color: #a86400; color: #683e00; } .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.lawful:not(.tooltip-part), .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.lawful.tooltip-part > header { background: rgba(168, 100, 0, 0.125); text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5), 0px 0px 3px rgba(0, 0, 0, 0.8); } .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.lawful .icon { color: #a86400; } .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.mental { border-color: #3d53c7; color: #2c3d99; } .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.mental:not(.tooltip-part), .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.mental.tooltip-part > header { background: rgba(61, 83, 199, 0.125); text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5), 0px 0px 3px rgba(0, 0, 0, 0.8); } .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.mental .icon { color: #3d53c7; } .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.negative { border-color: #4e4e68; color: #4e4e68; } .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.negative:not(.tooltip-part), .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.negative.tooltip-part > header { background: rgba(78, 78, 104, 0.125); text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5), 0px 0px 3px rgba(0, 0, 0, 0.8); } .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.negative .icon { color: #4e4e68; } .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.piercing { border-color: #acacac; color: #8c8c8c; } .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.piercing:not(.tooltip-part), .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.piercing.tooltip-part > header { background: rgba(172, 172, 172, 0.125); } .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.piercing .icon { color: #acacac; } .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.poison { border-color: #7e9f45; color: #5b7332; } .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.poison:not(.tooltip-part), .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.poison.tooltip-part > header { background: rgba(126, 159, 69, 0.125); } .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.poison .icon { color: #7e9f45; } .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.positive { border-color: white; color: #ffffbf; } .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.positive:not(.tooltip-part), .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.positive.tooltip-part > header { background: rgba(255, 255, 255, 0.125); text-shadow: 1px 1px rgba(0, 0, 0, 0.6); } .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.positive .icon { color: white; } .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.slashing { border-color: #acacac; color: #8c8c8c; } .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.slashing:not(.tooltip-part), .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.slashing.tooltip-part > header { background: rgba(172, 172, 172, 0.125); } .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.slashing .icon { color: #acacac; } .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.sonic { border-color: #00cbcb; color: darkcyan; } .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.sonic:not(.tooltip-part), .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.sonic.tooltip-part > header { background: rgba(0, 203, 203, 0.125); } .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.sonic .icon { color: #00cbcb; } .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance .splash { border-color: inherit; border-width: 1px; border-style: dotted; padding: 1px 2px; line-height: 0; } h3 { border-bottom: none; } button > i { margin-right: 0; } img { border: none; border-radius: 0px; } input:disabled { border-radius: 2px; } .dorako-display-none { display: none !important; } a.content-link, [data-pf2-check], a.entity-link, [data-pf2-action], [data-pf2-effect-area], a.inline-roll { text-shadow: none !important; } a.content-link, [data-pf2-check], a.entity-link, [data-pf2-action], [data-pf2-effect-area], a.inline-roll:not(.inline-result) { color: black; } i[data-pf2-repost] { top: 0px; } .app.sheet.actor p, .pf2e p { font-weight: 400; } /*# sourceMappingURL=dorako-ui.css.map */