|
|
- @charset "UTF-8";
- .dorako-ui .tox:not(.tox-tinymce-inline) .tox-editor-header {
- background: none;
- box-shadow: none;
- }
-
- /* ----------------------------------------- */
- /* App UI */
- /* ----------------------------------------- */
- #players.dorako-ui {
- border: none;
- border-radius: var(--border-radius);
- 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: var(--border-radius);
- 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: var(--border-radius);
- background: none;
- background-color: var(--glass-bg);
- box-shadow: var(--glassy);
- backdrop-filter: blur(5px);
- -webkit-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: var(--border-radius);
- background: none;
- background-color: var(--glass-bg);
- box-shadow: var(--glassy);
- backdrop-filter: blur(5px);
- -webkit-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: var(--border-radius);
- background: none;
- background-color: var(--glass-bg);
- box-shadow: var(--glassy);
- text-shadow: 0px 0px 3px black;
- }
-
- .dorako-ui.dark-theme.filepicker .favorites .path {
- background: none;
- }
- .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: var(--border-radius);
- 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: var(--border-radius);
- 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: var(--border-radius);
- 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:not(.premium) .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: var(--border-radius);
- 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: var(--border-radius);
- 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: var(--border-radius);
- background: none;
- background-color: var(--glass-bg);
- box-shadow: var(--glassy);
- backdrop-filter: blur(5px);
- -webkit-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 .nerd-details input:disabled, .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: var(--border-radius);
- background: none;
- background-color: var(--glass-bg);
- box-shadow: var(--glassy);
- padding: 0px 4px;
- background-color: rgba(0, 0, 0, 0.8);
- color: var(--color-text-light-primary);
- }
- .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: var(--border-radius);
- 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: var(--border-radius);
- 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: var(--border-radius);
- 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: var(--border-radius);
- 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: var(--border-radius);
- 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: var(--border-radius);
- 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: var(--border-radius);
- 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 {
- align-items: center;
- display: flex;
- }
- 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;
- padding-bottom: 12px;
- display: flex;
- align-items: var(--controls-alignment);
- }
- nav#controls.dorako-ui ol.control-tools.sub-controls > li,
- nav#controls.dorako-ui ol.control-tools.main-controls {
- margin-right: var(--controls-margin);
- }
- nav#controls.dorako-ui ol.control-tools.main-control {
- margin-right: var(--controls-margin);
- }
- nav#controls.dorako-ui ol.control-tools li.control-tool,
- nav#controls.dorako-ui ol.control-tools > li {
- border: none;
- border-radius: var(--border-radius);
- 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: var(--border-radius);
- margin-bottom: var(--controls-margin);
- height: var(--control-size);
- width: var(--control-size);
- font-size: calc(var(--control-size) - 12px);
- }
- 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: var(--border-radius);
- 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: var(--border-radius);
- 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: var(--border-radius);
- 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: var(--border-radius);
- background: none;
- background-color: var(--glass-bg);
- box-shadow: var(--glassy);
- height: 36px !important;
- border-radius: var(--border-radius);
- backdrop-filter: blur(5px);
- -webkit-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: var(--border-radius);
- 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: var(--border-radius);
- 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: var(--border-radius);
- 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: var(--border-radius);
- 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: var(--border-radius);
- 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: var(--border-radius);
- 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;
- font-size: calc(var(--macro-size) / 3);
- }
- #hotbar.dorako-ui .macro .macro-icon {
- border-radius: var(--border-radius);
- 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));
- align-content: end;
- }
- #hotbar.dorako-ui .bar-controls {
- border: none;
- border-radius: var(--border-radius);
- 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: var(--border-radius);
- 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;
- display: flex;
- align-items: center;
- justify-content: center;
- flex: 0 0 var(--control-size);
- height: var(--control-size);
- }
- #navigation.dorako-ui ol#scene-list li.nav-item {
- border: none;
- border-radius: var(--border-radius);
- 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;
- line-height: var(--control-size);
- }
- #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: var(--border-radius);
- 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: var(--border-radius);
- 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: var(--border-radius);
- 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 {
- border: none;
- border-radius: var(--border-radius);
- background: none;
- background-color: var(--glass-bg);
- box-shadow: var(--glassy);
- background-color: rgba(255, 255, 255, 0.5);
- }
-
- #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: var(--border-radius);
- background: none;
- background-color: var(--glass-bg);
- box-shadow: var(--glassy);
- border: none;
- border-radius: 6px var(--border-radius) var(--border-radius) var(--border-radius);
- }
- #sidebar.dorako-ui.collapsed {
- border-radius: var(--border-radius);
- }
- #sidebar.dorako-ui.collapsed #sidebar-tabs .item.active {
- border: none;
- margin: 2px 4px;
- }
- #sidebar.dorako-ui #settings ul#game-details li.system-buttons {
- gap: 5px;
- }
- #sidebar.dorako-ui #settings ul#game-details li.system-buttons button {
- border-radius: var(--border-radius) !important;
- }
- #sidebar.dorako-ui .settings-sidebar h2 {
- background-color: var(--alt);
- border-color: var(--alt-dark);
- }
- #sidebar.dorako-ui .directory .action-buttons button,
- #sidebar.dorako-ui .settings-sidebar button {
- border: none;
- border-radius: var(--border-radius);
- background: none;
- background-color: var(--glass-bg);
- box-shadow: var(--glassy);
- box-shadow: var(--glassy-sharp);
- backdrop-filter: blur(5px);
- background-color: var(--glass-bg-light);
- color: var(--color-text-light-heading);
- text-shadow: 0px 0px 3px black;
- }
- #sidebar.dorako-ui .directory .action-buttons button:hover,
- #sidebar.dorako-ui .settings-sidebar button:hover {
- box-shadow: var(--glassy-sharp-highlight);
- background-color: var(--glass-bg-gold);
- color: var(--color-text-light-highlight);
- }
- #sidebar.dorako-ui .directory .directory-header .header-search input {
- border: none;
- border-radius: var(--border-radius);
- background: none;
- background-color: var(--glass-bg);
- box-shadow: var(--glassy);
- box-shadow: var(--glassy-sharp);
- backdrop-filter: blur(5px);
- background-color: var(--glass-bg-light);
- caret-color: var(--tertiary);
- color: var(--color-text-light-highlight);
- text-shadow: 0px 0px 3px black;
- }
- #sidebar.dorako-ui .directory .directory-header .header-search input::placeholder {
- color: var(--color-text-light-heading);
- }
- #sidebar.dorako-ui .directory .directory-header .header-search input:hover, #sidebar.dorako-ui .directory .directory-header .header-search input:focus {
- background-color: var(--glass-bg-gold);
- box-shadow: var(--glassy-sharp-highlight);
- }
- #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;
- border: none;
- border-radius: var(--border-radius);
- background: none;
- background-color: var(--glass-bg);
- box-shadow: var(--glassy);
- background: var(--glass-bg-light);
- color: var(--color-text-light-heading);
- text-shadow: 0px 0px 3px black;
- }
- .dorako-ui #chat-controls .roll-type-select option,
- .dorako-ui #chat-controls .roll-type-select optgroup {
- background-color: rgb(37, 37, 37);
- color: var(--color-text-light-highlight);
- }
-
- .dorako-ui section.chat-sidebar .jump-to-bottom > a {
- border: none;
- border-radius: var(--border-radius);
- 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;
- border-radius: 0px;
- z-index: 1;
- text-shadow: none;
- background-color: rgba(236, 191, 65, 0.8666666667);
- background-color: #ecbf41;
- background-color: var(--alt-dark);
- background-color: var(--glass-bg-dark);
- backdrop-filter: blur(5px);
- color: var(--color-text-light-heading);
- color: var(--color-text-light-highlight);
- text-shadow: 0px 0px 3px black;
- font-size: large;
- }
- .dorako-ui section.chat-sidebar .jump-to-bottom > a:hover {
- background-color: rgba(255, 219, 119, 0.8666666667);
- background-color: #ffdb77;
- background-color: var(--alt);
- background-color: var(--glass-bg);
- color: var(--color-text-light-highlight);
- }
- .dorako-ui section.chat-sidebar .jump-to-bottom > a:hover a {
- text-shadow: none;
- }
-
- #token-hud.dorako-ui .status-effects {
- background: none;
- box-shadow: none;
- border: none;
- padding: 0px;
- grid-template-columns: repeat(5, 1fr);
- width: auto;
- gap: 8px;
- }
- #token-hud.dorako-ui .status-effects .effect-control {
- border: none;
- margin: 0px;
- padding: 0px;
- background-color: var(--glass-bg);
- border-radius: var(--border-radius);
- }
- #token-hud.dorako-ui .status-effects .effect-control::before {
- content: "";
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- box-shadow: var(--glassy);
- border-radius: var(--border-radius);
- overflow: hidden;
- pointer-events: none;
- }
- #token-hud.dorako-ui .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: var(--border-radius);
- overflow: hidden;
- pointer-events: none;
- }
- #token-hud.dorako-ui .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: var(--border-radius);
- overflow: hidden;
- pointer-events: none;
- }
- #token-hud.dorako-ui .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: var(--border-radius);
- overflow: hidden;
- pointer-events: none;
- }
- #token-hud.dorako-ui .status-effects .effect-control:not(.active):hover img {
- border: unset;
- }
- #token-hud.dorako-ui .status-effects .effect-control:hover, #token-hud.dorako-ui .status-effects .effect-control.active {
- filter: none;
- opacity: 1;
- border: none;
- }
- #token-hud.dorako-ui .status-effects .effect-control:hover img, #token-hud.dorako-ui .status-effects .effect-control.active img {
- border: none;
- }
- #token-hud.dorako-ui .status-effects .effect-control.active:hover {
- border: none;
- filter: brightness(0.75) saturate(0.75);
- }
- #token-hud.dorako-ui .status-effects .effect-control.active img {
- border: none;
- opacity: 1;
- }
- #token-hud.dorako-ui .status-effects .effect-control img {
- border: none;
- margin: 0px;
- opacity: 1;
- height: auto;
- width: auto;
- border-radius: var(--border-radius);
- }
- #token-hud.dorako-ui .status-effects .title-bar {
- border: none;
- border-radius: var(--border-radius);
- background: none;
- background-color: var(--glass-bg);
- box-shadow: var(--glassy);
- backdrop-filter: blur(5px);
- -webkit-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.dorako-ui .status-effects .title-bar.active {
- visibility: visible;
- }
- #token-hud.dorako-ui.placeable-hud input[type=text] {
- border: none;
- border-radius: var(--border-radius);
- background: none;
- background-color: var(--glass-bg);
- box-shadow: var(--glassy);
- text-shadow: 0px 0px 3px black;
- }
- #token-hud.dorako-ui.placeable-hud input[type=text]:focus {
- box-shadow: var(--gold-and-glow), var(--glassy);
- border: none;
- }
- #token-hud.dorako-ui.placeable-hud .control-icon {
- border: none;
- border-radius: var(--border-radius);
- 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;
- }
- #token-hud.dorako-ui.placeable-hud .control-icon .badge {
- text-shadow: none;
- }
- #token-hud.dorako-ui.placeable-hud .control-icon[data-action=overhead], #token-hud.dorako-ui.placeable-hud .control-icon[data-action=underfoot] {
- background-color: var(--primary-dark);
- }
- #token-hud.dorako-ui.placeable-hud .control-icon[data-action=overhead]:hover, #token-hud.dorako-ui.placeable-hud .control-icon[data-action=overhead].active, #token-hud.dorako-ui.placeable-hud .control-icon[data-action=underfoot]:hover, #token-hud.dorako-ui.placeable-hud .control-icon[data-action=underfoot].active {
- background-color: var(--primary-light);
- }
- #token-hud.dorako-ui.placeable-hud .control-icon[data-action=overhead]:hover > img, #token-hud.dorako-ui.placeable-hud .control-icon[data-action=overhead].active > img, #token-hud.dorako-ui.placeable-hud .control-icon[data-action=underfoot]:hover > img, #token-hud.dorako-ui.placeable-hud .control-icon[data-action=underfoot].active > img {
- filter: sepia() grayscale(0.95) brightness(1) drop-shadow(0px 0px 3px black);
- }
- #token-hud.dorako-ui.placeable-hud .control-icon[data-action=overhead]:hover:hover, #token-hud.dorako-ui.placeable-hud .control-icon[data-action=overhead].active:hover, #token-hud.dorako-ui.placeable-hud .control-icon[data-action=underfoot]:hover:hover, #token-hud.dorako-ui.placeable-hud .control-icon[data-action=underfoot].active:hover {
- background-color: var(--primary-light);
- }
- #token-hud.dorako-ui.placeable-hud .control-icon[data-action=sort-up]:hover, #token-hud.dorako-ui.placeable-hud .control-icon[data-action=sort-down]:hover, #token-hud.dorako-ui.placeable-hud .control-icon[data-action=config]:hover, #token-hud.dorako-ui.placeable-hud .control-icon[data-action=trigger]:hover, #token-hud.dorako-ui.placeable-hud .control-icon[data-action=pf2e-perception]:hover, #token-hud.dorako-ui.placeable-hud .control-icon[data-action=clown-car]:hover, #token-hud.dorako-ui.placeable-hud .control-icon[data-action=delay]:hover {
- background-color: var(--primary-light);
- }
- #token-hud.dorako-ui.placeable-hud .control-icon[data-action=sort-up]:hover > img, #token-hud.dorako-ui.placeable-hud .control-icon[data-action=sort-down]:hover > img, #token-hud.dorako-ui.placeable-hud .control-icon[data-action=config]:hover > img, #token-hud.dorako-ui.placeable-hud .control-icon[data-action=trigger]:hover > img, #token-hud.dorako-ui.placeable-hud .control-icon[data-action=pf2e-perception]:hover > img, #token-hud.dorako-ui.placeable-hud .control-icon[data-action=clown-car]:hover > img, #token-hud.dorako-ui.placeable-hud .control-icon[data-action=delay]:hover > img {
- filter: sepia() grayscale(0.95) brightness(1) drop-shadow(0px 0px 3px black);
- }
- #token-hud.dorako-ui.placeable-hud .control-icon[data-action=visibility], #token-hud.dorako-ui.placeable-hud .control-icon[data-action=effects], #token-hud.dorako-ui.placeable-hud .control-icon[data-action=combat], #token-hud.dorako-ui.placeable-hud .control-icon[data-action=locked], #token-hud.dorako-ui.placeable-hud .control-icon[data-action=target], #token-hud.dorako-ui.placeable-hud .control-icon[data-action=active], #token-hud.dorako-ui.placeable-hud .control-icon[data-action=mystify] {
- background-color: var(--secondary-dark);
- }
- #token-hud.dorako-ui.placeable-hud .control-icon[data-action=visibility]:hover, #token-hud.dorako-ui.placeable-hud .control-icon[data-action=visibility].active, #token-hud.dorako-ui.placeable-hud .control-icon[data-action=effects]:hover, #token-hud.dorako-ui.placeable-hud .control-icon[data-action=effects].active, #token-hud.dorako-ui.placeable-hud .control-icon[data-action=combat]:hover, #token-hud.dorako-ui.placeable-hud .control-icon[data-action=combat].active, #token-hud.dorako-ui.placeable-hud .control-icon[data-action=locked]:hover, #token-hud.dorako-ui.placeable-hud .control-icon[data-action=locked].active, #token-hud.dorako-ui.placeable-hud .control-icon[data-action=target]:hover, #token-hud.dorako-ui.placeable-hud .control-icon[data-action=target].active, #token-hud.dorako-ui.placeable-hud .control-icon[data-action=active]:hover, #token-hud.dorako-ui.placeable-hud .control-icon[data-action=active].active, #token-hud.dorako-ui.placeable-hud .control-icon[data-action=mystify]:hover, #token-hud.dorako-ui.placeable-hud .control-icon[data-action=mystify].active {
- background-color: var(--secondary-light);
- }
- #token-hud.dorako-ui.placeable-hud .control-icon[data-action=visibility]:hover > img, #token-hud.dorako-ui.placeable-hud .control-icon[data-action=visibility].active > img, #token-hud.dorako-ui.placeable-hud .control-icon[data-action=effects]:hover > img, #token-hud.dorako-ui.placeable-hud .control-icon[data-action=effects].active > img, #token-hud.dorako-ui.placeable-hud .control-icon[data-action=combat]:hover > img, #token-hud.dorako-ui.placeable-hud .control-icon[data-action=combat].active > img, #token-hud.dorako-ui.placeable-hud .control-icon[data-action=locked]:hover > img, #token-hud.dorako-ui.placeable-hud .control-icon[data-action=locked].active > img, #token-hud.dorako-ui.placeable-hud .control-icon[data-action=target]:hover > img, #token-hud.dorako-ui.placeable-hud .control-icon[data-action=target].active > img, #token-hud.dorako-ui.placeable-hud .control-icon[data-action=active]:hover > img, #token-hud.dorako-ui.placeable-hud .control-icon[data-action=active].active > img, #token-hud.dorako-ui.placeable-hud .control-icon[data-action=mystify]:hover > img, #token-hud.dorako-ui.placeable-hud .control-icon[data-action=mystify].active > img {
- filter: sepia() grayscale(0.95) brightness(1) drop-shadow(0px 0px 3px black);
- }
- #token-hud.dorako-ui.placeable-hud .control-icon[data-action=clown-car] img {
- margin: unset;
- }
- #token-hud.dorako-ui.placeable-hud .control-icon:hover {
- background-color: var(--secondary);
- color: var(--color-text-light-highlight);
- }
- #token-hud.dorako-ui.placeable-hud .control-icon.active {
- color: var(--color-text-light-highlight);
- background-color: var(--secondary-light);
- border: none;
- }
- #token-hud.dorako-ui.placeable-hud .control-icon.active > img {
- filter: sepia() grayscale(0.95) brightness(1) drop-shadow(0px 0px 3px black);
- }
- #token-hud.dorako-ui.placeable-hud .control-icon > img {
- opacity: 1;
- filter: sepia() brightness(0.8) drop-shadow(0px 0px 3px black);
- }
- #token-hud.dorako-ui.placeable-hud .control-icon .effect-control.valued .badge,
- #token-hud.dorako-ui.placeable-hud .control-icon .effect-control .badge {
- font-size: var(--font-size-16);
- font-weight: 600;
- line-height: var(--font-size-17);
- border-radius: 0px var(--border-radius) 0px 3px;
- background: var(--primary-light);
- margin: 1px;
- color: white;
- text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
- height: 1.1rem;
- width: 1.1rem;
- border: 1px solid var(--gold-brown);
- box-shadow: -1px 1px 0px var(--tertiary);
- }
- #token-hud.dorako-ui.placeable-hud .control-icon .badge.fa-lock:before {
- position: relative;
- top: -2.5px;
- font-size: var(--font-size-10);
- }
-
- .dorako-ui.sheet.familiar form {
- background: unset;
- }
- .dorako-ui.sheet.party [data-tab=overview] .summary {
- padding: 10px 12px;
- }
- .dorako-ui.sheet.party [data-tab=overview] .member > .data header .hero-points .empty {
- border-color: var(--tertiary);
- }
- .dorako-ui.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-background .pc {
- gap: 4px;
- }
- .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 .classdc-rank .modifiers_button {
- border-radius: 2px;
- }
- .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 button.use-action {
- text-shadow: unset !important;
- }
- .dorako-ui.actor.sheet button.use-action select {
- box-shadow: unset !important;
- }
- .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 ol.actions-list li.action .item-summary, .dorako-ui.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .item-summary, .dorako-ui.sheet.party [data-tab=overview] .summary, .dorako-ui.sheet.party [data-tab=exploration] .activities .member-activity, .dorako-ui.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .attributes .attribute h3.modifier, .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, .dorako-ui.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .attribute-modifiers .attribute, .dorako-ui.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .attribute-modifiers .attribute h3.attribute-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.actor.sheet aside {
- z-index: 1;
- }
- .dorako-ui.actor.sheet.green-theme .crb-style {
- background-image: url("../img/green-header.webp"), var(--sheet);
- }
- .dorako-ui.actor.sheet.green-theme .crb-style aside {
- background-image: url("../img/green-sidebar-top.webp"), url("../img/green-sidebar-bottom.webp");
- }
- .dorako-ui.actor.sheet.green-theme .crb-style aside .logo {
- filter: grayscale(0.6);
- }
- .dorako-ui.actor.sheet.green-theme .crb-style aside .sidebar .hitpoints .hp-big .container.current-hp {
- background-image: linear-gradient(90deg, var(--remaster) 0%, var(--remaster-light) 50%, var(--remaster) 100%);
- background-color: var(--remaster);
- }
- .dorako-ui.actor.sheet.green-theme .crb-style aside .sidebar .armor-class .shield.hp {
- background: url("../img/blue-shield.webp") no-repeat top center;
- }
- .dorako-ui.actor.sheet.green-theme .crb-style aside .sidebar .initiative-select select {
- background-color: var(--remaster);
- }
- .dorako-ui.actor.sheet.green-theme .crb-style header.char-header .char-level .level {
- background: url("../img/blue-level-badge.webp") no-repeat;
- }
- .dorako-ui.actor.sheet.green-theme .crb-style nav.sheet-navigation {
- background: var(--remaster-light);
- }
- .dorako-ui.actor.sheet.green-theme .crb-style nav.sheet-navigation .item:hover,
- .dorako-ui.actor.sheet.green-theme .crb-style nav.sheet-navigation .item.active {
- background-image: url("../img/green-nav-item.webp");
- }
- .dorako-ui.actor.sheet.blue-theme .crb-style {
- background-image: url("../img/blue-header.webp"), var(--sheet);
- }
- .dorako-ui.actor.sheet.blue-theme .crb-style aside {
- background-image: url("../img/blue-sidebar-top.webp"), url("../img/blue-sidebar-bottom.webp");
- }
- .dorako-ui.actor.sheet.blue-theme .crb-style aside .logo {
- filter: grayscale(0.6);
- }
- .dorako-ui.actor.sheet.blue-theme .crb-style aside .sidebar .hitpoints .hp-big .container.current-hp {
- background-image: linear-gradient(90deg, var(--secondary) 0%, var(--secondary-light) 50%, var(--secondary) 100%);
- background-color: var(--secondary);
- }
- .dorako-ui.actor.sheet.blue-theme .crb-style aside .sidebar .armor-class .shield.hp {
- background: url("../img/blue-shield.webp") no-repeat top center;
- }
- .dorako-ui.actor.sheet.blue-theme .crb-style aside .sidebar .initiative-select select {
- background-color: var(--secondary);
- }
- .dorako-ui.actor.sheet.blue-theme .crb-style header.char-header .char-level .level {
- background: url("../img/blue-level-badge.webp") no-repeat;
- }
- .dorako-ui.actor.sheet.blue-theme .crb-style nav.sheet-navigation {
- background: var(--secondary-light);
- }
- .dorako-ui.actor.sheet.blue-theme .crb-style nav.sheet-navigation .item:hover,
- .dorako-ui.actor.sheet.blue-theme .crb-style nav.sheet-navigation .item.active {
- background-image: url("../img/blue-nav-item.webp");
- }
-
- .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.actor.sheet.character button.use-action {
- color: black !important;
- }
- .dorako-ui.dark-theme.npc .npc-sheet .actions-list li.action .button-group > button.use-action, .dorako-ui.dark-theme.npc .npc-sheet .attacks-list li.action .button-group > button.use-action {
- border-radius: 2px;
- border: none;
- box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3), inset 0 0 0 2px rgba(0, 0, 0, 0.2);
- background: var(--bg-dark);
- text-rendering: optimizeLegibility;
- text-transform: uppercase;
- font: 500 var(--font-size-10) var(--sans-serif);
- color: black;
- }
- .dorako-ui.dark-theme.npc .npc-sheet .actions-list li.action .button-group > button.use-action:hover, .dorako-ui.dark-theme.npc .npc-sheet .attacks-list li.action .button-group > button.use-action:hover {
- box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.15), inset 0 0 0 2px rgba(0, 0, 0, 0.4);
- }
- .dorako-ui.dark-theme.pf2e.item.sheet.action form .drop-zone picture, .dorako-ui.dark-theme.pf2e.item.sheet.action form .drop-zone 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);
- background-color: var(--glass-bg);
- }
- .dorako-ui.dark-theme.pf2e.item.sheet.action form .drop-zone {
- border: none;
- border-radius: var(--border-radius);
- background: none;
- background-color: var(--glass-bg);
- box-shadow: var(--glassy);
- background-color: var(--glass-bg-light);
- }
- .dorako-ui.dark-theme.pf2e.item.sheet.action form .drop-zone a.content-link {
- border: none;
- border-radius: var(--border-radius);
- background: none;
- background-color: var(--glass-bg);
- box-shadow: var(--glassy);
- background-color: var(--primary);
- color: var(--color-text-light-highlight);
- padding-right: 15px;
- }
- .dorako-ui.dark-theme.sheet.actor.loot, .dorako-ui.dark-theme.sheet.preparation, .dorako-ui.dark-theme.actor.sheet.character {
- --text-dark: var(--color-text-light-highlight);
- }
- .dorako-ui.dark-theme.sheet.party {
- --color-border: var(--tertiary);
- --alt-dark: var(--tertiary-dark);
- --text-dark: var(--color-text-light-highlight);
- }
- .dorako-ui.dark-theme.sheet.party .sidebar .box header {
- border: 1px solid var(--tertiary);
- }
- .dorako-ui.dark-theme.sheet.party form {
- background: unset;
- }
- .dorako-ui.dark-theme.sheet.party form .details .title .name {
- box-shadow: none !important;
- background: none !important;
- }
- .dorako-ui.dark-theme .tags .tag.tag_transparent,
- .dorako-ui.dark-theme .tags .tag option.tag_transparent {
- color: white;
- }
- .dorako-ui.dark-theme.sheet.party .sidebar .box footer {
- background: var(--tertiary);
- }
- .dorako-ui.dark-theme.sheet.party [data-tab=exploration] .exploration-members .member .sub-data {
- background-color: rgba(255, 255, 255, 0.1);
- }
- .dorako-ui.dark-theme.sheet.party [data-tab=exploration] .exploration-members .member .sub-data > span:not(:last-child) {
- border-color: rgba(255, 255, 255, 0.2);
- }
- .dorako-ui.dark-theme.sheet.party [data-tab=overview] .member .main-stats .ac .value {
- color: var(--tertiary);
- text-shadow: 0px 1px 0px black;
- }
- .dorako-ui.dark-theme.sheet.party [data-tab=overview] .summary nav button.active {
- background: var(--primary);
- }
- .dorako-ui.dark-theme.sheet.party .tag-light {
- background: var(--tag-color);
- color: white;
- box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.5) inset;
- }
- .dorako-ui.dark-theme.sheet.party nav.sub-nav a, .dorako-ui.dark-theme.sheet.party nav.sub-nav .tab {
- color: var(--tertiary-dark);
- }
- .dorako-ui.dark-theme.sheet.party [data-tab=exploration] .activities .member-activity .empty .name, .dorako-ui.dark-theme.sheet.party nav.sub-nav a.active, .dorako-ui.dark-theme.sheet.party nav.sub-nav .tab.active {
- color: var(--tertiary);
- }
- .dorako-ui.dark-theme.sheet.party nav.sub-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.sheet.party nav.sub-nav .tab {
- border-left: 1px solid rgba(255, 255, 255, 0.3);
- border-right: 1px solid rgba(0, 0, 0, 0.2);
- }
- .dorako-ui.dark-theme.sheet.party nav.sub-nav::before, .dorako-ui.dark-theme.sheet.party nav.sub-nav::after {
- filter: invert(1);
- }
- .dorako-ui.dark-theme.sheet.party [data-tab=overview] .member .name .hero-points .empty {
- border-color: var(--tertiary);
- }
- .dorako-ui.dark-theme.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .button-group .versatile-options button {
- box-shadow: 0px 0px 1px 1px var(--tertiary) inset;
- --color-border-piercing: #5c5c5c;
- --color-border-slashing: #5c5c5c;
- --color-border-bludgeoning: #5c5c5c;
- }
- .dorako-ui.dark-theme.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .button-group .versatile-options button:hover, .dorako-ui.dark-theme.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .button-group .versatile-options button.selected {
- background: white;
- }
- .dorako-ui.dark-theme.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .button-group .versatile-options button:hover .icon, .dorako-ui.dark-theme.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .button-group .versatile-options button.selected .icon {
- color: black !important;
- }
- .dorako-ui.dark-theme.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .button-group .versatile-options button .icon {
- text-shadow: none;
- }
- .dorako-ui.dark-theme.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .button-group .versatile-options button.damage.color.bludgeoning .icon, .dorako-ui.dark-theme.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .button-group .versatile-options button.damage.color.piercing .icon, .dorako-ui.dark-theme.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .button-group .versatile-options button.damage.color.slashing .icon {
- color: var(--color-border-piercing);
- }
- .dorako-ui.dark-theme.actor.sheet.character .crb-style .sheet-body .sheet-content .item-image i, .dorako-ui.dark-theme.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-details .alignment select, .dorako-ui.dark-theme.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .auxiliary-actions button select.modular {
- color: black;
- }
- .dorako-ui.dark-theme.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action .item-summary .tag.tag_secondary, .dorako-ui.dark-theme.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .item-summary .tag.tag_secondary {
- background-color: var(--tertiary-dark);
- color: black;
- }
- .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: var(--border-radius);
- 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 .attributes .attribute .abbreviation, .dorako-ui.dark-theme.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .attribute-modifiers .attribute .attribute-name, .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 .attribute-modifiers .attribute input, .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 ol.actions-list li.action, .dorako-ui.dark-theme.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike, .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), var(--tertiary)) 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: var(--border-radius);
- 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.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .attributes .attribute .label,
- .dorako-ui.dark-theme .crb-style .details-label {
- color: var(--tertiary);
- }
- .dorako-ui.dark-theme.actor.sheet .inventory .list-row .item-controls .item-control.toggle-invested {
- color: rgba(255, 255, 255, 0.5);
- }
- .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, .dorako-ui.dark-theme.actor.sheet .inventory .list-row .item-controls .item-control.toggle-invested.active {
- color: var(--tertiary-dark);
- }
- .dorako-ui.dark-theme.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions 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 ol.actions-list li.strike .item-name .actions-title .action-name > h4:hover {
- color: var(--tertiary);
- }
- .dorako-ui.dark-theme.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .ability-scores .ability .ability-id, .dorako-ui.dark-theme.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .attribute-modifiers .attribute .attribute-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 .skills-list .skill .skill-score, .dorako-ui.dark-theme.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .lores-list .skill .skill-score, .dorako-ui.dark-theme.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .combat-list .skill .skill-score {
- 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 aside .classdc-rank .modifiers_button {
- border-radius: 2px;
- }
- .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: var(--border-radius);
- 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.pf2e.item.sheet form section.sheet-body .item-mystification.active .mystification-status label, .dorako-ui.dark-theme.pf2e.item.sheet form .sheet-content section.sheet-sidebar .inventory-details label, .dorako-ui.dark-theme.pf2e.item.sheet form .sheet-content section.sheet-sidebar .feat-details label {
- color: var(--color-text-light);
- }
- .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 .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 ol.actions-list li.strike .button-group, .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 ol.actions-list li.strike .button-group button.tag, .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.tag {
- border: none;
- border-radius: var(--border-radius);
- 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 ol.actions-list li.strike .button-group button.tag:not(:disabled), .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.tag: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 ol.actions-list li.strike .button-group button.tag:not(:disabled).damage, .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.tag:not(:disabled).damage {
- background: var(--primary);
- }
- .dorako-ui.dark-theme.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .button-group button.tag:not(:disabled).damage:hover, .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.tag: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 ol.actions-list li.strike .button-group button.tag:not(:disabled):hover, .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.tag:not(:disabled):hover {
- border: none;
- border-radius: var(--border-radius);
- 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: var(--border-radius);
- 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: var(--border-radius);
- 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;
- }
-
- #effects-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;
- }
- #effects-panel.dorako-ui::-webkit-scrollbar-track {
- box-shadow: none;
- }
- #effects-panel.dorako-ui .effect-item {
- display: flex;
- justify-content: flex-end;
- height: 46px;
- margin-bottom: 0.2em;
- margin-right: 3px;
- }
- #effects-panel.dorako-ui .effect-item:hover .effect-info {
- display: block;
- }
- #effects-panel.dorako-ui .effect-item[data-badge-type=formula] .icon:hover:before {
- border-radius: 50%;
- }
- #effects-panel.dorako-ui .effect-item .effect-info {
- border: none;
- border-radius: var(--border-radius);
- 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);
- -webkit-backdrop-filter: blur(5px);
- z-index: var(--z-index-tooltip);
- }
- #effects-panel.dorako-ui .effect-item .effect-info .description {
- background: unset;
- }
- #effects-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;
- }
- #effects-panel.dorako-ui .effect-item .effect-info p:last-child {
- margin-bottom: 0px;
- }
- #effects-panel.dorako-ui .effect-item .effect-info .tags {
- justify-content: flex-end;
- }
- #effects-panel.dorako-ui .effect-item .effect-info .tags .tag {
- margin-bottom: 0;
- }
- #effects-panel.dorako-ui .effect-item .effect-info .tags .tag + .tag, #effects-panel.dorako-ui .effect-item .effect-info .tags .tag:first-child {
- margin-left: 3px;
- margin-right: -2px;
- }
- #effects-panel.dorako-ui .effect-item .effect-info .instructions {
- color: var(--color-text-light-heading);
- font-size: 0.75em;
- text-align: right;
- }
- #effects-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;
- }
- #effects-panel.dorako-ui .effect-item > .icon.aura {
- border-radius: 5px;
- transform: scale(0.8);
- box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px var(--gold-brown), 0 0 10px 3px var(--tertiary);
- }
- #effects-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;
- }
- #effects-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;
- }
- #effects-panel.dorako-ui .effect-item > .icon .value-wrapper {
- background: none;
- }
- #effects-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;
- }
- #effects-panel.dorako-ui .effect-item > .icon.unidentified {
- filter: drop-shadow(0 0 8px var(--blind-bg));
- }
- #effects-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: var(--border-radius);
- 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: var(--border-radius);
- 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.familiar.glassy-theme {
- box-shadow: unset !important;
- background: unset !important;
- }
- .dorako-ui.familiar.glassy-theme .window-header {
- border: none;
- border-radius: var(--border-radius);
- background: none;
- background-color: var(--glass-bg);
- box-shadow: var(--glassy);
- backdrop-filter: blur(5px);
- -webkit-backdrop-filter: blur(5px);
- margin-left: 10px;
- margin-right: 18px;
- }
- .dorako-ui.familiar.glassy-theme .window-content {
- box-shadow: unset !important;
- background: unset !important;
- margin: unset;
- }
- .dorako-ui.familiar.glassy-theme .familiar-sheet-header {
- border: none;
- border-radius: var(--border-radius);
- background: none;
- background-color: var(--glass-bg);
- box-shadow: var(--glassy);
- --color-text-dark-primary: var(--color-text-light-heading);
- backdrop-filter: blur(5px);
- -webkit-backdrop-filter: blur(5px);
- text-shadow: 0px 0px 3px black;
- margin-left: 10px;
- margin-right: 18px;
- margin-bottom: 5px;
- margin-top: 5px;
- color: var(--color-text-light-primary);
- }
- .dorako-ui.familiar.glassy-theme .familiar-sheet-header .header-content .charname {
- color: var(--tertiary-light);
- }
- .dorako-ui.familiar.glassy-theme .familiar-sheet-header .header-content .charname input {
- border: unset;
- color: var(--tertiary-light);
- }
- .dorako-ui.familiar.glassy-theme .familiar-sheet-header select {
- border: none;
- border-radius: var(--border-radius);
- 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) !important;
- color: var(--color-text-light-primary);
- }
- .dorako-ui.familiar.glassy-theme .familiar-sheet-header select:hover {
- color: var(--color-text-light-highlight);
- }
- .dorako-ui.familiar.glassy-theme .familiar-sheet-header select option,
- .dorako-ui.familiar.glassy-theme .familiar-sheet-header select optgroup {
- background-color: rgb(37, 37, 37);
- color: var(--color-text-light-highlight);
- }
- .dorako-ui.familiar.glassy-theme .familiar-sheet-header .traits {
- display: flex;
- gap: 1px;
- }
- .dorako-ui.familiar.glassy-theme .familiar-sheet-header .traits span {
- border-radius: 0px;
- box-shadow: unset;
- border: 1px solid var(--tertiary);
- outline: 1px solid var(--gold-brown);
- height: auto;
- padding: 0.33em 0.33em;
- }
- .dorako-ui.familiar.glassy-theme .editable > hr {
- display: none;
- }
-
- .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.hazard.glassy-theme {
- background: unset;
- box-shadow: unset;
- }
- .dorako-ui.hazard.glassy-theme .window-header {
- border: none;
- border-radius: var(--border-radius);
- background: none;
- background-color: var(--glass-bg);
- box-shadow: var(--glassy);
- backdrop-filter: blur(5px);
- -webkit-backdrop-filter: blur(5px);
- margin-left: 5px;
- margin-right: 18px;
- margin-bottom: 5px;
- }
- .dorako-ui.hazard.glassy-theme .editable {
- margin-right: 5px;
- }
- .dorako-ui.hazard.glassy-theme .window-content {
- background: unset !important;
- box-shadow: unset !important;
- margin: unset;
- }
- .dorako-ui.hazard.glassy-theme .window-content form > header {
- 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: 3px;
- width: auto;
- margin-left: 5px;
- margin-right: 13px;
- }
- .dorako-ui.hazard.glassy-theme .sidebar {
- border: none;
- border-radius: var(--border-radius);
- background: none;
- background-color: var(--glass-bg);
- box-shadow: var(--glassy);
- --color-text-dark-primary: var(--color-text-light-highlight);
- --color-text-dark-secondary: var(--color-text-light-primary);
- text-shadow: 0px 0px 3px black;
- backdrop-filter: blur(5px);
- -webkit-backdrop-filter: blur(5px);
- height: fit-content;
- margin-top: 10px;
- margin-left: 5px;
- color: var(--color-text-light-primary);
- }
- .dorako-ui.hazard.glassy-theme .sidebar .sidebar-title {
- border-color: var(--tertiary);
- }
- .dorako-ui.hazard.glassy-theme .sidebar select {
- border: none;
- border-radius: var(--border-radius);
- 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) !important;
- color: var(--color-text-light-primary);
- }
- .dorako-ui.hazard.glassy-theme .sidebar select:hover {
- color: var(--color-text-light-highlight);
- }
- .dorako-ui.hazard.glassy-theme .sidebar select option,
- .dorako-ui.hazard.glassy-theme .sidebar select optgroup {
- background-color: rgb(37, 37, 37);
- color: var(--color-text-light-highlight);
- }
-
- .dorako-ui.sheet.pf2e.actor.npc .adjustments {
- gap: 1px;
- }
- .dorako-ui.sheet.pf2e.actor.npc .adjustments .trait {
- border: 1px solid var(--tertiary);
- outline: 1px solid var(--gold-brown);
- }
- .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 .sheet-body .tab {
- padding-top: 2px;
- }
- .dorako-ui.sheet.pf2e.actor.npc form .activity-icon {
- font-weight: 100;
- }
- .dorako-ui.sheet.pf2e.actor.npc form input[type=number]:focus,
- .dorako-ui.sheet.pf2e.actor.npc form input[type=number]:hover:not(:disabled),
- .dorako-ui.sheet.pf2e.actor.npc form input[type=text]:focus,
- .dorako-ui.sheet.pf2e.actor.npc form 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 input.adjustable:not(:focus).adjusted-higher,
- .dorako-ui.sheet.pf2e.actor.npc form span.adjustable.adjusted-higher {
- color: green !important;
- }
- .dorako-ui.sheet.pf2e.actor.npc form input.adjustable:not(:focus).adjusted-lower,
- .dorako-ui.sheet.pf2e.actor.npc form span.adjustable.adjusted-lower {
- color: red !important;
- }
- .dorako-ui.sheet.pf2e.actor.npc form .top-sections {
- gap: 5px;
- }
- .dorako-ui.sheet.pf2e.actor.npc form .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 .side-bar-section.initiative select {
- width: 98%;
- margin-bottom: 2px;
- color: var(--color-text-dark-secondary);
- }
- .dorako-ui.sheet.pf2e.actor.npc form .side-bar-section .side-bar-section-header {
- align-items: center;
- margin-bottom: unset;
- margin-bottom: 2px;
- }
- .dorako-ui.sheet.pf2e.actor.npc form .side-bar-section .side-bar-section-header.disabled {
- margin-bottom: unset;
- }
- .dorako-ui.sheet.pf2e.actor.npc form .side-bar-section.collapsed .side-bar-section-header {
- margin-bottom: unset;
- }
- .dorako-ui.sheet.pf2e.actor.npc form .side-bar-section.collapsed .side-bar-section-header.disabled {
- margin-bottom: unset;
- }
- .dorako-ui.sheet.pf2e.actor.npc form .side-bar-section.collapsed {
- max-height: 24px;
- transition: max-height 0.5s cubic-bezier(0, 1, 0, 1);
- }
- .dorako-ui.sheet.pf2e.actor.npc form .side-bar-section.collapsed .side-bar-section-header {
- border-radius: 3px;
- }
- .dorako-ui.sheet.pf2e.actor.npc form .side-bar-section.collapsed:not(.empty):hover {
- max-height: 1000px;
- transition: max-height 1s ease-in-out;
- }
- .dorako-ui.sheet.pf2e.actor.npc form .side-bar-section.collapsed:not(.empty):hover .side-bar-section-header {
- border-radius: 3px 3px 0px 0px;
- }
- .dorako-ui.sheet.pf2e.actor.npc form .side-bar-section.collapsed:not(.empty):hover .side-bar-section-content {
- display: block;
- }
- .dorako-ui.sheet.pf2e.actor.npc form .side-bar-section.collapsed .side-bar-section-content {
- display: none;
- }
- .dorako-ui.sheet.pf2e.actor.npc form .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 .section-container .section-header {
- box-shadow: inset 0 0 3px rgba(255, 255, 255, 0.5);
- background: var(--primary);
- border-color: var(--primary);
- }
- .dorako-ui.sheet.pf2e.actor.npc form .section-container:not(.headerless) .section-body {
- border-top: 1px solid var(--tertiary);
- }
- .dorako-ui.sheet.pf2e.actor.npc form .section-container .section-body {
- border: none;
- padding: 0;
- padding: 5px;
- }
- .dorako-ui.sheet.pf2e.actor.npc form .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 .sidebar .image-container {
- border: none;
- }
- .dorako-ui.sheet.pf2e.actor.npc form .sidebar .saves-section.side-bar-section {
- display: flex;
- flex-direction: column;
- }
- .dorako-ui.sheet.pf2e.actor.npc form .sidebar .saves-section.side-bar-section.collapsed {
- max-height: 52px;
- }
- .dorako-ui.sheet.pf2e.actor.npc form .sidebar .saves-section.side-bar-section.collapsed:hover {
- max-height: 1000px;
- }
- .dorako-ui.sheet.pf2e.actor.npc form .sidebar .saves {
- margin-top: 4px;
- width: unset;
- }
- .dorako-ui.sheet.pf2e.actor.npc form .sidebar .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: 24px;
- }
- .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 .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;
- }
-
- /* Glassy */
- .dorako-ui.sheet.pf2e.actor.npc.glassy-theme {
- background: none;
- box-shadow: none;
- }
- .dorako-ui.sheet.pf2e.actor.npc.glassy-theme .window-header {
- box-shadow: var(--glassy);
- background: var(--glass-bg);
- border-radius: 3px;
- margin: 0px 10px;
- backdrop-filter: blur(5px);
- -webkit-backdrop-filter: blur(5px);
- }
- .dorako-ui.sheet.pf2e.actor.npc.glassy-theme .window-content {
- background: none;
- box-shadow: none;
- margin: unset;
- }
- .dorako-ui.sheet.pf2e.actor.npc.glassy-theme .npc-sheet-header {
- --color-text-dark-input: var(--color-text-light-heading);
- box-shadow: var(--glassy);
- background: var(--glass-bg);
- border-radius: 3px;
- margin: 5px;
- padding: 2px 5px;
- backdrop-filter: blur(5px);
- -webkit-backdrop-filter: blur(5px);
- }
- .dorako-ui.sheet.pf2e.actor.npc.glassy-theme .npc-sheet-header .name .level-label,
- .dorako-ui.sheet.pf2e.actor.npc.glassy-theme .npc-sheet-header .name .name-value {
- color: var(--tertiary-light);
- text-shadow: 0px 0px 3px black;
- }
- .dorako-ui.sheet.pf2e.actor.npc.glassy-theme .npc-sheet-header .name .level {
- color: var(--tertiary);
- text-shadow: 0px 0px 3px black;
- }
- .dorako-ui.sheet.pf2e.actor.npc.glassy-theme .npc-body {
- padding-left: unset;
- }
- .dorako-ui.sheet.pf2e.actor.npc.glassy-theme .image-container {
- box-shadow: var(--glassy);
- background: var(--glass-bg);
- border-radius: 3px;
- margin: 5px;
- margin-bottom: 8px;
- backdrop-filter: blur(5px);
- -webkit-backdrop-filter: blur(5px);
- }
- .dorako-ui.sheet.pf2e.actor.npc.glassy-theme.dark-theme form .sheet-tabs {
- background: var(--glass-bg);
- margin: 5px;
- backdrop-filter: blur(5px);
- -webkit-backdrop-filter: blur(5px);
- }
- .dorako-ui.sheet.pf2e.actor.npc.glassy-theme.dark-theme form .sheet-tabs .item.disabled {
- text-shadow: 0px 0px 3px black;
- }
- .dorako-ui.sheet.pf2e.actor.npc.glassy-theme form .section-container.toggles {
- background: var(--glass-bg);
- box-shadow: var(--glassy);
- margin: 5px;
- margin-top: 0px;
- backdrop-filter: blur(5px);
- -webkit-backdrop-filter: blur(5px);
- border: none;
- color: var(--color-text-light-heading);
- }
- .dorako-ui.sheet.pf2e.actor.npc.glassy-theme .sheet-body .tab.inventory, .dorako-ui.sheet.pf2e.actor.npc.glassy-theme .sheet-body .tab.spells, .dorako-ui.sheet.pf2e.actor.npc.glassy-theme .sheet-body .tab.notes {
- border: none;
- margin: 2px;
- /* prettier-ignore */
- box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px var(--gold-brown);
- border-radius: 3px;
- margin: 5px;
- background: var(--sheet);
- background-size: cover;
- }
-
- /* 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: var(--border-radius);
- 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,
- .dorako-ui.sheet.pf2e.actor.npc.dark-theme form .item.disabled {
- color: #666666;
- }
-
- .dorako-ui.sheet.pf2e.actor.npc.dark-theme.window-app .npc-sheet .effects .section-body .effects-list .item.unidentified,
- .dorako-ui.sheet.pf2e.actor.npc.dark-theme.window-app form .sheet-body .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 form,
- .actor.pf2e.actor.npc.dark-theme form .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 form .side-bar-section.initiative select,
- .sheet.pf2e.actor.npc.dark-theme form .notes .notes-text,
- .actor.pf2e.actor.npc.dark-theme form .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 form .notes .details-label,
- .sheet.pf2e.actor.npc.dark-theme form .notes .details-label {
- color: #c9c9c9;
- }
-
- .actor.pf2e.actor.npc.dark-theme form .sheet-tabs .disabled.active,
- .actor.pf2e.actor.npc.dark-theme form .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 form .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 form .section-container.toggles {
- border-image-source: var(--ornamentation);
- }
-
- .sheet.actor.pf2e.actor.npc.dark-theme form .side-bar-section:not(.save-details),
- .sheet.actor.pf2e.actor.npc.dark-theme form .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 .list-buttons button, .dorako-ui.dark-theme#license-viewer > section.window-content > .content-box .spell-browser .list-buttons button {
- padding: 5px;
- background-color: var(--glass-bg);
- margin-bottom: 5px;
- }
- .dorako-ui.dark-theme#compendium-browser > section.window-content > .content-box .spell-browser .list-buttons button:hover, .dorako-ui.dark-theme#license-viewer > section.window-content > .content-box .spell-browser .list-buttons button:hover {
- background-color: var(--primary);
- }
- .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;
- }
-
- .no-compendium-banner-images .compendium-sidebar .directory-item.compendium .compendium-banner {
- display: none;
- }
-
- .dorako-ui.sheet.kingdom-builder form {
- background: var(--sheet);
- }
- .dorako-ui.sheet.kingdom-builder .ability-builder .row-heading img, .dorako-ui.sheet.kingdom-builder .build-element .choices .choice 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;
- }
-
- .dorako-ui.dark-theme.sheet.kingdom-builder .window-content {
- box-shadow: var(--gold-and-glow);
- --alt-dark: var(--tertiary);
- }
- .dorako-ui.dark-theme.sheet.kingdom-builder .window-content button[data-action=boost] {
- transition: unset !important;
- }
- .dorako-ui.dark-theme.sheet.kingdom-builder .window-content button[data-action=boost]:hover {
- background: var(--button-color) !important;
- }
- .dorako-ui.dark-theme.sheet.kingdom-builder .build-element .selection {
- box-shadow: var(--gold-and-glow);
- background: rgba(0, 0, 0, 0.5);
- border-radius: var(--border-radius);
- }
- .dorako-ui.dark-theme.sheet.kingdom-builder .ability-builder .summary-row .hint-container h3, .dorako-ui.dark-theme.sheet.kingdom-builder .ability-builder .title {
- color: var(--tertiary);
- }
- .dorako-ui.dark-theme.sheet.kingdom-builder .ability-builder .row-column button.boost {
- --button-color: #316549;
- --button-locked-color: #1b3c2a;
- }
- .dorako-ui.dark-theme.sheet.kingdom-builder .ability-builder .row-column button.flaw {
- --button-color: #5e0000;
- --button-locked-color: #5e0000;
- }
- .dorako-ui.dark-theme.sheet.kingdom-builder .ability-builder .row-column button.locked {
- background: var(--button-locked-color) !important;
- border-color: var(--button-locked-color) !important;
- }
- .dorako-ui.dark-theme.sheet.kingdom-builder .ability-builder .row-column button.locked {
- background: var(--button-locked-color) !important;
- border-color: var(--button-locked-color) !important;
- }
- .dorako-ui.dark-theme.sheet.kingdom-builder .ability-builder .row-column button.selected {
- background: var(--button-color) !important;
- }
-
- .dorako-ui.kingdom.sheet .tab.active[data-tab=activities] .actions h3.header .filters .choice {
- background-color: var(--secondary);
- opacity: unset;
- }
- .dorako-ui.kingdom.sheet .tab.active[data-tab=activities] .actions h3.header .filters .choice.active {
- background-color: var(--secondary-light);
- }
-
- .dorako-ui.dark-theme.sheet.kingdom {
- --alt-dark: var(--tertiary-dark);
- --color-border-divider: var(--tertiary);
- --paper-bg: rgba(120, 100, 82, 0.3);
- --drop-shadow: 0 0 0 1px var(--gold-brown), 0 0 0 1px var(--tertiary) inset, inset 0 0 3px rgba(255, 255, 255, 0.5);
- --color-text-dark-input: var(--color-text-light-highlight);
- }
- .dorako-ui.dark-theme.sheet.kingdom .proficiency[data-rank="4"],
- .dorako-ui.dark-theme.sheet.kingdom .proficiency option[value="4"] {
- background: var(--color-proficiency-legendary) !important;
- }
- .dorako-ui.dark-theme.sheet.kingdom .proficiency[data-rank="3"],
- .dorako-ui.dark-theme.sheet.kingdom .proficiency option[value="3"] {
- background: var(--color-proficiency-master) !important;
- }
- .dorako-ui.dark-theme.sheet.kingdom .proficiency[data-rank="2"],
- .dorako-ui.dark-theme.sheet.kingdom .proficiency option[value="2"] {
- background: var(--color-proficiency-expert) !important;
- }
- .dorako-ui.dark-theme.sheet.kingdom .proficiency[data-rank="1"],
- .dorako-ui.dark-theme.sheet.kingdom .proficiency option[value="1"] {
- background: var(--color-proficiency-trained) !important;
- }
- .dorako-ui.dark-theme.sheet.kingdom button.small-button,
- .dorako-ui.dark-theme.sheet.kingdom select.proficiency,
- .dorako-ui.dark-theme.sheet.kingdom span.proficiency {
- background: var(--color-proficiency-untrained) !important;
- }
- .dorako-ui.dark-theme.sheet.kingdom form {
- background: unset;
- }
- .dorako-ui.dark-theme.sheet.kingdom h3.header button {
- box-shadow: none;
- border-radius: 3px 3px 0px 0px;
- border: 1px solid var(--tertiary);
- }
- .dorako-ui.dark-theme.sheet.kingdom h3.header button:hover {
- box-shadow: none;
- border-radius: 3px 3px 0px 0px;
- border: 1px solid var(--tertiary);
- background-color: var(--tertiary-dark);
- color: black;
- text-shadow: unset;
- }
- .dorako-ui.dark-theme.sheet.kingdom form > header input {
- box-shadow: none !important;
- background: none !important;
- border-radius: unset !important;
- }
- .dorako-ui.dark-theme.sheet.kingdom form > header input:hover {
- border-bottom: 1px solid white !important;
- }
- .dorako-ui.dark-theme.sheet.kingdom form > .container input[type=number] {
- background: none !important;
- border-radius: 3px !important;
- box-shadow: 0px 0px 0px 1px var(--tertiary) !important;
- }
- .dorako-ui.dark-theme.sheet.kingdom form > .container input[type=number]:hover {
- background: var(--tertiary-dark) !important;
- color: black;
- }
- .dorako-ui.dark-theme.sheet.kingdom nav.sub-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.sheet.kingdom nav.sub-nav .tab {
- border-left: 1px solid rgba(255, 255, 255, 0.3);
- border-right: 1px solid rgba(0, 0, 0, 0.2);
- }
- .dorako-ui.dark-theme.sheet.kingdom nav.sub-nav::before, .dorako-ui.dark-theme.sheet.kingdom nav.sub-nav::after {
- filter: invert(1);
- }
- .dorako-ui.dark-theme.sheet.kingdom nav.sub-nav a,
- .dorako-ui.dark-theme.sheet.kingdom nav.sub-nav .tab {
- color: var(--tertiary-dark);
- }
- .dorako-ui.dark-theme.sheet.kingdom nav.sub-nav a.active,
- .dorako-ui.dark-theme.sheet.kingdom nav.sub-nav .tab.active {
- color: var(--tertiary);
- }
- .dorako-ui.dark-theme.sheet.kingdom .tab.active[data-tab=main] .ability-scores .ability .corruption-section .progress {
- background: var(--paper-bg);
- }
- .dorako-ui.dark-theme.sheet.kingdom .tab.active[data-tab=features] .feat-item .item-name h4:hover,
- .dorako-ui.dark-theme.sheet.kingdom .tab.active[data-tab=activities] .skills .skill .mod,
- .dorako-ui.dark-theme.sheet.kingdom h3.header {
- color: var(--tertiary);
- }
- .dorako-ui.dark-theme.sheet.kingdom .tab.active[data-tab=activities] .skills .control-dc .mod,
- .dorako-ui.dark-theme.sheet.kingdom .tab.active[data-tab=features] .feat-item .item-name .feat-slot-title {
- color: var(--tertiary-dark);
- }
-
- .dorako-ui.dark-theme.pf2e.item.sheet form .item-rules .rule-editing > .cm-editor {
- background-color: var(--glass-bg);
- border-radius: 5px;
- box-shadow: var(--glassy-sharp);
- }
- .dorako-ui.dark-theme .ͼ2 .cm-content {
- caret-color: white;
- }
- .dorako-ui.dark-theme .ͼ2 .cm-gutters {
- background-color: black;
- background-color: var(--glass-bg);
- border-right: 1px solid var(--tertiary);
- }
- .dorako-ui.dark-theme .ͼ2 .cm-activeLineGutter {
- background-color: var(--tertiary);
- color: black;
- }
- .dorako-ui.dark-theme .ͼ2 .cm-activeLine {
- background-color: rgba(245, 222, 179, 0.246);
- }
- .dorako-ui.dark-theme .ͼ1.cm-focused .cm-matchingBracket {
- background-color: yellow;
- color: black;
- border-radius: 3px;
- box-shadow: 0px 2px 3px black;
- }
- .dorako-ui.dark-theme .ͼe {
- color: red;
- }
- .dorako-ui.dark-theme .ͼd {
- color: greenyellow;
- }
- .dorako-ui.dark-theme .ͼc {
- color: rgb(68, 68, 252);
- }
- .dorako-ui.dark-theme .ͼb {
- color: rgb(217, 31, 217);
- }
- .dorako-ui.dark-theme .ͼ1 .cm-lintPoint:after {
- border-bottom: 4px solid var(--primary-light);
- }
-
- /* ----------------------------------------- */
- /* 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;
- --remaster: hsl(152, 87%, 15%);
- --remaster-light: hsl(170, 96%, 19%);
- --remaster-dark: hsl(153, 100%, 8%);
- --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-gold: rgba(103, 88, 60, 0.441);
- --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);
- --glassy-sharp: 0px 0px 0px 1px rgba(255, 255, 255, 0.4) inset, 0px 0px 5px 1px rgba(0, 0, 0, 0.8);
- --glassy-sharp-highlight: 0px 0px 0px 1px rgba(245, 222, 179, 0.7) inset, 0px 0px 5px 1px rgba(0, 0, 0, 0.8);
- --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);
- --hotbar-width: unset;
- --controls-margin: 8px;
- }
-
- /* ----------------------------------------- */
- /* 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;
- }
-
- /* ----------------------------------------- */
- /* .message-header fixes */
- /* ----------------------------------------- */
- .chat-message .flavor-text h4.action {
- font-weight: 700;
- line-height: 1.5em;
- margin: 0;
- }
-
- .chat-message .flavor-text .target-dc-result {
- line-height: 0.75rem;
- margin-bottom: 4px;
- }
-
- .chat-message .flavor-text .target-dc-result .target-dc,
- .chat-message .flavor-text .target-dc-result .result {
- display: block;
- margin: 1px 0;
- width: fit-content;
- }
-
- .chat-message .flavor-text .target-dc-result .unadjusted {
- text-decoration: line-through;
- }
-
- .chat-message .flavor-text .target-dc-result .adjusted {
- text-decoration: underline dotted;
- }
-
- .chat-message .flavor-text .target-dc-result .adjusted.increased {
- color: rgb(0, 128, 0);
- }
-
- .chat-message .flavor-text .target-dc-result .adjusted.decreased {
- color: rgb(255, 0, 0);
- }
-
- .chat-message .flavor-text .target-dc-result .degree-of-success .criticalSuccess {
- color: rgb(0, 128, 0);
- }
-
- .chat-message .flavor-text .target-dc-result .degree-of-success .success {
- color: rgb(0, 0, 255);
- }
-
- .chat-message .flavor-text .target-dc-result .degree-of-success .failure {
- color: rgb(255, 69, 0);
- }
-
- .chat-message .flavor-text .target-dc-result .degree-of-success .criticalFailure {
- color: rgb(255, 0, 0);
- }
-
- .chat-message .flavor-text .effect {
- display: flex;
- align-items: center;
- column-gap: 5px;
- }
-
- .chat-message .flavor-text .effect img {
- height: 32px;
- width: 32px;
- }
-
- /* ----------------------------------------- */
- /* 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 1px;
- margin-bottom: 7px;
- }
- .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-button,
- .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-button button:not(:first-child),
- .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-button button:not(:first-child):hover,
- .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: xx-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;
- padding-right: 5px;
- }
- .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;
- --remaster: hsl(152, 87%, 15%);
- --remaster-light: hsl(170, 96%, 19%);
- --remaster-dark: hsl(153, 100%, 8%);
- --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-gold: rgba(103, 88, 60, 0.441);
- --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);
- --glassy-sharp: 0px 0px 0px 1px rgba(255, 255, 255, 0.4) inset, 0px 0px 5px 1px rgba(0, 0, 0, 0.8);
- --glassy-sharp-highlight: 0px 0px 0px 1px rgba(245, 222, 179, 0.7) inset, 0px 0px 5px 1px rgba(0, 0, 0, 0.8);
- --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);
- --hotbar-width: unset;
- --controls-margin: 8px;
- }
-
- /* ----------------------------------------- */
- /* 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 > .message-content .message-buttons button .cue i {
- --fa-primary-color: white;
- --fa-secondary-color: var(--tertiary);
- }
- .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: var(--border-radius);
- 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: var(--border-radius);
- 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: var(--border-radius);
- 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: var(--border-radius);
- 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: var(--border-radius);
- 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: var(--border-radius);
- 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-button,
- .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-button button:not(:first-child),
- .dorako-ui.dark-theme.message.chat-message .pf2e.chat-card .card-buttons .spell-attack-buttons button:not(:first-child) {
- border: none;
- border-radius: var(--border-radius);
- 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-button button:not(:first-child):hover,
- .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: var(--border-radius);
- 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: var(--border-radius);
- 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: var(--border-radius);
- 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],
- span[data-pf2-effect-area],
- a.inline-check .label,
- a.inline-roll:not(.inline-result) {
- font-weight: 400;
- text-shadow: none !important;
- }
-
- .dorako-ui.dark-theme a.content-link,
- .dorako-ui.dark-theme [data-pf2-check],
- .dorako-ui.dark-theme a.entity-link,
- .dorako-ui.dark-theme [data-pf2-action],
- .dorako-ui.dark-theme span[data-pf2-effect-area],
- .dorako-ui.dark-theme a.inline-check .label,
- .dorako-ui.dark-theme a.inline-roll:not(.inline-result) {
- color: black;
- }
-
- .tah-tags-wrapper .tags,
- .dorako-ui .message-content .tags,
- .dorako-ui .tags.paizo-style,
- .dorako-ui .tags {
- gap: 1px;
- }
- .tah-tags-wrapper .tags .tag,
- .dorako-ui .message-content .tags .tag,
- .dorako-ui .tags.paizo-style .tag,
- .dorako-ui .tags .tag {
- height: auto;
- }
- .tah-tags-wrapper .tags .tag:not(.tag_transparent),
- .dorako-ui .message-content .tags .tag:not(.tag_transparent),
- .dorako-ui .tags.paizo-style .tag:not(.tag_transparent),
- .dorako-ui .tags .tag:not(.tag_transparent) {
- border-radius: 0px;
- box-shadow: unset;
- border: 1px solid var(--tertiary);
- outline: 1px solid var(--gold-brown);
- padding: 0.33em 0.33em;
- }
- .tah-tags-wrapper .tags .tag:first-child,
- .dorako-ui .message-content .tags .tag:first-child,
- .dorako-ui .tags.paizo-style .tag:first-child,
- .dorako-ui .tags .tag:first-child {
- border-left-width: 1px;
- }
- .tah-tags-wrapper .tags .tag:last-child,
- .dorako-ui .message-content .tags .tag:last-child,
- .dorako-ui .tags.paizo-style .tag:last-child,
- .dorako-ui .tags .tag:last-child {
- border-right-width: 1px;
- }
-
- .dorako-ui .tags.paizo-style select.tag:first-child {
- border-left-width: 1px;
- }
- .dorako-ui .tags.paizo-style tag:first-of-type {
- border-left-width: 1px;
- }
- .dorako-ui .tags.paizo-style tag:last-of-type {
- border-right-width: 1px;
- }
- .dorako-ui .tags.paizo-style tag,
- .dorako-ui .tags.paizo-style select.tag {
- border-width: 1px;
- outline: 1px solid var(--gold-brown);
- }
-
- a.inline-check,
- span[data-pf2-check],
- span[data-pf2-effect-area].with-repost {
- padding: 0px;
- padding-left: 4px;
- }
-
- [data-visibility]:not([data-visibility=all]) {
- padding: unset;
- }
-
- .dorako-ui.dark-theme a.content-link.broken {
- background: rgba(255, 0, 0, 0.5);
- color: white;
- }
-
- .pf2e-av .journal-page-content a.inline-check > i.icon,
- .pf2e-av .journal-page-content span[data-pf2-check] > i.icon,
- .pf2e-av .journal-page-content [data-pf2-repost] .label,
- .pf2e-av .journal-page-content [data-pf2-check] .label,
- .pf2e-av .journal-page-content [data-pf2-check]:not([data-pf2-show-dc=gm]) .label {
- color: var(--av-green-light);
- }
-
- .dorako-ui.message.chat-message.dark-theme a.inline-roll {
- color: black;
- }
-
- i[data-pf2-repost] {
- top: 0px;
- cursor: pointer;
- }
-
- .app.sheet.actor p,
- .pf2e p {
- font-weight: 400;
- }
-
- /*# sourceMappingURL=dorako-ui.css.map */
|