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.

3625 lines
145 KiB

1 year ago
  1. .dorako-ui .tox:not(.tox-tinymce-inline) .tox-editor-header {
  2. background: none;
  3. box-shadow: none;
  4. }
  5. /* ----------------------------------------- */
  6. /* App UI */
  7. /* ----------------------------------------- */
  8. #players.dorako-ui {
  9. border: none;
  10. border-radius: 3px;
  11. background: none;
  12. background-color: var(--glass-bg);
  13. box-shadow: var(--glassy);
  14. text-shadow: 0px 0px 3px black;
  15. }
  16. #players.dorako-ui h3 {
  17. cursor: pointer;
  18. 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;
  19. }
  20. #players.dorako-ui h3:hover {
  21. text-shadow: 0px 0px 8px var(--color-shadow-highlight);
  22. }
  23. .dorako-ui.app.journal-entry:not(.premium) .window-content {
  24. box-shadow: none;
  25. margin: 0px;
  26. background: none;
  27. }
  28. .dorako-ui.app.journal-entry:not(.premium) .window-content .journal-entry-content {
  29. border: none;
  30. margin: 2px;
  31. /* prettier-ignore */
  32. box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px var(--gold-brown);
  33. background-image: var(--sheet);
  34. background-size: cover;
  35. margin-left: 4px;
  36. height: calc(100% - 4px);
  37. }
  38. .dorako-ui.app.journal-entry:not(.premium).pf2e-av .journal-entry-content.flexcol {
  39. color: black;
  40. background: url(../../../modules/pf2e-abomination-vaults/styles/assets/parchment-av.jpg) repeat;
  41. }
  42. .dorako-ui.window-app {
  43. border: none;
  44. border-radius: 3px;
  45. background: none;
  46. background-color: var(--glass-bg);
  47. box-shadow: var(--glassy);
  48. border-radius: 5px;
  49. box-shadow: var(--glassy), 0px 10px 30px 10px rgba(0, 0, 0, 0.5);
  50. }
  51. .dorako-ui.window-app .window-header {
  52. text-shadow: 0px 0px 3px black;
  53. border: none;
  54. }
  55. .dorako-ui.window-app .window-content {
  56. border: none;
  57. margin: 2px;
  58. /* prettier-ignore */
  59. box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px var(--gold-brown);
  60. background-image: var(--sheet);
  61. background-size: cover;
  62. margin: unset;
  63. box-shadow: 0 0 0 1px var(--gold-brown) inset, 0 0 0 2px var(--tertiary) inset;
  64. border-radius: 0px 0px 3px 3px;
  65. }
  66. .dorako-ui.window-app.journal-entry .window-content {
  67. background: unset;
  68. box-shadow: unset;
  69. }
  70. .dorako-ui.window-app.sidebar-popout {
  71. border: none;
  72. }
  73. .dorako-ui.window-app.sidebar-popout .window-content {
  74. background: none;
  75. box-shadow: none;
  76. margin: 0px;
  77. }
  78. .dorako-ui.window-app.chat-popout {
  79. border-radius: 5px 5px 7px 7px;
  80. }
  81. .dorako-ui.window-app.chat-popout .window-header {
  82. border: none;
  83. }
  84. .dorako-ui.window-app.chat-popout .message.chat-message {
  85. margin: 1px;
  86. }
  87. .dorako-ui.window-app.image-popout {
  88. backdrop-filter: blur(5px);
  89. }
  90. .dorako-ui.window-app.image-popout .window-content {
  91. background: none;
  92. box-shadow: none;
  93. }
  94. .dorako-ui.window-app.maximized {
  95. border-radius: 0;
  96. margin: 0px;
  97. box-shadow: none;
  98. }
  99. .dorako-ui.window-app.maximized.hazard {
  100. background-color: #1c3531;
  101. }
  102. .dorako-ui.window-app.maximized.character {
  103. background-color: #5d0e08;
  104. }
  105. .dorako-ui.window-app.maximized.npc {
  106. background-color: #422d01;
  107. }
  108. .dorako-ui.window-app .window-resizable-handle {
  109. background: none;
  110. border: none;
  111. text-shadow: 0px 0px 3px black;
  112. }
  113. .dorako-ui.package-configuration aside.sidebar nav.tabs {
  114. padding: 10px;
  115. margin: -10px;
  116. margin-bottom: 0px;
  117. }
  118. .dorako-ui::-webkit-scrollbar-thumb {
  119. background: var(--tertiary);
  120. border: 1px solid var(--gold-brown);
  121. }
  122. /* ----------------------------------------- */
  123. /* Context Menu */
  124. /* ----------------------------------------- */
  125. .dorako-ui #context-menu {
  126. border: none;
  127. border-radius: 3px;
  128. background: none;
  129. background-color: var(--glass-bg);
  130. box-shadow: var(--glassy);
  131. backdrop-filter: blur(5px);
  132. text-shadow: 0px 0px 3px black;
  133. }
  134. .dorako-ui #context-menu.expand-down {
  135. margin-top: 3px;
  136. }
  137. .dorako-ui #context-menu ol.context-items {
  138. border: none;
  139. }
  140. /* ----------------------------------------- */
  141. /* Tooltip */
  142. /* ----------------------------------------- */
  143. #tooltip {
  144. border: none;
  145. border-radius: 3px;
  146. background: none;
  147. background-color: var(--glass-bg);
  148. box-shadow: var(--glassy);
  149. backdrop-filter: blur(5px);
  150. min-height: 34px;
  151. font-size: var(--font-size-20);
  152. line-height: var(--font-size-20);
  153. text-shadow: 0px 0px 3px black;
  154. }
  155. /* ----------------------------------------- */
  156. /* FPS display */
  157. /* ----------------------------------------- */
  158. #fps {
  159. border: none;
  160. border-radius: 3px;
  161. background: none;
  162. background-color: var(--glass-bg);
  163. box-shadow: var(--glassy);
  164. text-shadow: 0px 0px 3px black;
  165. }
  166. .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 {
  167. border: none;
  168. border-radius: 3px;
  169. background: none;
  170. background-color: var(--glass-bg);
  171. box-shadow: var(--glassy);
  172. 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;
  173. text-shadow: 0 0 3px black;
  174. color: var(--color-text-light-heading);
  175. }
  176. .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 {
  177. border: none;
  178. border-radius: 3px;
  179. background: none;
  180. background-color: var(--glass-bg);
  181. box-shadow: var(--glassy);
  182. background-color: var(--primary);
  183. color: var(--color-text-light-highlight);
  184. box-shadow: var(--glassy);
  185. }
  186. .dorako-ui.dark-theme.pf2e.item.sheet form section.sheet-body .item-description .descriptions .editor a.add-gm-notes {
  187. background-color: #2e0587;
  188. }
  189. .dorako-ui.dark-theme.pf2e.item.sheet form section.sheet-body .item-description .descriptions .editor a.add-gm-notes:hover {
  190. background-color: #440eb9;
  191. }
  192. .dorako-ui.dark-theme.pf2e.item.sheet form section.sheet-body .item-description .descriptions .gm-notes {
  193. background-color: #2e0587;
  194. border: 1px dashed #440eb9;
  195. padding: 4px;
  196. border-radius: 15px;
  197. }
  198. .dorako-ui.dark-theme.pf2e.item.sheet form section.sheet-body .item-description .descriptions .tox-tinymce {
  199. background-color: #440eb9;
  200. background-blend-mode: luminosity;
  201. }
  202. .dorako-ui.dark-theme #sidebar .settings-sidebar button {
  203. border: none;
  204. border-radius: 3px;
  205. background: none;
  206. background-color: var(--glass-bg);
  207. box-shadow: var(--glassy);
  208. 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;
  209. text-shadow: 0 0 3px black;
  210. background-color: var(--glass-bg-light);
  211. color: var(--color-text-light-heading);
  212. }
  213. .dorako-ui.dark-theme #sidebar .settings-sidebar button:hover {
  214. background-color: var(--glass-bg);
  215. color: var(--color-text-light-highlight);
  216. }
  217. .dorako-ui.dark-theme.dialog .dialog-buttons button.default {
  218. background-color: var(--secondary);
  219. border: none;
  220. }
  221. .dorako-ui.dark-theme.dialog .dialog-buttons button.default:hover {
  222. background-color: var(--secondary-light);
  223. }
  224. .dorako-ui.dark-theme .tox-tinymce {
  225. border: none;
  226. margin: 2px;
  227. /* prettier-ignore */
  228. box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px var(--gold-brown);
  229. background-image: var(--sheet);
  230. background-size: cover;
  231. background-image: var(--sheet-light);
  232. box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px var(--gold-brown), 0px 4px 10px black;
  233. }
  234. .dorako-ui.dark-theme .tox-tinymce.tox:not(.tox-tinymce-inline) .tox-editor-header {
  235. padding-top: 0px;
  236. }
  237. .dorako-ui.dark-theme form .form-group.buttons {
  238. gap: 5px;
  239. }
  240. .dorako-ui.dark-theme.app.choice-set-prompt section.window-content .choices .drop-zone span {
  241. color: white;
  242. }
  243. .dorako-ui.dark-theme {
  244. --color-text-dark-primary: var(--color-text-light-heading);
  245. }
  246. .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 {
  247. color: var(--color-text-light-heading);
  248. }
  249. .dorako-ui.dark-theme.pf2e.item.sheet form .item-rules .rule-form .attached-input button {
  250. background-color: var(--primary-dark);
  251. border: none;
  252. }
  253. .dorako-ui.dark-theme.pf2e.item.sheet form .item-rules .rule-form .attached-input input {
  254. border-radius: 0px 3px 3px 0px;
  255. }
  256. .dorako-ui.dark-theme:not(.premium) .window-content {
  257. border: none;
  258. margin: 2px;
  259. /* prettier-ignore */
  260. box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px var(--gold-brown);
  261. background-image: var(--sheet);
  262. background-size: cover;
  263. color: var(--color-text-light-heading);
  264. }
  265. .dorako-ui.light-theme.journal-entry-content {
  266. --color-text-dark-primary: #191813;
  267. color: var(--color-text-dark-primary);
  268. }
  269. .dorako-ui.dark-theme.window-app.chat-popout .window-content {
  270. background: unset;
  271. box-shadow: unset;
  272. }
  273. .dorako-ui.dark-theme:not(.premium).window-app footer.flexrow {
  274. gap: 3px;
  275. }
  276. .dorako-ui.dark-theme:not(.premium).window-app .window-content {
  277. box-shadow: 0 0 0 1px var(--gold-brown) inset, 0 0 0 2px var(--tertiary) inset;
  278. background-image: var(--sheet-dark);
  279. color: var(--color-text-light-heading);
  280. }
  281. .dorako-ui.dark-theme:not(.premium).window-app#module-management .package-list .package-title,
  282. .dorako-ui.dark-theme:not(.premium).window-app#module-management .package-list .package-metadata,
  283. .dorako-ui.dark-theme:not(.premium).window-app#module-management .package-list .package-description {
  284. color: var(--color-text-light-highlight);
  285. }
  286. .dorako-ui.dark-theme:not(.premium).window-app.package-configuration aside.sidebar {
  287. border: none;
  288. }
  289. .dorako-ui.dark-theme:not(.premium).window-app.sheet header.sheet-header img {
  290. box-shadow: var(--gold-and-glow);
  291. border-radius: 5px;
  292. }
  293. .dorako-ui.dark-theme:not(.premium).window-app textarea {
  294. color: white;
  295. border: 1px solid var(--tertiary);
  296. }
  297. .dorako-ui.dark-theme:not(.premium).window-app a[href] {
  298. color: var(--tertiary-dark);
  299. }
  300. .dorako-ui.dark-theme:not(.premium).window-app hr {
  301. border-top: 1px solid var(--tertiary);
  302. border-bottom: 1px solid black;
  303. }
  304. .dorako-ui.dark-theme:not(.premium).window-app.sheet footer.sheet-footer {
  305. gap: 5px;
  306. }
  307. .dorako-ui.dark-theme:not(.premium).window-app .compendium.directory .directory-list .directory-item {
  308. border: none;
  309. }
  310. .dorako-ui.dark-theme:not(.premium).window-app button:not(.tox-tbtn) {
  311. border: none;
  312. border-radius: 3px;
  313. background: none;
  314. background-color: var(--glass-bg);
  315. box-shadow: var(--glassy);
  316. 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;
  317. text-shadow: 0 0 3px black;
  318. color: var(--color-text-light-heading);
  319. }
  320. .dorako-ui.dark-theme:not(.premium).window-app button:not(.tox-tbtn):hover {
  321. border: none;
  322. border-radius: 3px;
  323. background: none;
  324. background-color: var(--glass-bg);
  325. box-shadow: var(--glassy);
  326. background-color: var(--primary);
  327. color: var(--color-text-light-highlight);
  328. box-shadow: var(--glassy);
  329. }
  330. .dorako-ui.dark-theme:not(.premium).window-app button:not(.tox-tbtn).privacy {
  331. background-color: #2e0587;
  332. }
  333. .dorako-ui.dark-theme:not(.premium).window-app button:not(.tox-tbtn).privacy:hover {
  334. color: var(--color-text-light-heading);
  335. background-color: #440eb9;
  336. }
  337. .dorako-ui.dark-theme:not(.premium).window-app button:not(.tox-tbtn).pm-dropdown ul {
  338. border: none;
  339. border-radius: 3px;
  340. background: none;
  341. background-color: var(--glass-bg);
  342. box-shadow: var(--glassy);
  343. backdrop-filter: blur(5px);
  344. }
  345. .dorako-ui.dark-theme:not(.premium).window-app button:not(.tox-tbtn).pm-dropdown li:hover {
  346. background: rgba(0, 0, 0, 0.5);
  347. }
  348. .dorako-ui.dark-theme:not(.premium).window-app button:not(.tox-tbtn).pm-dropdown i {
  349. color: var(--color-text-light-heading);
  350. }
  351. .dorako-ui.dark-theme:not(.premium).window-app button:not(.tox-tbtn).pm-dropdown:hover i {
  352. color: var(--color-text-light-highlight);
  353. }
  354. .dorako-ui.dark-theme:not(.premium).window-app .private button.privacy {
  355. color: var(--color-text-light-highlight);
  356. background-color: #440eb9;
  357. }
  358. .dorako-ui.dark-theme:not(.premium).window-app.token-sheet .form-group.children-disabled .range-value,
  359. .dorako-ui.dark-theme:not(.premium).window-app input[type=range] + .range-value {
  360. border: none;
  361. border-radius: 3px;
  362. background: none;
  363. background-color: var(--glass-bg);
  364. box-shadow: var(--glassy);
  365. background-color: rgba(0, 0, 0, 0.8);
  366. color: var(--color-text-light-heading);
  367. }
  368. .dorako-ui.dark-theme:not(.premium).window-app input[type=checkbox],
  369. .dorako-ui.dark-theme:not(.premium).window-app input[type=radio] {
  370. accent-color: var(--tertiary);
  371. }
  372. .dorako-ui.dark-theme:not(.premium).window-app input[type=checkbox]:checked,
  373. .dorako-ui.dark-theme:not(.premium).window-app input[type=radio]:checked {
  374. box-shadow: unset;
  375. accent-color: var(--tertiary);
  376. filter: none;
  377. }
  378. .dorako-ui.dark-theme:not(.premium).window-app input[type=text]:not(.dorako-ui-skip),
  379. .dorako-ui.dark-theme:not(.premium).window-app input[type=number]:not(.dorako-ui-skip),
  380. .dorako-ui.dark-theme:not(.premium).window-app input[type=password]:not(.dorako-ui-skip),
  381. .dorako-ui.dark-theme:not(.premium).window-app input[type=date]:not(.dorako-ui-skip),
  382. .dorako-ui.dark-theme:not(.premium).window-app input[type=time]:not(.dorako-ui-skip),
  383. .dorako-ui.dark-theme:not(.premium).window-app input[type=search]:not(.dorako-ui-skip) {
  384. border: none;
  385. border-radius: 3px;
  386. background: none;
  387. background-color: var(--glass-bg);
  388. box-shadow: var(--glassy);
  389. padding-left: 5px;
  390. color: var(--color-text-light-heading);
  391. accent-color: var(--tertiary);
  392. }
  393. .dorako-ui.dark-theme:not(.premium).window-app input[type=text]:not(.dorako-ui-skip):checked,
  394. .dorako-ui.dark-theme:not(.premium).window-app input[type=number]:not(.dorako-ui-skip):checked,
  395. .dorako-ui.dark-theme:not(.premium).window-app input[type=password]:not(.dorako-ui-skip):checked,
  396. .dorako-ui.dark-theme:not(.premium).window-app input[type=date]:not(.dorako-ui-skip):checked,
  397. .dorako-ui.dark-theme:not(.premium).window-app input[type=time]:not(.dorako-ui-skip):checked,
  398. .dorako-ui.dark-theme:not(.premium).window-app input[type=search]:not(.dorako-ui-skip):checked {
  399. box-shadow: unset;
  400. accent-color: var(--tertiary);
  401. filter: none;
  402. }
  403. .dorako-ui.dark-theme:not(.premium).window-app input[type=text]:not(.dorako-ui-skip):hover,
  404. .dorako-ui.dark-theme:not(.premium).window-app input[type=number]:not(.dorako-ui-skip):hover,
  405. .dorako-ui.dark-theme:not(.premium).window-app input[type=password]:not(.dorako-ui-skip):hover,
  406. .dorako-ui.dark-theme:not(.premium).window-app input[type=date]:not(.dorako-ui-skip):hover,
  407. .dorako-ui.dark-theme:not(.premium).window-app input[type=time]:not(.dorako-ui-skip):hover,
  408. .dorako-ui.dark-theme:not(.premium).window-app input[type=search]:not(.dorako-ui-skip):hover {
  409. border: none;
  410. border-radius: 3px;
  411. background: none;
  412. background-color: var(--glass-bg);
  413. box-shadow: var(--glassy);
  414. background-color: var(--secondary-dark);
  415. color: var(--color-text-light-highlight);
  416. }
  417. .dorako-ui.dark-theme:not(.premium).window-app input[type=text]:not(.dorako-ui-skip):focus,
  418. .dorako-ui.dark-theme:not(.premium).window-app input[type=number]:not(.dorako-ui-skip):focus,
  419. .dorako-ui.dark-theme:not(.premium).window-app input[type=password]:not(.dorako-ui-skip):focus,
  420. .dorako-ui.dark-theme:not(.premium).window-app input[type=date]:not(.dorako-ui-skip):focus,
  421. .dorako-ui.dark-theme:not(.premium).window-app input[type=time]:not(.dorako-ui-skip):focus,
  422. .dorako-ui.dark-theme:not(.premium).window-app input[type=search]:not(.dorako-ui-skip):focus {
  423. border: none;
  424. border-radius: 3px;
  425. background: none;
  426. background-color: var(--glass-bg);
  427. box-shadow: var(--glassy);
  428. background-color: var(--secondary);
  429. color: white;
  430. }
  431. .dorako-ui.dark-theme:not(.premium).window-app input[type=text]:not(.dorako-ui-skip):disabled,
  432. .dorako-ui.dark-theme:not(.premium).window-app input[type=number]:not(.dorako-ui-skip):disabled,
  433. .dorako-ui.dark-theme:not(.premium).window-app input[type=password]:not(.dorako-ui-skip):disabled,
  434. .dorako-ui.dark-theme:not(.premium).window-app input[type=date]:not(.dorako-ui-skip):disabled,
  435. .dorako-ui.dark-theme:not(.premium).window-app input[type=time]:not(.dorako-ui-skip):disabled,
  436. .dorako-ui.dark-theme:not(.premium).window-app input[type=search]:not(.dorako-ui-skip):disabled {
  437. color: var(--color-border-dark-tertiary);
  438. background-color: rgba(0, 0, 0, 0.8);
  439. }
  440. .dorako-ui.dark-theme:not(.premium).window-app input[type=text]:not(.dorako-ui-skip):disabled:hover,
  441. .dorako-ui.dark-theme:not(.premium).window-app input[type=number]:not(.dorako-ui-skip):disabled:hover,
  442. .dorako-ui.dark-theme:not(.premium).window-app input[type=password]:not(.dorako-ui-skip):disabled:hover,
  443. .dorako-ui.dark-theme:not(.premium).window-app input[type=date]:not(.dorako-ui-skip):disabled:hover,
  444. .dorako-ui.dark-theme:not(.premium).window-app input[type=time]:not(.dorako-ui-skip):disabled:hover,
  445. .dorako-ui.dark-theme:not(.premium).window-app input[type=search]:not(.dorako-ui-skip):disabled:hover {
  446. color: var(--color-border-dark-tertiary);
  447. background-color: rgba(0, 0, 0, 0.8);
  448. }
  449. .dorako-ui.dark-theme:not(.premium).window-app select:not(.dorako-ui-skip) {
  450. border: none;
  451. border-radius: 3px;
  452. background: none;
  453. background-color: var(--glass-bg);
  454. box-shadow: var(--glassy);
  455. 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;
  456. color: var(--color-text-light-heading);
  457. }
  458. .dorako-ui.dark-theme:not(.premium).window-app select:not(.dorako-ui-skip):hover {
  459. background-color: var(--secondary-dark);
  460. color: var(--color-text-light-highlight);
  461. }
  462. .dorako-ui.dark-theme:not(.premium).window-app select:not(.dorako-ui-skip) option {
  463. background-color: rgb(37, 37, 37);
  464. color: var(--color-text-light-heading);
  465. }
  466. .dorako-ui.dark-theme:not(.premium).window-app select:not(.dorako-ui-skip) optgroup {
  467. background-color: rgb(37, 37, 37);
  468. color: var(--color-text-light-highlight);
  469. }
  470. .dorako-ui.dark-theme:not(.premium).window-app input[type=color][data-edit] {
  471. border: none;
  472. }
  473. .dorako-ui.dark-theme:not(.premium).window-app form .form-group.slim .form-fields > label,
  474. .dorako-ui.dark-theme:not(.premium).window-app form .form-group span.units,
  475. .dorako-ui.dark-theme:not(.premium).window-app form .notes,
  476. .dorako-ui.dark-theme:not(.premium).window-app form .hint {
  477. color: #a9a798;
  478. }
  479. .dorako-ui.dark-theme:not(.premium).window-app.filepicker .private .directory, .dorako-ui.dark-theme:not(.premium).window-app.filepicker .public .private.dir {
  480. background: rgba(115, 49, 255, 0.15);
  481. }
  482. .dorako-ui.dark-theme:not(.premium).window-app.filepicker .display-modes a {
  483. border: none;
  484. border-radius: 3px;
  485. background: none;
  486. background-color: var(--glass-bg);
  487. box-shadow: var(--glassy);
  488. color: var(--color-text-light-highlight);
  489. text-shadow: 0 0 3px black;
  490. }
  491. .dorako-ui.dark-theme:not(.premium).window-app.filepicker .display-modes a:hover {
  492. background: var(--primary);
  493. color: var(--color-text-light-highlight);
  494. }
  495. .dorako-ui.dark-theme:not(.premium).window-app.filepicker .display-modes a.active {
  496. background: var(--primary);
  497. color: var(--color-text-light-highlight);
  498. text-shadow: 0 0 3px black;
  499. }
  500. .dorako-ui.dark-theme:not(.premium).window-app#world-clock section.window-content .input-grid button img {
  501. border: none;
  502. height: 1.5em;
  503. filter: invert(1) sepia() brightness(0.8) drop-shadow(0px 0px 3px black);
  504. }
  505. .dorako-ui.dark-theme:not(.premium).window-app#world-clock section.window-content .input-grid button:hover img {
  506. filter: invert(1) sepia() brightness(0.9) drop-shadow(0px 0px 3px black);
  507. }
  508. .dorako-ui.dark-theme:not(.premium).window-app#keybindings .binding .key {
  509. border: none;
  510. border-radius: 3px;
  511. background: none;
  512. background-color: var(--glass-bg);
  513. box-shadow: var(--glassy);
  514. 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;
  515. color: var(--color-text-light-heading);
  516. text-shadow: 0 0 3px black;
  517. }
  518. .dorako-ui.dark-theme:not(.premium).window-app#keybindings .binding .key:hover {
  519. background-color: var(--primary);
  520. color: var(--color-text-light-highlight);
  521. }
  522. .dorako-ui.dark-theme:not(.premium).window-app#keybindings .binding .key.uneditable {
  523. background-color: rgba(0, 0, 0, 0.8);
  524. }
  525. .dorako-ui.dark-theme:not(.premium).window-app#keybindings .binding .key.uneditable:hover {
  526. color: var(--color-text-light-heading);
  527. background-color: rgba(0, 0, 0, 0.8);
  528. }
  529. .dorako-ui.dark-theme:not(.premium).window-app#invitation-links .connection.closed {
  530. color: rgba(255, 0, 19, 0.6);
  531. }
  532. .dorako-ui.dark-theme:not(.premium).window-app#invitation-links .connection.open {
  533. color: green;
  534. }
  535. .dorako-ui.dark-theme:not(.premium).window-app#invitation-links .connection.unknown {
  536. color: rgba(250, 219, 60, 0.814);
  537. }
  538. /* ------------------------------------------------- */
  539. /* Dark theme journals + Critical hit/fumble deck */
  540. /* ------------------------------------------------- */
  541. .app.journal-entry:not(.premium) .window-content .journal-entry-content.dorako-ui.dark-theme {
  542. background: var(--sheet-dark);
  543. color: var(--color-text-light-heading);
  544. }
  545. .app.journal-entry:not(.premium) .window-content .journal-entry-content.dorako-ui.dark-theme table.pf2-table tr:nth-child(odd) {
  546. background-color: #313131;
  547. }
  548. .app.journal-entry:not(.premium) .window-content .journal-entry-content.dorako-ui.dark-theme table.pf2-table tr:nth-child(2n) {
  549. background-color: #5d5d5d;
  550. }
  551. .app.journal-entry:not(.premium) .window-content .journal-entry-content.dorako-ui.dark-theme .journal-header .title {
  552. color: var(--color-text-light-highlight);
  553. }
  554. .app.journal-entry:not(.premium) .window-content .journal-entry-content.dorako-ui.dark-theme h1,
  555. .app.journal-entry:not(.premium) .window-content .journal-entry-content.dorako-ui.dark-theme h2,
  556. .app.journal-entry:not(.premium) .window-content .journal-entry-content.dorako-ui.dark-theme h3,
  557. .app.journal-entry:not(.premium) .window-content .journal-entry-content.dorako-ui.dark-theme h4 {
  558. color: var(--color-text-light-highlight);
  559. }
  560. .app.journal-entry:not(.premium) .window-content .journal-entry-content.dorako-ui.dark-theme .journal-entry-page .journal-page-content .fumble-deck code,
  561. .app.journal-entry:not(.premium) .window-content .journal-entry-content.dorako-ui.dark-theme .journal-entry-page .journal-page-content .fumble-deck h1,
  562. .app.journal-entry:not(.premium) .window-content .journal-entry-content.dorako-ui.dark-theme .journal-entry-page .journal-page-content .critical-deck h1,
  563. .app.journal-entry:not(.premium) .window-content .journal-entry-content.dorako-ui.dark-theme .journal-entry-page .journal-page-content .critical-deck code {
  564. color: black;
  565. }
  566. .app.journal-entry:not(.premium) .window-content .journal-entry-content.dorako-ui.dark-theme .journal-entry-page .journal-page-content .critical-deck blockquote,
  567. .app.journal-entry:not(.premium) .window-content .journal-entry-content.dorako-ui.dark-theme .journal-entry-page .journal-page-content .fumble-deck blockquote {
  568. box-shadow: var(--glassy);
  569. }
  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 .fumble-deck h1 {
  572. box-shadow: var(--gold-and-glow);
  573. margin-left: 2px;
  574. }
  575. .chat-bubble {
  576. border: none;
  577. margin: 2px;
  578. /* prettier-ignore */
  579. box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px var(--gold-brown);
  580. background-image: var(--sheet);
  581. background-size: cover;
  582. }
  583. .chat-bubble .bubble-content {
  584. position: relative;
  585. top: 0;
  586. }
  587. .chat-bubble.left {
  588. border-radius: 5px;
  589. }
  590. .chat-bubble.right {
  591. border-radius: 5px;
  592. }
  593. .chat-bubble.emote {
  594. border: none;
  595. margin: 2px;
  596. /* prettier-ignore */
  597. box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px var(--gold-brown);
  598. background-image: var(--sheet);
  599. background-size: cover;
  600. background-image: var(--sheet-dark);
  601. color: var(--color-text-light-heading);
  602. font-style: italic;
  603. }
  604. .chat-bubble.chatter {
  605. border: none;
  606. border-radius: 3px;
  607. background: none;
  608. background-color: var(--glass-bg);
  609. box-shadow: var(--glassy);
  610. border-radius: 5px;
  611. color: var(--color-text-light-heading);
  612. }
  613. body.compact-ui #controls .main-controls .scene-control:not(.active, .toggle),
  614. body.compact-ui #controls .sub-controls .control-tool:not(.active, .toggle) {
  615. display: none;
  616. }
  617. body.compact-ui #controls {
  618. /* gap: 5px; */
  619. flex-wrap: nowrap;
  620. /* width: 75px; */
  621. flex-direction: row;
  622. }
  623. body.compact-ui .main-controls {
  624. display: flex;
  625. flex-direction: column;
  626. }
  627. body.compact-ui #ui-left.active #controls .main-controls .scene-control,
  628. body.compact-ui #ui-left.active #controls .sub-controls .control-tool {
  629. display: block;
  630. }
  631. body.compact-ui #controls ol.main-controls.app.control-tools {
  632. width: unset;
  633. }
  634. body.compact-ui #navigation #scene-list .scene:not(.active, .view),
  635. body.compact-ui #navigation #nav-toggle {
  636. display: none;
  637. }
  638. body.compact-ui #navigation {
  639. pointer-events: all;
  640. }
  641. body.compact-ui #navigation:hover #scene-list .scene {
  642. display: flex;
  643. }
  644. body.compact-ui #players {
  645. opacity: 0;
  646. transition: opacity 0.25s ease-in-out;
  647. }
  648. body.compact-ui #players:hover {
  649. transition: opacity 0.25s ease-in-out;
  650. opacity: 1;
  651. }
  652. /* ----------------------------------------- */
  653. /* Controls */
  654. /* ----------------------------------------- */
  655. nav#controls.dorako-ui {
  656. padding-top: 12px;
  657. }
  658. nav#controls.dorako-ui ol.control-tools.sub-controls > li,
  659. nav#controls.dorako-ui ol.control-tools.main-controls {
  660. margin-right: 8px;
  661. }
  662. nav#controls.dorako-ui ol.control-tools.main-control {
  663. margin-right: 8px;
  664. }
  665. nav#controls.dorako-ui ol.control-tools li.control-tool,
  666. nav#controls.dorako-ui ol.control-tools > li {
  667. border: none;
  668. border-radius: 3px;
  669. background: none;
  670. background-color: var(--glass-bg);
  671. box-shadow: var(--glassy);
  672. 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;
  673. text-shadow: 0px 0px 3px black;
  674. border-radius: 3px;
  675. margin-bottom: 8px;
  676. }
  677. nav#controls.dorako-ui ol.control-tools li.control-tool img,
  678. nav#controls.dorako-ui ol.control-tools > li img {
  679. filter: sepia() grayscale(0.9) brightness(0.8) drop-shadow(0px 0px 3px black);
  680. }
  681. nav#controls.dorako-ui ol.control-tools li.control-tool.active, nav#controls.dorako-ui ol.control-tools li.control-tool:hover,
  682. nav#controls.dorako-ui ol.control-tools > li.active,
  683. nav#controls.dorako-ui ol.control-tools > li:hover {
  684. border: none;
  685. border-radius: 3px;
  686. background: none;
  687. background-color: var(--glass-bg);
  688. box-shadow: var(--glassy);
  689. color: var(--color-text-light-highlight);
  690. background-color: var(--primary);
  691. }
  692. nav#controls.dorako-ui ol.control-tools li.control-tool.active img, nav#controls.dorako-ui ol.control-tools li.control-tool:hover img,
  693. nav#controls.dorako-ui ol.control-tools > li.active img,
  694. nav#controls.dorako-ui ol.control-tools > li:hover img {
  695. filter: sepia() grayscale(0.95) brightness(1) drop-shadow(0px 0px 3px black);
  696. }
  697. nav#controls.dorako-ui ol.control-tools li.control-tool.toggle,
  698. nav#controls.dorako-ui ol.control-tools > li.toggle {
  699. border: none;
  700. border-radius: 3px;
  701. background: none;
  702. background-color: var(--glass-bg);
  703. box-shadow: var(--glassy);
  704. background-color: var(--secondary-dark);
  705. }
  706. nav#controls.dorako-ui ol.control-tools li.control-tool.toggle.active, nav#controls.dorako-ui ol.control-tools li.control-tool.toggle:hover,
  707. nav#controls.dorako-ui ol.control-tools > li.toggle.active,
  708. nav#controls.dorako-ui ol.control-tools > li.toggle:hover {
  709. border: none;
  710. border-radius: 3px;
  711. background: none;
  712. background-color: var(--glass-bg);
  713. box-shadow: var(--glassy);
  714. color: white;
  715. background-color: var(--secondary-light);
  716. }
  717. #darkness-adjuster.dorako-ui {
  718. border: none;
  719. border-radius: 3px;
  720. background: none;
  721. background-color: var(--glass-bg);
  722. box-shadow: var(--glassy);
  723. height: 36px !important;
  724. border-radius: 3px;
  725. backdrop-filter: blur(5px);
  726. }
  727. #darkness-adjuster.dorako-ui .window-content {
  728. overflow: hidden;
  729. background: unset;
  730. box-shadow: unset;
  731. border: none;
  732. }
  733. /* ----------------------------------------- */
  734. /* Forms */
  735. /* ----------------------------------------- */
  736. .dorako-ui.sheet nav.sheet-tabs {
  737. background-color: var(--bg);
  738. box-shadow: 0 2px 4px rgba(0, 0, 0, 0.18);
  739. border: 1px solid var(--color-border-light-primary);
  740. border-radius: 3px;
  741. margin: 2px;
  742. }
  743. .dorako-ui.sheet nav.sheet-tabs .item:not(.active):hover {
  744. color: var(--secondary-light);
  745. text-shadow: 0px 0px 10px var(--secondary-light);
  746. }
  747. .dorako-ui.sheet nav.sheet-tabs .item.active {
  748. color: var(--secondary-light);
  749. text-shadow: 0px 0px 10px var(--secondary-light);
  750. }
  751. .dorako-ui.dark-theme.sheet nav.sheet-tabs {
  752. border: none;
  753. border-radius: 3px;
  754. background: none;
  755. background-color: var(--glass-bg);
  756. box-shadow: var(--glassy);
  757. background: var(--glass-bg-light);
  758. }
  759. .dorako-ui.dark-theme.sheet nav.sheet-tabs .item:not(.active):hover {
  760. color: var(--tertiary);
  761. text-shadow: 0px 0px 10px var(--tertiary);
  762. }
  763. .dorako-ui.dark-theme.sheet nav.sheet-tabs .item.active {
  764. color: var(--tertiary);
  765. text-shadow: 0px 0px 10px var(--tertiary);
  766. }
  767. .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 {
  768. color: var(--secondary-light);
  769. text-shadow: 0px 0px 10px;
  770. text-decoration: unset;
  771. }
  772. .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 {
  773. color: var(--tertiary);
  774. text-shadow: 0px 0px 10px var(--tertiary);
  775. text-decoration: unset;
  776. }
  777. .dorako-ui form button:not(.pm-dropdown) {
  778. 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;
  779. border: 1px solid var(--color-border-light-primary);
  780. }
  781. .dorako-ui form button:not(.pm-dropdown):hover {
  782. background-color: var(--primary-light);
  783. color: var(--color-text-light-highlight);
  784. border: 1px solid var(--tertiary);
  785. }
  786. .dorako-ui form button:not(.pm-dropdown):active {
  787. background-color: var(--primary-light);
  788. color: white;
  789. border: 1px solid var(--gold-brown);
  790. }
  791. .dorako-ui.pf2e.item.sheet .sheet-header img {
  792. border: none;
  793. margin: 2px;
  794. /* prettier-ignore */
  795. box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px var(--gold-brown), 0 0 5px rgba(0, 0, 0, 0.8);
  796. border-radius: 5px;
  797. margin-right: 8px;
  798. }
  799. .dorako-ui.pf2e.item.sheet form .form-list {
  800. padding: 0.5em 1em;
  801. border-image-repeat: repeat;
  802. border-image-slice: 11;
  803. border-image-source: var(--ornamentation);
  804. border-image-width: 14px;
  805. border-style: double;
  806. }
  807. .dorako-ui.app.token-sheet .tab.active[data-tab=appearance] fieldset {
  808. border-image-repeat: repeat;
  809. border-image-slice: 11;
  810. border-image-source: var(--ornamentation);
  811. border-image-width: 14px;
  812. border-style: double;
  813. }
  814. .dorako-ui.app.token-sheet .tab.active[data-tab=appearance] fieldset legend {
  815. color: var(--color-text-dark-primary);
  816. margin-left: 5px;
  817. }
  818. .dorako-ui.pf2e.item.sheet .sheet-header {
  819. border: none;
  820. }
  821. .dorako-ui.dark-theme.app.token-sheet .tab.active[data-tab=appearance] fieldset legend {
  822. color: var(--color-text-light-heading);
  823. }
  824. .dorako-ui.pf2e.item.sheet form .sheet-navigation {
  825. border-radius: 3px;
  826. border: none;
  827. border: 1px solid var(--color-border-light-primary);
  828. background: var(--bg);
  829. box-shadow: 0 2px 4px rgba(0, 0, 0, 0.18), 0px -1px 2px rgba(255, 255, 255, 0.3) inset;
  830. }
  831. .dorako-ui.dark-theme.pf2e.item.sheet form .sheet-navigation {
  832. border: none;
  833. border-radius: 3px;
  834. background: none;
  835. background-color: var(--glass-bg);
  836. box-shadow: var(--glassy);
  837. background: var(--glass-bg-light);
  838. }
  839. .dorako-ui.dark-theme.pf2e.item.sheet form section.sheet-body .tab.item-details label {
  840. color: var(--color-text-light-heading);
  841. }
  842. .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 {
  843. border: none;
  844. border-radius: 3px;
  845. background: none;
  846. background-color: var(--glass-bg);
  847. box-shadow: var(--glassy);
  848. }
  849. .dorako-ui.window-app.filepicker .display-modes a:hover {
  850. text-shadow: 0px 0px 3px black;
  851. background-color: var(--primary);
  852. color: var(--color-text-light-highlight);
  853. }
  854. .dorako-ui.window-app.filepicker .display-modes a.active {
  855. text-shadow: 0px 0px 3px black;
  856. background-color: var(--primary);
  857. color: var(--color-text-light-highlight);
  858. }
  859. .dorako-ui.window-app input[type=text],
  860. .dorako-ui.window-app input[type=number],
  861. .dorako-ui.window-app input[type=password],
  862. .dorako-ui.window-app input[type=date],
  863. .dorako-ui.window-app input[type=time],
  864. .dorako-ui.window-app input[type=search],
  865. .dorako-ui.window-app input[type=checkbox],
  866. .dorako-ui.window-app input[type=radio] {
  867. 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;
  868. accent-color: var(--primary);
  869. }
  870. .dorako-ui.window-app input[type=text]:checked,
  871. .dorako-ui.window-app input[type=number]:checked,
  872. .dorako-ui.window-app input[type=password]:checked,
  873. .dorako-ui.window-app input[type=date]:checked,
  874. .dorako-ui.window-app input[type=time]:checked,
  875. .dorako-ui.window-app input[type=search]:checked,
  876. .dorako-ui.window-app input[type=checkbox]:checked,
  877. .dorako-ui.window-app input[type=radio]:checked {
  878. accent-color: var(--primary);
  879. filter: none;
  880. }
  881. .dorako-ui.window-app input[type=text]:not(:disabled):hover,
  882. .dorako-ui.window-app input[type=number]:not(:disabled):hover,
  883. .dorako-ui.window-app input[type=password]:not(:disabled):hover,
  884. .dorako-ui.window-app input[type=date]:not(:disabled):hover,
  885. .dorako-ui.window-app input[type=time]:not(:disabled):hover,
  886. .dorako-ui.window-app input[type=search]:not(:disabled):hover,
  887. .dorako-ui.window-app input[type=checkbox]:not(:disabled):hover,
  888. .dorako-ui.window-app input[type=radio]:not(:disabled):hover {
  889. border-color: var(--secondary-light);
  890. box-shadow: 0px 0px 5px var(--secondary-light);
  891. }
  892. .dorako-ui.window-app input[type=text]:focus,
  893. .dorako-ui.window-app input[type=number]:focus,
  894. .dorako-ui.window-app input[type=password]:focus,
  895. .dorako-ui.window-app input[type=date]:focus,
  896. .dorako-ui.window-app input[type=time]:focus,
  897. .dorako-ui.window-app input[type=search]:focus,
  898. .dorako-ui.window-app input[type=checkbox]:focus,
  899. .dorako-ui.window-app input[type=radio]:focus {
  900. border-color: var(--secondary-light);
  901. box-shadow: 0px 0px 5px var(--secondary-light);
  902. }
  903. /* ----------------------------------------- */
  904. /* Hotbar */
  905. /* ----------------------------------------- */
  906. #hotbar.dorako-ui .macro {
  907. height: calc(var(--macro-size) + 2px);
  908. width: calc(var(--macro-size) + 2px);
  909. border: none;
  910. border-radius: 3px;
  911. background: none;
  912. background-color: var(--glass-bg);
  913. box-shadow: var(--glassy);
  914. 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;
  915. box-shadow: none;
  916. }
  917. #hotbar.dorako-ui .macro.inactive::before, #hotbar.dorako-ui .macro.active::before {
  918. 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;
  919. content: "";
  920. position: absolute;
  921. top: 0;
  922. left: 0;
  923. width: 100%;
  924. height: 100%;
  925. box-shadow: var(--glassy);
  926. border-radius: 3px;
  927. overflow: hidden;
  928. pointer-events: none;
  929. }
  930. #hotbar.dorako-ui .macro.active:hover::before {
  931. 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;
  932. content: "";
  933. position: absolute;
  934. top: 0;
  935. left: 0;
  936. width: 100%;
  937. height: 100%;
  938. box-shadow: 0px 0px 10px rgba(220, 200, 100, 0.5) inset, var(--glassy);
  939. border-radius: 3px;
  940. overflow: hidden;
  941. pointer-events: none;
  942. }
  943. #hotbar.dorako-ui .macro .macro-key {
  944. background: none;
  945. right: 6px;
  946. padding: 0px;
  947. font-weight: initial;
  948. text-shadow: 0px 1px 5px black, 0px 1px 5px black;
  949. }
  950. #hotbar.dorako-ui .macro .macro-icon {
  951. border-radius: 3px;
  952. border: none;
  953. height: calc(var(--macro-size) + 2px);
  954. width: calc(var(--macro-size) + 2px);
  955. }
  956. #hotbar.dorako-ui .macro.inactive {
  957. box-shadow: none;
  958. }
  959. #hotbar.dorako-ui .macro:hover {
  960. border: none;
  961. background-color: var(--primary-light);
  962. }
  963. #hotbar.dorako-ui .macro.active:hover {
  964. border: none;
  965. background-color: var(--primary-dark);
  966. }
  967. #hotbar.dorako-ui #macro-list {
  968. gap: 5px;
  969. margin: 0px 5px;
  970. border: none;
  971. grid-template-columns: repeat(10, calc(var(--macro-size) + 2px));
  972. }
  973. #hotbar.dorako-ui .bar-controls {
  974. border: none;
  975. border-radius: 3px;
  976. background: none;
  977. background-color: var(--glass-bg);
  978. box-shadow: var(--glassy);
  979. }
  980. @media (max-width: 1120px) {
  981. #hotbar {
  982. width: 354px;
  983. height: 110px;
  984. }
  985. #hotbar #macro-list {
  986. grid-template-columns: repeat(5, 50px);
  987. }
  988. }
  989. /* ----------------------------------------- */
  990. /* Scene Navigation */
  991. /* ----------------------------------------- */
  992. #navigation.dorako-ui {
  993. color: var(--color-text-light-heading);
  994. width: calc(100% - 46px);
  995. }
  996. #navigation.dorako-ui #nav-toggle {
  997. border: none;
  998. border-radius: 3px;
  999. background: none;
  1000. background-color: var(--glass-bg);
  1001. box-shadow: var(--glassy);
  1002. 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;
  1003. flex: 0 0 32px;
  1004. height: 32px;
  1005. }
  1006. #navigation.dorako-ui ol#scene-list li.nav-item {
  1007. border: none;
  1008. border-radius: 3px;
  1009. background: none;
  1010. background-color: var(--glass-bg);
  1011. box-shadow: var(--glassy);
  1012. 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;
  1013. text-shadow: 0px 0px 3px black;
  1014. }
  1015. #navigation.dorako-ui ol#scene-list li.nav-item > a:hover {
  1016. text-shadow: unset;
  1017. }
  1018. #navigation.dorako-ui ol#scene-list li.nav-item .scene-players {
  1019. text-shadow: none;
  1020. }
  1021. #navigation.dorako-ui ol#scene-list li.nav-item:hover {
  1022. color: var(--color-text-light-highlight);
  1023. background-color: var(--primary);
  1024. }
  1025. #navigation.dorako-ui ol#scene-list li.nav-item.view {
  1026. border: none;
  1027. border-radius: 3px;
  1028. background: none;
  1029. background-color: var(--glass-bg);
  1030. box-shadow: var(--glassy);
  1031. background-color: var(--primary);
  1032. color: var(--color-text-light-highlight);
  1033. }
  1034. #navigation.dorako-ui ol#scene-list li.nav-item.view:hover {
  1035. color: white;
  1036. background-color: var(--primary-light);
  1037. }
  1038. #navigation.dorako-ui ol#scene-list li.nav-item.gm {
  1039. border: none;
  1040. border-radius: 3px;
  1041. background: none;
  1042. background-color: var(--glass-bg);
  1043. box-shadow: var(--glassy);
  1044. background-color: var(--secondary-dark);
  1045. }
  1046. #navigation.dorako-ui ol#scene-list li.nav-item.gm:hover, #navigation.dorako-ui ol#scene-list li.nav-item.gm.view {
  1047. color: var(--color-text-light-highlight);
  1048. background-color: var(--secondary-light);
  1049. }
  1050. #navigation.dorako-ui ol#scene-list li.nav-item.context {
  1051. box-shadow: var(--glassy);
  1052. border: none;
  1053. }
  1054. #navigation.dorako-ui ol#scene-list li.nav-item.active {
  1055. box-shadow: var(--gold-and-glow), var(--glassy);
  1056. }
  1057. /* ----------------------------------------- */
  1058. /* Notifications */
  1059. /* ----------------------------------------- */
  1060. .dorako-ui .notification {
  1061. border: none;
  1062. border-radius: 3px;
  1063. background: none;
  1064. background-color: var(--glass-bg);
  1065. box-shadow: var(--glassy);
  1066. text-shadow: 0px 0px 3px black;
  1067. color: var(--color-text-light-highlight);
  1068. }
  1069. .dorako-ui .notification.info {
  1070. background-color: var(--secondary);
  1071. border: none;
  1072. }
  1073. .dorako-ui .notification.error {
  1074. background-color: var(--primary);
  1075. border: none;
  1076. }
  1077. .dorako-ui .notification.warning, .dorako-ui .notification.alert {
  1078. background-color: #ecbf41;
  1079. color: black;
  1080. text-shadow: none;
  1081. border: none;
  1082. }
  1083. /* ----------------------------------------- */
  1084. /* Sidebar */
  1085. /* ----------------------------------------- */
  1086. #ui-right #sidebar.dorako-ui {
  1087. height: -webkit-fill-available;
  1088. }
  1089. #ui-right #sidebar.dorako-ui.collapsed {
  1090. height: auto;
  1091. }
  1092. section.chat-sidebar {
  1093. gap: 5px;
  1094. padding-bottom: 5px;
  1095. }
  1096. #chat-form {
  1097. margin: 0px 6px;
  1098. }
  1099. #chat-form textarea {
  1100. background: rgb(212, 213, 205);
  1101. border: 1px solid #7a7971;
  1102. }
  1103. #chat-log {
  1104. margin-left: 4px;
  1105. display: flex;
  1106. flex-direction: column;
  1107. }
  1108. #chat-log li.dorako-ui:first-child {
  1109. margin-top: 2px;
  1110. }
  1111. .sidebar-tab .message.chat-message {
  1112. text-shadow: none;
  1113. }
  1114. #sidebar.dorako-ui {
  1115. border: none;
  1116. border-radius: 3px;
  1117. background: none;
  1118. background-color: var(--glass-bg);
  1119. box-shadow: var(--glassy);
  1120. border: none;
  1121. border-radius: 6px 3px 3px 3px;
  1122. }
  1123. #sidebar.dorako-ui.collapsed {
  1124. border-radius: 3px;
  1125. }
  1126. #sidebar.dorako-ui.collapsed #sidebar-tabs .item.active {
  1127. border: none;
  1128. margin: 2px 4px;
  1129. }
  1130. #sidebar.dorako-ui #sidebar-tabs {
  1131. --sidebar-tab-height: 20px;
  1132. --sidebar-tab-width: 20px;
  1133. border: none;
  1134. box-shadow: none;
  1135. margin: 0px;
  1136. margin-top: 1px;
  1137. }
  1138. #sidebar.dorako-ui #sidebar-tabs > .collapse {
  1139. --sidebar-tab-width: 12px;
  1140. position: relative;
  1141. }
  1142. #sidebar.dorako-ui #sidebar-tabs .item {
  1143. border: none;
  1144. margin: 2px 0px;
  1145. text-shadow: 0px 0px 3px black;
  1146. }
  1147. #sidebar.dorako-ui #sidebar-tabs .item.active {
  1148. border: none;
  1149. margin: 2px;
  1150. /* prettier-ignore */
  1151. box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px var(--gold-brown);
  1152. margin: 2px 0px;
  1153. border-radius: 3px;
  1154. color: white;
  1155. background-color: var(--primary-light);
  1156. }
  1157. .dorako-ui #chat-controls {
  1158. margin: 0px 5px;
  1159. gap: 5px;
  1160. }
  1161. .dorako-ui #chat-controls i.fas {
  1162. line-height: 24px;
  1163. }
  1164. .dorako-ui #chat-controls .roll-type-select {
  1165. margin-left: 0px;
  1166. margin-right: 0px;
  1167. }
  1168. #token-hud .status-effects {
  1169. background: none;
  1170. box-shadow: none;
  1171. border: none;
  1172. padding: 0px;
  1173. grid-template-columns: repeat(5, 1fr);
  1174. width: auto;
  1175. gap: 8px;
  1176. }
  1177. #token-hud .status-effects .effect-control {
  1178. border: none;
  1179. margin: 0px;
  1180. padding: 0px;
  1181. background-color: var(--glass-bg);
  1182. }
  1183. #token-hud .status-effects .effect-control::before {
  1184. content: "";
  1185. position: absolute;
  1186. top: 0;
  1187. left: 0;
  1188. width: 100%;
  1189. height: 100%;
  1190. box-shadow: var(--glassy);
  1191. border-radius: 3px;
  1192. overflow: hidden;
  1193. pointer-events: none;
  1194. }
  1195. #token-hud .status-effects .effect-control.active::before {
  1196. content: "";
  1197. position: absolute;
  1198. top: 0;
  1199. left: 0;
  1200. width: 100%;
  1201. height: 100%;
  1202. box-shadow: var(--gold-and-glow), var(--glassy);
  1203. border-radius: 3px;
  1204. overflow: hidden;
  1205. pointer-events: none;
  1206. }
  1207. #token-hud .status-effects .effect-control:hover::before {
  1208. content: "";
  1209. position: absolute;
  1210. top: 0;
  1211. left: 0;
  1212. width: 100%;
  1213. height: 100%;
  1214. box-shadow: 0px 0px 10px rgba(220, 200, 100, 0.5) inset, var(--glassy);
  1215. border-radius: 3px;
  1216. overflow: hidden;
  1217. pointer-events: none;
  1218. }
  1219. #token-hud .status-effects .effect-control.active:hover::before {
  1220. content: "";
  1221. position: absolute;
  1222. top: 0;
  1223. left: 0;
  1224. width: 100%;
  1225. height: 100%;
  1226. box-shadow: var(--gold-and-glow), var(--glassy);
  1227. border-radius: 3px;
  1228. overflow: hidden;
  1229. pointer-events: none;
  1230. }
  1231. #token-hud .status-effects .effect-control:not(.active):hover img {
  1232. border: unset;
  1233. }
  1234. #token-hud .status-effects .effect-control:hover, #token-hud .status-effects .effect-control.active {
  1235. filter: none;
  1236. opacity: 1;
  1237. border: none;
  1238. }
  1239. #token-hud .status-effects .effect-control:hover img, #token-hud .status-effects .effect-control.active img {
  1240. border: none;
  1241. }
  1242. #token-hud .status-effects .effect-control.active:hover {
  1243. border: none;
  1244. filter: brightness(0.75) saturate(0.75);
  1245. }
  1246. #token-hud .status-effects .effect-control.active img {
  1247. border: none;
  1248. opacity: 1;
  1249. }
  1250. #token-hud .status-effects .effect-control img {
  1251. border: none;
  1252. margin: 0px;
  1253. opacity: 1;
  1254. height: auto;
  1255. width: auto;
  1256. border-radius: 3px;
  1257. }
  1258. #token-hud .status-effects .title-bar {
  1259. border: none;
  1260. border-radius: 3px;
  1261. background: none;
  1262. background-color: var(--glass-bg);
  1263. box-shadow: var(--glassy);
  1264. backdrop-filter: blur(5px);
  1265. box-sizing: content-box;
  1266. font-size: var(--font-size-20);
  1267. font-weight: normal;
  1268. left: 0;
  1269. line-height: normal;
  1270. padding: 3px 0;
  1271. position: absolute;
  1272. text-align: center;
  1273. top: -40px;
  1274. visibility: hidden;
  1275. width: 100%;
  1276. z-index: 1;
  1277. }
  1278. #token-hud .status-effects .title-bar.active {
  1279. visibility: visible;
  1280. }
  1281. .placeable-hud input[type=text] {
  1282. border: none;
  1283. border-radius: 3px;
  1284. background: none;
  1285. background-color: var(--glass-bg);
  1286. box-shadow: var(--glassy);
  1287. text-shadow: 0px 0px 3px black;
  1288. }
  1289. .placeable-hud input[type=text]:focus {
  1290. box-shadow: var(--gold-and-glow), var(--glassy);
  1291. border: none;
  1292. }
  1293. .placeable-hud .control-icon {
  1294. border: none;
  1295. border-radius: 3px;
  1296. background: none;
  1297. background-color: var(--glass-bg);
  1298. box-shadow: var(--glassy);
  1299. 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;
  1300. text-shadow: 0px 0px 3px black;
  1301. }
  1302. .placeable-hud .control-icon .badge {
  1303. text-shadow: none;
  1304. }
  1305. .placeable-hud .control-icon[data-action=overhead], .placeable-hud .control-icon[data-action=underfoot] {
  1306. background-color: var(--primary-dark);
  1307. }
  1308. .placeable-hud .control-icon[data-action=overhead]:hover, .placeable-hud .control-icon[data-action=overhead].active, .placeable-hud .control-icon[data-action=underfoot]:hover, .placeable-hud .control-icon[data-action=underfoot].active {
  1309. background-color: var(--primary-light);
  1310. }
  1311. .placeable-hud .control-icon[data-action=overhead]:hover > img, .placeable-hud .control-icon[data-action=overhead].active > img, .placeable-hud .control-icon[data-action=underfoot]:hover > img, .placeable-hud .control-icon[data-action=underfoot].active > img {
  1312. filter: sepia() grayscale(0.95) brightness(1) drop-shadow(0px 0px 3px black);
  1313. }
  1314. .placeable-hud .control-icon[data-action=overhead]:hover:hover, .placeable-hud .control-icon[data-action=overhead].active:hover, .placeable-hud .control-icon[data-action=underfoot]:hover:hover, .placeable-hud .control-icon[data-action=underfoot].active:hover {
  1315. background-color: var(--primary-light);
  1316. }
  1317. .placeable-hud .control-icon[data-action=sort-up]:hover, .placeable-hud .control-icon[data-action=sort-down]:hover, .placeable-hud .control-icon[data-action=config]:hover, .placeable-hud .control-icon[data-action=trigger]:hover {
  1318. background-color: var(--primary);
  1319. }
  1320. .placeable-hud .control-icon[data-action=sort-up]:hover > img, .placeable-hud .control-icon[data-action=sort-down]:hover > img, .placeable-hud .control-icon[data-action=config]:hover > img, .placeable-hud .control-icon[data-action=trigger]:hover > img {
  1321. filter: sepia() brightness(0.8) drop-shadow(0px 0px 3px black);
  1322. }
  1323. .placeable-hud .control-icon[data-action=visibility], .placeable-hud .control-icon[data-action=effects], .placeable-hud .control-icon[data-action=combat], .placeable-hud .control-icon[data-action=locked], .placeable-hud .control-icon[data-action=target], .placeable-hud .control-icon[data-action=active], .placeable-hud .control-icon[data-action=mystify] {
  1324. background-color: var(--secondary-dark);
  1325. }
  1326. .placeable-hud .control-icon[data-action=visibility]:hover, .placeable-hud .control-icon[data-action=visibility].active, .placeable-hud .control-icon[data-action=effects]:hover, .placeable-hud .control-icon[data-action=effects].active, .placeable-hud .control-icon[data-action=combat]:hover, .placeable-hud .control-icon[data-action=combat].active, .placeable-hud .control-icon[data-action=locked]:hover, .placeable-hud .control-icon[data-action=locked].active, .placeable-hud .control-icon[data-action=target]:hover, .placeable-hud .control-icon[data-action=target].active, .placeable-hud .control-icon[data-action=active]:hover, .placeable-hud .control-icon[data-action=active].active, .placeable-hud .control-icon[data-action=mystify]:hover, .placeable-hud .control-icon[data-action=mystify].active {
  1327. background-color: var(--secondary-light);
  1328. }
  1329. .placeable-hud .control-icon[data-action=visibility]:hover > img, .placeable-hud .control-icon[data-action=visibility].active > img, .placeable-hud .control-icon[data-action=effects]:hover > img, .placeable-hud .control-icon[data-action=effects].active > img, .placeable-hud .control-icon[data-action=combat]:hover > img, .placeable-hud .control-icon[data-action=combat].active > img, .placeable-hud .control-icon[data-action=locked]:hover > img, .placeable-hud .control-icon[data-action=locked].active > img, .placeable-hud .control-icon[data-action=target]:hover > img, .placeable-hud .control-icon[data-action=target].active > img, .placeable-hud .control-icon[data-action=active]:hover > img, .placeable-hud .control-icon[data-action=active].active > img, .placeable-hud .control-icon[data-action=mystify]:hover > img, .placeable-hud .control-icon[data-action=mystify].active > img {
  1330. filter: sepia() grayscale(0.95) brightness(1) drop-shadow(0px 0px 3px black);
  1331. }
  1332. .placeable-hud .control-icon:hover {
  1333. background-color: var(--secondary);
  1334. color: var(--color-text-light-highlight);
  1335. }
  1336. .placeable-hud .control-icon.active {
  1337. color: var(--color-text-light-highlight);
  1338. background-color: var(--secondary-light);
  1339. border: none;
  1340. }
  1341. .placeable-hud .control-icon.active > img {
  1342. filter: sepia() grayscale(0.95) brightness(1) drop-shadow(0px 0px 3px black);
  1343. }
  1344. .placeable-hud .control-icon > img {
  1345. opacity: 1;
  1346. filter: sepia() brightness(0.8) drop-shadow(0px 0px 3px black);
  1347. }
  1348. .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 {
  1349. border: none;
  1350. margin: 2px;
  1351. /* prettier-ignore */
  1352. box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px var(--gold-brown);
  1353. border-radius: 2px;
  1354. margin: 0px;
  1355. margin-right: 8px;
  1356. }
  1357. .dorako-ui.actor.sheet .crb-style aside .sidebar select {
  1358. color: white;
  1359. }
  1360. .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 {
  1361. border-radius: 2px;
  1362. }
  1363. .dorako-ui.actor.sheet .crb-style aside .modifiers_button {
  1364. text-shadow: none;
  1365. }
  1366. .dorako-ui.actor.sheet .crb-style aside .modifiers_button:hover:not(:disabled) {
  1367. background: white;
  1368. color: var(--primary);
  1369. }
  1370. .dorako-ui.actor.sheet .crb-style {
  1371. background-image: url("../img/header.webp"), var(--sheet);
  1372. }
  1373. .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 {
  1374. 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;
  1375. background: white !important;
  1376. }
  1377. .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 {
  1378. border-image-source: var(--ornamentation);
  1379. }
  1380. .dorako-ui.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-options {
  1381. gap: 3px;
  1382. }
  1383. .dorako-ui.sheet.actor.loot section.sidebar .gm-settings .loot-distribution {
  1384. box-shadow: unset;
  1385. background: unset;
  1386. gap: 3px;
  1387. display: flex;
  1388. flex-direction: column;
  1389. }
  1390. .dorako-ui.sheet.actor.loot section.sidebar .gm-settings .loot-distribution button {
  1391. background-color: var(--tertiary);
  1392. }
  1393. .dorako-ui.sheet.actor.loot section.sidebar .gm-settings .loot-distribution button:hover {
  1394. color: black;
  1395. background-color: var(--tertiary-dark);
  1396. }
  1397. .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) {
  1398. text-shadow: unset;
  1399. }
  1400. .dorako-ui.actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li.spell.expanded {
  1401. border-radius: 0px 0px 10px 10px;
  1402. }
  1403. .dorako-ui.actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .item-summary .item-buttons button {
  1404. 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;
  1405. text-shadow: 0px 0px 3px black;
  1406. color: white;
  1407. background-color: var(--primary);
  1408. box-shadow: 0px 0px 1px 1px var(--tertiary) inset;
  1409. border: 1px solid var(--gold-brown);
  1410. }
  1411. .dorako-ui.actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .item-summary .item-buttons button:hover {
  1412. background-color: var(--primary-light);
  1413. }
  1414. .dorako-ui.actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .item-summary {
  1415. border: none;
  1416. margin: 2px;
  1417. /* prettier-ignore */
  1418. box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px var(--gold-brown);
  1419. background-image: var(--sheet);
  1420. background-size: cover;
  1421. border: none;
  1422. margin: 2px;
  1423. /* prettier-ignore */
  1424. box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px var(--gold-brown), 0 0 5px rgba(0, 0, 0, 0.8);
  1425. margin: 5px 0px;
  1426. border-radius: 8px;
  1427. }
  1428. .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 {
  1429. z-index: 4;
  1430. }
  1431. .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 {
  1432. gap: 3px;
  1433. }
  1434. .dorako-ui.actor.sheet .inventory .list-row .item-controls .item-control.item-carry-type:not(.active) {
  1435. color: var(--half-transparent);
  1436. }
  1437. .dorako-ui.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.inventory .encumbrance .encumbrance-light-bulk-overflow {
  1438. color: var(--body);
  1439. text-shadow: unset;
  1440. }
  1441. .dorako-ui.actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .item-name .item-image .item-icon {
  1442. border-radius: 2px;
  1443. }
  1444. .dorako-ui.actor.sheet .inventory .item-name .item-image {
  1445. background-color: var(--alt-dark);
  1446. border: 1px solid var(--gold-brown);
  1447. border-bottom: 0px;
  1448. border-left: 0px;
  1449. }
  1450. .dorako-ui.actor.sheet .inventory .item-name .item-image:last-child {
  1451. border-bottom: 1px solid var(--gold-brown);
  1452. }
  1453. .dorako-ui.actor.sheet .inventory .container-held-items .item-name .item-image {
  1454. border-left: 1px solid var(--gold-brown);
  1455. }
  1456. .dorako-ui.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.inventory .wealth {
  1457. margin-bottom: unset;
  1458. 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);
  1459. }
  1460. .dorako-ui.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.inventory .inventory-list {
  1461. padding-top: 0.5rem;
  1462. }
  1463. .dorako-ui.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions {
  1464. gap: unset;
  1465. }
  1466. .dorako-ui.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions > div {
  1467. padding-top: 0.5rem;
  1468. }
  1469. .dorako-ui.dark-theme h4.rarity-common {
  1470. color: var(--rarity-common) !important;
  1471. border-color: var(--rarity-common) !important;
  1472. }
  1473. .dorako-ui.dark-theme h4.rarity-uncommon {
  1474. color: var(--rarity-uncommon) !important;
  1475. border-color: var(--rarity-uncommon) !important;
  1476. }
  1477. .dorako-ui.dark-theme h4.rarity-rare {
  1478. color: var(--rarity-rare) !important;
  1479. border-color: var(--rarity-rare) !important;
  1480. }
  1481. .dorako-ui.dark-theme h4.rarity-unique {
  1482. color: var(--rarity-unique) !important;
  1483. border-color: var(--rarity-unique) !important;
  1484. }
  1485. .dorako-ui.dark-theme .tags .tag.tag_secondary,
  1486. .dorako-ui.dark-theme .tags .tag option.tag_secondary {
  1487. background-color: var(--tertiary-dark);
  1488. color: black;
  1489. }
  1490. .dorako-ui.dark-theme .tags .tag.tag_transparent,
  1491. .dorako-ui.dark-theme .tags .tag option.tag_transparent {
  1492. box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3);
  1493. }
  1494. .dorako-ui.dark-theme.sheet.actor.loot section.sidebar .gm-settings .loot-distribution {
  1495. gap: 5px;
  1496. }
  1497. .dorako-ui.dark-theme.sheet.actor.loot section.sidebar .gm-settings .loot-distribution button {
  1498. border: none;
  1499. border-radius: 3px;
  1500. background: none;
  1501. background-color: var(--glass-bg);
  1502. box-shadow: var(--glassy);
  1503. text-shadow: unset;
  1504. background-color: var(--tertiary);
  1505. color: black;
  1506. }
  1507. .dorako-ui.dark-theme.sheet.actor.loot section.sidebar .gm-settings .loot-distribution button:hover {
  1508. background-color: var(--tertiary-dark);
  1509. color: black;
  1510. }
  1511. .dorako-ui.dark-theme.actor.sheet .inventory .item-summary {
  1512. background: rgba(0, 0, 0, 0.25);
  1513. }
  1514. .dorako-ui.dark-theme.actor.sheet .inventory .list-row .item-controls .item-control.item-toggle-invest {
  1515. color: var(--half-transparent);
  1516. }
  1517. .dorako-ui.dark-theme.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .ability-scores .ability .ability-name {
  1518. color: var(--color-border-light-primary);
  1519. }
  1520. .dorako-ui.dark-theme.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .ability-scores .ability .ability-score input {
  1521. background: rgba(211, 204, 188, 0.2);
  1522. box-shadow: none;
  1523. }
  1524. .dorako-ui.dark-theme.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.effects .effects-list .item.unidentified {
  1525. border-radius: 3px;
  1526. background: rgba(245, 234, 245, 0.1333333333);
  1527. outline: 1px dashed #720073;
  1528. }
  1529. .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 {
  1530. border-image: linear-gradient(90deg, rgba(241, 237, 234, 0), black) 1;
  1531. }
  1532. .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 {
  1533. color: black;
  1534. }
  1535. .dorako-ui.dark-theme.actor.sheet .crb-style .sheet-body .sheet-content .tab.biography h3 {
  1536. color: var(--tertiary);
  1537. border-color: var(--tertiary);
  1538. }
  1539. .dorako-ui.dark-theme.actor.sheet .crb-style .sheet-body .sheet-content .tab.biography .biography-content .editor .editor-content {
  1540. border: none;
  1541. border-radius: 3px;
  1542. background: none;
  1543. background-color: var(--glass-bg);
  1544. box-shadow: var(--glassy);
  1545. }
  1546. .dorako-ui.dark-theme.actor.sheet.character .crb-style .sheet-body .sheet-content h3.header {
  1547. color: var(--tertiary);
  1548. }
  1549. .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 {
  1550. color: var(--tertiary);
  1551. }
  1552. .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 {
  1553. background-color: var(--tertiary-dark);
  1554. }
  1555. .dorako-ui.dark-theme .crb-style .details-label {
  1556. color: var(--tertiary);
  1557. }
  1558. .dorako-ui.dark-theme.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .ability-scores .ability .ability-id {
  1559. color: var(--tertiary);
  1560. }
  1561. .dorako-ui.dark-theme.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane h1 {
  1562. color: var(--tertiary);
  1563. }
  1564. .dorako-ui.dark-theme.actor.sheet.character .crb-style .sheet-body .sheet-content h3.header button {
  1565. background-color: var(--tertiary);
  1566. color: black;
  1567. text-shadow: unset;
  1568. }
  1569. .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 {
  1570. color: var(--tertiary-dark);
  1571. }
  1572. .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 {
  1573. color: var(--tertiary-dark);
  1574. }
  1575. .dorako-ui.dark-theme.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .skills-list .skill .rollable:hover, .dorako-ui.dark-theme.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .lores-list .skill .rollable:hover, .dorako-ui.dark-theme.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .combat-list .skill .rollable:hover {
  1576. color: var(--tertiary);
  1577. text-shadow: unset;
  1578. }
  1579. .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 {
  1580. color: var(--tertiary);
  1581. text-shadow: unset;
  1582. }
  1583. .dorako-ui.dark-theme.actor.sheet .crb-style aside .modifiers_button {
  1584. background: hsla(0, 0%, 100%, 0.75);
  1585. border: none;
  1586. border-radius: 2px 2px 0 0;
  1587. box-shadow: inset 0 0 0 1px hsla(0, 0%, 100%, 0.4);
  1588. color: var(--primary);
  1589. margin: 0;
  1590. padding: 2px 3px;
  1591. }
  1592. .dorako-ui.dark-theme.actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .item-summary .item-buttons button {
  1593. border: none;
  1594. border-radius: 3px;
  1595. background: none;
  1596. background-color: var(--glass-bg);
  1597. box-shadow: var(--glassy);
  1598. 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;
  1599. background-color: var(--primary);
  1600. color: var(--color-text-light-highlight);
  1601. font-family: var(--sans-serif);
  1602. text-shadow: 0px 0px 3px black;
  1603. }
  1604. .dorako-ui.dark-theme.actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .item-summary .item-buttons button:hover {
  1605. background-color: var(--primary-light);
  1606. color: white;
  1607. text-shadow: 0px 0px 3px black;
  1608. }
  1609. .dorako-ui.dark-theme.actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .item-summary {
  1610. border: none;
  1611. margin: 2px;
  1612. /* prettier-ignore */
  1613. box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px var(--gold-brown);
  1614. background-image: var(--sheet);
  1615. background-size: cover;
  1616. margin: 5px 0px;
  1617. border-radius: 8px;
  1618. background-color: var(--secondary-dark);
  1619. background-blend-mode: luminosity;
  1620. }
  1621. .dorako-ui.dark-theme.actor.sheet.character .crb-style .sheet-body .sheet-content nav {
  1622. background: var(--glass-bg-light);
  1623. box-shadow: 0 2px 4px rgba(0, 0, 0, 0.18), 0px -1px 2px rgba(255, 255, 255, 0.3) inset;
  1624. }
  1625. .dorako-ui.dark-theme.actor.sheet.character .crb-style .sheet-body .sheet-content nav .tab {
  1626. border-left: 1px solid rgba(255, 255, 255, 0.3);
  1627. border-right: 1px solid rgba(0, 0, 0, 0.2);
  1628. color: var(--tertiary-dark);
  1629. }
  1630. .dorako-ui.dark-theme.actor.sheet.character .crb-style .sheet-body .sheet-content nav .tab.active {
  1631. color: var(--tertiary);
  1632. }
  1633. .dorako-ui.dark-theme.actor.sheet.character .crb-style .sheet-body .sheet-content nav .tab:hover {
  1634. text-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
  1635. }
  1636. .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 {
  1637. filter: invert(1);
  1638. }
  1639. .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 {
  1640. filter: invert(1);
  1641. }
  1642. .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 {
  1643. fill: var(--text-light);
  1644. }
  1645. .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 {
  1646. color: var(--tertiary-dark);
  1647. }
  1648. .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 {
  1649. box-shadow: unset;
  1650. }
  1651. .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 {
  1652. border-color: var(--tertiary) !important;
  1653. }
  1654. .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 {
  1655. gap: 3px;
  1656. }
  1657. .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 {
  1658. border: none;
  1659. border-radius: 3px;
  1660. background: none;
  1661. background-color: var(--glass-bg);
  1662. box-shadow: var(--glassy);
  1663. 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;
  1664. text-shadow: 0px 0px 3px black;
  1665. }
  1666. .dorako-ui.dark-theme.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list.strikes-list li.strike .button-group button:not(:disabled) {
  1667. background: var(--secondary);
  1668. color: var(--color-text-light-highlight);
  1669. }
  1670. .dorako-ui.dark-theme.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list.strikes-list li.strike .button-group button:not(:disabled).damage {
  1671. background: var(--primary);
  1672. }
  1673. .dorako-ui.dark-theme.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list.strikes-list li.strike .button-group button:not(:disabled).damage:hover {
  1674. background: var(--primary-light);
  1675. color: white;
  1676. }
  1677. .dorako-ui.dark-theme.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list.strikes-list li.strike .button-group button:not(:disabled):hover {
  1678. border: none;
  1679. border-radius: 3px;
  1680. background: none;
  1681. background-color: var(--glass-bg);
  1682. box-shadow: var(--glassy);
  1683. text-shadow: 0px 0px 3px black;
  1684. background: var(--secondary-light);
  1685. color: white;
  1686. }
  1687. .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 {
  1688. border: none;
  1689. border-radius: 3px;
  1690. background: none;
  1691. background-color: var(--glass-bg);
  1692. box-shadow: var(--glassy);
  1693. 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;
  1694. text-shadow: 0px 0px 3px black;
  1695. background: var(--secondary);
  1696. color: var(--color-text-light-highlight);
  1697. }
  1698. .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 {
  1699. border: none;
  1700. border-radius: 3px;
  1701. background: none;
  1702. background-color: var(--glass-bg);
  1703. box-shadow: var(--glassy);
  1704. text-shadow: 0px 0px 3px black;
  1705. background: var(--secondary-light);
  1706. color: white;
  1707. }
  1708. .dorako-ui.dark-theme.actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li[data-expended-state=true] .cast-spell {
  1709. background: var(--secondary-dark);
  1710. color: var(--color-disabled);
  1711. }
  1712. .dorako-ui.dark-theme.actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li[data-expended-state=true] .cast-spell:hover {
  1713. background: var(--secondary-dark);
  1714. color: var(--color-disabled);
  1715. }
  1716. .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 {
  1717. background: unset;
  1718. box-shadow: unset;
  1719. color: unset;
  1720. }
  1721. .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 {
  1722. background: unset;
  1723. box-shadow: unset;
  1724. color: unset;
  1725. }
  1726. .combat-sidebar .drag-gap {
  1727. visibility: hidden;
  1728. }
  1729. .combat-sidebar .hidden-name .token-name h4 {
  1730. color: var(--color-text-light-7);
  1731. }
  1732. .combat-sidebar li.combatant .token-image {
  1733. margin: 2px;
  1734. }
  1735. .combat-sidebar li.combatant .token-name img.token-effect {
  1736. border-radius: 50%;
  1737. border: 1px solid var(--tertiary);
  1738. box-shadow: 1px 1px 4px #222;
  1739. }
  1740. .combat-sidebar li.combatant.defeated img {
  1741. transform: unset;
  1742. }
  1743. .combat-sidebar li.combatant.active {
  1744. background: var(--primary);
  1745. color: var(--color-text-light-highlight);
  1746. }
  1747. #ui-middle {
  1748. position: relative;
  1749. }
  1750. .effect-panel.dorako-ui {
  1751. pointer-events: initial;
  1752. position: absolute;
  1753. top: 5px;
  1754. top: 0px;
  1755. right: 3px;
  1756. right: -3px;
  1757. overflow: hidden scroll;
  1758. height: calc(100% - 62px);
  1759. height: 100%;
  1760. padding-top: 5px;
  1761. padding-bottom: 10%;
  1762. padding-left: 15px;
  1763. }
  1764. .effect-panel.dorako-ui::-webkit-scrollbar-track {
  1765. box-shadow: none;
  1766. }
  1767. .effect-panel.dorako-ui .effect-item {
  1768. display: flex;
  1769. justify-content: flex-end;
  1770. height: 46px;
  1771. margin-bottom: 0.2em;
  1772. margin-right: 3px;
  1773. }
  1774. .effect-panel.dorako-ui .effect-item:hover .effect-info {
  1775. display: block;
  1776. }
  1777. .effect-panel.dorako-ui .effect-item[data-badge-type=formula] .icon:hover:before {
  1778. border-radius: 50%;
  1779. }
  1780. .effect-panel.dorako-ui .effect-item .effect-info {
  1781. border: none;
  1782. border-radius: 3px;
  1783. background: none;
  1784. background-color: var(--glass-bg);
  1785. box-shadow: var(--glassy);
  1786. display: none;
  1787. height: min-content;
  1788. margin: 3px;
  1789. margin-right: 0.5em;
  1790. padding: 4px 8px;
  1791. backdrop-filter: blur(5px);
  1792. z-index: var(--z-index-tooltip);
  1793. }
  1794. .effect-panel.dorako-ui .effect-item .effect-info a:not(.content-link) {
  1795. border: none;
  1796. border-radius: 3px;
  1797. background: none;
  1798. background-color: var(--glass-bg);
  1799. box-shadow: var(--glassy);
  1800. 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;
  1801. text-align: center;
  1802. text-shadow: 0px 0px 3px black;
  1803. font-size: var(--font-size-12);
  1804. background-color: var(--primary);
  1805. color: var(--color-text-light-highlight);
  1806. }
  1807. .effect-panel.dorako-ui .effect-item .effect-info a:not(.content-link):hover {
  1808. background-color: var(--primary-light);
  1809. color: white;
  1810. text-shadow: 0px 0px 3px black;
  1811. }
  1812. .effect-panel.dorako-ui .effect-item .effect-info h1 {
  1813. font-size: var(--font-size-16);
  1814. color: var(--color-text-light-highlight);
  1815. text-align: right;
  1816. border: none;
  1817. }
  1818. .effect-panel.dorako-ui .effect-item .effect-info p:last-child {
  1819. margin-bottom: 0px;
  1820. }
  1821. .effect-panel.dorako-ui .effect-item .effect-info .tags {
  1822. justify-content: flex-end;
  1823. }
  1824. .effect-panel.dorako-ui .effect-item .effect-info .tags .tag {
  1825. margin-bottom: 0;
  1826. }
  1827. .effect-panel.dorako-ui .effect-item .effect-info .tags .tag + .tag, .effect-panel.dorako-ui .effect-item .effect-info .tags .tag:first-child {
  1828. margin-left: 3px;
  1829. margin-right: -2px;
  1830. }
  1831. .effect-panel.dorako-ui .effect-item .effect-info .instructions {
  1832. color: var(--color-text-light-heading);
  1833. font-size: 0.75em;
  1834. text-align: right;
  1835. }
  1836. .effect-panel.dorako-ui .effect-item .icon {
  1837. border: none;
  1838. margin: 2px;
  1839. /* prettier-ignore */
  1840. box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px var(--gold-brown), 0 0 5px rgba(0, 0, 0, 0.8);
  1841. border-radius: 50%;
  1842. align-items: center;
  1843. background-repeat: no-repeat;
  1844. background-size: contain;
  1845. color: transparent;
  1846. display: flex;
  1847. justify-content: center;
  1848. position: relative;
  1849. height: 42px;
  1850. width: 42px;
  1851. margin-left: 3px;
  1852. }
  1853. .effect-panel.dorako-ui .effect-item .icon.aura {
  1854. border-radius: 5px;
  1855. transform: scale(0.8);
  1856. box-shadow: 0 0 10px 3px var(--tertiary), 0 0 0 1px var(--tertiary), 0 0 0 2px var(--gold-brown), 0 0 5px rgba(0, 0, 0, 0.8);
  1857. }
  1858. .effect-panel.dorako-ui .effect-item .icon .expired {
  1859. position: absolute;
  1860. left: auto;
  1861. bottom: -1px;
  1862. width: 80%;
  1863. width: unset;
  1864. padding: 2px 2px;
  1865. color: white;
  1866. color: var(--color-text-light-highlight);
  1867. background-color: var(--primary-light);
  1868. text-shadow: 0px 0px 3px black;
  1869. box-shadow: var(--gold-and-glow);
  1870. border-radius: 2px;
  1871. }
  1872. .effect-panel.dorako-ui .effect-item .icon .linked {
  1873. position: absolute;
  1874. display: inline-block;
  1875. bottom: -1px;
  1876. right: -1px;
  1877. padding: 0px 2px;
  1878. color: white;
  1879. color: var(--color-text-light-highlight);
  1880. background-color: rgba(0, 0, 0, 0.75);
  1881. background: none;
  1882. text-shadow: 0px 1px 5px black, 0px 1px 5px black;
  1883. }
  1884. .effect-panel.dorako-ui .effect-item .icon .value-wrapper {
  1885. background: none;
  1886. }
  1887. .effect-panel.dorako-ui .effect-item .icon .value-wrapper .value {
  1888. padding: 0px 2px;
  1889. color: white;
  1890. color: var(--color-text-light-highlight);
  1891. background-color: rgba(0, 0, 0, 0.75);
  1892. background: none;
  1893. text-shadow: 0px 1px 5px black, 0px 1px 5px black;
  1894. }
  1895. .effect-panel.dorako-ui .effect-item .icon.unidentified {
  1896. filter: drop-shadow(0 0 8px var(--blind-bg));
  1897. }
  1898. .effect-panel.dorako-ui hr {
  1899. margin-right: 6;
  1900. margin-right: 2px;
  1901. width: 36px;
  1902. width: 42px;
  1903. border-top: 1px solid var(--tertiary);
  1904. border-bottom: 1px solid var(--gold-brown);
  1905. box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
  1906. }
  1907. .dorako-ui.familiar .main-section {
  1908. gap: 10px;
  1909. margin: 0px 10px;
  1910. }
  1911. .dorako-ui.familiar .main-container {
  1912. display: flex;
  1913. flex-direction: column;
  1914. gap: 10px;
  1915. }
  1916. .dorako-ui.familiar .window-content .skills-content .skills-list .skill-name {
  1917. 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;
  1918. background: rgba(255, 255, 240, 0.8);
  1919. border: 1px solid var(--color-border-light-primary);
  1920. }
  1921. .dorako-ui.familiar .window-content .skills-content .skills-list .skill-name:hover {
  1922. box-shadow: none;
  1923. color: var(--color-text-light-highlight);
  1924. border: 1px solid var(--gold-brown);
  1925. background-color: var(--primary-light);
  1926. box-shadow: 0px 0px 1px 1px var(--tertiary) inset, 0px 0px 5px var(--primary-light);
  1927. }
  1928. .dorako-ui.familiar .window-content .skills-content .skills-list .skill-name:hover .score {
  1929. color: var(--tertiary);
  1930. }
  1931. .dorako-ui.familiar .section-container {
  1932. border: none;
  1933. margin: 2px;
  1934. /* prettier-ignore */
  1935. box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px var(--gold-brown);
  1936. background-image: var(--sheet);
  1937. background-size: cover;
  1938. box-shadow: var(--gold-and-glow), 0px 5px 6px rgba(0, 0, 0, 0.5);
  1939. padding: unset;
  1940. border-radius: 5px;
  1941. }
  1942. .dorako-ui.familiar .section-container .section-header {
  1943. background: var(--primary);
  1944. border-radius: 5px 5px 0px 0px;
  1945. border: none;
  1946. box-shadow: var(--gold-and-glow);
  1947. }
  1948. .dorako-ui.familiar .section-container .section-body {
  1949. border: none;
  1950. }
  1951. .dorako-ui.dark-theme.familiar .detail .detail-label {
  1952. color: var(--tertiary);
  1953. }
  1954. .dorako-ui.dark-theme.familiar .window-content .familiar-sheet-header .header-content .details-section .hp-section .value input {
  1955. box-shadow: none;
  1956. }
  1957. .dorako-ui.dark-theme.familiar .window-content .skills-content .skills-list .skill-name {
  1958. border: none;
  1959. border-radius: 3px;
  1960. background: none;
  1961. background-color: var(--glass-bg);
  1962. box-shadow: var(--glassy);
  1963. }
  1964. .dorako-ui.dark-theme.familiar .window-content .skills-content .skills-list .skill-name .score {
  1965. color: var(--primary-light);
  1966. }
  1967. .dorako-ui.dark-theme.familiar .window-content .skills-content .skills-list .skill-name:hover {
  1968. border: none;
  1969. border-radius: 3px;
  1970. background: none;
  1971. background-color: var(--glass-bg);
  1972. box-shadow: var(--glassy);
  1973. background-color: var(--primary-light);
  1974. }
  1975. .dorako-ui.dark-theme.familiar .window-content .skills-content .skills-list .skill-name:hover .score {
  1976. color: var(--tertiary);
  1977. }
  1978. .dorako-ui.dark-theme [data-visibility]:not([data-visibility=all]) {
  1979. border-radius: 3px;
  1980. outline: 1px dashed #720073;
  1981. /* ----------------------------------------- */
  1982. /* GM Visibility Elements */
  1983. /* ----------------------------------------- */
  1984. /* ----------------------------------------- */
  1985. /* Owner Visibility Elements */
  1986. /* ----------------------------------------- */
  1987. }
  1988. .dorako-ui.dark-theme [data-visibility]:not([data-visibility=all])[data-visibility=gm] {
  1989. background: rgba(245, 234, 245, 0.1333333333);
  1990. }
  1991. .dorako-ui.dark-theme [data-visibility]:not([data-visibility=all])[data-visibility=gm].message-sender {
  1992. max-width: fit-content;
  1993. }
  1994. .dorako-ui.dark-theme [data-visibility]:not([data-visibility=all])[data-visibility=gm] [data-visibility=gm] {
  1995. outline: none;
  1996. padding: initial;
  1997. }
  1998. .dorako-ui.dark-theme [data-visibility]:not([data-visibility=all])[data-visibility=owner] {
  1999. background: rgba(245, 234, 245, 0.1333333333);
  2000. }
  2001. .dorako-ui.dark-theme [data-visibility]:not([data-visibility=all])[data-visibility=owner] [data-visibility=owner] {
  2002. outline: none;
  2003. padding: initial;
  2004. }
  2005. .dorako-ui.hazard {
  2006. --hazard: #1c3532;
  2007. }
  2008. .dorako-ui.hazard form > header {
  2009. box-shadow: var(--gold-and-glow), 0px 5px 6px rgba(0, 0, 0, 0.5);
  2010. }
  2011. .dorako-ui.hazard .content {
  2012. display: flex;
  2013. flex-direction: column;
  2014. gap: 10px;
  2015. }
  2016. .dorako-ui.hazard .content .section-container {
  2017. border: none;
  2018. margin: 2px;
  2019. /* prettier-ignore */
  2020. box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px var(--gold-brown);
  2021. background-image: var(--sheet);
  2022. background-size: cover;
  2023. box-shadow: var(--gold-and-glow), 0px 5px 6px rgba(0, 0, 0, 0.5);
  2024. padding: unset;
  2025. border-radius: 5px;
  2026. }
  2027. .dorako-ui.hazard .content .section-container:first-child {
  2028. margin-top: 10px;
  2029. }
  2030. .dorako-ui.hazard .content .section-container .section-header {
  2031. background: var(--hazard);
  2032. border-radius: 5px 5px 0px 0px;
  2033. border: none;
  2034. box-shadow: var(--gold-and-glow);
  2035. }
  2036. .dorako-ui.hazard .content .section-container .section-body {
  2037. border: none;
  2038. }
  2039. .dorako-ui.dark-theme.hazard input {
  2040. color: var(--color-text-light-primary);
  2041. }
  2042. .dorako-ui.dark-theme.hazard .sidebar {
  2043. border-right: 1px solid var(--tertiary);
  2044. }
  2045. .dorako-ui.dark-theme.hazard .sidebar .health input {
  2046. color: var(--color-text-light-primary);
  2047. }
  2048. .dorako-ui.sheet.pf2e.actor.npc ol.spell-list > li .item-name .item-image .item-icon {
  2049. border-radius: 3px;
  2050. }
  2051. .dorako-ui.sheet.pf2e.actor.npc form.npc-sheet .sheet-body .tab {
  2052. padding-top: 2px;
  2053. }
  2054. .dorako-ui.sheet.pf2e.actor.npc form.npc-sheet .activity-icon {
  2055. font-weight: 100;
  2056. }
  2057. .dorako-ui.sheet.pf2e.actor.npc form.npc-sheet input[type=number]:focus,
  2058. .dorako-ui.sheet.pf2e.actor.npc form.npc-sheet input[type=number]:hover:not(:disabled),
  2059. .dorako-ui.sheet.pf2e.actor.npc form.npc-sheet input[type=text]:focus,
  2060. .dorako-ui.sheet.pf2e.actor.npc form.npc-sheet input[type=text]:hover:not(:disabled) {
  2061. border: 1px solid var(--tertiary);
  2062. box-shadow: 0 0 10px var(--primary-light);
  2063. }
  2064. .dorako-ui.sheet.pf2e.actor.npc form.npc-sheet input.adjustable:not(:focus).adjusted-higher,
  2065. .dorako-ui.sheet.pf2e.actor.npc form.npc-sheet span.adjustable.adjusted-higher {
  2066. color: green !important;
  2067. }
  2068. .dorako-ui.sheet.pf2e.actor.npc form.npc-sheet input.adjustable:not(:focus).adjusted-lower,
  2069. .dorako-ui.sheet.pf2e.actor.npc form.npc-sheet span.adjustable.adjusted-lower {
  2070. color: red !important;
  2071. }
  2072. .dorako-ui.sheet.pf2e.actor.npc form.npc-sheet .top-sections {
  2073. gap: 5px;
  2074. }
  2075. .dorako-ui.sheet.pf2e.actor.npc form.npc-sheet .side-bar-section {
  2076. border: none;
  2077. margin: 2px;
  2078. /* prettier-ignore */
  2079. box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px var(--gold-brown);
  2080. background-image: var(--sheet);
  2081. background-size: cover;
  2082. box-shadow: var(--gold-and-glow), 0px 5px 6px rgba(0, 0, 0, 0.5);
  2083. border-radius: 3px;
  2084. margin: 3px;
  2085. margin-top: 0px;
  2086. margin-bottom: 10px;
  2087. }
  2088. .dorako-ui.sheet.pf2e.actor.npc form.npc-sheet .side-bar-section.initiative select {
  2089. width: 98%;
  2090. margin-bottom: 2px;
  2091. }
  2092. .dorako-ui.sheet.pf2e.actor.npc form.npc-sheet .side-bar-section.collapsed {
  2093. max-height: 20px;
  2094. transition: max-height 0.5s cubic-bezier(0, 1, 0, 1);
  2095. }
  2096. .dorako-ui.sheet.pf2e.actor.npc form.npc-sheet .side-bar-section.collapsed .side-bar-section-header {
  2097. border-radius: 3px;
  2098. }
  2099. .dorako-ui.sheet.pf2e.actor.npc form.npc-sheet .side-bar-section.collapsed:not(.empty):hover {
  2100. max-height: 1000px;
  2101. transition: max-height 1s ease-in-out;
  2102. }
  2103. .dorako-ui.sheet.pf2e.actor.npc form.npc-sheet .side-bar-section.collapsed:not(.empty):hover .side-bar-section-header {
  2104. border-radius: 3px 3px 0px 0px;
  2105. }
  2106. .dorako-ui.sheet.pf2e.actor.npc form.npc-sheet .side-bar-section.collapsed:not(.empty):hover .side-bar-section-content {
  2107. display: block;
  2108. }
  2109. .dorako-ui.sheet.pf2e.actor.npc form.npc-sheet .side-bar-section.collapsed .side-bar-section-content {
  2110. display: none;
  2111. }
  2112. .dorako-ui.sheet.pf2e.actor.npc form.npc-sheet .section-container {
  2113. box-shadow: var(--gold-and-glow), 0px 5px 6px rgba(0, 0, 0, 0.5);
  2114. padding: 0px;
  2115. border-radius: 3px;
  2116. margin: 3px;
  2117. margin-top: 0px;
  2118. margin-bottom: 10px;
  2119. background-color: var(--bg);
  2120. background-image: var(--sheet);
  2121. background-size: cover;
  2122. }
  2123. .dorako-ui.sheet.pf2e.actor.npc form.npc-sheet .section-container .section-header {
  2124. box-shadow: inset 0 0 3px rgba(255, 255, 255, 0.5);
  2125. }
  2126. .dorako-ui.sheet.pf2e.actor.npc form.npc-sheet .section-container:not(.headerless) .section-body {
  2127. border-top: 1px solid var(--tertiary);
  2128. }
  2129. .dorako-ui.sheet.pf2e.actor.npc form.npc-sheet .section-container .section-body {
  2130. border: none;
  2131. padding: 0;
  2132. padding: 5px;
  2133. }
  2134. .dorako-ui.sheet.pf2e.actor.npc form.npc-sheet .section-container.toggles {
  2135. border-image-repeat: repeat;
  2136. border-image-slice: 11;
  2137. 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");
  2138. border-image-width: 14px;
  2139. border-style: double;
  2140. padding-left: 8px;
  2141. padding-right: 8px;
  2142. margin-left: 0px;
  2143. font-weight: 500;
  2144. margin-right: 0px;
  2145. margin-top: 0px;
  2146. margin-bottom: 0px;
  2147. box-shadow: none;
  2148. background: none;
  2149. margin: 5px;
  2150. }
  2151. .dorako-ui.sheet.pf2e.actor.npc form.npc-sheet .side-bar .image-container {
  2152. border: none;
  2153. }
  2154. .dorako-ui.sheet.pf2e.actor.npc form.npc-sheet .side-bar .saves-section.side-bar-section {
  2155. display: flex;
  2156. flex-direction: column;
  2157. }
  2158. .dorako-ui.sheet.pf2e.actor.npc form.npc-sheet .side-bar .saves-section.side-bar-section.collapsed {
  2159. max-height: 42px;
  2160. }
  2161. .dorako-ui.sheet.pf2e.actor.npc form.npc-sheet .side-bar .saves-section.side-bar-section.collapsed:hover {
  2162. max-height: 1000px;
  2163. }
  2164. .dorako-ui.sheet.pf2e.actor.npc form.npc-sheet .side-bar .saves {
  2165. margin-top: 0px;
  2166. width: unset;
  2167. }
  2168. .dorako-ui.sheet.pf2e.actor.npc form.npc-sheet .side-bar .save-details {
  2169. font-size: 14px;
  2170. }
  2171. .dorako-ui.sheet.pf2e.actor.npc .side-bar-section-header {
  2172. background: var(--primary);
  2173. border: 1px solid var(--primary);
  2174. border-radius: 3px 3px 0px 0px;
  2175. color: #f5efe0;
  2176. box-shadow: inset 0 0 3px rgba(255, 255, 255, 0.5);
  2177. margin-top: 0px;
  2178. height: 20px;
  2179. }
  2180. .dorako-ui.sheet.pf2e.actor.npc .side-bar-section-header.disabled {
  2181. border-radius: 3px;
  2182. }
  2183. .dorako-ui.sheet.pf2e.actor.npc .side-bar-section-header + .side-bar-section-content {
  2184. margin: 0px;
  2185. padding: 0px;
  2186. }
  2187. .dorako-ui.sheet.pf2e.actor.npc .side-bar-section-header input[type=number],
  2188. .dorako-ui.sheet.pf2e.actor.npc .side-bar-section-header input[type=text] {
  2189. color: #f5efe0;
  2190. }
  2191. .dorako-ui.sheet.pf2e.actor.npc .side-bar-section-header a:hover {
  2192. text-shadow: 0px 0px 8px var(--tertiary);
  2193. }
  2194. .dorako-ui.sheet.pf2e.actor.npc .side-bar-section-header .inventory-section .inventory-list .item .item-image {
  2195. border: none;
  2196. margin: 3px 4px 3px 6px;
  2197. box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px #9f725b, inset 0 0 4px rgba(0, 0, 0, 0.5);
  2198. }
  2199. .dorako-ui.sheet.pf2e.actor.npc .side-bar-section-header .side-bar .image-container,
  2200. .dorako-ui.sheet.pf2e.actor.npc .side-bar-section-header .actions-options .actions-option {
  2201. cursor: pointer;
  2202. }
  2203. .dorako-ui.sheet.pf2e.actor.npc .side-bar-section-header .actions-options .actions-option:hover {
  2204. text-shadow: 0 0 10px var(--primary-light);
  2205. color: var(--primary);
  2206. }
  2207. .dorako-ui.sheet.pf2e.actor.npc .recall-knowledge .section-body button {
  2208. background: var(--secondary);
  2209. box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3), inset 0 0 0 2px hsla(0, 0%, 100%, 0.2);
  2210. border: none;
  2211. color: white;
  2212. transition: background 0.15s ease-in-out;
  2213. margin-top: 3px;
  2214. }
  2215. .dorako-ui.sheet.pf2e.actor.npc .recall-knowledge .section-body button:hover {
  2216. background: var(--secondary-light);
  2217. }
  2218. .pf2e.actor.npc.dorako-ui.npc .npc-sheet .side-bar-section-content {
  2219. width: 98%;
  2220. margin-left: 3px;
  2221. margin-right: 3px;
  2222. }
  2223. .side-bar-section-header .pf2e-see-simple-scale-statistics-High-color-primary {
  2224. color: #3cff00;
  2225. }
  2226. .side-bar-section-header .pf2e-see-simple-scale-statistics-Moderate-color-primary {
  2227. color: #ffff54;
  2228. }
  2229. .side-bar-section-header .pf2e-see-simple-scale-statistics-Low-color-primary {
  2230. color: #ff8000;
  2231. }
  2232. .side-bar-section-header .pf2e-see-simple-scale-statistics-Terrible-color-primary {
  2233. color: #ff0000;
  2234. }
  2235. /* Light */
  2236. .dorako-ui.sheet.pf2e.actor.npc.light-theme form .sheet-tabs {
  2237. background-color: var(--bg);
  2238. box-shadow: 0 2px 4px rgba(0, 0, 0, 0.18);
  2239. border: 1px solid var(--color-border-light-primary);
  2240. border-radius: 3px;
  2241. margin: 2px;
  2242. margin-bottom: 0px;
  2243. z-index: 1;
  2244. }
  2245. .dorako-ui.npc.light-theme .tabs .item {
  2246. color: var(--primary-light);
  2247. }
  2248. .dorako-ui.npc.light-theme .tabs .item a:hover {
  2249. text-shadow: 0px 0px 10px var(--primary);
  2250. }
  2251. .dorako-ui.npc.light-theme .tabs .item.disabled {
  2252. color: #ababab;
  2253. }
  2254. .dorako-ui.npc.light-theme .tabs .item.disabled:hover {
  2255. color: var(--primary-dark);
  2256. text-shadow: 0px 0px 10px var(--primary-dark);
  2257. }
  2258. .dorako-ui.npc.light-theme .tabs .item.active {
  2259. color: var(--secondary-light);
  2260. text-shadow: 0px 0px 10px var(--secondary-light);
  2261. }
  2262. /* Dark */
  2263. .dorako-ui.sheet.pf2e.actor.npc.dark-theme form .sheet-tabs {
  2264. border: none;
  2265. border-radius: 3px;
  2266. background: none;
  2267. background-color: var(--glass-bg);
  2268. box-shadow: var(--glassy);
  2269. background: var(--glass-bg-light);
  2270. color: var(--color-text-light-heading);
  2271. }
  2272. .dorako-ui.sheet.pf2e.actor.npc.dark-theme .npc-sheet .item.disabled {
  2273. color: #666666;
  2274. }
  2275. .dorako-ui.sheet.pf2e.actor.npc.dark-theme.window-app .npc-sheet .effects .section-body .effects-list .item.unidentified {
  2276. outline: 1px dashed #720073;
  2277. background: rgba(245, 234, 245, 0.1333333333);
  2278. }
  2279. .sheet.pf2e.actor.npc.dark-theme.window-app input[type=text],
  2280. .sheet.pf2e.actor.npc.dark-theme.window-app input[type=number],
  2281. .sheet.pf2e.actor.npc.dark-theme.window-app input[type=search],
  2282. .sheet.pf2e.actor.npc.dark-theme.window-app input[type=date],
  2283. .sheet.pf2e.actor.npc.dark-theme.window-app input[type=time] {
  2284. box-shadow: unset;
  2285. }
  2286. .sheet.pf2e.actor.npc.dark-theme .recall-knowledge .section-body button {
  2287. box-shadow: var(--glassy);
  2288. }
  2289. .sheet.pf2e.actor.npc.dark-theme .tabs .item.active {
  2290. color: var(--tertiary);
  2291. }
  2292. .actor.pf2e.actor.npc.dark-theme .tabs .item.active,
  2293. .actor.pf2e.actor.npc.dark-theme a:hover {
  2294. text-shadow: 0 0 10px var(--tertiary);
  2295. }
  2296. .sheet.pf2e.actor.npc.dark-theme .window-content {
  2297. background: none;
  2298. background-color: #111;
  2299. background: var(--sheet-dark);
  2300. background-size: cover;
  2301. }
  2302. .sheet.pf2e.actor.npc.dark-theme .tags .tag option.tag_transparent,
  2303. .sheet.pf2e.actor.npc.dark-theme .tags .tag.tag_transparent {
  2304. box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3);
  2305. }
  2306. .sheet.pf2e.actor.npc.dark-theme form .notes {
  2307. text-shadow: none;
  2308. }
  2309. .sheet.pf2e.actor.npc.dark-theme .npc-sheet,
  2310. .actor.pf2e.actor.npc.dark-theme .npc-sheet .entries-list .spellcasting-entry .header h4.name input,
  2311. .sheet.pf2e.actor.npc.dark-theme .inventory .list-row .item-controls,
  2312. .sheet.pf2e.actor.npc.dark-theme ol.spell-list > li.spell-level-header,
  2313. .sheet.pf2e.actor.npc.dark-theme .npc-sheet .side-bar-section.initiative select,
  2314. .sheet.pf2e.actor.npc.dark-theme .npc-sheet .notes .notes-text {
  2315. color: white;
  2316. }
  2317. .sheet.pf2e.actor.npc.dark-theme form input[type=number],
  2318. .sheet.pf2e.actor.npc.dark-theme form input[type=text],
  2319. .sheet.pf2e.actor.npc.dark-theme .npc-sheet .notes .details-label {
  2320. color: #c9c9c9;
  2321. }
  2322. .actor.pf2e.actor.npc.dark-theme .npc-sheet .sheet-tabs .disabled.active,
  2323. .actor.pf2e.actor.npc.dark-theme .npc-sheet .sheet-tabs .disabled:hover {
  2324. color: gray;
  2325. }
  2326. .sheet.pf2e.actor.npc.dark-theme .inventory .item-summary,
  2327. .sheet.pf2e.actor.npc.dark-theme ol.spell-list > li .item-summary {
  2328. background-color: transparent;
  2329. }
  2330. .sheet.pf2e.actor.npc.dark-theme .npc-sheet .actions-options .actions-option:hover {
  2331. text-shadow: 0 0 10px var(--tertiary);
  2332. color: var(--tertiary);
  2333. }
  2334. .actor.pf2e.actor.npc.dark-theme .inventory .list-row .item-controls .item-control.item-carry-type.active,
  2335. .actor.pf2e.actor.npc.dark-theme .inventory .list-row .item-controls .item-control.item-toggle-invest.active,
  2336. .actor.pf2e.actor.npc.dark-theme ol.spell-list > li .item-name h4:hover,
  2337. .actor.pf2e.actor.npc.dark-theme .inventory .item-name h3:hover,
  2338. .actor.pf2e.actor.npc.dark-theme .inventory .item-name h4:hover {
  2339. color: var(--tertiary);
  2340. }
  2341. .sheet.actor.pf2e.actor.npc.dark-theme .npc-sheet .section-container.toggles {
  2342. border-image-source: var(--ornamentation);
  2343. }
  2344. .sheet.actor.pf2e.actor.npc.dark-theme .npc-sheet .side-bar-section:not(.save-details),
  2345. .sheet.actor.pf2e.actor.npc.dark-theme .npc-sheet .section-container {
  2346. background: var(--sheet-dark);
  2347. background-size: cover;
  2348. }
  2349. .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 {
  2350. border: none;
  2351. margin: 2px;
  2352. /* prettier-ignore */
  2353. box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px var(--gold-brown), 0 0 5px rgba(0, 0, 0, 0.8);
  2354. padding: 5px;
  2355. background-color: rgba(0, 0, 0, 0.3);
  2356. }
  2357. .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 {
  2358. display: flex;
  2359. flex-direction: column;
  2360. gap: 5px;
  2361. overflow-x: clip;
  2362. }
  2363. .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 {
  2364. margin-top: 10px;
  2365. }
  2366. /* ----------------------------------------- */
  2367. /* Color definitions */
  2368. /* ----------------------------------------- */
  2369. /* Colors */
  2370. /* Global */
  2371. /* used for mini headers, alternate primary color */
  2372. /* compliments the primary color, usually used in combination */
  2373. /* for all other uses */
  2374. /* Lighter / Darker */
  2375. /* Text */
  2376. /* ----------------------------------------- */
  2377. /* Color schemes */
  2378. /* ----------------------------------------- */
  2379. /* Proficiency ranks */
  2380. /* Rarities */
  2381. /* Degrees of success */
  2382. /* Value adjustments (e.g. weak/elite) */
  2383. /* ----------------------------------------- */
  2384. /* CSS Custom Properties */
  2385. /* ----------------------------------------- */
  2386. :root {
  2387. /* Global */
  2388. --primary: #5e0000;
  2389. --primary-light: #b10000;
  2390. --primary-dark: #380000;
  2391. --secondary: #171f69;
  2392. --secondary-light: #2836b7;
  2393. --secondary-dark: #0d113a;
  2394. --tertiary: #e9d7a1;
  2395. --rarity-common: #323232;
  2396. --rarity-uncommon: #98513d;
  2397. --rarity-rare: #002664;
  2398. --rarity-unique: #54166e;
  2399. --alt: #786452;
  2400. --alt-dark: #443730;
  2401. --bg: #f8f4f1;
  2402. --bg-dark: #e7d9cf;
  2403. --gold-brown: #956d58;
  2404. --sub: #605856;
  2405. --color-disabled: #ababab;
  2406. --blind-bg: #a57aa5;
  2407. --whisper-bg: #e3e3ff;
  2408. --inline-link-bg: #ddd;
  2409. --inline-repost-bg: #eaeaea;
  2410. --visibility-gm-bg: #e8e8ef;
  2411. --visibility-owner-bg: #ddebe1;
  2412. --blind-roll: #f5eaf5;
  2413. /* Lighter / Darker */
  2414. --light: #910000;
  2415. --dark: #2b0000;
  2416. --tertiary-dark: #dfc578;
  2417. --tertiary-light: #f3e9ca;
  2418. /* Text */
  2419. --body: var(--text-dark);
  2420. --color-text-trait: #f5efe0;
  2421. --text-dark: #1c1c1c;
  2422. --text-light: white;
  2423. /* Borders */
  2424. --color-border-trait: #d8c384;
  2425. --color-border-divider: #baa991;
  2426. /* Mats */
  2427. --mats-dark: #1c1c1c;
  2428. --mats-gold-dark: #dbc682;
  2429. --mats-gold-light: #e6d8a7;
  2430. --mats-green-light: #99aea1;
  2431. --mats-green: #3e644b;
  2432. --mats-green-dark: #233b2b;
  2433. /* Headers w/ boxes */
  2434. --header-color: var(--text-light);
  2435. --header-bg: var(--secondary);
  2436. /* Sidebar */
  2437. --sidebar-label: var(--tertiary-dark);
  2438. --sidebar-title: var(--tertiary);
  2439. /* App UI */
  2440. --glass-bg: rgba(20, 20, 20, 0.6);
  2441. --glass-bg-light: rgba(255, 255, 255, 0.1);
  2442. --glass-bg-dark: rgba(0, 0, 0, 0.7);
  2443. --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);
  2444. --glassy: 0px 0px 3px 0px rgba(255, 255, 255, 0.4) inset, 0px 0px 2px 1px rgba(0, 0, 0, 1),
  2445. 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
  2446. --sheet-light: url(../img/background-light.webp);
  2447. --sheet-dark: url(../img/background-dark4.webp);
  2448. --header: url(../img/blue_header.webp);
  2449. --banner-top: url(../img/blue_sidebar_top.webp);
  2450. --banner-bottom: url(../img/blue_sidebar_bottom.webp);
  2451. }
  2452. /* ----------------------------------------- */
  2453. /* Overwrite Foundry colors */
  2454. /* ----------------------------------------- */
  2455. .dorako-ui {
  2456. --color-border-highlight: var(--tertiary);
  2457. --color-border-highlight-alt: var(--tertiary-dark);
  2458. --color-shadow-primary: var(--primary-light);
  2459. --color-shadow-highlight: var(--primary-light);
  2460. --sheet: var(--sheet-light);
  2461. --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");
  2462. --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");
  2463. --half-transparent: rgba(0, 0, 0, 0.5);
  2464. }
  2465. .dorako-ui *::-webkit-scrollbar-thumb {
  2466. background: var(--tertiary);
  2467. border: 1px solid var(--gold-brown);
  2468. }
  2469. .dorako-ui a,
  2470. .dorako-ui button {
  2471. 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;
  2472. }
  2473. .dorako-ui.dark-theme {
  2474. --color-underline-active: var(--tertiary-dark);
  2475. --color-underline-header: var(--tertiary-dark);
  2476. --rarity-common: #e1d8cf;
  2477. --rarity-uncommon: #c45500;
  2478. --rarity-rare: #5362ff;
  2479. --rarity-unique: #e127e1;
  2480. --color-shadow-primary: var(--tertiary-dark);
  2481. --color-shadow-highlight: var(--tertiary);
  2482. --sheet: var(--sheet-dark);
  2483. --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");
  2484. --body: var(--text-light);
  2485. --bg: var(--glass-bg-dark);
  2486. --half-transparent: rgba(255, 255, 255, 0.5);
  2487. }
  2488. /* ----------------------------------------- */
  2489. /* Header */
  2490. /* ----------------------------------------- */
  2491. .dorako-ui .message-header {
  2492. background: none;
  2493. padding: 5px 5px 0px 5px;
  2494. margin: -5px -5px 0px -5px;
  2495. border-radius: 5px 5px 0px 0px;
  2496. gap: 5px;
  2497. align-items: center;
  2498. }
  2499. .dorako-ui .message-header .message-metadata {
  2500. flex: 2.5;
  2501. }
  2502. .dorako-ui .message-header .header-meta {
  2503. border-radius: 3px;
  2504. padding: 2px;
  2505. font-size: x-small;
  2506. align-self: center;
  2507. text-align: center;
  2508. text-shadow: none;
  2509. white-space: nowrap;
  2510. }
  2511. .dorako-ui .message-header.light-header-text {
  2512. background-blend-mode: multiply;
  2513. color: white;
  2514. text-shadow: 0px 1px 1px black;
  2515. }
  2516. .dorako-ui .message-header.light-header-text .header-meta {
  2517. color: white;
  2518. background-color: hsla(0, 0%, 50%, 0.4);
  2519. border: 1px solid hsla(0, 0%, 100%, 0.3);
  2520. }
  2521. .dorako-ui .message-header.dark-header-text {
  2522. background-blend-mode: luminosity;
  2523. color: black;
  2524. text-shadow: 0px 1px 1px white;
  2525. }
  2526. .dorako-ui .message-header.dark-header-text .header-meta {
  2527. color: hsl(0, 0%, 20%);
  2528. background-color: hsla(0, 0%, 90%, 0.5);
  2529. border: 1px solid hsla(0, 0%, 30%, 0.4);
  2530. }
  2531. .dorako-ui .message-header .player-name,
  2532. .dorako-ui .message-header .message-sender {
  2533. max-width: 160px;
  2534. text-overflow: ellipsis;
  2535. overflow: hidden;
  2536. white-space: nowrap;
  2537. }
  2538. .dorako-ui .message-header .portrait-and-name {
  2539. flex-grow: 1;
  2540. display: flex;
  2541. flex-basis: 100px;
  2542. gap: 5px;
  2543. }
  2544. .dorako-ui .message-header .portrait-and-name .portrait-wrapper {
  2545. width: var(--avatar-size);
  2546. display: flex;
  2547. flex: none;
  2548. justify-content: center;
  2549. align-items: center;
  2550. }
  2551. .dorako-ui .message-header .portrait-and-name .portrait-wrapper .portrait {
  2552. height: var(--avatar-size);
  2553. object-fit: contain;
  2554. z-index: 0;
  2555. }
  2556. .dorako-ui .message-header .portrait-and-name .portrait-wrapper .portrait.actor {
  2557. border-radius: 3px;
  2558. }
  2559. .dorako-ui .message-header .portrait-and-name .sender-wrapper {
  2560. display: flex;
  2561. gap: 3px;
  2562. flex-direction: column;
  2563. justify-content: left;
  2564. align-self: center;
  2565. z-index: 1;
  2566. }
  2567. .dorako-ui .message-header .portrait-and-name .sender-wrapper .message-sender,
  2568. .dorako-ui .message-header .portrait-and-name .sender-wrapper .player-name {
  2569. align-self: flex-start;
  2570. line-height: initial;
  2571. }
  2572. /* ----------------------------------------- */
  2573. /* Clutter */
  2574. /* ----------------------------------------- */
  2575. .dorako-ui.chat-message .message-content .damage-roll .dice-result .dice-total .instances {
  2576. padding-bottom: 4px;
  2577. margin-bottom: 0px;
  2578. }
  2579. /* ----------------------------------------- */
  2580. /* Damage buttons */
  2581. /* ----------------------------------------- */
  2582. .dorako-ui.message .message-content .damage-application {
  2583. gap: 2px;
  2584. }
  2585. .dorako-ui.message .message-content .damage-application button {
  2586. 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;
  2587. }
  2588. .dorako-ui.message .message-content .damage-application button.half-damage .transparent-half {
  2589. display: none;
  2590. }
  2591. .dorako-ui.message .message-content .damage-application button.half-damage .fa-heart-broken {
  2592. position: relative;
  2593. }
  2594. .dorako-ui.message .message-content .damage-application button.half-damage .fa-heart-broken::after {
  2595. content: "\f7a9";
  2596. font-family: "Font Awesome 5 Free";
  2597. color: hsla(0, 0%, 0%, 0.5);
  2598. display: block;
  2599. z-index: 1;
  2600. position: absolute;
  2601. top: 0px;
  2602. left: 2.4px;
  2603. clip-path: polygon(45% 0%, 50% 100%, 100% 100%, 100% 4%);
  2604. color: gray;
  2605. }
  2606. .dorako-ui.message .message-content .damage-application button:hover {
  2607. box-shadow: none;
  2608. color: white;
  2609. border: 1px solid var(--gold-brown);
  2610. background-color: var(--primary-light);
  2611. box-shadow: 0px 0px 1px 1px var(--tertiary) inset, 0px 0px 5px var(--primary-light);
  2612. }
  2613. .dorako-ui.message .message-content .damage-application button:hover img {
  2614. filter: invert(1);
  2615. }
  2616. .dorako-ui.message .message-content .damage-application button:hover.half-damage .fa-heart-broken::after {
  2617. clip-path: polygon(45% 0%, 50% 100%, 100% 100%, 100% 4%);
  2618. color: gray;
  2619. }
  2620. .dorako-ui.message .message-content .damage-application button.shield-block:hover {
  2621. background-color: var(--secondary-light);
  2622. box-shadow: 0px 0px 1px 1px var(--tertiary) inset, 0px 0px 5px var(--secondary-light);
  2623. }
  2624. .dorako-ui.message .message-content .damage-application button.shield-block.shield-activated {
  2625. background-color: var(--secondary-light);
  2626. box-shadow: 0px 0px 1px 1px var(--tertiary) inset, 0px 0px 5px var(--secondary-light);
  2627. }
  2628. .dorako-ui.message .message-content .damage-application button.shield-block.shield-activated:hover {
  2629. background-color: var(--secondary-dark);
  2630. box-shadow: 0px 0px 1px 1px var(--tertiary) inset, 0px 0px 5px var(--secondary-dark);
  2631. }
  2632. .dorako-ui.message .message-content .damage-application button.heal-damage:hover {
  2633. background-color: green;
  2634. box-shadow: 0px 0px 1px 1px var(--tertiary) inset, 0px 0px 5px green;
  2635. }
  2636. .dorako-ui.message .message-content .damage-application button.heal-damage:hover .fa-plus {
  2637. color: green;
  2638. text-shadow: none;
  2639. }
  2640. /* ----------------------------------------- */
  2641. /* Chat card */
  2642. /* ----------------------------------------- */
  2643. .dorako-ui.message.chat-message.spell {
  2644. padding-bottom: 0px;
  2645. }
  2646. .dorako-ui.message.chat-message {
  2647. border: none;
  2648. margin: 2px;
  2649. /* prettier-ignore */
  2650. box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px var(--gold-brown);
  2651. background-image: var(--sheet);
  2652. background-size: cover;
  2653. margin: 5px 3px 3px 3px;
  2654. }
  2655. .dorako-ui.message.chat-message.whisper {
  2656. background-color: var(--whisper-bg);
  2657. background-blend-mode: luminosity;
  2658. }
  2659. .dorako-ui.message.chat-message.blind {
  2660. background-color: var(--blind-bg);
  2661. background-blend-mode: luminosity;
  2662. }
  2663. .dorako-ui.message.chat-message .flavor-text hr {
  2664. display: none;
  2665. }
  2666. .dorako-ui.message.chat-message .persistent-damage-recovery hr {
  2667. display: none;
  2668. }
  2669. .dorako-ui.message.chat-message .persistent-damage-recovery button {
  2670. margin-top: 3px;
  2671. }
  2672. .dorako-ui.message.chat-message .persistent-damage-recovery button:hover {
  2673. text-shadow: 0px 0px 3px black;
  2674. background-color: var(--primary-light);
  2675. color: white;
  2676. box-shadow: 0px 0px 1px 1px var(--tertiary) inset, 0px 0px 5px var(--primary);
  2677. }
  2678. .dorako-ui.message.chat-message .message-content {
  2679. margin-top: 5px;
  2680. }
  2681. .dorako-ui.message.chat-message .message-content .pf2e-pd-card {
  2682. margin-top: 3px;
  2683. }
  2684. .dorako-ui.message.chat-message .message-content .pf2e-pd-card hr {
  2685. display: none;
  2686. }
  2687. .dorako-ui.message.chat-message .message-content .pf2e-pd-card .apply-condition {
  2688. margin-top: 0px;
  2689. }
  2690. .dorako-ui.message.chat-message .message-content .dice-roll .dice-result .statuseffect-message {
  2691. background-color: unset;
  2692. box-shadow: none;
  2693. border: none;
  2694. }
  2695. .dorako-ui.message.chat-message .message-content .dice-roll .dice-result .statuseffect-message li:not(:last-child) {
  2696. margin-bottom: 5px;
  2697. }
  2698. .dorako-ui.message.chat-message .message-content .dice-roll .dice-result .statuseffect-message img {
  2699. border: none;
  2700. margin: 2px;
  2701. /* prettier-ignore */
  2702. box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px var(--gold-brown);
  2703. border-radius: 50%;
  2704. margin-right: 6px;
  2705. }
  2706. .dorako-ui.message.chat-message .message-content .dice-roll .dice-result .statuseffect-rules {
  2707. border: none;
  2708. margin: 2px;
  2709. /* prettier-ignore */
  2710. box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px var(--gold-brown);
  2711. background-image: var(--sheet);
  2712. background-size: cover;
  2713. border: none;
  2714. margin: 2px;
  2715. /* prettier-ignore */
  2716. box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px var(--gold-brown), 0 0 5px rgba(0, 0, 0, 0.8);
  2717. }
  2718. .dorako-ui.message.chat-message .message-content .pf2e.chat-card .tags {
  2719. margin: 3px 0px;
  2720. }
  2721. .dorako-ui.message.chat-message .message-content .pf2e.chat-card .tags .vr {
  2722. display: none;
  2723. }
  2724. .dorako-ui.message.chat-message .message-content .pf2e.chat-card .card-buttons button {
  2725. text-shadow: 0px 0px 3px black;
  2726. color: white;
  2727. background-color: var(--primary);
  2728. box-shadow: 0px 0px 1px 1px var(--tertiary) inset;
  2729. border: 1px solid var(--gold-brown);
  2730. }
  2731. .dorako-ui.message.chat-message .message-content .pf2e.chat-card .card-buttons button:hover {
  2732. background-color: var(--primary-light);
  2733. box-shadow: 0px 0px 1px 1px var(--tertiary) inset, 0px 0px 5px var(--primary);
  2734. }
  2735. .dorako-ui.message.chat-message .message-content .pf2e.chat-card .card-buttons button.hidden-to-others {
  2736. background-color: var(--secondary);
  2737. color: var(--color-text-light-highlight);
  2738. }
  2739. .dorako-ui.message.chat-message .message-content .pf2e.chat-card .card-buttons button.hidden-to-others:hover {
  2740. background-color: var(--secondary-light);
  2741. box-shadow: 0px 0px 1px 1px var(--tertiary) inset, 0px 0px 5px var(--secondary);
  2742. }
  2743. .dorako-ui.message.chat-message .message-content .pf2e.chat-card .card-buttons button.with-image img {
  2744. border: none;
  2745. margin: 2px;
  2746. /* prettier-ignore */
  2747. box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px var(--gold-brown);
  2748. border-radius: 3px;
  2749. height: 1.2em;
  2750. margin-right: 5px;
  2751. }
  2752. .dorako-ui.message.chat-message .message-content .pf2e.chat-card .card-buttons .spell-attack-buttons {
  2753. gap: 3px;
  2754. }
  2755. .dorako-ui.message.chat-message .message-content .pf2e.chat-card .card-buttons .spell-attack-buttons button:not(:first-child) {
  2756. background: var(--primary-dark);
  2757. color: var(--color-text-light-highlight);
  2758. }
  2759. .dorako-ui.message.chat-message .message-content .pf2e.chat-card .card-buttons .spell-attack-buttons button:not(:first-child):hover {
  2760. color: white;
  2761. background: var(--primary-light);
  2762. }
  2763. .dorako-ui.message.chat-message .message-content .pf2e.chat-card .card-header {
  2764. border: none;
  2765. }
  2766. .dorako-ui.message.chat-message .message-content .pf2e.chat-card .card-header img {
  2767. border: none;
  2768. margin: 2px;
  2769. /* prettier-ignore */
  2770. box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px var(--gold-brown);
  2771. flex: 0 0 34px;
  2772. height: 34px;
  2773. width: 34px;
  2774. margin-right: 6px;
  2775. }
  2776. .dorako-ui.message.chat-message .message-content .pf2e.chat-card .card-header h3 {
  2777. display: flex;
  2778. margin-top: 3px;
  2779. margin-bottom: -3px;
  2780. line-height: 0.95em;
  2781. font-family: var(--serif);
  2782. font-size: var(--font-size-22);
  2783. text-rendering: geometricPrecision;
  2784. }
  2785. .dorako-ui.message.chat-message .message-content .pf2e.chat-card .card-header h3.pf2-icon {
  2786. font-family: Pathfinder2eActions;
  2787. font-size: xxx-large;
  2788. flex: 0 0 34px;
  2789. }
  2790. .dorako-ui.message.chat-message .message-content .pf2e.chat-card .card-header h4 s {
  2791. color: gray;
  2792. }
  2793. .dorako-ui.message.chat-message .message-content .pf2e.chat-card .card-header h4 span.heightened {
  2794. color: green;
  2795. }
  2796. .dorako-ui.message.chat-message .message-content .pf2e.chat-card .card-content {
  2797. border-image-repeat: repeat;
  2798. border-image-slice: 11;
  2799. border-image-source: var(--ornamentation);
  2800. border-image-width: 14px;
  2801. border-style: double;
  2802. padding: 3px 10px;
  2803. font-weight: 500;
  2804. margin: 0px;
  2805. }
  2806. .dorako-ui.message.chat-message .message-content .pf2e.chat-card .card-content hr {
  2807. margin: 0px -10px;
  2808. border-color: rgba(35, 35, 31, 0.3333333333);
  2809. border-bottom: none;
  2810. }
  2811. .dorako-ui.message.chat-message .message-content .pf2e.chat-card .card-footer {
  2812. border: none;
  2813. }
  2814. .dorako-ui.message.chat-message .message-content .pf2e.chat-card .card-footer span {
  2815. border-right: 1px solid gray;
  2816. }
  2817. .dorako-ui.message.chat-message [data-visibility]:not([data-visibility=all])[data-visibility=gm] {
  2818. border-radius: 3px;
  2819. background: rgba(245, 234, 245, 0.6666666667);
  2820. outline: 1px dashed #720073;
  2821. }
  2822. /* ----------------------------------------- */
  2823. /* Attention */
  2824. /* ----------------------------------------- */
  2825. .dorako-ui.message.chat-message.attention {
  2826. animation: wiggle ease-in-out infinite 1s alternate;
  2827. }
  2828. @keyframes wiggle {
  2829. 0% {
  2830. transform: scale(0.9) translate(-15px);
  2831. }
  2832. 100% {
  2833. transform: scale(0.9) translate(15px);
  2834. }
  2835. }
  2836. /* ----------------------------------------- */
  2837. /* Color definitions */
  2838. /* ----------------------------------------- */
  2839. /* Colors */
  2840. /* Global */
  2841. /* used for mini headers, alternate primary color */
  2842. /* compliments the primary color, usually used in combination */
  2843. /* for all other uses */
  2844. /* Lighter / Darker */
  2845. /* Text */
  2846. /* ----------------------------------------- */
  2847. /* Color schemes */
  2848. /* ----------------------------------------- */
  2849. /* Proficiency ranks */
  2850. /* Rarities */
  2851. /* Degrees of success */
  2852. /* Value adjustments (e.g. weak/elite) */
  2853. /* ----------------------------------------- */
  2854. /* CSS Custom Properties */
  2855. /* ----------------------------------------- */
  2856. :root {
  2857. /* Global */
  2858. --primary: #5e0000;
  2859. --primary-light: #b10000;
  2860. --primary-dark: #380000;
  2861. --secondary: #171f69;
  2862. --secondary-light: #2836b7;
  2863. --secondary-dark: #0d113a;
  2864. --tertiary: #e9d7a1;
  2865. --rarity-common: #323232;
  2866. --rarity-uncommon: #98513d;
  2867. --rarity-rare: #002664;
  2868. --rarity-unique: #54166e;
  2869. --alt: #786452;
  2870. --alt-dark: #443730;
  2871. --bg: #f8f4f1;
  2872. --bg-dark: #e7d9cf;
  2873. --gold-brown: #956d58;
  2874. --sub: #605856;
  2875. --color-disabled: #ababab;
  2876. --blind-bg: #a57aa5;
  2877. --whisper-bg: #e3e3ff;
  2878. --inline-link-bg: #ddd;
  2879. --inline-repost-bg: #eaeaea;
  2880. --visibility-gm-bg: #e8e8ef;
  2881. --visibility-owner-bg: #ddebe1;
  2882. --blind-roll: #f5eaf5;
  2883. /* Lighter / Darker */
  2884. --light: #910000;
  2885. --dark: #2b0000;
  2886. --tertiary-dark: #dfc578;
  2887. --tertiary-light: #f3e9ca;
  2888. /* Text */
  2889. --body: var(--text-dark);
  2890. --color-text-trait: #f5efe0;
  2891. --text-dark: #1c1c1c;
  2892. --text-light: white;
  2893. /* Borders */
  2894. --color-border-trait: #d8c384;
  2895. --color-border-divider: #baa991;
  2896. /* Mats */
  2897. --mats-dark: #1c1c1c;
  2898. --mats-gold-dark: #dbc682;
  2899. --mats-gold-light: #e6d8a7;
  2900. --mats-green-light: #99aea1;
  2901. --mats-green: #3e644b;
  2902. --mats-green-dark: #233b2b;
  2903. /* Headers w/ boxes */
  2904. --header-color: var(--text-light);
  2905. --header-bg: var(--secondary);
  2906. /* Sidebar */
  2907. --sidebar-label: var(--tertiary-dark);
  2908. --sidebar-title: var(--tertiary);
  2909. /* App UI */
  2910. --glass-bg: rgba(20, 20, 20, 0.6);
  2911. --glass-bg-light: rgba(255, 255, 255, 0.1);
  2912. --glass-bg-dark: rgba(0, 0, 0, 0.7);
  2913. --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);
  2914. --glassy: 0px 0px 3px 0px rgba(255, 255, 255, 0.4) inset, 0px 0px 2px 1px rgba(0, 0, 0, 1),
  2915. 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
  2916. --sheet-light: url(../img/background-light.webp);
  2917. --sheet-dark: url(../img/background-dark4.webp);
  2918. --header: url(../img/blue_header.webp);
  2919. --banner-top: url(../img/blue_sidebar_top.webp);
  2920. --banner-bottom: url(../img/blue_sidebar_bottom.webp);
  2921. }
  2922. /* ----------------------------------------- */
  2923. /* Overwrite Foundry colors */
  2924. /* ----------------------------------------- */
  2925. .dorako-ui {
  2926. --color-border-highlight: var(--tertiary);
  2927. --color-border-highlight-alt: var(--tertiary-dark);
  2928. --color-shadow-primary: var(--primary-light);
  2929. --color-shadow-highlight: var(--primary-light);
  2930. --sheet: var(--sheet-light);
  2931. --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");
  2932. --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");
  2933. --half-transparent: rgba(0, 0, 0, 0.5);
  2934. }
  2935. .dorako-ui *::-webkit-scrollbar-thumb {
  2936. background: var(--tertiary);
  2937. border: 1px solid var(--gold-brown);
  2938. }
  2939. .dorako-ui a,
  2940. .dorako-ui button {
  2941. 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;
  2942. }
  2943. .dorako-ui.dark-theme {
  2944. --color-underline-active: var(--tertiary-dark);
  2945. --color-underline-header: var(--tertiary-dark);
  2946. --rarity-common: #e1d8cf;
  2947. --rarity-uncommon: #c45500;
  2948. --rarity-rare: #5362ff;
  2949. --rarity-unique: #e127e1;
  2950. --color-shadow-primary: var(--tertiary-dark);
  2951. --color-shadow-highlight: var(--tertiary);
  2952. --sheet: var(--sheet-dark);
  2953. --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");
  2954. --body: var(--text-light);
  2955. --bg: var(--glass-bg-dark);
  2956. --half-transparent: rgba(255, 255, 255, 0.5);
  2957. }
  2958. .dorako-ui.message.chat-message.spell {
  2959. padding-bottom: 3px;
  2960. }
  2961. /* ----------------------------------------- */
  2962. /* Glassy Buttons */
  2963. /* ----------------------------------------- */
  2964. .dorako-ui.dark-theme.message.chat-message .dice-roll .dice-formula,
  2965. .dorako-ui.dark-theme.message.chat-message .dice-roll .dice-total {
  2966. border: none;
  2967. border-radius: 3px;
  2968. background: none;
  2969. background-color: var(--glass-bg);
  2970. box-shadow: var(--glassy);
  2971. }
  2972. .dorako-ui.dark-theme.message.chat-message .dice-roll .dice-total.success {
  2973. color: #00c000;
  2974. }
  2975. .dorako-ui.dark-theme.message.chat-message .dice-roll .dice-total.failure {
  2976. color: #ff4040;
  2977. }
  2978. .dorako-ui.dark-theme.message.chat-message .dice-total .dice-total-setInitiative-btn,
  2979. .dorako-ui.dark-theme.message.chat-message .dice-total .dice-total-fullDamage-btn {
  2980. border: none;
  2981. border-radius: 3px;
  2982. background: none;
  2983. background-color: var(--glass-bg);
  2984. box-shadow: var(--glassy);
  2985. 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;
  2986. background-color: var(--glass-bg-light);
  2987. color: var(--color-text-light-heading);
  2988. text-shadow: 0px 0px 3px black;
  2989. }
  2990. .dorako-ui.dark-theme.message.chat-message .dice-total .dice-total-setInitiative-btn:hover,
  2991. .dorako-ui.dark-theme.message.chat-message .dice-total .dice-total-fullDamage-btn:hover {
  2992. background-color: var(--primary);
  2993. color: var(--color-text-light-highlight);
  2994. }
  2995. .dorako-ui.dark-theme.message.chat-message .persistent-damage-recovery hr {
  2996. display: none;
  2997. }
  2998. .dorako-ui.dark-theme.message.chat-message .persistent-damage-recovery button {
  2999. border: none;
  3000. border-radius: 3px;
  3001. background: none;
  3002. background-color: var(--glass-bg);
  3003. box-shadow: var(--glassy);
  3004. 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;
  3005. color: var(--color-text-light-heading);
  3006. text-shadow: 0px 0px 3px black;
  3007. margin-top: 5px;
  3008. }
  3009. .dorako-ui.dark-theme.message.chat-message .persistent-damage-recovery button:hover {
  3010. background-color: var(--primary);
  3011. color: var(--color-text-light-highlight);
  3012. }
  3013. .dorako-ui.dark-theme.message.chat-message .table-draw .table-description {
  3014. color: var(--color-text-light-highlight);
  3015. border-top: 1px solid var(--tertiary);
  3016. }
  3017. .dorako-ui.dark-theme.message.chat-message .table-draw .table-results .table-result img.result-image {
  3018. border: none;
  3019. margin: 2px;
  3020. /* prettier-ignore */
  3021. box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px var(--gold-brown);
  3022. background-image: var(--sheet);
  3023. background-size: cover;
  3024. background-image: var(--sheet-light);
  3025. object-fit: contain;
  3026. border-radius: 3px;
  3027. margin-right: 5px;
  3028. }
  3029. .dorako-ui.dark-theme.message.chat-message .pf2e.chat-card .card-buttons {
  3030. margin: 0px;
  3031. margin-top: 5px;
  3032. }
  3033. .dorako-ui.dark-theme.message.chat-message .pf2e.chat-card .card-buttons button.with-image {
  3034. border: none;
  3035. border-radius: 3px;
  3036. background: none;
  3037. background-color: var(--glass-bg);
  3038. box-shadow: var(--glassy);
  3039. 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;
  3040. text-shadow: var(--dorako-text-shadow);
  3041. background: var(--primary);
  3042. color: var(--color-text-light-highlight);
  3043. }
  3044. .dorako-ui.dark-theme.message.chat-message .pf2e.chat-card .card-buttons button.with-image:hover {
  3045. color: white;
  3046. background: var(--primary-light);
  3047. }
  3048. .dorako-ui.dark-theme.message.chat-message .pf2e.chat-card .card-buttons button.with-image img {
  3049. border: none;
  3050. margin: 2px;
  3051. /* prettier-ignore */
  3052. box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px var(--gold-brown);
  3053. border-radius: 3px;
  3054. height: 1.2em;
  3055. margin-right: 5px;
  3056. }
  3057. .dorako-ui.dark-theme.message.chat-message .pf2e.chat-card .card-buttons button {
  3058. border: none;
  3059. border-radius: 3px;
  3060. background: none;
  3061. background-color: var(--glass-bg);
  3062. box-shadow: var(--glassy);
  3063. 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;
  3064. text-shadow: var(--dorako-text-shadow);
  3065. background: var(--primary);
  3066. color: var(--color-text-light-highlight);
  3067. }
  3068. .dorako-ui.dark-theme.message.chat-message .pf2e.chat-card .card-buttons button:hover {
  3069. color: white;
  3070. background: var(--primary-light);
  3071. }
  3072. .dorako-ui.dark-theme.message.chat-message .pf2e.chat-card .card-buttons .hidden-to-others {
  3073. border: none;
  3074. border-radius: 3px;
  3075. background: none;
  3076. background-color: var(--glass-bg);
  3077. box-shadow: var(--glassy);
  3078. 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;
  3079. text-shadow: 0px 0px 3px black;
  3080. background: var(--secondary);
  3081. color: var(--color-text-light-highlight);
  3082. }
  3083. .dorako-ui.dark-theme.message.chat-message .pf2e.chat-card .card-buttons .hidden-to-others:hover {
  3084. color: white;
  3085. background: var(--secondary-light);
  3086. }
  3087. .dorako-ui.dark-theme.message.chat-message .pf2e.chat-card .card-buttons .spell-attack-buttons {
  3088. gap: 5px;
  3089. }
  3090. .dorako-ui.dark-theme.message.chat-message .pf2e.chat-card .card-buttons .spell-attack-buttons button:not(:first-child) {
  3091. border: none;
  3092. border-radius: 3px;
  3093. background: none;
  3094. background-color: var(--glass-bg);
  3095. box-shadow: var(--glassy);
  3096. 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;
  3097. text-shadow: 0px 0px 3px black;
  3098. background: var(--primary-dark);
  3099. color: var(--color-text-light-highlight);
  3100. }
  3101. .dorako-ui.dark-theme.message.chat-message .pf2e.chat-card .card-buttons .spell-attack-buttons button:not(:first-child):hover {
  3102. color: white;
  3103. background: var(--primary-light);
  3104. }
  3105. /* ----------------------------------------- */
  3106. /* Damage buttons */
  3107. /* ----------------------------------------- */
  3108. .dorako-ui.dark-theme.message .message-content .damage-application {
  3109. gap: 5px;
  3110. margin-top: 5px;
  3111. text-rendering: geometricPrecision;
  3112. }
  3113. .dorako-ui.dark-theme.message .message-content .damage-application button {
  3114. border: none;
  3115. border-radius: 3px;
  3116. background: none;
  3117. background-color: var(--glass-bg);
  3118. box-shadow: var(--glassy);
  3119. 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;
  3120. text-shadow: 0px 0px 3px black;
  3121. color: var(--color-text-light-heading);
  3122. margin: 0px;
  3123. }
  3124. .dorako-ui.dark-theme.message .message-content .damage-application button img {
  3125. filter: invert(1) brightness(0.8) sepia(1) grayscale(0.8) drop-shadow(0px 0px 3px rgba(0, 0, 0, 0.5));
  3126. }
  3127. .dorako-ui.dark-theme.message .message-content .damage-application button:hover {
  3128. border: none;
  3129. border-radius: 3px;
  3130. background: none;
  3131. background-color: var(--glass-bg);
  3132. box-shadow: var(--glassy);
  3133. color: white;
  3134. background-color: var(--primary-light);
  3135. }
  3136. .dorako-ui.dark-theme.message .message-content .damage-application button:hover img {
  3137. filter: invert(1) drop-shadow(0px 0px 3px rgba(0, 0, 0, 0.5));
  3138. }
  3139. .dorako-ui.dark-theme.message .message-content .damage-application button:hover.half-damage .fa-heart-broken::after {
  3140. color: hsla(0, 0%, 0%, 0.5);
  3141. text-shadow: none;
  3142. }
  3143. .dorako-ui.dark-theme.message .message-content .damage-application button.half-damage .fa-heart-broken::after {
  3144. color: hsla(0, 0%, 0%, 0.5);
  3145. text-shadow: none;
  3146. }
  3147. .dorako-ui.dark-theme.message .message-content .damage-application button.shield-block:hover {
  3148. background-color: var(--secondary-light);
  3149. border: none;
  3150. }
  3151. .dorako-ui.dark-theme.message .message-content .damage-application button.shield-block.shield-activated {
  3152. background-color: var(--secondary-light);
  3153. border: none;
  3154. }
  3155. .dorako-ui.dark-theme.message .message-content .damage-application button.shield-block.shield-activated:hover {
  3156. background-color: var(--secondary-dark);
  3157. border: none;
  3158. }
  3159. .dorako-ui.dark-theme.message .message-content .damage-application button.heal-damage .fa-stack i.fa-plus {
  3160. color: hsla(0, 0%, 0%, 0.5);
  3161. text-shadow: none;
  3162. }
  3163. .dorako-ui.dark-theme.message .message-content .damage-application button.heal-damage:hover {
  3164. background-color: green;
  3165. border: none;
  3166. }
  3167. .dorako-ui.dark-theme.message .message-content .damage-application button.heal-damage:hover .fa-stack i.fa-plus {
  3168. color: green;
  3169. text-shadow: none;
  3170. }
  3171. /* ----------------------------------------- */
  3172. /* Chat card */
  3173. /* ----------------------------------------- */
  3174. .dorako-ui.message.chat-message.dark-theme {
  3175. background: var(--sheet-dark);
  3176. background-size: cover;
  3177. color: var(--color-text-light-1);
  3178. }
  3179. .dorako-ui.message.chat-message.dark-theme.whisper {
  3180. background-color: var(--whisper-bg);
  3181. background-blend-mode: luminosity;
  3182. }
  3183. .dorako-ui.message.chat-message.dark-theme.blind {
  3184. background-color: var(--blind-bg);
  3185. background-blend-mode: luminosity;
  3186. }
  3187. .dorako-ui.message.chat-message.dark-theme .tags .tag_transparent {
  3188. box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3);
  3189. }
  3190. .dorako-ui.message.chat-message.dark-theme [data-visibility]:not([data-visibility=all])[data-visibility=gm] {
  3191. background: rgba(245, 234, 245, 0.1333333333);
  3192. }
  3193. .dorako-ui.message.chat-message.dark-theme span[data-pf2-check][data-pf2-traits*=secret] {
  3194. background: #f3ddf3;
  3195. }
  3196. .dorako-ui.message.chat-message.dark-theme .message-content .pf2e-pd-card {
  3197. margin-top: 5px;
  3198. }
  3199. .dorako-ui.message.chat-message.dark-theme .message-content .pf2e-pd-card .apply-condition {
  3200. margin-top: 0px;
  3201. }
  3202. .dorako-ui.message.chat-message.dark-theme .message-content .pf2e-pd-card button {
  3203. 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;
  3204. border: none;
  3205. border-radius: 3px;
  3206. background: none;
  3207. background-color: var(--glass-bg);
  3208. box-shadow: var(--glassy);
  3209. text-shadow: var(--dorako-text-shadow);
  3210. }
  3211. .dorako-ui.message.chat-message.dark-theme .message-content .pf2e-pd-card button:hover {
  3212. background-color: var(--primary-light);
  3213. color: var(--color-text-light-highlight);
  3214. }
  3215. .dorako-ui.message.chat-message.dark-theme .message-content .pf2e-pd-card > div:not(.card-buttons) {
  3216. margin-bottom: 5px;
  3217. }
  3218. .dorako-ui.message.chat-message.dark-theme .message-content .pf2e-pd-card .flat-check-failure {
  3219. text-rendering: optimizeLegibility;
  3220. background-color: #ff4500;
  3221. border-radius: 2px;
  3222. box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.5);
  3223. color: white;
  3224. font-family: var(--sans-serif);
  3225. font-size: 10px;
  3226. font-weight: 500;
  3227. letter-spacing: 0.05em;
  3228. line-height: 1;
  3229. padding: 3px 4px;
  3230. text-transform: uppercase;
  3231. }
  3232. .dorako-ui.message.chat-message.dark-theme .message-content .pf2e-pd-card .flat-check-success {
  3233. text-rendering: optimizeLegibility;
  3234. background-color: blue;
  3235. border-radius: 2px;
  3236. box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.5);
  3237. color: white;
  3238. font-family: var(--sans-serif);
  3239. font-size: 10px;
  3240. font-weight: 500;
  3241. letter-spacing: 0.05em;
  3242. line-height: 1;
  3243. padding: 3px 4px;
  3244. text-transform: uppercase;
  3245. }
  3246. .dorako-ui.message.chat-message.dark-theme .pf2e.chat-card .card-header h4 s {
  3247. color: gray;
  3248. }
  3249. .dorako-ui.message.chat-message.dark-theme .pf2e.chat-card .card-header h4 span.heightened {
  3250. color: green;
  3251. }
  3252. .dorako-ui.message.chat-message.dark-theme .pf2e.chat-card .card-content hr {
  3253. margin: 0px -10px;
  3254. border-color: var(--tertiary);
  3255. border-bottom: none;
  3256. }
  3257. /* ----------------------------------------- */
  3258. /* Damage types */
  3259. /* ----------------------------------------- */
  3260. .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .dice-tooltip .instance .dice .part-formula,
  3261. .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .dice-tooltip .instance .dice .part-total {
  3262. color: var(--color-text-light-5);
  3263. }
  3264. .dorako-ui.message.dark-theme .dice-tooltip .part-header {
  3265. border-bottom: 1px solid var(--color-text-dark-3);
  3266. }
  3267. .dorako-ui.message.dark-theme .dice-tooltip .part-header .part-total {
  3268. background: rgba(255, 255, 255, 0.1);
  3269. border: 1px solid var(--color-text-dark-3);
  3270. }
  3271. .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance {
  3272. white-space: nowrap;
  3273. }
  3274. .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.acid {
  3275. border-color: #00b300;
  3276. color: #007300;
  3277. }
  3278. .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 {
  3279. background: rgba(0, 179, 0, 0.125);
  3280. }
  3281. .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.acid .icon {
  3282. color: #00b300;
  3283. }
  3284. .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.bleed {
  3285. border-color: #d90025;
  3286. color: #99001a;
  3287. }
  3288. .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 {
  3289. background: rgba(217, 0, 37, 0.125);
  3290. }
  3291. .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.bleed .icon {
  3292. color: #d90025;
  3293. }
  3294. .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.bludgeoning {
  3295. border-color: #cccccc;
  3296. color: #acacac;
  3297. }
  3298. .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 {
  3299. background: rgba(204, 204, 204, 0.125);
  3300. }
  3301. .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.bludgeoning .icon {
  3302. color: #cccccc;
  3303. }
  3304. .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.chaotic {
  3305. border-color: #e600e6;
  3306. color: #a600a6;
  3307. }
  3308. .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 {
  3309. background: rgba(230, 0, 230, 0.125);
  3310. }
  3311. .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.chaotic .icon {
  3312. color: #e600e6;
  3313. }
  3314. .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.cold {
  3315. border-color: #4949cc;
  3316. color: #2f2fa6;
  3317. }
  3318. .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 {
  3319. background: rgba(73, 73, 204, 0.125);
  3320. }
  3321. .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.cold .icon {
  3322. color: #4949cc;
  3323. }
  3324. .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.electricity {
  3325. border-color: #f1b012;
  3326. color: darkgoldenrod;
  3327. }
  3328. .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 {
  3329. background: rgba(241, 176, 18, 0.125);
  3330. }
  3331. .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.electricity .icon {
  3332. color: #f1b012;
  3333. }
  3334. .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.evil {
  3335. border-color: #842ac4;
  3336. color: #611f90;
  3337. }
  3338. .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 {
  3339. background: rgba(132, 42, 196, 0.125);
  3340. text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5), 0px 0px 3px rgba(0, 0, 0, 0.8);
  3341. }
  3342. .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.evil .icon {
  3343. color: #842ac4;
  3344. }
  3345. .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.fire {
  3346. border-color: #e64100;
  3347. color: #a62f00;
  3348. }
  3349. .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 {
  3350. background: rgba(230, 65, 0, 0.125);
  3351. }
  3352. .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.fire .icon {
  3353. color: #e64100;
  3354. }
  3355. .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.force {
  3356. border-color: #89edfc;
  3357. color: #4be3fa;
  3358. }
  3359. .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 {
  3360. background: rgba(137, 237, 252, 0.125);
  3361. }
  3362. .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.force .icon {
  3363. color: #89edfc;
  3364. }
  3365. .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.good {
  3366. border-color: #d99f0e;
  3367. color: #9d730a;
  3368. }
  3369. .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 {
  3370. background: rgba(217, 159, 14, 0.125);
  3371. }
  3372. .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.good .icon {
  3373. color: #d99f0e;
  3374. }
  3375. .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.lawful {
  3376. border-color: #a86400;
  3377. color: #683e00;
  3378. }
  3379. .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 {
  3380. background: rgba(168, 100, 0, 0.125);
  3381. text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5), 0px 0px 3px rgba(0, 0, 0, 0.8);
  3382. }
  3383. .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.lawful .icon {
  3384. color: #a86400;
  3385. }
  3386. .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.mental {
  3387. border-color: #3d53c7;
  3388. color: #2c3d99;
  3389. }
  3390. .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 {
  3391. background: rgba(61, 83, 199, 0.125);
  3392. text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5), 0px 0px 3px rgba(0, 0, 0, 0.8);
  3393. }
  3394. .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.mental .icon {
  3395. color: #3d53c7;
  3396. }
  3397. .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.negative {
  3398. border-color: #4e4e68;
  3399. color: #4e4e68;
  3400. }
  3401. .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 {
  3402. background: rgba(78, 78, 104, 0.125);
  3403. text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5), 0px 0px 3px rgba(0, 0, 0, 0.8);
  3404. }
  3405. .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.negative .icon {
  3406. color: #4e4e68;
  3407. }
  3408. .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.piercing {
  3409. border-color: #acacac;
  3410. color: #8c8c8c;
  3411. }
  3412. .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 {
  3413. background: rgba(172, 172, 172, 0.125);
  3414. }
  3415. .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.piercing .icon {
  3416. color: #acacac;
  3417. }
  3418. .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.poison {
  3419. border-color: #7e9f45;
  3420. color: #5b7332;
  3421. }
  3422. .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 {
  3423. background: rgba(126, 159, 69, 0.125);
  3424. }
  3425. .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.poison .icon {
  3426. color: #7e9f45;
  3427. }
  3428. .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.positive {
  3429. border-color: white;
  3430. color: #ffffbf;
  3431. }
  3432. .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 {
  3433. background: rgba(255, 255, 255, 0.125);
  3434. text-shadow: 1px 1px rgba(0, 0, 0, 0.6);
  3435. }
  3436. .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.positive .icon {
  3437. color: white;
  3438. }
  3439. .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.slashing {
  3440. border-color: #acacac;
  3441. color: #8c8c8c;
  3442. }
  3443. .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 {
  3444. background: rgba(172, 172, 172, 0.125);
  3445. }
  3446. .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.slashing .icon {
  3447. color: #acacac;
  3448. }
  3449. .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.sonic {
  3450. border-color: #00cbcb;
  3451. color: darkcyan;
  3452. }
  3453. .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 {
  3454. background: rgba(0, 203, 203, 0.125);
  3455. }
  3456. .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance.sonic .icon {
  3457. color: #00cbcb;
  3458. }
  3459. .dorako-ui.message.dark-theme .message-content .damage-roll .dice-result .instance .splash {
  3460. border-color: inherit;
  3461. border-width: 1px;
  3462. border-style: dotted;
  3463. padding: 1px 2px;
  3464. line-height: 0;
  3465. }
  3466. h3 {
  3467. border-bottom: none;
  3468. }
  3469. button > i {
  3470. margin-right: 0;
  3471. }
  3472. img {
  3473. border: none;
  3474. border-radius: 0px;
  3475. }
  3476. input:disabled {
  3477. border-radius: 2px;
  3478. }
  3479. .dorako-display-none {
  3480. display: none !important;
  3481. }
  3482. a.content-link,
  3483. [data-pf2-check],
  3484. a.entity-link,
  3485. [data-pf2-action],
  3486. [data-pf2-effect-area],
  3487. a.inline-roll {
  3488. text-shadow: none !important;
  3489. }
  3490. a.content-link,
  3491. [data-pf2-check],
  3492. a.entity-link,
  3493. [data-pf2-action],
  3494. [data-pf2-effect-area],
  3495. a.inline-roll:not(.inline-result) {
  3496. color: black;
  3497. }
  3498. i[data-pf2-repost] {
  3499. top: 0px;
  3500. }
  3501. .app.sheet.actor p,
  3502. .pf2e p {
  3503. font-weight: 400;
  3504. }
  3505. /*# sourceMappingURL=dorako-ui.css.map */