You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
3625 lines
145 KiB
3625 lines
145 KiB
.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 */
|