All user data for FoundryVTT. Includes worlds, systems, modules, and any asset in the "foundryuserdata" directory. Does NOT include the FoundryVTT installation itself.
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.

4612 lines
188 KiB

1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
  1. @charset "UTF-8";
  2. .dorako-ui .tox:not(.tox-tinymce-inline) .tox-editor-header {
  3. background: none;
  4. box-shadow: none;
  5. }
  6. /* ----------------------------------------- */
  7. /* App UI */
  8. /* ----------------------------------------- */
  9. #players.dorako-ui {
  10. border: none;
  11. border-radius: var(--border-radius);
  12. background: none;
  13. background-color: var(--glass-bg);
  14. box-shadow: var(--glassy);
  15. text-shadow: 0px 0px 3px black;
  16. }
  17. #players.dorako-ui h3 {
  18. cursor: pointer;
  19. 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;
  20. }
  21. #players.dorako-ui h3:hover {
  22. text-shadow: 0px 0px 8px var(--color-shadow-highlight);
  23. }
  24. .dorako-ui.app.journal-entry:not(.premium) .window-content {
  25. box-shadow: none;
  26. margin: 0px;
  27. background: none;
  28. }
  29. .dorako-ui.app.journal-entry:not(.premium) .window-content .journal-entry-content {
  30. border: none;
  31. margin: 2px;
  32. /* prettier-ignore */
  33. box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px var(--gold-brown);
  34. background-image: var(--sheet);
  35. background-size: cover;
  36. margin-left: 4px;
  37. height: calc(100% - 4px);
  38. }
  39. .dorako-ui.app.journal-entry:not(.premium).pf2e-av .journal-entry-content.flexcol {
  40. color: black;
  41. background: url(../../../modules/pf2e-abomination-vaults/styles/assets/parchment-av.jpg) repeat;
  42. }
  43. .dorako-ui.window-app {
  44. border: none;
  45. border-radius: var(--border-radius);
  46. background: none;
  47. background-color: var(--glass-bg);
  48. box-shadow: var(--glassy);
  49. border-radius: 5px;
  50. box-shadow: var(--glassy), 0px 10px 30px 10px rgba(0, 0, 0, 0.5);
  51. }
  52. .dorako-ui.window-app .window-header {
  53. text-shadow: 0px 0px 3px black;
  54. border: none;
  55. }
  56. .dorako-ui.window-app .window-content {
  57. border: none;
  58. margin: 2px;
  59. /* prettier-ignore */
  60. box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px var(--gold-brown);
  61. background-image: var(--sheet);
  62. background-size: cover;
  63. margin: unset;
  64. box-shadow: 0 0 0 1px var(--gold-brown) inset, 0 0 0 2px var(--tertiary) inset;
  65. border-radius: 0px 0px 3px 3px;
  66. }
  67. .dorako-ui.window-app.journal-entry .window-content {
  68. background: unset;
  69. box-shadow: unset;
  70. }
  71. .dorako-ui.window-app.sidebar-popout {
  72. border: none;
  73. }
  74. .dorako-ui.window-app.sidebar-popout .window-content {
  75. background: none;
  76. box-shadow: none;
  77. margin: 0px;
  78. }
  79. .dorako-ui.window-app.chat-popout {
  80. border-radius: 5px 5px 7px 7px;
  81. }
  82. .dorako-ui.window-app.chat-popout .window-header {
  83. border: none;
  84. }
  85. .dorako-ui.window-app.chat-popout .message.chat-message {
  86. margin: 1px;
  87. }
  88. .dorako-ui.window-app.image-popout {
  89. backdrop-filter: blur(5px);
  90. }
  91. .dorako-ui.window-app.image-popout .window-content {
  92. background: none;
  93. box-shadow: none;
  94. }
  95. .dorako-ui.window-app.maximized {
  96. border-radius: 0;
  97. margin: 0px;
  98. box-shadow: none;
  99. }
  100. .dorako-ui.window-app.maximized.hazard {
  101. background-color: #1c3531;
  102. }
  103. .dorako-ui.window-app.maximized.character {
  104. background-color: #5d0e08;
  105. }
  106. .dorako-ui.window-app.maximized.npc {
  107. background-color: #422d01;
  108. }
  109. .dorako-ui.window-app .window-resizable-handle {
  110. background: none;
  111. border: none;
  112. text-shadow: 0px 0px 3px black;
  113. }
  114. .dorako-ui.package-configuration aside.sidebar nav.tabs {
  115. padding: 10px;
  116. margin: -10px;
  117. margin-bottom: 0px;
  118. }
  119. .dorako-ui::-webkit-scrollbar-thumb {
  120. background: var(--tertiary);
  121. border: 1px solid var(--gold-brown);
  122. }
  123. /* ----------------------------------------- */
  124. /* Context Menu */
  125. /* ----------------------------------------- */
  126. .dorako-ui #context-menu {
  127. border: none;
  128. border-radius: var(--border-radius);
  129. background: none;
  130. background-color: var(--glass-bg);
  131. box-shadow: var(--glassy);
  132. backdrop-filter: blur(5px);
  133. -webkit-backdrop-filter: blur(5px);
  134. text-shadow: 0px 0px 3px black;
  135. }
  136. .dorako-ui #context-menu.expand-down {
  137. margin-top: 3px;
  138. }
  139. .dorako-ui #context-menu ol.context-items {
  140. border: none;
  141. }
  142. /* ----------------------------------------- */
  143. /* Tooltip */
  144. /* ----------------------------------------- */
  145. #tooltip {
  146. border: none;
  147. border-radius: var(--border-radius);
  148. background: none;
  149. background-color: var(--glass-bg);
  150. box-shadow: var(--glassy);
  151. backdrop-filter: blur(5px);
  152. -webkit-backdrop-filter: blur(5px);
  153. min-height: 34px;
  154. font-size: var(--font-size-20);
  155. line-height: var(--font-size-20);
  156. text-shadow: 0px 0px 3px black;
  157. }
  158. /* ----------------------------------------- */
  159. /* FPS display */
  160. /* ----------------------------------------- */
  161. #fps {
  162. border: none;
  163. border-radius: var(--border-radius);
  164. background: none;
  165. background-color: var(--glass-bg);
  166. box-shadow: var(--glassy);
  167. text-shadow: 0px 0px 3px black;
  168. }
  169. .dorako-ui.dark-theme.filepicker .favorites .path {
  170. background: none;
  171. }
  172. .dorako-ui.dark-theme.pf2e.item.sheet form section.sheet-body .item-description .descriptions .editor a.add-gm-notes, .dorako-ui.dark-theme.pf2e.item.sheet form section.sheet-body .item-description .descriptions .editor a.editor-edit {
  173. border: none;
  174. border-radius: var(--border-radius);
  175. background: none;
  176. background-color: var(--glass-bg);
  177. box-shadow: var(--glassy);
  178. 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;
  179. text-shadow: 0 0 3px black;
  180. color: var(--color-text-light-heading);
  181. }
  182. .dorako-ui.dark-theme.pf2e.item.sheet form section.sheet-body .item-description .descriptions .editor a.add-gm-notes:hover, .dorako-ui.dark-theme.pf2e.item.sheet form section.sheet-body .item-description .descriptions .editor a.editor-edit:hover {
  183. border: none;
  184. border-radius: var(--border-radius);
  185. background: none;
  186. background-color: var(--glass-bg);
  187. box-shadow: var(--glassy);
  188. background-color: var(--primary);
  189. color: var(--color-text-light-highlight);
  190. box-shadow: var(--glassy);
  191. }
  192. .dorako-ui.dark-theme.pf2e.item.sheet form section.sheet-body .item-description .descriptions .editor a.add-gm-notes {
  193. background-color: #2e0587;
  194. }
  195. .dorako-ui.dark-theme.pf2e.item.sheet form section.sheet-body .item-description .descriptions .editor a.add-gm-notes:hover {
  196. background-color: #440eb9;
  197. }
  198. .dorako-ui.dark-theme.pf2e.item.sheet form section.sheet-body .item-description .descriptions .gm-notes {
  199. background-color: #2e0587;
  200. border: 1px dashed #440eb9;
  201. padding: 4px;
  202. border-radius: 15px;
  203. }
  204. .dorako-ui.dark-theme.pf2e.item.sheet form section.sheet-body .item-description .descriptions .tox-tinymce {
  205. background-color: #440eb9;
  206. background-blend-mode: luminosity;
  207. }
  208. .dorako-ui.dark-theme #sidebar .settings-sidebar button {
  209. border: none;
  210. border-radius: var(--border-radius);
  211. background: none;
  212. background-color: var(--glass-bg);
  213. box-shadow: var(--glassy);
  214. 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;
  215. text-shadow: 0 0 3px black;
  216. background-color: var(--glass-bg-light);
  217. color: var(--color-text-light-heading);
  218. }
  219. .dorako-ui.dark-theme #sidebar .settings-sidebar button:hover {
  220. background-color: var(--glass-bg);
  221. color: var(--color-text-light-highlight);
  222. }
  223. .dorako-ui.dark-theme.dialog .dialog-buttons button.default {
  224. background-color: var(--secondary);
  225. border: none;
  226. }
  227. .dorako-ui.dark-theme.dialog .dialog-buttons button.default:hover {
  228. background-color: var(--secondary-light);
  229. }
  230. .dorako-ui.dark-theme .tox-tinymce {
  231. border: none;
  232. margin: 2px;
  233. /* prettier-ignore */
  234. box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px var(--gold-brown);
  235. background-image: var(--sheet);
  236. background-size: cover;
  237. background-image: var(--sheet-light);
  238. box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px var(--gold-brown), 0px 4px 10px black;
  239. }
  240. .dorako-ui.dark-theme .tox-tinymce.tox:not(.tox-tinymce-inline) .tox-editor-header {
  241. padding-top: 0px;
  242. }
  243. .dorako-ui.dark-theme form .form-group.buttons {
  244. gap: 5px;
  245. }
  246. .dorako-ui.dark-theme.app.choice-set-prompt section.window-content .choices .drop-zone span {
  247. color: white;
  248. }
  249. .dorako-ui.dark-theme {
  250. --color-text-dark-primary: var(--color-text-light-heading);
  251. }
  252. .dorako-ui.dark-theme.pf2e.item.sheet form article.sheet-content > section.sheet-sidebar .item-summary, .dorako-ui.dark-theme.pf2e.item.sheet form article.sheet-content > section.sheet-sidebar .inventory-details label, .dorako-ui.dark-theme.pf2e.item.sheet form article.sheet-content > section.sheet-sidebar .feat-details label {
  253. color: var(--color-text-light-heading);
  254. }
  255. .dorako-ui.dark-theme.pf2e.item.sheet form .item-rules .rule-form .attached-input button {
  256. background-color: var(--primary-dark);
  257. border: none;
  258. }
  259. .dorako-ui.dark-theme.pf2e.item.sheet form .item-rules .rule-form .attached-input input {
  260. border-radius: 0px 3px 3px 0px;
  261. }
  262. .dorako-ui.dark-theme:not(.premium) .window-content {
  263. border: none;
  264. margin: 2px;
  265. /* prettier-ignore */
  266. box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px var(--gold-brown);
  267. background-image: var(--sheet);
  268. background-size: cover;
  269. color: var(--color-text-light-heading);
  270. }
  271. .dorako-ui.light-theme:not(.premium) .journal-entry-content {
  272. --color-text-dark-primary: #191813;
  273. color: var(--color-text-dark-primary);
  274. }
  275. .dorako-ui.dark-theme.window-app.chat-popout .window-content {
  276. background: unset;
  277. box-shadow: unset;
  278. }
  279. .dorako-ui.dark-theme:not(.premium).window-app footer.flexrow {
  280. gap: 3px;
  281. }
  282. .dorako-ui.dark-theme:not(.premium).window-app .window-content {
  283. box-shadow: 0 0 0 1px var(--gold-brown) inset, 0 0 0 2px var(--tertiary) inset;
  284. background-image: var(--sheet-dark);
  285. color: var(--color-text-light-heading);
  286. }
  287. .dorako-ui.dark-theme:not(.premium).window-app#module-management .package-list .package-title,
  288. .dorako-ui.dark-theme:not(.premium).window-app#module-management .package-list .package-metadata,
  289. .dorako-ui.dark-theme:not(.premium).window-app#module-management .package-list .package-description {
  290. color: var(--color-text-light-highlight);
  291. }
  292. .dorako-ui.dark-theme:not(.premium).window-app.package-configuration aside.sidebar {
  293. border: none;
  294. }
  295. .dorako-ui.dark-theme:not(.premium).window-app.sheet header.sheet-header img {
  296. box-shadow: var(--gold-and-glow);
  297. border-radius: 5px;
  298. }
  299. .dorako-ui.dark-theme:not(.premium).window-app textarea {
  300. color: white;
  301. border: 1px solid var(--tertiary);
  302. }
  303. .dorako-ui.dark-theme:not(.premium).window-app a[href] {
  304. color: var(--tertiary-dark);
  305. }
  306. .dorako-ui.dark-theme:not(.premium).window-app hr {
  307. border-top: 1px solid var(--tertiary);
  308. border-bottom: 1px solid black;
  309. }
  310. .dorako-ui.dark-theme:not(.premium).window-app.sheet footer.sheet-footer {
  311. gap: 5px;
  312. }
  313. .dorako-ui.dark-theme:not(.premium).window-app .compendium.directory .directory-list .directory-item {
  314. border: none;
  315. }
  316. .dorako-ui.dark-theme:not(.premium).window-app button:not(.tox-tbtn) {
  317. border: none;
  318. border-radius: var(--border-radius);
  319. background: none;
  320. background-color: var(--glass-bg);
  321. box-shadow: var(--glassy);
  322. 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;
  323. text-shadow: 0 0 3px black;
  324. color: var(--color-text-light-heading);
  325. }
  326. .dorako-ui.dark-theme:not(.premium).window-app button:not(.tox-tbtn):hover {
  327. border: none;
  328. border-radius: var(--border-radius);
  329. background: none;
  330. background-color: var(--glass-bg);
  331. box-shadow: var(--glassy);
  332. background-color: var(--primary);
  333. color: var(--color-text-light-highlight);
  334. box-shadow: var(--glassy);
  335. }
  336. .dorako-ui.dark-theme:not(.premium).window-app button:not(.tox-tbtn).privacy {
  337. background-color: #2e0587;
  338. }
  339. .dorako-ui.dark-theme:not(.premium).window-app button:not(.tox-tbtn).privacy:hover {
  340. color: var(--color-text-light-heading);
  341. background-color: #440eb9;
  342. }
  343. .dorako-ui.dark-theme:not(.premium).window-app button:not(.tox-tbtn).pm-dropdown ul {
  344. border: none;
  345. border-radius: var(--border-radius);
  346. background: none;
  347. background-color: var(--glass-bg);
  348. box-shadow: var(--glassy);
  349. backdrop-filter: blur(5px);
  350. -webkit-backdrop-filter: blur(5px);
  351. }
  352. .dorako-ui.dark-theme:not(.premium).window-app button:not(.tox-tbtn).pm-dropdown li:hover {
  353. background: rgba(0, 0, 0, 0.5);
  354. }
  355. .dorako-ui.dark-theme:not(.premium).window-app button:not(.tox-tbtn).pm-dropdown i {
  356. color: var(--color-text-light-heading);
  357. }
  358. .dorako-ui.dark-theme:not(.premium).window-app button:not(.tox-tbtn).pm-dropdown:hover i {
  359. color: var(--color-text-light-highlight);
  360. }
  361. .dorako-ui.dark-theme:not(.premium).window-app .private button.privacy {
  362. color: var(--color-text-light-highlight);
  363. background-color: #440eb9;
  364. }
  365. .dorako-ui.dark-theme:not(.premium).window-app .nerd-details input:disabled, .dorako-ui.dark-theme:not(.premium).window-app.token-sheet .form-group.children-disabled .range-value,
  366. .dorako-ui.dark-theme:not(.premium).window-app input[type=range] + .range-value {
  367. border: none;
  368. border-radius: var(--border-radius);
  369. background: none;
  370. background-color: var(--glass-bg);
  371. box-shadow: var(--glassy);
  372. padding: 0px 4px;
  373. background-color: rgba(0, 0, 0, 0.8);
  374. color: var(--color-text-light-primary);
  375. }
  376. .dorako-ui.dark-theme:not(.premium).window-app input[type=checkbox],
  377. .dorako-ui.dark-theme:not(.premium).window-app input[type=radio] {
  378. accent-color: var(--tertiary);
  379. }
  380. .dorako-ui.dark-theme:not(.premium).window-app input[type=checkbox]:checked,
  381. .dorako-ui.dark-theme:not(.premium).window-app input[type=radio]:checked {
  382. box-shadow: unset;
  383. accent-color: var(--tertiary);
  384. filter: none;
  385. }
  386. .dorako-ui.dark-theme:not(.premium).window-app input[type=text]:not(.dorako-ui-skip),
  387. .dorako-ui.dark-theme:not(.premium).window-app input[type=number]:not(.dorako-ui-skip),
  388. .dorako-ui.dark-theme:not(.premium).window-app input[type=password]:not(.dorako-ui-skip),
  389. .dorako-ui.dark-theme:not(.premium).window-app input[type=date]:not(.dorako-ui-skip),
  390. .dorako-ui.dark-theme:not(.premium).window-app input[type=time]:not(.dorako-ui-skip),
  391. .dorako-ui.dark-theme:not(.premium).window-app input[type=search]:not(.dorako-ui-skip) {
  392. border: none;
  393. border-radius: var(--border-radius);
  394. background: none;
  395. background-color: var(--glass-bg);
  396. box-shadow: var(--glassy);
  397. padding-left: 5px;
  398. color: var(--color-text-light-heading);
  399. accent-color: var(--tertiary);
  400. }
  401. .dorako-ui.dark-theme:not(.premium).window-app input[type=text]:not(.dorako-ui-skip):checked,
  402. .dorako-ui.dark-theme:not(.premium).window-app input[type=number]:not(.dorako-ui-skip):checked,
  403. .dorako-ui.dark-theme:not(.premium).window-app input[type=password]:not(.dorako-ui-skip):checked,
  404. .dorako-ui.dark-theme:not(.premium).window-app input[type=date]:not(.dorako-ui-skip):checked,
  405. .dorako-ui.dark-theme:not(.premium).window-app input[type=time]:not(.dorako-ui-skip):checked,
  406. .dorako-ui.dark-theme:not(.premium).window-app input[type=search]:not(.dorako-ui-skip):checked {
  407. box-shadow: unset;
  408. accent-color: var(--tertiary);
  409. filter: none;
  410. }
  411. .dorako-ui.dark-theme:not(.premium).window-app input[type=text]:not(.dorako-ui-skip):hover,
  412. .dorako-ui.dark-theme:not(.premium).window-app input[type=number]:not(.dorako-ui-skip):hover,
  413. .dorako-ui.dark-theme:not(.premium).window-app input[type=password]:not(.dorako-ui-skip):hover,
  414. .dorako-ui.dark-theme:not(.premium).window-app input[type=date]:not(.dorako-ui-skip):hover,
  415. .dorako-ui.dark-theme:not(.premium).window-app input[type=time]:not(.dorako-ui-skip):hover,
  416. .dorako-ui.dark-theme:not(.premium).window-app input[type=search]:not(.dorako-ui-skip):hover {
  417. border: none;
  418. border-radius: var(--border-radius);
  419. background: none;
  420. background-color: var(--glass-bg);
  421. box-shadow: var(--glassy);
  422. background-color: var(--secondary-dark);
  423. color: var(--color-text-light-highlight);
  424. }
  425. .dorako-ui.dark-theme:not(.premium).window-app input[type=text]:not(.dorako-ui-skip):focus,
  426. .dorako-ui.dark-theme:not(.premium).window-app input[type=number]:not(.dorako-ui-skip):focus,
  427. .dorako-ui.dark-theme:not(.premium).window-app input[type=password]:not(.dorako-ui-skip):focus,
  428. .dorako-ui.dark-theme:not(.premium).window-app input[type=date]:not(.dorako-ui-skip):focus,
  429. .dorako-ui.dark-theme:not(.premium).window-app input[type=time]:not(.dorako-ui-skip):focus,
  430. .dorako-ui.dark-theme:not(.premium).window-app input[type=search]:not(.dorako-ui-skip):focus {
  431. border: none;
  432. border-radius: var(--border-radius);
  433. background: none;
  434. background-color: var(--glass-bg);
  435. box-shadow: var(--glassy);
  436. background-color: var(--secondary);
  437. color: white;
  438. }
  439. .dorako-ui.dark-theme:not(.premium).window-app input[type=text]:not(.dorako-ui-skip):disabled,
  440. .dorako-ui.dark-theme:not(.premium).window-app input[type=number]:not(.dorako-ui-skip):disabled,
  441. .dorako-ui.dark-theme:not(.premium).window-app input[type=password]:not(.dorako-ui-skip):disabled,
  442. .dorako-ui.dark-theme:not(.premium).window-app input[type=date]:not(.dorako-ui-skip):disabled,
  443. .dorako-ui.dark-theme:not(.premium).window-app input[type=time]:not(.dorako-ui-skip):disabled,
  444. .dorako-ui.dark-theme:not(.premium).window-app input[type=search]:not(.dorako-ui-skip):disabled {
  445. color: var(--color-border-dark-tertiary);
  446. background-color: rgba(0, 0, 0, 0.8);
  447. }
  448. .dorako-ui.dark-theme:not(.premium).window-app input[type=text]:not(.dorako-ui-skip):disabled:hover,
  449. .dorako-ui.dark-theme:not(.premium).window-app input[type=number]:not(.dorako-ui-skip):disabled:hover,
  450. .dorako-ui.dark-theme:not(.premium).window-app input[type=password]:not(.dorako-ui-skip):disabled:hover,
  451. .dorako-ui.dark-theme:not(.premium).window-app input[type=date]:not(.dorako-ui-skip):disabled:hover,
  452. .dorako-ui.dark-theme:not(.premium).window-app input[type=time]:not(.dorako-ui-skip):disabled:hover,
  453. .dorako-ui.dark-theme:not(.premium).window-app input[type=search]:not(.dorako-ui-skip):disabled:hover {
  454. color: var(--color-border-dark-tertiary);
  455. background-color: rgba(0, 0, 0, 0.8);
  456. }
  457. .dorako-ui.dark-theme:not(.premium).window-app select:not(.dorako-ui-skip) {
  458. border: none;
  459. border-radius: var(--border-radius);
  460. background: none;
  461. background-color: var(--glass-bg);
  462. box-shadow: var(--glassy);
  463. 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;
  464. color: var(--color-text-light-heading);
  465. }
  466. .dorako-ui.dark-theme:not(.premium).window-app select:not(.dorako-ui-skip):hover {
  467. background-color: var(--secondary-dark);
  468. color: var(--color-text-light-highlight);
  469. }
  470. .dorako-ui.dark-theme:not(.premium).window-app select:not(.dorako-ui-skip) option {
  471. background-color: rgb(37, 37, 37);
  472. color: var(--color-text-light-heading);
  473. }
  474. .dorako-ui.dark-theme:not(.premium).window-app select:not(.dorako-ui-skip) optgroup {
  475. background-color: rgb(37, 37, 37);
  476. color: var(--color-text-light-highlight);
  477. }
  478. .dorako-ui.dark-theme:not(.premium).window-app input[type=color][data-edit] {
  479. border: none;
  480. }
  481. .dorako-ui.dark-theme:not(.premium).window-app form .form-group.slim .form-fields > label,
  482. .dorako-ui.dark-theme:not(.premium).window-app form .form-group span.units,
  483. .dorako-ui.dark-theme:not(.premium).window-app form .notes,
  484. .dorako-ui.dark-theme:not(.premium).window-app form .hint {
  485. color: #a9a798;
  486. }
  487. .dorako-ui.dark-theme:not(.premium).window-app.filepicker .private .directory, .dorako-ui.dark-theme:not(.premium).window-app.filepicker .public .private.dir {
  488. background: rgba(115, 49, 255, 0.15);
  489. }
  490. .dorako-ui.dark-theme:not(.premium).window-app.filepicker .display-modes a {
  491. border: none;
  492. border-radius: var(--border-radius);
  493. background: none;
  494. background-color: var(--glass-bg);
  495. box-shadow: var(--glassy);
  496. color: var(--color-text-light-highlight);
  497. text-shadow: 0 0 3px black;
  498. }
  499. .dorako-ui.dark-theme:not(.premium).window-app.filepicker .display-modes a:hover {
  500. background: var(--primary);
  501. color: var(--color-text-light-highlight);
  502. }
  503. .dorako-ui.dark-theme:not(.premium).window-app.filepicker .display-modes a.active {
  504. background: var(--primary);
  505. color: var(--color-text-light-highlight);
  506. text-shadow: 0 0 3px black;
  507. }
  508. .dorako-ui.dark-theme:not(.premium).window-app#world-clock section.window-content .input-grid button img {
  509. border: none;
  510. height: 1.5em;
  511. filter: invert(1) sepia() brightness(0.8) drop-shadow(0px 0px 3px black);
  512. }
  513. .dorako-ui.dark-theme:not(.premium).window-app#world-clock section.window-content .input-grid button:hover img {
  514. filter: invert(1) sepia() brightness(0.9) drop-shadow(0px 0px 3px black);
  515. }
  516. .dorako-ui.dark-theme:not(.premium).window-app#keybindings .binding .key {
  517. border: none;
  518. border-radius: var(--border-radius);
  519. background: none;
  520. background-color: var(--glass-bg);
  521. box-shadow: var(--glassy);
  522. 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;
  523. color: var(--color-text-light-heading);
  524. text-shadow: 0 0 3px black;
  525. }
  526. .dorako-ui.dark-theme:not(.premium).window-app#keybindings .binding .key:hover {
  527. background-color: var(--primary);
  528. color: var(--color-text-light-highlight);
  529. }
  530. .dorako-ui.dark-theme:not(.premium).window-app#keybindings .binding .key.uneditable {
  531. background-color: rgba(0, 0, 0, 0.8);
  532. }
  533. .dorako-ui.dark-theme:not(.premium).window-app#keybindings .binding .key.uneditable:hover {
  534. color: var(--color-text-light-heading);
  535. background-color: rgba(0, 0, 0, 0.8);
  536. }
  537. .dorako-ui.dark-theme:not(.premium).window-app#invitation-links .connection.closed {
  538. color: rgba(255, 0, 19, 0.6);
  539. }
  540. .dorako-ui.dark-theme:not(.premium).window-app#invitation-links .connection.open {
  541. color: green;
  542. }
  543. .dorako-ui.dark-theme:not(.premium).window-app#invitation-links .connection.unknown {
  544. color: rgba(250, 219, 60, 0.814);
  545. }
  546. /* ------------------------------------------------- */
  547. /* Dark theme journals + Critical hit/fumble deck */
  548. /* ------------------------------------------------- */
  549. .app.journal-entry:not(.premium) .window-content .journal-entry-content.dorako-ui.dark-theme {
  550. background: var(--sheet-dark);
  551. color: var(--color-text-light-heading);
  552. }
  553. .app.journal-entry:not(.premium) .window-content .journal-entry-content.dorako-ui.dark-theme table.pf2-table tr:nth-child(odd) {
  554. background-color: #313131;
  555. }
  556. .app.journal-entry:not(.premium) .window-content .journal-entry-content.dorako-ui.dark-theme table.pf2-table tr:nth-child(2n) {
  557. background-color: #5d5d5d;
  558. }
  559. .app.journal-entry:not(.premium) .window-content .journal-entry-content.dorako-ui.dark-theme .journal-header .title {
  560. color: var(--color-text-light-highlight);
  561. }
  562. .app.journal-entry:not(.premium) .window-content .journal-entry-content.dorako-ui.dark-theme h1,
  563. .app.journal-entry:not(.premium) .window-content .journal-entry-content.dorako-ui.dark-theme h2,
  564. .app.journal-entry:not(.premium) .window-content .journal-entry-content.dorako-ui.dark-theme h3,
  565. .app.journal-entry:not(.premium) .window-content .journal-entry-content.dorako-ui.dark-theme h4 {
  566. color: var(--color-text-light-highlight);
  567. }
  568. .app.journal-entry:not(.premium) .window-content .journal-entry-content.dorako-ui.dark-theme .journal-entry-page .journal-page-content .fumble-deck code,
  569. .app.journal-entry:not(.premium) .window-content .journal-entry-content.dorako-ui.dark-theme .journal-entry-page .journal-page-content .fumble-deck h1,
  570. .app.journal-entry:not(.premium) .window-content .journal-entry-content.dorako-ui.dark-theme .journal-entry-page .journal-page-content .critical-deck h1,
  571. .app.journal-entry:not(.premium) .window-content .journal-entry-content.dorako-ui.dark-theme .journal-entry-page .journal-page-content .critical-deck code {
  572. color: black;
  573. }
  574. .app.journal-entry:not(.premium) .window-content .journal-entry-content.dorako-ui.dark-theme .journal-entry-page .journal-page-content .critical-deck blockquote,
  575. .app.journal-entry:not(.premium) .window-content .journal-entry-content.dorako-ui.dark-theme .journal-entry-page .journal-page-content .fumble-deck blockquote {
  576. box-shadow: var(--glassy);
  577. }
  578. .app.journal-entry:not(.premium) .window-content .journal-entry-content.dorako-ui.dark-theme .journal-entry-page .journal-page-content .critical-deck h1,
  579. .app.journal-entry:not(.premium) .window-content .journal-entry-content.dorako-ui.dark-theme .journal-entry-page .journal-page-content .fumble-deck h1 {
  580. box-shadow: var(--gold-and-glow);
  581. margin-left: 2px;
  582. }
  583. .chat-bubble {
  584. border: none;
  585. margin: 2px;
  586. /* prettier-ignore */
  587. box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px var(--gold-brown);
  588. background-image: var(--sheet);
  589. background-size: cover;
  590. }
  591. .chat-bubble .bubble-content {
  592. position: relative;
  593. top: 0;
  594. }
  595. .chat-bubble.left {
  596. border-radius: 5px;
  597. }
  598. .chat-bubble.right {
  599. border-radius: 5px;
  600. }
  601. .chat-bubble.emote {
  602. border: none;
  603. margin: 2px;
  604. /* prettier-ignore */
  605. box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px var(--gold-brown);
  606. background-image: var(--sheet);
  607. background-size: cover;
  608. background-image: var(--sheet-dark);
  609. color: var(--color-text-light-heading);
  610. font-style: italic;
  611. }
  612. .chat-bubble.chatter {
  613. border: none;
  614. border-radius: var(--border-radius);
  615. background: none;
  616. background-color: var(--glass-bg);
  617. box-shadow: var(--glassy);
  618. border-radius: 5px;
  619. color: var(--color-text-light-heading);
  620. }
  621. body.compact-ui #controls .main-controls .scene-control:not(.active, .toggle),
  622. body.compact-ui #controls .sub-controls .control-tool:not(.active, .toggle) {
  623. display: none;
  624. }
  625. body.compact-ui #controls {
  626. /* gap: 5px; */
  627. flex-wrap: nowrap;
  628. /* width: 75px; */
  629. flex-direction: row;
  630. }
  631. body.compact-ui .main-controls {
  632. display: flex;
  633. flex-direction: column;
  634. }
  635. body.compact-ui #ui-left.active #controls .main-controls .scene-control,
  636. body.compact-ui #ui-left.active #controls .sub-controls .control-tool {
  637. align-items: center;
  638. display: flex;
  639. }
  640. body.compact-ui #controls ol.main-controls.app.control-tools {
  641. width: unset;
  642. }
  643. body.compact-ui #navigation #scene-list .scene:not(.active, .view),
  644. body.compact-ui #navigation #nav-toggle {
  645. display: none;
  646. }
  647. body.compact-ui #navigation {
  648. pointer-events: all;
  649. }
  650. body.compact-ui #navigation:hover #scene-list .scene {
  651. display: flex;
  652. }
  653. body.compact-ui #players {
  654. opacity: 0;
  655. transition: opacity 0.25s ease-in-out;
  656. }
  657. body.compact-ui #players:hover {
  658. transition: opacity 0.25s ease-in-out;
  659. opacity: 1;
  660. }
  661. /* ----------------------------------------- */
  662. /* Controls */
  663. /* ----------------------------------------- */
  664. nav#controls.dorako-ui {
  665. padding-top: 12px;
  666. padding-bottom: 12px;
  667. display: flex;
  668. align-items: var(--controls-alignment);
  669. }
  670. nav#controls.dorako-ui ol.control-tools.sub-controls > li,
  671. nav#controls.dorako-ui ol.control-tools.main-controls {
  672. margin-right: var(--controls-margin);
  673. }
  674. nav#controls.dorako-ui ol.control-tools.main-control {
  675. margin-right: var(--controls-margin);
  676. }
  677. nav#controls.dorako-ui ol.control-tools li.control-tool,
  678. nav#controls.dorako-ui ol.control-tools > li {
  679. border: none;
  680. border-radius: var(--border-radius);
  681. background: none;
  682. background-color: var(--glass-bg);
  683. box-shadow: var(--glassy);
  684. 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;
  685. text-shadow: 0px 0px 3px black;
  686. border-radius: var(--border-radius);
  687. margin-bottom: var(--controls-margin);
  688. height: var(--control-size);
  689. width: var(--control-size);
  690. font-size: calc(var(--control-size) - 12px);
  691. }
  692. nav#controls.dorako-ui ol.control-tools li.control-tool img,
  693. nav#controls.dorako-ui ol.control-tools > li img {
  694. filter: sepia() grayscale(0.9) brightness(0.8) drop-shadow(0px 0px 3px black);
  695. }
  696. nav#controls.dorako-ui ol.control-tools li.control-tool.active, nav#controls.dorako-ui ol.control-tools li.control-tool:hover,
  697. nav#controls.dorako-ui ol.control-tools > li.active,
  698. nav#controls.dorako-ui ol.control-tools > li:hover {
  699. border: none;
  700. border-radius: var(--border-radius);
  701. background: none;
  702. background-color: var(--glass-bg);
  703. box-shadow: var(--glassy);
  704. color: var(--color-text-light-highlight);
  705. background-color: var(--primary);
  706. }
  707. nav#controls.dorako-ui ol.control-tools li.control-tool.active img, nav#controls.dorako-ui ol.control-tools li.control-tool:hover img,
  708. nav#controls.dorako-ui ol.control-tools > li.active img,
  709. nav#controls.dorako-ui ol.control-tools > li:hover img {
  710. filter: sepia() grayscale(0.95) brightness(1) drop-shadow(0px 0px 3px black);
  711. }
  712. nav#controls.dorako-ui ol.control-tools li.control-tool.toggle,
  713. nav#controls.dorako-ui ol.control-tools > li.toggle {
  714. border: none;
  715. border-radius: var(--border-radius);
  716. background: none;
  717. background-color: var(--glass-bg);
  718. box-shadow: var(--glassy);
  719. background-color: var(--secondary-dark);
  720. }
  721. nav#controls.dorako-ui ol.control-tools li.control-tool.toggle.active, nav#controls.dorako-ui ol.control-tools li.control-tool.toggle:hover,
  722. nav#controls.dorako-ui ol.control-tools > li.toggle.active,
  723. nav#controls.dorako-ui ol.control-tools > li.toggle:hover {
  724. border: none;
  725. border-radius: var(--border-radius);
  726. background: none;
  727. background-color: var(--glass-bg);
  728. box-shadow: var(--glassy);
  729. color: white;
  730. background-color: var(--secondary-light);
  731. }
  732. #darkness-adjuster.dorako-ui {
  733. border: none;
  734. border-radius: var(--border-radius);
  735. background: none;
  736. background-color: var(--glass-bg);
  737. box-shadow: var(--glassy);
  738. height: 36px !important;
  739. border-radius: var(--border-radius);
  740. backdrop-filter: blur(5px);
  741. -webkit-backdrop-filter: blur(5px);
  742. }
  743. #darkness-adjuster.dorako-ui .window-content {
  744. overflow: hidden;
  745. background: unset;
  746. box-shadow: unset;
  747. border: none;
  748. }
  749. /* ----------------------------------------- */
  750. /* Forms */
  751. /* ----------------------------------------- */
  752. .dorako-ui.sheet nav.sheet-tabs {
  753. background-color: var(--bg);
  754. box-shadow: 0 2px 4px rgba(0, 0, 0, 0.18);
  755. border: 1px solid var(--color-border-light-primary);
  756. border-radius: 3px;
  757. margin: 2px;
  758. }
  759. .dorako-ui.sheet nav.sheet-tabs .item:not(.active):hover {
  760. color: var(--secondary-light);
  761. text-shadow: 0px 0px 10px var(--secondary-light);
  762. }
  763. .dorako-ui.sheet nav.sheet-tabs .item.active {
  764. color: var(--secondary-light);
  765. text-shadow: 0px 0px 10px var(--secondary-light);
  766. }
  767. .dorako-ui.dark-theme.sheet nav.sheet-tabs {
  768. border: none;
  769. border-radius: var(--border-radius);
  770. background: none;
  771. background-color: var(--glass-bg);
  772. box-shadow: var(--glassy);
  773. background: var(--glass-bg-light);
  774. }
  775. .dorako-ui.dark-theme.sheet nav.sheet-tabs .item:not(.active):hover {
  776. color: var(--tertiary);
  777. text-shadow: 0px 0px 10px var(--tertiary);
  778. }
  779. .dorako-ui.dark-theme.sheet nav.sheet-tabs .item.active {
  780. color: var(--tertiary);
  781. text-shadow: 0px 0px 10px var(--tertiary);
  782. }
  783. .dorako-ui.pf2e.item.sheet form .sheet-navigation .sheet-tabs > .list-row:hover, .dorako-ui.pf2e.item.sheet form .sheet-navigation .sheet-tabs > .list-row.active {
  784. color: var(--secondary-light);
  785. text-shadow: 0px 0px 10px;
  786. text-decoration: unset;
  787. }
  788. .dorako-ui.dark-theme.pf2e.item.sheet form .sheet-navigation .sheet-tabs > .list-row:hover, .dorako-ui.dark-theme.pf2e.item.sheet form .sheet-navigation .sheet-tabs > .list-row.active {
  789. color: var(--tertiary);
  790. text-shadow: 0px 0px 10px var(--tertiary);
  791. text-decoration: unset;
  792. }
  793. .dorako-ui form button:not(.pm-dropdown) {
  794. 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;
  795. border: 1px solid var(--color-border-light-primary);
  796. }
  797. .dorako-ui form button:not(.pm-dropdown):hover {
  798. background-color: var(--primary-light);
  799. color: var(--color-text-light-highlight);
  800. border: 1px solid var(--tertiary);
  801. }
  802. .dorako-ui form button:not(.pm-dropdown):active {
  803. background-color: var(--primary-light);
  804. color: white;
  805. border: 1px solid var(--gold-brown);
  806. }
  807. .dorako-ui.pf2e.item.sheet .sheet-header img {
  808. border: none;
  809. margin: 2px;
  810. /* prettier-ignore */
  811. box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px var(--gold-brown), 0 0 5px rgba(0, 0, 0, 0.8);
  812. border-radius: 5px;
  813. margin-right: 8px;
  814. }
  815. .dorako-ui.pf2e.item.sheet form .form-list {
  816. padding: 0.5em 1em;
  817. border-image-repeat: repeat;
  818. border-image-slice: 11;
  819. border-image-source: var(--ornamentation);
  820. border-image-width: 14px;
  821. border-style: double;
  822. }
  823. .dorako-ui.app.token-sheet .tab.active[data-tab=appearance] fieldset {
  824. border-image-repeat: repeat;
  825. border-image-slice: 11;
  826. border-image-source: var(--ornamentation);
  827. border-image-width: 14px;
  828. border-style: double;
  829. }
  830. .dorako-ui.app.token-sheet .tab.active[data-tab=appearance] fieldset legend {
  831. color: var(--color-text-dark-primary);
  832. margin-left: 5px;
  833. }
  834. .dorako-ui.pf2e.item.sheet .sheet-header {
  835. border: none;
  836. }
  837. .dorako-ui.dark-theme.app.token-sheet .tab.active[data-tab=appearance] fieldset legend {
  838. color: var(--color-text-light-heading);
  839. }
  840. .dorako-ui.pf2e.item.sheet form .sheet-navigation {
  841. border-radius: 3px;
  842. border: none;
  843. border: 1px solid var(--color-border-light-primary);
  844. background: var(--bg);
  845. box-shadow: 0 2px 4px rgba(0, 0, 0, 0.18), 0px -1px 2px rgba(255, 255, 255, 0.3) inset;
  846. }
  847. .dorako-ui.dark-theme.pf2e.item.sheet form .sheet-navigation {
  848. border: none;
  849. border-radius: var(--border-radius);
  850. background: none;
  851. background-color: var(--glass-bg);
  852. box-shadow: var(--glassy);
  853. background: var(--glass-bg-light);
  854. }
  855. .dorako-ui.dark-theme.pf2e.item.sheet form section.sheet-body .tab.item-details label {
  856. color: var(--color-text-light-heading);
  857. }
  858. .dorako-ui.dark-theme.pf2e.item.sheet form section.sheet-body input[type=text], .dorako-ui.dark-theme.pf2e.item.sheet form section.sheet-body input[type=number], .dorako-ui.dark-theme.pf2e.item.sheet form article.sheet-content select {
  859. border: none;
  860. border-radius: var(--border-radius);
  861. background: none;
  862. background-color: var(--glass-bg);
  863. box-shadow: var(--glassy);
  864. }
  865. .dorako-ui.window-app.filepicker .display-modes a:hover {
  866. text-shadow: 0px 0px 3px black;
  867. background-color: var(--primary);
  868. color: var(--color-text-light-highlight);
  869. }
  870. .dorako-ui.window-app.filepicker .display-modes a.active {
  871. text-shadow: 0px 0px 3px black;
  872. background-color: var(--primary);
  873. color: var(--color-text-light-highlight);
  874. }
  875. .dorako-ui.window-app input[type=text],
  876. .dorako-ui.window-app input[type=number],
  877. .dorako-ui.window-app input[type=password],
  878. .dorako-ui.window-app input[type=date],
  879. .dorako-ui.window-app input[type=time],
  880. .dorako-ui.window-app input[type=search],
  881. .dorako-ui.window-app input[type=checkbox],
  882. .dorako-ui.window-app input[type=radio] {
  883. 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;
  884. accent-color: var(--primary);
  885. }
  886. .dorako-ui.window-app input[type=text]:checked,
  887. .dorako-ui.window-app input[type=number]:checked,
  888. .dorako-ui.window-app input[type=password]:checked,
  889. .dorako-ui.window-app input[type=date]:checked,
  890. .dorako-ui.window-app input[type=time]:checked,
  891. .dorako-ui.window-app input[type=search]:checked,
  892. .dorako-ui.window-app input[type=checkbox]:checked,
  893. .dorako-ui.window-app input[type=radio]:checked {
  894. accent-color: var(--primary);
  895. filter: none;
  896. }
  897. .dorako-ui.window-app input[type=text]:not(:disabled):hover,
  898. .dorako-ui.window-app input[type=number]:not(:disabled):hover,
  899. .dorako-ui.window-app input[type=password]:not(:disabled):hover,
  900. .dorako-ui.window-app input[type=date]:not(:disabled):hover,
  901. .dorako-ui.window-app input[type=time]:not(:disabled):hover,
  902. .dorako-ui.window-app input[type=search]:not(:disabled):hover,
  903. .dorako-ui.window-app input[type=checkbox]:not(:disabled):hover,
  904. .dorako-ui.window-app input[type=radio]:not(:disabled):hover {
  905. border-color: var(--secondary-light);
  906. box-shadow: 0px 0px 5px var(--secondary-light);
  907. }
  908. .dorako-ui.window-app input[type=text]:focus,
  909. .dorako-ui.window-app input[type=number]:focus,
  910. .dorako-ui.window-app input[type=password]:focus,
  911. .dorako-ui.window-app input[type=date]:focus,
  912. .dorako-ui.window-app input[type=time]:focus,
  913. .dorako-ui.window-app input[type=search]:focus,
  914. .dorako-ui.window-app input[type=checkbox]:focus,
  915. .dorako-ui.window-app input[type=radio]:focus {
  916. border-color: var(--secondary-light);
  917. box-shadow: 0px 0px 5px var(--secondary-light);
  918. }
  919. /* ----------------------------------------- */
  920. /* Hotbar */
  921. /* ----------------------------------------- */
  922. #hotbar.dorako-ui .macro {
  923. height: calc(var(--macro-size) + 2px);
  924. width: calc(var(--macro-size) + 2px);
  925. border: none;
  926. border-radius: var(--border-radius);
  927. background: none;
  928. background-color: var(--glass-bg);
  929. box-shadow: var(--glassy);
  930. 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;
  931. box-shadow: none;
  932. }
  933. #hotbar.dorako-ui .macro.inactive::before, #hotbar.dorako-ui .macro.active::before {
  934. 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;
  935. content: "";
  936. position: absolute;
  937. top: 0;
  938. left: 0;
  939. width: 100%;
  940. height: 100%;
  941. box-shadow: var(--glassy);
  942. border-radius: var(--border-radius);
  943. overflow: hidden;
  944. pointer-events: none;
  945. }
  946. #hotbar.dorako-ui .macro.active:hover::before {
  947. 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;
  948. content: "";
  949. position: absolute;
  950. top: 0;
  951. left: 0;
  952. width: 100%;
  953. height: 100%;
  954. box-shadow: 0px 0px 10px rgba(220, 200, 100, 0.5) inset, var(--glassy);
  955. border-radius: var(--border-radius);
  956. overflow: hidden;
  957. pointer-events: none;
  958. }
  959. #hotbar.dorako-ui .macro .macro-key {
  960. background: none;
  961. right: 6px;
  962. padding: 0px;
  963. font-weight: initial;
  964. text-shadow: 0px 1px 5px black, 0px 1px 5px black;
  965. font-size: calc(var(--macro-size) / 3);
  966. }
  967. #hotbar.dorako-ui .macro .macro-icon {
  968. border-radius: var(--border-radius);
  969. border: none;
  970. height: calc(var(--macro-size) + 2px);
  971. width: calc(var(--macro-size) + 2px);
  972. }
  973. #hotbar.dorako-ui .macro.inactive {
  974. box-shadow: none;
  975. }
  976. #hotbar.dorako-ui .macro:hover {
  977. border: none;
  978. background-color: var(--primary-light);
  979. }
  980. #hotbar.dorako-ui .macro.active:hover {
  981. border: none;
  982. background-color: var(--primary-dark);
  983. }
  984. #hotbar.dorako-ui #macro-list {
  985. gap: 5px;
  986. margin: 0px 5px;
  987. border: none;
  988. grid-template-columns: repeat(10, calc(var(--macro-size) + 2px));
  989. align-content: end;
  990. }
  991. #hotbar.dorako-ui .bar-controls {
  992. border: none;
  993. border-radius: var(--border-radius);
  994. background: none;
  995. background-color: var(--glass-bg);
  996. box-shadow: var(--glassy);
  997. }
  998. @media (max-width: 1120px) {
  999. #hotbar {
  1000. width: 354px;
  1001. height: 110px;
  1002. }
  1003. #hotbar #macro-list {
  1004. grid-template-columns: repeat(5, 50px);
  1005. }
  1006. }
  1007. /* ----------------------------------------- */
  1008. /* Scene Navigation */
  1009. /* ----------------------------------------- */
  1010. #navigation.dorako-ui {
  1011. color: var(--color-text-light-heading);
  1012. width: calc(100% - 46px);
  1013. }
  1014. #navigation.dorako-ui #nav-toggle {
  1015. border: none;
  1016. border-radius: var(--border-radius);
  1017. background: none;
  1018. background-color: var(--glass-bg);
  1019. box-shadow: var(--glassy);
  1020. 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;
  1021. display: flex;
  1022. align-items: center;
  1023. justify-content: center;
  1024. flex: 0 0 var(--control-size);
  1025. height: var(--control-size);
  1026. }
  1027. #navigation.dorako-ui ol#scene-list li.nav-item {
  1028. border: none;
  1029. border-radius: var(--border-radius);
  1030. background: none;
  1031. background-color: var(--glass-bg);
  1032. box-shadow: var(--glassy);
  1033. 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;
  1034. text-shadow: 0px 0px 3px black;
  1035. line-height: var(--control-size);
  1036. }
  1037. #navigation.dorako-ui ol#scene-list li.nav-item > a:hover {
  1038. text-shadow: unset;
  1039. }
  1040. #navigation.dorako-ui ol#scene-list li.nav-item .scene-players {
  1041. text-shadow: none;
  1042. }
  1043. #navigation.dorako-ui ol#scene-list li.nav-item:hover {
  1044. color: var(--color-text-light-highlight);
  1045. background-color: var(--primary);
  1046. }
  1047. #navigation.dorako-ui ol#scene-list li.nav-item.view {
  1048. border: none;
  1049. border-radius: var(--border-radius);
  1050. background: none;
  1051. background-color: var(--glass-bg);
  1052. box-shadow: var(--glassy);
  1053. background-color: var(--primary);
  1054. color: var(--color-text-light-highlight);
  1055. }
  1056. #navigation.dorako-ui ol#scene-list li.nav-item.view:hover {
  1057. color: white;
  1058. background-color: var(--primary-light);
  1059. }
  1060. #navigation.dorako-ui ol#scene-list li.nav-item.gm {
  1061. border: none;
  1062. border-radius: var(--border-radius);
  1063. background: none;
  1064. background-color: var(--glass-bg);
  1065. box-shadow: var(--glassy);
  1066. background-color: var(--secondary-dark);
  1067. }
  1068. #navigation.dorako-ui ol#scene-list li.nav-item.gm:hover, #navigation.dorako-ui ol#scene-list li.nav-item.gm.view {
  1069. color: var(--color-text-light-highlight);
  1070. background-color: var(--secondary-light);
  1071. }
  1072. #navigation.dorako-ui ol#scene-list li.nav-item.context {
  1073. box-shadow: var(--glassy);
  1074. border: none;
  1075. }
  1076. #navigation.dorako-ui ol#scene-list li.nav-item.active {
  1077. box-shadow: var(--gold-and-glow), var(--glassy);
  1078. }
  1079. /* ----------------------------------------- */
  1080. /* Notifications */
  1081. /* ----------------------------------------- */
  1082. .dorako-ui .notification {
  1083. border: none;
  1084. border-radius: var(--border-radius);
  1085. background: none;
  1086. background-color: var(--glass-bg);
  1087. box-shadow: var(--glassy);
  1088. text-shadow: 0px 0px 3px black;
  1089. color: var(--color-text-light-highlight);
  1090. }
  1091. .dorako-ui .notification.info {
  1092. background-color: var(--secondary);
  1093. border: none;
  1094. }
  1095. .dorako-ui .notification.error {
  1096. background-color: var(--primary);
  1097. border: none;
  1098. }
  1099. .dorako-ui .notification.warning, .dorako-ui .notification.alert {
  1100. background-color: #ecbf41;
  1101. color: black;
  1102. text-shadow: none;
  1103. border: none;
  1104. }
  1105. /* ----------------------------------------- */
  1106. /* Sidebar */
  1107. /* ----------------------------------------- */
  1108. #ui-right #sidebar.dorako-ui {
  1109. height: -webkit-fill-available;
  1110. }
  1111. #ui-right #sidebar.dorako-ui.collapsed {
  1112. height: auto;
  1113. }
  1114. section.chat-sidebar {
  1115. gap: 5px;
  1116. padding-bottom: 5px;
  1117. }
  1118. #chat-form {
  1119. margin: 0px 6px;
  1120. }
  1121. #chat-form textarea {
  1122. border: none;
  1123. border-radius: var(--border-radius);
  1124. background: none;
  1125. background-color: var(--glass-bg);
  1126. box-shadow: var(--glassy);
  1127. background-color: rgba(255, 255, 255, 0.5);
  1128. }
  1129. #chat-log {
  1130. margin-left: 4px;
  1131. display: flex;
  1132. flex-direction: column;
  1133. }
  1134. #chat-log li.dorako-ui:first-child {
  1135. margin-top: 2px;
  1136. }
  1137. .sidebar-tab .message.chat-message {
  1138. text-shadow: none;
  1139. }
  1140. #sidebar.dorako-ui {
  1141. border: none;
  1142. border-radius: var(--border-radius);
  1143. background: none;
  1144. background-color: var(--glass-bg);
  1145. box-shadow: var(--glassy);
  1146. border: none;
  1147. border-radius: 6px var(--border-radius) var(--border-radius) var(--border-radius);
  1148. }
  1149. #sidebar.dorako-ui.collapsed {
  1150. border-radius: var(--border-radius);
  1151. }
  1152. #sidebar.dorako-ui.collapsed #sidebar-tabs .item.active {
  1153. border: none;
  1154. margin: 2px 4px;
  1155. }
  1156. #sidebar.dorako-ui #settings ul#game-details li.system-buttons {
  1157. gap: 5px;
  1158. }
  1159. #sidebar.dorako-ui #settings ul#game-details li.system-buttons button {
  1160. border-radius: var(--border-radius) !important;
  1161. }
  1162. #sidebar.dorako-ui .settings-sidebar h2 {
  1163. background-color: var(--alt);
  1164. border-color: var(--alt-dark);
  1165. }
  1166. #sidebar.dorako-ui .directory .action-buttons button,
  1167. #sidebar.dorako-ui .settings-sidebar button {
  1168. border: none;
  1169. border-radius: var(--border-radius);
  1170. background: none;
  1171. background-color: var(--glass-bg);
  1172. box-shadow: var(--glassy);
  1173. box-shadow: var(--glassy-sharp);
  1174. backdrop-filter: blur(5px);
  1175. background-color: var(--glass-bg-light);
  1176. color: var(--color-text-light-heading);
  1177. text-shadow: 0px 0px 3px black;
  1178. }
  1179. #sidebar.dorako-ui .directory .action-buttons button:hover,
  1180. #sidebar.dorako-ui .settings-sidebar button:hover {
  1181. box-shadow: var(--glassy-sharp-highlight);
  1182. background-color: var(--glass-bg-gold);
  1183. color: var(--color-text-light-highlight);
  1184. }
  1185. #sidebar.dorako-ui .directory .directory-header .header-search input {
  1186. border: none;
  1187. border-radius: var(--border-radius);
  1188. background: none;
  1189. background-color: var(--glass-bg);
  1190. box-shadow: var(--glassy);
  1191. box-shadow: var(--glassy-sharp);
  1192. backdrop-filter: blur(5px);
  1193. background-color: var(--glass-bg-light);
  1194. caret-color: var(--tertiary);
  1195. color: var(--color-text-light-highlight);
  1196. text-shadow: 0px 0px 3px black;
  1197. }
  1198. #sidebar.dorako-ui .directory .directory-header .header-search input::placeholder {
  1199. color: var(--color-text-light-heading);
  1200. }
  1201. #sidebar.dorako-ui .directory .directory-header .header-search input:hover, #sidebar.dorako-ui .directory .directory-header .header-search input:focus {
  1202. background-color: var(--glass-bg-gold);
  1203. box-shadow: var(--glassy-sharp-highlight);
  1204. }
  1205. #sidebar.dorako-ui #sidebar-tabs {
  1206. --sidebar-tab-height: 20px;
  1207. --sidebar-tab-width: 20px;
  1208. border: none;
  1209. box-shadow: none;
  1210. margin: 0px;
  1211. margin-top: 1px;
  1212. }
  1213. #sidebar.dorako-ui #sidebar-tabs > .collapse {
  1214. --sidebar-tab-width: 12px;
  1215. position: relative;
  1216. }
  1217. #sidebar.dorako-ui #sidebar-tabs .item {
  1218. border: none;
  1219. margin: 2px 0px;
  1220. text-shadow: 0px 0px 3px black;
  1221. }
  1222. #sidebar.dorako-ui #sidebar-tabs .item.active {
  1223. border: none;
  1224. margin: 2px;
  1225. /* prettier-ignore */
  1226. box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px var(--gold-brown);
  1227. margin: 2px 0px;
  1228. border-radius: 3px;
  1229. color: white;
  1230. background-color: var(--primary-light);
  1231. }
  1232. .dorako-ui #chat-controls {
  1233. margin: 0px 5px;
  1234. gap: 5px;
  1235. }
  1236. .dorako-ui #chat-controls i.fas {
  1237. line-height: 24px;
  1238. }
  1239. .dorako-ui #chat-controls .roll-type-select {
  1240. margin-left: 0px;
  1241. margin-right: 0px;
  1242. border: none;
  1243. border-radius: var(--border-radius);
  1244. background: none;
  1245. background-color: var(--glass-bg);
  1246. box-shadow: var(--glassy);
  1247. background: var(--glass-bg-light);
  1248. color: var(--color-text-light-heading);
  1249. text-shadow: 0px 0px 3px black;
  1250. }
  1251. .dorako-ui #chat-controls .roll-type-select option,
  1252. .dorako-ui #chat-controls .roll-type-select optgroup {
  1253. background-color: rgb(37, 37, 37);
  1254. color: var(--color-text-light-highlight);
  1255. }
  1256. .dorako-ui section.chat-sidebar .jump-to-bottom > a {
  1257. border: none;
  1258. border-radius: var(--border-radius);
  1259. background: none;
  1260. background-color: var(--glass-bg);
  1261. box-shadow: var(--glassy);
  1262. 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;
  1263. border-radius: 0px;
  1264. z-index: 1;
  1265. text-shadow: none;
  1266. background-color: rgba(236, 191, 65, 0.8666666667);
  1267. background-color: #ecbf41;
  1268. background-color: var(--alt-dark);
  1269. background-color: var(--glass-bg-dark);
  1270. backdrop-filter: blur(5px);
  1271. color: var(--color-text-light-heading);
  1272. color: var(--color-text-light-highlight);
  1273. text-shadow: 0px 0px 3px black;
  1274. font-size: large;
  1275. }
  1276. .dorako-ui section.chat-sidebar .jump-to-bottom > a:hover {
  1277. background-color: rgba(255, 219, 119, 0.8666666667);
  1278. background-color: #ffdb77;
  1279. background-color: var(--alt);
  1280. background-color: var(--glass-bg);
  1281. color: var(--color-text-light-highlight);
  1282. }
  1283. .dorako-ui section.chat-sidebar .jump-to-bottom > a:hover a {
  1284. text-shadow: none;
  1285. }
  1286. #token-hud.dorako-ui .status-effects {
  1287. background: none;
  1288. box-shadow: none;
  1289. border: none;
  1290. padding: 0px;
  1291. grid-template-columns: repeat(5, 1fr);
  1292. width: auto;
  1293. gap: 8px;
  1294. }
  1295. #token-hud.dorako-ui .status-effects .effect-control {
  1296. border: none;
  1297. margin: 0px;
  1298. padding: 0px;
  1299. background-color: var(--glass-bg);
  1300. border-radius: var(--border-radius);
  1301. }
  1302. #token-hud.dorako-ui .status-effects .effect-control::before {
  1303. content: "";
  1304. position: absolute;
  1305. top: 0;
  1306. left: 0;
  1307. width: 100%;
  1308. height: 100%;
  1309. box-shadow: var(--glassy);
  1310. border-radius: var(--border-radius);
  1311. overflow: hidden;
  1312. pointer-events: none;
  1313. }
  1314. #token-hud.dorako-ui .status-effects .effect-control.active::before {
  1315. content: "";
  1316. position: absolute;
  1317. top: 0;
  1318. left: 0;
  1319. width: 100%;
  1320. height: 100%;
  1321. box-shadow: var(--gold-and-glow), var(--glassy);
  1322. border-radius: var(--border-radius);
  1323. overflow: hidden;
  1324. pointer-events: none;
  1325. }
  1326. #token-hud.dorako-ui .status-effects .effect-control:hover::before {
  1327. content: "";
  1328. position: absolute;
  1329. top: 0;
  1330. left: 0;
  1331. width: 100%;
  1332. height: 100%;
  1333. box-shadow: 0px 0px 10px rgba(220, 200, 100, 0.5) inset, var(--glassy);
  1334. border-radius: var(--border-radius);
  1335. overflow: hidden;
  1336. pointer-events: none;
  1337. }
  1338. #token-hud.dorako-ui .status-effects .effect-control.active:hover::before {
  1339. content: "";
  1340. position: absolute;
  1341. top: 0;
  1342. left: 0;
  1343. width: 100%;
  1344. height: 100%;
  1345. box-shadow: var(--gold-and-glow), var(--glassy);
  1346. border-radius: var(--border-radius);
  1347. overflow: hidden;
  1348. pointer-events: none;
  1349. }
  1350. #token-hud.dorako-ui .status-effects .effect-control:not(.active):hover img {
  1351. border: unset;
  1352. }
  1353. #token-hud.dorako-ui .status-effects .effect-control:hover, #token-hud.dorako-ui .status-effects .effect-control.active {
  1354. filter: none;
  1355. opacity: 1;
  1356. border: none;
  1357. }
  1358. #token-hud.dorako-ui .status-effects .effect-control:hover img, #token-hud.dorako-ui .status-effects .effect-control.active img {
  1359. border: none;
  1360. }
  1361. #token-hud.dorako-ui .status-effects .effect-control.active:hover {
  1362. border: none;
  1363. filter: brightness(0.75) saturate(0.75);
  1364. }
  1365. #token-hud.dorako-ui .status-effects .effect-control.active img {
  1366. border: none;
  1367. opacity: 1;
  1368. }
  1369. #token-hud.dorako-ui .status-effects .effect-control img {
  1370. border: none;
  1371. margin: 0px;
  1372. opacity: 1;
  1373. height: auto;
  1374. width: auto;
  1375. border-radius: var(--border-radius);
  1376. }
  1377. #token-hud.dorako-ui .status-effects .title-bar {
  1378. border: none;
  1379. border-radius: var(--border-radius);
  1380. background: none;
  1381. background-color: var(--glass-bg);
  1382. box-shadow: var(--glassy);
  1383. backdrop-filter: blur(5px);
  1384. -webkit-backdrop-filter: blur(5px);
  1385. box-sizing: content-box;
  1386. font-size: var(--font-size-20);
  1387. font-weight: normal;
  1388. left: 0;
  1389. line-height: normal;
  1390. padding: 3px 0;
  1391. position: absolute;
  1392. text-align: center;
  1393. top: -40px;
  1394. visibility: hidden;
  1395. width: 100%;
  1396. z-index: 1;
  1397. }
  1398. #token-hud.dorako-ui .status-effects .title-bar.active {
  1399. visibility: visible;
  1400. }
  1401. #token-hud.dorako-ui.placeable-hud input[type=text] {
  1402. border: none;
  1403. border-radius: var(--border-radius);
  1404. background: none;
  1405. background-color: var(--glass-bg);
  1406. box-shadow: var(--glassy);
  1407. text-shadow: 0px 0px 3px black;
  1408. }
  1409. #token-hud.dorako-ui.placeable-hud input[type=text]:focus {
  1410. box-shadow: var(--gold-and-glow), var(--glassy);
  1411. border: none;
  1412. }
  1413. #token-hud.dorako-ui.placeable-hud .control-icon {
  1414. border: none;
  1415. border-radius: var(--border-radius);
  1416. background: none;
  1417. background-color: var(--glass-bg);
  1418. box-shadow: var(--glassy);
  1419. 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;
  1420. text-shadow: 0px 0px 3px black;
  1421. }
  1422. #token-hud.dorako-ui.placeable-hud .control-icon .badge {
  1423. text-shadow: none;
  1424. }
  1425. #token-hud.dorako-ui.placeable-hud .control-icon[data-action=overhead], #token-hud.dorako-ui.placeable-hud .control-icon[data-action=underfoot] {
  1426. background-color: var(--primary-dark);
  1427. }
  1428. #token-hud.dorako-ui.placeable-hud .control-icon[data-action=overhead]:hover, #token-hud.dorako-ui.placeable-hud .control-icon[data-action=overhead].active, #token-hud.dorako-ui.placeable-hud .control-icon[data-action=underfoot]:hover, #token-hud.dorako-ui.placeable-hud .control-icon[data-action=underfoot].active {
  1429. background-color: var(--primary-light);
  1430. }
  1431. #token-hud.dorako-ui.placeable-hud .control-icon[data-action=overhead]:hover > img, #token-hud.dorako-ui.placeable-hud .control-icon[data-action=overhead].active > img, #token-hud.dorako-ui.placeable-hud .control-icon[data-action=underfoot]:hover > img, #token-hud.dorako-ui.placeable-hud .control-icon[data-action=underfoot].active > img {
  1432. filter: sepia() grayscale(0.95) brightness(1) drop-shadow(0px 0px 3px black);
  1433. }
  1434. #token-hud.dorako-ui.placeable-hud .control-icon[data-action=overhead]:hover:hover, #token-hud.dorako-ui.placeable-hud .control-icon[data-action=overhead].active:hover, #token-hud.dorako-ui.placeable-hud .control-icon[data-action=underfoot]:hover:hover, #token-hud.dorako-ui.placeable-hud .control-icon[data-action=underfoot].active:hover {
  1435. background-color: var(--primary-light);
  1436. }
  1437. #token-hud.dorako-ui.placeable-hud .control-icon[data-action=sort-up]:hover, #token-hud.dorako-ui.placeable-hud .control-icon[data-action=sort-down]:hover, #token-hud.dorako-ui.placeable-hud .control-icon[data-action=config]:hover, #token-hud.dorako-ui.placeable-hud .control-icon[data-action=trigger]:hover, #token-hud.dorako-ui.placeable-hud .control-icon[data-action=pf2e-perception]:hover, #token-hud.dorako-ui.placeable-hud .control-icon[data-action=clown-car]:hover, #token-hud.dorako-ui.placeable-hud .control-icon[data-action=delay]:hover {
  1438. background-color: var(--primary-light);
  1439. }
  1440. #token-hud.dorako-ui.placeable-hud .control-icon[data-action=sort-up]:hover > img, #token-hud.dorako-ui.placeable-hud .control-icon[data-action=sort-down]:hover > img, #token-hud.dorako-ui.placeable-hud .control-icon[data-action=config]:hover > img, #token-hud.dorako-ui.placeable-hud .control-icon[data-action=trigger]:hover > img, #token-hud.dorako-ui.placeable-hud .control-icon[data-action=pf2e-perception]:hover > img, #token-hud.dorako-ui.placeable-hud .control-icon[data-action=clown-car]:hover > img, #token-hud.dorako-ui.placeable-hud .control-icon[data-action=delay]:hover > img {
  1441. filter: sepia() grayscale(0.95) brightness(1) drop-shadow(0px 0px 3px black);
  1442. }
  1443. #token-hud.dorako-ui.placeable-hud .control-icon[data-action=visibility], #token-hud.dorako-ui.placeable-hud .control-icon[data-action=effects], #token-hud.dorako-ui.placeable-hud .control-icon[data-action=combat], #token-hud.dorako-ui.placeable-hud .control-icon[data-action=locked], #token-hud.dorako-ui.placeable-hud .control-icon[data-action=target], #token-hud.dorako-ui.placeable-hud .control-icon[data-action=active], #token-hud.dorako-ui.placeable-hud .control-icon[data-action=mystify] {
  1444. background-color: var(--secondary-dark);
  1445. }
  1446. #token-hud.dorako-ui.placeable-hud .control-icon[data-action=visibility]:hover, #token-hud.dorako-ui.placeable-hud .control-icon[data-action=visibility].active, #token-hud.dorako-ui.placeable-hud .control-icon[data-action=effects]:hover, #token-hud.dorako-ui.placeable-hud .control-icon[data-action=effects].active, #token-hud.dorako-ui.placeable-hud .control-icon[data-action=combat]:hover, #token-hud.dorako-ui.placeable-hud .control-icon[data-action=combat].active, #token-hud.dorako-ui.placeable-hud .control-icon[data-action=locked]:hover, #token-hud.dorako-ui.placeable-hud .control-icon[data-action=locked].active, #token-hud.dorako-ui.placeable-hud .control-icon[data-action=target]:hover, #token-hud.dorako-ui.placeable-hud .control-icon[data-action=target].active, #token-hud.dorako-ui.placeable-hud .control-icon[data-action=active]:hover, #token-hud.dorako-ui.placeable-hud .control-icon[data-action=active].active, #token-hud.dorako-ui.placeable-hud .control-icon[data-action=mystify]:hover, #token-hud.dorako-ui.placeable-hud .control-icon[data-action=mystify].active {
  1447. background-color: var(--secondary-light);
  1448. }
  1449. #token-hud.dorako-ui.placeable-hud .control-icon[data-action=visibility]:hover > img, #token-hud.dorako-ui.placeable-hud .control-icon[data-action=visibility].active > img, #token-hud.dorako-ui.placeable-hud .control-icon[data-action=effects]:hover > img, #token-hud.dorako-ui.placeable-hud .control-icon[data-action=effects].active > img, #token-hud.dorako-ui.placeable-hud .control-icon[data-action=combat]:hover > img, #token-hud.dorako-ui.placeable-hud .control-icon[data-action=combat].active > img, #token-hud.dorako-ui.placeable-hud .control-icon[data-action=locked]:hover > img, #token-hud.dorako-ui.placeable-hud .control-icon[data-action=locked].active > img, #token-hud.dorako-ui.placeable-hud .control-icon[data-action=target]:hover > img, #token-hud.dorako-ui.placeable-hud .control-icon[data-action=target].active > img, #token-hud.dorako-ui.placeable-hud .control-icon[data-action=active]:hover > img, #token-hud.dorako-ui.placeable-hud .control-icon[data-action=active].active > img, #token-hud.dorako-ui.placeable-hud .control-icon[data-action=mystify]:hover > img, #token-hud.dorako-ui.placeable-hud .control-icon[data-action=mystify].active > img {
  1450. filter: sepia() grayscale(0.95) brightness(1) drop-shadow(0px 0px 3px black);
  1451. }
  1452. #token-hud.dorako-ui.placeable-hud .control-icon[data-action=clown-car] img {
  1453. margin: unset;
  1454. }
  1455. #token-hud.dorako-ui.placeable-hud .control-icon:hover {
  1456. background-color: var(--secondary);
  1457. color: var(--color-text-light-highlight);
  1458. }
  1459. #token-hud.dorako-ui.placeable-hud .control-icon.active {
  1460. color: var(--color-text-light-highlight);
  1461. background-color: var(--secondary-light);
  1462. border: none;
  1463. }
  1464. #token-hud.dorako-ui.placeable-hud .control-icon.active > img {
  1465. filter: sepia() grayscale(0.95) brightness(1) drop-shadow(0px 0px 3px black);
  1466. }
  1467. #token-hud.dorako-ui.placeable-hud .control-icon > img {
  1468. opacity: 1;
  1469. filter: sepia() brightness(0.8) drop-shadow(0px 0px 3px black);
  1470. }
  1471. #token-hud.dorako-ui.placeable-hud .control-icon .effect-control.valued .badge,
  1472. #token-hud.dorako-ui.placeable-hud .control-icon .effect-control .badge {
  1473. font-size: var(--font-size-16);
  1474. font-weight: 600;
  1475. line-height: var(--font-size-17);
  1476. border-radius: 0px var(--border-radius) 0px 3px;
  1477. background: var(--primary-light);
  1478. margin: 1px;
  1479. color: white;
  1480. text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
  1481. height: 1.1rem;
  1482. width: 1.1rem;
  1483. border: 1px solid var(--gold-brown);
  1484. box-shadow: -1px 1px 0px var(--tertiary);
  1485. }
  1486. #token-hud.dorako-ui.placeable-hud .control-icon .badge.fa-lock:before {
  1487. position: relative;
  1488. top: -2.5px;
  1489. font-size: var(--font-size-10);
  1490. }
  1491. .dorako-ui.sheet.familiar form {
  1492. background: unset;
  1493. }
  1494. .dorako-ui.sheet.party [data-tab=overview] .summary {
  1495. padding: 10px 12px;
  1496. }
  1497. .dorako-ui.sheet.party [data-tab=overview] .member > .data header .hero-points .empty {
  1498. border-color: var(--tertiary);
  1499. }
  1500. .dorako-ui.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-background .pc {
  1501. gap: 4px;
  1502. }
  1503. .dorako-ui.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list li.action .item-name .item-image {
  1504. border: none;
  1505. margin: 2px;
  1506. /* prettier-ignore */
  1507. box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px var(--gold-brown);
  1508. border-radius: 2px;
  1509. margin: 0px;
  1510. margin-right: 8px;
  1511. }
  1512. .dorako-ui.actor.sheet .crb-style aside .classdc-rank .modifiers_button {
  1513. border-radius: 2px;
  1514. }
  1515. .dorako-ui.actor.sheet .crb-style aside .sidebar select {
  1516. color: white;
  1517. }
  1518. .dorako-ui.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.feats .feat-item .item-name .item-image .item-icon, .dorako-ui.spellcasting-entry.preparation ol.spell-list > li .item-name .item-image .item-icon {
  1519. border-radius: 2px;
  1520. }
  1521. .dorako-ui.actor.sheet button.use-action {
  1522. text-shadow: unset !important;
  1523. }
  1524. .dorako-ui.actor.sheet button.use-action select {
  1525. box-shadow: unset !important;
  1526. }
  1527. .dorako-ui.actor.sheet .crb-style aside .modifiers_button {
  1528. text-shadow: none;
  1529. }
  1530. .dorako-ui.actor.sheet .crb-style aside .modifiers_button:hover:not(:disabled) {
  1531. background: white;
  1532. color: var(--primary);
  1533. }
  1534. .dorako-ui.actor.sheet .crb-style {
  1535. background-image: url("../img/header.webp"), var(--sheet);
  1536. }
  1537. .dorako-ui.spellcasting-entry.preparation ol.spell-list > li .item-name .item-image:hover .dorako-ui.actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .item-name .item-image:hover, .dorako-ui.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list li.action .item-name .item-image:hover, .dorako-ui.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.effects .effects-list .item .item-name .item-image:hover {
  1538. 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;
  1539. background: white !important;
  1540. }
  1541. .dorako-ui.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action .item-summary, .dorako-ui.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .item-summary, .dorako-ui.sheet.party [data-tab=overview] .summary, .dorako-ui.sheet.party [data-tab=exploration] .activities .member-activity, .dorako-ui.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .attributes .attribute h3.modifier, .dorako-ui.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list li.action.expanded .item-summary, .dorako-ui.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels .actions-options, .dorako-ui.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-options, .dorako-ui.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .skills-list .skill, .dorako-ui.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .lores-list .skill, .dorako-ui.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .combat-list .skill, .dorako-ui.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .ability-scores .ability, .dorako-ui.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .ability-scores .ability h3.ability-mod, .dorako-ui.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .attribute-modifiers .attribute, .dorako-ui.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .attribute-modifiers .attribute h3.attribute-mod {
  1542. border-image-source: var(--ornamentation);
  1543. }
  1544. .dorako-ui.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-options {
  1545. gap: 3px;
  1546. }
  1547. .dorako-ui.sheet.actor.loot section.sidebar .gm-settings .loot-distribution {
  1548. box-shadow: unset;
  1549. background: unset;
  1550. gap: 3px;
  1551. display: flex;
  1552. flex-direction: column;
  1553. }
  1554. .dorako-ui.sheet.actor.loot section.sidebar .gm-settings .loot-distribution button {
  1555. background-color: var(--tertiary);
  1556. }
  1557. .dorako-ui.sheet.actor.loot section.sidebar .gm-settings .loot-distribution button:hover {
  1558. color: black;
  1559. background-color: var(--tertiary-dark);
  1560. }
  1561. .dorako-ui.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list.strikes-list li.strike .auxiliary-actions button:not(:disabled) {
  1562. text-shadow: unset;
  1563. }
  1564. .dorako-ui.actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li.spell.expanded {
  1565. border-radius: 0px 0px 10px 10px;
  1566. }
  1567. .dorako-ui.actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .item-summary .item-buttons button {
  1568. 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;
  1569. text-shadow: 0px 0px 3px black;
  1570. color: white;
  1571. background-color: var(--primary);
  1572. box-shadow: 0px 0px 1px 1px var(--tertiary) inset;
  1573. border: 1px solid var(--gold-brown);
  1574. }
  1575. .dorako-ui.actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .item-summary .item-buttons button:hover {
  1576. background-color: var(--primary-light);
  1577. }
  1578. .dorako-ui.actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .item-summary {
  1579. border: none;
  1580. margin: 2px;
  1581. /* prettier-ignore */
  1582. box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px var(--gold-brown);
  1583. background-image: var(--sheet);
  1584. background-size: cover;
  1585. border: none;
  1586. margin: 2px;
  1587. /* prettier-ignore */
  1588. box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px var(--gold-brown), 0 0 5px rgba(0, 0, 0, 0.8);
  1589. margin: 5px 0px;
  1590. border-radius: 8px;
  1591. }
  1592. .dorako-ui.actor.sheet .crb-style nav.sheet-navigation .item, .dorako-ui.actor.sheet .crb-style nav.sheet-navigation .item:hover, .dorako-ui .actor.sheet .crb-style nav.sheet-navigation .item.active {
  1593. z-index: 4;
  1594. }
  1595. .dorako-ui.actor.sheet.character .crb-style .sheet-body .sheet-content h3.header > button, .dorako-ui.actor.sheet.character .crb-style .sheet-body .sheet-content h3.header > .controls {
  1596. gap: 3px;
  1597. }
  1598. .dorako-ui.actor.sheet .inventory .list-row .item-controls .item-control.item-carry-type:not(.active) {
  1599. color: var(--half-transparent);
  1600. }
  1601. .dorako-ui.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.inventory .encumbrance .encumbrance-light-bulk-overflow {
  1602. color: var(--body);
  1603. text-shadow: unset;
  1604. }
  1605. .dorako-ui.actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .item-name .item-image .item-icon {
  1606. border-radius: 2px;
  1607. }
  1608. .dorako-ui.actor.sheet .inventory .item-name .item-image {
  1609. background-color: var(--alt-dark);
  1610. border: 1px solid var(--gold-brown);
  1611. border-bottom: 0px;
  1612. border-left: 0px;
  1613. }
  1614. .dorako-ui.actor.sheet .inventory .item-name .item-image:last-child {
  1615. border-bottom: 1px solid var(--gold-brown);
  1616. }
  1617. .dorako-ui.actor.sheet .inventory .container-held-items .item-name .item-image {
  1618. border-left: 1px solid var(--gold-brown);
  1619. }
  1620. .dorako-ui.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.inventory .wealth {
  1621. margin-bottom: unset;
  1622. box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3), inset 0 0 0 2px rgba(255, 255, 255, 0.2), 0 2px 4px rgba(0, 0, 0, 0.18);
  1623. }
  1624. .dorako-ui.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.inventory .inventory-list {
  1625. padding-top: 0.5rem;
  1626. }
  1627. .dorako-ui.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions {
  1628. gap: unset;
  1629. }
  1630. .dorako-ui.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions > div {
  1631. padding-top: 0.5rem;
  1632. }
  1633. .dorako-ui.actor.sheet aside {
  1634. z-index: 1;
  1635. }
  1636. .dorako-ui.actor.sheet.green-theme .crb-style {
  1637. background-image: url("../img/green-header.webp"), var(--sheet);
  1638. }
  1639. .dorako-ui.actor.sheet.green-theme .crb-style aside {
  1640. background-image: url("../img/green-sidebar-top.webp"), url("../img/green-sidebar-bottom.webp");
  1641. }
  1642. .dorako-ui.actor.sheet.green-theme .crb-style aside .logo {
  1643. filter: grayscale(0.6);
  1644. }
  1645. .dorako-ui.actor.sheet.green-theme .crb-style aside .sidebar .hitpoints .hp-big .container.current-hp {
  1646. background-image: linear-gradient(90deg, var(--remaster) 0%, var(--remaster-light) 50%, var(--remaster) 100%);
  1647. background-color: var(--remaster);
  1648. }
  1649. .dorako-ui.actor.sheet.green-theme .crb-style aside .sidebar .armor-class .shield.hp {
  1650. background: url("../img/blue-shield.webp") no-repeat top center;
  1651. }
  1652. .dorako-ui.actor.sheet.green-theme .crb-style aside .sidebar .initiative-select select {
  1653. background-color: var(--remaster);
  1654. }
  1655. .dorako-ui.actor.sheet.green-theme .crb-style header.char-header .char-level .level {
  1656. background: url("../img/blue-level-badge.webp") no-repeat;
  1657. }
  1658. .dorako-ui.actor.sheet.green-theme .crb-style nav.sheet-navigation {
  1659. background: var(--remaster-light);
  1660. }
  1661. .dorako-ui.actor.sheet.green-theme .crb-style nav.sheet-navigation .item:hover,
  1662. .dorako-ui.actor.sheet.green-theme .crb-style nav.sheet-navigation .item.active {
  1663. background-image: url("../img/green-nav-item.webp");
  1664. }
  1665. .dorako-ui.actor.sheet.blue-theme .crb-style {
  1666. background-image: url("../img/blue-header.webp"), var(--sheet);
  1667. }
  1668. .dorako-ui.actor.sheet.blue-theme .crb-style aside {
  1669. background-image: url("../img/blue-sidebar-top.webp"), url("../img/blue-sidebar-bottom.webp");
  1670. }
  1671. .dorako-ui.actor.sheet.blue-theme .crb-style aside .logo {
  1672. filter: grayscale(0.6);
  1673. }
  1674. .dorako-ui.actor.sheet.blue-theme .crb-style aside .sidebar .hitpoints .hp-big .container.current-hp {
  1675. background-image: linear-gradient(90deg, var(--secondary) 0%, var(--secondary-light) 50%, var(--secondary) 100%);
  1676. background-color: var(--secondary);
  1677. }
  1678. .dorako-ui.actor.sheet.blue-theme .crb-style aside .sidebar .armor-class .shield.hp {
  1679. background: url("../img/blue-shield.webp") no-repeat top center;
  1680. }
  1681. .dorako-ui.actor.sheet.blue-theme .crb-style aside .sidebar .initiative-select select {
  1682. background-color: var(--secondary);
  1683. }
  1684. .dorako-ui.actor.sheet.blue-theme .crb-style header.char-header .char-level .level {
  1685. background: url("../img/blue-level-badge.webp") no-repeat;
  1686. }
  1687. .dorako-ui.actor.sheet.blue-theme .crb-style nav.sheet-navigation {
  1688. background: var(--secondary-light);
  1689. }
  1690. .dorako-ui.actor.sheet.blue-theme .crb-style nav.sheet-navigation .item:hover,
  1691. .dorako-ui.actor.sheet.blue-theme .crb-style nav.sheet-navigation .item.active {
  1692. background-image: url("../img/blue-nav-item.webp");
  1693. }
  1694. .dorako-ui.dark-theme h4.rarity-common {
  1695. color: var(--rarity-common) !important;
  1696. border-color: var(--rarity-common) !important;
  1697. }
  1698. .dorako-ui.dark-theme h4.rarity-uncommon {
  1699. color: var(--rarity-uncommon) !important;
  1700. border-color: var(--rarity-uncommon) !important;
  1701. }
  1702. .dorako-ui.dark-theme h4.rarity-rare {
  1703. color: var(--rarity-rare) !important;
  1704. border-color: var(--rarity-rare) !important;
  1705. }
  1706. .dorako-ui.dark-theme h4.rarity-unique {
  1707. color: var(--rarity-unique) !important;
  1708. border-color: var(--rarity-unique) !important;
  1709. }
  1710. .dorako-ui.dark-theme.actor.sheet.character button.use-action {
  1711. color: black !important;
  1712. }
  1713. .dorako-ui.dark-theme.npc .npc-sheet .actions-list li.action .button-group > button.use-action, .dorako-ui.dark-theme.npc .npc-sheet .attacks-list li.action .button-group > button.use-action {
  1714. border-radius: 2px;
  1715. border: none;
  1716. box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3), inset 0 0 0 2px rgba(0, 0, 0, 0.2);
  1717. background: var(--bg-dark);
  1718. text-rendering: optimizeLegibility;
  1719. text-transform: uppercase;
  1720. font: 500 var(--font-size-10) var(--sans-serif);
  1721. color: black;
  1722. }
  1723. .dorako-ui.dark-theme.npc .npc-sheet .actions-list li.action .button-group > button.use-action:hover, .dorako-ui.dark-theme.npc .npc-sheet .attacks-list li.action .button-group > button.use-action:hover {
  1724. box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.15), inset 0 0 0 2px rgba(0, 0, 0, 0.4);
  1725. }
  1726. .dorako-ui.dark-theme.pf2e.item.sheet.action form .drop-zone picture, .dorako-ui.dark-theme.pf2e.item.sheet.action form .drop-zone img {
  1727. border: none;
  1728. margin: 2px;
  1729. /* prettier-ignore */
  1730. box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px var(--gold-brown), 0 0 5px rgba(0, 0, 0, 0.8);
  1731. background-color: var(--glass-bg);
  1732. }
  1733. .dorako-ui.dark-theme.pf2e.item.sheet.action form .drop-zone {
  1734. border: none;
  1735. border-radius: var(--border-radius);
  1736. background: none;
  1737. background-color: var(--glass-bg);
  1738. box-shadow: var(--glassy);
  1739. background-color: var(--glass-bg-light);
  1740. }
  1741. .dorako-ui.dark-theme.pf2e.item.sheet.action form .drop-zone a.content-link {
  1742. border: none;
  1743. border-radius: var(--border-radius);
  1744. background: none;
  1745. background-color: var(--glass-bg);
  1746. box-shadow: var(--glassy);
  1747. background-color: var(--primary);
  1748. color: var(--color-text-light-highlight);
  1749. padding-right: 15px;
  1750. }
  1751. .dorako-ui.dark-theme.sheet.actor.loot, .dorako-ui.dark-theme.sheet.preparation, .dorako-ui.dark-theme.actor.sheet.character {
  1752. --text-dark: var(--color-text-light-highlight);
  1753. }
  1754. .dorako-ui.dark-theme.sheet.party {
  1755. --color-border: var(--tertiary);
  1756. --alt-dark: var(--tertiary-dark);
  1757. --text-dark: var(--color-text-light-highlight);
  1758. }
  1759. .dorako-ui.dark-theme.sheet.party .sidebar .box header {
  1760. border: 1px solid var(--tertiary);
  1761. }
  1762. .dorako-ui.dark-theme.sheet.party form {
  1763. background: unset;
  1764. }
  1765. .dorako-ui.dark-theme.sheet.party form .details .title .name {
  1766. box-shadow: none !important;
  1767. background: none !important;
  1768. }
  1769. .dorako-ui.dark-theme .tags .tag.tag_transparent,
  1770. .dorako-ui.dark-theme .tags .tag option.tag_transparent {
  1771. color: white;
  1772. }
  1773. .dorako-ui.dark-theme.sheet.party .sidebar .box footer {
  1774. background: var(--tertiary);
  1775. }
  1776. .dorako-ui.dark-theme.sheet.party [data-tab=exploration] .exploration-members .member .sub-data {
  1777. background-color: rgba(255, 255, 255, 0.1);
  1778. }
  1779. .dorako-ui.dark-theme.sheet.party [data-tab=exploration] .exploration-members .member .sub-data > span:not(:last-child) {
  1780. border-color: rgba(255, 255, 255, 0.2);
  1781. }
  1782. .dorako-ui.dark-theme.sheet.party [data-tab=overview] .member .main-stats .ac .value {
  1783. color: var(--tertiary);
  1784. text-shadow: 0px 1px 0px black;
  1785. }
  1786. .dorako-ui.dark-theme.sheet.party [data-tab=overview] .summary nav button.active {
  1787. background: var(--primary);
  1788. }
  1789. .dorako-ui.dark-theme.sheet.party .tag-light {
  1790. background: var(--tag-color);
  1791. color: white;
  1792. box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.5) inset;
  1793. }
  1794. .dorako-ui.dark-theme.sheet.party nav.sub-nav a, .dorako-ui.dark-theme.sheet.party nav.sub-nav .tab {
  1795. color: var(--tertiary-dark);
  1796. }
  1797. .dorako-ui.dark-theme.sheet.party [data-tab=exploration] .activities .member-activity .empty .name, .dorako-ui.dark-theme.sheet.party nav.sub-nav a.active, .dorako-ui.dark-theme.sheet.party nav.sub-nav .tab.active {
  1798. color: var(--tertiary);
  1799. }
  1800. .dorako-ui.dark-theme.sheet.party nav.sub-nav {
  1801. background: var(--glass-bg-light);
  1802. box-shadow: 0 2px 4px rgba(0, 0, 0, 0.18), 0px -1px 2px rgba(255, 255, 255, 0.3) inset;
  1803. }
  1804. .dorako-ui.dark-theme.sheet.party nav.sub-nav .tab {
  1805. border-left: 1px solid rgba(255, 255, 255, 0.3);
  1806. border-right: 1px solid rgba(0, 0, 0, 0.2);
  1807. }
  1808. .dorako-ui.dark-theme.sheet.party nav.sub-nav::before, .dorako-ui.dark-theme.sheet.party nav.sub-nav::after {
  1809. filter: invert(1);
  1810. }
  1811. .dorako-ui.dark-theme.sheet.party [data-tab=overview] .member .name .hero-points .empty {
  1812. border-color: var(--tertiary);
  1813. }
  1814. .dorako-ui.dark-theme.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .button-group .versatile-options button {
  1815. box-shadow: 0px 0px 1px 1px var(--tertiary) inset;
  1816. --color-border-piercing: #5c5c5c;
  1817. --color-border-slashing: #5c5c5c;
  1818. --color-border-bludgeoning: #5c5c5c;
  1819. }
  1820. .dorako-ui.dark-theme.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .button-group .versatile-options button:hover, .dorako-ui.dark-theme.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .button-group .versatile-options button.selected {
  1821. background: white;
  1822. }
  1823. .dorako-ui.dark-theme.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .button-group .versatile-options button:hover .icon, .dorako-ui.dark-theme.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .button-group .versatile-options button.selected .icon {
  1824. color: black !important;
  1825. }
  1826. .dorako-ui.dark-theme.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .button-group .versatile-options button .icon {
  1827. text-shadow: none;
  1828. }
  1829. .dorako-ui.dark-theme.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .button-group .versatile-options button.damage.color.bludgeoning .icon, .dorako-ui.dark-theme.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .button-group .versatile-options button.damage.color.piercing .icon, .dorako-ui.dark-theme.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .button-group .versatile-options button.damage.color.slashing .icon {
  1830. color: var(--color-border-piercing);
  1831. }
  1832. .dorako-ui.dark-theme.actor.sheet.character .crb-style .sheet-body .sheet-content .item-image i, .dorako-ui.dark-theme.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-details .alignment select, .dorako-ui.dark-theme.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .auxiliary-actions button select.modular {
  1833. color: black;
  1834. }
  1835. .dorako-ui.dark-theme.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action .item-summary .tag.tag_secondary, .dorako-ui.dark-theme.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .item-summary .tag.tag_secondary {
  1836. background-color: var(--tertiary-dark);
  1837. color: black;
  1838. }
  1839. .dorako-ui.dark-theme .tags .tag.tag_secondary,
  1840. .dorako-ui.dark-theme .tags .tag option.tag_secondary {
  1841. background-color: var(--tertiary-dark);
  1842. color: black;
  1843. }
  1844. .dorako-ui.dark-theme .tags .tag.tag_transparent,
  1845. .dorako-ui.dark-theme .tags .tag option.tag_transparent {
  1846. box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3);
  1847. }
  1848. .dorako-ui.dark-theme.sheet.actor.loot section.sidebar .gm-settings .loot-distribution {
  1849. gap: 5px;
  1850. }
  1851. .dorako-ui.dark-theme.sheet.actor.loot section.sidebar .gm-settings .loot-distribution button {
  1852. border: none;
  1853. border-radius: var(--border-radius);
  1854. background: none;
  1855. background-color: var(--glass-bg);
  1856. box-shadow: var(--glassy);
  1857. text-shadow: unset;
  1858. background-color: var(--tertiary);
  1859. color: black;
  1860. }
  1861. .dorako-ui.dark-theme.sheet.actor.loot section.sidebar .gm-settings .loot-distribution button:hover {
  1862. background-color: var(--tertiary-dark);
  1863. color: black;
  1864. }
  1865. .dorako-ui.dark-theme.actor.sheet .inventory .item-summary {
  1866. background: rgba(0, 0, 0, 0.25);
  1867. }
  1868. .dorako-ui.dark-theme.actor.sheet .inventory .list-row .item-controls .item-control.item-toggle-invest {
  1869. color: var(--half-transparent);
  1870. }
  1871. .dorako-ui.dark-theme.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .attributes .attribute .abbreviation, .dorako-ui.dark-theme.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .attribute-modifiers .attribute .attribute-name, .dorako-ui.dark-theme.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .ability-scores .ability .ability-name {
  1872. color: var(--color-border-light-primary);
  1873. }
  1874. .dorako-ui.dark-theme.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .attribute-modifiers .attribute input, .dorako-ui.dark-theme.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .ability-scores .ability .ability-score input {
  1875. background: rgba(211, 204, 188, 0.2);
  1876. box-shadow: none;
  1877. }
  1878. .dorako-ui.dark-theme.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.effects .effects-list .item.unidentified {
  1879. border-radius: 3px;
  1880. background: rgba(245, 234, 245, 0.1333333333);
  1881. outline: 1px dashed #720073;
  1882. }
  1883. .dorako-ui.dark-theme.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action, .dorako-ui.dark-theme.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike, .dorako-ui.dark-theme.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list li.action, .dorako-ui.dark-theme.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.effects .effects-list .item {
  1884. border-image: linear-gradient(90deg, rgba(241, 237, 234, 0), var(--tertiary)) 1;
  1885. }
  1886. .dorako-ui.dark-theme.actor.sheet .inventory .list-row .item-controls .item-control .fa-stack .fa-1, .dorako-ui.dark-theme.actor.sheet .inventory .list-row .item-controls .item-control .fa-stack .fa-2 {
  1887. color: black;
  1888. }
  1889. .dorako-ui.dark-theme.actor.sheet .crb-style .sheet-body .sheet-content .tab.biography h3 {
  1890. color: var(--tertiary);
  1891. border-color: var(--tertiary);
  1892. }
  1893. .dorako-ui.dark-theme.actor.sheet .crb-style .sheet-body .sheet-content .tab.biography .biography-content .editor .editor-content {
  1894. border: none;
  1895. border-radius: var(--border-radius);
  1896. background: none;
  1897. background-color: var(--glass-bg);
  1898. box-shadow: var(--glassy);
  1899. }
  1900. .dorako-ui.dark-theme.actor.sheet.character .crb-style .sheet-body .sheet-content h3.header {
  1901. color: var(--tertiary);
  1902. }
  1903. .dorako-ui.dark-theme.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list li.action.expanded h4 {
  1904. color: var(--tertiary);
  1905. }
  1906. .dorako-ui.dark-theme.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list li.action.expanded .item-summary .tag.tag_secondary {
  1907. background-color: var(--tertiary-dark);
  1908. }
  1909. .dorako-ui.dark-theme.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .attributes .attribute .label,
  1910. .dorako-ui.dark-theme .crb-style .details-label {
  1911. color: var(--tertiary);
  1912. }
  1913. .dorako-ui.dark-theme.actor.sheet .inventory .list-row .item-controls .item-control.toggle-invested {
  1914. color: rgba(255, 255, 255, 0.5);
  1915. }
  1916. .dorako-ui.dark-theme.actor.sheet .inventory .list-row .item-controls .item-control.item-toggle-invest.active, .dorako-ui.dark-theme.actor.sheet .inventory .list-row .item-controls .item-control.item-carry-type.active, .dorako-ui.dark-theme.actor.sheet .inventory .list-row .item-controls .item-control.toggle-invested.active {
  1917. color: var(--tertiary-dark);
  1918. }
  1919. .dorako-ui.dark-theme.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action .item-name .actions-title .action-name > h4:hover, .dorako-ui.dark-theme.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .item-name .actions-title .action-name > h4:hover {
  1920. color: var(--tertiary);
  1921. }
  1922. .dorako-ui.dark-theme.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .ability-scores .ability .ability-id, .dorako-ui.dark-theme.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .attribute-modifiers .attribute .attribute-id {
  1923. color: var(--tertiary);
  1924. }
  1925. .dorako-ui.dark-theme.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane h1 {
  1926. color: var(--tertiary);
  1927. }
  1928. .dorako-ui.dark-theme.actor.sheet.character .crb-style .sheet-body .sheet-content h3.header button {
  1929. background-color: var(--tertiary);
  1930. color: black;
  1931. text-shadow: unset;
  1932. }
  1933. .dorako-ui.dark-theme.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .ability-scores .ability.key .ability-id, .dorako-ui.dark-theme.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .ability-scores .ability.key .ability-mod {
  1934. color: var(--tertiary-dark);
  1935. }
  1936. .dorako-ui.dark-theme.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.spellcasting .spellcasting-entry .spell-ability-data .skill-score, .dorako-ui.dark-theme.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.feats .feat-item .item-name .feat-slot-title {
  1937. color: var(--tertiary-dark);
  1938. }
  1939. .dorako-ui.dark-theme.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .skills-list .skill .skill-score, .dorako-ui.dark-theme.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .lores-list .skill .skill-score, .dorako-ui.dark-theme.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .combat-list .skill .skill-score {
  1940. color: var(--tertiary);
  1941. text-shadow: unset;
  1942. }
  1943. .dorako-ui.dark-theme.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.feats .feat-item .item-name h4:hover, .dorako-ui.dark-theme.actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .item-name h4:hover, .dorako-ui.dark-theme.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list li.action .item-name .actions-title .action-name h4:hover, .dorako-ui.dark-theme.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list li.action .item-name h4:hover {
  1944. color: var(--tertiary);
  1945. text-shadow: unset;
  1946. }
  1947. .dorako-ui.dark-theme.actor.sheet .crb-style aside .modifiers_button {
  1948. background: hsla(0, 0%, 100%, 0.75);
  1949. border: none;
  1950. border-radius: 2px 2px 0 0;
  1951. box-shadow: inset 0 0 0 1px hsla(0, 0%, 100%, 0.4);
  1952. color: var(--primary);
  1953. margin: 0;
  1954. padding: 2px 3px;
  1955. }
  1956. .dorako-ui.dark-theme.actor.sheet .crb-style aside .classdc-rank .modifiers_button {
  1957. border-radius: 2px;
  1958. }
  1959. .dorako-ui.dark-theme.actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .item-summary .item-buttons button {
  1960. border: none;
  1961. border-radius: var(--border-radius);
  1962. background: none;
  1963. background-color: var(--glass-bg);
  1964. box-shadow: var(--glassy);
  1965. 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;
  1966. background-color: var(--primary);
  1967. color: var(--color-text-light-highlight);
  1968. font-family: var(--sans-serif);
  1969. text-shadow: 0px 0px 3px black;
  1970. }
  1971. .dorako-ui.dark-theme.actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .item-summary .item-buttons button:hover {
  1972. background-color: var(--primary-light);
  1973. color: white;
  1974. text-shadow: 0px 0px 3px black;
  1975. }
  1976. .dorako-ui.dark-theme.actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .item-summary {
  1977. border: none;
  1978. margin: 2px;
  1979. /* prettier-ignore */
  1980. box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px var(--gold-brown);
  1981. background-image: var(--sheet);
  1982. background-size: cover;
  1983. margin: 5px 0px;
  1984. border-radius: 8px;
  1985. background-color: var(--secondary-dark);
  1986. background-blend-mode: luminosity;
  1987. }
  1988. .dorako-ui.dark-theme.actor.sheet.character .crb-style .sheet-body .sheet-content nav {
  1989. background: var(--glass-bg-light);
  1990. box-shadow: 0 2px 4px rgba(0, 0, 0, 0.18), 0px -1px 2px rgba(255, 255, 255, 0.3) inset;
  1991. }
  1992. .dorako-ui.dark-theme.actor.sheet.character .crb-style .sheet-body .sheet-content nav .tab {
  1993. border-left: 1px solid rgba(255, 255, 255, 0.3);
  1994. border-right: 1px solid rgba(0, 0, 0, 0.2);
  1995. color: var(--tertiary-dark);
  1996. }
  1997. .dorako-ui.dark-theme.actor.sheet.character .crb-style .sheet-body .sheet-content nav .tab.active {
  1998. color: var(--tertiary);
  1999. }
  2000. .dorako-ui.dark-theme.actor.sheet.character .crb-style .sheet-body .sheet-content nav .tab:hover {
  2001. text-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
  2002. }
  2003. .dorako-ui.dark-theme.actor.sheet.character .crb-style .sheet-body .sheet-content nav::before, .dorako-ui.dark-theme.actor.sheet.character .crb-style .sheet-body .sheet-content nav::after {
  2004. filter: invert(1);
  2005. }
  2006. .dorako-ui.dark-theme.pf2e.item.sheet form section.sheet-body .item-mystification.active .mystification-status label, .dorako-ui.dark-theme.pf2e.item.sheet form .sheet-content section.sheet-sidebar .inventory-details label, .dorako-ui.dark-theme.pf2e.item.sheet form .sheet-content section.sheet-sidebar .feat-details label {
  2007. color: var(--color-text-light);
  2008. }
  2009. .dorako-ui.dark-theme.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list.strikes-list li.strike .alt-usage img.alt-usage-icon {
  2010. filter: invert(1);
  2011. }
  2012. .dorako-ui.dark-theme.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.spellcasting .spellcasting-entry .rollable .d20-svg path, .dorako-ui.dark-theme.actor.sheet a.roll-icon svg path {
  2013. fill: var(--text-light);
  2014. }
  2015. .dorako-ui.dark-theme.actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li.spell-level-header input, .dorako-ui.dark-theme.actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .uses input {
  2016. box-shadow: unset;
  2017. }
  2018. .dorako-ui.dark-theme.sheet.actor section.sidebar, .dorako-ui.dark-theme.sheet.actor section.sidebar .gm-settings, .dorako-ui.dark-theme.sheet.actor section.sidebar > img.actor-icon, .dorako-ui.dark-theme.sheet.actor section.sidebar .sidebar-meta, .dorako-ui.dark-theme.sheet.actor .sheet-header {
  2019. border-color: var(--tertiary) !important;
  2020. }
  2021. .dorako-ui.dark-theme.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .button-group, .dorako-ui.dark-theme.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list.strikes-list li.strike .button-group {
  2022. gap: 3px;
  2023. }
  2024. .dorako-ui.dark-theme.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .button-group button.tag, .dorako-ui.dark-theme.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list.strikes-list li.strike .button-group button.tag {
  2025. border: none;
  2026. border-radius: var(--border-radius);
  2027. background: none;
  2028. background-color: var(--glass-bg);
  2029. box-shadow: var(--glassy);
  2030. 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;
  2031. text-shadow: 0px 0px 3px black;
  2032. }
  2033. .dorako-ui.dark-theme.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .button-group button.tag:not(:disabled), .dorako-ui.dark-theme.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list.strikes-list li.strike .button-group button.tag:not(:disabled) {
  2034. background: var(--secondary);
  2035. color: var(--color-text-light-highlight);
  2036. }
  2037. .dorako-ui.dark-theme.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .button-group button.tag:not(:disabled).damage, .dorako-ui.dark-theme.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list.strikes-list li.strike .button-group button.tag:not(:disabled).damage {
  2038. background: var(--primary);
  2039. }
  2040. .dorako-ui.dark-theme.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .button-group button.tag:not(:disabled).damage:hover, .dorako-ui.dark-theme.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list.strikes-list li.strike .button-group button.tag:not(:disabled).damage:hover {
  2041. background: var(--primary-light);
  2042. color: white;
  2043. }
  2044. .dorako-ui.dark-theme.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .button-group button.tag:not(:disabled):hover, .dorako-ui.dark-theme.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list.strikes-list li.strike .button-group button.tag:not(:disabled):hover {
  2045. border: none;
  2046. border-radius: var(--border-radius);
  2047. background: none;
  2048. background-color: var(--glass-bg);
  2049. box-shadow: var(--glassy);
  2050. text-shadow: 0px 0px 3px black;
  2051. background: var(--secondary-light);
  2052. color: white;
  2053. }
  2054. .dorako-ui.dark-theme.actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li button.cast-spell, .dorako-ui.dark-theme.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.spellcasting .blue-button {
  2055. border: none;
  2056. border-radius: var(--border-radius);
  2057. background: none;
  2058. background-color: var(--glass-bg);
  2059. box-shadow: var(--glassy);
  2060. 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;
  2061. text-shadow: 0px 0px 3px black;
  2062. background: var(--secondary);
  2063. color: var(--color-text-light-highlight);
  2064. }
  2065. .dorako-ui.dark-theme.actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li button.cast-spell:hover, .dorako-ui.dark-theme.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.spellcasting .blue-button:hover {
  2066. border: none;
  2067. border-radius: var(--border-radius);
  2068. background: none;
  2069. background-color: var(--glass-bg);
  2070. box-shadow: var(--glassy);
  2071. text-shadow: 0px 0px 3px black;
  2072. background: var(--secondary-light);
  2073. color: white;
  2074. }
  2075. .dorako-ui.dark-theme.actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li[data-expended-state=true] .cast-spell {
  2076. background: var(--secondary-dark);
  2077. color: var(--color-disabled);
  2078. }
  2079. .dorako-ui.dark-theme.actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li[data-expended-state=true] .cast-spell:hover {
  2080. background: var(--secondary-dark);
  2081. color: var(--color-disabled);
  2082. }
  2083. .dorako-ui.dark-theme.actor.sheet .crb-style header.char-header .char-details h1.char-name input[type=text], .dorako-ui.dark-theme.actor.sheet .crb-style header.char-header .char-details h1.char-name span.non-editable, .dorako-ui.dark-theme.actor.sheet .crb-style header.char-header .char-level .level input, .dorako-ui.dark-theme.actor.sheet.character .crb-style header.char-header .char-level .exp-data .exp-input input, .dorako-ui.dark-theme.actor.sheet .crb-style .sheet-body .sheet-content ol.directory-list .action-header h3 input.item-name-input, .dorako-ui.dark-theme.actor.sheet .crb-style aside input[type=number], .dorako-ui.dark-theme.actor.sheet .crb-style aside .sidebar .stamina li input.right {
  2084. background: unset;
  2085. box-shadow: unset;
  2086. color: unset;
  2087. }
  2088. .dorako-ui.dark-theme.actor.sheet .crb-style header.char-header .char-details h1.char-name input[type=text]:hover, .dorako-ui.dark-theme.actor.sheet .crb-style header.char-header .char-details h1.char-name input[type=text]:focus, .dorako-ui.dark-theme.actor.sheet .crb-style header.char-header .char-details h1.char-name span.non-editable:hover, .dorako-ui.dark-theme.actor.sheet .crb-style header.char-header .char-details h1.char-name span.non-editable:focus, .dorako-ui.dark-theme.actor.sheet .crb-style header.char-header .char-level .level input:hover, .dorako-ui.dark-theme.actor.sheet .crb-style header.char-header .char-level .level input:focus, .dorako-ui.dark-theme.actor.sheet.character .crb-style header.char-header .char-level .exp-data .exp-input input:hover, .dorako-ui.dark-theme.actor.sheet.character .crb-style header.char-header .char-level .exp-data .exp-input input:focus, .dorako-ui.dark-theme.actor.sheet .crb-style .sheet-body .sheet-content ol.directory-list .action-header h3 input.item-name-input:hover, .dorako-ui.dark-theme.actor.sheet .crb-style .sheet-body .sheet-content ol.directory-list .action-header h3 input.item-name-input:focus, .dorako-ui.dark-theme.actor.sheet .crb-style aside input[type=number]:hover, .dorako-ui.dark-theme.actor.sheet .crb-style aside input[type=number]:focus, .dorako-ui.dark-theme.actor.sheet .crb-style aside .sidebar .stamina li input.right:hover, .dorako-ui.dark-theme.actor.sheet .crb-style aside .sidebar .stamina li input.right:focus {
  2089. background: unset;
  2090. box-shadow: unset;
  2091. color: unset;
  2092. }
  2093. .combat-sidebar .drag-gap {
  2094. visibility: hidden;
  2095. }
  2096. .combat-sidebar .hidden-name .token-name h4 {
  2097. color: var(--color-text-light-7);
  2098. }
  2099. .combat-sidebar li.combatant .token-image {
  2100. margin: 2px;
  2101. }
  2102. .combat-sidebar li.combatant .token-name img.token-effect {
  2103. border-radius: 50%;
  2104. border: 1px solid var(--tertiary);
  2105. box-shadow: 1px 1px 4px #222;
  2106. }
  2107. .combat-sidebar li.combatant.defeated img {
  2108. transform: unset;
  2109. }
  2110. .combat-sidebar li.combatant.active {
  2111. background: var(--primary);
  2112. color: var(--color-text-light-highlight);
  2113. }
  2114. #ui-middle {
  2115. position: relative;
  2116. }
  2117. #effects-panel.dorako-ui {
  2118. pointer-events: initial;
  2119. position: absolute;
  2120. top: 5px;
  2121. top: 0px;
  2122. right: 3px;
  2123. right: -3px;
  2124. overflow: hidden scroll;
  2125. height: calc(100% - 62px);
  2126. height: 100%;
  2127. padding-top: 5px;
  2128. padding-bottom: 10%;
  2129. padding-left: 15px;
  2130. }
  2131. #effects-panel.dorako-ui::-webkit-scrollbar-track {
  2132. box-shadow: none;
  2133. }
  2134. #effects-panel.dorako-ui .effect-item {
  2135. display: flex;
  2136. justify-content: flex-end;
  2137. height: 46px;
  2138. margin-bottom: 0.2em;
  2139. margin-right: 3px;
  2140. }
  2141. #effects-panel.dorako-ui .effect-item:hover .effect-info {
  2142. display: block;
  2143. }
  2144. #effects-panel.dorako-ui .effect-item[data-badge-type=formula] .icon:hover:before {
  2145. border-radius: 50%;
  2146. }
  2147. #effects-panel.dorako-ui .effect-item .effect-info {
  2148. border: none;
  2149. border-radius: var(--border-radius);
  2150. background: none;
  2151. background-color: var(--glass-bg);
  2152. box-shadow: var(--glassy);
  2153. display: none;
  2154. height: min-content;
  2155. margin: 3px;
  2156. margin-right: 0.5em;
  2157. padding: 4px 8px;
  2158. backdrop-filter: blur(5px);
  2159. -webkit-backdrop-filter: blur(5px);
  2160. z-index: var(--z-index-tooltip);
  2161. }
  2162. #effects-panel.dorako-ui .effect-item .effect-info .description {
  2163. background: unset;
  2164. }
  2165. #effects-panel.dorako-ui .effect-item .effect-info h1 {
  2166. font-size: var(--font-size-16);
  2167. color: var(--color-text-light-highlight);
  2168. text-align: right;
  2169. border: none;
  2170. }
  2171. #effects-panel.dorako-ui .effect-item .effect-info p:last-child {
  2172. margin-bottom: 0px;
  2173. }
  2174. #effects-panel.dorako-ui .effect-item .effect-info .tags {
  2175. justify-content: flex-end;
  2176. }
  2177. #effects-panel.dorako-ui .effect-item .effect-info .tags .tag {
  2178. margin-bottom: 0;
  2179. }
  2180. #effects-panel.dorako-ui .effect-item .effect-info .tags .tag + .tag, #effects-panel.dorako-ui .effect-item .effect-info .tags .tag:first-child {
  2181. margin-left: 3px;
  2182. margin-right: -2px;
  2183. }
  2184. #effects-panel.dorako-ui .effect-item .effect-info .instructions {
  2185. color: var(--color-text-light-heading);
  2186. font-size: 0.75em;
  2187. text-align: right;
  2188. }
  2189. #effects-panel.dorako-ui .effect-item > .icon {
  2190. border: none;
  2191. margin: 2px;
  2192. /* prettier-ignore */
  2193. box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px var(--gold-brown), 0 0 5px rgba(0, 0, 0, 0.8);
  2194. border-radius: 50%;
  2195. align-items: center;
  2196. background-repeat: no-repeat;
  2197. background-size: contain;
  2198. color: transparent;
  2199. display: flex;
  2200. justify-content: center;
  2201. position: relative;
  2202. height: 42px;
  2203. width: 42px;
  2204. margin-left: 3px;
  2205. }
  2206. #effects-panel.dorako-ui .effect-item > .icon.aura {
  2207. border-radius: 5px;
  2208. transform: scale(0.8);
  2209. box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px var(--gold-brown), 0 0 10px 3px var(--tertiary);
  2210. }
  2211. #effects-panel.dorako-ui .effect-item > .icon .expired {
  2212. position: absolute;
  2213. left: auto;
  2214. bottom: -1px;
  2215. width: 80%;
  2216. width: unset;
  2217. padding: 2px 2px;
  2218. color: white;
  2219. color: var(--color-text-light-highlight);
  2220. background-color: var(--primary-light);
  2221. text-shadow: 0px 0px 3px black;
  2222. box-shadow: var(--gold-and-glow);
  2223. border-radius: 2px;
  2224. }
  2225. #effects-panel.dorako-ui .effect-item > .icon .linked {
  2226. position: absolute;
  2227. display: inline-block;
  2228. bottom: -1px;
  2229. right: -1px;
  2230. padding: 0px 2px;
  2231. color: white;
  2232. color: var(--color-text-light-highlight);
  2233. background-color: rgba(0, 0, 0, 0.75);
  2234. background: none;
  2235. text-shadow: 0px 1px 5px black, 0px 1px 5px black;
  2236. }
  2237. #effects-panel.dorako-ui .effect-item > .icon .value-wrapper {
  2238. background: none;
  2239. }
  2240. #effects-panel.dorako-ui .effect-item > .icon .value-wrapper .value {
  2241. padding: 0px 2px;
  2242. color: white;
  2243. color: var(--color-text-light-highlight);
  2244. background-color: rgba(0, 0, 0, 0.75);
  2245. background: none;
  2246. text-shadow: 0px 1px 5px black, 0px 1px 5px black;
  2247. }
  2248. #effects-panel.dorako-ui .effect-item > .icon.unidentified {
  2249. filter: drop-shadow(0 0 8px var(--blind-bg));
  2250. }
  2251. #effects-panel.dorako-ui hr {
  2252. margin-right: 6;
  2253. margin-right: 2px;
  2254. width: 36px;
  2255. width: 42px;
  2256. border-top: 1px solid var(--tertiary);
  2257. border-bottom: 1px solid var(--gold-brown);
  2258. box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
  2259. }
  2260. .dorako-ui.familiar .main-section {
  2261. gap: 10px;
  2262. margin: 0px 10px;
  2263. }
  2264. .dorako-ui.familiar .main-container {
  2265. display: flex;
  2266. flex-direction: column;
  2267. gap: 10px;
  2268. }
  2269. .dorako-ui.familiar .window-content .skills-content .skills-list .skill-name {
  2270. 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;
  2271. background: rgba(255, 255, 240, 0.8);
  2272. border: 1px solid var(--color-border-light-primary);
  2273. }
  2274. .dorako-ui.familiar .window-content .skills-content .skills-list .skill-name:hover {
  2275. box-shadow: none;
  2276. color: var(--color-text-light-highlight);
  2277. border: 1px solid var(--gold-brown);
  2278. background-color: var(--primary-light);
  2279. box-shadow: 0px 0px 1px 1px var(--tertiary) inset, 0px 0px 5px var(--primary-light);
  2280. }
  2281. .dorako-ui.familiar .window-content .skills-content .skills-list .skill-name:hover .score {
  2282. color: var(--tertiary);
  2283. }
  2284. .dorako-ui.familiar .section-container {
  2285. border: none;
  2286. margin: 2px;
  2287. /* prettier-ignore */
  2288. box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px var(--gold-brown);
  2289. background-image: var(--sheet);
  2290. background-size: cover;
  2291. box-shadow: var(--gold-and-glow), 0px 5px 6px rgba(0, 0, 0, 0.5);
  2292. padding: unset;
  2293. border-radius: 5px;
  2294. }
  2295. .dorako-ui.familiar .section-container .section-header {
  2296. background: var(--primary);
  2297. border-radius: 5px 5px 0px 0px;
  2298. border: none;
  2299. box-shadow: var(--gold-and-glow);
  2300. }
  2301. .dorako-ui.familiar .section-container .section-body {
  2302. border: none;
  2303. }
  2304. .dorako-ui.dark-theme.familiar .detail .detail-label {
  2305. color: var(--tertiary);
  2306. }
  2307. .dorako-ui.dark-theme.familiar .window-content .familiar-sheet-header .header-content .details-section .hp-section .value input {
  2308. box-shadow: none;
  2309. }
  2310. .dorako-ui.dark-theme.familiar .window-content .skills-content .skills-list .skill-name {
  2311. border: none;
  2312. border-radius: var(--border-radius);
  2313. background: none;
  2314. background-color: var(--glass-bg);
  2315. box-shadow: var(--glassy);
  2316. }
  2317. .dorako-ui.dark-theme.familiar .window-content .skills-content .skills-list .skill-name .score {
  2318. color: var(--primary-light);
  2319. }
  2320. .dorako-ui.dark-theme.familiar .window-content .skills-content .skills-list .skill-name:hover {
  2321. border: none;
  2322. border-radius: var(--border-radius);
  2323. background: none;
  2324. background-color: var(--glass-bg);
  2325. box-shadow: var(--glassy);
  2326. background-color: var(--primary-light);
  2327. }
  2328. .dorako-ui.dark-theme.familiar .window-content .skills-content .skills-list .skill-name:hover .score {
  2329. color: var(--tertiary);
  2330. }
  2331. .dorako-ui.familiar.glassy-theme {
  2332. box-shadow: unset !important;
  2333. background: unset !important;
  2334. }
  2335. .dorako-ui.familiar.glassy-theme .window-header {
  2336. border: none;
  2337. border-radius: var(--border-radius);
  2338. background: none;
  2339. background-color: var(--glass-bg);
  2340. box-shadow: var(--glassy);
  2341. backdrop-filter: blur(5px);
  2342. -webkit-backdrop-filter: blur(5px);
  2343. margin-left: 10px;
  2344. margin-right: 18px;
  2345. }
  2346. .dorako-ui.familiar.glassy-theme .window-content {
  2347. box-shadow: unset !important;
  2348. background: unset !important;
  2349. margin: unset;
  2350. }
  2351. .dorako-ui.familiar.glassy-theme .familiar-sheet-header {
  2352. border: none;
  2353. border-radius: var(--border-radius);
  2354. background: none;
  2355. background-color: var(--glass-bg);
  2356. box-shadow: var(--glassy);
  2357. --color-text-dark-primary: var(--color-text-light-heading);
  2358. backdrop-filter: blur(5px);
  2359. -webkit-backdrop-filter: blur(5px);
  2360. text-shadow: 0px 0px 3px black;
  2361. margin-left: 10px;
  2362. margin-right: 18px;
  2363. margin-bottom: 5px;
  2364. margin-top: 5px;
  2365. color: var(--color-text-light-primary);
  2366. }
  2367. .dorako-ui.familiar.glassy-theme .familiar-sheet-header .header-content .charname {
  2368. color: var(--tertiary-light);
  2369. }
  2370. .dorako-ui.familiar.glassy-theme .familiar-sheet-header .header-content .charname input {
  2371. border: unset;
  2372. color: var(--tertiary-light);
  2373. }
  2374. .dorako-ui.familiar.glassy-theme .familiar-sheet-header select {
  2375. border: none;
  2376. border-radius: var(--border-radius);
  2377. background: none;
  2378. background-color: var(--glass-bg);
  2379. box-shadow: var(--glassy);
  2380. 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;
  2381. background-color: var(--glass-bg-light) !important;
  2382. color: var(--color-text-light-primary);
  2383. }
  2384. .dorako-ui.familiar.glassy-theme .familiar-sheet-header select:hover {
  2385. color: var(--color-text-light-highlight);
  2386. }
  2387. .dorako-ui.familiar.glassy-theme .familiar-sheet-header select option,
  2388. .dorako-ui.familiar.glassy-theme .familiar-sheet-header select optgroup {
  2389. background-color: rgb(37, 37, 37);
  2390. color: var(--color-text-light-highlight);
  2391. }
  2392. .dorako-ui.familiar.glassy-theme .familiar-sheet-header .traits {
  2393. display: flex;
  2394. gap: 1px;
  2395. }
  2396. .dorako-ui.familiar.glassy-theme .familiar-sheet-header .traits span {
  2397. border-radius: 0px;
  2398. box-shadow: unset;
  2399. border: 1px solid var(--tertiary);
  2400. outline: 1px solid var(--gold-brown);
  2401. height: auto;
  2402. padding: 0.33em 0.33em;
  2403. }
  2404. .dorako-ui.familiar.glassy-theme .editable > hr {
  2405. display: none;
  2406. }
  2407. .dorako-ui.dark-theme [data-visibility]:not([data-visibility=all]) {
  2408. border-radius: 3px;
  2409. outline: 1px dashed #720073;
  2410. /* ----------------------------------------- */
  2411. /* GM Visibility Elements */
  2412. /* ----------------------------------------- */
  2413. /* ----------------------------------------- */
  2414. /* Owner Visibility Elements */
  2415. /* ----------------------------------------- */
  2416. }
  2417. .dorako-ui.dark-theme [data-visibility]:not([data-visibility=all])[data-visibility=gm] {
  2418. background: rgba(245, 234, 245, 0.1333333333);
  2419. }
  2420. .dorako-ui.dark-theme [data-visibility]:not([data-visibility=all])[data-visibility=gm].message-sender {
  2421. max-width: fit-content;
  2422. }
  2423. .dorako-ui.dark-theme [data-visibility]:not([data-visibility=all])[data-visibility=gm] [data-visibility=gm] {
  2424. outline: none;
  2425. padding: initial;
  2426. }
  2427. .dorako-ui.dark-theme [data-visibility]:not([data-visibility=all])[data-visibility=owner] {
  2428. background: rgba(245, 234, 245, 0.1333333333);
  2429. }
  2430. .dorako-ui.dark-theme [data-visibility]:not([data-visibility=all])[data-visibility=owner] [data-visibility=owner] {
  2431. outline: none;
  2432. padding: initial;
  2433. }
  2434. .dorako-ui.hazard {
  2435. --hazard: #1c3532;
  2436. }
  2437. .dorako-ui.hazard form > header {
  2438. box-shadow: var(--gold-and-glow), 0px 5px 6px rgba(0, 0, 0, 0.5);
  2439. }
  2440. .dorako-ui.hazard .content {
  2441. display: flex;
  2442. flex-direction: column;
  2443. gap: 10px;
  2444. }
  2445. .dorako-ui.hazard .content .section-container {
  2446. border: none;
  2447. margin: 2px;
  2448. /* prettier-ignore */
  2449. box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px var(--gold-brown);
  2450. background-image: var(--sheet);
  2451. background-size: cover;
  2452. box-shadow: var(--gold-and-glow), 0px 5px 6px rgba(0, 0, 0, 0.5);
  2453. padding: unset;
  2454. border-radius: 5px;
  2455. }
  2456. .dorako-ui.hazard .content .section-container:first-child {
  2457. margin-top: 10px;
  2458. }
  2459. .dorako-ui.hazard .content .section-container .section-header {
  2460. background: var(--hazard);
  2461. border-radius: 5px 5px 0px 0px;
  2462. border: none;
  2463. box-shadow: var(--gold-and-glow);
  2464. }
  2465. .dorako-ui.hazard .content .section-container .section-body {
  2466. border: none;
  2467. }
  2468. .dorako-ui.dark-theme.hazard input {
  2469. color: var(--color-text-light-primary);
  2470. }
  2471. .dorako-ui.dark-theme.hazard .sidebar {
  2472. border-right: 1px solid var(--tertiary);
  2473. }
  2474. .dorako-ui.dark-theme.hazard .sidebar .health input {
  2475. color: var(--color-text-light-primary);
  2476. }
  2477. .dorako-ui.hazard.glassy-theme {
  2478. background: unset;
  2479. box-shadow: unset;
  2480. }
  2481. .dorako-ui.hazard.glassy-theme .window-header {
  2482. border: none;
  2483. border-radius: var(--border-radius);
  2484. background: none;
  2485. background-color: var(--glass-bg);
  2486. box-shadow: var(--glassy);
  2487. backdrop-filter: blur(5px);
  2488. -webkit-backdrop-filter: blur(5px);
  2489. margin-left: 5px;
  2490. margin-right: 18px;
  2491. margin-bottom: 5px;
  2492. }
  2493. .dorako-ui.hazard.glassy-theme .editable {
  2494. margin-right: 5px;
  2495. }
  2496. .dorako-ui.hazard.glassy-theme .window-content {
  2497. background: unset !important;
  2498. box-shadow: unset !important;
  2499. margin: unset;
  2500. }
  2501. .dorako-ui.hazard.glassy-theme .window-content form > header {
  2502. border: none;
  2503. margin: 2px;
  2504. /* prettier-ignore */
  2505. box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px var(--gold-brown), 0 0 5px rgba(0, 0, 0, 0.8);
  2506. border-radius: 3px;
  2507. width: auto;
  2508. margin-left: 5px;
  2509. margin-right: 13px;
  2510. }
  2511. .dorako-ui.hazard.glassy-theme .sidebar {
  2512. border: none;
  2513. border-radius: var(--border-radius);
  2514. background: none;
  2515. background-color: var(--glass-bg);
  2516. box-shadow: var(--glassy);
  2517. --color-text-dark-primary: var(--color-text-light-highlight);
  2518. --color-text-dark-secondary: var(--color-text-light-primary);
  2519. text-shadow: 0px 0px 3px black;
  2520. backdrop-filter: blur(5px);
  2521. -webkit-backdrop-filter: blur(5px);
  2522. height: fit-content;
  2523. margin-top: 10px;
  2524. margin-left: 5px;
  2525. color: var(--color-text-light-primary);
  2526. }
  2527. .dorako-ui.hazard.glassy-theme .sidebar .sidebar-title {
  2528. border-color: var(--tertiary);
  2529. }
  2530. .dorako-ui.hazard.glassy-theme .sidebar select {
  2531. border: none;
  2532. border-radius: var(--border-radius);
  2533. background: none;
  2534. background-color: var(--glass-bg);
  2535. box-shadow: var(--glassy);
  2536. 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;
  2537. background-color: var(--glass-bg-light) !important;
  2538. color: var(--color-text-light-primary);
  2539. }
  2540. .dorako-ui.hazard.glassy-theme .sidebar select:hover {
  2541. color: var(--color-text-light-highlight);
  2542. }
  2543. .dorako-ui.hazard.glassy-theme .sidebar select option,
  2544. .dorako-ui.hazard.glassy-theme .sidebar select optgroup {
  2545. background-color: rgb(37, 37, 37);
  2546. color: var(--color-text-light-highlight);
  2547. }
  2548. .dorako-ui.sheet.pf2e.actor.npc .adjustments {
  2549. gap: 1px;
  2550. }
  2551. .dorako-ui.sheet.pf2e.actor.npc .adjustments .trait {
  2552. border: 1px solid var(--tertiary);
  2553. outline: 1px solid var(--gold-brown);
  2554. }
  2555. .dorako-ui.sheet.pf2e.actor.npc ol.spell-list > li .item-name .item-image .item-icon {
  2556. border-radius: 3px;
  2557. }
  2558. .dorako-ui.sheet.pf2e.actor.npc form .sheet-body .tab {
  2559. padding-top: 2px;
  2560. }
  2561. .dorako-ui.sheet.pf2e.actor.npc form .activity-icon {
  2562. font-weight: 100;
  2563. }
  2564. .dorako-ui.sheet.pf2e.actor.npc form input[type=number]:focus,
  2565. .dorako-ui.sheet.pf2e.actor.npc form input[type=number]:hover:not(:disabled),
  2566. .dorako-ui.sheet.pf2e.actor.npc form input[type=text]:focus,
  2567. .dorako-ui.sheet.pf2e.actor.npc form input[type=text]:hover:not(:disabled) {
  2568. border: 1px solid var(--tertiary);
  2569. box-shadow: 0 0 10px var(--primary-light);
  2570. }
  2571. .dorako-ui.sheet.pf2e.actor.npc form input.adjustable:not(:focus).adjusted-higher,
  2572. .dorako-ui.sheet.pf2e.actor.npc form span.adjustable.adjusted-higher {
  2573. color: green !important;
  2574. }
  2575. .dorako-ui.sheet.pf2e.actor.npc form input.adjustable:not(:focus).adjusted-lower,
  2576. .dorako-ui.sheet.pf2e.actor.npc form span.adjustable.adjusted-lower {
  2577. color: red !important;
  2578. }
  2579. .dorako-ui.sheet.pf2e.actor.npc form .top-sections {
  2580. gap: 5px;
  2581. }
  2582. .dorako-ui.sheet.pf2e.actor.npc form .side-bar-section {
  2583. border: none;
  2584. margin: 2px;
  2585. /* prettier-ignore */
  2586. box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px var(--gold-brown);
  2587. background-image: var(--sheet);
  2588. background-size: cover;
  2589. box-shadow: var(--gold-and-glow), 0px 5px 6px rgba(0, 0, 0, 0.5);
  2590. border-radius: 3px;
  2591. margin: 3px;
  2592. margin-top: 0px;
  2593. margin-bottom: 10px;
  2594. }
  2595. .dorako-ui.sheet.pf2e.actor.npc form .side-bar-section.initiative select {
  2596. width: 98%;
  2597. margin-bottom: 2px;
  2598. color: var(--color-text-dark-secondary);
  2599. }
  2600. .dorako-ui.sheet.pf2e.actor.npc form .side-bar-section .side-bar-section-header {
  2601. align-items: center;
  2602. margin-bottom: unset;
  2603. margin-bottom: 2px;
  2604. }
  2605. .dorako-ui.sheet.pf2e.actor.npc form .side-bar-section .side-bar-section-header.disabled {
  2606. margin-bottom: unset;
  2607. }
  2608. .dorako-ui.sheet.pf2e.actor.npc form .side-bar-section.collapsed .side-bar-section-header {
  2609. margin-bottom: unset;
  2610. }
  2611. .dorako-ui.sheet.pf2e.actor.npc form .side-bar-section.collapsed .side-bar-section-header.disabled {
  2612. margin-bottom: unset;
  2613. }
  2614. .dorako-ui.sheet.pf2e.actor.npc form .side-bar-section.collapsed {
  2615. max-height: 24px;
  2616. transition: max-height 0.5s cubic-bezier(0, 1, 0, 1);
  2617. }
  2618. .dorako-ui.sheet.pf2e.actor.npc form .side-bar-section.collapsed .side-bar-section-header {
  2619. border-radius: 3px;
  2620. }
  2621. .dorako-ui.sheet.pf2e.actor.npc form .side-bar-section.collapsed:not(.empty):hover {
  2622. max-height: 1000px;
  2623. transition: max-height 1s ease-in-out;
  2624. }
  2625. .dorako-ui.sheet.pf2e.actor.npc form .side-bar-section.collapsed:not(.empty):hover .side-bar-section-header {
  2626. border-radius: 3px 3px 0px 0px;
  2627. }
  2628. .dorako-ui.sheet.pf2e.actor.npc form .side-bar-section.collapsed:not(.empty):hover .side-bar-section-content {
  2629. display: block;
  2630. }
  2631. .dorako-ui.sheet.pf2e.actor.npc form .side-bar-section.collapsed .side-bar-section-content {
  2632. display: none;
  2633. }
  2634. .dorako-ui.sheet.pf2e.actor.npc form .section-container {
  2635. box-shadow: var(--gold-and-glow), 0px 5px 6px rgba(0, 0, 0, 0.5);
  2636. padding: 0px;
  2637. border-radius: 3px;
  2638. margin: 3px;
  2639. margin-top: 0px;
  2640. margin-bottom: 10px;
  2641. background-color: var(--bg);
  2642. background-image: var(--sheet);
  2643. background-size: cover;
  2644. }
  2645. .dorako-ui.sheet.pf2e.actor.npc form .section-container .section-header {
  2646. box-shadow: inset 0 0 3px rgba(255, 255, 255, 0.5);
  2647. background: var(--primary);
  2648. border-color: var(--primary);
  2649. }
  2650. .dorako-ui.sheet.pf2e.actor.npc form .section-container:not(.headerless) .section-body {
  2651. border-top: 1px solid var(--tertiary);
  2652. }
  2653. .dorako-ui.sheet.pf2e.actor.npc form .section-container .section-body {
  2654. border: none;
  2655. padding: 0;
  2656. padding: 5px;
  2657. }
  2658. .dorako-ui.sheet.pf2e.actor.npc form .section-container.toggles {
  2659. border-image-repeat: repeat;
  2660. border-image-slice: 11;
  2661. border-image-source: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='33' height='33' overflow='scroll'%3E%3Cstyle%3E.st1{stroke:gray;stroke-miterlimit:10}.st1,.st2{fill:none}%3C/style%3E%3Cg opacity='1'%3E%3Cpath class='st1' d='M.5 20v-7'/%3E%3Cpath class='st2' d='M13 20v-7'/%3E%3Cpath class='st1' d='M13 .5h7'/%3E%3Cpath class='st2' d='M13 13h7'/%3E%3Cpath class='st1' d='M32.5 13v7'/%3E%3Cpath class='st2' d='M20 13v7'/%3E%3Cpath class='st1' d='M20 32.5h-7'/%3E%3Cpath class='st2' d='M20 20h-7'/%3E%3Cpath class='st1' d='M.5.5h3.1v3.1H.5zm3.1 3.1h3.1v3.1H3.6zm3.2 0h3.1v3.1H6.8zM3.6 6.8h3.1v3.1H3.6zm0 0H.5V13M13 .5H6.8v3.1M29.4.5h3.1v3.1h-3.1zm-3.1 3.1h3.1v3.1h-3.1zm0 3.2h3.1v3.1h-3.1zm-3.2-3.2h3.1v3.1h-3.1zm3.2 0V.5H20M32.5 13V6.8h-3.1M29.4 29.4h3.1v3.1h-3.1z'/%3E%3Cpath class='st1' d='M26.3 26.3h3.1v3.1h-3.1zm-3.2 0h3.1v3.1h-3.1zm3.2-3.2h3.1v3.1h-3.1z'/%3E%3Cpath class='st1' d='M29.4 26.3h3.1V20M20 32.5h6.3v-3.1'/%3E%3Cg%3E%3Cpath class='st1' d='M.5 29.4h3.1v3.1H.5zm3.1-3.1h3.1v3.1H3.6zm0-3.2h3.1v3.1H3.6zm3.2 3.2h3.1v3.1H6.8zM6.8 29.4v3.1H13M.5 20v6.3h3.1'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  2662. border-image-width: 14px;
  2663. border-style: double;
  2664. padding-left: 8px;
  2665. padding-right: 8px;
  2666. margin-left: 0px;
  2667. font-weight: 500;
  2668. margin-right: 0px;
  2669. margin-top: 0px;
  2670. margin-bottom: 0px;
  2671. box-shadow: none;
  2672. background: none;
  2673. margin: 5px;
  2674. }
  2675. .dorako-ui.sheet.pf2e.actor.npc form .sidebar .image-container {
  2676. border: none;
  2677. }
  2678. .dorako-ui.sheet.pf2e.actor.npc form .sidebar .saves-section.side-bar-section {
  2679. display: flex;
  2680. flex-direction: column;
  2681. }
  2682. .dorako-ui.sheet.pf2e.actor.npc form .sidebar .saves-section.side-bar-section.collapsed {
  2683. max-height: 52px;
  2684. }
  2685. .dorako-ui.sheet.pf2e.actor.npc form .sidebar .saves-section.side-bar-section.collapsed:hover {
  2686. max-height: 1000px;
  2687. }
  2688. .dorako-ui.sheet.pf2e.actor.npc form .sidebar .saves {
  2689. margin-top: 4px;
  2690. width: unset;
  2691. }
  2692. .dorako-ui.sheet.pf2e.actor.npc form .sidebar .save-details {
  2693. font-size: 14px;
  2694. }
  2695. .dorako-ui.sheet.pf2e.actor.npc .side-bar-section-header {
  2696. background: var(--primary);
  2697. border: 1px solid var(--primary);
  2698. border-radius: 3px 3px 0px 0px;
  2699. color: #f5efe0;
  2700. box-shadow: inset 0 0 3px rgba(255, 255, 255, 0.5);
  2701. margin-top: 0px;
  2702. height: 24px;
  2703. }
  2704. .dorako-ui.sheet.pf2e.actor.npc .side-bar-section-header.disabled {
  2705. border-radius: 3px;
  2706. }
  2707. .dorako-ui.sheet.pf2e.actor.npc .side-bar-section-header + .side-bar-section-content {
  2708. margin: 0px;
  2709. padding: 0px;
  2710. }
  2711. .dorako-ui.sheet.pf2e.actor.npc .side-bar-section-header input[type=number],
  2712. .dorako-ui.sheet.pf2e.actor.npc .side-bar-section-header input[type=text] {
  2713. color: #f5efe0;
  2714. }
  2715. .dorako-ui.sheet.pf2e.actor.npc .side-bar-section-header a:hover {
  2716. text-shadow: 0px 0px 8px var(--tertiary);
  2717. }
  2718. .dorako-ui.sheet.pf2e.actor.npc .side-bar-section-header .inventory-section .inventory-list .item .item-image {
  2719. border: none;
  2720. margin: 3px 4px 3px 6px;
  2721. box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px #9f725b, inset 0 0 4px rgba(0, 0, 0, 0.5);
  2722. }
  2723. .dorako-ui.sheet.pf2e.actor.npc .side-bar-section-header .side-bar .image-container,
  2724. .dorako-ui.sheet.pf2e.actor.npc .side-bar-section-header .actions-options .actions-option {
  2725. cursor: pointer;
  2726. }
  2727. .dorako-ui.sheet.pf2e.actor.npc .side-bar-section-header .actions-options .actions-option:hover {
  2728. text-shadow: 0 0 10px var(--primary-light);
  2729. color: var(--primary);
  2730. }
  2731. .dorako-ui.sheet.pf2e.actor.npc .recall-knowledge .section-body button {
  2732. background: var(--secondary);
  2733. box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3), inset 0 0 0 2px hsla(0, 0%, 100%, 0.2);
  2734. border: none;
  2735. color: white;
  2736. transition: background 0.15s ease-in-out;
  2737. margin-top: 3px;
  2738. }
  2739. .dorako-ui.sheet.pf2e.actor.npc .recall-knowledge .section-body button:hover {
  2740. background: var(--secondary-light);
  2741. }
  2742. .pf2e.actor.npc.dorako-ui.npc .side-bar-section-content {
  2743. width: 98%;
  2744. margin-left: 3px;
  2745. margin-right: 3px;
  2746. }
  2747. .side-bar-section-header .pf2e-see-simple-scale-statistics-High-color-primary {
  2748. color: #3cff00;
  2749. }
  2750. .side-bar-section-header .pf2e-see-simple-scale-statistics-Moderate-color-primary {
  2751. color: #ffff54;
  2752. }
  2753. .side-bar-section-header .pf2e-see-simple-scale-statistics-Low-color-primary {
  2754. color: #ff8000;
  2755. }
  2756. .side-bar-section-header .pf2e-see-simple-scale-statistics-Terrible-color-primary {
  2757. color: #ff0000;
  2758. }
  2759. /* Glassy */
  2760. .dorako-ui.sheet.pf2e.actor.npc.glassy-theme {
  2761. background: none;
  2762. box-shadow: none;
  2763. }
  2764. .dorako-ui.sheet.pf2e.actor.npc.glassy-theme .window-header {
  2765. box-shadow: var(--glassy);
  2766. background: var(--glass-bg);
  2767. border-radius: 3px;
  2768. margin: 0px 10px;
  2769. backdrop-filter: blur(5px);
  2770. -webkit-backdrop-filter: blur(5px);
  2771. }
  2772. .dorako-ui.sheet.pf2e.actor.npc.glassy-theme .window-content {
  2773. background: none;
  2774. box-shadow: none;
  2775. margin: unset;
  2776. }
  2777. .dorako-ui.sheet.pf2e.actor.npc.glassy-theme .npc-sheet-header {
  2778. --color-text-dark-input: var(--color-text-light-heading);
  2779. box-shadow: var(--glassy);
  2780. background: var(--glass-bg);
  2781. border-radius: 3px;
  2782. margin: 5px;
  2783. padding: 2px 5px;
  2784. backdrop-filter: blur(5px);
  2785. -webkit-backdrop-filter: blur(5px);
  2786. }
  2787. .dorako-ui.sheet.pf2e.actor.npc.glassy-theme .npc-sheet-header .name .level-label,
  2788. .dorako-ui.sheet.pf2e.actor.npc.glassy-theme .npc-sheet-header .name .name-value {
  2789. color: var(--tertiary-light);
  2790. text-shadow: 0px 0px 3px black;
  2791. }
  2792. .dorako-ui.sheet.pf2e.actor.npc.glassy-theme .npc-sheet-header .name .level {
  2793. color: var(--tertiary);
  2794. text-shadow: 0px 0px 3px black;
  2795. }
  2796. .dorako-ui.sheet.pf2e.actor.npc.glassy-theme .npc-body {
  2797. padding-left: unset;
  2798. }
  2799. .dorako-ui.sheet.pf2e.actor.npc.glassy-theme .image-container {
  2800. box-shadow: var(--glassy);
  2801. background: var(--glass-bg);
  2802. border-radius: 3px;
  2803. margin: 5px;
  2804. margin-bottom: 8px;
  2805. backdrop-filter: blur(5px);
  2806. -webkit-backdrop-filter: blur(5px);
  2807. }
  2808. .dorako-ui.sheet.pf2e.actor.npc.glassy-theme.dark-theme form .sheet-tabs {
  2809. background: var(--glass-bg);
  2810. margin: 5px;
  2811. backdrop-filter: blur(5px);
  2812. -webkit-backdrop-filter: blur(5px);
  2813. }
  2814. .dorako-ui.sheet.pf2e.actor.npc.glassy-theme.dark-theme form .sheet-tabs .item.disabled {
  2815. text-shadow: 0px 0px 3px black;
  2816. }
  2817. .dorako-ui.sheet.pf2e.actor.npc.glassy-theme form .section-container.toggles {
  2818. background: var(--glass-bg);
  2819. box-shadow: var(--glassy);
  2820. margin: 5px;
  2821. margin-top: 0px;
  2822. backdrop-filter: blur(5px);
  2823. -webkit-backdrop-filter: blur(5px);
  2824. border: none;
  2825. color: var(--color-text-light-heading);
  2826. }
  2827. .dorako-ui.sheet.pf2e.actor.npc.glassy-theme .sheet-body .tab.inventory, .dorako-ui.sheet.pf2e.actor.npc.glassy-theme .sheet-body .tab.spells, .dorako-ui.sheet.pf2e.actor.npc.glassy-theme .sheet-body .tab.notes {
  2828. border: none;
  2829. margin: 2px;
  2830. /* prettier-ignore */
  2831. box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px var(--gold-brown);
  2832. border-radius: 3px;
  2833. margin: 5px;
  2834. background: var(--sheet);
  2835. background-size: cover;
  2836. }
  2837. /* Light */
  2838. .dorako-ui.sheet.pf2e.actor.npc.light-theme form .sheet-tabs {
  2839. background-color: var(--bg);
  2840. box-shadow: 0 2px 4px rgba(0, 0, 0, 0.18);
  2841. border: 1px solid var(--color-border-light-primary);
  2842. border-radius: 3px;
  2843. margin: 2px;
  2844. margin-bottom: 0px;
  2845. z-index: 1;
  2846. }
  2847. .dorako-ui.npc.light-theme .tabs .item {
  2848. color: var(--primary-light);
  2849. }
  2850. .dorako-ui.npc.light-theme .tabs .item a:hover {
  2851. text-shadow: 0px 0px 10px var(--primary);
  2852. }
  2853. .dorako-ui.npc.light-theme .tabs .item.disabled {
  2854. color: #ababab;
  2855. }
  2856. .dorako-ui.npc.light-theme .tabs .item.disabled:hover {
  2857. color: var(--primary-dark);
  2858. text-shadow: 0px 0px 10px var(--primary-dark);
  2859. }
  2860. .dorako-ui.npc.light-theme .tabs .item.active {
  2861. color: var(--secondary-light);
  2862. text-shadow: 0px 0px 10px var(--secondary-light);
  2863. }
  2864. /* Dark */
  2865. .dorako-ui.sheet.pf2e.actor.npc.dark-theme form .sheet-tabs {
  2866. border: none;
  2867. border-radius: var(--border-radius);
  2868. background: none;
  2869. background-color: var(--glass-bg);
  2870. box-shadow: var(--glassy);
  2871. background: var(--glass-bg-light);
  2872. color: var(--color-text-light-heading);
  2873. }
  2874. .dorako-ui.sheet.pf2e.actor.npc.dark-theme .npc-sheet .item.disabled,
  2875. .dorako-ui.sheet.pf2e.actor.npc.dark-theme form .item.disabled {
  2876. color: #666666;
  2877. }
  2878. .dorako-ui.sheet.pf2e.actor.npc.dark-theme.window-app .npc-sheet .effects .section-body .effects-list .item.unidentified,
  2879. .dorako-ui.sheet.pf2e.actor.npc.dark-theme.window-app form .sheet-body .effects .section-body .effects-list .item.unidentified {
  2880. outline: 1px dashed #720073;
  2881. background: rgba(245, 234, 245, 0.1333333333);
  2882. }
  2883. .sheet.pf2e.actor.npc.dark-theme.window-app input[type=text],
  2884. .sheet.pf2e.actor.npc.dark-theme.window-app input[type=number],
  2885. .sheet.pf2e.actor.npc.dark-theme.window-app input[type=search],
  2886. .sheet.pf2e.actor.npc.dark-theme.window-app input[type=date],
  2887. .sheet.pf2e.actor.npc.dark-theme.window-app input[type=time] {
  2888. box-shadow: unset;
  2889. }
  2890. .sheet.pf2e.actor.npc.dark-theme .recall-knowledge .section-body button {
  2891. box-shadow: var(--glassy);
  2892. }
  2893. .sheet.pf2e.actor.npc.dark-theme .tabs .item.active {
  2894. color: var(--tertiary);
  2895. }
  2896. .actor.pf2e.actor.npc.dark-theme .tabs .item.active,
  2897. .actor.pf2e.actor.npc.dark-theme a:hover {
  2898. text-shadow: 0 0 10px var(--tertiary);
  2899. }
  2900. .sheet.pf2e.actor.npc.dark-theme .window-content {
  2901. background: none;
  2902. background-color: #111;
  2903. background: var(--sheet-dark);
  2904. background-size: cover;
  2905. }
  2906. .sheet.pf2e.actor.npc.dark-theme .tags .tag option.tag_transparent,
  2907. .sheet.pf2e.actor.npc.dark-theme .tags .tag.tag_transparent {
  2908. box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3);
  2909. }
  2910. .sheet.pf2e.actor.npc.dark-theme form .notes {
  2911. text-shadow: none;
  2912. }
  2913. .sheet.pf2e.actor.npc.dark-theme form,
  2914. .actor.pf2e.actor.npc.dark-theme form .entries-list .spellcasting-entry .header h4.name input,
  2915. .sheet.pf2e.actor.npc.dark-theme .inventory .list-row .item-controls,
  2916. .sheet.pf2e.actor.npc.dark-theme ol.spell-list > li.spell-level-header,
  2917. .sheet.pf2e.actor.npc.dark-theme form .side-bar-section.initiative select,
  2918. .sheet.pf2e.actor.npc.dark-theme form .notes .notes-text,
  2919. .actor.pf2e.actor.npc.dark-theme form .notes .notes-text {
  2920. color: white;
  2921. }
  2922. .sheet.pf2e.actor.npc.dark-theme form input[type=number],
  2923. .sheet.pf2e.actor.npc.dark-theme form input[type=text],
  2924. .sheet.pf2e.actor.npc.dark-theme form .notes .details-label,
  2925. .sheet.pf2e.actor.npc.dark-theme form .notes .details-label {
  2926. color: #c9c9c9;
  2927. }
  2928. .actor.pf2e.actor.npc.dark-theme form .sheet-tabs .disabled.active,
  2929. .actor.pf2e.actor.npc.dark-theme form .sheet-tabs .disabled:hover {
  2930. color: gray;
  2931. }
  2932. .sheet.pf2e.actor.npc.dark-theme .inventory .item-summary,
  2933. .sheet.pf2e.actor.npc.dark-theme ol.spell-list > li .item-summary {
  2934. background-color: transparent;
  2935. }
  2936. .sheet.pf2e.actor.npc.dark-theme form .actions-options .actions-option:hover {
  2937. text-shadow: 0 0 10px var(--tertiary);
  2938. color: var(--tertiary);
  2939. }
  2940. .actor.pf2e.actor.npc.dark-theme .inventory .list-row .item-controls .item-control.item-carry-type.active,
  2941. .actor.pf2e.actor.npc.dark-theme .inventory .list-row .item-controls .item-control.item-toggle-invest.active,
  2942. .actor.pf2e.actor.npc.dark-theme ol.spell-list > li .item-name h4:hover,
  2943. .actor.pf2e.actor.npc.dark-theme .inventory .item-name h3:hover,
  2944. .actor.pf2e.actor.npc.dark-theme .inventory .item-name h4:hover {
  2945. color: var(--tertiary);
  2946. }
  2947. .sheet.actor.pf2e.actor.npc.dark-theme form .section-container.toggles {
  2948. border-image-source: var(--ornamentation);
  2949. }
  2950. .sheet.actor.pf2e.actor.npc.dark-theme form .side-bar-section:not(.save-details),
  2951. .sheet.actor.pf2e.actor.npc.dark-theme form .section-container {
  2952. background: var(--sheet-dark);
  2953. background-size: cover;
  2954. }
  2955. .dorako-ui.dark-theme#compendium-browser > section.window-content > .content-box .compendium-browser-settings form .setting-section, .dorako-ui.dark-theme#license-viewer > section.window-content > .content-box .compendium-browser-settings form .setting-section, .dorako-ui.dark-theme#compendium-browser > section.window-content > .content-box .spell-browser .filtercontainer, .dorako-ui.dark-theme#compendium-browser > section.window-content > .content-box .spell-browser .sortcontainer, .dorako-ui.dark-theme#license-viewer > section.window-content > .content-box .spell-browser .filtercontainer, .dorako-ui.dark-theme#license-viewer > section.window-content > .content-box .spell-browser .sortcontainer {
  2956. border: none;
  2957. margin: 2px;
  2958. /* prettier-ignore */
  2959. box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px var(--gold-brown), 0 0 5px rgba(0, 0, 0, 0.8);
  2960. padding: 5px;
  2961. background-color: rgba(0, 0, 0, 0.3);
  2962. }
  2963. .dorako-ui.dark-theme#compendium-browser > section.window-content > .content-box .spell-browser .list-buttons button, .dorako-ui.dark-theme#license-viewer > section.window-content > .content-box .spell-browser .list-buttons button {
  2964. padding: 5px;
  2965. background-color: var(--glass-bg);
  2966. margin-bottom: 5px;
  2967. }
  2968. .dorako-ui.dark-theme#compendium-browser > section.window-content > .content-box .spell-browser .list-buttons button:hover, .dorako-ui.dark-theme#license-viewer > section.window-content > .content-box .spell-browser .list-buttons button:hover {
  2969. background-color: var(--primary);
  2970. }
  2971. .dorako-ui.dark-theme#compendium-browser > section.window-content > .content-box .spell-browser .control-area, .dorako-ui.dark-theme#license-viewer > section.window-content > .content-box .spell-browser .control-area {
  2972. display: flex;
  2973. flex-direction: column;
  2974. gap: 5px;
  2975. overflow-x: clip;
  2976. }
  2977. .dorako-ui.dark-theme#compendium-browser > section.window-content > .content-box .spell-browser .control-area > div:first-child, .dorako-ui.dark-theme#license-viewer > section.window-content > .content-box .spell-browser .control-area > div:first-child {
  2978. margin-top: 10px;
  2979. }
  2980. .no-compendium-banner-images .compendium-sidebar .directory-item.compendium .compendium-banner {
  2981. display: none;
  2982. }
  2983. .dorako-ui.sheet.kingdom-builder form {
  2984. background: var(--sheet);
  2985. }
  2986. .dorako-ui.sheet.kingdom-builder .ability-builder .row-heading img, .dorako-ui.sheet.kingdom-builder .build-element .choices .choice img {
  2987. border: none;
  2988. margin: 2px;
  2989. /* prettier-ignore */
  2990. box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px var(--gold-brown);
  2991. border-radius: 3px;
  2992. }
  2993. .dorako-ui.dark-theme.sheet.kingdom-builder .window-content {
  2994. box-shadow: var(--gold-and-glow);
  2995. --alt-dark: var(--tertiary);
  2996. }
  2997. .dorako-ui.dark-theme.sheet.kingdom-builder .window-content button[data-action=boost] {
  2998. transition: unset !important;
  2999. }
  3000. .dorako-ui.dark-theme.sheet.kingdom-builder .window-content button[data-action=boost]:hover {
  3001. background: var(--button-color) !important;
  3002. }
  3003. .dorako-ui.dark-theme.sheet.kingdom-builder .build-element .selection {
  3004. box-shadow: var(--gold-and-glow);
  3005. background: rgba(0, 0, 0, 0.5);
  3006. border-radius: var(--border-radius);
  3007. }
  3008. .dorako-ui.dark-theme.sheet.kingdom-builder .ability-builder .summary-row .hint-container h3, .dorako-ui.dark-theme.sheet.kingdom-builder .ability-builder .title {
  3009. color: var(--tertiary);
  3010. }
  3011. .dorako-ui.dark-theme.sheet.kingdom-builder .ability-builder .row-column button.boost {
  3012. --button-color: #316549;
  3013. --button-locked-color: #1b3c2a;
  3014. }
  3015. .dorako-ui.dark-theme.sheet.kingdom-builder .ability-builder .row-column button.flaw {
  3016. --button-color: #5e0000;
  3017. --button-locked-color: #5e0000;
  3018. }
  3019. .dorako-ui.dark-theme.sheet.kingdom-builder .ability-builder .row-column button.locked {
  3020. background: var(--button-locked-color) !important;
  3021. border-color: var(--button-locked-color) !important;
  3022. }
  3023. .dorako-ui.dark-theme.sheet.kingdom-builder .ability-builder .row-column button.locked {
  3024. background: var(--button-locked-color) !important;
  3025. border-color: var(--button-locked-color) !important;
  3026. }
  3027. .dorako-ui.dark-theme.sheet.kingdom-builder .ability-builder .row-column button.selected {
  3028. background: var(--button-color) !important;
  3029. }
  3030. .dorako-ui.kingdom.sheet .tab.active[data-tab=activities] .actions h3.header .filters .choice {
  3031. background-color: var(--secondary);
  3032. opacity: unset;
  3033. }
  3034. .dorako-ui.kingdom.sheet .tab.active[data-tab=activities] .actions h3.header .filters .choice.active {
  3035. background-color: var(--secondary-light);
  3036. }
  3037. .dorako-ui.dark-theme.sheet.kingdom {
  3038. --alt-dark: var(--tertiary-dark);
  3039. --color-border-divider: var(--tertiary);
  3040. --paper-bg: rgba(120, 100, 82, 0.3);
  3041. --drop-shadow: 0 0 0 1px var(--gold-brown), 0 0 0 1px var(--tertiary) inset, inset 0 0 3px rgba(255, 255, 255, 0.5);
  3042. --color-text-dark-input: var(--color-text-light-highlight);
  3043. }
  3044. .dorako-ui.dark-theme.sheet.kingdom .proficiency[data-rank="4"],
  3045. .dorako-ui.dark-theme.sheet.kingdom .proficiency option[value="4"] {
  3046. background: var(--color-proficiency-legendary) !important;
  3047. }
  3048. .dorako-ui.dark-theme.sheet.kingdom .proficiency[data-rank="3"],
  3049. .dorako-ui.dark-theme.sheet.kingdom .proficiency option[value="3"] {
  3050. background: var(--color-proficiency-master) !important;
  3051. }
  3052. .dorako-ui.dark-theme.sheet.kingdom .proficiency[data-rank="2"],
  3053. .dorako-ui.dark-theme.sheet.kingdom .proficiency option[value="2"] {
  3054. background: var(--color-proficiency-expert) !important;
  3055. }
  3056. .dorako-ui.dark-theme.sheet.kingdom .proficiency[data-rank="1"],
  3057. .dorako-ui.dark-theme.sheet.kingdom .proficiency option[value="1"] {
  3058. background: var(--color-proficiency-trained) !important;
  3059. }
  3060. .dorako-ui.dark-theme.sheet.kingdom button.small-button,
  3061. .dorako-ui.dark-theme.sheet.kingdom select.proficiency,
  3062. .dorako-ui.dark-theme.sheet.kingdom span.proficiency {
  3063. background: var(--color-proficiency-untrained) !important;
  3064. }
  3065. .dorako-ui.dark-theme.sheet.kingdom form {
  3066. background: unset;
  3067. }
  3068. .dorako-ui.dark-theme.sheet.kingdom h3.header button {
  3069. box-shadow: none;
  3070. border-radius: 3px 3px 0px 0px;
  3071. border: 1px solid var(--tertiary);
  3072. }
  3073. .dorako-ui.dark-theme.sheet.kingdom h3.header button:hover {
  3074. box-shadow: none;
  3075. border-radius: 3px 3px 0px 0px;
  3076. border: 1px solid var(--tertiary);
  3077. background-color: var(--tertiary-dark);
  3078. color: black;
  3079. text-shadow: unset;
  3080. }
  3081. .dorako-ui.dark-theme.sheet.kingdom form > header input {
  3082. box-shadow: none !important;
  3083. background: none !important;
  3084. border-radius: unset !important;
  3085. }
  3086. .dorako-ui.dark-theme.sheet.kingdom form > header input:hover {
  3087. border-bottom: 1px solid white !important;
  3088. }
  3089. .dorako-ui.dark-theme.sheet.kingdom form > .container input[type=number] {
  3090. background: none !important;
  3091. border-radius: 3px !important;
  3092. box-shadow: 0px 0px 0px 1px var(--tertiary) !important;
  3093. }
  3094. .dorako-ui.dark-theme.sheet.kingdom form > .container input[type=number]:hover {
  3095. background: var(--tertiary-dark) !important;
  3096. color: black;
  3097. }
  3098. .dorako-ui.dark-theme.sheet.kingdom nav.sub-nav {
  3099. background: var(--glass-bg-light);
  3100. box-shadow: 0 2px 4px rgba(0, 0, 0, 0.18), 0px -1px 2px rgba(255, 255, 255, 0.3) inset;
  3101. }
  3102. .dorako-ui.dark-theme.sheet.kingdom nav.sub-nav .tab {
  3103. border-left: 1px solid rgba(255, 255, 255, 0.3);
  3104. border-right: 1px solid rgba(0, 0, 0, 0.2);
  3105. }
  3106. .dorako-ui.dark-theme.sheet.kingdom nav.sub-nav::before, .dorako-ui.dark-theme.sheet.kingdom nav.sub-nav::after {
  3107. filter: invert(1);
  3108. }
  3109. .dorako-ui.dark-theme.sheet.kingdom nav.sub-nav a,
  3110. .dorako-ui.dark-theme.sheet.kingdom nav.sub-nav .tab {
  3111. color: var(--tertiary-dark);
  3112. }
  3113. .dorako-ui.dark-theme.sheet.kingdom nav.sub-nav a.active,
  3114. .dorako-ui.dark-theme.sheet.kingdom nav.sub-nav .tab.active {
  3115. color: var(--tertiary);
  3116. }
  3117. .dorako-ui.dark-theme.sheet.kingdom .tab.active[data-tab=main] .ability-scores .ability .corruption-section .progress {
  3118. background: var(--paper-bg);
  3119. }
  3120. .dorako-ui.dark-theme.sheet.kingdom .tab.active[data-tab=features] .feat-item .item-name h4:hover,
  3121. .dorako-ui.dark-theme.sheet.kingdom .tab.active[data-tab=activities] .skills .skill .mod,
  3122. .dorako-ui.dark-theme.sheet.kingdom h3.header {
  3123. color: var(--tertiary);
  3124. }
  3125. .dorako-ui.dark-theme.sheet.kingdom .tab.active[data-tab=activities] .skills .control-dc .mod,
  3126. .dorako-ui.dark-theme.sheet.kingdom .tab.active[data-tab=features] .feat-item .item-name .feat-slot-title {
  3127. color: var(--tertiary-dark);
  3128. }
  3129. .dorako-ui.dark-theme.pf2e.item.sheet form .item-rules .rule-editing > .cm-editor {
  3130. background-color: var(--glass-bg);
  3131. border-radius: 5px;
  3132. box-shadow: var(--glassy-sharp);
  3133. }
  3134. .dorako-ui.dark-theme .ͼ2 .cm-content {
  3135. caret-color: white;
  3136. }
  3137. .dorako-ui.dark-theme .ͼ2 .cm-gutters {
  3138. background-color: black;
  3139. background-color: var(--glass-bg);
  3140. border-right: 1px solid var(--tertiary);
  3141. }
  3142. .dorako-ui.dark-theme .ͼ2 .cm-activeLineGutter {
  3143. background-color: var(--tertiary);
  3144. color: black;
  3145. }
  3146. .dorako-ui.dark-theme .ͼ2 .cm-activeLine {
  3147. background-color: rgba(245, 222, 179, 0.246);
  3148. }
  3149. .dorako-ui.dark-theme .ͼ1.cm-focused .cm-matchingBracket {
  3150. background-color: yellow;
  3151. color: black;
  3152. border-radius: 3px;
  3153. box-shadow: 0px 2px 3px black;
  3154. }
  3155. .dorako-ui.dark-theme .ͼe {
  3156. color: red;
  3157. }
  3158. .dorako-ui.dark-theme .ͼd {
  3159. color: greenyellow;
  3160. }
  3161. .dorako-ui.dark-theme .ͼc {
  3162. color: rgb(68, 68, 252);
  3163. }
  3164. .dorako-ui.dark-theme .ͼb {
  3165. color: rgb(217, 31, 217);
  3166. }
  3167. .dorako-ui.dark-theme .ͼ1 .cm-lintPoint:after {
  3168. border-bottom: 4px solid var(--primary-light);
  3169. }
  3170. /* ----------------------------------------- */
  3171. /* Color definitions */
  3172. /* ----------------------------------------- */
  3173. /* Colors */
  3174. /* Global */
  3175. /* used for mini headers, alternate primary color */
  3176. /* compliments the primary color, usually used in combination */
  3177. /* for all other uses */
  3178. /* Lighter / Darker */
  3179. /* Text */
  3180. /* ----------------------------------------- */
  3181. /* Color schemes */
  3182. /* ----------------------------------------- */
  3183. /* Proficiency ranks */
  3184. /* Rarities */
  3185. /* Degrees of success */
  3186. /* Value adjustments (e.g. weak/elite) */
  3187. /* ----------------------------------------- */
  3188. /* CSS Custom Properties */
  3189. /* ----------------------------------------- */
  3190. :root {
  3191. /* Global */
  3192. --primary: #5e0000;
  3193. --primary-light: #b10000;
  3194. --primary-dark: #380000;
  3195. --secondary: #171f69;
  3196. --secondary-light: #2836b7;
  3197. --secondary-dark: #0d113a;
  3198. --tertiary: #e9d7a1;
  3199. --remaster: hsl(152, 87%, 15%);
  3200. --remaster-light: hsl(170, 96%, 19%);
  3201. --remaster-dark: hsl(153, 100%, 8%);
  3202. --rarity-common: #323232;
  3203. --rarity-uncommon: #98513d;
  3204. --rarity-rare: #002664;
  3205. --rarity-unique: #54166e;
  3206. --alt: #786452;
  3207. --alt-dark: #443730;
  3208. --bg: #f8f4f1;
  3209. --bg-dark: #e7d9cf;
  3210. --gold-brown: #956d58;
  3211. --sub: #605856;
  3212. --color-disabled: #ababab;
  3213. --blind-bg: #a57aa5;
  3214. --whisper-bg: #e3e3ff;
  3215. --inline-link-bg: #ddd;
  3216. --inline-repost-bg: #eaeaea;
  3217. --visibility-gm-bg: #e8e8ef;
  3218. --visibility-owner-bg: #ddebe1;
  3219. --blind-roll: #f5eaf5;
  3220. /* Lighter / Darker */
  3221. --light: #910000;
  3222. --dark: #2b0000;
  3223. --tertiary-dark: #dfc578;
  3224. --tertiary-light: #f3e9ca;
  3225. /* Text */
  3226. --body: var(--text-dark);
  3227. --color-text-trait: #f5efe0;
  3228. --text-dark: #1c1c1c;
  3229. --text-light: white;
  3230. /* Borders */
  3231. --color-border-trait: #d8c384;
  3232. --color-border-divider: #baa991;
  3233. /* Mats */
  3234. --mats-dark: #1c1c1c;
  3235. --mats-gold-dark: #dbc682;
  3236. --mats-gold-light: #e6d8a7;
  3237. --mats-green-light: #99aea1;
  3238. --mats-green: #3e644b;
  3239. --mats-green-dark: #233b2b;
  3240. /* Headers w/ boxes */
  3241. --header-color: var(--text-light);
  3242. --header-bg: var(--secondary);
  3243. /* Sidebar */
  3244. --sidebar-label: var(--tertiary-dark);
  3245. --sidebar-title: var(--tertiary);
  3246. /* App UI */
  3247. --glass-bg: rgba(20, 20, 20, 0.6);
  3248. --glass-bg-gold: rgba(103, 88, 60, 0.441);
  3249. --glass-bg-light: rgba(255, 255, 255, 0.1);
  3250. --glass-bg-dark: rgba(0, 0, 0, 0.7);
  3251. --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);
  3252. --glassy: 0px 0px 3px 0px rgba(255, 255, 255, 0.4) inset, 0px 0px 2px 1px rgba(0, 0, 0, 1),
  3253. 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
  3254. --glassy-sharp: 0px 0px 0px 1px rgba(255, 255, 255, 0.4) inset, 0px 0px 5px 1px rgba(0, 0, 0, 0.8);
  3255. --glassy-sharp-highlight: 0px 0px 0px 1px rgba(245, 222, 179, 0.7) inset, 0px 0px 5px 1px rgba(0, 0, 0, 0.8);
  3256. --sheet-light: url(../img/background-light.webp);
  3257. --sheet-dark: url(../img/background-dark4.webp);
  3258. --header: url(../img/blue-header.webp);
  3259. --banner-top: url(../img/blue-sidebar-top.webp);
  3260. --banner-bottom: url(../img/blue-sidebar-bottom.webp);
  3261. --hotbar-width: unset;
  3262. --controls-margin: 8px;
  3263. }
  3264. /* ----------------------------------------- */
  3265. /* Overwrite Foundry colors */
  3266. /* ----------------------------------------- */
  3267. .dorako-ui {
  3268. --color-border-highlight: var(--tertiary);
  3269. --color-border-highlight-alt: var(--tertiary-dark);
  3270. --color-shadow-primary: var(--primary-light);
  3271. --color-shadow-highlight: var(--primary-light);
  3272. --sheet: var(--sheet-light);
  3273. --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");
  3274. --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");
  3275. --half-transparent: rgba(0, 0, 0, 0.5);
  3276. }
  3277. .dorako-ui *::-webkit-scrollbar-thumb {
  3278. background: var(--tertiary);
  3279. border: 1px solid var(--gold-brown);
  3280. }
  3281. .dorako-ui a,
  3282. .dorako-ui button {
  3283. 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;
  3284. }
  3285. .dorako-ui.dark-theme {
  3286. --color-underline-active: var(--tertiary-dark);
  3287. --color-underline-header: var(--tertiary-dark);
  3288. --rarity-common: #e1d8cf;
  3289. --rarity-uncommon: #c45500;
  3290. --rarity-rare: #5362ff;
  3291. --rarity-unique: #e127e1;
  3292. --color-shadow-primary: var(--tertiary-dark);
  3293. --color-shadow-highlight: var(--tertiary);
  3294. --sheet: var(--sheet-dark);
  3295. --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");
  3296. --body: var(--text-light);
  3297. --bg: var(--glass-bg-dark);
  3298. --half-transparent: rgba(255, 255, 255, 0.5);
  3299. }
  3300. /* ----------------------------------------- */
  3301. /* Header */
  3302. /* ----------------------------------------- */
  3303. .dorako-ui .message-header {
  3304. background: none;
  3305. padding: 5px 5px 0px 5px;
  3306. margin: -5px -5px 0px -5px;
  3307. border-radius: 5px 5px 0px 0px;
  3308. gap: 5px;
  3309. align-items: center;
  3310. }
  3311. .dorako-ui .message-header .message-metadata {
  3312. flex: 2.5;
  3313. }
  3314. .dorako-ui .message-header .header-meta {
  3315. border-radius: 3px;
  3316. padding: 2px;
  3317. font-size: x-small;
  3318. align-self: center;
  3319. text-align: center;
  3320. text-shadow: none;
  3321. white-space: nowrap;
  3322. }
  3323. .dorako-ui .message-header.light-header-text {
  3324. background-blend-mode: multiply;
  3325. color: white;
  3326. text-shadow: 0px 1px 1px black;
  3327. }
  3328. .dorako-ui .message-header.light-header-text .header-meta {
  3329. color: white;
  3330. background-color: hsla(0, 0%, 50%, 0.4);
  3331. border: 1px solid hsla(0, 0%, 100%, 0.3);
  3332. }
  3333. .dorako-ui .message-header.dark-header-text {
  3334. background-blend-mode: luminosity;
  3335. color: black;
  3336. text-shadow: 0px 1px 1px white;
  3337. }
  3338. .dorako-ui .message-header.dark-header-text .header-meta {
  3339. color: hsl(0, 0%, 20%);
  3340. background-color: hsla(0, 0%, 90%, 0.5);
  3341. border: 1px solid hsla(0, 0%, 30%, 0.4);
  3342. }
  3343. .dorako-ui .message-header .player-name,
  3344. .dorako-ui .message-header .message-sender {
  3345. max-width: 160px;
  3346. text-overflow: ellipsis;
  3347. overflow: hidden;
  3348. white-space: nowrap;
  3349. }
  3350. .dorako-ui .message-header .portrait-and-name {
  3351. flex-grow: 1;
  3352. display: flex;
  3353. flex-basis: 100px;
  3354. gap: 5px;
  3355. }
  3356. .dorako-ui .message-header .portrait-and-name .portrait-wrapper {
  3357. width: var(--avatar-size);
  3358. display: flex;
  3359. flex: none;
  3360. justify-content: center;
  3361. align-items: center;
  3362. }
  3363. .dorako-ui .message-header .portrait-and-name .portrait-wrapper .portrait {
  3364. height: var(--avatar-size);
  3365. object-fit: contain;
  3366. z-index: 0;
  3367. }
  3368. .dorako-ui .message-header .portrait-and-name .portrait-wrapper .portrait.actor {
  3369. border-radius: 3px;
  3370. }
  3371. .dorako-ui .message-header .portrait-and-name .sender-wrapper {
  3372. display: flex;
  3373. gap: 3px;
  3374. flex-direction: column;
  3375. justify-content: left;
  3376. align-self: center;
  3377. z-index: 1;
  3378. }
  3379. .dorako-ui .message-header .portrait-and-name .sender-wrapper .message-sender,
  3380. .dorako-ui .message-header .portrait-and-name .sender-wrapper .player-name {
  3381. align-self: flex-start;
  3382. line-height: initial;
  3383. }
  3384. /* ----------------------------------------- */
  3385. /* Clutter */
  3386. /* ----------------------------------------- */
  3387. .dorako-ui.chat-message .message-content .damage-roll .dice-result .dice-total .instances {
  3388. padding-bottom: 4px;
  3389. margin-bottom: 0px;
  3390. }
  3391. /* ----------------------------------------- */
  3392. /* .message-header fixes */
  3393. /* ----------------------------------------- */
  3394. .chat-message .flavor-text h4.action {
  3395. font-weight: 700;
  3396. line-height: 1.5em;
  3397. margin: 0;
  3398. }
  3399. .chat-message .flavor-text .target-dc-result {
  3400. line-height: 0.75rem;
  3401. margin-bottom: 4px;
  3402. }
  3403. .chat-message .flavor-text .target-dc-result .target-dc,
  3404. .chat-message .flavor-text .target-dc-result .result {
  3405. display: block;
  3406. margin: 1px 0;
  3407. width: fit-content;
  3408. }
  3409. .chat-message .flavor-text .target-dc-result .unadjusted {
  3410. text-decoration: line-through;
  3411. }
  3412. .chat-message .flavor-text .target-dc-result .adjusted {
  3413. text-decoration: underline dotted;
  3414. }
  3415. .chat-message .flavor-text .target-dc-result .adjusted.increased {
  3416. color: rgb(0, 128, 0);
  3417. }
  3418. .chat-message .flavor-text .target-dc-result .adjusted.decreased {
  3419. color: rgb(255, 0, 0);
  3420. }
  3421. .chat-message .flavor-text .target-dc-result .degree-of-success .criticalSuccess {
  3422. color: rgb(0, 128, 0);
  3423. }
  3424. .chat-message .flavor-text .target-dc-result .degree-of-success .success {
  3425. color: rgb(0, 0, 255);
  3426. }
  3427. .chat-message .flavor-text .target-dc-result .degree-of-success .failure {
  3428. color: rgb(255, 69, 0);
  3429. }
  3430. .chat-message .flavor-text .target-dc-result .degree-of-success .criticalFailure {
  3431. color: rgb(255, 0, 0);
  3432. }
  3433. .chat-message .flavor-text .effect {
  3434. display: flex;
  3435. align-items: center;
  3436. column-gap: 5px;
  3437. }
  3438. .chat-message .flavor-text .effect img {
  3439. height: 32px;
  3440. width: 32px;
  3441. }
  3442. /* ----------------------------------------- */
  3443. /* Damage buttons */
  3444. /* ----------------------------------------- */
  3445. .dorako-ui.message .message-content .damage-application {
  3446. gap: 2px;
  3447. }
  3448. .dorako-ui.message .message-content .damage-application button {
  3449. 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;
  3450. }
  3451. .dorako-ui.message .message-content .damage-application button.half-damage .transparent-half {
  3452. display: none;
  3453. }
  3454. .dorako-ui.message .message-content .damage-application button.half-damage .fa-heart-broken {
  3455. position: relative;
  3456. }
  3457. .dorako-ui.message .message-content .damage-application button.half-damage .fa-heart-broken::after {
  3458. content: "\f7a9";
  3459. font-family: "Font Awesome 5 Free";
  3460. color: hsla(0, 0%, 0%, 0.5);
  3461. display: block;
  3462. z-index: 1;
  3463. position: absolute;
  3464. top: 0px;
  3465. left: 2.4px;
  3466. clip-path: polygon(45% 0%, 50% 100%, 100% 100%, 100% 4%);
  3467. color: gray;
  3468. }
  3469. .dorako-ui.message .message-content .damage-application button:hover {
  3470. box-shadow: none;
  3471. color: white;
  3472. border: 1px solid var(--gold-brown);
  3473. background-color: var(--primary-light);
  3474. box-shadow: 0px 0px 1px 1px var(--tertiary) inset, 0px 0px 5px var(--primary-light);
  3475. }
  3476. .dorako-ui.message .message-content .damage-application button:hover img {
  3477. filter: invert(1);
  3478. }
  3479. .dorako-ui.message .message-content .damage-application button:hover.half-damage .fa-heart-broken::after {
  3480. clip-path: polygon(45% 0%, 50% 100%, 100% 100%, 100% 4%);
  3481. color: gray;
  3482. }
  3483. .dorako-ui.message .message-content .damage-application button.shield-block:hover {
  3484. background-color: var(--secondary-light);
  3485. box-shadow: 0px 0px 1px 1px var(--tertiary) inset, 0px 0px 5px var(--secondary-light);
  3486. }
  3487. .dorako-ui.message .message-content .damage-application button.shield-block.shield-activated {
  3488. background-color: var(--secondary-light);
  3489. box-shadow: 0px 0px 1px 1px var(--tertiary) inset, 0px 0px 5px var(--secondary-light);
  3490. }
  3491. .dorako-ui.message .message-content .damage-application button.shield-block.shield-activated:hover {
  3492. background-color: var(--secondary-dark);
  3493. box-shadow: 0px 0px 1px 1px var(--tertiary) inset, 0px 0px 5px var(--secondary-dark);
  3494. }
  3495. .dorako-ui.message .message-content .damage-application button.heal-damage:hover {
  3496. background-color: green;
  3497. box-shadow: 0px 0px 1px 1px var(--tertiary) inset, 0px 0px 5px green;
  3498. }
  3499. .dorako-ui.message .message-content .damage-application button.heal-damage:hover .fa-plus {
  3500. color: green;
  3501. text-shadow: none;
  3502. }
  3503. /* ----------------------------------------- */
  3504. /* Chat card */
  3505. /* ----------------------------------------- */
  3506. .dorako-ui.message.chat-message.spell {
  3507. padding-bottom: 0px;
  3508. }
  3509. .dorako-ui.message.chat-message {
  3510. border: none;
  3511. margin: 2px;
  3512. /* prettier-ignore */
  3513. box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px var(--gold-brown);
  3514. background-image: var(--sheet);
  3515. background-size: cover;
  3516. margin: 5px 3px 3px 3px;
  3517. }
  3518. .dorako-ui.message.chat-message.whisper {
  3519. background-color: var(--whisper-bg);
  3520. background-blend-mode: luminosity;
  3521. }
  3522. .dorako-ui.message.chat-message.blind {
  3523. background-color: var(--blind-bg);
  3524. background-blend-mode: luminosity;
  3525. }
  3526. .dorako-ui.message.chat-message .flavor-text hr {
  3527. display: none;
  3528. }
  3529. .dorako-ui.message.chat-message .persistent-damage-recovery hr {
  3530. display: none;
  3531. }
  3532. .dorako-ui.message.chat-message .persistent-damage-recovery button {
  3533. margin-top: 3px;
  3534. }
  3535. .dorako-ui.message.chat-message .persistent-damage-recovery button:hover {
  3536. text-shadow: 0px 0px 3px black;
  3537. background-color: var(--primary-light);
  3538. color: white;
  3539. box-shadow: 0px 0px 1px 1px var(--tertiary) inset, 0px 0px 5px var(--primary);
  3540. }
  3541. .dorako-ui.message.chat-message .message-content {
  3542. margin-top: 5px;
  3543. }
  3544. .dorako-ui.message.chat-message .message-content .pf2e-pd-card {
  3545. margin-top: 3px;
  3546. }
  3547. .dorako-ui.message.chat-message .message-content .pf2e-pd-card hr {
  3548. display: none;
  3549. }
  3550. .dorako-ui.message.chat-message .message-content .pf2e-pd-card .apply-condition {
  3551. margin-top: 0px;
  3552. }
  3553. .dorako-ui.message.chat-message .message-content .dice-roll .dice-result .statuseffect-message {
  3554. background-color: unset;
  3555. box-shadow: none;
  3556. border: none;
  3557. }
  3558. .dorako-ui.message.chat-message .message-content .dice-roll .dice-result .statuseffect-message li:not(:last-child) {
  3559. margin-bottom: 5px;
  3560. }
  3561. .dorako-ui.message.chat-message .message-content .dice-roll .dice-result .statuseffect-message img {
  3562. border: none;
  3563. margin: 2px;
  3564. /* prettier-ignore */
  3565. box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px var(--gold-brown);
  3566. border-radius: 50%;
  3567. margin-right: 6px;
  3568. }
  3569. .dorako-ui.message.chat-message .message-content .dice-roll .dice-result .statuseffect-rules {
  3570. border: none;
  3571. margin: 2px;
  3572. /* prettier-ignore */
  3573. box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px var(--gold-brown);
  3574. background-image: var(--sheet);
  3575. background-size: cover;
  3576. border: none;
  3577. margin: 2px;
  3578. /* prettier-ignore */
  3579. box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px var(--gold-brown), 0 0 5px rgba(0, 0, 0, 0.8);
  3580. }
  3581. .dorako-ui.message.chat-message .message-content .pf2e.chat-card .tags {
  3582. margin: 3px 1px;
  3583. margin-bottom: 7px;
  3584. }
  3585. .dorako-ui.message.chat-message .message-content .pf2e.chat-card .tags .vr {
  3586. display: none;
  3587. }
  3588. .dorako-ui.message.chat-message .message-content .pf2e.chat-card .card-buttons button {
  3589. text-shadow: 0px 0px 3px black;
  3590. color: white;
  3591. background-color: var(--primary);
  3592. box-shadow: 0px 0px 1px 1px var(--tertiary) inset;
  3593. border: 1px solid var(--gold-brown);
  3594. }
  3595. .dorako-ui.message.chat-message .message-content .pf2e.chat-card .card-buttons button:hover {
  3596. background-color: var(--primary-light);
  3597. box-shadow: 0px 0px 1px 1px var(--tertiary) inset, 0px 0px 5px var(--primary);
  3598. }
  3599. .dorako-ui.message.chat-message .message-content .pf2e.chat-card .card-buttons button.hidden-to-others {
  3600. background-color: var(--secondary);
  3601. color: var(--color-text-light-highlight);
  3602. }
  3603. .dorako-ui.message.chat-message .message-content .pf2e.chat-card .card-buttons button.hidden-to-others:hover {
  3604. background-color: var(--secondary-light);
  3605. box-shadow: 0px 0px 1px 1px var(--tertiary) inset, 0px 0px 5px var(--secondary);
  3606. }
  3607. .dorako-ui.message.chat-message .message-content .pf2e.chat-card .card-buttons button.with-image img {
  3608. border: none;
  3609. margin: 2px;
  3610. /* prettier-ignore */
  3611. box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px var(--gold-brown);
  3612. border-radius: 3px;
  3613. height: 1.2em;
  3614. margin-right: 5px;
  3615. }
  3616. .dorako-ui.message.chat-message .message-content .pf2e.chat-card .card-buttons .spell-button,
  3617. .dorako-ui.message.chat-message .message-content .pf2e.chat-card .card-buttons .spell-attack-buttons {
  3618. gap: 3px;
  3619. }
  3620. .dorako-ui.message.chat-message .message-content .pf2e.chat-card .card-buttons .spell-button button:not(:first-child),
  3621. .dorako-ui.message.chat-message .message-content .pf2e.chat-card .card-buttons .spell-attack-buttons button:not(:first-child) {
  3622. background: var(--primary-dark);
  3623. color: var(--color-text-light-highlight);
  3624. }
  3625. .dorako-ui.message.chat-message .message-content .pf2e.chat-card .card-buttons .spell-button button:not(:first-child):hover,
  3626. .dorako-ui.message.chat-message .message-content .pf2e.chat-card .card-buttons .spell-attack-buttons button:not(:first-child):hover {
  3627. color: white;
  3628. background: var(--primary-light);
  3629. }
  3630. .dorako-ui.message.chat-message .message-content .pf2e.chat-card .card-header {
  3631. border: none;
  3632. }
  3633. .dorako-ui.message.chat-message .message-content .pf2e.chat-card .card-header img {
  3634. border: none;
  3635. margin: 2px;
  3636. /* prettier-ignore */
  3637. box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px var(--gold-brown);
  3638. flex: 0 0 34px;
  3639. height: 34px;
  3640. width: 34px;
  3641. margin-right: 6px;
  3642. }
  3643. .dorako-ui.message.chat-message .message-content .pf2e.chat-card .card-header h3 {
  3644. display: flex;
  3645. margin-top: 3px;
  3646. margin-bottom: -3px;
  3647. line-height: 0.95em;
  3648. font-family: var(--serif);
  3649. font-size: var(--font-size-22);
  3650. text-rendering: geometricPrecision;
  3651. }
  3652. .dorako-ui.message.chat-message .message-content .pf2e.chat-card .card-header h3.pf2-icon {
  3653. font-family: Pathfinder2eActions;
  3654. font-size: xx-large;
  3655. flex: 0 0 34px;
  3656. }
  3657. .dorako-ui.message.chat-message .message-content .pf2e.chat-card .card-header h4 s {
  3658. color: gray;
  3659. }
  3660. .dorako-ui.message.chat-message .message-content .pf2e.chat-card .card-header h4 span.heightened {
  3661. color: green;
  3662. }
  3663. .dorako-ui.message.chat-message .message-content .pf2e.chat-card .card-content {
  3664. border-image-repeat: repeat;
  3665. border-image-slice: 11;
  3666. border-image-source: var(--ornamentation);
  3667. border-image-width: 14px;
  3668. border-style: double;
  3669. padding: 3px 10px;
  3670. font-weight: 500;
  3671. margin: 0px;
  3672. }
  3673. .dorako-ui.message.chat-message .message-content .pf2e.chat-card .card-content hr {
  3674. margin: 0px -10px;
  3675. border-color: rgba(35, 35, 31, 0.3333333333);
  3676. border-bottom: none;
  3677. }
  3678. .dorako-ui.message.chat-message .message-content .pf2e.chat-card .card-footer {
  3679. border: none;
  3680. }
  3681. .dorako-ui.message.chat-message .message-content .pf2e.chat-card .card-footer span {
  3682. border-right: 1px solid gray;
  3683. padding-right: 5px;
  3684. }
  3685. .dorako-ui.message.chat-message [data-visibility]:not([data-visibility=all])[data-visibility=gm] {
  3686. border-radius: 3px;
  3687. background: rgba(245, 234, 245, 0.6666666667);
  3688. outline: 1px dashed #720073;
  3689. }
  3690. /* ----------------------------------------- */
  3691. /* Attention */
  3692. /* ----------------------------------------- */
  3693. .dorako-ui.message.chat-message.attention {
  3694. animation: wiggle ease-in-out infinite 1s alternate;
  3695. }
  3696. @keyframes wiggle {
  3697. 0% {
  3698. transform: scale(0.9) translate(-15px);
  3699. }
  3700. 100% {
  3701. transform: scale(0.9) translate(15px);
  3702. }
  3703. }
  3704. /* ----------------------------------------- */
  3705. /* Color definitions */
  3706. /* ----------------------------------------- */
  3707. /* Colors */
  3708. /* Global */
  3709. /* used for mini headers, alternate primary color */
  3710. /* compliments the primary color, usually used in combination */
  3711. /* for all other uses */
  3712. /* Lighter / Darker */
  3713. /* Text */
  3714. /* ----------------------------------------- */
  3715. /* Color schemes */
  3716. /* ----------------------------------------- */
  3717. /* Proficiency ranks */
  3718. /* Rarities */
  3719. /* Degrees of success */
  3720. /* Value adjustments (e.g. weak/elite) */
  3721. /* ----------------------------------------- */
  3722. /* CSS Custom Properties */
  3723. /* ----------------------------------------- */
  3724. :root {
  3725. /* Global */
  3726. --primary: #5e0000;
  3727. --primary-light: #b10000;
  3728. --primary-dark: #380000;
  3729. --secondary: #171f69;
  3730. --secondary-light: #2836b7;
  3731. --secondary-dark: #0d113a;
  3732. --tertiary: #e9d7a1;
  3733. --remaster: hsl(152, 87%, 15%);
  3734. --remaster-light: hsl(170, 96%, 19%);
  3735. --remaster-dark: hsl(153, 100%, 8%);
  3736. --rarity-common: #323232;
  3737. --rarity-uncommon: #98513d;
  3738. --rarity-rare: #002664;
  3739. --rarity-unique: #54166e;
  3740. --alt: #786452;
  3741. --alt-dark: #443730;
  3742. --bg: #f8f4f1;
  3743. --bg-dark: #e7d9cf;
  3744. --gold-brown: #956d58;
  3745. --sub: #605856;
  3746. --color-disabled: #ababab;
  3747. --blind-bg: #a57aa5;
  3748. --whisper-bg: #e3e3ff;
  3749. --inline-link-bg: #ddd;
  3750. --inline-repost-bg: #eaeaea;
  3751. --visibility-gm-bg: #e8e8ef;
  3752. --visibility-owner-bg: #ddebe1;
  3753. --blind-roll: #f5eaf5;
  3754. /* Lighter / Darker */
  3755. --light: #910000;
  3756. --dark: #2b0000;
  3757. --tertiary-dark: #dfc578;
  3758. --tertiary-light: #f3e9ca;
  3759. /* Text */
  3760. --body: var(--text-dark);
  3761. --color-text-trait: #f5efe0;
  3762. --text-dark: #1c1c1c;
  3763. --text-light: white;
  3764. /* Borders */
  3765. --color-border-trait: #d8c384;
  3766. --color-border-divider: #baa991;
  3767. /* Mats */
  3768. --mats-dark: #1c1c1c;
  3769. --mats-gold-dark: #dbc682;
  3770. --mats-gold-light: #e6d8a7;
  3771. --mats-green-light: #99aea1;
  3772. --mats-green: #3e644b;
  3773. --mats-green-dark: #233b2b;
  3774. /* Headers w/ boxes */
  3775. --header-color: var(--text-light);
  3776. --header-bg: var(--secondary);
  3777. /* Sidebar */
  3778. --sidebar-label: var(--tertiary-dark);
  3779. --sidebar-title: var(--tertiary);
  3780. /* App UI */
  3781. --glass-bg: rgba(20, 20, 20, 0.6);
  3782. --glass-bg-gold: rgba(103, 88, 60, 0.441);
  3783. --glass-bg-light: rgba(255, 255, 255, 0.1);
  3784. --glass-bg-dark: rgba(0, 0, 0, 0.7);
  3785. --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);
  3786. --glassy: 0px 0px 3px 0px rgba(255, 255, 255, 0.4) inset, 0px 0px 2px 1px rgba(0, 0, 0, 1),
  3787. 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
  3788. --glassy-sharp: 0px 0px 0px 1px rgba(255, 255, 255, 0.4) inset, 0px 0px 5px 1px rgba(0, 0, 0, 0.8);
  3789. --glassy-sharp-highlight: 0px 0px 0px 1px rgba(245, 222, 179, 0.7) inset, 0px 0px 5px 1px rgba(0, 0, 0, 0.8);
  3790. --sheet-light: url(../img/background-light.webp);
  3791. --sheet-dark: url(../img/background-dark4.webp);
  3792. --header: url(../img/blue-header.webp);
  3793. --banner-top: url(../img/blue-sidebar-top.webp);
  3794. --banner-bottom: url(../img/blue-sidebar-bottom.webp);
  3795. --hotbar-width: unset;
  3796. --controls-margin: 8px;
  3797. }
  3798. /* ----------------------------------------- */
  3799. /* Overwrite Foundry colors */
  3800. /* ----------------------------------------- */
  3801. .dorako-ui {
  3802. --color-border-highlight: var(--tertiary);
  3803. --color-border-highlight-alt: var(--tertiary-dark);
  3804. --color-shadow-primary: var(--primary-light);
  3805. --color-shadow-highlight: var(--primary-light);
  3806. --sheet: var(--sheet-light);
  3807. --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");
  3808. --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");
  3809. --half-transparent: rgba(0, 0, 0, 0.5);
  3810. }
  3811. .dorako-ui *::-webkit-scrollbar-thumb {
  3812. background: var(--tertiary);
  3813. border: 1px solid var(--gold-brown);
  3814. }
  3815. .dorako-ui a,
  3816. .dorako-ui button {
  3817. 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;
  3818. }
  3819. .dorako-ui.dark-theme {
  3820. --color-underline-active: var(--tertiary-dark);
  3821. --color-underline-header: var(--tertiary-dark);
  3822. --rarity-common: #e1d8cf;
  3823. --rarity-uncommon: #c45500;
  3824. --rarity-rare: #5362ff;
  3825. --rarity-unique: #e127e1;
  3826. --color-shadow-primary: var(--tertiary-dark);
  3827. --color-shadow-highlight: var(--tertiary);
  3828. --sheet: var(--sheet-dark);
  3829. --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");
  3830. --body: var(--text-light);
  3831. --bg: var(--glass-bg-dark);
  3832. --half-transparent: rgba(255, 255, 255, 0.5);
  3833. }
  3834. .dorako-ui.message.chat-message.spell {
  3835. padding-bottom: 3px;
  3836. }
  3837. /* ----------------------------------------- */
  3838. /* Glassy Buttons */
  3839. /* ----------------------------------------- */
  3840. .dorako-ui.dark-theme.message.chat-message > .message-content .message-buttons button .cue i {
  3841. --fa-primary-color: white;
  3842. --fa-secondary-color: var(--tertiary);
  3843. }
  3844. .dorako-ui.dark-theme.message.chat-message .dice-roll .dice-formula,
  3845. .dorako-ui.dark-theme.message.chat-message .dice-roll .dice-total {
  3846. border: none;
  3847. border-radius: var(--border-radius);
  3848. background: none;
  3849. background-color: var(--glass-bg);
  3850. box-shadow: var(--glassy);
  3851. }
  3852. .dorako-ui.dark-theme.message.chat-message .dice-roll .dice-total.success {
  3853. color: #00c000;
  3854. }
  3855. .dorako-ui.dark-theme.message.chat-message .dice-roll .dice-total.failure {
  3856. color: #ff4040;
  3857. }
  3858. .dorako-ui.dark-theme.message.chat-message .dice-total .dice-total-setInitiative-btn,
  3859. .dorako-ui.dark-theme.message.chat-message .dice-total .dice-total-fullDamage-btn {
  3860. border: none;
  3861. border-radius: var(--border-radius);
  3862. background: none;
  3863. background-color: var(--glass-bg);
  3864. box-shadow: var(--glassy);
  3865. 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;
  3866. background-color: var(--glass-bg-light);
  3867. color: var(--color-text-light-heading);
  3868. text-shadow: 0px 0px 3px black;
  3869. }
  3870. .dorako-ui.dark-theme.message.chat-message .dice-total .dice-total-setInitiative-btn:hover,
  3871. .dorako-ui.dark-theme.message.chat-message .dice-total .dice-total-fullDamage-btn:hover {
  3872. background-color: var(--primary);
  3873. color: var(--color-text-light-highlight);
  3874. }
  3875. .dorako-ui.dark-theme.message.chat-message .persistent-damage-recovery hr {
  3876. display: none;
  3877. }
  3878. .dorako-ui.dark-theme.message.chat-message .persistent-damage-recovery button {
  3879. border: none;
  3880. border-radius: var(--border-radius);
  3881. background: none;
  3882. background-color: var(--glass-bg);
  3883. box-shadow: var(--glassy);
  3884. 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;
  3885. color: var(--color-text-light-heading);
  3886. text-shadow: 0px 0px 3px black;
  3887. margin-top: 5px;
  3888. }
  3889. .dorako-ui.dark-theme.message.chat-message .persistent-damage-recovery button:hover {
  3890. background-color: var(--primary);
  3891. color: var(--color-text-light-highlight);
  3892. }
  3893. .dorako-ui.dark-theme.message.chat-message .table-draw .table-description {
  3894. color: var(--color-text-light-highlight);
  3895. border-top: 1px solid var(--tertiary);
  3896. }
  3897. .dorako-ui.dark-theme.message.chat-message .table-draw .table-results .table-result img.result-image {
  3898. border: none;
  3899. margin: 2px;
  3900. /* prettier-ignore */
  3901. box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px var(--gold-brown);
  3902. background-image: var(--sheet);
  3903. background-size: cover;
  3904. background-image: var(--sheet-light);
  3905. object-fit: contain;
  3906. border-radius: 3px;
  3907. margin-right: 5px;
  3908. }
  3909. .dorako-ui.dark-theme.message.chat-message .pf2e.chat-card .card-buttons {
  3910. margin: 0px;
  3911. margin-top: 5px;
  3912. }
  3913. .dorako-ui.dark-theme.message.chat-message .pf2e.chat-card .card-buttons button.with-image {
  3914. border: none;
  3915. border-radius: var(--border-radius);
  3916. background: none;
  3917. background-color: var(--glass-bg);
  3918. box-shadow: var(--glassy);
  3919. 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;
  3920. text-shadow: var(--dorako-text-shadow);
  3921. background: var(--primary);
  3922. color: var(--color-text-light-highlight);
  3923. }
  3924. .dorako-ui.dark-theme.message.chat-message .pf2e.chat-card .card-buttons button.with-image:hover {
  3925. color: white;
  3926. background: var(--primary-light);
  3927. }
  3928. .dorako-ui.dark-theme.message.chat-message .pf2e.chat-card .card-buttons button.with-image img {
  3929. border: none;
  3930. margin: 2px;
  3931. /* prettier-ignore */
  3932. box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px var(--gold-brown);
  3933. border-radius: 3px;
  3934. height: 1.2em;
  3935. margin-right: 5px;
  3936. }
  3937. .dorako-ui.dark-theme.message.chat-message .pf2e.chat-card .card-buttons button {
  3938. border: none;
  3939. border-radius: var(--border-radius);
  3940. background: none;
  3941. background-color: var(--glass-bg);
  3942. box-shadow: var(--glassy);
  3943. 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;
  3944. text-shadow: var(--dorako-text-shadow);
  3945. background: var(--primary);
  3946. color: var(--color-text-light-highlight);
  3947. }
  3948. .dorako-ui.dark-theme.message.chat-message .pf2e.chat-card .card-buttons button:hover {
  3949. color: white;
  3950. background: var(--primary-light);
  3951. }
  3952. .dorako-ui.dark-theme.message.chat-message .pf2e.chat-card .card-buttons .hidden-to-others {
  3953. border: none;
  3954. border-radius: var(--border-radius);
  3955. background: none;
  3956. background-color: var(--glass-bg);
  3957. box-shadow: var(--glassy);
  3958. 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;
  3959. text-shadow: 0px 0px 3px black;
  3960. background: var(--secondary);
  3961. color: var(--color-text-light-highlight);
  3962. }
  3963. .dorako-ui.dark-theme.message.chat-message .pf2e.chat-card .card-buttons .hidden-to-others:hover {
  3964. color: white;
  3965. background: var(--secondary-light);
  3966. }
  3967. .dorako-ui.dark-theme.message.chat-message .pf2e.chat-card .card-buttons .spell-button,
  3968. .dorako-ui.dark-theme.message.chat-message .pf2e.chat-card .card-buttons .spell-attack-buttons {
  3969. gap: 5px;
  3970. }
  3971. .dorako-ui.dark-theme.message.chat-message .pf2e.chat-card .card-buttons .spell-button button:not(:first-child),
  3972. .dorako-ui.dark-theme.message.chat-message .pf2e.chat-card .card-buttons .spell-attack-buttons button:not(:first-child) {
  3973. border: none;
  3974. border-radius: var(--border-radius);
  3975. background: none;
  3976. background-color: var(--glass-bg);
  3977. box-shadow: var(--glassy);
  3978. 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;
  3979. text-shadow: 0px 0px 3px black;
  3980. background: var(--primary-dark);
  3981. color: var(--color-text-light-highlight);
  3982. }
  3983. .dorako-ui.dark-theme.message.chat-message .pf2e.chat-card .card-buttons .spell-button button:not(:first-child):hover,
  3984. .dorako-ui.dark-theme.message.chat-message .pf2e.chat-card .card-buttons .spell-attack-buttons button:not(:first-child):hover {
  3985. color: white;
  3986. background: var(--primary-light);
  3987. }
  3988. /* ----------------------------------------- */
  3989. /* Damage buttons */
  3990. /* ----------------------------------------- */
  3991. .dorako-ui.dark-theme.message .message-content .damage-application {
  3992. gap: 5px;
  3993. margin-top: 5px;
  3994. text-rendering: geometricPrecision;
  3995. }
  3996. .dorako-ui.dark-theme.message .message-content .damage-application button {
  3997. border: none;
  3998. border-radius: var(--border-radius);
  3999. background: none;
  4000. background-color: var(--glass-bg);
  4001. box-shadow: var(--glassy);
  4002. 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;
  4003. text-shadow: 0px 0px 3px black;
  4004. color: var(--color-text-light-heading);
  4005. margin: 0px;
  4006. }
  4007. .dorako-ui.dark-theme.message .message-content .damage-application button img {
  4008. filter: invert(1) brightness(0.8) sepia(1) grayscale(0.8) drop-shadow(0px 0px 3px rgba(0, 0, 0, 0.5));
  4009. }
  4010. .dorako-ui.dark-theme.message .message-content .damage-application button:hover {
  4011. border: none;
  4012. border-radius: var(--border-radius);
  4013. background: none;
  4014. background-color: var(--glass-bg);
  4015. box-shadow: var(--glassy);
  4016. color: white;
  4017. background-color: var(--primary-light);
  4018. }
  4019. .dorako-ui.dark-theme.message .message-content .damage-application button:hover img {
  4020. filter: invert(1) drop-shadow(0px 0px 3px rgba(0, 0, 0, 0.5));
  4021. }
  4022. .dorako-ui.dark-theme.message .message-content .damage-application button:hover.half-damage .fa-heart-broken::after {
  4023. color: hsla(0, 0%, 0%, 0.5);
  4024. text-shadow: none;
  4025. }
  4026. .dorako-ui.dark-theme.message .message-content .damage-application button.half-damage .fa-heart-broken::after {
  4027. color: hsla(0, 0%, 0%, 0.5);
  4028. text-shadow: none;
  4029. }
  4030. .dorako-ui.dark-theme.message .message-content .damage-application button.shield-block:hover {
  4031. background-color: var(--secondary-light);
  4032. border: none;
  4033. }
  4034. .dorako-ui.dark-theme.message .message-content .damage-application button.shield-block.shield-activated {
  4035. background-color: var(--secondary-light);
  4036. border: none;
  4037. }
  4038. .dorako-ui.dark-theme.message .message-content .damage-application button.shield-block.shield-activated:hover {
  4039. background-color: var(--secondary-dark);
  4040. border: none;
  4041. }
  4042. .dorako-ui.dark-theme.message .message-content .damage-application button.heal-damage .fa-stack i.fa-plus {
  4043. color: hsla(0, 0%, 0%, 0.5);
  4044. text-shadow: none;
  4045. }
  4046. .dorako-ui.dark-theme.message .message-content .damage-application button.heal-damage:hover {
  4047. background-color: green;
  4048. border: none;
  4049. }
  4050. .dorako-ui.dark-theme.message .message-content .damage-application button.heal-damage:hover .fa-stack i.fa-plus {
  4051. color: green;
  4052. text-shadow: none;
  4053. }
  4054. /* ----------------------------------------- */
  4055. /* Chat card */
  4056. /* ----------------------------------------- */
  4057. .dorako-ui.message.chat-message.dark-theme {
  4058. background: var(--sheet-dark);
  4059. background-size: cover;
  4060. color: var(--color-text-light-1);
  4061. }
  4062. .dorako-ui.message.chat-message.dark-theme.whisper {
  4063. background-color: var(--whisper-bg);
  4064. background-blend-mode: luminosity;
  4065. }
  4066. .dorako-ui.message.chat-message.dark-theme.blind {
  4067. background-color: var(--blind-bg);
  4068. background-blend-mode: luminosity;
  4069. }
  4070. .dorako-ui.message.chat-message.dark-theme .tags .tag_transparent {
  4071. box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3);
  4072. }
  4073. .dorako-ui.message.chat-message.dark-theme [data-visibility]:not([data-visibility=all])[data-visibility=gm] {
  4074. background: rgba(245, 234, 245, 0.1333333333);
  4075. }
  4076. .dorako-ui.message.chat-message.dark-theme span[data-pf2-check][data-pf2-traits*=secret] {
  4077. background: #f3ddf3;
  4078. }
  4079. .dorako-ui.message.chat-message.dark-theme .message-content .pf2e-pd-card {
  4080. margin-top: 5px;
  4081. }
  4082. .dorako-ui.message.chat-message.dark-theme .message-content .pf2e-pd-card .apply-condition {
  4083. margin-top: 0px;
  4084. }
  4085. .dorako-ui.message.chat-message.dark-theme .message-content .pf2e-pd-card button {
  4086. 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;
  4087. border: none;
  4088. border-radius: var(--border-radius);
  4089. background: none;
  4090. background-color: var(--glass-bg);
  4091. box-shadow: var(--glassy);
  4092. text-shadow: var(--dorako-text-shadow);
  4093. }
  4094. .dorako-ui.message.chat-message.dark-theme .message-content .pf2e-pd-card button:hover {
  4095. background-color: var(--primary-light);
  4096. color: var(--color-text-light-highlight);
  4097. }
  4098. .dorako-ui.message.chat-message.dark-theme .message-content .pf2e-pd-card > div:not(.card-buttons) {
  4099. margin-bottom: 5px;
  4100. }
  4101. .dorako-ui.message.chat-message.dark-theme .message-content .pf2e-pd-card .flat-check-failure {
  4102. text-rendering: optimizeLegibility;
  4103. background-color: #ff4500;
  4104. border-radius: 2px;
  4105. box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.5);
  4106. color: white;
  4107. font-family: var(--sans-serif);
  4108. font-size: 10px;
  4109. font-weight: 500;
  4110. letter-spacing: 0.05em;
  4111. line-height: 1;
  4112. padding: 3px 4px;
  4113. text-transform: uppercase;
  4114. }
  4115. .dorako-ui.message.chat-message.dark-theme .message-content .pf2e-pd-card .flat-check-success {
  4116. text-rendering: optimizeLegibility;
  4117. background-color: blue;
  4118. border-radius: 2px;
  4119. box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.5);
  4120. color: white;
  4121. font-family: var(--sans-serif);
  4122. font-size: 10px;
  4123. font-weight: 500;
  4124. letter-spacing: 0.05em;
  4125. line-height: 1;
  4126. padding: 3px 4px;
  4127. text-transform: uppercase;
  4128. }
  4129. .dorako-ui.message.chat-message.dark-theme .pf2e.chat-card .card-header h4 s {
  4130. color: gray;
  4131. }
  4132. .dorako-ui.message.chat-message.dark-theme .pf2e.chat-card .card-header h4 span.heightened {
  4133. color: green;
  4134. }
  4135. .dorako-ui.message.chat-message.dark-theme .pf2e.chat-card .card-content hr {
  4136. margin: 0px -10px;
  4137. border-color: var(--tertiary);
  4138. border-bottom: none;
  4139. }
  4140. /* ----------------------------------------- */
  4141. /* Damage types */
  4142. /* ----------------------------------------- */
  4143. .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .dice-tooltip .instance .dice .part-formula,
  4144. .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .dice-tooltip .instance .dice .part-total {
  4145. color: var(--color-text-light-5);
  4146. }
  4147. .dorako-ui.message.dark-theme .dice-tooltip .part-header {
  4148. border-bottom: 1px solid var(--color-text-dark-3);
  4149. }
  4150. .dorako-ui.message.dark-theme .dice-tooltip .part-header .part-total {
  4151. background: rgba(255, 255, 255, 0.1);
  4152. border: 1px solid var(--color-text-dark-3);
  4153. }
  4154. .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance {
  4155. white-space: nowrap;
  4156. }
  4157. .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.acid {
  4158. border-color: #00b300;
  4159. color: #007300;
  4160. }
  4161. .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.acid:not(.tooltip-part), .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.acid.tooltip-part > header {
  4162. background: rgba(0, 179, 0, 0.125);
  4163. }
  4164. .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.acid .icon {
  4165. color: #00b300;
  4166. }
  4167. .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.bleed {
  4168. border-color: #d90025;
  4169. color: #99001a;
  4170. }
  4171. .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.bleed:not(.tooltip-part), .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.bleed.tooltip-part > header {
  4172. background: rgba(217, 0, 37, 0.125);
  4173. }
  4174. .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.bleed .icon {
  4175. color: #d90025;
  4176. }
  4177. .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.bludgeoning {
  4178. border-color: #cccccc;
  4179. color: #acacac;
  4180. }
  4181. .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.bludgeoning:not(.tooltip-part), .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.bludgeoning.tooltip-part > header {
  4182. background: rgba(204, 204, 204, 0.125);
  4183. }
  4184. .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.bludgeoning .icon {
  4185. color: #cccccc;
  4186. }
  4187. .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.chaotic {
  4188. border-color: #e600e6;
  4189. color: #a600a6;
  4190. }
  4191. .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.chaotic:not(.tooltip-part), .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.chaotic.tooltip-part > header {
  4192. background: rgba(230, 0, 230, 0.125);
  4193. }
  4194. .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.chaotic .icon {
  4195. color: #e600e6;
  4196. }
  4197. .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.cold {
  4198. border-color: #4949cc;
  4199. color: #2f2fa6;
  4200. }
  4201. .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.cold:not(.tooltip-part), .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.cold.tooltip-part > header {
  4202. background: rgba(73, 73, 204, 0.125);
  4203. }
  4204. .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.cold .icon {
  4205. color: #4949cc;
  4206. }
  4207. .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.electricity {
  4208. border-color: #f1b012;
  4209. color: darkgoldenrod;
  4210. }
  4211. .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.electricity:not(.tooltip-part), .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.electricity.tooltip-part > header {
  4212. background: rgba(241, 176, 18, 0.125);
  4213. }
  4214. .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.electricity .icon {
  4215. color: #f1b012;
  4216. }
  4217. .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.evil {
  4218. border-color: #842ac4;
  4219. color: #611f90;
  4220. }
  4221. .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.evil:not(.tooltip-part), .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.evil.tooltip-part > header {
  4222. background: rgba(132, 42, 196, 0.125);
  4223. text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5), 0px 0px 3px rgba(0, 0, 0, 0.8);
  4224. }
  4225. .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.evil .icon {
  4226. color: #842ac4;
  4227. }
  4228. .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.fire {
  4229. border-color: #e64100;
  4230. color: #a62f00;
  4231. }
  4232. .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.fire:not(.tooltip-part), .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.fire.tooltip-part > header {
  4233. background: rgba(230, 65, 0, 0.125);
  4234. }
  4235. .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.fire .icon {
  4236. color: #e64100;
  4237. }
  4238. .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.force {
  4239. border-color: #89edfc;
  4240. color: #4be3fa;
  4241. }
  4242. .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.force:not(.tooltip-part), .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.force.tooltip-part > header {
  4243. background: rgba(137, 237, 252, 0.125);
  4244. }
  4245. .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.force .icon {
  4246. color: #89edfc;
  4247. }
  4248. .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.good {
  4249. border-color: #d99f0e;
  4250. color: #9d730a;
  4251. }
  4252. .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.good:not(.tooltip-part), .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.good.tooltip-part > header {
  4253. background: rgba(217, 159, 14, 0.125);
  4254. }
  4255. .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.good .icon {
  4256. color: #d99f0e;
  4257. }
  4258. .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.lawful {
  4259. border-color: #a86400;
  4260. color: #683e00;
  4261. }
  4262. .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.lawful:not(.tooltip-part), .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.lawful.tooltip-part > header {
  4263. background: rgba(168, 100, 0, 0.125);
  4264. text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5), 0px 0px 3px rgba(0, 0, 0, 0.8);
  4265. }
  4266. .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.lawful .icon {
  4267. color: #a86400;
  4268. }
  4269. .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.mental {
  4270. border-color: #3d53c7;
  4271. color: #2c3d99;
  4272. }
  4273. .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.mental:not(.tooltip-part), .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.mental.tooltip-part > header {
  4274. background: rgba(61, 83, 199, 0.125);
  4275. text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5), 0px 0px 3px rgba(0, 0, 0, 0.8);
  4276. }
  4277. .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.mental .icon {
  4278. color: #3d53c7;
  4279. }
  4280. .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.negative {
  4281. border-color: #4e4e68;
  4282. color: #4e4e68;
  4283. }
  4284. .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.negative:not(.tooltip-part), .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.negative.tooltip-part > header {
  4285. background: rgba(78, 78, 104, 0.125);
  4286. text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5), 0px 0px 3px rgba(0, 0, 0, 0.8);
  4287. }
  4288. .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.negative .icon {
  4289. color: #4e4e68;
  4290. }
  4291. .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.piercing {
  4292. border-color: #acacac;
  4293. color: #8c8c8c;
  4294. }
  4295. .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.piercing:not(.tooltip-part), .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.piercing.tooltip-part > header {
  4296. background: rgba(172, 172, 172, 0.125);
  4297. }
  4298. .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.piercing .icon {
  4299. color: #acacac;
  4300. }
  4301. .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.poison {
  4302. border-color: #7e9f45;
  4303. color: #5b7332;
  4304. }
  4305. .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.poison:not(.tooltip-part), .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.poison.tooltip-part > header {
  4306. background: rgba(126, 159, 69, 0.125);
  4307. }
  4308. .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.poison .icon {
  4309. color: #7e9f45;
  4310. }
  4311. .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.positive {
  4312. border-color: white;
  4313. color: #ffffbf;
  4314. }
  4315. .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.positive:not(.tooltip-part), .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.positive.tooltip-part > header {
  4316. background: rgba(255, 255, 255, 0.125);
  4317. text-shadow: 1px 1px rgba(0, 0, 0, 0.6);
  4318. }
  4319. .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.positive .icon {
  4320. color: white;
  4321. }
  4322. .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.slashing {
  4323. border-color: #acacac;
  4324. color: #8c8c8c;
  4325. }
  4326. .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.slashing:not(.tooltip-part), .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.slashing.tooltip-part > header {
  4327. background: rgba(172, 172, 172, 0.125);
  4328. }
  4329. .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.slashing .icon {
  4330. color: #acacac;
  4331. }
  4332. .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.sonic {
  4333. border-color: #00cbcb;
  4334. color: darkcyan;
  4335. }
  4336. .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.sonic:not(.tooltip-part), .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.sonic.tooltip-part > header {
  4337. background: rgba(0, 203, 203, 0.125);
  4338. }
  4339. .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.sonic .icon {
  4340. color: #00cbcb;
  4341. }
  4342. .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance .splash {
  4343. border-color: inherit;
  4344. border-width: 1px;
  4345. border-style: dotted;
  4346. padding: 1px 2px;
  4347. line-height: 0;
  4348. }
  4349. h3 {
  4350. border-bottom: none;
  4351. }
  4352. button > i {
  4353. margin-right: 0;
  4354. }
  4355. img {
  4356. border: none;
  4357. border-radius: 0px;
  4358. }
  4359. input:disabled {
  4360. border-radius: 2px;
  4361. }
  4362. .dorako-display-none {
  4363. display: none !important;
  4364. }
  4365. a.content-link,
  4366. [data-pf2-check],
  4367. a.entity-link,
  4368. [data-pf2-action],
  4369. span[data-pf2-effect-area],
  4370. a.inline-check .label,
  4371. a.inline-roll:not(.inline-result) {
  4372. font-weight: 400;
  4373. text-shadow: none !important;
  4374. }
  4375. .dorako-ui.dark-theme a.content-link,
  4376. .dorako-ui.dark-theme [data-pf2-check],
  4377. .dorako-ui.dark-theme a.entity-link,
  4378. .dorako-ui.dark-theme [data-pf2-action],
  4379. .dorako-ui.dark-theme span[data-pf2-effect-area],
  4380. .dorako-ui.dark-theme a.inline-check .label,
  4381. .dorako-ui.dark-theme a.inline-roll:not(.inline-result) {
  4382. color: black;
  4383. }
  4384. .tah-tags-wrapper .tags,
  4385. .dorako-ui .message-content .tags,
  4386. .dorako-ui .tags.paizo-style,
  4387. .dorako-ui .tags {
  4388. gap: 1px;
  4389. }
  4390. .tah-tags-wrapper .tags .tag,
  4391. .dorako-ui .message-content .tags .tag,
  4392. .dorako-ui .tags.paizo-style .tag,
  4393. .dorako-ui .tags .tag {
  4394. height: auto;
  4395. }
  4396. .tah-tags-wrapper .tags .tag:not(.tag_transparent),
  4397. .dorako-ui .message-content .tags .tag:not(.tag_transparent),
  4398. .dorako-ui .tags.paizo-style .tag:not(.tag_transparent),
  4399. .dorako-ui .tags .tag:not(.tag_transparent) {
  4400. border-radius: 0px;
  4401. box-shadow: unset;
  4402. border: 1px solid var(--tertiary);
  4403. outline: 1px solid var(--gold-brown);
  4404. padding: 0.33em 0.33em;
  4405. }
  4406. .tah-tags-wrapper .tags .tag:first-child,
  4407. .dorako-ui .message-content .tags .tag:first-child,
  4408. .dorako-ui .tags.paizo-style .tag:first-child,
  4409. .dorako-ui .tags .tag:first-child {
  4410. border-left-width: 1px;
  4411. }
  4412. .tah-tags-wrapper .tags .tag:last-child,
  4413. .dorako-ui .message-content .tags .tag:last-child,
  4414. .dorako-ui .tags.paizo-style .tag:last-child,
  4415. .dorako-ui .tags .tag:last-child {
  4416. border-right-width: 1px;
  4417. }
  4418. .dorako-ui .tags.paizo-style select.tag:first-child {
  4419. border-left-width: 1px;
  4420. }
  4421. .dorako-ui .tags.paizo-style tag:first-of-type {
  4422. border-left-width: 1px;
  4423. }
  4424. .dorako-ui .tags.paizo-style tag:last-of-type {
  4425. border-right-width: 1px;
  4426. }
  4427. .dorako-ui .tags.paizo-style tag,
  4428. .dorako-ui .tags.paizo-style select.tag {
  4429. border-width: 1px;
  4430. outline: 1px solid var(--gold-brown);
  4431. }
  4432. a.inline-check,
  4433. span[data-pf2-check],
  4434. span[data-pf2-effect-area].with-repost {
  4435. padding: 0px;
  4436. padding-left: 4px;
  4437. }
  4438. [data-visibility]:not([data-visibility=all]) {
  4439. padding: unset;
  4440. }
  4441. .dorako-ui.dark-theme a.content-link.broken {
  4442. background: rgba(255, 0, 0, 0.5);
  4443. color: white;
  4444. }
  4445. .pf2e-av .journal-page-content a.inline-check > i.icon,
  4446. .pf2e-av .journal-page-content span[data-pf2-check] > i.icon,
  4447. .pf2e-av .journal-page-content [data-pf2-repost] .label,
  4448. .pf2e-av .journal-page-content [data-pf2-check] .label,
  4449. .pf2e-av .journal-page-content [data-pf2-check]:not([data-pf2-show-dc=gm]) .label {
  4450. color: var(--av-green-light);
  4451. }
  4452. .dorako-ui.message.chat-message.dark-theme a.inline-roll {
  4453. color: black;
  4454. }
  4455. i[data-pf2-repost] {
  4456. top: 0px;
  4457. cursor: pointer;
  4458. }
  4459. .app.sheet.actor p,
  4460. .pf2e p {
  4461. font-weight: 400;
  4462. }
  4463. /*# sourceMappingURL=dorako-ui.css.map */