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