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.
3361 lines
115 KiB
3361 lines
115 KiB
@charset "UTF-8";
|
|
/* ----------------------------------------- */
|
|
/* Color definitions */
|
|
/* ----------------------------------------- */
|
|
/* Colors */
|
|
/* Global */
|
|
/* used for mini headers, alternate primary color */
|
|
/* compliments the primary color, usually used in combination */
|
|
/* for all other uses */
|
|
/* Lighter / Darker */
|
|
/* Text */
|
|
/* ----------------------------------------- */
|
|
/* Color schemes */
|
|
/* ----------------------------------------- */
|
|
/* Proficiency ranks */
|
|
/* Rarities */
|
|
/* Degrees of success */
|
|
/* Value adjustments (e.g. weak/elite) */
|
|
/* ----------------------------------------- */
|
|
/* CSS Custom Properties */
|
|
/* ----------------------------------------- */
|
|
:root {
|
|
/* Global */
|
|
--primary: #5e0000;
|
|
--primary-light: #b10000;
|
|
--primary-dark: #380000;
|
|
--secondary: #171f69;
|
|
--secondary-light: #2836b7;
|
|
--secondary-dark: #0d113a;
|
|
--tertiary: #e9d7a1;
|
|
--remaster: hsl(152, 87%, 15%);
|
|
--remaster-light: hsl(170, 96%, 19%);
|
|
--remaster-dark: hsl(153, 100%, 8%);
|
|
--rarity-common: #323232;
|
|
--rarity-uncommon: #98513d;
|
|
--rarity-rare: #002664;
|
|
--rarity-unique: #54166e;
|
|
--alt: #786452;
|
|
--alt-dark: #443730;
|
|
--bg: #f8f4f1;
|
|
--bg-dark: #e7d9cf;
|
|
--gold-brown: #956d58;
|
|
--sub: #605856;
|
|
--color-disabled: #ababab;
|
|
--blind-bg: #a57aa5;
|
|
--whisper-bg: #e3e3ff;
|
|
--inline-link-bg: #ddd;
|
|
--inline-repost-bg: #eaeaea;
|
|
--visibility-gm-bg: #e8e8ef;
|
|
--visibility-owner-bg: #ddebe1;
|
|
--blind-roll: #f5eaf5;
|
|
/* Lighter / Darker */
|
|
--light: #910000;
|
|
--dark: #2b0000;
|
|
--tertiary-dark: #dfc578;
|
|
--tertiary-light: #f3e9ca;
|
|
/* Text */
|
|
--body: var(--text-dark);
|
|
--color-text-trait: #f5efe0;
|
|
--text-dark: #1c1c1c;
|
|
--text-light: white;
|
|
/* Borders */
|
|
--color-border-trait: #d8c384;
|
|
--color-border-divider: #baa991;
|
|
/* Mats */
|
|
--mats-dark: #1c1c1c;
|
|
--mats-gold-dark: #dbc682;
|
|
--mats-gold-light: #e6d8a7;
|
|
--mats-green-light: #99aea1;
|
|
--mats-green: #3e644b;
|
|
--mats-green-dark: #233b2b;
|
|
/* Headers w/ boxes */
|
|
--header-color: var(--text-light);
|
|
--header-bg: var(--secondary);
|
|
/* Sidebar */
|
|
--sidebar-label: var(--tertiary-dark);
|
|
--sidebar-title: var(--tertiary);
|
|
/* App UI */
|
|
--glass-bg: rgba(20, 20, 20, 0.6);
|
|
--glass-bg-gold: rgba(103, 88, 60, 0.441);
|
|
--glass-bg-light: rgba(255, 255, 255, 0.1);
|
|
--glass-bg-dark: rgba(0, 0, 0, 0.7);
|
|
--gold-and-glow: 0 0 0 1px var(--tertiary), 0 0 0 2px var(--gold-brown), inset 0 0 3px rgba(255, 255, 255, 0.5);
|
|
--glassy: 0px 0px 3px 0px rgba(255, 255, 255, 0.4) inset, 0px 0px 2px 1px rgba(0, 0, 0, 1),
|
|
0px 0px 5px 0px rgba(0, 0, 0, 0.5);
|
|
--glassy-sharp: 0px 0px 0px 1px rgba(255, 255, 255, 0.4) inset, 0px 0px 5px 1px rgba(0, 0, 0, 0.8);
|
|
--glassy-sharp-highlight: 0px 0px 0px 1px rgba(245, 222, 179, 0.7) inset, 0px 0px 5px 1px rgba(0, 0, 0, 0.8);
|
|
--sheet-light: url(../img/background-light.webp);
|
|
--sheet-dark: url(../img/background-dark4.webp);
|
|
--header: url(../img/blue-header.webp);
|
|
--banner-top: url(../img/blue-sidebar-top.webp);
|
|
--banner-bottom: url(../img/blue-sidebar-bottom.webp);
|
|
--hotbar-width: unset;
|
|
--controls-margin: 8px;
|
|
}
|
|
|
|
/* ----------------------------------------- */
|
|
/* Overwrite Foundry colors */
|
|
/* ----------------------------------------- */
|
|
.dorako-ui {
|
|
--color-border-highlight: var(--tertiary);
|
|
--color-border-highlight-alt: var(--tertiary-dark);
|
|
--color-shadow-primary: var(--primary-light);
|
|
--color-shadow-highlight: var(--primary-light);
|
|
--sheet: var(--sheet-light);
|
|
--ornamentation: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='33' height='33' overflow='scroll'%3E%3Cstyle%3E.st1{stroke:gray;stroke-miterlimit:10}.st1,.st2{fill:none}%3C/style%3E%3Cg opacity='1'%3E%3Cpath class='st1' d='M.5 20v-7'/%3E%3Cpath class='st2' d='M13 20v-7'/%3E%3Cpath class='st1' d='M13 .5h7'/%3E%3Cpath class='st2' d='M13 13h7'/%3E%3Cpath class='st1' d='M32.5 13v7'/%3E%3Cpath class='st2' d='M20 13v7'/%3E%3Cpath class='st1' d='M20 32.5h-7'/%3E%3Cpath class='st2' d='M20 20h-7'/%3E%3Cpath class='st1' d='M.5.5h3.1v3.1H.5zm3.1 3.1h3.1v3.1H3.6zm3.2 0h3.1v3.1H6.8zM3.6 6.8h3.1v3.1H3.6zm0 0H.5V13M13 .5H6.8v3.1M29.4.5h3.1v3.1h-3.1zm-3.1 3.1h3.1v3.1h-3.1zm0 3.2h3.1v3.1h-3.1zm-3.2-3.2h3.1v3.1h-3.1zm3.2 0V.5H20M32.5 13V6.8h-3.1M29.4 29.4h3.1v3.1h-3.1z'/%3E%3Cpath class='st1' d='M26.3 26.3h3.1v3.1h-3.1zm-3.2 0h3.1v3.1h-3.1zm3.2-3.2h3.1v3.1h-3.1z'/%3E%3Cpath class='st1' d='M29.4 26.3h3.1V20M20 32.5h6.3v-3.1'/%3E%3Cg%3E%3Cpath class='st1' d='M.5 29.4h3.1v3.1H.5zm3.1-3.1h3.1v3.1H3.6zm0-3.2h3.1v3.1H3.6zm3.2 3.2h3.1v3.1H6.8zM6.8 29.4v3.1H13M.5 20v6.3h3.1'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
|
|
--ornamentation: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='33' height='33' overflow='scroll'%3E%3Cstyle%3E.st1%7Bstroke:%23231f20;stroke-miterlimit:10%7D.st1,.st2%7Bfill:none%7D%3C/style%3E%3Cg opacity='.25'%3E%3Cpath class='st1' d='M.5 20v-7'/%3E%3Cpath class='st2' d='M13 20v-7'/%3E%3Cpath class='st1' d='M13 .5h7'/%3E%3Cpath class='st2' d='M13 13h7'/%3E%3Cpath class='st1' d='M32.5 13v7'/%3E%3Cpath class='st2' d='M20 13v7'/%3E%3Cpath class='st1' d='M20 32.5h-7'/%3E%3Cpath class='st2' d='M20 20h-7'/%3E%3Cg%3E%3Cpath class='st1' d='M.5.5h3.1v3.1H.5zM3.6 3.6h3.1v3.1H3.6zM6.8 3.6h3.1v3.1H6.8zM3.6 6.8h3.1v3.1H3.6zM3.6 6.8H.5V13M13 .5H6.8v3.1'/%3E%3C/g%3E%3Cg%3E%3Cpath class='st1' d='M29.4.5h3.1v3.1h-3.1zM26.3 3.6h3.1v3.1h-3.1zM26.3 6.8h3.1v3.1h-3.1zM23.1 3.6h3.1v3.1h-3.1zM26.3 3.6V.5H20'/%3E%3Cpath class='st1' d='M32.5 13V6.8h-3.1'/%3E%3C/g%3E%3Cg%3E%3Cpath class='st1' d='M29.4 29.4h3.1v3.1h-3.1z'/%3E%3Cpath class='st1' d='M26.3 26.3h3.1v3.1h-3.1zM23.1 26.3h3.1v3.1h-3.1zM26.3 23.1h3.1v3.1h-3.1z'/%3E%3Cpath class='st1' d='M29.4 26.3h3.1V20M20 32.5h6.3v-3.1'/%3E%3C/g%3E%3Cg%3E%3Cpath class='st1' d='M.5 29.4h3.1v3.1H.5zM3.6 26.3h3.1v3.1H3.6zM3.6 23.1h3.1v3.1H3.6zM6.8 26.3h3.1v3.1H6.8z'/%3E%3Cpath class='st1' d='M6.8 29.4v3.1H13M.5 20v6.3h3.1'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
|
|
--half-transparent: rgba(0, 0, 0, 0.5);
|
|
}
|
|
.dorako-ui *::-webkit-scrollbar-thumb {
|
|
background: var(--tertiary);
|
|
border: 1px solid var(--gold-brown);
|
|
}
|
|
.dorako-ui a,
|
|
.dorako-ui button {
|
|
transition: text-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out, border 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, backdrop-filter 0.15s ease-in-out, border-radius 0.15s;
|
|
}
|
|
|
|
.dorako-ui.dark-theme {
|
|
--color-underline-active: var(--tertiary-dark);
|
|
--color-underline-header: var(--tertiary-dark);
|
|
--rarity-common: #e1d8cf;
|
|
--rarity-uncommon: #c45500;
|
|
--rarity-rare: #5362ff;
|
|
--rarity-unique: #e127e1;
|
|
--color-shadow-primary: var(--tertiary-dark);
|
|
--color-shadow-highlight: var(--tertiary);
|
|
--sheet: var(--sheet-dark);
|
|
--ornamentation: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='33' height='33' overflow='scroll'%3E%3Cstyle%3E.st1{stroke:wheat;stroke-miterlimit:10}.st1,.st2{fill:none}%3C/style%3E%3Cg opacity='1'%3E%3Cpath class='st1' d='M.5 20v-7'/%3E%3Cpath class='st2' d='M13 20v-7'/%3E%3Cpath class='st1' d='M13 .5h7'/%3E%3Cpath class='st2' d='M13 13h7'/%3E%3Cpath class='st1' d='M32.5 13v7'/%3E%3Cpath class='st2' d='M20 13v7'/%3E%3Cpath class='st1' d='M20 32.5h-7'/%3E%3Cpath class='st2' d='M20 20h-7'/%3E%3Cpath class='st1' d='M.5.5h3.1v3.1H.5zm3.1 3.1h3.1v3.1H3.6zm3.2 0h3.1v3.1H6.8zM3.6 6.8h3.1v3.1H3.6zm0 0H.5V13M13 .5H6.8v3.1M29.4.5h3.1v3.1h-3.1zm-3.1 3.1h3.1v3.1h-3.1zm0 3.2h3.1v3.1h-3.1zm-3.2-3.2h3.1v3.1h-3.1zm3.2 0V.5H20M32.5 13V6.8h-3.1M29.4 29.4h3.1v3.1h-3.1z'/%3E%3Cpath class='st1' d='M26.3 26.3h3.1v3.1h-3.1zm-3.2 0h3.1v3.1h-3.1zm3.2-3.2h3.1v3.1h-3.1z'/%3E%3Cpath class='st1' d='M29.4 26.3h3.1V20M20 32.5h6.3v-3.1'/%3E%3Cg%3E%3Cpath class='st1' d='M.5 29.4h3.1v3.1H.5zm3.1-3.1h3.1v3.1H3.6zm0-3.2h3.1v3.1H3.6zm3.2 3.2h3.1v3.1H6.8zM6.8 29.4v3.1H13M.5 20v6.3h3.1'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
|
|
--body: var(--text-light);
|
|
--bg: var(--glass-bg-dark);
|
|
--half-transparent: rgba(255, 255, 255, 0.5);
|
|
}
|
|
|
|
/* ----------------------------------------- */
|
|
/* Cautious Gamemaster's Pack (CGMP) */
|
|
/* ----------------------------------------- */
|
|
#chat-log .dorako-ui.dark-theme.message.emote .message-content {
|
|
color: unset;
|
|
}
|
|
|
|
/* ----------------------------------------- */
|
|
/* Combat Carousel */
|
|
/* ----------------------------------------- */
|
|
#controls ol li.scene-control[data-control=combat-carousel] {
|
|
position: relative;
|
|
}
|
|
|
|
.dorako-ui#combat-carousel .splide__track {
|
|
overflow: visible;
|
|
}
|
|
.dorako-ui#combat-carousel:hover {
|
|
background: none;
|
|
}
|
|
.dorako-ui#combat-carousel .card {
|
|
background: none;
|
|
border: none;
|
|
}
|
|
.dorako-ui#combat-carousel .drag-handle {
|
|
text-shadow: 0px 0px 3px black;
|
|
color: var(--color-text-light-heading);
|
|
}
|
|
.dorako-ui#combat-carousel .splide__slide:hover meter::after {
|
|
top: -17px;
|
|
text-shadow: 0px 0px 3px black;
|
|
background: none;
|
|
}
|
|
.dorako-ui#combat-carousel .splide__slide:hover .fa-dice-d20 {
|
|
color: var(--color-text-light-highlight);
|
|
}
|
|
.dorako-ui#combat-carousel .initiative {
|
|
border: none;
|
|
border-radius: var(--border-radius);
|
|
background: none;
|
|
background-color: var(--glass-bg);
|
|
box-shadow: var(--glassy);
|
|
transition: text-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out, border 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, backdrop-filter 0.15s ease-in-out, border-radius 0.15s;
|
|
text-shadow: 0px 0px 3px black;
|
|
}
|
|
.dorako-ui#combat-carousel .initiative .fa-dice-d20 {
|
|
color: var(--color-text-light-heading);
|
|
}
|
|
.dorako-ui#combat-carousel .initiative:hover {
|
|
background-color: var(--primary);
|
|
}
|
|
.dorako-ui#combat-carousel .initiative:hover .fa-dice-d20 {
|
|
color: var(--color-text-light-highlight);
|
|
}
|
|
.dorako-ui#combat-carousel .is-active-combatant.card .avatar {
|
|
overflow: visible;
|
|
}
|
|
.dorako-ui#combat-carousel .is-active-combatant.card .avatar img {
|
|
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;
|
|
filter: drop-shadow(0px 0px 10px var(--tertiary));
|
|
}
|
|
.dorako-ui#combat-carousel .initiative input.fa-stack-1x {
|
|
font-size: 24px;
|
|
text-shadow: 0px 0px 3px black, 0px 1px 0px black;
|
|
}
|
|
.dorako-ui#combat-carousel .splide__slide:hover:not(.combat-round) {
|
|
transform: scale(1);
|
|
margin: 0px;
|
|
}
|
|
.dorako-ui#combat-carousel .splide__slide:hover:not(.combat-round) .avatar {
|
|
overflow: visible;
|
|
}
|
|
.dorako-ui#combat-carousel .splide__slide:hover:not(.combat-round) .avatar img {
|
|
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;
|
|
filter: drop-shadow(0px 0px 10px var(--tertiary));
|
|
}
|
|
.dorako-ui#combat-carousel .splide__slide:hover .name {
|
|
border: none;
|
|
border-radius: var(--border-radius);
|
|
background: none;
|
|
background-color: var(--glass-bg);
|
|
box-shadow: var(--glassy);
|
|
color: var(--color-text-light-heading);
|
|
text-shadow: 0px 0px 3px black;
|
|
backdrop-filter: blur(5px);
|
|
min-height: 34px;
|
|
min-width: 100px;
|
|
font-size: var(--font-size-14);
|
|
line-height: var(--font-size-14);
|
|
top: -40px;
|
|
left: unset;
|
|
text-shadow: 0px 0px 3px black;
|
|
height: unset;
|
|
overflow: unset;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
gap: 5px;
|
|
padding: 5px 8px;
|
|
}
|
|
.dorako-ui#combat-carousel .splide__slide:hover .name h3 {
|
|
margin: 0px;
|
|
}
|
|
.dorako-ui#combat-carousel .encounter-info, .dorako-ui#combat-carousel .encounter-controls {
|
|
border: none;
|
|
border-radius: var(--border-radius);
|
|
background: none;
|
|
background-color: var(--glass-bg);
|
|
box-shadow: var(--glassy);
|
|
text-shadow: 0px 0px 3px black;
|
|
color: var(--color-text-light-heading);
|
|
}
|
|
.dorako-ui#combat-carousel:hover .combat-controls a {
|
|
border: none;
|
|
border-radius: var(--border-radius);
|
|
background: none;
|
|
background-color: var(--glass-bg);
|
|
box-shadow: var(--glassy);
|
|
transition: text-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out, border 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, backdrop-filter 0.15s ease-in-out, border-radius 0.15s;
|
|
color: var(--color-text-light-heading);
|
|
text-shadow: 0px 0px 3px black;
|
|
}
|
|
.dorako-ui#combat-carousel:hover .combat-controls a:hover {
|
|
background-color: var(--primary);
|
|
color: var(--color-text-light-highlight);
|
|
}
|
|
|
|
/* ----------------------------------------- */
|
|
/* Custom Hotbar */
|
|
/* ----------------------------------------- */
|
|
:root {
|
|
--custom-hotbar-chb-macro-size: calc(var(--macro-size) + 2px);
|
|
}
|
|
|
|
#ui-bottom #hotbars {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 5px;
|
|
}
|
|
#ui-bottom #hotbars #hotbar {
|
|
position: unset;
|
|
}
|
|
|
|
@media (max-width: 1120px) {
|
|
#custom-hotbar {
|
|
width: 354px;
|
|
}
|
|
}
|
|
.dorako-ui#custom-hotbar {
|
|
position: static;
|
|
height: auto;
|
|
margin-bottom: 0px;
|
|
}
|
|
.dorako-ui#custom-hotbar #custom-action-bar {
|
|
margin-left: 3px;
|
|
}
|
|
.dorako-ui#custom-hotbar #custom-macro-list {
|
|
gap: 5px;
|
|
border: none;
|
|
}
|
|
.dorako-ui#custom-hotbar .bar-controls {
|
|
border: none;
|
|
border-radius: var(--border-radius);
|
|
background: none;
|
|
background-color: var(--glass-bg);
|
|
box-shadow: var(--glassy);
|
|
height: auto;
|
|
}
|
|
.dorako-ui#custom-hotbar .macro {
|
|
border: none;
|
|
border-radius: var(--border-radius);
|
|
background: none;
|
|
background-color: var(--glass-bg);
|
|
box-shadow: var(--glassy);
|
|
transition: text-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out, border 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, backdrop-filter 0.15s ease-in-out, border-radius 0.15s;
|
|
border-radius: 3px;
|
|
}
|
|
.dorako-ui#custom-hotbar .macro.active: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;
|
|
}
|
|
.dorako-ui#custom-hotbar .macro:hover {
|
|
background-color: var(--primary-light);
|
|
}
|
|
.dorako-ui#custom-hotbar .macro.inactive {
|
|
box-shadow: var(--glassy);
|
|
}
|
|
.dorako-ui#custom-hotbar .macro.active:hover {
|
|
box-shadow: var(--glassy);
|
|
border: none;
|
|
background-color: var(--primary);
|
|
}
|
|
.dorako-ui#custom-hotbar .macro .macro-key {
|
|
background: none;
|
|
right: 6px;
|
|
padding: 0px;
|
|
font-weight: initial;
|
|
text-shadow: 0px 1px 5px black, 0px 1px 5px black;
|
|
}
|
|
|
|
/* ----------------------------------------- */
|
|
/* Damage Log */
|
|
/* ----------------------------------------- */
|
|
nav.damage-log-nav.tabs {
|
|
flex: 0;
|
|
margin: 0px 2px;
|
|
box-shadow: none;
|
|
border: none;
|
|
}
|
|
nav.damage-log-nav.tabs .item {
|
|
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;
|
|
margin: 2px;
|
|
color: white;
|
|
border-radius: 3px;
|
|
margin: 2px;
|
|
border: none;
|
|
}
|
|
nav.damage-log-nav.tabs .item:hover {
|
|
box-shadow: var(--gold-and-glow);
|
|
background-color: var(--secondary);
|
|
text-shadow: 0px 0px 3px black;
|
|
border: none;
|
|
border-radius: 3px;
|
|
}
|
|
nav.damage-log-nav.tabs .item.active {
|
|
box-shadow: var(--gold-and-glow);
|
|
background-color: var(--secondary-light);
|
|
text-shadow: 0px 0px 3px black;
|
|
border: none;
|
|
border-radius: 3px;
|
|
}
|
|
|
|
#damage-log {
|
|
margin-left: 4px;
|
|
}
|
|
|
|
.dorako-ui {
|
|
/* Styling for damage messages */
|
|
/* Styling for healing messages */
|
|
/* Dim reverted damage */
|
|
/* Dim reverted healing */
|
|
}
|
|
.dorako-ui.message.damage-log.damage {
|
|
background-color: #ffd9d9;
|
|
background-blend-mode: luminosity;
|
|
}
|
|
.dorako-ui.message.damage-log.healing {
|
|
background-color: #d9ffd9;
|
|
background-blend-mode: luminosity;
|
|
}
|
|
.dorako-ui.message.damage-log.reverted.damage {
|
|
background-color: #ffeaea;
|
|
background-blend-mode: luminosity;
|
|
}
|
|
.dorako-ui.message.damage-log.reverted.healing {
|
|
background-color: #eaffea;
|
|
background-blend-mode: luminosity;
|
|
}
|
|
|
|
/* ----------------------------------------- */
|
|
/* DF Chat Enhancements */
|
|
/* ----------------------------------------- */
|
|
.message.chat-message.dorako-ui.dark-theme.dfce-cm-middle .message-delete, .message.chat-message.dorako-ui.dark-theme.dfce-cm-bottom .message-delete {
|
|
color: white;
|
|
top: 5px;
|
|
text-shadow: 0px 0px 1px black;
|
|
}
|
|
|
|
.message.chat-message .message-delete {
|
|
z-index: 1;
|
|
}
|
|
.message.chat-message.dfce-cm-top {
|
|
border-bottom-style: none;
|
|
border-bottom-left-radius: 0px;
|
|
border-bottom-right-radius: 0px;
|
|
margin-bottom: 0px;
|
|
padding-bottom: 5px;
|
|
}
|
|
.message.chat-message.dfce-cm-top:hover {
|
|
box-shadow: var(--gold-and-glow);
|
|
}
|
|
.message.chat-message.dfce-cm-middle, .message.chat-message.dfce-cm-bottom {
|
|
position: relative;
|
|
border-top-style: none;
|
|
border-bottom-style: none;
|
|
border-radius: 0px;
|
|
}
|
|
.message.chat-message.dfce-cm-middle:hover, .message.chat-message.dfce-cm-bottom:hover {
|
|
box-shadow: var(--gold-and-glow);
|
|
}
|
|
.message.chat-message.dfce-cm-middle .message-content, .message.chat-message.dfce-cm-bottom .message-content {
|
|
padding-right: 0px;
|
|
}
|
|
.message.chat-message.dfce-cm-middle .sender-wrapper,
|
|
.message.chat-message.dfce-cm-middle .portrait-and-name, .message.chat-message.dfce-cm-bottom .sender-wrapper,
|
|
.message.chat-message.dfce-cm-bottom .portrait-and-name {
|
|
display: none;
|
|
}
|
|
.message.chat-message.dfce-cm-middle .message-header, .message.chat-message.dfce-cm-bottom .message-header {
|
|
background: transparent;
|
|
box-shadow: none;
|
|
margin: 0px;
|
|
padding: 0px;
|
|
padding-right: 5px;
|
|
}
|
|
.message.chat-message.dfce-cm-middle .header-meta, .message.chat-message.dfce-cm-bottom .header-meta {
|
|
display: none;
|
|
}
|
|
.message.chat-message.dfce-cm-middle {
|
|
margin-top: 0px;
|
|
margin-bottom: 0px;
|
|
padding-top: 0px;
|
|
padding-bottom: 5px;
|
|
}
|
|
.message.chat-message.dfce-cm-bottom {
|
|
margin-top: 0px;
|
|
padding-top: 0px;
|
|
border-radius: 0px 0px 5px 5px;
|
|
}
|
|
|
|
#chat-controls {
|
|
padding: 0px;
|
|
}
|
|
|
|
#dorako-nonrt-buttons {
|
|
flex-grow: 0;
|
|
}
|
|
|
|
#chat-controls .buttons {
|
|
display: flex;
|
|
gap: 2.5px;
|
|
}
|
|
#chat-controls .buttons button {
|
|
border: none;
|
|
border-radius: var(--border-radius);
|
|
background: none;
|
|
background-color: var(--glass-bg);
|
|
box-shadow: var(--glassy);
|
|
transition: text-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out, border 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, backdrop-filter 0.15s ease-in-out, border-radius 0.15s;
|
|
color: var(--color-text-light-heading);
|
|
background-color: var(--glass-bg-light);
|
|
text-shadow: 0px 0px 3px black;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
height: 32px;
|
|
flex: 1 1 32px;
|
|
width: 32px;
|
|
}
|
|
#chat-controls .buttons button:hover {
|
|
color: var(--color-text-light-highlight);
|
|
background-color: var(--primary-light);
|
|
}
|
|
#chat-controls .buttons button.toggle:hover {
|
|
background-color: var(--secondary);
|
|
}
|
|
#chat-controls .buttons button.toggle.active {
|
|
color: var(--color-text-light-highlight);
|
|
background-color: var(--secondary-light);
|
|
}
|
|
|
|
/* ----------------------------------------- */
|
|
/* DFCE Chat Merge */
|
|
/* ----------------------------------------- */
|
|
.dorako-ui.light-theme.dfce-cm-bottom .dorako-header, .dorako-ui.light-theme.dfce-cm-middle .dorako-header {
|
|
color: black !important;
|
|
text-shadow: 0px 1px 1px white !important;
|
|
}
|
|
|
|
.dorako-ui.dfce-cm-middle .dorako-header, .dorako-ui.dfce-cm-bottom .dorako-header {
|
|
display: none;
|
|
}
|
|
.dorako-ui.dfce-cm-middle:hover .dorako-header, .dorako-ui.dfce-cm-bottom:hover .dorako-header {
|
|
display: block;
|
|
position: absolute;
|
|
right: 5px;
|
|
top: 3px;
|
|
width: fit-content;
|
|
background: none !important;
|
|
box-shadow: none;
|
|
z-index: 1;
|
|
}
|
|
|
|
/* ----------------------------------------- */
|
|
/* Dice Tray */
|
|
/* ----------------------------------------- */
|
|
.dice-tray {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 5px;
|
|
}
|
|
.dice-tray .dice-tray__stacked {
|
|
gap: 3px;
|
|
}
|
|
.dice-tray input[type=text] {
|
|
border: none;
|
|
border-radius: var(--border-radius);
|
|
background: none;
|
|
background-color: var(--glass-bg);
|
|
box-shadow: var(--glassy);
|
|
transition: text-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out, border 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, backdrop-filter 0.15s ease-in-out, border-radius 0.15s;
|
|
background-color: var(--glass-bg-light);
|
|
text-shadow: 0px 0px 3px black;
|
|
color: var(--color-text-light-heading);
|
|
}
|
|
.dice-tray input[type=text]:hover {
|
|
border: none;
|
|
border-radius: var(--border-radius);
|
|
background: none;
|
|
background-color: var(--glass-bg);
|
|
box-shadow: var(--glassy);
|
|
background-color: var(--secondary);
|
|
color: var(--color-text-light-highlight);
|
|
}
|
|
.dice-tray input[type=text]:focus {
|
|
border: none;
|
|
border-radius: var(--border-radius);
|
|
background: none;
|
|
background-color: var(--glass-bg);
|
|
box-shadow: var(--glassy);
|
|
background-color: var(--secondary-light);
|
|
color: white;
|
|
}
|
|
.dice-tray button {
|
|
border: none;
|
|
border-radius: var(--border-radius);
|
|
background: none;
|
|
background-color: var(--glass-bg);
|
|
box-shadow: var(--glassy);
|
|
transition: text-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out, border 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, backdrop-filter 0.15s ease-in-out, border-radius 0.15s;
|
|
background-color: var(--glass-bg-light);
|
|
text-shadow: 0px 0px 3px black;
|
|
color: var(--color-text-light-heading);
|
|
}
|
|
.dice-tray button svg {
|
|
filter: drop-shadow(0px 0px 3px black);
|
|
}
|
|
.dice-tray button svg * {
|
|
fill: var(--color-text-light-heading);
|
|
}
|
|
.dice-tray button.dice-tray__advantage:hover, .dice-tray button.dice-tray__disadvantage:hover, .dice-tray button.dice-tray__roll:hover, .dice-tray button.dice-tray__math--add:hover, .dice-tray button.dice-tray__math--sub:hover, .dice-tray button:hover {
|
|
border: none;
|
|
border-radius: var(--border-radius);
|
|
background: none;
|
|
background-color: var(--glass-bg);
|
|
box-shadow: var(--glassy);
|
|
background-color: var(--primary);
|
|
color: var(--color-text-light-highlight);
|
|
}
|
|
.dice-tray button.dice-tray__advantage:hover svg, .dice-tray button.dice-tray__disadvantage:hover svg, .dice-tray button.dice-tray__roll:hover svg, .dice-tray button.dice-tray__math--add:hover svg, .dice-tray button.dice-tray__math--sub:hover svg, .dice-tray button:hover svg {
|
|
filter: drop-shadow(0px 0px 3px black);
|
|
}
|
|
.dice-tray button.dice-tray__advantage:hover svg *, .dice-tray button.dice-tray__disadvantage:hover svg *, .dice-tray button.dice-tray__roll:hover svg *, .dice-tray button.dice-tray__math--add:hover svg *, .dice-tray button.dice-tray__math--sub:hover svg *, .dice-tray button:hover svg * {
|
|
fill: var(--color-text-light-highlight);
|
|
}
|
|
.dice-tray .flexrow {
|
|
margin-left: 6px;
|
|
margin-right: 6px;
|
|
gap: 5px;
|
|
}
|
|
.dice-tray > * {
|
|
margin: 0px;
|
|
}
|
|
|
|
/* ----------------------------------------- */
|
|
/* PF2e Dorako UI */
|
|
/* ----------------------------------------- */
|
|
#sidebar > .dorako-resize {
|
|
width: 6px;
|
|
height: 100%;
|
|
position: absolute;
|
|
top: 0;
|
|
cursor: col-resize;
|
|
}
|
|
|
|
#chat-form {
|
|
--chatformHeight: 100px;
|
|
flex: 0 0 var(--chatformHeight);
|
|
}
|
|
#chat-form > .dorako-resize {
|
|
width: 100%;
|
|
height: 4px;
|
|
position: fixed;
|
|
cursor: row-resize;
|
|
}
|
|
|
|
#chat-controls.no-chat-control-icon .chat-control-icon {
|
|
display: none;
|
|
}
|
|
|
|
#fps {
|
|
position: absolute;
|
|
right: 0;
|
|
bottom: 0;
|
|
width: 60px;
|
|
}
|
|
#fps label {
|
|
display: none;
|
|
}
|
|
|
|
#ui-bottom.centered {
|
|
display: flex;
|
|
justify-content: center;
|
|
}
|
|
|
|
#players.dorako-ui h3 {
|
|
border: none;
|
|
}
|
|
|
|
.chat-message .dorako-header {
|
|
padding-bottom: 5px;
|
|
box-shadow: var(--gold-and-glow);
|
|
background: var(--sheet-light);
|
|
background-size: cover;
|
|
}
|
|
|
|
.combat-sidebar li.combatant .token-image {
|
|
z-index: 0;
|
|
}
|
|
|
|
.combat-sidebar li.combatant .token-name {
|
|
z-index: 1;
|
|
}
|
|
|
|
.chat-message .message-content .damage-roll:not(:first-child) {
|
|
margin-top: 5px;
|
|
}
|
|
|
|
.chat-message .flavor-text h4.action {
|
|
font-weight: 700;
|
|
line-height: 1.5em;
|
|
margin: 0;
|
|
}
|
|
.chat-message .flavor-text .target-dc-result {
|
|
line-height: 0.75rem;
|
|
margin-bottom: 4px;
|
|
}
|
|
.chat-message .flavor-text .target-dc-result .target-dc,
|
|
.chat-message .flavor-text .target-dc-result .result {
|
|
display: block;
|
|
margin: 1px 0;
|
|
width: fit-content;
|
|
}
|
|
.chat-message .flavor-text .target-dc-result .unadjusted {
|
|
text-decoration: line-through;
|
|
}
|
|
.chat-message .flavor-text .target-dc-result .adjusted {
|
|
text-decoration: underline dotted;
|
|
}
|
|
.chat-message .flavor-text .target-dc-result .adjusted.increased {
|
|
color: rgb(0, 128, 0);
|
|
}
|
|
.chat-message .flavor-text .target-dc-result .adjusted.decreased {
|
|
color: rgb(255, 0, 0);
|
|
}
|
|
.chat-message .flavor-text .target-dc-result .degree-of-success .criticalSuccess {
|
|
color: rgb(0, 128, 0);
|
|
}
|
|
.chat-message .flavor-text .target-dc-result .degree-of-success .success {
|
|
color: rgb(0, 0, 255);
|
|
}
|
|
.chat-message .flavor-text .target-dc-result .degree-of-success .failure {
|
|
color: rgb(255, 69, 0);
|
|
}
|
|
.chat-message .flavor-text .target-dc-result .degree-of-success .criticalFailure {
|
|
color: rgb(255, 0, 0);
|
|
}
|
|
.chat-message > .message-content .message-buttons {
|
|
display: flex;
|
|
margin: 0.35em 0 2px;
|
|
gap: 3px;
|
|
}
|
|
|
|
.dorako-ui.dark-theme.chat-message .flavor-text .target-dc-result .adjusted.increased {
|
|
color: #00c000;
|
|
}
|
|
.dorako-ui.dark-theme.chat-message .flavor-text .target-dc-result .adjusted.decreased {
|
|
color: #ff4040;
|
|
}
|
|
.dorako-ui.dark-theme.chat-message .flavor-text .target-dc-result .degree-of-success .criticalSuccess {
|
|
color: #00c000;
|
|
}
|
|
.dorako-ui.dark-theme.chat-message .flavor-text .target-dc-result .degree-of-success .success {
|
|
color: #4040ff;
|
|
}
|
|
.dorako-ui.dark-theme.chat-message .flavor-text .target-dc-result .degree-of-success .failure {
|
|
color: #ff7440;
|
|
}
|
|
.dorako-ui.dark-theme.chat-message .flavor-text .target-dc-result .degree-of-success .criticalFailure {
|
|
color: #ff4040;
|
|
}
|
|
.dorako-ui.dark-theme.chat-message > .message-content .message-buttons {
|
|
gap: 5px;
|
|
}
|
|
.dorako-ui.dark-theme.chat-message > .message-content .message-buttons button {
|
|
border: none;
|
|
border-radius: var(--border-radius);
|
|
background: none;
|
|
background-color: var(--glass-bg);
|
|
box-shadow: var(--glassy);
|
|
transition: text-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out, border 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, backdrop-filter 0.15s ease-in-out, border-radius 0.15s;
|
|
color: var(--color-text-light-heading);
|
|
text-shadow: 0px 0px 3px black;
|
|
}
|
|
.dorako-ui.dark-theme.chat-message > .message-content .message-buttons button:hover {
|
|
background-color: var(--primary);
|
|
color: var(--color-text-light-highlight);
|
|
}
|
|
.dorako-ui.dark-theme.chat-message > .message-content .message-buttons button.critical-success:hover {
|
|
background-color: var(--primary-light);
|
|
color: white;
|
|
}
|
|
|
|
.chat-message > .message-header {
|
|
margin-bottom: 0px;
|
|
}
|
|
|
|
.dorako-damage-roll .flavor-text > *:nth-child(-n+3) {
|
|
display: none;
|
|
}
|
|
|
|
.frosted-glass #hotbar .bar-controls,
|
|
.frosted-glass #hotbar .macro,
|
|
.frosted-glass nav#navigation ol#scene-list li.nav-item,
|
|
.frosted-glass nav#controls ol.control-tools li.control-tool,
|
|
.frosted-glass nav#controls ol.control-tools li.scene-control,
|
|
.frosted-glass #tah-expand-hud,
|
|
.frosted-glass .tah-title-button,
|
|
.frosted-glass .tah-action button,
|
|
.frosted-glass #tokenbar .token,
|
|
.frosted-glass #tokenbar .bar-controls,
|
|
.frosted-glass #players,
|
|
.frosted-glass nav#navigation #nav-toggle,
|
|
.frosted-glass #fps,
|
|
.frosted-glass .app {
|
|
backdrop-filter: var(--frosted-glass);
|
|
}
|
|
.frosted-glass #navigation,
|
|
.frosted-glass .control-tools {
|
|
backdrop-filter: unset;
|
|
}
|
|
|
|
.dorako-ui .tab.category.active[data-tab=pf2e-dorako-ui] h2,
|
|
.dorako-ui .form-group.dorako-ui.settings-header {
|
|
font-size: larger;
|
|
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: 10px;
|
|
padding: 10px;
|
|
color: var(--secondary-light);
|
|
}
|
|
.dorako-ui .tab.category.active[data-tab=pf2e-dorako-ui] h2 {
|
|
font-size: var(--font-size-48);
|
|
text-align: center;
|
|
color: var(--primary-light);
|
|
text-shadow: 0px 1px 0px var(--primary);
|
|
}
|
|
|
|
.dorako-ui.dark-theme .tab.category.active[data-tab=pf2e-dorako-ui] h2,
|
|
.dorako-ui.dark-theme .form-group.dorako-ui.settings-header {
|
|
border: none;
|
|
border-radius: var(--border-radius);
|
|
background: none;
|
|
background-color: var(--glass-bg);
|
|
box-shadow: var(--glassy);
|
|
background: var(--glass-bg-light);
|
|
margin-bottom: 10px;
|
|
padding: 10px;
|
|
color: var(--tertiary);
|
|
text-shadow: 0px 0px 3px black;
|
|
}
|
|
.dorako-ui.dark-theme .tab.category.active[data-tab=pf2e-dorako-ui] h2 {
|
|
color: var(--tertiary-dark);
|
|
}
|
|
|
|
/* ----------------------------------------- */
|
|
/* Enhanced Terrain Layer */
|
|
/* ----------------------------------------- */
|
|
#controls ol.control-tools.sub-controls {
|
|
margin-right: 0px;
|
|
}
|
|
|
|
#controls ol.control-tools#terrainlayer-tools {
|
|
margin-top: 44px;
|
|
}
|
|
#controls ol.control-tools#terrainlayer-tools .control-tool {
|
|
transition: text-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out, border 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, backdrop-filter 0.15s ease-in-out, border-radius 0.15s;
|
|
border: none;
|
|
border-radius: var(--border-radius);
|
|
background: none;
|
|
background-color: var(--glass-bg);
|
|
box-shadow: var(--glassy);
|
|
}
|
|
#controls ol.control-tools#terrainlayer-tools .control-tool:not(#tl-defaultcost):hover {
|
|
background-color: rgba(177, 177, 177, 0.5);
|
|
color: black;
|
|
}
|
|
#controls ol.control-tools#terrainlayer-tools .control-tool:not(#tl-defaultcost):hover button.control-btn:hover {
|
|
border-radius: 3px;
|
|
color: black;
|
|
text-shadow: 0 0 3px var(--color-text-light-highlight);
|
|
box-shadow: none;
|
|
}
|
|
|
|
/* ----------------------------------------- */
|
|
/* Ripper's Filepicker+ */
|
|
/* ----------------------------------------- */
|
|
.filepicker-plus-tooltip {
|
|
border: none;
|
|
border-radius: var(--border-radius);
|
|
background: none;
|
|
background-color: var(--glass-bg);
|
|
box-shadow: var(--glassy);
|
|
border: none;
|
|
backdrop-filter: blur(5px);
|
|
}
|
|
|
|
#sidebar .app.window-app.filepicker {
|
|
margin: 0px;
|
|
}
|
|
|
|
#sidebar .filepicker .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;
|
|
background-image: var(--sheet-dark);
|
|
height: calc(100% - 5px);
|
|
}
|
|
|
|
/* ----------------------------------------- */
|
|
/* Koboldworks turn announcer */
|
|
/* ----------------------------------------- */
|
|
.chat-message[data-message-id].koboldworks.round-cycling h3.round-message {
|
|
margin-left: 17px;
|
|
gap: 20px;
|
|
}
|
|
|
|
.chat-message[data-message-id].koboldworks.turn-announcer.obfuscated {
|
|
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-size: cover;
|
|
background-blend-mode: luminosity;
|
|
background-color: var(--blind-bg);
|
|
}
|
|
.chat-message[data-message-id].koboldworks.turn-announcer.obfuscated.dorako-ui.dark-theme {
|
|
background: var(--sheet-dark);
|
|
background-size: cover;
|
|
background-blend-mode: luminosity;
|
|
background-color: var(--blind-bg);
|
|
}
|
|
|
|
/* ----------------------------------------- */
|
|
/* Macros */
|
|
/* ----------------------------------------- */
|
|
.dorako-ui.window-app .window-content .dialog-content .cond-cont {
|
|
background: none;
|
|
}
|
|
|
|
.dorako-ui.window-app .action-list button.action-btn img {
|
|
border-radius: 3px;
|
|
box-shadow: var(--gold-and-glow);
|
|
}
|
|
.dorako-ui.window-app .action-list button:hover {
|
|
filter: brightness(1.3);
|
|
}
|
|
.dorako-ui.window-app .action-list button.glow {
|
|
box-shadow: var(--gold-and-glow), var(--glassy);
|
|
animation: unset;
|
|
filter: brightness(1.1);
|
|
color: var(--tertiary);
|
|
}
|
|
|
|
/* ----------------------------------------- */
|
|
/* Monarch */
|
|
/* ----------------------------------------- */
|
|
.window-app.monarch .window-content {
|
|
box-shadow: none;
|
|
background: none;
|
|
}
|
|
|
|
.window-app.monarch-hand:not(.minimized).no-fade.trans,
|
|
.window-app.monarch-hand:not(.minimized):hover.trans {
|
|
border: none;
|
|
border-radius: var(--border-radius);
|
|
background: none;
|
|
background-color: var(--glass-bg);
|
|
box-shadow: var(--glassy);
|
|
backdrop-filter: blur(5px);
|
|
}
|
|
|
|
.window-app.monarch-hand .window-header,
|
|
.monarch-hand footer.sheet-footer {
|
|
border: none;
|
|
border-radius: var(--border-radius);
|
|
background: none;
|
|
background-color: var(--glass-bg);
|
|
box-shadow: var(--glassy);
|
|
}
|
|
|
|
.monarch .card-hud .controls a i {
|
|
color: var(--color-text-light-heading);
|
|
}
|
|
|
|
.monarch input[type=text],
|
|
.monarch input[type=number],
|
|
.monarch input[type=password],
|
|
.monarch input[type=date],
|
|
.monarch input[type=time] {
|
|
border: none;
|
|
outline: 1px solid rgba(255, 255, 255, 0.1);
|
|
border-radius: 2px;
|
|
color: var(--color-text-light-heading);
|
|
}
|
|
|
|
.monarch-hand footer.sheet-footer {
|
|
margin: 2px 10px;
|
|
}
|
|
.monarch-hand footer.sheet-footer button {
|
|
border: none;
|
|
border-radius: var(--border-radius);
|
|
background: none;
|
|
background-color: var(--glass-bg);
|
|
box-shadow: var(--glassy);
|
|
transition: text-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out, border 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, backdrop-filter 0.15s ease-in-out, border-radius 0.15s;
|
|
color: var(--color-text-light-heading);
|
|
text-shadow: 0px 0px 3px black;
|
|
}
|
|
.monarch-hand footer.sheet-footer button:hover {
|
|
color: var(--color-text-light-highlight);
|
|
background-color: var(--primary);
|
|
}
|
|
|
|
.monarch .card-hud .badge,
|
|
.monarch .card-hud .card-controls {
|
|
border: none;
|
|
border-radius: var(--border-radius);
|
|
background: none;
|
|
background-color: var(--glass-bg);
|
|
box-shadow: var(--glassy);
|
|
}
|
|
|
|
.monarch-hand .tooltip {
|
|
border: none;
|
|
border-radius: var(--border-radius);
|
|
background: none;
|
|
background-color: var(--glass-bg);
|
|
box-shadow: var(--glassy);
|
|
backdrop-filter: blur(5px);
|
|
}
|
|
|
|
/* ----------------------------------------- */
|
|
/* Monk's Common Display */
|
|
/* ----------------------------------------- */
|
|
#common-display-toolbar.dorako-ui {
|
|
border: none;
|
|
border-radius: var(--border-radius);
|
|
background: none;
|
|
background-color: var(--glass-bg);
|
|
box-shadow: var(--glassy);
|
|
}
|
|
#common-display-toolbar.dorako-ui .move-handle {
|
|
border: none;
|
|
border-radius: var(--border-radius);
|
|
background: none;
|
|
background-color: var(--glass-bg);
|
|
box-shadow: var(--glassy);
|
|
border-radius: 5px 0px 0px 5px;
|
|
}
|
|
#common-display-toolbar.dorako-ui .common-display-button.small {
|
|
border: none;
|
|
border-radius: var(--border-radius);
|
|
background: none;
|
|
background-color: var(--glass-bg);
|
|
box-shadow: var(--glassy);
|
|
transition: text-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out, border 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, backdrop-filter 0.15s ease-in-out, border-radius 0.15s;
|
|
text-shadow: 0px 0px 3px black;
|
|
}
|
|
#common-display-toolbar.dorako-ui .common-display-button.small:hover {
|
|
background-color: var(--primary);
|
|
}
|
|
#common-display-toolbar.dorako-ui .common-display-button.toggle {
|
|
border: none;
|
|
border-radius: var(--border-radius);
|
|
background: none;
|
|
background-color: var(--glass-bg);
|
|
box-shadow: var(--glassy);
|
|
transition: text-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out, border 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, backdrop-filter 0.15s ease-in-out, border-radius 0.15s;
|
|
background-color: var(--secondary-dark);
|
|
text-shadow: 0px 0px 3px black;
|
|
}
|
|
#common-display-toolbar.dorako-ui .common-display-button.toggle:hover, #common-display-toolbar.dorako-ui .common-display-button.toggle.active {
|
|
border: none;
|
|
border-radius: var(--border-radius);
|
|
background: none;
|
|
background-color: var(--glass-bg);
|
|
box-shadow: var(--glassy);
|
|
background-color: var(--secondary-light);
|
|
}
|
|
|
|
/* ----------------------------------------- */
|
|
/* Monk's Player Settings */
|
|
/* ----------------------------------------- */
|
|
#client-settings.dorako-ui.dark-theme #mps-view-group {
|
|
border-bottom: 1px solid var(--tertiary);
|
|
}
|
|
|
|
/* ----------------------------------------- */
|
|
/* Monk's tokenbar */
|
|
/* ----------------------------------------- */
|
|
#tokenbar {
|
|
gap: 3px;
|
|
}
|
|
#tokenbar .token-list {
|
|
gap: 5px;
|
|
border: none;
|
|
}
|
|
#tokenbar .bar-controls {
|
|
border: none;
|
|
border-radius: var(--border-radius);
|
|
background: none;
|
|
background-color: var(--glass-bg);
|
|
box-shadow: var(--glassy);
|
|
}
|
|
#tokenbar .bar-controls div#tokenbar-move-handle {
|
|
border: none;
|
|
border-radius: var(--border-radius);
|
|
background: none;
|
|
background-color: var(--glass-bg);
|
|
box-shadow: var(--glassy);
|
|
border-radius: 5px 0px 0px 5px;
|
|
margin-right: 2px;
|
|
}
|
|
#tokenbar .token {
|
|
border: none;
|
|
border-radius: var(--border-radius);
|
|
background: none;
|
|
background-color: var(--glass-bg);
|
|
box-shadow: var(--glassy);
|
|
transition: text-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out, border 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, backdrop-filter 0.15s ease-in-out, border-radius 0.15s;
|
|
flex: 0 0 52px;
|
|
}
|
|
#tokenbar .token .token-stats {
|
|
background: none;
|
|
text-shadow: 0px 0px 3px black;
|
|
}
|
|
#tokenbar .token:hover {
|
|
background-color: var(--primary);
|
|
}
|
|
#tokenbar .token:hover .token-icon {
|
|
box-shadow: none;
|
|
filter: drop-shadow(0px 0px 5px var(--tertiary));
|
|
}
|
|
#tokenbar .token .token-icon {
|
|
box-shadow: none;
|
|
border-radius: 3px;
|
|
}
|
|
#tokenbar .token .tooltip {
|
|
border: none;
|
|
border-radius: var(--border-radius);
|
|
background: none;
|
|
background-color: var(--glass-bg);
|
|
box-shadow: var(--glassy);
|
|
backdrop-filter: blur(5px);
|
|
-webkit-backdrop-filter: blur(5px);
|
|
}
|
|
|
|
.monks-tokenbar.chat-card .card-header h3:hover {
|
|
text-shadow: unset;
|
|
}
|
|
|
|
.monks-tokenbar .sheet .items-list .items-header {
|
|
border: none;
|
|
}
|
|
|
|
#tokenbar .bar-controls .tokenbar-buttons div.active:not(.disabled) i,
|
|
#tokenbar[movement=free] #movement-free:not(.disabled) i,
|
|
#tokenbar[movement=none] #movement-none:not(.disabled) i,
|
|
#tokenbar[movement=combat] #movement-combat:not(.disabled) i {
|
|
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;
|
|
margin: 2px;
|
|
box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px var(--gold-brown);
|
|
border-radius: 3px;
|
|
text-shadow: 0px 0px 3px black;
|
|
background-color: var(--primary-light);
|
|
color: var(--color-text-light-highlight);
|
|
}
|
|
|
|
#tokenbar:not(.hidectrl) .bar-controls .tokenbar-buttons div.active:not(.disabled):hover i,
|
|
#tokenbar[movement=free]:not(.hidectrl) #movement-free:not(.disabled):hover i,
|
|
#tokenbar[movement=none]:not(.hidectrl) #movement-none:not(.disabled):hover i,
|
|
#tokenbar[movement=combat]:not(.hidectrl) #movement-combat:not(.disabled):hover i {
|
|
color: var(--color-text-light-highlight);
|
|
}
|
|
|
|
.dorako-ui.dark-theme .monks-tokenbar .sheet .items-list .item .item-name,
|
|
.dorako-ui.dark-theme .monks-tokenbar .sheet .items-list,
|
|
.dorako-ui.dark-theme .monks-tokenbar.chat-card .card-header h3,
|
|
.dorako-ui.dark-theme .monks-tokenbar .sheet .items-list .items-header h3 {
|
|
color: var(--color-text-light-1);
|
|
font-family: unset;
|
|
}
|
|
|
|
.dorako-ui.dark-theme#requestsavingthrow .request-grid.dice-group div::first-letter {
|
|
font-size: 0rem;
|
|
}
|
|
.dorako-ui.dark-theme#requestsavingthrow .request-grid {
|
|
gap: 5px;
|
|
margin: 5px 10px;
|
|
text-align: center;
|
|
}
|
|
.dorako-ui.dark-theme#requestsavingthrow .request-grid.dice-group {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
}
|
|
.dorako-ui.dark-theme#requestsavingthrow .request-grid > div {
|
|
border: none;
|
|
border-radius: var(--border-radius);
|
|
background: none;
|
|
background-color: var(--glass-bg);
|
|
box-shadow: var(--glassy);
|
|
transition: text-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out, border 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, backdrop-filter 0.15s ease-in-out, border-radius 0.15s;
|
|
color: var(--color-text-light-heading);
|
|
text-shadow: 0px 0px 3px black;
|
|
padding: 2px 6px;
|
|
background-color: var(--secondary-dark);
|
|
}
|
|
.dorako-ui.dark-theme#requestsavingthrow .request-grid > div:hover {
|
|
background-color: var(--secondary-light);
|
|
color: white;
|
|
}
|
|
.dorako-ui.dark-theme#requestsavingthrow .request-grid > div.selected {
|
|
background-color: var(--secondary-light);
|
|
color: white;
|
|
}
|
|
.dorako-ui.dark-theme .monks-tokenbar .sheet .items-list .item {
|
|
border: none;
|
|
margin-bottom: 2px;
|
|
}
|
|
.dorako-ui.dark-theme .monks-tokenbar .dialog-buttons {
|
|
gap: 5px;
|
|
}
|
|
.dorako-ui.dark-theme .monks-tokenbar.chat-card .card-header {
|
|
border: none;
|
|
}
|
|
.dorako-ui.dark-theme .monks-tokenbar.chat-card .card-footer {
|
|
border: none;
|
|
}
|
|
.dorako-ui.dark-theme .monks-tokenbar.chat-card .card-footer .flexrow {
|
|
gap: 5px;
|
|
}
|
|
.dorako-ui.dark-theme .monks-tokenbar.chat-card .card-footer .flexrow .footer-button {
|
|
border: none;
|
|
border-radius: var(--border-radius);
|
|
background: none;
|
|
background-color: var(--glass-bg);
|
|
box-shadow: var(--glassy);
|
|
transition: text-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out, border 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, backdrop-filter 0.15s ease-in-out, border-radius 0.15s;
|
|
color: var(--color-text-light-heading);
|
|
text-shadow: 0px 0px 3px black;
|
|
}
|
|
.dorako-ui.dark-theme .monks-tokenbar.chat-card .card-footer .flexrow .footer-button:hover {
|
|
color: var(--color-text-light-highlight);
|
|
background-color: var(--primary);
|
|
}
|
|
|
|
/* ----------------------------------------- */
|
|
/* Monk's little details */
|
|
/* ----------------------------------------- */
|
|
#chat-log .message.round-marker {
|
|
border-bottom: 1px solid var(--tertiary) !important;
|
|
}
|
|
|
|
#darkness-progress > div > div {
|
|
background-color: var(--primary-light);
|
|
}
|
|
|
|
#token-hud.monks-little-details .status-effects .effect-control,
|
|
#token-hud.monks-little-details .status-effects .pf2e-effect-control {
|
|
border-radius: unset;
|
|
}
|
|
|
|
#token-hud.placeable-hud.monks-little-details .status-effects {
|
|
grid-template-columns: 90px 90px 90px 90px !important;
|
|
background: none;
|
|
}
|
|
#token-hud.placeable-hud.monks-little-details .status-effects .effect-control {
|
|
border: none;
|
|
opacity: unset;
|
|
}
|
|
#token-hud.placeable-hud.monks-little-details .status-effects .effect-control.active {
|
|
border: none;
|
|
opacity: 1;
|
|
background-color: var(--secondary-light);
|
|
}
|
|
#token-hud.placeable-hud.monks-little-details .status-effects .effect-control.active .effect-name {
|
|
color: white;
|
|
opacity: unset;
|
|
}
|
|
#token-hud.placeable-hud.monks-little-details .status-effects .effect-control img {
|
|
border-radius: 4px 0px 0px 4px;
|
|
}
|
|
#token-hud.placeable-hud.monks-little-details .status-effects .effect-control img::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 1px var(--tertiary);
|
|
border-radius: 4px 0px 0px 4px;
|
|
overflow: hidden;
|
|
pointer-events: none;
|
|
}
|
|
#token-hud.placeable-hud.monks-little-details .status-effects .effect-name {
|
|
opacity: unset;
|
|
padding-right: 4px;
|
|
color: var(--color-text-light-heading);
|
|
font-size: var(--font-size-12);
|
|
}
|
|
|
|
/* ----------------------------------------- */
|
|
/* Monk's hotbar expansion */
|
|
/* ----------------------------------------- */
|
|
#hotbar .action-bar.no-arrows + .bar-controls span.page-number,
|
|
#hotbar .hotbar-page .hotbar-page-row .bar-controls span.page-number,
|
|
#hotbar .hotbar-page .hotbar-page-row .bar-controls i {
|
|
line-height: 52px;
|
|
}
|
|
|
|
#hotbar .hotbar-page .hotbar-page-row.selected .bar-controls .page-number {
|
|
color: var(--tertiary-dark);
|
|
}
|
|
|
|
[data-tooltip="MonksHotbarExpansion.clear-row"] {
|
|
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;
|
|
}
|
|
[data-tooltip="MonksHotbarExpansion.clear-row"]:hover i {
|
|
text-shadow: 0 0 8px var(--color-shadow-primary);
|
|
}
|
|
|
|
.hotbar-page .page-number {
|
|
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;
|
|
}
|
|
.hotbar-page .page-number:hover {
|
|
text-shadow: 0 0 8px var(--color-shadow-primary);
|
|
}
|
|
|
|
#hotbar.dorako-ui .hotbar-page {
|
|
overflow: visible;
|
|
gap: 4px;
|
|
bottom: 56px;
|
|
}
|
|
#hotbar.dorako-ui .hotbar-page .macro-list {
|
|
gap: 7px;
|
|
border: none;
|
|
}
|
|
#hotbar.dorako-ui .hotbar-page .action-bar {
|
|
margin: 0px 5px 0px 3px;
|
|
}
|
|
|
|
/* ----------------------------------------- */
|
|
/* Monk's Enhanced Journal */
|
|
/* ----------------------------------------- */
|
|
.dorako-ui.dark-theme.monks-journal-sheet.sheet .items-list .item .item-name,
|
|
.dorako-ui.dark-theme .monks-journal-sheet.sheet .items-list .item .item-name {
|
|
color: var(--body);
|
|
}
|
|
.dorako-ui.dark-theme.monks-journal-sheet.sheet .items-list,
|
|
.dorako-ui.dark-theme .monks-journal-sheet.sheet .items-list {
|
|
color: var(--color-text-light-heading-highlight);
|
|
}
|
|
.dorako-ui.dark-theme.monks-journal-sheet.sheet .items-list .items-header,
|
|
.dorako-ui.dark-theme .monks-journal-sheet.sheet .items-list .items-header {
|
|
border: none;
|
|
border-radius: var(--border-radius);
|
|
background: none;
|
|
background-color: var(--glass-bg);
|
|
box-shadow: var(--glassy);
|
|
background: var(--glass-bg-light);
|
|
color: var(--tertiary);
|
|
}
|
|
.dorako-ui.dark-theme.monks-journal-sheet.sheet .sheet-navigation,
|
|
.dorako-ui.dark-theme .monks-journal-sheet.sheet .sheet-navigation {
|
|
border: none;
|
|
border-radius: var(--border-radius);
|
|
background: none;
|
|
background-color: var(--glass-bg);
|
|
box-shadow: var(--glassy);
|
|
background: var(--glass-bg-light);
|
|
}
|
|
.dorako-ui.dark-theme.monks-enhanced-journal footer, .dorako-ui.dark-theme.monks-enhanced-journal .mainbar .navigation {
|
|
border: none;
|
|
border-radius: var(--border-radius);
|
|
background: none;
|
|
background-color: var(--glass-bg);
|
|
box-shadow: var(--glassy);
|
|
background: var(--glass-bg-light);
|
|
}
|
|
.dorako-ui.dark-theme.monks-enhanced-journal .mainbar .navigation .nav-button, .dorako-ui.dark-theme.monks-enhanced-journal footer.navigation .nav-button {
|
|
border: none;
|
|
border-radius: var(--border-radius);
|
|
background: none;
|
|
background-color: var(--glass-bg);
|
|
box-shadow: var(--glassy);
|
|
transition: text-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out, border 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, backdrop-filter 0.15s ease-in-out, border-radius 0.15s;
|
|
text-shadow: 0px 0px 3px black;
|
|
color: var(--color-text-light-heading);
|
|
}
|
|
.dorako-ui.dark-theme.monks-enhanced-journal .mainbar .navigation .nav-button:hover, .dorako-ui.dark-theme.monks-enhanced-journal footer.navigation .nav-button:hover {
|
|
background-color: var(--primary);
|
|
color: var(--color-text-light-highlight);
|
|
}
|
|
.dorako-ui.dark-theme .monks-enhanced-journal.request-item .request-buttons {
|
|
gap: 5px;
|
|
}
|
|
.dorako-ui.dark-theme .monks-enhanced-journal.request-item .request-buttons button {
|
|
border: none;
|
|
border-radius: var(--border-radius);
|
|
background: none;
|
|
background-color: var(--glass-bg);
|
|
box-shadow: var(--glassy);
|
|
transition: text-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out, border 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, backdrop-filter 0.15s ease-in-out, border-radius 0.15s;
|
|
text-shadow: 0px 0px 3px black;
|
|
color: var(--color-text-light-heading);
|
|
}
|
|
.dorako-ui.dark-theme .monks-enhanced-journal.request-item .request-buttons button:hover {
|
|
background-color: var(--primary);
|
|
color: var(--color-text-light-highlight);
|
|
}
|
|
.dorako-ui.dark-theme .monks-enhanced-journal.request-item .request-buttons button.request-accept:hover {
|
|
background-color: green;
|
|
}
|
|
|
|
.system-pf2e .monks-enhanced-journal.request-item.item-card {
|
|
height: unset;
|
|
padding: unset;
|
|
}
|
|
|
|
.monks-journal-sheet.sheet .person-container,
|
|
.monks-journal-sheet.sheet .place-container,
|
|
.monks-journal-sheet.sheet .quest-container,
|
|
.monks-journal-sheet.sheet .organization-container,
|
|
.monks-journal-sheet.sheet .shop-container,
|
|
.monks-journal-sheet.sheet .loot-container,
|
|
.monks-journal-sheet.sheet .poi-container,
|
|
.monks-journal-sheet.sheet .event-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: 0 0 0 1px var(--gold-brown) inset, 0 0 0 2px var(--tertiary) inset;
|
|
}
|
|
|
|
.monks-enhanced-journal.request-item 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;
|
|
object-fit: contain;
|
|
background-color: white;
|
|
}
|
|
|
|
.monks-journal-sheet.sheet .sheet-navigation,
|
|
.monks-journal-sheet.sheet .sheet-header .header-details {
|
|
font-family: var(--font-primary);
|
|
font-size: var(--font-size-14);
|
|
}
|
|
|
|
.monks-journal-sheet.sheet .editor {
|
|
padding: 5px;
|
|
}
|
|
|
|
.monks-journal-sheet.sheet .editor-parent {
|
|
padding: 5px;
|
|
}
|
|
|
|
#MonksEnhancedJournal.window-app .window-content {
|
|
padding: 0px;
|
|
background: none;
|
|
box-shadow: none;
|
|
border-radius: 0px 0px 0px 5px;
|
|
}
|
|
|
|
.monks-enhanced-journal .directory-sidebar {
|
|
background: var(--glass-bg);
|
|
background: none;
|
|
border: none;
|
|
box-shadow: 0px 0px 2px 1px rgb(0, 0, 0), 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
|
|
box-shadow: none;
|
|
color: var(--color-text-light-highlight);
|
|
}
|
|
|
|
#journal-directory .noborder,
|
|
#journal-directory .document-name {
|
|
font-weight: 400;
|
|
}
|
|
|
|
.monks-enhanced-journal .body {
|
|
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;
|
|
border-radius: 0px 10px 0px 0px;
|
|
box-shadow: 0 0 0 1px var(--gold-brown) inset, 0 0 0 2px var(--tertiary) inset;
|
|
}
|
|
|
|
.monks-enhanced-journal .collapse .body {
|
|
border-radius: 0px;
|
|
}
|
|
.monks-enhanced-journal .collapse .directory-sidebar {
|
|
box-shadow: none;
|
|
}
|
|
|
|
.monks-enhanced-journal .collapse .tab-bar .tab-button.sidebar-toggle {
|
|
color: var(--color-text-dark-primary);
|
|
}
|
|
|
|
.monks-enhanced-journal .tab-bar .tab-button.sidebar-toggle {
|
|
color: var(--color-text-light-highlight);
|
|
padding-top: 5px;
|
|
}
|
|
|
|
#journal-directory .directory-header {
|
|
padding-top: 5px;
|
|
}
|
|
|
|
#MonksEnhancedJournal .sheet.journal-entry:not(.premium) .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;
|
|
box-shadow: var(--gold-and-glow), 0px 5px 6px rgba(0, 0, 0, 0.5);
|
|
}
|
|
|
|
#MonksEnhancedJournal .sheet.journal-entry:not(.premium).dark-theme .journal-entry-content {
|
|
--sheet: var(--sheet-dark);
|
|
}
|
|
|
|
#MonksEnhancedJournal .journal-entry:not(.premium) .journal-sheet-container .sidebar.directory {
|
|
background: var(--glass-bg);
|
|
box-shadow: var(--glassy);
|
|
}
|
|
|
|
#journal-directory li.folder.collapsed > .folder-header:not(.customcolor),
|
|
#journal-directory li.folder.collapsed > .folder-header .create-folder,
|
|
#journal-directory li.folder.collapsed > .folder-header .create-document {
|
|
color: var(--color-text-light-highlight);
|
|
}
|
|
|
|
#journal-directory li.folder.collapsed .folder-header.customcolor {
|
|
color: var(--color-text-light-highlight);
|
|
}
|
|
|
|
#journal-directory li.document .document-name {
|
|
color: var(--color-text-light-highlight);
|
|
}
|
|
|
|
#MonksEnhancedJournal .sheet.journal-entry:not(.premium) .journal-entry-content {
|
|
border-radius: 10px;
|
|
margin: 10px 12px;
|
|
height: calc(100% - 20px);
|
|
}
|
|
|
|
#journal-directory li.journalentry,
|
|
#journal-directory li.journalentrypage {
|
|
border-left: none;
|
|
}
|
|
|
|
#MonksEnhancedJournal .sheet.journal-entry .scrollable {
|
|
padding-right: unset;
|
|
}
|
|
|
|
.monks-enhanced-journal .content {
|
|
margin-left: 2px;
|
|
}
|
|
|
|
.monks-enhanced-journal.dorako-ui.dark-theme.window-app .window-content {
|
|
background: unset;
|
|
box-shadow: unset;
|
|
}
|
|
|
|
.dorako-ui.dark-theme.monks-enhanced-journal footer,
|
|
.dorako-ui.dark-theme.monks-enhanced-journal .mainbar .navigation {
|
|
margin: 0px 3px;
|
|
padding-left: 4px;
|
|
margin-bottom: 3px;
|
|
border-radius: 0px;
|
|
}
|
|
|
|
.dorako-ui.dark-theme.monks-enhanced-journal footer {
|
|
margin-bottom: 3px;
|
|
}
|
|
|
|
.monks-enhanced-journal footer,
|
|
.monks-enhanced-journal .mainbar .navigation {
|
|
background-color: var(--bg);
|
|
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.18);
|
|
border: 1px solid var(--color-border-light-primary);
|
|
border-left: none;
|
|
border-right: none;
|
|
margin-left: 1px;
|
|
margin-right: 1px;
|
|
}
|
|
|
|
.monks-enhanced-journal footer {
|
|
box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.18);
|
|
border-bottom: none;
|
|
margin-bottom: 1px;
|
|
border-radius: 0px 0px 0px 5px;
|
|
}
|
|
|
|
.monks-journal-sheet.sheet .sheet-navigation {
|
|
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: 5px;
|
|
margin-left: 0px;
|
|
margin-right: 8px;
|
|
}
|
|
|
|
.monks-journal-sheet.sheet .sheet-navigation .item {
|
|
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;
|
|
}
|
|
.monks-journal-sheet.sheet .sheet-navigation .item:hover, .monks-journal-sheet.sheet .sheet-navigation .item.active {
|
|
border: none;
|
|
color: var(--secondary-light);
|
|
text-shadow: 0px 0px 10px;
|
|
}
|
|
|
|
.dorako-ui.dark-theme .monks-journal-sheet.sheet .sheet-navigation .item:hover, .dorako-ui.dark-theme .monks-journal-sheet.sheet .sheet-navigation .item.active {
|
|
color: var(--tertiary);
|
|
text-shadow: 0px 0px 10px;
|
|
}
|
|
|
|
.monks-journal-sheet.sheet .items-list .item .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);
|
|
background-color: var(--bg);
|
|
border-radius: 3px;
|
|
margin-right: 5px;
|
|
}
|
|
|
|
.monks-enhanced-journal .mainbar > div {
|
|
border: none;
|
|
}
|
|
|
|
.monks-enhanced-journal .tab-bar .journal-tab {
|
|
border-radius: 3px;
|
|
}
|
|
|
|
.monks-enhanced-journal .bookmark-bar .bookmark-button.add-bookmark {
|
|
border: none;
|
|
border-radius: var(--border-radius);
|
|
background: none;
|
|
background-color: var(--glass-bg);
|
|
box-shadow: var(--glassy);
|
|
transition: text-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out, border 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, backdrop-filter 0.15s ease-in-out, border-radius 0.15s;
|
|
color: var(--color-text-light-heading);
|
|
text-shadow: 0px 0px 3px black;
|
|
}
|
|
.monks-enhanced-journal .bookmark-bar .bookmark-button.add-bookmark:hover {
|
|
background: var(--primary);
|
|
color: var(--color-text-light-heading);
|
|
}
|
|
|
|
.monks-enhanced-journal .mainbar .bookmark-bar {
|
|
margin-left: 8px;
|
|
margin-bottom: 5px;
|
|
column-gap: 8px;
|
|
row-gap: 4px;
|
|
}
|
|
.monks-enhanced-journal .mainbar .bookmark-bar .bookmark-button {
|
|
margin-left: unset;
|
|
padding: unset;
|
|
text-align: center;
|
|
}
|
|
.monks-enhanced-journal .mainbar .bookmark-bar .bookmark-button > div {
|
|
border: none;
|
|
border-radius: var(--border-radius);
|
|
background: none;
|
|
background-color: var(--glass-bg);
|
|
box-shadow: var(--glassy);
|
|
transition: text-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out, border 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, backdrop-filter 0.15s ease-in-out, border-radius 0.15s;
|
|
padding: 0px 5px;
|
|
color: var(--color-text-light-heading);
|
|
text-shadow: 0px 0px 3px black;
|
|
}
|
|
.monks-enhanced-journal .mainbar .bookmark-bar .bookmark-button > div:hover {
|
|
background: var(--primary);
|
|
color: var(--color-text-light-highlight);
|
|
}
|
|
|
|
.monks-enhanced-journal .mainbar .tab-row {
|
|
margin: 5px;
|
|
gap: 10px;
|
|
}
|
|
.monks-enhanced-journal .mainbar .tab-row .tab-button {
|
|
border: none;
|
|
border-radius: var(--border-radius);
|
|
background: none;
|
|
background-color: var(--glass-bg);
|
|
box-shadow: var(--glassy);
|
|
transition: text-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out, border 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, backdrop-filter 0.15s ease-in-out, border-radius 0.15s;
|
|
opacity: unset;
|
|
color: var(--color-text-light-heading);
|
|
text-shadow: 0px 0px 3px black;
|
|
}
|
|
.monks-enhanced-journal .mainbar .tab-row .tab-button:hover {
|
|
background: var(--primary);
|
|
color: var(--color-text-light-highlight);
|
|
}
|
|
.monks-enhanced-journal .mainbar .tab-row .close {
|
|
margin-left: 5px;
|
|
}
|
|
.monks-enhanced-journal .mainbar .tab-row .journal-tab {
|
|
border: none;
|
|
border-radius: var(--border-radius);
|
|
background: none;
|
|
background-color: var(--glass-bg);
|
|
box-shadow: var(--glassy);
|
|
transition: text-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out, border 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, backdrop-filter 0.15s ease-in-out, border-radius 0.15s;
|
|
text-shadow: 0px 0px 3px black;
|
|
color: var(--color-text-light-heading);
|
|
background-color: var(--secondary);
|
|
padding: 5px 10px;
|
|
}
|
|
.monks-enhanced-journal .mainbar .tab-row .journal-tab.active, .monks-enhanced-journal .mainbar .tab-row .journal-tab:hover {
|
|
background: var(--secondary-light);
|
|
color: white;
|
|
}
|
|
.monks-enhanced-journal .mainbar .tab-row .journal-tab.active {
|
|
box-shadow: var(--gold-and-glow), var(--glassy);
|
|
}
|
|
|
|
section.readaloud {
|
|
border-image-repeat: repeat;
|
|
border-image-slice: 11;
|
|
border-image-source: var(--ornamentation);
|
|
border-image-width: 14px;
|
|
border-style: double;
|
|
padding-left: 8px;
|
|
padding-right: 8px;
|
|
font-weight: 500;
|
|
margin: 0px;
|
|
margin-left: 5px;
|
|
background: none;
|
|
background-color: var(--bg);
|
|
}
|
|
section.readaloud:before, section.readaloud:after {
|
|
background: none;
|
|
}
|
|
|
|
.monks-journal-sheet.sheet .sheet-header .sheet-image,
|
|
.monks-journal-sheet.sheet header.sheet-header {
|
|
border: none;
|
|
}
|
|
|
|
.monks-journal-sheet.sheet .sheet-header .sheet-image {
|
|
border: none;
|
|
margin: 2px;
|
|
/* prettier-ignore */
|
|
box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px var(--gold-brown), 0 0 5px rgba(0, 0, 0, 0.8);
|
|
background-color: var(--bg);
|
|
margin-right: 10px;
|
|
border-radius: 5px;
|
|
}
|
|
.monks-journal-sheet.sheet .sheet-header .sheet-image img {
|
|
border-radius: 5px;
|
|
}
|
|
|
|
.monks-journal-sheet.sheet .items-list .item {
|
|
border: solid transparent;
|
|
border-image: linear-gradient(90deg, #f1edea, #d5cac1) 1 repeat;
|
|
border-width: 0 0 1px;
|
|
}
|
|
|
|
.dorako-ui.dark-theme .monks-journal-sheet.sheet .items-list .item {
|
|
border-image: linear-gradient(90deg, rgba(241, 237, 234, 0), black) 1;
|
|
}
|
|
|
|
#journal-directory .directory-item.journalentry .permissions {
|
|
background-color: var(--glass-bg-light);
|
|
box-shadow: var(--glassy);
|
|
}
|
|
#journal-directory .directory-item.journalentry .permissions > div {
|
|
color: var(--tertiary);
|
|
box-shadow: var(--gold-and-glow), 0px 1px 3px black;
|
|
margin-top: 1px;
|
|
}
|
|
|
|
/* ----------------------------------------- */
|
|
/* Monk's Scene Navigation */
|
|
/* ----------------------------------------- */
|
|
body.compact-ui #navigation.dorako-ui .monks-scene-navigation #nav-toggle {
|
|
display: unset;
|
|
}
|
|
|
|
.dorako-ui#navigation .nav-item-container {
|
|
border: none;
|
|
border-radius: var(--border-radius);
|
|
background: none;
|
|
background-color: var(--glass-bg);
|
|
box-shadow: var(--glassy);
|
|
}
|
|
.dorako-ui#navigation .nav-item-container #nav-toggle {
|
|
box-shadow: unset;
|
|
border: unset;
|
|
background: unset;
|
|
height: unset;
|
|
flex: unset;
|
|
}
|
|
.dorako-ui#navigation .monks-scene-navigation .scene-list > li a {
|
|
border: none;
|
|
border-radius: var(--border-radius);
|
|
background: none;
|
|
background-color: var(--glass-bg);
|
|
box-shadow: var(--glassy);
|
|
transition: text-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out, border 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, backdrop-filter 0.15s ease-in-out, border-radius 0.15s;
|
|
text-shadow: 0px 0px 3px black;
|
|
color: var(--color-text-light-heading);
|
|
}
|
|
.dorako-ui#navigation .monks-scene-navigation .scene-list > li a:hover {
|
|
background-color: var(--primary);
|
|
color: var(--color-text-light-heading-highlight);
|
|
}
|
|
.dorako-ui#navigation .monks-scene-navigation .scene-list > li.view a {
|
|
background-color: var(--primary);
|
|
color: var(--color-text-light-heading-highlight);
|
|
}
|
|
.dorako-ui#navigation .monks-scene-navigation .scene-list > li.view a:hover {
|
|
background-color: var(--primary-light);
|
|
color: white;
|
|
}
|
|
.dorako-ui#navigation .monks-scene-navigation .scene-list > li.gm a {
|
|
background-color: var(--secondary);
|
|
color: var(--color-text-light-heading-highlight);
|
|
}
|
|
.dorako-ui#navigation .monks-scene-navigation .scene-list > li.gm a:hover {
|
|
background-color: var(--secondary-light);
|
|
color: white;
|
|
}
|
|
.dorako-ui#navigation .monks-scene-navigation .scene-list > li.gm.view a {
|
|
background-color: var(--secondary-light);
|
|
color: white;
|
|
}
|
|
.dorako-ui#navigation .monks-scene-navigation .scene-list > li.view a, .dorako-ui#navigation .monks-scene-navigation .scene-list > li.context a {
|
|
box-shadow: var(--glassy);
|
|
border: none;
|
|
}
|
|
.dorako-ui#navigation .monks-scene-navigation .scene-list > li.active a {
|
|
border: none;
|
|
border-radius: var(--border-radius);
|
|
background: none;
|
|
background-color: var(--glass-bg);
|
|
box-shadow: var(--glassy);
|
|
box-shadow: var(--gold-and-glow), var(--glassy);
|
|
}
|
|
.dorako-ui#navigation.background .monks-scene-navigation .scene-list {
|
|
border: none;
|
|
border-radius: var(--border-radius);
|
|
background: none;
|
|
background-color: var(--glass-bg);
|
|
box-shadow: var(--glassy);
|
|
gap: 5px;
|
|
}
|
|
|
|
.frosted-glass .monks-scene-navigation:not(.category-filter) {
|
|
backdrop-filter: unset;
|
|
}
|
|
|
|
/* ----------------------------------------- */
|
|
/* Monk's Active Tile Triggers */
|
|
/* ----------------------------------------- */
|
|
.dorako-ui.dark-theme.action-sheet .display-value {
|
|
border: none;
|
|
border-radius: var(--border-radius);
|
|
background: none;
|
|
background-color: var(--glass-bg);
|
|
box-shadow: var(--glassy);
|
|
color: var(--color-text-light-heading);
|
|
}
|
|
.dorako-ui.dark-theme.monks-active-tiles.sheet .items-list .items-header {
|
|
border: none;
|
|
border-radius: var(--border-radius);
|
|
background: none;
|
|
background-color: var(--glass-bg);
|
|
box-shadow: var(--glassy);
|
|
margin: 0px 2px;
|
|
background-color: var(--glass-bg-light);
|
|
box-shadow: var(--glassy);
|
|
}
|
|
.dorako-ui.dark-theme.monks-active-tiles.sheet .items-list .items-header h3 {
|
|
color: var(--tertiary);
|
|
text-shadow: 0px 0px 10px var(--tertiary);
|
|
}
|
|
.dorako-ui.dark-theme.monks-active-tiles.sheet .items-list .item .item-name {
|
|
color: var(--color-text-light-heading);
|
|
}
|
|
.dorako-ui.dark-theme.monks-active-tiles.sheet .items-list .item-control {
|
|
color: var(--color-text-light-heading);
|
|
}
|
|
.dorako-ui.dark-theme.monks-active-tiles div[data-tab=triggers] .action-items .entity-style {
|
|
color: white;
|
|
}
|
|
.dorako-ui.dark-theme.monks-active-tiles div[data-tab=triggers] .action-items .action-style {
|
|
color: var(--color-text-light-highlight);
|
|
}
|
|
|
|
/* ----------------------------------------- */
|
|
/* Polyglot */
|
|
/* ----------------------------------------- */
|
|
.select2-dropdown.polyglot-language {
|
|
border: none;
|
|
border-radius: var(--border-radius);
|
|
background: none;
|
|
background-color: var(--glass-bg);
|
|
box-shadow: var(--glassy);
|
|
backdrop-filter: blur(5px);
|
|
}
|
|
.select2-dropdown.polyglot-language .polyglot-user-list div {
|
|
box-shadow: 0px 0px 0px 1px var(--tertiary);
|
|
}
|
|
.select2-dropdown.polyglot-language ::-webkit-scrollbar-thumb {
|
|
background: var(--tertiary);
|
|
border: 1px solid var(--gold-brown);
|
|
}
|
|
|
|
.select2-container--default .select2-search--dropdown .select2-search__field {
|
|
border: none;
|
|
border-radius: var(--border-radius);
|
|
background: none;
|
|
background-color: var(--glass-bg);
|
|
box-shadow: var(--glassy);
|
|
transition: text-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out, border 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, backdrop-filter 0.15s ease-in-out, border-radius 0.15s;
|
|
background: var(--glass-bg-light);
|
|
}
|
|
.select2-container--default .select2-search--dropdown .select2-search__field:focus, .select2-container--default .select2-search--dropdown .select2-search__field:active, .select2-container--default .select2-search--dropdown .select2-search__field:hover {
|
|
background: var(--secondary-dark);
|
|
color: var(--color-text-light-highlight);
|
|
}
|
|
|
|
.select2-container--default .select2-results > .select2-results__options {
|
|
color: var(--color-text-light-heading);
|
|
text-shadow: 0px 0px 3px black;
|
|
padding-top: 1px;
|
|
}
|
|
|
|
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
|
|
background: var(--secondary-light);
|
|
box-shadow: 0px 0px 0px 1px var(--tertiary);
|
|
color: var(--color-text-light-highlight);
|
|
}
|
|
|
|
.select2-container--default .select2-results__option--selected {
|
|
background: var(--primary-light);
|
|
box-shadow: 0px 0px 0px 1px var(--tertiary);
|
|
color: var(--color-text-light-highlight);
|
|
}
|
|
|
|
.polyglot-lang-select .select2-container--default .select2-selection--single .select2-selection__rendered,
|
|
.select2-container--default .select2-selection--single .select2-selection__rendered {
|
|
color: var(--color-text-light-heading);
|
|
}
|
|
|
|
.polyglot-lang-select .select2-container--default .select2-selection--single .select2-selection__arrow b {
|
|
border-color: var(--color-text-light-heading) transparent transparent transparent;
|
|
}
|
|
|
|
#polyglot {
|
|
flex-basis: 20px;
|
|
gap: 5px;
|
|
flex-wrap: wrap;
|
|
}
|
|
#polyglot label {
|
|
display: none;
|
|
}
|
|
#polyglot.polyglot-lang-select > span.select2-container {
|
|
margin: unset;
|
|
}
|
|
#polyglot .select2-selection {
|
|
border: none;
|
|
border-radius: var(--border-radius);
|
|
background: none;
|
|
background-color: var(--glass-bg);
|
|
box-shadow: var(--glassy);
|
|
transition: text-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out, border 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, backdrop-filter 0.15s ease-in-out, border-radius 0.15s;
|
|
cursor: pointer;
|
|
background: var(--glass-bg-light);
|
|
}
|
|
#polyglot .select2-selection:focus, #polyglot .select2-selection:active, #polyglot .select2-selection:hover {
|
|
background: var(--secondary-dark);
|
|
color: var(--color-text-light-highlight);
|
|
}
|
|
#polyglot select {
|
|
border: none;
|
|
border-radius: var(--border-radius);
|
|
background: none;
|
|
background-color: var(--glass-bg);
|
|
box-shadow: var(--glassy);
|
|
background: var(--glass-bg-light);
|
|
color: var(--color-text-light-heading);
|
|
text-shadow: 0px 0px 3px black;
|
|
appearance: none;
|
|
margin: unset;
|
|
padding-left: 7px;
|
|
flex: 1 1 70px;
|
|
}
|
|
#polyglot select option,
|
|
#polyglot select optgroup {
|
|
background-color: rgb(37, 37, 37);
|
|
color: var(--color-text-light-highlight);
|
|
}
|
|
#polyglot.polyglot-lang-select input {
|
|
border: none;
|
|
border-radius: var(--border-radius);
|
|
background: none;
|
|
background-color: var(--glass-bg);
|
|
box-shadow: var(--glassy);
|
|
margin: unset;
|
|
accent-color: var(--color-checkbox-checked);
|
|
accent-color: var(--secondary-dark);
|
|
}
|
|
#polyglot.polyglot-lang-select input:checked {
|
|
accent-color: var(--secondary-light);
|
|
}
|
|
#polyglot .polyglot-user-list {
|
|
outline: 1px solid var(--gold-brown);
|
|
margin: unset;
|
|
margin-right: 2px;
|
|
margin-left: 2px;
|
|
gap: 1px;
|
|
border-radius: var(--border-radius);
|
|
flex-grow: 1;
|
|
flex-direction: row;
|
|
flex: 1 0 20px;
|
|
max-width: unset;
|
|
}
|
|
#polyglot .polyglot-user-list:empty {
|
|
outline: unset;
|
|
flex: unset;
|
|
margin-right: -5px;
|
|
}
|
|
#polyglot .polyglot-user-list div {
|
|
display: flex;
|
|
border-radius: unset;
|
|
width: unset;
|
|
flex: 1 0;
|
|
width: 10px;
|
|
border: 1px solid var(--tertiary);
|
|
margin: unset;
|
|
}
|
|
#polyglot .polyglot-user-list div:first-child {
|
|
border-top-left-radius: var(--border-radius);
|
|
border-bottom-left-radius: var(--border-radius);
|
|
}
|
|
#polyglot .polyglot-user-list div:last-child {
|
|
border-top-right-radius: var(--border-radius);
|
|
border-bottom-right-radius: var(--border-radius);
|
|
}
|
|
|
|
/* ----------------------------------------- */
|
|
/* Scene Preview */
|
|
/* ----------------------------------------- */
|
|
.navi-preview {
|
|
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;
|
|
}
|
|
|
|
/* ----------------------------------------- */
|
|
/* Speaking As */
|
|
/* ----------------------------------------- */
|
|
div.speaking-as--currentSpeaker + #chat-controls {
|
|
padding: 0px;
|
|
}
|
|
|
|
.speaking-as--currentSpeaker {
|
|
border: none;
|
|
border-radius: var(--border-radius);
|
|
background: none;
|
|
background-color: var(--glass-bg);
|
|
box-shadow: var(--glassy);
|
|
background-color: var(--glass-bg-light);
|
|
padding-left: 5px;
|
|
margin: 0px 5px;
|
|
text-shadow: 0px 0px 3px black;
|
|
}
|
|
|
|
.speaking-as--currentSpeaker--button {
|
|
cursor: pointer;
|
|
}
|
|
.speaking-as--currentSpeaker--button:hover {
|
|
color: var(--color-text-light-highlight);
|
|
}
|
|
|
|
/* ----------------------------------------- */
|
|
/* PF2e Target Damage */
|
|
/* ----------------------------------------- */
|
|
.pf2e-td.name {
|
|
font-size: var(--font-size-9);
|
|
}
|
|
|
|
.dorako-ui.message.chat-message .message-content .pf2e.chat-card .card-buttons .save.pf2e-td.criticalSuccess {
|
|
background-color: rgb(0, 128, 0);
|
|
}
|
|
.dorako-ui.message.chat-message .message-content .pf2e.chat-card .card-buttons .save.pf2e-td.criticalSuccess:hover {
|
|
background-color: rgb(0, 128, 0);
|
|
box-shadow: 0px 0px 1px 1px var(--tertiary) inset, 0px 0px 5px rgb(0, 128, 0);
|
|
}
|
|
.dorako-ui.message.chat-message .message-content .pf2e.chat-card .card-buttons .save.pf2e-td.success {
|
|
background-color: rgb(0, 0, 255);
|
|
}
|
|
.dorako-ui.message.chat-message .message-content .pf2e.chat-card .card-buttons .save.pf2e-td.success:hover {
|
|
background-color: rgb(0, 0, 255);
|
|
box-shadow: 0px 0px 1px 1px var(--tertiary) inset, 0px 0px 5px rgb(0, 0, 255);
|
|
}
|
|
.dorako-ui.message.chat-message .message-content .pf2e.chat-card .card-buttons .save.pf2e-td.failure {
|
|
background-color: rgb(255, 69, 0);
|
|
}
|
|
.dorako-ui.message.chat-message .message-content .pf2e.chat-card .card-buttons .save.pf2e-td.failure:hover {
|
|
background-color: rgb(255, 69, 0);
|
|
box-shadow: 0px 0px 1px 1px var(--tertiary) inset, 0px 0px 5px rgb(255, 69, 0);
|
|
}
|
|
.dorako-ui.message.chat-message .message-content .pf2e.chat-card .card-buttons .save.pf2e-td.criticalFailure {
|
|
background-color: rgb(255, 0, 0);
|
|
}
|
|
.dorako-ui.message.chat-message .message-content .pf2e.chat-card .card-buttons .save.pf2e-td.criticalFailure:hover {
|
|
background-color: rgb(255, 0, 0);
|
|
box-shadow: 0px 0px 1px 1px var(--tertiary) inset, 0px 0px 5px rgb(255, 0, 0);
|
|
}
|
|
|
|
.chat-message .message-content .pf2e-td.damage-application button .label {
|
|
font-size: var(--font-size-8);
|
|
}
|
|
|
|
wrapper.pf2e-td.name-top .pf2e-td.name {
|
|
background: rgba(0, 0, 0, 0.1);
|
|
border: 1px solid var(--color-border-light-2);
|
|
border-radius: 3px;
|
|
box-shadow: 0 0 2px #fff inset;
|
|
width: 100%;
|
|
}
|
|
|
|
.dorako-ui.chat-message hr.pf2e-td {
|
|
display: none !important;
|
|
}
|
|
|
|
.dorako-ui.dark-theme.message.chat-message .pf2e.chat-card .card-buttons .pf2e-td.target-section .target-button {
|
|
border: none;
|
|
border-radius: var(--border-radius);
|
|
background: none;
|
|
background-color: var(--glass-bg);
|
|
box-shadow: var(--glassy);
|
|
transition: text-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out, border 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, backdrop-filter 0.15s ease-in-out, border-radius 0.15s;
|
|
height: calc(100% - 12px);
|
|
}
|
|
.dorako-ui.dark-theme.message.chat-message .pf2e.chat-card .card-buttons .pf2e-td.target-section .target-button:hover {
|
|
box-shadow: var(--gold-and-glow);
|
|
background-color: var(--glass-bg);
|
|
}
|
|
|
|
.dorako-ui.dark-theme.chat-message hr.pf2e-td {
|
|
display: none !important;
|
|
}
|
|
.dorako-ui.dark-theme.chat-message button.small-button.pf2e-td {
|
|
border: none;
|
|
border-radius: var(--border-radius);
|
|
background: none;
|
|
background-color: var(--glass-bg);
|
|
box-shadow: var(--glassy);
|
|
transition: text-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out, border 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, backdrop-filter 0.15s ease-in-out, border-radius 0.15s;
|
|
background-color: var(--glass-bg-light);
|
|
color: var(--color-text-light-heading);
|
|
text-shadow: 0px 0px 3px black;
|
|
margin: 2px;
|
|
width: 20px;
|
|
height: calc(100% - 4px);
|
|
}
|
|
.dorako-ui.dark-theme.chat-message button.small-button.pf2e-td:hover {
|
|
background-color: var(--primary);
|
|
color: var(--color-text-light-highlight);
|
|
}
|
|
.dorako-ui.dark-theme.chat-message wrapper.pf2e-td {
|
|
gap: 3px;
|
|
}
|
|
.dorako-ui.dark-theme.chat-message wrapper.pf2e-td .pf2e-td.damage-application {
|
|
gap: 3px;
|
|
margin-top: 0px;
|
|
}
|
|
.dorako-ui.dark-theme.chat-message wrapper.pf2e-td.name-left .pf2e-td.damage-application {
|
|
gap: 3px;
|
|
}
|
|
.dorako-ui.dark-theme.chat-message wrapper.pf2e-td .pf2e-td.name {
|
|
color: var(--color-text-light-heading);
|
|
}
|
|
.dorako-ui.dark-theme.chat-message wrapper.pf2e-td .pf2e-td.name:hover {
|
|
color: var(--color-text-light-highlight);
|
|
}
|
|
.dorako-ui.dark-theme.chat-message wrapper.pf2e-td.name-top .pf2e-td.name {
|
|
border: none;
|
|
border-radius: var(--border-radius);
|
|
background: none;
|
|
background-color: var(--glass-bg);
|
|
box-shadow: var(--glassy);
|
|
transition: text-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out, border 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, backdrop-filter 0.15s ease-in-out, border-radius 0.15s;
|
|
width: 100%;
|
|
line-height: 24px;
|
|
text-shadow: 0px 0px 3px black;
|
|
}
|
|
.dorako-ui.dark-theme.chat-message wrapper.pf2e-td.name-top .pf2e-td.name:hover {
|
|
color: var(--color-text-light-highlight);
|
|
background-color: var(--primary);
|
|
}
|
|
.dorako-ui.dark-theme.chat-message .message-content .pf2e-td.damage-application button .label {
|
|
font-size: var(--font-size-8);
|
|
}
|
|
|
|
#target-damage-chat-window [data-visibility]:is(div, em, h4, p, span, strong):not([data-visibility=all])[data-visibility=gm] {
|
|
background-color: transparent;
|
|
}
|
|
|
|
#target-damage-chat-window {
|
|
border: none;
|
|
margin: 0px;
|
|
padding: 0px;
|
|
}
|
|
|
|
#target-damage-chat-window:empty {
|
|
display: none;
|
|
}
|
|
|
|
.hidden #target-damage-hide-button {
|
|
left: 0px;
|
|
top: 2px;
|
|
margin: 0px;
|
|
padding: 0px;
|
|
height: 14px;
|
|
width: 14px;
|
|
}
|
|
|
|
.damage-application.hidden.right {
|
|
padding: 0px;
|
|
}
|
|
|
|
.hidden.right #target-damage-hide-button {
|
|
left: 0px;
|
|
top: 2px;
|
|
margin: 0px;
|
|
padding: 0px;
|
|
height: 14px;
|
|
width: 14px;
|
|
}
|
|
|
|
/* ----------------------------------------- */
|
|
/* Token Action HUD (TAH) */
|
|
/* ----------------------------------------- */
|
|
#token-action-hud.dorako-ui {
|
|
--dorako-bg-current: var(--glass-bg);
|
|
--dorako-vibrancy: var(--frosted-glass);
|
|
--paizo-blue: var(--secondary);
|
|
--paizo-blue-bright: var(--secondary-light);
|
|
--paizo-red-bright: var(--primary-light);
|
|
--pazio-red: var(--primary);
|
|
--tah-border-radius: var(--border-radius);
|
|
--tah-button-background-color: var(--glass-bg);
|
|
--tah-button-text-color: var(--color-text-light-highlight);
|
|
}
|
|
#token-action-hud.dorako-ui #tah-categories {
|
|
gap: 5px;
|
|
}
|
|
#token-action-hud.dorako-ui#token-action-hud {
|
|
gap: 5px;
|
|
}
|
|
#token-action-hud.dorako-ui #tah-expand-hud {
|
|
width: 32px;
|
|
height: 32px;
|
|
}
|
|
#token-action-hud.dorako-ui #tah-expand-hud,
|
|
#token-action-hud.dorako-ui .tah-title-button {
|
|
transition: unset;
|
|
color: var(--color-text-light-heading);
|
|
padding: 3px 5px 3px 5px;
|
|
}
|
|
#token-action-hud.dorako-ui #tah-expand-hud:hover,
|
|
#token-action-hud.dorako-ui .tah-title-button:hover {
|
|
color: var(--color-text-light-highlight);
|
|
}
|
|
#token-action-hud.dorako-ui .tah-category.hover button.tah-title-button {
|
|
background-color: var(--primary);
|
|
color: var(--color-text-light-highlight);
|
|
}
|
|
#token-action-hud.dorako-ui .tah-subtitle {
|
|
width: 174px;
|
|
}
|
|
#token-action-hud.dorako-ui .tah-tab-group,
|
|
#token-action-hud.dorako-ui .tah-action {
|
|
backdrop-filter: blur(5px);
|
|
-webkit-backdrop-filter: blur(5px);
|
|
}
|
|
#token-action-hud.dorako-ui .tah-action button {
|
|
transition: unset;
|
|
}
|
|
#token-action-hud.dorako-ui .tah-action button.toggle {
|
|
background-color: var(--secondary-dark);
|
|
}
|
|
#token-action-hud.dorako-ui .tah-action button.toggle:hover {
|
|
background-color: var(--secondary);
|
|
}
|
|
#token-action-hud.dorako-ui .tah-action button.toggle.active {
|
|
background-color: var(--secondary-light);
|
|
}
|
|
#token-action-hud.dorako-ui .tah-action button:hover {
|
|
color: var(--color-text-light-highlight);
|
|
}
|
|
#token-action-hud.dorako-ui .tah-action button.active {
|
|
color: white;
|
|
}
|
|
|
|
.locked-tooltip.tah-tooltip :is(a.content-link, a.inline-roll),
|
|
.tah-tooltip :is(a.content-link, a.inline-roll),
|
|
#tooltip.active:has(.tah-tooltip-wrapper) :is(a.content-link, a.inline-roll) {
|
|
background: #ddd;
|
|
padding: 1px 4px;
|
|
border: 1px solid var(--color-border-dark-tertiary);
|
|
color: var(--color-text-dark-primary);
|
|
margin: 3px;
|
|
}
|
|
|
|
.tah-tooltip .tags .tag.tag_transparent {
|
|
background: rgba(255, 255, 255, 0.5);
|
|
color: var(--glass-bg-dark);
|
|
margin-left: 2px;
|
|
margin-bottom: 2px;
|
|
}
|
|
.tah-tooltip .tags .tag.tag_transparent:first-child {
|
|
margin-left: 0px;
|
|
}
|
|
|
|
.tah-tooltip .tag,
|
|
.tah-tooltip table {
|
|
text-shadow: none;
|
|
}
|
|
|
|
.dorako-ui.dark-theme.tah-dialog .tagify.tah-dialog-tagify {
|
|
background: white;
|
|
}
|
|
|
|
/* ----------------------------------------- */
|
|
/* PF2e Workbench */
|
|
/* ----------------------------------------- */
|
|
.xdy-pf2e-workbench-rarity-common {
|
|
color: var(--rarity-common);
|
|
border-color: var(--rarity-common);
|
|
}
|
|
|
|
.xdy-pf2e-workbench-rarity-uncommon {
|
|
color: var(--rarity-uncommon);
|
|
border-color: var(--rarity-uncommon);
|
|
}
|
|
|
|
.xdy-pf2e-workbench-rarity-rare {
|
|
color: var(--rarity-rare);
|
|
border-color: var(--rarity-rare);
|
|
}
|
|
|
|
.xdy-pf2e-workbench-rarity-unique {
|
|
color: var(--rarity-unique);
|
|
border-color: var(--rarity-unique);
|
|
}
|
|
|
|
.dorako-ui.dark-theme.party-overview-window .table-row:nth-child(2n) {
|
|
background-color: rgba(228, 228, 228, 0.2);
|
|
}
|
|
.dorako-ui.dark-theme.party-overview-window nav .item.active {
|
|
color: white;
|
|
border-bottom: 2px solid var(--tertiary);
|
|
}
|
|
.dorako-ui.dark-theme.party-overview-window .table-row {
|
|
border-bottom: 1px solid var(--tertiary);
|
|
}
|
|
.dorako-ui.dark-theme.party-overview-window .proficiencies .table-row .num:not(.party-overview-ellipsis-no-border) {
|
|
border-radius: 3px;
|
|
margin-right: 3px;
|
|
box-shadow: 0px 0px 1px 1px inset rgba(255, 255, 255, 0.2);
|
|
}
|
|
|
|
.dorako-ui#pf2e-dailies-interface .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;
|
|
}
|
|
|
|
.dorako-ui#pf2e-dailies-interface .window-content input:not(:disabled) {
|
|
background-image: var(--sheet);
|
|
background-position: center;
|
|
background-size: cover;
|
|
}
|
|
|
|
.dorako-ui.dark-theme#pf2e-dailies-interface .window-content input:not(:disabled) {
|
|
border: none;
|
|
border-radius: var(--border-radius);
|
|
background: none;
|
|
background-color: var(--glass-bg);
|
|
box-shadow: var(--glassy);
|
|
border-radius: 3px 0px 0px 3px;
|
|
border-right: 1px solid var(--tertiary);
|
|
background-image: var(--sheet);
|
|
background-position: center;
|
|
background-size: cover;
|
|
background-color: var(--glass-bg);
|
|
background-blend-mode: color;
|
|
}
|
|
.dorako-ui.dark-theme#pf2e-dailies-interface .window-content input:not(:disabled):hover, .dorako-ui.dark-theme#pf2e-dailies-interface .window-content input:not(:disabled):focus {
|
|
background-color: var(--secondary-dark);
|
|
color: var(--color-text-light-highlight);
|
|
}
|
|
|
|
.dorako-ui.dalvyn-journal:not(.premium) {
|
|
/* By Dalvyn */
|
|
/* Custom CSS - PF2 STYLE v2.1 */
|
|
/* TITRES
|
|
====================================================== */
|
|
--red: var(--primary);
|
|
--blue: var(--secondary);
|
|
--brown: #ad6f59;
|
|
/* TEXTE
|
|
====================================================== */
|
|
/* SYMBOLES PF2
|
|
====================================================== */
|
|
/* TABLES
|
|
====================================================== */
|
|
/* TEXTES À LIRE
|
|
====================================================== */
|
|
/* BLOCS DESCRIPTIFS (via h6)
|
|
====================================================== */
|
|
/* Alignment (bold) */
|
|
/* Size (italics) */
|
|
/* Rarity (sub = uncommon, sup = rare, strikethrough = unique) */
|
|
/* Dorako */
|
|
}
|
|
.dorako-ui.dalvyn-journal:not(.premium).journal-header .title,
|
|
.dorako-ui.dalvyn-journal:not(.premium) .journal-header .title {
|
|
color: var(--red) !important;
|
|
font-family: "Taroca Regular";
|
|
}
|
|
.dorako-ui.dalvyn-journal:not(.premium).journal-entry-page h1,
|
|
.dorako-ui.dalvyn-journal:not(.premium) .journal-entry-page h1 {
|
|
color: var(--blue) !important;
|
|
font-family: "Taroca Regular";
|
|
line-height: 100%;
|
|
border-bottom: 0;
|
|
}
|
|
.dorako-ui.dalvyn-journal:not(.premium).journal-entry-page h1:hover,
|
|
.dorako-ui.dalvyn-journal:not(.premium) .journal-entry-page h1:hover {
|
|
background-image: linear-gradient(rgba(2, 37, 110, 0), rgba(2, 37, 110, 0), rgba(2, 37, 110, 0.2666666667));
|
|
}
|
|
.dorako-ui.dalvyn-journal:not(.premium).journal-entry-page h2,
|
|
.dorako-ui.dalvyn-journal:not(.premium) .journal-entry-page h2 {
|
|
color: var(--red) !important;
|
|
font-family: "Gin-Regular";
|
|
text-transform: uppercase;
|
|
line-height: 100%;
|
|
border-bottom: 0;
|
|
}
|
|
.dorako-ui.dalvyn-journal:not(.premium).journal-entry-page h2:hover,
|
|
.dorako-ui.dalvyn-journal:not(.premium) .journal-entry-page h2:hover {
|
|
background-image: linear-gradient(rgba(78, 7, 7, 0), rgba(78, 7, 7, 0), rgba(78, 7, 7, 0.2666666667));
|
|
}
|
|
.dorako-ui.dalvyn-journal:not(.premium).journal-entry-page h3,
|
|
.dorako-ui.dalvyn-journal:not(.premium) .journal-entry-page h3 {
|
|
color: var(--brown) !important;
|
|
font-family: "Gin-Regular";
|
|
text-transform: uppercase;
|
|
line-height: 100%;
|
|
border-bottom: 0;
|
|
}
|
|
.dorako-ui.dalvyn-journal:not(.premium).journal-entry-page h3:hover,
|
|
.dorako-ui.dalvyn-journal:not(.premium) .journal-entry-page h3:hover {
|
|
background-image: linear-gradient(rgba(173, 111, 89, 0), rgba(173, 111, 89, 0), rgba(173, 111, 89, 0), rgba(173, 111, 89, 0.2666666667));
|
|
}
|
|
.dorako-ui.dalvyn-journal:not(.premium).journal-entry-page .journal-page-content h4,
|
|
.dorako-ui.dalvyn-journal:not(.premium) .journal-entry-page .journal-page-content h4 {
|
|
color: var(--blue) !important;
|
|
font-family: "Gin-Regular";
|
|
font-variant: small-caps;
|
|
font-size: 132%;
|
|
line-height: 100%;
|
|
border-bottom: 0;
|
|
}
|
|
.dorako-ui.dalvyn-journal:not(.premium).journal-entry-page .journal-page-content h4:hover,
|
|
.dorako-ui.dalvyn-journal:not(.premium) .journal-entry-page .journal-page-content h4:hover {
|
|
background-image: linear-gradient(rgba(2, 37, 110, 0), rgba(2, 37, 110, 0), rgba(2, 37, 110, 0), rgba(2, 37, 110, 0.2666666667));
|
|
}
|
|
.dorako-ui.dalvyn-journal:not(.premium).journal-entry-page h5,
|
|
.dorako-ui.dalvyn-journal:not(.premium) .journal-entry-page h5 {
|
|
line-height: 100%;
|
|
font-variant: small-caps;
|
|
font-size: var(--font-size-14);
|
|
border-bottom: 0;
|
|
margin-bottom: 0;
|
|
}
|
|
.dorako-ui.dalvyn-journal:not(.premium).journal-entry-page h5:hover,
|
|
.dorako-ui.dalvyn-journal:not(.premium) .journal-entry-page h5:hover {
|
|
background-image: linear-gradient(rgba(2, 37, 110, 0), rgba(2, 37, 110, 0), rgba(2, 37, 110, 0), rgba(2, 37, 110, 0.2666666667));
|
|
}
|
|
.dorako-ui.dalvyn-journal:not(.premium).journal-entry-content, .dorako-ui.dalvyn-journal:not(.premium).journal-entry-page .window-content,
|
|
.dorako-ui.dalvyn-journal:not(.premium) .journal-entry-page .window-content {
|
|
font-family: "Gelasio";
|
|
}
|
|
.dorako-ui.dalvyn-journal:not(.premium).journal-entry-page code,
|
|
.dorako-ui.dalvyn-journal:not(.premium) .journal-entry-page code {
|
|
font-family: "pathfinder2eactions";
|
|
font-style: normal;
|
|
font-size: 150%;
|
|
line-height: 66%;
|
|
}
|
|
.dorako-ui.dalvyn-journal:not(.premium).journal-entry-page table,
|
|
.dorako-ui.dalvyn-journal:not(.premium) .journal-entry-page table {
|
|
font-family: "roboto condensed";
|
|
max-width: calc(100% - 24px);
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
.dorako-ui.dalvyn-journal:not(.premium).journal-entry-page table th,
|
|
.dorako-ui.dalvyn-journal:not(.premium) .journal-entry-page table th {
|
|
color: white;
|
|
background-color: var(--red);
|
|
}
|
|
.dorako-ui.dalvyn-journal:not(.premium).journal-entry-page tr:nth-child(2n),
|
|
.dorako-ui.dalvyn-journal:not(.premium) .journal-entry-page tr:nth-child(2n) {
|
|
background-color: #f5efe0;
|
|
}
|
|
.dorako-ui.dalvyn-journal:not(.premium).journal-entry-page tr:nth-child(2n+1),
|
|
.dorako-ui.dalvyn-journal:not(.premium) .journal-entry-page tr:nth-child(2n+1) {
|
|
background-color: #efe3c8;
|
|
}
|
|
.dorako-ui.dalvyn-journal:not(.premium).journal-entry-page tr:hover,
|
|
.dorako-ui.dalvyn-journal:not(.premium) .journal-entry-page tr:hover {
|
|
background-color: #e9d7b0;
|
|
}
|
|
.dorako-ui.dalvyn-journal:not(.premium).journal-entry-page table td, .dorako-ui.dalvyn-journal:not(.premium).journal-entry-page table th,
|
|
.dorako-ui.dalvyn-journal:not(.premium) .journal-entry-page table td,
|
|
.dorako-ui.dalvyn-journal:not(.premium) .journal-entry-page table th {
|
|
padding: 4px 6px;
|
|
}
|
|
.dorako-ui.dalvyn-journal:not(.premium).journal-entry-page .journal-page-content blockquote:not(h6 + p + ul + blockquote, h6 + p + blockquote, h6 + ul + blockquote, h6 + blockquote),
|
|
.dorako-ui.dalvyn-journal:not(.premium) .journal-entry-page .journal-page-content blockquote:not(h6 + p + ul + blockquote, h6 + p + blockquote, h6 + ul + blockquote, h6 + blockquote) {
|
|
border-left-width: 0;
|
|
border-top: 2px solid #cfbf80;
|
|
border-bottom: 2px solid #cfbf80;
|
|
background-color: var(--red);
|
|
border-radius: 8px;
|
|
color: #cfbf80;
|
|
padding: 4px 12px;
|
|
margin-left: 0;
|
|
margin-right: 0;
|
|
}
|
|
.dorako-ui.dalvyn-journal:not(.premium).journal-entry-page .journal-page-content blockquote:not(h6 + p + ul + blockquote, h6 + p + blockquote, h6 + ul + blockquote, h6 + blockquote):hover,
|
|
.dorako-ui.dalvyn-journal:not(.premium) .journal-entry-page .journal-page-content blockquote:not(h6 + p + ul + blockquote, h6 + p + blockquote, h6 + ul + blockquote, h6 + blockquote):hover {
|
|
color: #efdfa2;
|
|
}
|
|
.dorako-ui.dalvyn-journal:not(.premium).journal-entry-page .journal-page-content :is(h6, h6 + p, h6 + p + ul, h6 + p + blockquote, h6 + p + ul + blockquote),
|
|
.dorako-ui.dalvyn-journal:not(.premium) .journal-entry-page .journal-page-content :is(h6, h6 + p, h6 + p + ul, h6 + p + blockquote, h6 + p + ul + blockquote) {
|
|
margin-left: 12px;
|
|
margin-right: 12px;
|
|
margin-top: 0;
|
|
margin-bottom: 0;
|
|
background-color: rgba(245, 239, 224, 0.6666666667);
|
|
}
|
|
.dorako-ui.dalvyn-journal:not(.premium).journal-entry-page .journal-page-content :is(h6, h6 + p),
|
|
.dorako-ui.dalvyn-journal:not(.premium) .journal-entry-page .journal-page-content :is(h6, h6 + p) {
|
|
font-family: "Tauri-Regular";
|
|
text-transform: uppercase;
|
|
font-weight: bold;
|
|
font-size: 1.15em;
|
|
}
|
|
.dorako-ui.dalvyn-journal:not(.premium).journal-entry-page .journal-page-content h6,
|
|
.dorako-ui.dalvyn-journal:not(.premium) .journal-entry-page .journal-page-content h6 {
|
|
border-bottom: 1px solid black;
|
|
padding: 4px 12px;
|
|
}
|
|
.dorako-ui.dalvyn-journal:not(.premium).journal-entry-page .journal-page-content h6 + p,
|
|
.dorako-ui.dalvyn-journal:not(.premium) .journal-entry-page .journal-page-content h6 + p {
|
|
text-align: right;
|
|
position: relative;
|
|
bottom: 24px;
|
|
right: 12px;
|
|
height: 0;
|
|
margin: 0;
|
|
overflow: visible;
|
|
}
|
|
.dorako-ui.dalvyn-journal:not(.premium).journal-entry-page .journal-page-content h6 + p + ul,
|
|
.dorako-ui.dalvyn-journal:not(.premium) .journal-entry-page .journal-page-content h6 + p + ul {
|
|
clear: both;
|
|
display: flex;
|
|
font-family: "roboto condensed";
|
|
font-size: 94%;
|
|
list-style-type: none;
|
|
padding: 4px 12px;
|
|
}
|
|
.dorako-ui.dalvyn-journal:not(.premium).journal-entry-page .journal-page-content h6 + p + ul li strong,
|
|
.dorako-ui.dalvyn-journal:not(.premium) .journal-entry-page .journal-page-content h6 + p + ul li strong {
|
|
font-weight: normal;
|
|
}
|
|
.dorako-ui.dalvyn-journal:not(.premium).journal-entry-page .journal-page-content h6 + p + ul li em,
|
|
.dorako-ui.dalvyn-journal:not(.premium) .journal-entry-page .journal-page-content h6 + p + ul li em {
|
|
font-style: normal;
|
|
}
|
|
.dorako-ui.dalvyn-journal:not(.premium).journal-entry-page .journal-page-content h6 + p + ul li sub,
|
|
.dorako-ui.dalvyn-journal:not(.premium) .journal-entry-page .journal-page-content h6 + p + ul li sub {
|
|
vertical-align: baseline;
|
|
font-size: 100%;
|
|
}
|
|
.dorako-ui.dalvyn-journal:not(.premium).journal-entry-page .journal-page-content h6 + p + ul li sup,
|
|
.dorako-ui.dalvyn-journal:not(.premium) .journal-entry-page .journal-page-content h6 + p + ul li sup {
|
|
vertical-align: baseline;
|
|
font-size: 100%;
|
|
}
|
|
.dorako-ui.dalvyn-journal:not(.premium).journal-entry-page .journal-page-content h6 + p + ul li s,
|
|
.dorako-ui.dalvyn-journal:not(.premium) .journal-entry-page .journal-page-content h6 + p + ul li s {
|
|
text-decoration: none;
|
|
}
|
|
.dorako-ui.dalvyn-journal:not(.premium).journal-entry-page .journal-page-content h6 + p + ul li p,
|
|
.dorako-ui.dalvyn-journal:not(.premium) .journal-entry-page .journal-page-content h6 + p + ul li p {
|
|
margin: 0;
|
|
}
|
|
.dorako-ui.dalvyn-journal:not(.premium).journal-entry-page .journal-page-content h6 + p + ul li p,
|
|
.dorako-ui.dalvyn-journal:not(.premium) .journal-entry-page .journal-page-content h6 + p + ul li p {
|
|
color: white;
|
|
border: 3px solid #dac68a;
|
|
border-left-width: 4px;
|
|
border-right-width: 4px;
|
|
text-transform: uppercase;
|
|
margin: 0;
|
|
}
|
|
.dorako-ui.dalvyn-journal:not(.premium).journal-entry-page .journal-page-content h6 + p + ul li p,
|
|
.dorako-ui.dalvyn-journal:not(.premium) .journal-entry-page .journal-page-content h6 + p + ul li p {
|
|
background-color: #58180d;
|
|
padding: 2px 3px;
|
|
}
|
|
.dorako-ui.dalvyn-journal:not(.premium).journal-entry-page .journal-page-content h6 + p + ul li p > strong,
|
|
.dorako-ui.dalvyn-journal:not(.premium) .journal-entry-page .journal-page-content h6 + p + ul li p > strong {
|
|
background-color: #576293;
|
|
padding: 2px 3px;
|
|
margin: -2px -3px;
|
|
}
|
|
.dorako-ui.dalvyn-journal:not(.premium).journal-entry-page .journal-page-content h6 + p + ul li p > em,
|
|
.dorako-ui.dalvyn-journal:not(.premium) .journal-entry-page .journal-page-content h6 + p + ul li p > em {
|
|
background-color: #3b7b59;
|
|
padding: 2px 3px;
|
|
margin: -2px -3px;
|
|
}
|
|
.dorako-ui.dalvyn-journal:not(.premium).journal-entry-page .journal-page-content h6 + p + ul li p > sub,
|
|
.dorako-ui.dalvyn-journal:not(.premium) .journal-entry-page .journal-page-content h6 + p + ul li p > sub {
|
|
background-color: #98513d;
|
|
padding: 2px 3px;
|
|
margin: -2px -3px;
|
|
}
|
|
.dorako-ui.dalvyn-journal:not(.premium).journal-entry-page .journal-page-content h6 + p + ul li p > sup,
|
|
.dorako-ui.dalvyn-journal:not(.premium) .journal-entry-page .journal-page-content h6 + p + ul li p > sup {
|
|
background-color: #002664;
|
|
padding: 2px 3px;
|
|
margin: -2px -3px;
|
|
}
|
|
.dorako-ui.dalvyn-journal:not(.premium).journal-entry-page .journal-page-content h6 + p + ul li p > s,
|
|
.dorako-ui.dalvyn-journal:not(.premium) .journal-entry-page .journal-page-content h6 + p + ul li p > s {
|
|
background-color: #54166e;
|
|
padding: 2px 3px;
|
|
margin: -2px -3px;
|
|
}
|
|
.dorako-ui.dalvyn-journal:not(.premium).journal-entry-page .journal-page-content h6 + p + ul + blockquote,
|
|
.dorako-ui.dalvyn-journal:not(.premium) .journal-entry-page .journal-page-content h6 + p + ul + blockquote {
|
|
border: 0;
|
|
padding: 0 12px 4px 12px;
|
|
}
|
|
.dorako-ui.dalvyn-journal:not(.premium).journal-entry-page .journal-page-content h6 + p + blockquote,
|
|
.dorako-ui.dalvyn-journal:not(.premium) .journal-entry-page .journal-page-content h6 + p + blockquote {
|
|
border: 0;
|
|
padding: 4px 12px 4px 12px;
|
|
}
|
|
.dorako-ui.dalvyn-journal:not(.premium).journal-entry-page .journal-page-content h6 + p + ul + blockquote p, .dorako-ui.dalvyn-journal:not(.premium).journal-entry-page .journal-page-content h6 + p + blockquote p,
|
|
.dorako-ui.dalvyn-journal:not(.premium) .journal-entry-page .journal-page-content h6 + p + ul + blockquote p,
|
|
.dorako-ui.dalvyn-journal:not(.premium) .journal-entry-page .journal-page-content h6 + p + blockquote p {
|
|
font-family: "roboto condensed";
|
|
font-style: normal;
|
|
}
|
|
.dorako-ui.dalvyn-journal:not(.premium).journal-entry-page .journal-page-content h6 + p + ul + blockquote em, .dorako-ui.dalvyn-journal:not(.premium).journal-entry-page .journal-page-content h6 + p + blockquote em,
|
|
.dorako-ui.dalvyn-journal:not(.premium) .journal-entry-page .journal-page-content h6 + p + ul + blockquote em,
|
|
.dorako-ui.dalvyn-journal:not(.premium) .journal-entry-page .journal-page-content h6 + p + blockquote em {
|
|
font-style: italic;
|
|
}
|
|
.dorako-ui.dalvyn-journal:not(.premium).journal-entry-page .journal-page-content h6 + p + ul + blockquote p:has(strong:first-child), .dorako-ui.dalvyn-journal:not(.premium).journal-entry-page .journal-page-content h6 + p + blockquote p:has(strong:first-child),
|
|
.dorako-ui.dalvyn-journal:not(.premium) .journal-entry-page .journal-page-content h6 + p + ul + blockquote p:has(strong:first-child),
|
|
.dorako-ui.dalvyn-journal:not(.premium) .journal-entry-page .journal-page-content h6 + p + blockquote p:has(strong:first-child) {
|
|
text-indent: -1em;
|
|
margin-left: 1em;
|
|
}
|
|
.dorako-ui.dalvyn-journal:not(.premium).journal-entry-page .journal-page-content h6 + p + ul + blockquote p *, .dorako-ui.dalvyn-journal:not(.premium).journal-entry-page .journal-page-content h6 + p + blockquote p *,
|
|
.dorako-ui.dalvyn-journal:not(.premium) .journal-entry-page .journal-page-content h6 + p + ul + blockquote p *,
|
|
.dorako-ui.dalvyn-journal:not(.premium) .journal-entry-page .journal-page-content h6 + p + blockquote p * {
|
|
text-indent: 0;
|
|
}
|
|
.dorako-ui.dalvyn-journal:not(.premium).journal-entry-page .journal-page-content h6 + p + ul + blockquote p:first-child, .dorako-ui.dalvyn-journal:not(.premium).journal-entry-page .journal-page-content h6 + p + blockquote p:first-child,
|
|
.dorako-ui.dalvyn-journal:not(.premium) .journal-entry-page .journal-page-content h6 + p + ul + blockquote p:first-child,
|
|
.dorako-ui.dalvyn-journal:not(.premium) .journal-entry-page .journal-page-content h6 + p + blockquote p:first-child {
|
|
margin-top: 0;
|
|
}
|
|
.dorako-ui.dalvyn-journal:not(.premium).journal-entry-page .journal-page-content h6 + p + blockquote hr, .dorako-ui.dalvyn-journal:not(.premium).journal-entry-page .journal-page-content h6 + p + ul + blockquote hr,
|
|
.dorako-ui.dalvyn-journal:not(.premium) .journal-entry-page .journal-page-content h6 + p + blockquote hr,
|
|
.dorako-ui.dalvyn-journal:not(.premium) .journal-entry-page .journal-page-content h6 + p + ul + blockquote hr {
|
|
border-top: 0;
|
|
border-bottom: 1px solid black;
|
|
margin: 0;
|
|
}
|
|
|
|
.dorako-ui.dalvyn-journal.dark-theme:not(.premium),
|
|
.dorako-ui.dalvyn-journal:not(.premium) .dark-theme {
|
|
--red: var(--primary-light);
|
|
--blue: var(--secondary-light);
|
|
--brown: #ad6f59;
|
|
color: var(--color-text-light-heading);
|
|
}
|
|
.dorako-ui.dalvyn-journal.dark-theme:not(.premium) tbody,
|
|
.dorako-ui.dalvyn-journal:not(.premium) .dark-theme tbody {
|
|
color: black;
|
|
}
|
|
.dorako-ui.dalvyn-journal.dark-theme:not(.premium).journal-entry-page .journal-page-content :is(h6, h6 + p, h6 + p + ul, h6 + p + blockquote, h6 + p + ul + blockquote),
|
|
.dorako-ui.dalvyn-journal.dark-theme:not(.premium) .journal-entry-page .journal-page-content :is(h6, h6 + p, h6 + p + ul, h6 + p + blockquote, h6 + p + ul + blockquote),
|
|
.dorako-ui.dalvyn-journal:not(.premium) .dark-theme.journal-entry-page .journal-page-content :is(h6, h6 + p, h6 + p + ul, h6 + p + blockquote, h6 + p + ul + blockquote),
|
|
.dorako-ui.dalvyn-journal:not(.premium) .dark-theme .journal-entry-page .journal-page-content :is(h6, h6 + p, h6 + p + ul, h6 + p + blockquote, h6 + p + ul + blockquote) {
|
|
color: black;
|
|
}
|
|
|
|
.dorako-ui.dalvyn-journal:not(.premium).journal-entry-page .journal-header .title {
|
|
color: var(--blue) !important;
|
|
font-family: "Taroca Regular";
|
|
}
|
|
|
|
.compendium-toc .toc .toc-entry .name {
|
|
text-decoration-color: var(--color-underline-header);
|
|
}
|
|
|
|
.compendium-toc .toc .content {
|
|
column-rule: 4px double var(--color-underline-header);
|
|
}
|
|
|
|
.swpf-compendium .window-header a.header-button {
|
|
color: var(--color-text-dark-primary);
|
|
font-weight: bold;
|
|
}
|
|
|
|
body.system-swade {
|
|
--primary-dark: #5c0b07;
|
|
--primary: #8c160f;
|
|
--primary-light: #bc2922;
|
|
}
|
|
|
|
.dorako-ui .message-metadata {
|
|
max-height: unset;
|
|
}
|
|
.dorako-ui form button.emojiPickerButton {
|
|
display: flex;
|
|
border: none;
|
|
border-radius: var(--border-radius);
|
|
background: none;
|
|
background-color: var(--glass-bg);
|
|
box-shadow: var(--glassy);
|
|
transition: text-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out, border 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, backdrop-filter 0.15s ease-in-out, border-radius 0.15s;
|
|
text-shadow: 0px 0px 3px black;
|
|
background-color: #f7ce64;
|
|
}
|
|
.dorako-ui form button.emojiPickerButton:hover {
|
|
background-color: #cfa436;
|
|
}
|
|
.dorako-ui .emoji-button-content .emoji-image {
|
|
filter: drop-shadow(0px 1px 2px black);
|
|
}
|
|
|
|
.dorako-ui.light-theme .emoji-button {
|
|
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);
|
|
background-image: var(--sheet-dark);
|
|
text-shadow: 0px 0px 3px black;
|
|
margin-right: 5px;
|
|
}
|
|
.dorako-ui.light-theme .emoji-button:hover {
|
|
background-color: var(--primary);
|
|
background-blend-mode: color-dodge;
|
|
}
|
|
.dorako-ui.light-theme .trigger {
|
|
background: none;
|
|
box-shadow: none;
|
|
}
|
|
.dorako-ui.light-theme .trigger:hover {
|
|
background: none;
|
|
box-shadow: none;
|
|
}
|
|
|
|
.dorako-ui.dark-theme .emoji-button {
|
|
border: none;
|
|
border-radius: var(--border-radius);
|
|
background: none;
|
|
background-color: var(--glass-bg);
|
|
box-shadow: var(--glassy);
|
|
transition: text-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out, border 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, backdrop-filter 0.15s ease-in-out, border-radius 0.15s;
|
|
text-shadow: 0px 0px 3px black;
|
|
}
|
|
.dorako-ui.dark-theme .emoji-button:hover {
|
|
background-color: var(--primary);
|
|
}
|
|
.dorako-ui.dark-theme .trigger {
|
|
background-color: #f7ce64;
|
|
height: 20px;
|
|
width: 20px;
|
|
place-self: center;
|
|
display: flex;
|
|
text-align: center;
|
|
}
|
|
.dorako-ui.dark-theme .trigger:hover {
|
|
background-color: #cfa436;
|
|
}
|
|
|
|
#hand-mini-bar-hands-container .hand-mini-bar-hand {
|
|
border: none;
|
|
border-radius: var(--border-radius);
|
|
background: none;
|
|
background-color: var(--glass-bg);
|
|
box-shadow: var(--glassy);
|
|
border-radius: 5px;
|
|
}
|
|
#hand-mini-bar-hands-container .hand-mini-bar-settings-hand {
|
|
background-position-x: 2px;
|
|
}
|
|
#hand-mini-bar-hands-container .hand-mini-bar-card-container {
|
|
background-color: unset;
|
|
border: unset;
|
|
min-width: 152px;
|
|
max-width: 152px;
|
|
}
|
|
#hand-mini-bar-hands-container .hand-mini-bar-settings > div,
|
|
#hand-mini-bar-hands-container .hand-mini-bar-actions > div {
|
|
box-shadow: 0px 0px 3px 0px rgba(255, 255, 255, 0.4) inset;
|
|
text-align: center;
|
|
border: none;
|
|
text-shadow: 0px 0px 3px black;
|
|
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;
|
|
}
|
|
#hand-mini-bar-hands-container .hand-mini-bar-settings > div:hover,
|
|
#hand-mini-bar-hands-container .hand-mini-bar-actions > div:hover {
|
|
background-color: var(--primary);
|
|
}
|
|
#hand-mini-bar-hands-container .hand-mini-bar-settings {
|
|
border-top-left-radius: 3px;
|
|
border-bottom-left-radius: 3px;
|
|
border-right: 1px solid black;
|
|
}
|
|
#hand-mini-bar-hands-container .hand-mini-bar-settings div:first-child {
|
|
border-bottom: 1px solid black;
|
|
}
|
|
#hand-mini-bar-hands-container .hand-mini-bar-actions {
|
|
border-top-right-radius: 3px;
|
|
border-bottom-right-radius: 3px;
|
|
border-left: 1px solid black;
|
|
}
|
|
#hand-mini-bar-hands-container .hand-mini-bar-actions div:first-child {
|
|
border-bottom: 1px solid black;
|
|
}
|
|
#hand-mini-bar-hands-container .hand-mini-bar-pass:before {
|
|
font-size: 18px;
|
|
line-height: 32px;
|
|
}
|
|
|
|
.dorako-ui.dark-theme .hand-mini-bar-window-buttons {
|
|
gap: 3px;
|
|
}
|
|
.dorako-ui.dark-theme .hand-mini-bar-window-buttons .hand-mini-bar-window-button {
|
|
border: none;
|
|
border-radius: var(--border-radius);
|
|
background: none;
|
|
background-color: var(--glass-bg);
|
|
box-shadow: var(--glassy);
|
|
transition: text-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out, border 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, backdrop-filter 0.15s ease-in-out, border-radius 0.15s;
|
|
color: var(--color-text-light-heading);
|
|
text-shadow: 0px 0px 3px black;
|
|
}
|
|
.dorako-ui.dark-theme .hand-mini-bar-window-buttons .hand-mini-bar-window-button:hover {
|
|
color: var(--color-text-light-highlight);
|
|
background-color: var(--primary);
|
|
}
|
|
|
|
#module-credits-copy-export {
|
|
background: none !important;
|
|
}
|
|
|
|
#module-management.dorako-ui.dark-theme .package-list .package .package-overview .tag.expand {
|
|
color: inherit;
|
|
background: inherit;
|
|
border: none;
|
|
margin-bottom: unset;
|
|
margin-top: unset;
|
|
}
|
|
#module-management.dorako-ui.dark-theme .package-list .package .package-overview .tag.expand:hover {
|
|
background-color: var(--primary);
|
|
}
|
|
|
|
#module-credits-dialog.dorako-ui.dark-theme .journal-entry-content {
|
|
background: unset;
|
|
box-shadow: unset;
|
|
}
|
|
|
|
/* ----------------------------------------- */
|
|
/* Dice Stats */
|
|
/* ----------------------------------------- */
|
|
.dorako-ui.dark-theme .chart-dice-stats {
|
|
background: rgba(245, 222, 179, 0.568627451);
|
|
}
|
|
|
|
/* ----------------------------------------- */
|
|
/* Pin Cushion */
|
|
/* ----------------------------------------- */
|
|
.pin-cushion-hud-tooltip-default {
|
|
border: none;
|
|
border-radius: var(--border-radius);
|
|
background: none;
|
|
background-color: var(--glass-bg);
|
|
box-shadow: var(--glassy);
|
|
backdrop-filter: blur(5px);
|
|
text-shadow: 0px 0px 3px black;
|
|
}
|
|
|
|
#powerTip:before {
|
|
color: var(--glass-bg);
|
|
}
|
|
|
|
/* ----------------------------------------- */
|
|
/* Illandril's Token Tooltips */
|
|
/* ----------------------------------------- */
|
|
.illandril-token-tooltips--tooltip {
|
|
border: none;
|
|
border-radius: var(--border-radius);
|
|
background: none;
|
|
background-color: var(--glass-bg);
|
|
box-shadow: var(--glassy);
|
|
backdrop-filter: blur(5px);
|
|
text-shadow: 0px 0px 3px black;
|
|
color: var(--color-text-light-highlight);
|
|
font-size: 1rem;
|
|
}
|
|
|
|
.illandril-token-tooltips--tooltip .illandril-token-tooltips--name {
|
|
color: var(--color-text-light-highlight);
|
|
font-family: var(--font-primary);
|
|
font-size: 1.25rem;
|
|
padding: 4px 8px;
|
|
}
|
|
|
|
.item-piles-player-list-trade-button {
|
|
border: none;
|
|
border-radius: var(--border-radius);
|
|
background: none;
|
|
background-color: var(--glass-bg);
|
|
box-shadow: var(--glassy);
|
|
transition: text-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out, border 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, backdrop-filter 0.15s ease-in-out, border-radius 0.15s;
|
|
background-color: var(--glass-bg-light);
|
|
}
|
|
.item-piles-player-list-trade-button:hover {
|
|
border: none;
|
|
border-radius: var(--border-radius);
|
|
background: none;
|
|
background-color: var(--glass-bg);
|
|
box-shadow: var(--glassy);
|
|
}
|
|
|
|
.item-piles-img-container {
|
|
border: none;
|
|
margin: 2px;
|
|
/* prettier-ignore */
|
|
box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px var(--gold-brown);
|
|
border-radius: 3px;
|
|
margin: 3px;
|
|
}
|
|
|
|
.item-piles-app {
|
|
--item-piles-even-color: #7a79717a;
|
|
--item-piles-shadow-primary: var(--color-shadow-primary);
|
|
}
|
|
|
|
.dorako-ui.dark-theme {
|
|
--color-text-dark-secondary: #a9a798;
|
|
--item-piles-minor-inactive: rgb(15, 15, 15);
|
|
--item-piles-text-light-highlight: rgb(70, 70, 70);
|
|
}
|
|
.dorako-ui.dark-theme .item.active.underscore.item-piles-flexrow.item-piles-clickable-link {
|
|
border-bottom: 2px solid var(--tertiary-dark);
|
|
}
|
|
|
|
#pf2e-token-hud.dorako-ui {
|
|
--color: white;
|
|
--rarity-common: #e1d8cf;
|
|
--rarity-uncommon: #c45500;
|
|
--rarity-rare: #5362ff;
|
|
--rarity-unique: #e127e1;
|
|
--color-rarity-common: #e1d8cf;
|
|
--color-rarity-uncommon: #c45500;
|
|
--color-rarity-rare: #5362ff;
|
|
--color-rarity-unique: #e127e1;
|
|
}
|
|
#pf2e-token-hud.dorako-ui .sidebar.skills {
|
|
--color-rank-0: #a6a6a6;
|
|
--color-rank-1: dodgerblue;
|
|
--color-rank-2: #bf4fdb;
|
|
--color-rank-3: #cf931d;
|
|
--color-rank-4: red;
|
|
}
|
|
#pf2e-token-hud.dorako-ui .popup .notes-header {
|
|
border: 1px solid var(--color-border-light-2);
|
|
color: var(--color);
|
|
font-size: var(--font-size);
|
|
border-left: 0;
|
|
border-right: 0;
|
|
background: rgba(96, 88, 86, 0.5);
|
|
text-shadow: 0px 1px 1px black, 0px 1px 15px white;
|
|
margin: 0px -5px;
|
|
}
|
|
#pf2e-token-hud.dorako-ui a.content-link,
|
|
#pf2e-token-hud.dorako-ui [data-pf2-check],
|
|
#pf2e-token-hud.dorako-ui a.entity-link,
|
|
#pf2e-token-hud.dorako-ui [data-pf2-action],
|
|
#pf2e-token-hud.dorako-ui span[data-pf2-effect-area],
|
|
#pf2e-token-hud.dorako-ui a.inline-check .label,
|
|
#pf2e-token-hud.dorako-ui a.inline-roll:not(.inline-result) {
|
|
color: black;
|
|
}
|
|
#pf2e-token-hud.dorako-ui .sidebar.actions .sidebar-content .toggles .toggle select {
|
|
border: none;
|
|
border-radius: var(--border-radius);
|
|
background: none;
|
|
background-color: var(--glass-bg);
|
|
box-shadow: var(--glassy);
|
|
background-color: var(--glass-bg-light);
|
|
}
|
|
#pf2e-token-hud.dorako-ui .sidebar.skills .skill .header .rank,
|
|
#pf2e-token-hud.dorako-ui .sidebar.skills .lore .rank {
|
|
text-shadow: 0px 1px 1px black, 0px 1px 15px white;
|
|
}
|
|
#pf2e-token-hud.dorako-ui .sidebar .header {
|
|
background: rgba(96, 88, 86, 0.5);
|
|
margin: 0px -5px;
|
|
}
|
|
#pf2e-token-hud.dorako-ui .sidebar.skills .skill .header .modifier,
|
|
#pf2e-token-hud.dorako-ui .sidebar.skills .lore .modifier {
|
|
text-shadow: 0px 1px 1px black, 0px 1px 15px white;
|
|
color: #24ff00;
|
|
}
|
|
#pf2e-token-hud.dorako-ui .sidebar.spells .entry .spell .details .extras .actions {
|
|
text-shadow: 0px 1px 1px black, 0px 1px 15px white;
|
|
color: #f8f8f8;
|
|
}
|
|
#pf2e-token-hud.dorako-ui .distance,
|
|
#pf2e-token-hud.dorako-ui .status,
|
|
#pf2e-token-hud.dorako-ui .popup,
|
|
#pf2e-token-hud.dorako-ui .sidebar,
|
|
#pf2e-token-hud.dorako-ui .inner {
|
|
border: none;
|
|
border-radius: var(--border-radius);
|
|
background: none;
|
|
background-color: var(--glass-bg);
|
|
box-shadow: var(--glassy);
|
|
backdrop-filter: blur(5px);
|
|
-webkit-backdrop-filter: blur(5px);
|
|
}
|
|
#pf2e-token-hud.dorako-ui .distance hr,
|
|
#pf2e-token-hud.dorako-ui .status hr,
|
|
#pf2e-token-hud.dorako-ui .popup hr,
|
|
#pf2e-token-hud.dorako-ui .sidebar hr,
|
|
#pf2e-token-hud.dorako-ui .inner hr {
|
|
border: none;
|
|
}
|
|
#pf2e-token-hud.dorako-ui .popup .header:before {
|
|
background: unset;
|
|
}
|
|
#pf2e-token-hud.dorako-ui .sidebar .details .extras .actions a i.greyed {
|
|
text-shadow: 0px 1px 15px white;
|
|
}
|
|
#pf2e-token-hud.dorako-ui .sidebar .item-img img {
|
|
border-color: wheat;
|
|
}
|
|
#pf2e-token-hud.dorako-ui .rarity {
|
|
text-shadow: 0px 1px 1px black, 0px 1px 15px white;
|
|
}
|
|
#pf2e-token-hud.dorako-ui .rarity.common {
|
|
color: var(--rarity-common);
|
|
}
|
|
#pf2e-token-hud.dorako-ui .rarity.uncommon {
|
|
color: var(--rarity-uncommon);
|
|
}
|
|
#pf2e-token-hud.dorako-ui .rarity.rare {
|
|
color: var(--rarity-rare);
|
|
}
|
|
#pf2e-token-hud.dorako-ui .rarity.unique {
|
|
color: var(--rarity-unique);
|
|
}
|
|
|
|
#pf2e-token-hud.dorako-ui input,
|
|
#pf2e-token-hud.dorako-ui select option {
|
|
background-color: var(--glass-bg);
|
|
}
|
|
|
|
.chat-message.message.dorako-ui.dark-theme .pf2e-token-hud {
|
|
--color-rank-0: #a6a6a6;
|
|
--color-rank-1: #3f4dcd;
|
|
--color-rank-2: #a828f0;
|
|
--color-rank-3: #cf931d;
|
|
--color-rank-4: #bf1c1c;
|
|
--color: white;
|
|
--rarity-common: #e1d8cf;
|
|
--rarity-uncommon: #c45500;
|
|
--rarity-rare: #5362ff;
|
|
--rarity-unique: #e127e1;
|
|
--color-rarity-common: #e1d8cf;
|
|
--color-rarity-uncommon: #c45500;
|
|
--color-rarity-rare: #5362ff;
|
|
--color-rarity-unique: #e127e1;
|
|
}
|
|
.chat-message.message.dorako-ui.dark-theme .pf2e-token-hud .rk,
|
|
.chat-message.message.dorako-ui.dark-theme .pf2e-token-hud .rk-skills,
|
|
.chat-message.message.dorako-ui.dark-theme .pf2e-token-hud .rk-lores,
|
|
.chat-message.message.dorako-ui.dark-theme .pf2e-token-hud .rk-lores-rolls {
|
|
background: repeating-linear-gradient(rgba(221, 221, 221, 0.4392156863) 0 var(--row-height), transparent var(--row-height) calc(var(--row-height) * 2));
|
|
}
|
|
.chat-message.message.dorako-ui.dark-theme .pf2e-token-hud .rk .header,
|
|
.chat-message.message.dorako-ui.dark-theme .pf2e-token-hud .rk-skills .header,
|
|
.chat-message.message.dorako-ui.dark-theme .pf2e-token-hud .rk-lores .header,
|
|
.chat-message.message.dorako-ui.dark-theme .pf2e-token-hud .rk-lores-rolls .header {
|
|
color: white;
|
|
}
|
|
.chat-message.message.dorako-ui.dark-theme .pf2e-token-hud .rk .rank,
|
|
.chat-message.message.dorako-ui.dark-theme .pf2e-token-hud .rk-skills .rank,
|
|
.chat-message.message.dorako-ui.dark-theme .pf2e-token-hud .rk-lores .rank,
|
|
.chat-message.message.dorako-ui.dark-theme .pf2e-token-hud .rk-lores-rolls .rank {
|
|
font-weight: bold;
|
|
}
|
|
|
|
.chat-message.message.dorako-ui.light-theme .pf2e-token-hud {
|
|
--color-rank-0: #a6a6a6;
|
|
--color-rank-1: #3f4dcd;
|
|
--color-rank-2: #a828f0;
|
|
--color-rank-3: #cf931d;
|
|
--color-rank-4: #bf1c1c;
|
|
}
|
|
.chat-message.message.dorako-ui.light-theme .pf2e-token-hud .rk,
|
|
.chat-message.message.dorako-ui.light-theme .pf2e-token-hud .rk-skills,
|
|
.chat-message.message.dorako-ui.light-theme .pf2e-token-hud .rk-lores,
|
|
.chat-message.message.dorako-ui.light-theme .pf2e-token-hud .rk-lores-rolls {
|
|
background: repeating-linear-gradient(rgba(221, 221, 221, 0.4392156863) 0 var(--row-height), transparent var(--row-height) calc(var(--row-height) * 2));
|
|
}
|
|
.chat-message.message.dorako-ui.light-theme .pf2e-token-hud .rk .rank,
|
|
.chat-message.message.dorako-ui.light-theme .pf2e-token-hud .rk-skills .rank,
|
|
.chat-message.message.dorako-ui.light-theme .pf2e-token-hud .rk-lores .rank,
|
|
.chat-message.message.dorako-ui.light-theme .pf2e-token-hud .rk-lores-rolls .rank {
|
|
font-weight: bold;
|
|
}
|
|
|
|
/* Symon Custom CSS */
|
|
#pf2e-token-hud.dorako-ui.colorized .inner i {
|
|
text-shadow: 0px 0px 35px white, 0px 1px 1px black;
|
|
}
|
|
#pf2e-token-hud.dorako-ui.colorized .inner i.fa-solid.fa-circle-h {
|
|
color: darkgoldenrod;
|
|
}
|
|
#pf2e-token-hud.dorako-ui.colorized .inner i.fa-solid.fa-user-graduate {
|
|
color: rgb(141, 69, 212);
|
|
}
|
|
#pf2e-token-hud.dorako-ui.colorized .inner i.fa-solid.fa-heart-half-stroke {
|
|
color: orangered;
|
|
}
|
|
#pf2e-token-hud.dorako-ui.colorized .inner i.fa-solid.fa-heart {
|
|
color: rgb(192, 1, 1);
|
|
}
|
|
#pf2e-token-hud.dorako-ui.colorized .inner i.fa-regular.fa-helmet-battle {
|
|
color: #cdcdcd;
|
|
}
|
|
#pf2e-token-hud.dorako-ui.colorized .inner i.fa-light.fa-block-brick {
|
|
color: deepskyblue;
|
|
}
|
|
#pf2e-token-hud.dorako-ui.colorized .inner i.fa-solid.fa-shield,
|
|
#pf2e-token-hud.dorako-ui.colorized .inner i.fa-regular.fa-shield {
|
|
color: rgb(103, 235, 213);
|
|
}
|
|
#pf2e-token-hud.dorako-ui.colorized .inner i.fa-solid.fa-hand-fist {
|
|
color: rgb(201, 4, 201);
|
|
}
|
|
#pf2e-token-hud.dorako-ui.colorized .inner i.fa-solid.fa-person-running {
|
|
color: blue;
|
|
}
|
|
#pf2e-token-hud.dorako-ui.colorized .inner i.fa-solid.fa-brain {
|
|
color: deeppink;
|
|
}
|
|
#pf2e-token-hud.dorako-ui.colorized .inner i.fa-solid.fa-tombstone {
|
|
color: brown;
|
|
}
|
|
#pf2e-token-hud.dorako-ui.colorized .inner i.fa-solid.fa-shoe-prints {
|
|
color: green;
|
|
}
|
|
#pf2e-token-hud.dorako-ui.colorized .inner i.fa-solid.fa-chevrons-down::before {
|
|
content: "\f713";
|
|
font: --fa-font-solid;
|
|
color: rgb(175, 87, 24);
|
|
}
|
|
#pf2e-token-hud.dorako-ui.colorized .inner i.fa-solid.fa-feather {
|
|
color: white;
|
|
}
|
|
#pf2e-token-hud.dorako-ui.colorized .inner i.fa-solid.fa-person-swimming {
|
|
color: dodgerblue;
|
|
}
|
|
#pf2e-token-hud.dorako-ui.colorized .inner i.fa-solid.fa-spider {
|
|
color: #b7346f;
|
|
}
|
|
#pf2e-token-hud.dorako-ui.colorized .inner i.fa-solid.fa-eye {
|
|
color: cadetblue;
|
|
}
|
|
#pf2e-token-hud.dorako-ui.colorized .inner i.fa-solid.fa-chess-rook {
|
|
color: rgb(110, 143, 54);
|
|
}
|
|
|
|
#pf2e-token-hud.dorako-ui .sidebar.actions .section .action-icon {
|
|
background-color: rgba(255, 255, 255, 0.7098039216);
|
|
}
|
|
|
|
#pf2e-token-hud.dorako-ui .sidebar.hazard .section .action-icon {
|
|
background-color: rgba(255, 255, 255, 0.7098039216);
|
|
}
|
|
|
|
#pf2e-token-hud.dorako-ui .sidebar .sidebar-content .action-icon {
|
|
background-color: rgba(255, 255, 255, 0.7098039216);
|
|
}
|
|
|
|
#fc-container button {
|
|
border: none;
|
|
border-radius: var(--border-radius);
|
|
background: none;
|
|
background-color: var(--glass-bg);
|
|
box-shadow: var(--glassy);
|
|
transition: text-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out, border 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, backdrop-filter 0.15s ease-in-out, border-radius 0.15s;
|
|
background-color: var(--glass-bg-light);
|
|
text-shadow: 0px 0px 3px black;
|
|
color: var(--color-text-light-heading);
|
|
}
|
|
#fc-container button:hover {
|
|
border: none;
|
|
border-radius: var(--border-radius);
|
|
background: none;
|
|
background-color: var(--glass-bg);
|
|
box-shadow: var(--glassy);
|
|
background-color: var(--primary);
|
|
color: var(--color-text-light-highlight);
|
|
}
|
|
#fc-container button:hover svg {
|
|
filter: drop-shadow(0px 0px 3px black);
|
|
}
|
|
#fc-container button:hover svg * {
|
|
fill: var(--color-text-light-highlight);
|
|
}
|
|
|
|
#fc-button-target.highlight {
|
|
border: none;
|
|
border-radius: var(--border-radius);
|
|
background: none;
|
|
background-color: var(--glass-bg);
|
|
box-shadow: var(--glassy);
|
|
transition: text-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out, border 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, backdrop-filter 0.15s ease-in-out, border-radius 0.15s;
|
|
outline: unset;
|
|
background-color: var(--secondary-dark);
|
|
}
|
|
#fc-button-target.highlight:hover {
|
|
background-color: var(--secondary-light);
|
|
}
|
|
|
|
#initiative-delay,
|
|
#initiative-return {
|
|
border: none;
|
|
border-radius: var(--border-radius);
|
|
background: none;
|
|
background-color: var(--glass-bg);
|
|
box-shadow: var(--glassy);
|
|
transition: text-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out, border 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, backdrop-filter 0.15s ease-in-out, border-radius 0.15s;
|
|
background-color: var(--glass-bg-light);
|
|
text-shadow: 0px 0px 3px black;
|
|
color: var(--color-text-light-heading);
|
|
}
|
|
#initiative-delay:hover,
|
|
#initiative-return:hover {
|
|
border: none;
|
|
border-radius: var(--border-radius);
|
|
background: none;
|
|
background-color: var(--glass-bg);
|
|
box-shadow: var(--glassy);
|
|
background-color: var(--primary);
|
|
color: var(--color-text-light-highlight);
|
|
}
|
|
#initiative-delay:hover svg,
|
|
#initiative-return:hover svg {
|
|
filter: drop-shadow(0px 0px 3px black);
|
|
}
|
|
#initiative-delay:hover svg *,
|
|
#initiative-return:hover svg * {
|
|
fill: var(--color-text-light-highlight);
|
|
}
|
|
|
|
#window-tabs-journal.dorako-ui > .window-content {
|
|
border: unset;
|
|
margin: unset;
|
|
box-shadow: unset;
|
|
background: unset;
|
|
}
|
|
#window-tabs-journal.dorako-ui > header.window-header .window-tabs {
|
|
height: 37px;
|
|
padding-top: 5px;
|
|
}
|
|
#window-tabs-journal.dorako-ui > header.window-header .window-tabs a.window-tabs--tab {
|
|
border-radius: 5px;
|
|
margin-bottom: 3px;
|
|
}
|
|
|
|
.pinnedchatlog.tabs {
|
|
border: unset;
|
|
box-shadow: unset;
|
|
margin: 0px 2px;
|
|
}
|
|
.pinnedchatlog.tabs .item {
|
|
text-shadow: 0px 0px 3px black;
|
|
}
|
|
.pinnedchatlog.tabs .item.active {
|
|
border: none;
|
|
margin: 2px;
|
|
/* prettier-ignore */
|
|
box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px var(--gold-brown);
|
|
border-radius: 3px;
|
|
color: var(--color-text-light-highlight);
|
|
background: var(--primary-light);
|
|
}
|
|
|
|
.dorako-ui.dark-theme.forien-easy-polls .forien-switch .forien-switch-actual-label {
|
|
color: var(--color-text-light-heading);
|
|
}
|
|
|
|
.dorako-ui.tab#chat {
|
|
margin: unset;
|
|
}
|
|
|
|
.clock-panel {
|
|
z-index: 1;
|
|
right: 5px;
|
|
}
|
|
.clock-panel .clock-entry {
|
|
border: none;
|
|
border-radius: var(--border-radius);
|
|
background: none;
|
|
background-color: var(--glass-bg);
|
|
box-shadow: var(--glassy);
|
|
}
|
|
.clock-panel .clock-entry .clock {
|
|
background: conic-gradient(var(--secondary-light) var(--filled-ratio), white var(--filled-ratio) 1turn);
|
|
}
|
|
.clock-panel [data-action=add-clock] {
|
|
border: none;
|
|
border-radius: var(--border-radius);
|
|
background: none;
|
|
background-color: var(--glass-bg);
|
|
box-shadow: var(--glassy);
|
|
transition: text-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out, border 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, backdrop-filter 0.15s ease-in-out, border-radius 0.15s;
|
|
margin: unset;
|
|
}
|
|
.clock-panel [data-action=add-clock]:hover {
|
|
background-color: var(--primary);
|
|
}
|
|
|
|
.clock-panel.bottom {
|
|
bottom: 5px;
|
|
}
|
|
|
|
/*# sourceMappingURL=module-support.css.map */
|