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.

140 lines
3.2 KiB

1 year ago
1 year ago
1 year ago
1 year ago
  1. #chat-form {
  2. position: relative;
  3. }
  4. #chat-form #autocomplete-suggestion {
  5. position: absolute;
  6. top: 0;
  7. left: 0;
  8. z-index: 1;
  9. opacity: 0.5;
  10. box-shadow: none;
  11. outline: none;
  12. pointer-events: none;
  13. background: transparent;
  14. }
  15. #autocomplete-menu {
  16. flex: 0;
  17. position: relative;
  18. }
  19. #autocomplete-menu #context-menu {
  20. bottom: 0;
  21. margin-left: 6px;
  22. width: calc(100% - 12px);
  23. display: flex;
  24. flex-direction: column;
  25. }
  26. #autocomplete-menu #context-menu ol {
  27. max-height: 100%;
  28. overflow-x: hidden;
  29. overflow-y: auto;
  30. width: calc(100% + 7px);
  31. padding-right: 7px;
  32. scrollbar-color: #782e22 var(--color-border-dark-3);
  33. }
  34. #autocomplete-menu ol::-webkit-scrollbar {
  35. background: var(--color-border-dark-3);
  36. }
  37. #autocomplete-menu li.context-item:focus {
  38. outline: none;
  39. outline: 1px solid var(--color-border-highlight-alt);
  40. box-shadow: 0 0 10px inset var(--color-shadow-highlight);
  41. }
  42. #autocomplete-menu li.context-item.info:hover {
  43. text-shadow: none;
  44. color: revert;
  45. }
  46. #autocomplete-menu ol>li.context-item {
  47. padding: 6px 4px 7px 4px;
  48. margin: 1px;
  49. line-height: normal;
  50. overflow: hidden;
  51. }
  52. #autocomplete-menu li.context-item.command {
  53. padding-left: 11px;
  54. text-indent: -6px;
  55. font-size: small;
  56. }
  57. #autocomplete-menu li.context-item.command > * {
  58. text-indent: 0px;
  59. }
  60. #autocomplete-menu .command-title {
  61. font-size: larger;
  62. }
  63. #autocomplete-menu .command-title > img {
  64. max-height: 20px;
  65. vertical-align: text-top;
  66. margin-right: 3px;
  67. border: none;
  68. }
  69. #autocomplete-menu .command-title > i {
  70. margin-right: 3px;
  71. }
  72. #autocomplete-menu .command-footer {
  73. margin-top: 3px;
  74. display: flex;
  75. flex-direction: row-reverse;
  76. flex-wrap: nowrap;
  77. justify-content: space-between;
  78. }
  79. #autocomplete-menu .command-footer .notes {
  80. margin: 0;
  81. flex: 0 1 auto;
  82. overflow: hidden;
  83. text-overflow: ellipsis;
  84. white-space: nowrap;
  85. }
  86. #autocomplete-menu li.context-item:hover .notes {
  87. text-shadow: none;
  88. }
  89. #autocomplete-menu li .notes {
  90. color: var(--color-text-light-7);
  91. font-size: var(--font-size-12);
  92. line-height: var(--line-height-16);
  93. }
  94. #autocomplete-menu li p.notes {
  95. text-align: center;
  96. margin: 3px 0;
  97. }
  98. #autocomplete-menu span.parameter {
  99. background: var(--color-border-dark-4);
  100. padding: 1px 2px;
  101. margin: 0 2px;
  102. border-radius: 2px;
  103. }
  104. @keyframes spinner {
  105. 0% {
  106. transform: translate(-50%, -50%) rotate(0deg);
  107. }
  108. 100% {
  109. transform: translate(-50%, -50%) rotate(360deg);
  110. }
  111. }
  112. #autocomplete-menu li.loading {
  113. position: relative;
  114. height: 32px;
  115. }
  116. #autocomplete-menu li.loading::before,
  117. #chatcommand-loading::before {
  118. position: absolute;
  119. content: "";
  120. height: 16px;
  121. width: 16px;
  122. left: 50%;
  123. top: 50%;
  124. border: solid 5px var(--color-border-light-2);
  125. border-bottom-color: var(--color-border-light-1);
  126. border-radius: 50%;
  127. animation: 1.5s linear infinite spinner;
  128. transform: translate(-50%, -50%);
  129. }
  130. #chatcommand-loading[data-active="0"]::before {
  131. display: none;
  132. }