GitHub Icons

Custom GitHub icons

  1. /* ==UserStyle==
  2. @name GitHub Icons
  3. @namespace https://github.com/the-userr
  4. @version 1.0.6
  5. @description Custom GitHub icons
  6. @author disa (https://github.com/pycoinfu), the-userr (https://github.com/the-userr)
  7. @homepageURL https://github.com/the-userr/GitHub-Icons
  8. @supportURL https://github.com/the-userr/GitHub-Icons/issues
  9. @license CC-BY-SA-4.0
  10. @preprocessor default
  11. ==/UserStyle== */
  12.  
  13. @-moz-document domain("github.com") {
  14. :root {
  15. --markdown: url("https://raw.githubusercontent.com/the-userr/GitHub-Icons/master/icons/Markdown.svg");
  16. --git: url("https://raw.githubusercontent.com/the-userr/GitHub-Icons/master/icons/Git.png");
  17. --github: url("https://raw.githubusercontent.com/the-userr/GitHub-Icons/master/icons/GitHub.svg");
  18. --editorconfig: url("https://raw.githubusercontent.com/the-userr/GitHub-Icons/master/icons/EditorConfig.png");
  19. --html: url("https://raw.githubusercontent.com/the-userr/GitHub-Icons/master/icons/HTML.svg");
  20. --css: url("https://raw.githubusercontent.com/the-userr/GitHub-Icons/master/icons/CSS.svg");
  21. --sass: url("https://raw.githubusercontent.com/the-userr/GitHub-Icons/master/icons/SASS.png");
  22. --javascript: url("https://raw.githubusercontent.com/the-userr/GitHub-Icons/master/icons/JavaScript.svg");
  23. --php: url("https://raw.githubusercontent.com/the-userr/GitHub-Icons/master/icons/PHP.svg");
  24. --composer: url("https://raw.githubusercontent.com/the-userr/GitHub-Icons/master/icons/Composer.svg");
  25. --golang: url("https://raw.githubusercontent.com/github/explore/80688e429a7d4ef2fca1e82350fe8e3517d3494d/topics/go/go.png");
  26. --csharp: url("https://raw.githubusercontent.com/the-userr/GitHub-Icons/master/icons/CSharp.svg");
  27. --cpp: url("https://raw.githubusercontent.com/the-userr/GitHub-Icons/master/icons/C++.svg");
  28. --c: url("https://raw.githubusercontent.com/the-userr/GitHub-Icons/master/icons/C.svg");
  29. --python: url("https://raw.githubusercontent.com/the-userr/GitHub-Icons/master/icons/Python.svg");
  30. --json: url("https://raw.githubusercontent.com/the-userr/GitHub-Icons/master/icons/JSON.svg");
  31. --xml: url("https://raw.githubusercontent.com/the-userr/GitHub-Icons/master/icons/XML.svg");
  32. --yaml: url("https://raw.githubusercontent.com/the-userr/GitHub-Icons/master/icons/YAML.svg");
  33. --powershell: url("https://raw.githubusercontent.com/the-userr/GitHub-Icons/master/icons/PowerShell.png");
  34. --shell: url("https://raw.githubusercontent.com/the-userr/GitHub-Icons/master/icons/Shell.svg");
  35. --svg: url("https://raw.githubusercontent.com/the-userr/GitHub-Icons/master/icons/SVG.svg");
  36. --cmd: url("https://raw.githubusercontent.com/the-userr/GitHub-Icons/master/icons/CMD.png");
  37. --apache: url("https://raw.githubusercontent.com/the-userr/GitHub-Icons/master/icons/Apache.png");
  38. --java: url("https://raw.githubusercontent.com/the-userr/GitHub-Icons/master/icons/Java.png");
  39. --exe: url("https://raw.githubusercontent.com/the-userr/GitHub-Icons/master/icons/EXE.png");
  40. --audio: url("https://raw.githubusercontent.com/the-userr/GitHub-Icons/master/icons/Audio.png");
  41. --dll: url("https://raw.githubusercontent.com/the-userr/GitHub-Icons/master/icons/DLL.png");
  42. --ini: url("https://raw.githubusercontent.com/the-userr/GitHub-Icons/master/icons/INI.png");
  43. --jpeg: url("https://raw.githubusercontent.com/the-userr/GitHub-Icons/master/icons/JPEG.png");
  44. --png: url("https://raw.githubusercontent.com/the-userr/GitHub-Icons/master/icons/PNG.png");
  45. --rtf: url("https://raw.githubusercontent.com/the-userr/GitHub-Icons/master/icons/RTF.png");
  46. --txt: url("https://raw.githubusercontent.com/the-userr/GitHub-Icons/master/icons/TXT.png");
  47. --zip: url("https://raw.githubusercontent.com/the-userr/GitHub-Icons/master/icons/ZIP.png");
  48. --hash: url("https://raw.githubusercontent.com/the-userr/GitHub-Icons/master/icons/Hash.png");
  49. --truetype: url("https://raw.githubusercontent.com/the-userr/GitHub-Icons/master/icons/TrueType.png");
  50. --rdf: url("https://raw.githubusercontent.com/the-userr/GitHub-Icons/master/icons/RDF.svg");
  51. --nodejs: url("https://raw.githubusercontent.com/the-userr/GitHub-Icons/master/icons/Node.js.png");
  52. }
  53. div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".md"]) {
  54. background-image: var(--markdown);
  55. background-size: contain;
  56. background-repeat: no-repeat;
  57. background-position: center;
  58. background-origin: content-box;
  59. }
  60. div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".md"]) > svg {
  61. visibility: hidden;
  62. }
  63. file-tree li[id^="file-tree-item"][data-file-type=".md"] > a > span:first-child {
  64. background-image: var(--markdown);
  65. background-size: contain;
  66. background-repeat: no-repeat;
  67. background-position: center;
  68. background-origin: content-box;
  69. }
  70. file-tree li[id^="file-tree-item"][data-file-type=".md"] > a > span:first-child > svg {
  71. visibility: hidden;
  72. }
  73. table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".md"]) {
  74. background-image: var(--markdown);
  75. background-size: 16px;
  76. background-repeat: no-repeat;
  77. background-position-x: left;
  78. background-position-y: center;
  79. background-origin: content-box;
  80. }
  81. table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".md"]) > svg {
  82. visibility: hidden;
  83. }
  84. li[id*=".md-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] {
  85. background-image: var(--markdown);
  86. background-size: 16px;
  87. background-repeat: no-repeat;
  88. background-position-x: left;
  89. background-position-y: center;
  90. background-origin: content-box;
  91. }
  92. li[id*=".md-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > svg,
  93. li[id*=".md-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > div[class$="TreeView-directory-icon"] > svg {
  94. visibility: hidden;
  95. }
  96.  
  97. div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".gitignore"]) {
  98. background-image: var(--git);
  99. background-size: contain;
  100. background-repeat: no-repeat;
  101. background-position: center;
  102. background-origin: content-box;
  103. }
  104. div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".gitignore"]) > svg {
  105. visibility: hidden;
  106. }
  107. file-tree li[id^="file-tree-item"][data-file-type=".gitignore"] > a > span:first-child {
  108. background-image: var(--git);
  109. background-size: contain;
  110. background-repeat: no-repeat;
  111. background-position: center;
  112. background-origin: content-box;
  113. }
  114. file-tree li[id^="file-tree-item"][data-file-type=".gitignore"] > a > span:first-child > svg {
  115. visibility: hidden;
  116. }
  117. table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".gitignore"]) {
  118. background-image: var(--git);
  119. background-size: 16px;
  120. background-repeat: no-repeat;
  121. background-position-x: left;
  122. background-position-y: center;
  123. background-origin: content-box;
  124. }
  125. table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".gitignore"]) > svg {
  126. visibility: hidden;
  127. }
  128. li[id*=".gitignore-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] {
  129. background-image: var(--git);
  130. background-size: 16px;
  131. background-repeat: no-repeat;
  132. background-position-x: left;
  133. background-position-y: center;
  134. background-origin: content-box;
  135. }
  136. li[id*=".gitignore-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > svg,
  137. li[id*=".gitignore-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > div[class$="TreeView-directory-icon"] > svg {
  138. visibility: hidden;
  139. }
  140.  
  141. div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".gitattributes"]) {
  142. background-image: var(--git);
  143. background-size: contain;
  144. background-repeat: no-repeat;
  145. background-position: center;
  146. background-origin: content-box;
  147. }
  148. div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".gitattributes"]) > svg {
  149. visibility: hidden;
  150. }
  151. file-tree li[id^="file-tree-item"][data-file-type=".gitattributes"] > a > span:first-child {
  152. background-image: var(--git);
  153. background-size: contain;
  154. background-repeat: no-repeat;
  155. background-position: center;
  156. background-origin: content-box;
  157. }
  158. file-tree li[id^="file-tree-item"][data-file-type=".gitattributes"] > a > span:first-child > svg {
  159. visibility: hidden;
  160. }
  161. table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".gitattributes"]) {
  162. background-image: var(--git);
  163. background-size: 16px;
  164. background-repeat: no-repeat;
  165. background-position-x: left;
  166. background-position-y: center;
  167. background-origin: content-box;
  168. }
  169. table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".gitattributes"]) > svg {
  170. visibility: hidden;
  171. }
  172. li[id*=".gitattributes-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] {
  173. background-image: var(--git);
  174. background-size: 16px;
  175. background-repeat: no-repeat;
  176. background-position-x: left;
  177. background-position-y: center;
  178. background-origin: content-box;
  179. }
  180. li[id*=".gitattributes-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > svg,
  181. li[id*=".gitattributes-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > div[class$="TreeView-directory-icon"] > svg {
  182. visibility: hidden;
  183. }
  184.  
  185. div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".gitmodules"]) {
  186. background-image: var(--git);
  187. background-size: contain;
  188. background-repeat: no-repeat;
  189. background-position: center;
  190. background-origin: content-box;
  191. }
  192. div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".gitmodules"]) > svg {
  193. visibility: hidden;
  194. }
  195. file-tree li[id^="file-tree-item"][data-file-type=".gitmodules"] > a > span:first-child {
  196. background-image: var(--git);
  197. background-size: contain;
  198. background-repeat: no-repeat;
  199. background-position: center;
  200. background-origin: content-box;
  201. }
  202. file-tree li[id^="file-tree-item"][data-file-type=".gitmodules"] > a > span:first-child > svg {
  203. visibility: hidden;
  204. }
  205. table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".gitmodules"]) {
  206. background-image: var(--git);
  207. background-size: 16px;
  208. background-repeat: no-repeat;
  209. background-position-x: left;
  210. background-position-y: center;
  211. background-origin: content-box;
  212. }
  213. table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".gitmodules"]) > svg {
  214. visibility: hidden;
  215. }
  216. li[id*=".gitmodules-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] {
  217. background-image: var(--git);
  218. background-size: 16px;
  219. background-repeat: no-repeat;
  220. background-position-x: left;
  221. background-position-y: center;
  222. background-origin: content-box;
  223. }
  224. li[id*=".gitmodules-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > svg,
  225. li[id*=".gitmodules-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > div[class$="TreeView-directory-icon"] > svg {
  226. visibility: hidden;
  227. }
  228.  
  229. div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".gitmessage"]) {
  230. background-image: var(--git);
  231. background-size: contain;
  232. background-repeat: no-repeat;
  233. background-position: center;
  234. background-origin: content-box;
  235. }
  236. div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".gitmessage"]) > svg {
  237. visibility: hidden;
  238. }
  239. file-tree li[id^="file-tree-item"][data-file-type=".gitmessage"] > a > span:first-child {
  240. background-image: var(--git);
  241. background-size: contain;
  242. background-repeat: no-repeat;
  243. background-position: center;
  244. background-origin: content-box;
  245. }
  246. file-tree li[id^="file-tree-item"][data-file-type=".gitmessage"] > a > span:first-child > svg {
  247. visibility: hidden;
  248. }
  249. table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".gitmessage"]) {
  250. background-image: var(--git);
  251. background-size: 16px;
  252. background-repeat: no-repeat;
  253. background-position-x: left;
  254. background-position-y: center;
  255. background-origin: content-box;
  256. }
  257. table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".gitmessage"]) > svg {
  258. visibility: hidden;
  259. }
  260. li[id*=".gitmessage-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] {
  261. background-image: var(--git);
  262. background-size: 16px;
  263. background-repeat: no-repeat;
  264. background-position-x: left;
  265. background-position-y: center;
  266. background-origin: content-box;
  267. }
  268. li[id*=".gitmessage-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > svg,
  269. li[id*=".gitmessage-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > div[class$="TreeView-directory-icon"] > svg {
  270. visibility: hidden;
  271. }
  272.  
  273. div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".gitreview"]) {
  274. background-image: var(--git);
  275. background-size: contain;
  276. background-repeat: no-repeat;
  277. background-position: center;
  278. background-origin: content-box;
  279. }
  280. div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".gitreview"]) > svg {
  281. visibility: hidden;
  282. }
  283. file-tree li[id^="file-tree-item"][data-file-type=".gitreview"] > a > span:first-child {
  284. background-image: var(--git);
  285. background-size: contain;
  286. background-repeat: no-repeat;
  287. background-position: center;
  288. background-origin: content-box;
  289. }
  290. file-tree li[id^="file-tree-item"][data-file-type=".gitreview"] > a > span:first-child > svg {
  291. visibility: hidden;
  292. }
  293. table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".gitreview"]) {
  294. background-image: var(--git);
  295. background-size: 16px;
  296. background-repeat: no-repeat;
  297. background-position-x: left;
  298. background-position-y: center;
  299. background-origin: content-box;
  300. }
  301. table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".gitreview"]) > svg {
  302. visibility: hidden;
  303. }
  304. li[id*=".gitreview-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] {
  305. background-image: var(--git);
  306. background-size: 16px;
  307. background-repeat: no-repeat;
  308. background-position-x: left;
  309. background-position-y: center;
  310. background-origin: content-box;
  311. }
  312. li[id*=".gitreview-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > svg,
  313. li[id*=".gitreview-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > div[class$="TreeView-directory-icon"] > svg {
  314. visibility: hidden;
  315. }
  316.  
  317. div:has( > svg[aria-label="Directory"]):has(+ div > span > a[href$=".github"]) {
  318. background-image: var(--github);
  319. background-size: contain;
  320. background-repeat: no-repeat;
  321. background-position: center;
  322. background-origin: content-box;
  323. }
  324. div:has( > svg[aria-label="Directory"]):has(+ div > span > a[href$=".github"]) > svg {
  325. visibility: hidden;
  326. }
  327. file-tree li[id^="file-tree-item"][data-file-type=".github"] > a > span:first-child {
  328. background-image: var(--github);
  329. background-size: contain;
  330. background-repeat: no-repeat;
  331. background-position: center;
  332. background-origin: content-box;
  333. }
  334. file-tree li[id^="file-tree-item"][data-file-type=".github"] > a > span:first-child > svg {
  335. visibility: hidden;
  336. }
  337. table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".github"]) {
  338. background-image: var(--github);
  339. background-size: 16px;
  340. background-repeat: no-repeat;
  341. background-position-x: left;
  342. background-position-y: center;
  343. background-origin: content-box;
  344. }
  345. table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".github"]) > svg {
  346. visibility: hidden;
  347. }
  348. li[id*=".github-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] {
  349. background-image: var(--github);
  350. background-size: 16px;
  351. background-repeat: no-repeat;
  352. background-position-x: left;
  353. background-position-y: center;
  354. background-origin: content-box;
  355. }
  356. li[id*=".github-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > svg,
  357. li[id*=".github-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > div[class$="TreeView-directory-icon"] > svg {
  358. visibility: hidden;
  359. }
  360.  
  361. div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".editorconfig"]) {
  362. background-image: var(--editorconfig);
  363. background-size: contain;
  364. background-repeat: no-repeat;
  365. background-position: center;
  366. background-origin: content-box;
  367. }
  368. div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".editorconfig"]) > svg {
  369. visibility: hidden;
  370. }
  371. file-tree li[id^="file-tree-item"][data-file-type=".editorconfig"] > a > span:first-child {
  372. background-image: var(--editorconfig);
  373. background-size: contain;
  374. background-repeat: no-repeat;
  375. background-position: center;
  376. background-origin: content-box;
  377. }
  378. file-tree li[id^="file-tree-item"][data-file-type=".editorconfig"] > a > span:first-child > svg {
  379. visibility: hidden;
  380. }
  381. table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".editorconfig"]) {
  382. background-image: var(--editorconfig);
  383. background-size: 16px;
  384. background-repeat: no-repeat;
  385. background-position-x: left;
  386. background-position-y: center;
  387. background-origin: content-box;
  388. }
  389. table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".editorconfig"]) > svg {
  390. visibility: hidden;
  391. }
  392. li[id*=".editorconfig-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] {
  393. background-image: var(--editorconfig);
  394. background-size: 16px;
  395. background-repeat: no-repeat;
  396. background-position-x: left;
  397. background-position-y: center;
  398. background-origin: content-box;
  399. }
  400. li[id*=".editorconfig-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > svg,
  401. li[id*=".editorconfig-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > div[class$="TreeView-directory-icon"] > svg {
  402. visibility: hidden;
  403. }
  404.  
  405. div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".html"]) {
  406. background-image: var(--html);
  407. background-size: contain;
  408. background-repeat: no-repeat;
  409. background-position: center;
  410. background-origin: content-box;
  411. }
  412. div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".html"]) > svg {
  413. visibility: hidden;
  414. }
  415. file-tree li[id^="file-tree-item"][data-file-type=".html"] > a > span:first-child {
  416. background-image: var(--html);
  417. background-size: contain;
  418. background-repeat: no-repeat;
  419. background-position: center;
  420. background-origin: content-box;
  421. }
  422. file-tree li[id^="file-tree-item"][data-file-type=".html"] > a > span:first-child > svg {
  423. visibility: hidden;
  424. }
  425. table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".html"]) {
  426. background-image: var(--html);
  427. background-size: 16px;
  428. background-repeat: no-repeat;
  429. background-position-x: left;
  430. background-position-y: center;
  431. background-origin: content-box;
  432. }
  433. table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".html"]) > svg {
  434. visibility: hidden;
  435. }
  436. li[id*=".html-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] {
  437. background-image: var(--html);
  438. background-size: 16px;
  439. background-repeat: no-repeat;
  440. background-position-x: left;
  441. background-position-y: center;
  442. background-origin: content-box;
  443. }
  444. li[id*=".html-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > svg,
  445. li[id*=".html-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > div[class$="TreeView-directory-icon"] > svg {
  446. visibility: hidden;
  447. }
  448.  
  449. div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".shtml"]) {
  450. background-image: var(--html);
  451. background-size: contain;
  452. background-repeat: no-repeat;
  453. background-position: center;
  454. background-origin: content-box;
  455. }
  456. div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".shtml"]) > svg {
  457. visibility: hidden;
  458. }
  459. file-tree li[id^="file-tree-item"][data-file-type=".shtml"] > a > span:first-child {
  460. background-image: var(--html);
  461. background-size: contain;
  462. background-repeat: no-repeat;
  463. background-position: center;
  464. background-origin: content-box;
  465. }
  466. file-tree li[id^="file-tree-item"][data-file-type=".shtml"] > a > span:first-child > svg {
  467. visibility: hidden;
  468. }
  469. table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".shtml"]) {
  470. background-image: var(--html);
  471. background-size: 16px;
  472. background-repeat: no-repeat;
  473. background-position-x: left;
  474. background-position-y: center;
  475. background-origin: content-box;
  476. }
  477. table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".shtml"]) > svg {
  478. visibility: hidden;
  479. }
  480. li[id*=".shtml-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] {
  481. background-image: var(--html);
  482. background-size: 16px;
  483. background-repeat: no-repeat;
  484. background-position-x: left;
  485. background-position-y: center;
  486. background-origin: content-box;
  487. }
  488. li[id*=".shtml-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > svg,
  489. li[id*=".shtml-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > div[class$="TreeView-directory-icon"] > svg {
  490. visibility: hidden;
  491. }
  492.  
  493. div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".dhtml"]) {
  494. background-image: var(--html);
  495. background-size: contain;
  496. background-repeat: no-repeat;
  497. background-position: center;
  498. background-origin: content-box;
  499. }
  500. div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".dhtml"]) > svg {
  501. visibility: hidden;
  502. }
  503. file-tree li[id^="file-tree-item"][data-file-type=".dhtml"] > a > span:first-child {
  504. background-image: var(--html);
  505. background-size: contain;
  506. background-repeat: no-repeat;
  507. background-position: center;
  508. background-origin: content-box;
  509. }
  510. file-tree li[id^="file-tree-item"][data-file-type=".dhtml"] > a > span:first-child > svg {
  511. visibility: hidden;
  512. }
  513. table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".dhtml"]) {
  514. background-image: var(--html);
  515. background-size: 16px;
  516. background-repeat: no-repeat;
  517. background-position-x: left;
  518. background-position-y: center;
  519. background-origin: content-box;
  520. }
  521. table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".dhtml"]) > svg {
  522. visibility: hidden;
  523. }
  524. li[id*=".dhtml-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] {
  525. background-image: var(--html);
  526. background-size: 16px;
  527. background-repeat: no-repeat;
  528. background-position-x: left;
  529. background-position-y: center;
  530. background-origin: content-box;
  531. }
  532. li[id*=".dhtml-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > svg,
  533. li[id*=".dhtml-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > div[class$="TreeView-directory-icon"] > svg {
  534. visibility: hidden;
  535. }
  536.  
  537. div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".mhtml"]) {
  538. background-image: var(--html);
  539. background-size: contain;
  540. background-repeat: no-repeat;
  541. background-position: center;
  542. background-origin: content-box;
  543. }
  544. div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".mhtml"]) > svg {
  545. visibility: hidden;
  546. }
  547. file-tree li[id^="file-tree-item"][data-file-type=".mhtml"] > a > span:first-child {
  548. background-image: var(--html);
  549. background-size: contain;
  550. background-repeat: no-repeat;
  551. background-position: center;
  552. background-origin: content-box;
  553. }
  554. file-tree li[id^="file-tree-item"][data-file-type=".mhtml"] > a > span:first-child > svg {
  555. visibility: hidden;
  556. }
  557. table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".mhtml"]) {
  558. background-image: var(--html);
  559. background-size: 16px;
  560. background-repeat: no-repeat;
  561. background-position-x: left;
  562. background-position-y: center;
  563. background-origin: content-box;
  564. }
  565. table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".mhtml"]) > svg {
  566. visibility: hidden;
  567. }
  568. li[id*=".mhtml-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] {
  569. background-image: var(--html);
  570. background-size: 16px;
  571. background-repeat: no-repeat;
  572. background-position-x: left;
  573. background-position-y: center;
  574. background-origin: content-box;
  575. }
  576. li[id*=".mhtml-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > svg,
  577. li[id*=".mhtml-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > div[class$="TreeView-directory-icon"] > svg {
  578. visibility: hidden;
  579. }
  580.  
  581. div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".css"]) {
  582. background-image: var(--css);
  583. background-size: contain;
  584. background-repeat: no-repeat;
  585. background-position: center;
  586. background-origin: content-box;
  587. }
  588. div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".css"]) > svg {
  589. visibility: hidden;
  590. }
  591. file-tree li[id^="file-tree-item"][data-file-type=".css"] > a > span:first-child {
  592. background-image: var(--css);
  593. background-size: contain;
  594. background-repeat: no-repeat;
  595. background-position: center;
  596. background-origin: content-box;
  597. }
  598. file-tree li[id^="file-tree-item"][data-file-type=".css"] > a > span:first-child > svg {
  599. visibility: hidden;
  600. }
  601. table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".css"]) {
  602. background-image: var(--css);
  603. background-size: 16px;
  604. background-repeat: no-repeat;
  605. background-position-x: left;
  606. background-position-y: center;
  607. background-origin: content-box;
  608. }
  609. table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".css"]) > svg {
  610. visibility: hidden;
  611. }
  612. li[id*=".css-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] {
  613. background-image: var(--css);
  614. background-size: 16px;
  615. background-repeat: no-repeat;
  616. background-position-x: left;
  617. background-position-y: center;
  618. background-origin: content-box;
  619. }
  620. li[id*=".css-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > svg,
  621. li[id*=".css-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > div[class$="TreeView-directory-icon"] > svg {
  622. visibility: hidden;
  623. }
  624.  
  625. div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".scss"]) {
  626. background-image: var(--sass);
  627. background-size: contain;
  628. background-repeat: no-repeat;
  629. background-position: center;
  630. background-origin: content-box;
  631. }
  632. div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".scss"]) > svg {
  633. visibility: hidden;
  634. }
  635. file-tree li[id^="file-tree-item"][data-file-type=".scss"] > a > span:first-child {
  636. background-image: var(--sass);
  637. background-size: contain;
  638. background-repeat: no-repeat;
  639. background-position: center;
  640. background-origin: content-box;
  641. }
  642. file-tree li[id^="file-tree-item"][data-file-type=".scss"] > a > span:first-child > svg {
  643. visibility: hidden;
  644. }
  645. table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".scss"]) {
  646. background-image: var(--sass);
  647. background-size: 16px;
  648. background-repeat: no-repeat;
  649. background-position-x: left;
  650. background-position-y: center;
  651. background-origin: content-box;
  652. }
  653. table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".scss"]) > svg {
  654. visibility: hidden;
  655. }
  656. li[id*=".scss-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] {
  657. background-image: var(--sass);
  658. background-size: 16px;
  659. background-repeat: no-repeat;
  660. background-position-x: left;
  661. background-position-y: center;
  662. background-origin: content-box;
  663. }
  664. li[id*=".scss-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > svg,
  665. li[id*=".scss-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > div[class$="TreeView-directory-icon"] > svg {
  666. visibility: hidden;
  667. }
  668.  
  669. div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".sass"]) {
  670. background-image: var(--sass);
  671. background-size: contain;
  672. background-repeat: no-repeat;
  673. background-position: center;
  674. background-origin: content-box;
  675. }
  676. div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".sass"]) > svg {
  677. visibility: hidden;
  678. }
  679. file-tree li[id^="file-tree-item"][data-file-type=".sass"] > a > span:first-child {
  680. background-image: var(--sass);
  681. background-size: contain;
  682. background-repeat: no-repeat;
  683. background-position: center;
  684. background-origin: content-box;
  685. }
  686. file-tree li[id^="file-tree-item"][data-file-type=".sass"] > a > span:first-child > svg {
  687. visibility: hidden;
  688. }
  689. table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".sass"]) {
  690. background-image: var(--sass);
  691. background-size: 16px;
  692. background-repeat: no-repeat;
  693. background-position-x: left;
  694. background-position-y: center;
  695. background-origin: content-box;
  696. }
  697. table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".sass"]) > svg {
  698. visibility: hidden;
  699. }
  700. li[id*=".sass-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] {
  701. background-image: var(--sass);
  702. background-size: 16px;
  703. background-repeat: no-repeat;
  704. background-position-x: left;
  705. background-position-y: center;
  706. background-origin: content-box;
  707. }
  708. li[id*=".sass-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > svg,
  709. li[id*=".sass-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > div[class$="TreeView-directory-icon"] > svg {
  710. visibility: hidden;
  711. }
  712.  
  713. div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".js"]) {
  714. background-image: var(--javascript);
  715. background-size: contain;
  716. background-repeat: no-repeat;
  717. background-position: center;
  718. background-origin: content-box;
  719. }
  720. div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".js"]) > svg {
  721. visibility: hidden;
  722. }
  723. file-tree li[id^="file-tree-item"][data-file-type=".js"] > a > span:first-child {
  724. background-image: var(--javascript);
  725. background-size: contain;
  726. background-repeat: no-repeat;
  727. background-position: center;
  728. background-origin: content-box;
  729. }
  730. file-tree li[id^="file-tree-item"][data-file-type=".js"] > a > span:first-child > svg {
  731. visibility: hidden;
  732. }
  733. table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".js"]) {
  734. background-image: var(--javascript);
  735. background-size: 16px;
  736. background-repeat: no-repeat;
  737. background-position-x: left;
  738. background-position-y: center;
  739. background-origin: content-box;
  740. }
  741. table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".js"]) > svg {
  742. visibility: hidden;
  743. }
  744. li[id*=".js-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] {
  745. background-image: var(--javascript);
  746. background-size: 16px;
  747. background-repeat: no-repeat;
  748. background-position-x: left;
  749. background-position-y: center;
  750. background-origin: content-box;
  751. }
  752. li[id*=".js-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > svg,
  753. li[id*=".js-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > div[class$="TreeView-directory-icon"] > svg {
  754. visibility: hidden;
  755. }
  756.  
  757. div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".php"]) {
  758. background-image: var(--php);
  759. background-size: contain;
  760. background-repeat: no-repeat;
  761. background-position: center;
  762. background-origin: content-box;
  763. }
  764. div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".php"]) > svg {
  765. visibility: hidden;
  766. }
  767. file-tree li[id^="file-tree-item"][data-file-type=".php"] > a > span:first-child {
  768. background-image: var(--php);
  769. background-size: contain;
  770. background-repeat: no-repeat;
  771. background-position: center;
  772. background-origin: content-box;
  773. }
  774. file-tree li[id^="file-tree-item"][data-file-type=".php"] > a > span:first-child > svg {
  775. visibility: hidden;
  776. }
  777. table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".php"]) {
  778. background-image: var(--php);
  779. background-size: 16px;
  780. background-repeat: no-repeat;
  781. background-position-x: left;
  782. background-position-y: center;
  783. background-origin: content-box;
  784. }
  785. table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".php"]) > svg {
  786. visibility: hidden;
  787. }
  788. li[id*=".php-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] {
  789. background-image: var(--php);
  790. background-size: 16px;
  791. background-repeat: no-repeat;
  792. background-position-x: left;
  793. background-position-y: center;
  794. background-origin: content-box;
  795. }
  796. li[id*=".php-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > svg,
  797. li[id*=".php-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > div[class$="TreeView-directory-icon"] > svg {
  798. visibility: hidden;
  799. }
  800.  
  801. div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".go"]) {
  802. background-image: var(--golang);
  803. background-size: contain;
  804. background-repeat: no-repeat;
  805. background-position: center;
  806. background-origin: content-box;
  807. }
  808. div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".go"]) > svg {
  809. visibility: hidden;
  810. }
  811. file-tree li[id^="file-tree-item"][data-file-type=".go"] > a > span:first-child {
  812. background-image: var(--golang);
  813. background-size: contain;
  814. background-repeat: no-repeat;
  815. background-position: center;
  816. background-origin: content-box;
  817. }
  818. file-tree li[id^="file-tree-item"][data-file-type=".go"] > a > span:first-child > svg {
  819. visibility: hidden;
  820. }
  821. table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".go"]) {
  822. background-image: var(--golang);
  823. background-size: 16px;
  824. background-repeat: no-repeat;
  825. background-position-x: left;
  826. background-position-y: center;
  827. background-origin: content-box;
  828. }
  829. table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".go"]) > svg {
  830. visibility: hidden;
  831. }
  832. li[id*=".go-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] {
  833. background-image: var(--golang);
  834. background-size: 16px;
  835. background-repeat: no-repeat;
  836. background-position-x: left;
  837. background-position-y: center;
  838. background-origin: content-box;
  839. }
  840. li[id*=".go-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > svg,
  841. li[id*=".go-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > div[class$="TreeView-directory-icon"] > svg {
  842. visibility: hidden;
  843. }
  844.  
  845. div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".cs"]) {
  846. background-image: var(--csharp);
  847. background-size: contain;
  848. background-repeat: no-repeat;
  849. background-position: center;
  850. background-origin: content-box;
  851. }
  852. div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".cs"]) > svg {
  853. visibility: hidden;
  854. }
  855. file-tree li[id^="file-tree-item"][data-file-type=".cs"] > a > span:first-child {
  856. background-image: var(--csharp);
  857. background-size: contain;
  858. background-repeat: no-repeat;
  859. background-position: center;
  860. background-origin: content-box;
  861. }
  862. file-tree li[id^="file-tree-item"][data-file-type=".cs"] > a > span:first-child > svg {
  863. visibility: hidden;
  864. }
  865. table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".cs"]) {
  866. background-image: var(--csharp);
  867. background-size: 16px;
  868. background-repeat: no-repeat;
  869. background-position-x: left;
  870. background-position-y: center;
  871. background-origin: content-box;
  872. }
  873. table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".cs"]) > svg {
  874. visibility: hidden;
  875. }
  876. li[id*=".cs-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] {
  877. background-image: var(--csharp);
  878. background-size: 16px;
  879. background-repeat: no-repeat;
  880. background-position-x: left;
  881. background-position-y: center;
  882. background-origin: content-box;
  883. }
  884. li[id*=".cs-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > svg,
  885. li[id*=".cs-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > div[class$="TreeView-directory-icon"] > svg {
  886. visibility: hidden;
  887. }
  888.  
  889. div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".cpp"]) {
  890. background-image: var(--cpp);
  891. background-size: contain;
  892. background-repeat: no-repeat;
  893. background-position: center;
  894. background-origin: content-box;
  895. }
  896. div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".cpp"]) > svg {
  897. visibility: hidden;
  898. }
  899. file-tree li[id^="file-tree-item"][data-file-type=".cpp"] > a > span:first-child {
  900. background-image: var(--cpp);
  901. background-size: contain;
  902. background-repeat: no-repeat;
  903. background-position: center;
  904. background-origin: content-box;
  905. }
  906. file-tree li[id^="file-tree-item"][data-file-type=".cpp"] > a > span:first-child > svg {
  907. visibility: hidden;
  908. }
  909. table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".cpp"]) {
  910. background-image: var(--cpp);
  911. background-size: 16px;
  912. background-repeat: no-repeat;
  913. background-position-x: left;
  914. background-position-y: center;
  915. background-origin: content-box;
  916. }
  917. table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".cpp"]) > svg {
  918. visibility: hidden;
  919. }
  920. li[id*=".cpp-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] {
  921. background-image: var(--cpp);
  922. background-size: 16px;
  923. background-repeat: no-repeat;
  924. background-position-x: left;
  925. background-position-y: center;
  926. background-origin: content-box;
  927. }
  928. li[id*=".cpp-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > svg,
  929. li[id*=".cpp-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > div[class$="TreeView-directory-icon"] > svg {
  930. visibility: hidden;
  931. }
  932.  
  933. div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".c"]) {
  934. background-image: var(--c);
  935. background-size: contain;
  936. background-repeat: no-repeat;
  937. background-position: center;
  938. background-origin: content-box;
  939. }
  940. div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".c"]) > svg {
  941. visibility: hidden;
  942. }
  943. file-tree li[id^="file-tree-item"][data-file-type=".c"] > a > span:first-child {
  944. background-image: var(--c);
  945. background-size: contain;
  946. background-repeat: no-repeat;
  947. background-position: center;
  948. background-origin: content-box;
  949. }
  950. file-tree li[id^="file-tree-item"][data-file-type=".c"] > a > span:first-child > svg {
  951. visibility: hidden;
  952. }
  953. table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".c"]) {
  954. background-image: var(--c);
  955. background-size: 16px;
  956. background-repeat: no-repeat;
  957. background-position-x: left;
  958. background-position-y: center;
  959. background-origin: content-box;
  960. }
  961. table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".c"]) > svg {
  962. visibility: hidden;
  963. }
  964. li[id*=".c-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] {
  965. background-image: var(--c);
  966. background-size: 16px;
  967. background-repeat: no-repeat;
  968. background-position-x: left;
  969. background-position-y: center;
  970. background-origin: content-box;
  971. }
  972. li[id*=".c-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > svg,
  973. li[id*=".c-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > div[class$="TreeView-directory-icon"] > svg {
  974. visibility: hidden;
  975. }
  976.  
  977. div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".py"]) {
  978. background-image: var(--python);
  979. background-size: contain;
  980. background-repeat: no-repeat;
  981. background-position: center;
  982. background-origin: content-box;
  983. }
  984. div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".py"]) > svg {
  985. visibility: hidden;
  986. }
  987. file-tree li[id^="file-tree-item"][data-file-type=".py"] > a > span:first-child {
  988. background-image: var(--python);
  989. background-size: contain;
  990. background-repeat: no-repeat;
  991. background-position: center;
  992. background-origin: content-box;
  993. }
  994. file-tree li[id^="file-tree-item"][data-file-type=".py"] > a > span:first-child > svg {
  995. visibility: hidden;
  996. }
  997. table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".py"]) {
  998. background-image: var(--python);
  999. background-size: 16px;
  1000. background-repeat: no-repeat;
  1001. background-position-x: left;
  1002. background-position-y: center;
  1003. background-origin: content-box;
  1004. }
  1005. table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".py"]) > svg {
  1006. visibility: hidden;
  1007. }
  1008. li[id*=".py-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] {
  1009. background-image: var(--python);
  1010. background-size: 16px;
  1011. background-repeat: no-repeat;
  1012. background-position-x: left;
  1013. background-position-y: center;
  1014. background-origin: content-box;
  1015. }
  1016. li[id*=".py-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > svg,
  1017. li[id*=".py-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > div[class$="TreeView-directory-icon"] > svg {
  1018. visibility: hidden;
  1019. }
  1020.  
  1021. div:has( > svg[aria-label="File"]):has(+ div > span > a[href$="requirements.txt"]) {
  1022. background-image: var(--python);
  1023. background-size: contain;
  1024. background-repeat: no-repeat;
  1025. background-position: center;
  1026. background-origin: content-box;
  1027. }
  1028. div:has( > svg[aria-label="File"]):has(+ div > span > a[href$="requirements.txt"]) > svg {
  1029. visibility: hidden;
  1030. }
  1031. file-tree li[id^="file-tree-item"][data-file-type="requirements.txt"] > a > span:first-child {
  1032. background-image: var(--python);
  1033. background-size: contain;
  1034. background-repeat: no-repeat;
  1035. background-position: center;
  1036. background-origin: content-box;
  1037. }
  1038. file-tree li[id^="file-tree-item"][data-file-type="requirements.txt"] > a > span:first-child > svg {
  1039. visibility: hidden;
  1040. }
  1041. table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$="requirements.txt"]) {
  1042. background-image: var(--python);
  1043. background-size: 16px;
  1044. background-repeat: no-repeat;
  1045. background-position-x: left;
  1046. background-position-y: center;
  1047. background-origin: content-box;
  1048. }
  1049. table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$="requirements.txt"]) > svg {
  1050. visibility: hidden;
  1051. }
  1052. li[id*="requirements.txt-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] {
  1053. background-image: var(--python);
  1054. background-size: 16px;
  1055. background-repeat: no-repeat;
  1056. background-position-x: left;
  1057. background-position-y: center;
  1058. background-origin: content-box;
  1059. }
  1060. li[id*="requirements.txt-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > svg,
  1061. li[id*="requirements.txt-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > div[class$="TreeView-directory-icon"] > svg {
  1062. visibility: hidden;
  1063. }
  1064.  
  1065. div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".json"]) {
  1066. background-image: var(--json);
  1067. background-size: contain;
  1068. background-repeat: no-repeat;
  1069. background-position: center;
  1070. background-origin: content-box;
  1071. }
  1072. div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".json"]) > svg {
  1073. visibility: hidden;
  1074. }
  1075. file-tree li[id^="file-tree-item"][data-file-type=".json"] > a > span:first-child {
  1076. background-image: var(--json);
  1077. background-size: contain;
  1078. background-repeat: no-repeat;
  1079. background-position: center;
  1080. background-origin: content-box;
  1081. }
  1082. file-tree li[id^="file-tree-item"][data-file-type=".json"] > a > span:first-child > svg {
  1083. visibility: hidden;
  1084. }
  1085. table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".json"]) {
  1086. background-image: var(--json);
  1087. background-size: 16px;
  1088. background-repeat: no-repeat;
  1089. background-position-x: left;
  1090. background-position-y: center;
  1091. background-origin: content-box;
  1092. }
  1093. table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".json"]) > svg {
  1094. visibility: hidden;
  1095. }
  1096. li[id*=".json-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] {
  1097. background-image: var(--json);
  1098. background-size: 16px;
  1099. background-repeat: no-repeat;
  1100. background-position-x: left;
  1101. background-position-y: center;
  1102. background-origin: content-box;
  1103. }
  1104. li[id*=".json-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > svg,
  1105. li[id*=".json-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > div[class$="TreeView-directory-icon"] > svg {
  1106. visibility: hidden;
  1107. }
  1108.  
  1109. div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".xml"]) {
  1110. background-image: var(--xml);
  1111. background-size: contain;
  1112. background-repeat: no-repeat;
  1113. background-position: center;
  1114. background-origin: content-box;
  1115. }
  1116. div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".xml"]) > svg {
  1117. visibility: hidden;
  1118. }
  1119. file-tree li[id^="file-tree-item"][data-file-type=".xml"] > a > span:first-child {
  1120. background-image: var(--xml);
  1121. background-size: contain;
  1122. background-repeat: no-repeat;
  1123. background-position: center;
  1124. background-origin: content-box;
  1125. }
  1126. file-tree li[id^="file-tree-item"][data-file-type=".xml"] > a > span:first-child > svg {
  1127. visibility: hidden;
  1128. }
  1129. table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".xml"]) {
  1130. background-image: var(--xml);
  1131. background-size: 16px;
  1132. background-repeat: no-repeat;
  1133. background-position-x: left;
  1134. background-position-y: center;
  1135. background-origin: content-box;
  1136. }
  1137. table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".xml"]) > svg {
  1138. visibility: hidden;
  1139. }
  1140. li[id*=".xml-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] {
  1141. background-image: var(--xml);
  1142. background-size: 16px;
  1143. background-repeat: no-repeat;
  1144. background-position-x: left;
  1145. background-position-y: center;
  1146. background-origin: content-box;
  1147. }
  1148. li[id*=".xml-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > svg,
  1149. li[id*=".xml-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > div[class$="TreeView-directory-icon"] > svg {
  1150. visibility: hidden;
  1151. }
  1152.  
  1153. div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".yaml"]) {
  1154. background-image: var(--yaml);
  1155. background-size: contain;
  1156. background-repeat: no-repeat;
  1157. background-position: center;
  1158. background-origin: content-box;
  1159. }
  1160. div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".yaml"]) > svg {
  1161. visibility: hidden;
  1162. }
  1163. file-tree li[id^="file-tree-item"][data-file-type=".yaml"] > a > span:first-child {
  1164. background-image: var(--yaml);
  1165. background-size: contain;
  1166. background-repeat: no-repeat;
  1167. background-position: center;
  1168. background-origin: content-box;
  1169. }
  1170. file-tree li[id^="file-tree-item"][data-file-type=".yaml"] > a > span:first-child > svg {
  1171. visibility: hidden;
  1172. }
  1173. table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".yaml"]) {
  1174. background-image: var(--yaml);
  1175. background-size: 16px;
  1176. background-repeat: no-repeat;
  1177. background-position-x: left;
  1178. background-position-y: center;
  1179. background-origin: content-box;
  1180. }
  1181. table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".yaml"]) > svg {
  1182. visibility: hidden;
  1183. }
  1184. li[id*=".yaml-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] {
  1185. background-image: var(--yaml);
  1186. background-size: 16px;
  1187. background-repeat: no-repeat;
  1188. background-position-x: left;
  1189. background-position-y: center;
  1190. background-origin: content-box;
  1191. }
  1192. li[id*=".yaml-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > svg,
  1193. li[id*=".yaml-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > div[class$="TreeView-directory-icon"] > svg {
  1194. visibility: hidden;
  1195. }
  1196.  
  1197. div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".yml"]) {
  1198. background-image: var(--yaml);
  1199. background-size: contain;
  1200. background-repeat: no-repeat;
  1201. background-position: center;
  1202. background-origin: content-box;
  1203. }
  1204. div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".yml"]) > svg {
  1205. visibility: hidden;
  1206. }
  1207. file-tree li[id^="file-tree-item"][data-file-type=".yml"] > a > span:first-child {
  1208. background-image: var(--yaml);
  1209. background-size: contain;
  1210. background-repeat: no-repeat;
  1211. background-position: center;
  1212. background-origin: content-box;
  1213. }
  1214. file-tree li[id^="file-tree-item"][data-file-type=".yml"] > a > span:first-child > svg {
  1215. visibility: hidden;
  1216. }
  1217. table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".yml"]) {
  1218. background-image: var(--yaml);
  1219. background-size: 16px;
  1220. background-repeat: no-repeat;
  1221. background-position-x: left;
  1222. background-position-y: center;
  1223. background-origin: content-box;
  1224. }
  1225. table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".yml"]) > svg {
  1226. visibility: hidden;
  1227. }
  1228. li[id*=".yml-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] {
  1229. background-image: var(--yaml);
  1230. background-size: 16px;
  1231. background-repeat: no-repeat;
  1232. background-position-x: left;
  1233. background-position-y: center;
  1234. background-origin: content-box;
  1235. }
  1236. li[id*=".yml-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > svg,
  1237. li[id*=".yml-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > div[class$="TreeView-directory-icon"] > svg {
  1238. visibility: hidden;
  1239. }
  1240.  
  1241. div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".ps1"]) {
  1242. background-image: var(--powershell);
  1243. background-size: contain;
  1244. background-repeat: no-repeat;
  1245. background-position: center;
  1246. background-origin: content-box;
  1247. }
  1248. div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".ps1"]) > svg {
  1249. visibility: hidden;
  1250. }
  1251. file-tree li[id^="file-tree-item"][data-file-type=".ps1"] > a > span:first-child {
  1252. background-image: var(--powershell);
  1253. background-size: contain;
  1254. background-repeat: no-repeat;
  1255. background-position: center;
  1256. background-origin: content-box;
  1257. }
  1258. file-tree li[id^="file-tree-item"][data-file-type=".ps1"] > a > span:first-child > svg {
  1259. visibility: hidden;
  1260. }
  1261. table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".ps1"]) {
  1262. background-image: var(--powershell);
  1263. background-size: 16px;
  1264. background-repeat: no-repeat;
  1265. background-position-x: left;
  1266. background-position-y: center;
  1267. background-origin: content-box;
  1268. }
  1269. table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".ps1"]) > svg {
  1270. visibility: hidden;
  1271. }
  1272. li[id*=".ps1-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] {
  1273. background-image: var(--powershell);
  1274. background-size: 16px;
  1275. background-repeat: no-repeat;
  1276. background-position-x: left;
  1277. background-position-y: center;
  1278. background-origin: content-box;
  1279. }
  1280. li[id*=".ps1-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > svg,
  1281. li[id*=".ps1-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > div[class$="TreeView-directory-icon"] > svg {
  1282. visibility: hidden;
  1283. }
  1284.  
  1285. div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".sh"]) {
  1286. background-image: var(--shell);
  1287. background-size: contain;
  1288. background-repeat: no-repeat;
  1289. background-position: center;
  1290. background-origin: content-box;
  1291. }
  1292. div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".sh"]) > svg {
  1293. visibility: hidden;
  1294. }
  1295. file-tree li[id^="file-tree-item"][data-file-type=".sh"] > a > span:first-child {
  1296. background-image: var(--shell);
  1297. background-size: contain;
  1298. background-repeat: no-repeat;
  1299. background-position: center;
  1300. background-origin: content-box;
  1301. }
  1302. file-tree li[id^="file-tree-item"][data-file-type=".sh"] > a > span:first-child > svg {
  1303. visibility: hidden;
  1304. }
  1305. table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".sh"]) {
  1306. background-image: var(--shell);
  1307. background-size: 16px;
  1308. background-repeat: no-repeat;
  1309. background-position-x: left;
  1310. background-position-y: center;
  1311. background-origin: content-box;
  1312. }
  1313. table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".sh"]) > svg {
  1314. visibility: hidden;
  1315. }
  1316. li[id*=".sh-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] {
  1317. background-image: var(--shell);
  1318. background-size: 16px;
  1319. background-repeat: no-repeat;
  1320. background-position-x: left;
  1321. background-position-y: center;
  1322. background-origin: content-box;
  1323. }
  1324. li[id*=".sh-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > svg,
  1325. li[id*=".sh-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > div[class$="TreeView-directory-icon"] > svg {
  1326. visibility: hidden;
  1327. }
  1328.  
  1329. div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".svg"]) {
  1330. background-image: var(--svg);
  1331. background-size: contain;
  1332. background-repeat: no-repeat;
  1333. background-position: center;
  1334. background-origin: content-box;
  1335. }
  1336. div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".svg"]) > svg {
  1337. visibility: hidden;
  1338. }
  1339. file-tree li[id^="file-tree-item"][data-file-type=".svg"] > a > span:first-child {
  1340. background-image: var(--svg);
  1341. background-size: contain;
  1342. background-repeat: no-repeat;
  1343. background-position: center;
  1344. background-origin: content-box;
  1345. }
  1346. file-tree li[id^="file-tree-item"][data-file-type=".svg"] > a > span:first-child > svg {
  1347. visibility: hidden;
  1348. }
  1349. table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".svg"]) {
  1350. background-image: var(--svg);
  1351. background-size: 16px;
  1352. background-repeat: no-repeat;
  1353. background-position-x: left;
  1354. background-position-y: center;
  1355. background-origin: content-box;
  1356. }
  1357. table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".svg"]) > svg {
  1358. visibility: hidden;
  1359. }
  1360. li[id*=".svg-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] {
  1361. background-image: var(--svg);
  1362. background-size: 16px;
  1363. background-repeat: no-repeat;
  1364. background-position-x: left;
  1365. background-position-y: center;
  1366. background-origin: content-box;
  1367. }
  1368. li[id*=".svg-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > svg,
  1369. li[id*=".svg-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > div[class$="TreeView-directory-icon"] > svg {
  1370. visibility: hidden;
  1371. }
  1372.  
  1373. div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".bat"]) {
  1374. background-image: var(--cmd);
  1375. background-size: contain;
  1376. background-repeat: no-repeat;
  1377. background-position: center;
  1378. background-origin: content-box;
  1379. }
  1380. div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".bat"]) > svg {
  1381. visibility: hidden;
  1382. }
  1383. file-tree li[id^="file-tree-item"][data-file-type=".bat"] > a > span:first-child {
  1384. background-image: var(--cmd);
  1385. background-size: contain;
  1386. background-repeat: no-repeat;
  1387. background-position: center;
  1388. background-origin: content-box;
  1389. }
  1390. file-tree li[id^="file-tree-item"][data-file-type=".bat"] > a > span:first-child > svg {
  1391. visibility: hidden;
  1392. }
  1393. table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".bat"]) {
  1394. background-image: var(--cmd);
  1395. background-size: 16px;
  1396. background-repeat: no-repeat;
  1397. background-position-x: left;
  1398. background-position-y: center;
  1399. background-origin: content-box;
  1400. }
  1401. table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".bat"]) > svg {
  1402. visibility: hidden;
  1403. }
  1404. li[id*=".bat-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] {
  1405. background-image: var(--cmd);
  1406. background-size: 16px;
  1407. background-repeat: no-repeat;
  1408. background-position-x: left;
  1409. background-position-y: center;
  1410. background-origin: content-box;
  1411. }
  1412. li[id*=".bat-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > svg,
  1413. li[id*=".bat-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > div[class$="TreeView-directory-icon"] > svg {
  1414. visibility: hidden;
  1415. }
  1416.  
  1417. div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".cmd"]) {
  1418. background-image: var(--cmd);
  1419. background-size: contain;
  1420. background-repeat: no-repeat;
  1421. background-position: center;
  1422. background-origin: content-box;
  1423. }
  1424. div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".cmd"]) > svg {
  1425. visibility: hidden;
  1426. }
  1427. file-tree li[id^="file-tree-item"][data-file-type=".cmd"] > a > span:first-child {
  1428. background-image: var(--cmd);
  1429. background-size: contain;
  1430. background-repeat: no-repeat;
  1431. background-position: center;
  1432. background-origin: content-box;
  1433. }
  1434. file-tree li[id^="file-tree-item"][data-file-type=".cmd"] > a > span:first-child > svg {
  1435. visibility: hidden;
  1436. }
  1437. table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".cmd"]) {
  1438. background-image: var(--cmd);
  1439. background-size: 16px;
  1440. background-repeat: no-repeat;
  1441. background-position-x: left;
  1442. background-position-y: center;
  1443. background-origin: content-box;
  1444. }
  1445. table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".cmd"]) > svg {
  1446. visibility: hidden;
  1447. }
  1448. li[id*=".cmd-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] {
  1449. background-image: var(--cmd);
  1450. background-size: 16px;
  1451. background-repeat: no-repeat;
  1452. background-position-x: left;
  1453. background-position-y: center;
  1454. background-origin: content-box;
  1455. }
  1456. li[id*=".cmd-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > svg,
  1457. li[id*=".cmd-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > div[class$="TreeView-directory-icon"] > svg {
  1458. visibility: hidden;
  1459. }
  1460.  
  1461. div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".htaccess"]) {
  1462. background-image: var(--apache);
  1463. background-size: contain;
  1464. background-repeat: no-repeat;
  1465. background-position: center;
  1466. background-origin: content-box;
  1467. }
  1468. div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".htaccess"]) > svg {
  1469. visibility: hidden;
  1470. }
  1471. file-tree li[id^="file-tree-item"][data-file-type=".htaccess"] > a > span:first-child {
  1472. background-image: var(--apache);
  1473. background-size: contain;
  1474. background-repeat: no-repeat;
  1475. background-position: center;
  1476. background-origin: content-box;
  1477. }
  1478. file-tree li[id^="file-tree-item"][data-file-type=".htaccess"] > a > span:first-child > svg {
  1479. visibility: hidden;
  1480. }
  1481. table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".htaccess"]) {
  1482. background-image: var(--apache);
  1483. background-size: 16px;
  1484. background-repeat: no-repeat;
  1485. background-position-x: left;
  1486. background-position-y: center;
  1487. background-origin: content-box;
  1488. }
  1489. table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".htaccess"]) > svg {
  1490. visibility: hidden;
  1491. }
  1492. li[id*=".htaccess-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] {
  1493. background-image: var(--apache);
  1494. background-size: 16px;
  1495. background-repeat: no-repeat;
  1496. background-position-x: left;
  1497. background-position-y: center;
  1498. background-origin: content-box;
  1499. }
  1500. li[id*=".htaccess-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > svg,
  1501. li[id*=".htaccess-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > div[class$="TreeView-directory-icon"] > svg {
  1502. visibility: hidden;
  1503. }
  1504.  
  1505. div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".jar"]) {
  1506. background-image: var(--java);
  1507. background-size: contain;
  1508. background-repeat: no-repeat;
  1509. background-position: center;
  1510. background-origin: content-box;
  1511. }
  1512. div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".jar"]) > svg {
  1513. visibility: hidden;
  1514. }
  1515. file-tree li[id^="file-tree-item"][data-file-type=".jar"] > a > span:first-child {
  1516. background-image: var(--java);
  1517. background-size: contain;
  1518. background-repeat: no-repeat;
  1519. background-position: center;
  1520. background-origin: content-box;
  1521. }
  1522. file-tree li[id^="file-tree-item"][data-file-type=".jar"] > a > span:first-child > svg {
  1523. visibility: hidden;
  1524. }
  1525. table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".jar"]) {
  1526. background-image: var(--java);
  1527. background-size: 16px;
  1528. background-repeat: no-repeat;
  1529. background-position-x: left;
  1530. background-position-y: center;
  1531. background-origin: content-box;
  1532. }
  1533. table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".jar"]) > svg {
  1534. visibility: hidden;
  1535. }
  1536. li[id*=".jar-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] {
  1537. background-image: var(--java);
  1538. background-size: 16px;
  1539. background-repeat: no-repeat;
  1540. background-position-x: left;
  1541. background-position-y: center;
  1542. background-origin: content-box;
  1543. }
  1544. li[id*=".jar-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > svg,
  1545. li[id*=".jar-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > div[class$="TreeView-directory-icon"] > svg {
  1546. visibility: hidden;
  1547. }
  1548.  
  1549. div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".war"]) {
  1550. background-image: var(--java);
  1551. background-size: contain;
  1552. background-repeat: no-repeat;
  1553. background-position: center;
  1554. background-origin: content-box;
  1555. }
  1556. div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".war"]) > svg {
  1557. visibility: hidden;
  1558. }
  1559. file-tree li[id^="file-tree-item"][data-file-type=".war"] > a > span:first-child {
  1560. background-image: var(--java);
  1561. background-size: contain;
  1562. background-repeat: no-repeat;
  1563. background-position: center;
  1564. background-origin: content-box;
  1565. }
  1566. file-tree li[id^="file-tree-item"][data-file-type=".war"] > a > span:first-child > svg {
  1567. visibility: hidden;
  1568. }
  1569. table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".war"]) {
  1570. background-image: var(--java);
  1571. background-size: 16px;
  1572. background-repeat: no-repeat;
  1573. background-position-x: left;
  1574. background-position-y: center;
  1575. background-origin: content-box;
  1576. }
  1577. table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".war"]) > svg {
  1578. visibility: hidden;
  1579. }
  1580. li[id*=".war-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] {
  1581. background-image: var(--java);
  1582. background-size: 16px;
  1583. background-repeat: no-repeat;
  1584. background-position-x: left;
  1585. background-position-y: center;
  1586. background-origin: content-box;
  1587. }
  1588. li[id*=".war-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > svg,
  1589. li[id*=".war-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > div[class$="TreeView-directory-icon"] > svg {
  1590. visibility: hidden;
  1591. }
  1592.  
  1593. div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".exe"]) {
  1594. background-image: var(--exe);
  1595. background-size: contain;
  1596. background-repeat: no-repeat;
  1597. background-position: center;
  1598. background-origin: content-box;
  1599. }
  1600. div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".exe"]) > svg {
  1601. visibility: hidden;
  1602. }
  1603. file-tree li[id^="file-tree-item"][data-file-type=".exe"] > a > span:first-child {
  1604. background-image: var(--exe);
  1605. background-size: contain;
  1606. background-repeat: no-repeat;
  1607. background-position: center;
  1608. background-origin: content-box;
  1609. }
  1610. file-tree li[id^="file-tree-item"][data-file-type=".exe"] > a > span:first-child > svg {
  1611. visibility: hidden;
  1612. }
  1613. table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".exe"]) {
  1614. background-image: var(--exe);
  1615. background-size: 16px;
  1616. background-repeat: no-repeat;
  1617. background-position-x: left;
  1618. background-position-y: center;
  1619. background-origin: content-box;
  1620. }
  1621. table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".exe"]) > svg {
  1622. visibility: hidden;
  1623. }
  1624. li[id*=".exe-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] {
  1625. background-image: var(--exe);
  1626. background-size: 16px;
  1627. background-repeat: no-repeat;
  1628. background-position-x: left;
  1629. background-position-y: center;
  1630. background-origin: content-box;
  1631. }
  1632. li[id*=".exe-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > svg,
  1633. li[id*=".exe-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > div[class$="TreeView-directory-icon"] > svg {
  1634. visibility: hidden;
  1635. }
  1636.  
  1637. div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".mp3"]) {
  1638. background-image: var(--audio);
  1639. background-size: contain;
  1640. background-repeat: no-repeat;
  1641. background-position: center;
  1642. background-origin: content-box;
  1643. }
  1644. div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".mp3"]) > svg {
  1645. visibility: hidden;
  1646. }
  1647. file-tree li[id^="file-tree-item"][data-file-type=".mp3"] > a > span:first-child {
  1648. background-image: var(--audio);
  1649. background-size: contain;
  1650. background-repeat: no-repeat;
  1651. background-position: center;
  1652. background-origin: content-box;
  1653. }
  1654. file-tree li[id^="file-tree-item"][data-file-type=".mp3"] > a > span:first-child > svg {
  1655. visibility: hidden;
  1656. }
  1657. table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".mp3"]) {
  1658. background-image: var(--audio);
  1659. background-size: 16px;
  1660. background-repeat: no-repeat;
  1661. background-position-x: left;
  1662. background-position-y: center;
  1663. background-origin: content-box;
  1664. }
  1665. table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".mp3"]) > svg {
  1666. visibility: hidden;
  1667. }
  1668. li[id*=".mp3-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] {
  1669. background-image: var(--audio);
  1670. background-size: 16px;
  1671. background-repeat: no-repeat;
  1672. background-position-x: left;
  1673. background-position-y: center;
  1674. background-origin: content-box;
  1675. }
  1676. li[id*=".mp3-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > svg,
  1677. li[id*=".mp3-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > div[class$="TreeView-directory-icon"] > svg {
  1678. visibility: hidden;
  1679. }
  1680.  
  1681. div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".ogg"]) {
  1682. background-image: var(--audio);
  1683. background-size: contain;
  1684. background-repeat: no-repeat;
  1685. background-position: center;
  1686. background-origin: content-box;
  1687. }
  1688. div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".ogg"]) > svg {
  1689. visibility: hidden;
  1690. }
  1691. file-tree li[id^="file-tree-item"][data-file-type=".ogg"] > a > span:first-child {
  1692. background-image: var(--audio);
  1693. background-size: contain;
  1694. background-repeat: no-repeat;
  1695. background-position: center;
  1696. background-origin: content-box;
  1697. }
  1698. file-tree li[id^="file-tree-item"][data-file-type=".ogg"] > a > span:first-child > svg {
  1699. visibility: hidden;
  1700. }
  1701. table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".ogg"]) {
  1702. background-image: var(--audio);
  1703. background-size: 16px;
  1704. background-repeat: no-repeat;
  1705. background-position-x: left;
  1706. background-position-y: center;
  1707. background-origin: content-box;
  1708. }
  1709. table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".ogg"]) > svg {
  1710. visibility: hidden;
  1711. }
  1712. li[id*=".ogg-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] {
  1713. background-image: var(--audio);
  1714. background-size: 16px;
  1715. background-repeat: no-repeat;
  1716. background-position-x: left;
  1717. background-position-y: center;
  1718. background-origin: content-box;
  1719. }
  1720. li[id*=".ogg-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > svg,
  1721. li[id*=".ogg-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > div[class$="TreeView-directory-icon"] > svg {
  1722. visibility: hidden;
  1723. }
  1724.  
  1725. div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".wav"]) {
  1726. background-image: var(--audio);
  1727. background-size: contain;
  1728. background-repeat: no-repeat;
  1729. background-position: center;
  1730. background-origin: content-box;
  1731. }
  1732. div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".wav"]) > svg {
  1733. visibility: hidden;
  1734. }
  1735. file-tree li[id^="file-tree-item"][data-file-type=".wav"] > a > span:first-child {
  1736. background-image: var(--audio);
  1737. background-size: contain;
  1738. background-repeat: no-repeat;
  1739. background-position: center;
  1740. background-origin: content-box;
  1741. }
  1742. file-tree li[id^="file-tree-item"][data-file-type=".wav"] > a > span:first-child > svg {
  1743. visibility: hidden;
  1744. }
  1745. table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".wav"]) {
  1746. background-image: var(--audio);
  1747. background-size: 16px;
  1748. background-repeat: no-repeat;
  1749. background-position-x: left;
  1750. background-position-y: center;
  1751. background-origin: content-box;
  1752. }
  1753. table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".wav"]) > svg {
  1754. visibility: hidden;
  1755. }
  1756. li[id*=".wav-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] {
  1757. background-image: var(--audio);
  1758. background-size: 16px;
  1759. background-repeat: no-repeat;
  1760. background-position-x: left;
  1761. background-position-y: center;
  1762. background-origin: content-box;
  1763. }
  1764. li[id*=".wav-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > svg,
  1765. li[id*=".wav-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > div[class$="TreeView-directory-icon"] > svg {
  1766. visibility: hidden;
  1767. }
  1768.  
  1769. div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".dll"]) {
  1770. background-image: var(--dll);
  1771. background-size: contain;
  1772. background-repeat: no-repeat;
  1773. background-position: center;
  1774. background-origin: content-box;
  1775. }
  1776. div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".dll"]) > svg {
  1777. visibility: hidden;
  1778. }
  1779. file-tree li[id^="file-tree-item"][data-file-type=".dll"] > a > span:first-child {
  1780. background-image: var(--dll);
  1781. background-size: contain;
  1782. background-repeat: no-repeat;
  1783. background-position: center;
  1784. background-origin: content-box;
  1785. }
  1786. file-tree li[id^="file-tree-item"][data-file-type=".dll"] > a > span:first-child > svg {
  1787. visibility: hidden;
  1788. }
  1789. table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".dll"]) {
  1790. background-image: var(--dll);
  1791. background-size: 16px;
  1792. background-repeat: no-repeat;
  1793. background-position-x: left;
  1794. background-position-y: center;
  1795. background-origin: content-box;
  1796. }
  1797. table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".dll"]) > svg {
  1798. visibility: hidden;
  1799. }
  1800. li[id*=".dll-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] {
  1801. background-image: var(--dll);
  1802. background-size: 16px;
  1803. background-repeat: no-repeat;
  1804. background-position-x: left;
  1805. background-position-y: center;
  1806. background-origin: content-box;
  1807. }
  1808. li[id*=".dll-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > svg,
  1809. li[id*=".dll-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > div[class$="TreeView-directory-icon"] > svg {
  1810. visibility: hidden;
  1811. }
  1812.  
  1813. div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".ini"]) {
  1814. background-image: var(--ini);
  1815. background-size: contain;
  1816. background-repeat: no-repeat;
  1817. background-position: center;
  1818. background-origin: content-box;
  1819. }
  1820. div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".ini"]) > svg {
  1821. visibility: hidden;
  1822. }
  1823. file-tree li[id^="file-tree-item"][data-file-type=".ini"] > a > span:first-child {
  1824. background-image: var(--ini);
  1825. background-size: contain;
  1826. background-repeat: no-repeat;
  1827. background-position: center;
  1828. background-origin: content-box;
  1829. }
  1830. file-tree li[id^="file-tree-item"][data-file-type=".ini"] > a > span:first-child > svg {
  1831. visibility: hidden;
  1832. }
  1833. table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".ini"]) {
  1834. background-image: var(--ini);
  1835. background-size: 16px;
  1836. background-repeat: no-repeat;
  1837. background-position-x: left;
  1838. background-position-y: center;
  1839. background-origin: content-box;
  1840. }
  1841. table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".ini"]) > svg {
  1842. visibility: hidden;
  1843. }
  1844. li[id*=".ini-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] {
  1845. background-image: var(--ini);
  1846. background-size: 16px;
  1847. background-repeat: no-repeat;
  1848. background-position-x: left;
  1849. background-position-y: center;
  1850. background-origin: content-box;
  1851. }
  1852. li[id*=".ini-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > svg,
  1853. li[id*=".ini-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > div[class$="TreeView-directory-icon"] > svg {
  1854. visibility: hidden;
  1855. }
  1856.  
  1857. div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".jpg"]) {
  1858. background-image: var(--jpeg);
  1859. background-size: contain;
  1860. background-repeat: no-repeat;
  1861. background-position: center;
  1862. background-origin: content-box;
  1863. }
  1864. div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".jpg"]) > svg {
  1865. visibility: hidden;
  1866. }
  1867. file-tree li[id^="file-tree-item"][data-file-type=".jpg"] > a > span:first-child {
  1868. background-image: var(--jpeg);
  1869. background-size: contain;
  1870. background-repeat: no-repeat;
  1871. background-position: center;
  1872. background-origin: content-box;
  1873. }
  1874. file-tree li[id^="file-tree-item"][data-file-type=".jpg"] > a > span:first-child > svg {
  1875. visibility: hidden;
  1876. }
  1877. table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".jpg"]) {
  1878. background-image: var(--jpeg);
  1879. background-size: 16px;
  1880. background-repeat: no-repeat;
  1881. background-position-x: left;
  1882. background-position-y: center;
  1883. background-origin: content-box;
  1884. }
  1885. table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".jpg"]) > svg {
  1886. visibility: hidden;
  1887. }
  1888. li[id*=".jpg-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] {
  1889. background-image: var(--jpeg);
  1890. background-size: 16px;
  1891. background-repeat: no-repeat;
  1892. background-position-x: left;
  1893. background-position-y: center;
  1894. background-origin: content-box;
  1895. }
  1896. li[id*=".jpg-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > svg,
  1897. li[id*=".jpg-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > div[class$="TreeView-directory-icon"] > svg {
  1898. visibility: hidden;
  1899. }
  1900.  
  1901. div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".jpeg"]) {
  1902. background-image: var(--jpeg);
  1903. background-size: contain;
  1904. background-repeat: no-repeat;
  1905. background-position: center;
  1906. background-origin: content-box;
  1907. }
  1908. div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".jpeg"]) > svg {
  1909. visibility: hidden;
  1910. }
  1911. file-tree li[id^="file-tree-item"][data-file-type=".jpeg"] > a > span:first-child {
  1912. background-image: var(--jpeg);
  1913. background-size: contain;
  1914. background-repeat: no-repeat;
  1915. background-position: center;
  1916. background-origin: content-box;
  1917. }
  1918. file-tree li[id^="file-tree-item"][data-file-type=".jpeg"] > a > span:first-child > svg {
  1919. visibility: hidden;
  1920. }
  1921. table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".jpeg"]) {
  1922. background-image: var(--jpeg);
  1923. background-size: 16px;
  1924. background-repeat: no-repeat;
  1925. background-position-x: left;
  1926. background-position-y: center;
  1927. background-origin: content-box;
  1928. }
  1929. table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".jpeg"]) > svg {
  1930. visibility: hidden;
  1931. }
  1932. li[id*=".jpeg-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] {
  1933. background-image: var(--jpeg);
  1934. background-size: 16px;
  1935. background-repeat: no-repeat;
  1936. background-position-x: left;
  1937. background-position-y: center;
  1938. background-origin: content-box;
  1939. }
  1940. li[id*=".jpeg-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > svg,
  1941. li[id*=".jpeg-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > div[class$="TreeView-directory-icon"] > svg {
  1942. visibility: hidden;
  1943. }
  1944.  
  1945. div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".png"]) {
  1946. background-image: var(--png);
  1947. background-size: contain;
  1948. background-repeat: no-repeat;
  1949. background-position: center;
  1950. background-origin: content-box;
  1951. }
  1952. div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".png"]) > svg {
  1953. visibility: hidden;
  1954. }
  1955. file-tree li[id^="file-tree-item"][data-file-type=".png"] > a > span:first-child {
  1956. background-image: var(--png);
  1957. background-size: contain;
  1958. background-repeat: no-repeat;
  1959. background-position: center;
  1960. background-origin: content-box;
  1961. }
  1962. file-tree li[id^="file-tree-item"][data-file-type=".png"] > a > span:first-child > svg {
  1963. visibility: hidden;
  1964. }
  1965. table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".png"]) {
  1966. background-image: var(--png);
  1967. background-size: 16px;
  1968. background-repeat: no-repeat;
  1969. background-position-x: left;
  1970. background-position-y: center;
  1971. background-origin: content-box;
  1972. }
  1973. table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".png"]) > svg {
  1974. visibility: hidden;
  1975. }
  1976. li[id*=".png-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] {
  1977. background-image: var(--png);
  1978. background-size: 16px;
  1979. background-repeat: no-repeat;
  1980. background-position-x: left;
  1981. background-position-y: center;
  1982. background-origin: content-box;
  1983. }
  1984. li[id*=".png-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > svg,
  1985. li[id*=".png-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > div[class$="TreeView-directory-icon"] > svg {
  1986. visibility: hidden;
  1987. }
  1988.  
  1989. div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".rtf"]) {
  1990. background-image: var(--rtf);
  1991. background-size: contain;
  1992. background-repeat: no-repeat;
  1993. background-position: center;
  1994. background-origin: content-box;
  1995. }
  1996. div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".rtf"]) > svg {
  1997. visibility: hidden;
  1998. }
  1999. file-tree li[id^="file-tree-item"][data-file-type=".rtf"] > a > span:first-child {
  2000. background-image: var(--rtf);
  2001. background-size: contain;
  2002. background-repeat: no-repeat;
  2003. background-position: center;
  2004. background-origin: content-box;
  2005. }
  2006. file-tree li[id^="file-tree-item"][data-file-type=".rtf"] > a > span:first-child > svg {
  2007. visibility: hidden;
  2008. }
  2009. table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".rtf"]) {
  2010. background-image: var(--rtf);
  2011. background-size: 16px;
  2012. background-repeat: no-repeat;
  2013. background-position-x: left;
  2014. background-position-y: center;
  2015. background-origin: content-box;
  2016. }
  2017. table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".rtf"]) > svg {
  2018. visibility: hidden;
  2019. }
  2020. li[id*=".rtf-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] {
  2021. background-image: var(--rtf);
  2022. background-size: 16px;
  2023. background-repeat: no-repeat;
  2024. background-position-x: left;
  2025. background-position-y: center;
  2026. background-origin: content-box;
  2027. }
  2028. li[id*=".rtf-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > svg,
  2029. li[id*=".rtf-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > div[class$="TreeView-directory-icon"] > svg {
  2030. visibility: hidden;
  2031. }
  2032.  
  2033. div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".txt"]) {
  2034. background-image: var(--txt);
  2035. background-size: contain;
  2036. background-repeat: no-repeat;
  2037. background-position: center;
  2038. background-origin: content-box;
  2039. }
  2040. div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".txt"]) > svg {
  2041. visibility: hidden;
  2042. }
  2043. file-tree li[id^="file-tree-item"][data-file-type=".txt"] > a > span:first-child {
  2044. background-image: var(--txt);
  2045. background-size: contain;
  2046. background-repeat: no-repeat;
  2047. background-position: center;
  2048. background-origin: content-box;
  2049. }
  2050. file-tree li[id^="file-tree-item"][data-file-type=".txt"] > a > span:first-child > svg {
  2051. visibility: hidden;
  2052. }
  2053. table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".txt"]) {
  2054. background-image: var(--txt);
  2055. background-size: 16px;
  2056. background-repeat: no-repeat;
  2057. background-position-x: left;
  2058. background-position-y: center;
  2059. background-origin: content-box;
  2060. }
  2061. table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".txt"]) > svg {
  2062. visibility: hidden;
  2063. }
  2064. li[id*=".txt-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] {
  2065. background-image: var(--txt);
  2066. background-size: 16px;
  2067. background-repeat: no-repeat;
  2068. background-position-x: left;
  2069. background-position-y: center;
  2070. background-origin: content-box;
  2071. }
  2072. li[id*=".txt-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > svg,
  2073. li[id*=".txt-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > div[class$="TreeView-directory-icon"] > svg {
  2074. visibility: hidden;
  2075. }
  2076.  
  2077. div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".zip"]) {
  2078. background-image: var(--zip);
  2079. background-size: contain;
  2080. background-repeat: no-repeat;
  2081. background-position: center;
  2082. background-origin: content-box;
  2083. }
  2084. div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".zip"]) > svg {
  2085. visibility: hidden;
  2086. }
  2087. file-tree li[id^="file-tree-item"][data-file-type=".zip"] > a > span:first-child {
  2088. background-image: var(--zip);
  2089. background-size: contain;
  2090. background-repeat: no-repeat;
  2091. background-position: center;
  2092. background-origin: content-box;
  2093. }
  2094. file-tree li[id^="file-tree-item"][data-file-type=".zip"] > a > span:first-child > svg {
  2095. visibility: hidden;
  2096. }
  2097. table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".zip"]) {
  2098. background-image: var(--zip);
  2099. background-size: 16px;
  2100. background-repeat: no-repeat;
  2101. background-position-x: left;
  2102. background-position-y: center;
  2103. background-origin: content-box;
  2104. }
  2105. table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".zip"]) > svg {
  2106. visibility: hidden;
  2107. }
  2108. li[id*=".zip-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] {
  2109. background-image: var(--zip);
  2110. background-size: 16px;
  2111. background-repeat: no-repeat;
  2112. background-position-x: left;
  2113. background-position-y: center;
  2114. background-origin: content-box;
  2115. }
  2116. li[id*=".zip-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > svg,
  2117. li[id*=".zip-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > div[class$="TreeView-directory-icon"] > svg {
  2118. visibility: hidden;
  2119. }
  2120.  
  2121. div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".hash"]) {
  2122. background-image: var(--hash);
  2123. background-size: contain;
  2124. background-repeat: no-repeat;
  2125. background-position: center;
  2126. background-origin: content-box;
  2127. }
  2128. div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".hash"]) > svg {
  2129. visibility: hidden;
  2130. }
  2131. file-tree li[id^="file-tree-item"][data-file-type=".hash"] > a > span:first-child {
  2132. background-image: var(--hash);
  2133. background-size: contain;
  2134. background-repeat: no-repeat;
  2135. background-position: center;
  2136. background-origin: content-box;
  2137. }
  2138. file-tree li[id^="file-tree-item"][data-file-type=".hash"] > a > span:first-child > svg {
  2139. visibility: hidden;
  2140. }
  2141. table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".hash"]) {
  2142. background-image: var(--hash);
  2143. background-size: 16px;
  2144. background-repeat: no-repeat;
  2145. background-position-x: left;
  2146. background-position-y: center;
  2147. background-origin: content-box;
  2148. }
  2149. table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".hash"]) > svg {
  2150. visibility: hidden;
  2151. }
  2152. li[id*=".hash-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] {
  2153. background-image: var(--hash);
  2154. background-size: 16px;
  2155. background-repeat: no-repeat;
  2156. background-position-x: left;
  2157. background-position-y: center;
  2158. background-origin: content-box;
  2159. }
  2160. li[id*=".hash-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > svg,
  2161. li[id*=".hash-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > div[class$="TreeView-directory-icon"] > svg {
  2162. visibility: hidden;
  2163. }
  2164.  
  2165. div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".sfv"]) {
  2166. background-image: var(--hash);
  2167. background-size: contain;
  2168. background-repeat: no-repeat;
  2169. background-position: center;
  2170. background-origin: content-box;
  2171. }
  2172. div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".sfv"]) > svg {
  2173. visibility: hidden;
  2174. }
  2175. file-tree li[id^="file-tree-item"][data-file-type=".sfv"] > a > span:first-child {
  2176. background-image: var(--hash);
  2177. background-size: contain;
  2178. background-repeat: no-repeat;
  2179. background-position: center;
  2180. background-origin: content-box;
  2181. }
  2182. file-tree li[id^="file-tree-item"][data-file-type=".sfv"] > a > span:first-child > svg {
  2183. visibility: hidden;
  2184. }
  2185. table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".sfv"]) {
  2186. background-image: var(--hash);
  2187. background-size: 16px;
  2188. background-repeat: no-repeat;
  2189. background-position-x: left;
  2190. background-position-y: center;
  2191. background-origin: content-box;
  2192. }
  2193. table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".sfv"]) > svg {
  2194. visibility: hidden;
  2195. }
  2196. li[id*=".sfv-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] {
  2197. background-image: var(--hash);
  2198. background-size: 16px;
  2199. background-repeat: no-repeat;
  2200. background-position-x: left;
  2201. background-position-y: center;
  2202. background-origin: content-box;
  2203. }
  2204. li[id*=".sfv-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > svg,
  2205. li[id*=".sfv-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > div[class$="TreeView-directory-icon"] > svg {
  2206. visibility: hidden;
  2207. }
  2208.  
  2209. div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".md5"]) {
  2210. background-image: var(--hash);
  2211. background-size: contain;
  2212. background-repeat: no-repeat;
  2213. background-position: center;
  2214. background-origin: content-box;
  2215. }
  2216. div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".md5"]) > svg {
  2217. visibility: hidden;
  2218. }
  2219. file-tree li[id^="file-tree-item"][data-file-type=".md5"] > a > span:first-child {
  2220. background-image: var(--hash);
  2221. background-size: contain;
  2222. background-repeat: no-repeat;
  2223. background-position: center;
  2224. background-origin: content-box;
  2225. }
  2226. file-tree li[id^="file-tree-item"][data-file-type=".md5"] > a > span:first-child > svg {
  2227. visibility: hidden;
  2228. }
  2229. table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".md5"]) {
  2230. background-image: var(--hash);
  2231. background-size: 16px;
  2232. background-repeat: no-repeat;
  2233. background-position-x: left;
  2234. background-position-y: center;
  2235. background-origin: content-box;
  2236. }
  2237. table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".md5"]) > svg {
  2238. visibility: hidden;
  2239. }
  2240. li[id*=".md5-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] {
  2241. background-image: var(--hash);
  2242. background-size: 16px;
  2243. background-repeat: no-repeat;
  2244. background-position-x: left;
  2245. background-position-y: center;
  2246. background-origin: content-box;
  2247. }
  2248. li[id*=".md5-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > svg,
  2249. li[id*=".md5-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > div[class$="TreeView-directory-icon"] > svg {
  2250. visibility: hidden;
  2251. }
  2252.  
  2253. div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".sha1"]) {
  2254. background-image: var(--hash);
  2255. background-size: contain;
  2256. background-repeat: no-repeat;
  2257. background-position: center;
  2258. background-origin: content-box;
  2259. }
  2260. div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".sha1"]) > svg {
  2261. visibility: hidden;
  2262. }
  2263. file-tree li[id^="file-tree-item"][data-file-type=".sha1"] > a > span:first-child {
  2264. background-image: var(--hash);
  2265. background-size: contain;
  2266. background-repeat: no-repeat;
  2267. background-position: center;
  2268. background-origin: content-box;
  2269. }
  2270. file-tree li[id^="file-tree-item"][data-file-type=".sha1"] > a > span:first-child > svg {
  2271. visibility: hidden;
  2272. }
  2273. table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".sha1"]) {
  2274. background-image: var(--hash);
  2275. background-size: 16px;
  2276. background-repeat: no-repeat;
  2277. background-position-x: left;
  2278. background-position-y: center;
  2279. background-origin: content-box;
  2280. }
  2281. table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".sha1"]) > svg {
  2282. visibility: hidden;
  2283. }
  2284. li[id*=".sha1-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] {
  2285. background-image: var(--hash);
  2286. background-size: 16px;
  2287. background-repeat: no-repeat;
  2288. background-position-x: left;
  2289. background-position-y: center;
  2290. background-origin: content-box;
  2291. }
  2292. li[id*=".sha1-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > svg,
  2293. li[id*=".sha1-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > div[class$="TreeView-directory-icon"] > svg {
  2294. visibility: hidden;
  2295. }
  2296.  
  2297. div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".sha256"]) {
  2298. background-image: var(--hash);
  2299. background-size: contain;
  2300. background-repeat: no-repeat;
  2301. background-position: center;
  2302. background-origin: content-box;
  2303. }
  2304. div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".sha256"]) > svg {
  2305. visibility: hidden;
  2306. }
  2307. file-tree li[id^="file-tree-item"][data-file-type=".sha256"] > a > span:first-child {
  2308. background-image: var(--hash);
  2309. background-size: contain;
  2310. background-repeat: no-repeat;
  2311. background-position: center;
  2312. background-origin: content-box;
  2313. }
  2314. file-tree li[id^="file-tree-item"][data-file-type=".sha256"] > a > span:first-child > svg {
  2315. visibility: hidden;
  2316. }
  2317. table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".sha256"]) {
  2318. background-image: var(--hash);
  2319. background-size: 16px;
  2320. background-repeat: no-repeat;
  2321. background-position-x: left;
  2322. background-position-y: center;
  2323. background-origin: content-box;
  2324. }
  2325. table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".sha256"]) > svg {
  2326. visibility: hidden;
  2327. }
  2328. li[id*=".sha256-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] {
  2329. background-image: var(--hash);
  2330. background-size: 16px;
  2331. background-repeat: no-repeat;
  2332. background-position-x: left;
  2333. background-position-y: center;
  2334. background-origin: content-box;
  2335. }
  2336. li[id*=".sha256-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > svg,
  2337. li[id*=".sha256-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > div[class$="TreeView-directory-icon"] > svg {
  2338. visibility: hidden;
  2339. }
  2340.  
  2341. div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".sha512"]) {
  2342. background-image: var(--hash);
  2343. background-size: contain;
  2344. background-repeat: no-repeat;
  2345. background-position: center;
  2346. background-origin: content-box;
  2347. }
  2348. div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".sha512"]) > svg {
  2349. visibility: hidden;
  2350. }
  2351. file-tree li[id^="file-tree-item"][data-file-type=".sha512"] > a > span:first-child {
  2352. background-image: var(--hash);
  2353. background-size: contain;
  2354. background-repeat: no-repeat;
  2355. background-position: center;
  2356. background-origin: content-box;
  2357. }
  2358. file-tree li[id^="file-tree-item"][data-file-type=".sha512"] > a > span:first-child > svg {
  2359. visibility: hidden;
  2360. }
  2361. table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".sha512"]) {
  2362. background-image: var(--hash);
  2363. background-size: 16px;
  2364. background-repeat: no-repeat;
  2365. background-position-x: left;
  2366. background-position-y: center;
  2367. background-origin: content-box;
  2368. }
  2369. table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".sha512"]) > svg {
  2370. visibility: hidden;
  2371. }
  2372. li[id*=".sha512-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] {
  2373. background-image: var(--hash);
  2374. background-size: 16px;
  2375. background-repeat: no-repeat;
  2376. background-position-x: left;
  2377. background-position-y: center;
  2378. background-origin: content-box;
  2379. }
  2380. li[id*=".sha512-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > svg,
  2381. li[id*=".sha512-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > div[class$="TreeView-directory-icon"] > svg {
  2382. visibility: hidden;
  2383. }
  2384.  
  2385. div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".sha3-256"]) {
  2386. background-image: var(--hash);
  2387. background-size: contain;
  2388. background-repeat: no-repeat;
  2389. background-position: center;
  2390. background-origin: content-box;
  2391. }
  2392. div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".sha3-256"]) > svg {
  2393. visibility: hidden;
  2394. }
  2395. file-tree li[id^="file-tree-item"][data-file-type=".sha3-256"] > a > span:first-child {
  2396. background-image: var(--hash);
  2397. background-size: contain;
  2398. background-repeat: no-repeat;
  2399. background-position: center;
  2400. background-origin: content-box;
  2401. }
  2402. file-tree li[id^="file-tree-item"][data-file-type=".sha3-256"] > a > span:first-child > svg {
  2403. visibility: hidden;
  2404. }
  2405. table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".sha3-256"]) {
  2406. background-image: var(--hash);
  2407. background-size: 16px;
  2408. background-repeat: no-repeat;
  2409. background-position-x: left;
  2410. background-position-y: center;
  2411. background-origin: content-box;
  2412. }
  2413. table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".sha3-256"]) > svg {
  2414. visibility: hidden;
  2415. }
  2416. li[id*=".sha3-256-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] {
  2417. background-image: var(--hash);
  2418. background-size: 16px;
  2419. background-repeat: no-repeat;
  2420. background-position-x: left;
  2421. background-position-y: center;
  2422. background-origin: content-box;
  2423. }
  2424. li[id*=".sha3-256-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > svg,
  2425. li[id*=".sha3-256-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > div[class$="TreeView-directory-icon"] > svg {
  2426. visibility: hidden;
  2427. }
  2428.  
  2429. div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".sha3-512"]) {
  2430. background-image: var(--hash);
  2431. background-size: contain;
  2432. background-repeat: no-repeat;
  2433. background-position: center;
  2434. background-origin: content-box;
  2435. }
  2436. div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".sha3-512"]) > svg {
  2437. visibility: hidden;
  2438. }
  2439. file-tree li[id^="file-tree-item"][data-file-type=".sha3-512"] > a > span:first-child {
  2440. background-image: var(--hash);
  2441. background-size: contain;
  2442. background-repeat: no-repeat;
  2443. background-position: center;
  2444. background-origin: content-box;
  2445. }
  2446. file-tree li[id^="file-tree-item"][data-file-type=".sha3-512"] > a > span:first-child > svg {
  2447. visibility: hidden;
  2448. }
  2449. table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".sha3-512"]) {
  2450. background-image: var(--hash);
  2451. background-size: 16px;
  2452. background-repeat: no-repeat;
  2453. background-position-x: left;
  2454. background-position-y: center;
  2455. background-origin: content-box;
  2456. }
  2457. table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".sha3-512"]) > svg {
  2458. visibility: hidden;
  2459. }
  2460. li[id*=".sha3-512-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] {
  2461. background-image: var(--hash);
  2462. background-size: 16px;
  2463. background-repeat: no-repeat;
  2464. background-position-x: left;
  2465. background-position-y: center;
  2466. background-origin: content-box;
  2467. }
  2468. li[id*=".sha3-512-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > svg,
  2469. li[id*=".sha3-512-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > div[class$="TreeView-directory-icon"] > svg {
  2470. visibility: hidden;
  2471. }
  2472.  
  2473. div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".ttf"]) {
  2474. background-image: var(--truetype);
  2475. background-size: contain;
  2476. background-repeat: no-repeat;
  2477. background-position: center;
  2478. background-origin: content-box;
  2479. }
  2480. div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".ttf"]) > svg {
  2481. visibility: hidden;
  2482. }
  2483. file-tree li[id^="file-tree-item"][data-file-type=".ttf"] > a > span:first-child {
  2484. background-image: var(--truetype);
  2485. background-size: contain;
  2486. background-repeat: no-repeat;
  2487. background-position: center;
  2488. background-origin: content-box;
  2489. }
  2490. file-tree li[id^="file-tree-item"][data-file-type=".ttf"] > a > span:first-child > svg {
  2491. visibility: hidden;
  2492. }
  2493. table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".ttf"]) {
  2494. background-image: var(--truetype);
  2495. background-size: 16px;
  2496. background-repeat: no-repeat;
  2497. background-position-x: left;
  2498. background-position-y: center;
  2499. background-origin: content-box;
  2500. }
  2501. table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".ttf"]) > svg {
  2502. visibility: hidden;
  2503. }
  2504. li[id*=".ttf-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] {
  2505. background-image: var(--truetype);
  2506. background-size: 16px;
  2507. background-repeat: no-repeat;
  2508. background-position-x: left;
  2509. background-position-y: center;
  2510. background-origin: content-box;
  2511. }
  2512. li[id*=".ttf-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > svg,
  2513. li[id*=".ttf-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > div[class$="TreeView-directory-icon"] > svg {
  2514. visibility: hidden;
  2515. }
  2516.  
  2517. div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".otf"]) {
  2518. background-image: var(--truetype);
  2519. background-size: contain;
  2520. background-repeat: no-repeat;
  2521. background-position: center;
  2522. background-origin: content-box;
  2523. }
  2524. div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".otf"]) > svg {
  2525. visibility: hidden;
  2526. }
  2527. file-tree li[id^="file-tree-item"][data-file-type=".otf"] > a > span:first-child {
  2528. background-image: var(--truetype);
  2529. background-size: contain;
  2530. background-repeat: no-repeat;
  2531. background-position: center;
  2532. background-origin: content-box;
  2533. }
  2534. file-tree li[id^="file-tree-item"][data-file-type=".otf"] > a > span:first-child > svg {
  2535. visibility: hidden;
  2536. }
  2537. table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".otf"]) {
  2538. background-image: var(--truetype);
  2539. background-size: 16px;
  2540. background-repeat: no-repeat;
  2541. background-position-x: left;
  2542. background-position-y: center;
  2543. background-origin: content-box;
  2544. }
  2545. table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".otf"]) > svg {
  2546. visibility: hidden;
  2547. }
  2548. li[id*=".otf-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] {
  2549. background-image: var(--truetype);
  2550. background-size: 16px;
  2551. background-repeat: no-repeat;
  2552. background-position-x: left;
  2553. background-position-y: center;
  2554. background-origin: content-box;
  2555. }
  2556. li[id*=".otf-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > svg,
  2557. li[id*=".otf-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > div[class$="TreeView-directory-icon"] > svg {
  2558. visibility: hidden;
  2559. }
  2560.  
  2561. div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".rdf"]) {
  2562. background-image: var(--rdf);
  2563. background-size: contain;
  2564. background-repeat: no-repeat;
  2565. background-position: center;
  2566. background-origin: content-box;
  2567. }
  2568. div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".rdf"]) > svg {
  2569. visibility: hidden;
  2570. }
  2571. file-tree li[id^="file-tree-item"][data-file-type=".rdf"] > a > span:first-child {
  2572. background-image: var(--rdf);
  2573. background-size: contain;
  2574. background-repeat: no-repeat;
  2575. background-position: center;
  2576. background-origin: content-box;
  2577. }
  2578. file-tree li[id^="file-tree-item"][data-file-type=".rdf"] > a > span:first-child > svg {
  2579. visibility: hidden;
  2580. }
  2581. table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".rdf"]) {
  2582. background-image: var(--rdf);
  2583. background-size: 16px;
  2584. background-repeat: no-repeat;
  2585. background-position-x: left;
  2586. background-position-y: center;
  2587. background-origin: content-box;
  2588. }
  2589. table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".rdf"]) > svg {
  2590. visibility: hidden;
  2591. }
  2592. li[id*=".rdf-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] {
  2593. background-image: var(--rdf);
  2594. background-size: 16px;
  2595. background-repeat: no-repeat;
  2596. background-position-x: left;
  2597. background-position-y: center;
  2598. background-origin: content-box;
  2599. }
  2600. li[id*=".rdf-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > svg,
  2601. li[id*=".rdf-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > div[class$="TreeView-directory-icon"] > svg {
  2602. visibility: hidden;
  2603. }
  2604.  
  2605. div:has( > svg[aria-label="File"]):has(+ div > span > a[href$="composer.json"]) {
  2606. background-image: var(--composer);
  2607. background-size: contain;
  2608. background-repeat: no-repeat;
  2609. background-position: center;
  2610. background-origin: content-box;
  2611. }
  2612. div:has( > svg[aria-label="File"]):has(+ div > span > a[href$="composer.json"]) > svg {
  2613. visibility: hidden;
  2614. }
  2615. file-tree li[id^="file-tree-item"][data-file-type="composer.json"] > a > span:first-child {
  2616. background-image: var(--composer);
  2617. background-size: contain;
  2618. background-repeat: no-repeat;
  2619. background-position: center;
  2620. background-origin: content-box;
  2621. }
  2622. file-tree li[id^="file-tree-item"][data-file-type="composer.json"] > a > span:first-child > svg {
  2623. visibility: hidden;
  2624. }
  2625. table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$="composer.json"]) {
  2626. background-image: var(--composer);
  2627. background-size: 16px;
  2628. background-repeat: no-repeat;
  2629. background-position-x: left;
  2630. background-position-y: center;
  2631. background-origin: content-box;
  2632. }
  2633. table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$="composer.json"]) > svg {
  2634. visibility: hidden;
  2635. }
  2636. li[id*="composer.json-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] {
  2637. background-image: var(--composer);
  2638. background-size: 16px;
  2639. background-repeat: no-repeat;
  2640. background-position-x: left;
  2641. background-position-y: center;
  2642. background-origin: content-box;
  2643. }
  2644. li[id*="composer.json-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > svg,
  2645. li[id*="composer.json-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > div[class$="TreeView-directory-icon"] > svg {
  2646. visibility: hidden;
  2647. }
  2648.  
  2649. div:has( > svg[aria-label="File"]):has(+ div > span > a[href$="composer.local.json"]) {
  2650. background-image: var(--composer);
  2651. background-size: contain;
  2652. background-repeat: no-repeat;
  2653. background-position: center;
  2654. background-origin: content-box;
  2655. }
  2656. div:has( > svg[aria-label="File"]):has(+ div > span > a[href$="composer.local.json"]) > svg {
  2657. visibility: hidden;
  2658. }
  2659. file-tree li[id^="file-tree-item"][data-file-type="composer.local.json"] > a > span:first-child {
  2660. background-image: var(--composer);
  2661. background-size: contain;
  2662. background-repeat: no-repeat;
  2663. background-position: center;
  2664. background-origin: content-box;
  2665. }
  2666. file-tree li[id^="file-tree-item"][data-file-type="composer.local.json"] > a > span:first-child > svg {
  2667. visibility: hidden;
  2668. }
  2669. table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$="composer.local.json"]) {
  2670. background-image: var(--composer);
  2671. background-size: 16px;
  2672. background-repeat: no-repeat;
  2673. background-position-x: left;
  2674. background-position-y: center;
  2675. background-origin: content-box;
  2676. }
  2677. table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$="composer.local.json"]) > svg {
  2678. visibility: hidden;
  2679. }
  2680. li[id*="composer.local.json-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] {
  2681. background-image: var(--composer);
  2682. background-size: 16px;
  2683. background-repeat: no-repeat;
  2684. background-position-x: left;
  2685. background-position-y: center;
  2686. background-origin: content-box;
  2687. }
  2688. li[id*="composer.local.json-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > svg,
  2689. li[id*="composer.local.json-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > div[class$="TreeView-directory-icon"] > svg {
  2690. visibility: hidden;
  2691. }
  2692.  
  2693. div:has( > svg[aria-label="File"]):has(+ div > span > a[href$="composer.lock"]) {
  2694. background-image: var(--composer);
  2695. background-size: contain;
  2696. background-repeat: no-repeat;
  2697. background-position: center;
  2698. background-origin: content-box;
  2699. }
  2700. div:has( > svg[aria-label="File"]):has(+ div > span > a[href$="composer.lock"]) > svg {
  2701. visibility: hidden;
  2702. }
  2703. file-tree li[id^="file-tree-item"][data-file-type="composer.lock"] > a > span:first-child {
  2704. background-image: var(--composer);
  2705. background-size: contain;
  2706. background-repeat: no-repeat;
  2707. background-position: center;
  2708. background-origin: content-box;
  2709. }
  2710. file-tree li[id^="file-tree-item"][data-file-type="composer.lock"] > a > span:first-child > svg {
  2711. visibility: hidden;
  2712. }
  2713. table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$="composer.lock"]) {
  2714. background-image: var(--composer);
  2715. background-size: 16px;
  2716. background-repeat: no-repeat;
  2717. background-position-x: left;
  2718. background-position-y: center;
  2719. background-origin: content-box;
  2720. }
  2721. table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$="composer.lock"]) > svg {
  2722. visibility: hidden;
  2723. }
  2724. li[id*="composer.lock-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] {
  2725. background-image: var(--composer);
  2726. background-size: 16px;
  2727. background-repeat: no-repeat;
  2728. background-position-x: left;
  2729. background-position-y: center;
  2730. background-origin: content-box;
  2731. }
  2732. li[id*="composer.lock-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > svg,
  2733. li[id*="composer.lock-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > div[class$="TreeView-directory-icon"] > svg {
  2734. visibility: hidden;
  2735. }
  2736.  
  2737. div:has( > svg[aria-label="File"]):has(+ div > span > a[href$="package.json"]) {
  2738. background-image: var(--nodejs);
  2739. background-size: contain;
  2740. background-repeat: no-repeat;
  2741. background-position: center;
  2742. background-origin: content-box;
  2743. }
  2744. div:has( > svg[aria-label="File"]):has(+ div > span > a[href$="package.json"]) > svg {
  2745. visibility: hidden;
  2746. }
  2747. file-tree li[id^="file-tree-item"][data-file-type="package.json"] > a > span:first-child {
  2748. background-image: var(--nodejs);
  2749. background-size: contain;
  2750. background-repeat: no-repeat;
  2751. background-position: center;
  2752. background-origin: content-box;
  2753. }
  2754. file-tree li[id^="file-tree-item"][data-file-type="package.json"] > a > span:first-child > svg {
  2755. visibility: hidden;
  2756. }
  2757. table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$="package.json"]) {
  2758. background-image: var(--nodejs);
  2759. background-size: 16px;
  2760. background-repeat: no-repeat;
  2761. background-position-x: left;
  2762. background-position-y: center;
  2763. background-origin: content-box;
  2764. }
  2765. table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$="package.json"]) > svg {
  2766. visibility: hidden;
  2767. }
  2768. li[id*="package.json-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] {
  2769. background-image: var(--nodejs);
  2770. background-size: 16px;
  2771. background-repeat: no-repeat;
  2772. background-position-x: left;
  2773. background-position-y: center;
  2774. background-origin: content-box;
  2775. }
  2776. li[id*="package.json-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > svg,
  2777. li[id*="package.json-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > div[class$="TreeView-directory-icon"] > svg {
  2778. visibility: hidden;
  2779. }
  2780.  
  2781. div:has( > svg[aria-label="File"]):has(+ div > span > a[href$="package-lock.json"]) {
  2782. background-image: var(--nodejs);
  2783. background-size: contain;
  2784. background-repeat: no-repeat;
  2785. background-position: center;
  2786. background-origin: content-box;
  2787. }
  2788. div:has( > svg[aria-label="File"]):has(+ div > span > a[href$="package-lock.json"]) > svg {
  2789. visibility: hidden;
  2790. }
  2791. file-tree li[id^="file-tree-item"][data-file-type="package-lock.json"] > a > span:first-child {
  2792. background-image: var(--nodejs);
  2793. background-size: contain;
  2794. background-repeat: no-repeat;
  2795. background-position: center;
  2796. background-origin: content-box;
  2797. }
  2798. file-tree li[id^="file-tree-item"][data-file-type="package-lock.json"] > a > span:first-child > svg {
  2799. visibility: hidden;
  2800. }
  2801. table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$="package-lock.json"]) {
  2802. background-image: var(--nodejs);
  2803. background-size: 16px;
  2804. background-repeat: no-repeat;
  2805. background-position-x: left;
  2806. background-position-y: center;
  2807. background-origin: content-box;
  2808. }
  2809. table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$="package-lock.json"]) > svg {
  2810. visibility: hidden;
  2811. }
  2812. li[id*="package-lock.json-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] {
  2813. background-image: var(--nodejs);
  2814. background-size: 16px;
  2815. background-repeat: no-repeat;
  2816. background-position-x: left;
  2817. background-position-y: center;
  2818. background-origin: content-box;
  2819. }
  2820. li[id*="package-lock.json-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > svg,
  2821. li[id*="package-lock.json-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > div[class$="TreeView-directory-icon"] > svg {
  2822. visibility: hidden;
  2823. }
  2824.  
  2825. div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".npmignore"]) {
  2826. background-image: var(--nodejs);
  2827. background-size: contain;
  2828. background-repeat: no-repeat;
  2829. background-position: center;
  2830. background-origin: content-box;
  2831. }
  2832. div:has( > svg[aria-label="File"]):has(+ div > span > a[href$=".npmignore"]) > svg {
  2833. visibility: hidden;
  2834. }
  2835. file-tree li[id^="file-tree-item"][data-file-type=".npmignore"] > a > span:first-child {
  2836. background-image: var(--nodejs);
  2837. background-size: contain;
  2838. background-repeat: no-repeat;
  2839. background-position: center;
  2840. background-origin: content-box;
  2841. }
  2842. file-tree li[id^="file-tree-item"][data-file-type=".npmignore"] > a > span:first-child > svg {
  2843. visibility: hidden;
  2844. }
  2845. table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".npmignore"]) {
  2846. background-image: var(--nodejs);
  2847. background-size: 16px;
  2848. background-repeat: no-repeat;
  2849. background-position-x: left;
  2850. background-position-y: center;
  2851. background-origin: content-box;
  2852. }
  2853. table[aria-labelledby="folders-and-files"] > tbody > tr > td > div.react-directory-filename-column:has( > div > h3 > div[title$=".npmignore"]) > svg {
  2854. visibility: hidden;
  2855. }
  2856. li[id*=".npmignore-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] {
  2857. background-image: var(--nodejs);
  2858. background-size: 16px;
  2859. background-repeat: no-repeat;
  2860. background-position-x: left;
  2861. background-position-y: center;
  2862. background-origin: content-box;
  2863. }
  2864. li[id*=".npmignore-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > svg,
  2865. li[id*=".npmignore-item"][role="treeitem"] > div > div:last-child > div[class$="TreeView-item-visual"] > div[class$="TreeView-directory-icon"] > svg {
  2866. visibility: hidden;
  2867. }
  2868.  
  2869. }

QingJ © 2025

镜像随时可能失效,请加Q群300939539或关注我们的公众号极客氢云获取最新地址