API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Mar 3rd, 2021
286
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 23.00 KB | None | 0 0
raw download clone embed print report
  1. /** colors will come from .cache/wal/colors.css as variables defined in :root
  2. * see: cat $HOME/.cache/wal/colors.css
  3. */
  4.  
  5. element {
  6. font-size: 100%;
  7. } /* end element */
  8. :root {
  9. /* Yeah, I know lightbg is actually darker than darkbg but whatever
  10. * change & pull it if you wish */
  11. --lightbg: linear-gradient(
  12. rgba(255, 255, 255, 0.03),
  13. rgba(255, 255, 255, 0.03)
  14. ),
  15. var(--background);
  16. --darkbg: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)),
  17. var(--background);
  18. }
  19.  
  20.  
  21. .theme-dark {
  22. --header-primary: var(--foreground);
  23. --header-secondary: var(--color7);
  24. --text-normal: var(--color7);
  25. --text-muted: var(--color7);
  26. --text-link: var(--color12);
  27. --channels-default: var(--foreground);
  28. --interactive-normal: var(--foreground);
  29. --interactive-hover: var(--foreground);
  30. --interactive-active: var(--foreground);
  31. --interactive-muted: var(--color1);
  32. background-color: var(--background);
  33. --background-primary: var(--background);
  34. --background-secondary: var(--background);
  35. --background-secondary-alt: var(--background);
  36. --background-tertiary: var(--background);
  37. --background-accent: var(--background);
  38. --background-floating: var(--background);
  39. --background-mobile-primary: var(--background);
  40. --background-mobile-secondary: var(--color8);
  41. --background-modifier-hover: rgba(79, 84, 92, 0.16);
  42. --background-modifier-active: rgba(79, 84, 92, 0.24);
  43. --background-modifier-selected: rgba(79, 84, 92, 0.32);
  44. --background-modifier-accent: hsla(0, 0%, 100%, 0.06);
  45. --background-mentioned: rgba(250, 166, 26, 0.05);
  46. --background-mentioned-hover: rgba(250, 166, 26, 0.08);
  47. --background-message-hover: rgba(4, 4, 5, 0.07);
  48. --elevation-stroke: 0 0 0 1px rgba(4, 4, 5, 0.15);
  49. --elevation-low: 0 1px 0 rgba(4, 4, 5, 0.2), 0 1.5px 0 rgba(6, 6, 7, 0.05),
  50. 0 2px 0 rgba(4, 4, 5, 0.05);
  51. --elevation-medium: 0 4px 4px rgba(0, 0, 0, 0.16);
  52. --elevation-high: 0 8px 16px rgba(0, 0, 0, 0.24);
  53. --logo-primary: #fff;
  54. --guild-header-text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
  55. --channeltextarea-background: var(--background);
  56. --activity-card-background: #ff0000;
  57. --textbox-markdown-syntax: var(--foreground);
  58. --deprecated-card-bg: rgba(32, 34, 37, 0.6);
  59. --deprecated-card-editable-bg: rgba(32, 34, 37, 0.3);
  60. --deprecated-store-bg: #36393f;
  61. --deprecated-quickswitcher-input-background: var(--color8);
  62. --deprecated-quickswitcher-input-placeholder: var(--color7);
  63. --deprecated-text-input-bg: rgba(0, 0, 0, 0.1);
  64. --deprecated-text-input-border: rgba(0, 0, 0, 0.3);
  65. --deprecated-text-input-border-hover: #040405;
  66. --deprecated-text-input-border-disabled: #202225;
  67. --deprecated-text-input-prefix: #dcddde;
  68. --scrollbar-thin-thumb: var(--color3);
  69. --scrollbar-auto-thumb: var(--color3);
  70. --scrollbar-auto-track: var(--lightbg);
  71. --scrollbar-thin-track: var(--lightbg);
  72.  
  73. } /* end .theme-dark */
  74.  
  75. .theme-light {
  76. --header-primary: var(--color8);
  77. --header-secondary: var(--background);
  78. --text-normal: var(--background);
  79. --text-muted: var(--color8);
  80. --text-link: var(--color12);
  81. --channels-default: var(--background);
  82. --interactive-hover: var(--color8);
  83. --interactive-active: var(--color8);
  84. --interactive-muted: var(--color8);
  85. --background-primary: var(--color7);
  86. --background-secondary: var(--foreground);
  87. --background-secondary-alt: var(--foreground);
  88. --background-tertiary: var(--color7);
  89. --background-accent: var(--color7);
  90. --background-floating: var(--color7);
  91. --background-mobile-primary: var(--color7);
  92. --background-mobile-secondary: var(--foreground);
  93. --background-modifier-hover: rgba(79, 84, 92, 0.16);
  94. --background-modifier-active: rgba(79, 84, 92, 0.24);
  95. --background-modifier-selected: rgba(79, 84, 92, 0.32);
  96. --background-modifier-accent: hsla(0, 0%, 100%, 0.06);
  97. --background-mentioned: rgba(250, 166, 26, 0.05);
  98. --background-mentioned-hover: rgba(250, 166, 26, 0.08);
  99. --background-message-hover: rgba(4, 4, 5, 0.07);
  100. --elevation-stroke: 0 0 0 1px rgba(4, 4, 5, 0.15);
  101. --elevation-low: 0 1px 0 rgba(4, 4, 5, 0.2), 0 1.5px 0 rgba(6, 6, 7, 0.05),
  102. 0 2px 0 rgba(4, 4, 5, 0.05);
  103. --elevation-medium: 0 4px 4px rgba(0, 0, 0, 0.16);
  104. --elevation-high: 0 8px 16px rgba(0, 0, 0, 0.24);
  105. --logo-primary: #fff;
  106. --guild-header-text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
  107. --channeltextarea-background: var(--foreground);
  108. --activity-card-background: #ff0000;
  109. --textbox-markdown-syntax: var(--color8);
  110. --deprecated-card-bg: rgba(32, 34, 37, 0.6);
  111. --deprecated-card-editable-bg: rgba(32, 34, 37, 0.3);
  112. --deprecated-store-bg: #36393f;
  113. --deprecated-quickswitcher-input-background: var(--foreground);
  114. --deprecated-quickswitcher-input-placeholder: var(--color8);
  115. --deprecated-text-input-bg: rgba(0, 0, 0, 0.1);
  116. --deprecated-text-input-border: rgba(0, 0, 0, 0.3);
  117. --deprecated-text-input-border-hover: #040405;
  118. --deprecated-text-input-border-disabled: #202225;
  119. --deprecated-text-input-prefix: #dcddde;
  120. } /* end .theme-light */
  121.  
  122. /* Inline text */
  123. .markup-2BOw-j code {
  124. background: var(--lightbg);
  125. }
  126.  
  127. /* New Messages Bar */
  128. .newMessagesBar-265mhP {
  129. background-color: var(--color3);
  130. }
  131.  
  132. /* Emoji picker body background */
  133. .emojiPickerInExpressionPicker-3IzIcv .emojiPicker-3PwZFl {
  134. background-color: var(--background);
  135. }
  136.  
  137. /* Emoji picker header background */
  138. .contentWrapper-SvZHNd {
  139. background-color: var(--background);
  140. }
  141.  
  142. /* Friends tab background */
  143. .theme-dark .container-1D34oG {
  144. background-color: var(--background);
  145. }
  146.  
  147.  
  148. /* User popout body */
  149. .theme-dark .body-3iLsc4, .theme-dark .footer-1fjuF6 {
  150. background-color: var(--background);
  151. }
  152.  
  153. /* User popout header */
  154. .theme-dark .headerNormal-T_seeN {
  155. background-color: var(--background);
  156. }
  157.  
  158. /* User popout header when playing a game */
  159. .headerPlaying-j0WQBV {
  160. background: var(--color1);
  161. }
  162.  
  163. /* Tab underneath users in the Active Now tab on the friends page */
  164. .theme-dark .inset-3sAvek {
  165. background-color: var(--background)
  166. }
  167.  
  168. /* Edit buttons in the settings page */
  169. .lookFilled-1Gx00P.colorGrey-2DXtkV {
  170. color: #fff;
  171. background-color: var(--color1);
  172. }
  173.  
  174. .scroller-2LSbBU {
  175. /* Settings */
  176. background: var(--background);
  177. } /* end of settings */
  178.  
  179. html body {
  180. .appMount-3lHmkl,
  181. body,
  182. html {
  183. height: 100%;
  184. width: 100%;
  185. } /* end .appMount-3lHmkl, body, html */
  186.  
  187. a,
  188. abbr,
  189. acronym,
  190. address,
  191. applet,
  192. big,
  193. blockquote,
  194. body,
  195. caption,
  196. cite,
  197. code,
  198. dd,
  199. del,
  200. dfn,
  201. div,
  202. dl,
  203. dt,
  204. em,
  205. fieldset,
  206. form,
  207. h1,
  208. h2,
  209. h3,
  210. h4,
  211. h5,
  212. h6,
  213. html,
  214. iframe,
  215. img,
  216. ins,
  217. kbd,
  218. label,
  219. legend,
  220. li,
  221. object,
  222. ol,
  223. p,
  224. pre,
  225. q,
  226. s,
  227. samp,
  228. small,
  229. span,
  230. strike,
  231. strong,
  232. table,
  233. tbody,
  234. td,
  235. tfoot,
  236. th,
  237. thead,
  238. tr,
  239. tt,
  240. ul,
  241. var {
  242. margin: 0;
  243. padding: 0;
  244. border: 0;
  245. font-weight: inherit;
  246. font-style: inherit;
  247. font-family: inherit;
  248. font-size: 100%;
  249. vertical-align: baseline;
  250. } /* end a, abbr, acronym, address, applet, big, blockquote, body, caption, cite, code, dd, del, dfn, div, dl, dt, em, fieldset, form, h1, h2, h3, h4, h5, h6, html, iframe, img, ins, kbd, label, legend, li, object, ol, p, pre, q, s, samp, small, span, strike, strong, table, tbody, td, tfoot, th, thead, tr, tt, ul, var */
  251.  
  252. element {
  253. } /* end element */
  254.  
  255. ::placeholder,
  256. body,
  257. button,
  258. input,
  259. select,
  260. textarea {
  261. font-family: Fira Sans, Whitney, Helvetica Neue, Helvetica, Arial,
  262. sans-serif;
  263. text-rendering: optimizeLegibility;
  264. } /* end ::placeholder, body, button, input, select, textarea */
  265.  
  266. ::placeholder,
  267. body,
  268. button,
  269. input,
  270. select,
  271. textarea {
  272. font-family: Fira Sans, Whitney, Helvetica Neue, Helvetica, Arial,
  273. sans-serif;
  274. text-rendering: optimizeLegibility;
  275. } /* end ::placeholder, body, button, input, select, textarea */
  276.  
  277. ::-webkit-input-placeholder,
  278. body,
  279. button,
  280. input,
  281. select,
  282. textarea {
  283. font-family: Fira Sans, Whitney, Helvetica Neue, Helvetica, Arial,
  284. sans-serif;
  285. text-rendering: optimizeLegibility;
  286. } /* end ::-webkit-input-placeholder, body, button, input, select, textarea */
  287. } /* end body */
  288.  
  289. html body div#app-mount.appMount-3lHmkl {
  290. element {
  291. } /* end element */
  292.  
  293. .appMount-3lHmkl,
  294. body {
  295. background-color: var(--background-tertiary);
  296. text-rendering: optimizeLegibility;
  297. } /* end .appMount-3lHmkl, body */
  298.  
  299. .appMount-3lHmkl,
  300. body,
  301. html {
  302. height: 100%;
  303. width: 100%;
  304. } /* end .appMount-3lHmkl, body, html */
  305.  
  306. body {
  307. line-height: 1;
  308. margin: 0;
  309. padding: 0;
  310. font-family: Fira Sans, Whitney, Helvetica Neue, Helvetica, Arial,
  311. sans-serif;
  312. overflow: hidden;
  313. -webkit-user-select: none;
  314. -moz-user-select: none;
  315. -ms-user-select: none;
  316. user-select: none;
  317. background: transparent;
  318. background-color: transparent;
  319. } /* end body */
  320.  
  321. a,
  322. abbr,
  323. acronym,
  324. address,
  325. applet,
  326. big,
  327. blockquote,
  328. body,
  329. caption,
  330. cite,
  331. code,
  332. dd,
  333. del,
  334. dfn,
  335. div,
  336. dl,
  337. dt,
  338. em,
  339. fieldset,
  340. form,
  341. h1,
  342. h2,
  343. h3,
  344. h4,
  345. h5,
  346. h6,
  347. html,
  348. iframe,
  349. img,
  350. ins,
  351. kbd,
  352. label,
  353. legend,
  354. li,
  355. object,
  356. ol,
  357. p,
  358. pre,
  359. q,
  360. s,
  361. samp,
  362. small,
  363. span,
  364. strike,
  365. strong,
  366. table,
  367. tbody,
  368. td,
  369. tfoot,
  370. th,
  371. thead,
  372. tr,
  373. tt,
  374. ul,
  375. var {
  376. margin: 0;
  377. padding: 0;
  378. border: 0;
  379. font-weight: inherit;
  380. font-style: inherit;
  381. font-family: inherit;
  382. font-size: 100%;
  383. vertical-align: baseline;
  384. } /* end a, abbr, acronym, address, applet, big, blockquote, body, caption, cite, code, dd, del, dfn, div, dl, dt, em, fieldset, form, h1, h2, h3, h4, h5, h6, html, iframe, img, ins, kbd, label, legend, li, object, ol, p, pre, q, s, samp, small, span, strike, strong, table, tbody, td, tfoot, th, thead, tr, tt, ul, var */
  385.  
  386. a,
  387. button,
  388. div,
  389. input,
  390. select,
  391. span,
  392. strong,
  393. textarea {
  394. outline: 0;
  395. } /* end a, button, div, input, select, span, strong, textarea */
  396.  
  397. a,
  398. abbr,
  399. acronym,
  400. address,
  401. applet,
  402. big,
  403. blockquote,
  404. body,
  405. caption,
  406. cite,
  407. code,
  408. dd,
  409. del,
  410. dfn,
  411. div,
  412. dl,
  413. dt,
  414. em,
  415. fieldset,
  416. form,
  417. h1,
  418. h2,
  419. h3,
  420. h4,
  421. h5,
  422. h6,
  423. html,
  424. iframe,
  425. img,
  426. ins,
  427. kbd,
  428. label,
  429. legend,
  430. li,
  431. object,
  432. ol,
  433. p,
  434. pre,
  435. q,
  436. s,
  437. samp,
  438. small,
  439. span,
  440. strike,
  441. strong,
  442. table,
  443. tbody,
  444. td,
  445. tfoot,
  446. th,
  447. thead,
  448. tr,
  449. tt,
  450. ul,
  451. var {
  452. margin: 0;
  453. padding: 0;
  454. border: 0;
  455. font-weight: inherit;
  456. font-style: inherit;
  457. font-family: inherit;
  458. font-size: 100%;
  459. vertical-align: baseline;
  460. } /* end a, abbr, acronym, address, applet, big, blockquote, body, caption, cite, code, dd, del, dfn, div, dl, dt, em, fieldset, form, h1, h2, h3, h4, h5, h6, html, iframe, img, ins, kbd, label, legend, li, object, ol, p, pre, q, s, samp, small, span, strike, strong, table, tbody, td, tfoot, th, thead, tr, tt, ul, var */
  461. } /* end body div#app-mount.appMount-3lHmkl */
  462.  
  463. .avatarSpeaking-2IGMRN {
  464. /* fix speaking indicator */
  465. -webkit-box-shadow: inset 0 0 0 2px var(--foreground),
  466. inset 0 0 0 3px var(--background-secondary);
  467. box-shadow: inset 0 0 0 2px var(--foreground), inset 0 0 0 3px;
  468. }
  469.  
  470. :root {
  471. --server-size: var(--HSL-server-icon-size, var(--HSL-size, 35px));
  472. --server-spacing: var(--HSL-server-spacing, var(--HSL-spacing, 10px));
  473. --server-container: calc(var(--server-size) + 20px);
  474. }
  475.  
  476. #app-mount .app-1q1i1E .base-3dtUhz {
  477. top: var(--server-container) !important;
  478. position: absolute !important;
  479. left: 0 !important;
  480. }
  481. #app-mount .sidebar-2K8pFh {
  482. border-radius: 0;
  483. }
  484. #app-mount [class*=unreadMentionsIndicator] {
  485. width: var(--server-size);
  486. padding: 0;
  487. left: 50%;
  488. transform: translateX(-50%);
  489. height: auto;
  490. }
  491. #app-mount .wrapper-1Rf91z.guilds-1SWlCJ {
  492. transform-origin: top left;
  493. transform: rotate(-90deg);
  494. height: 100vw !important;
  495. width: var(--server-container);
  496. top: var(--server-container);
  497. bottom: unset;
  498. position: absolute !important;
  499. left: 0;
  500. }
  501. #app-mount .wrapper-1Rf91z.guilds-1SWlCJ .scrollerWrap-1IAIlv {
  502. width: calc(100% + 30px);
  503. }
  504. #app-mount .wrapper-1Rf91z.guilds-1SWlCJ .scroller-2TZvBN {
  505. padding-top: 0 !important;
  506. }
  507. #app-mount .wrapper-1Rf91z.guilds-1SWlCJ .scroller-2TZvBN > div[style]:not(.listItem-2P_4kh) {
  508. height: auto !important;
  509. }
  510. #app-mount .wrapper-1Rf91z.guilds-1SWlCJ .scroller-2TZvBN > div[style]:not(.listItem-2P_4kh)[style*="height: 0px"] {
  511. padding-top: 1px;
  512. }
  513. #app-mount .wrapper-1Rf91z.guilds-1SWlCJ .svg-1X37T1,
  514. #app-mount .wrapper-1Rf91z.guilds-1SWlCJ .wrapper-25eVIn,
  515. #app-mount .wrapper-1Rf91z.guilds-1SWlCJ .guildsError-b7zR5H,
  516. #app-mount .wrapper-1Rf91z.guilds-1SWlCJ .placeholderMask-3K9THS {
  517. width: var(--server-size);
  518. height: var(--server-size);
  519. }
  520. #app-mount .wrapper-1Rf91z.guilds-1SWlCJ [role=group] {
  521. height: auto !important;
  522. }
  523. #app-mount .wrapper-1Rf91z.guilds-1SWlCJ [class*=pill] {
  524. transform: rotate(90deg) translateY(-50%);
  525. height: var(--server-size);
  526. width: 4px;
  527. top: calc(var(--server-size) / -1 + var(--server-size) / 2 - 8px) !important;
  528. margin-left: -2px;
  529. }
  530. #app-mount .wrapper-1Rf91z.guilds-1SWlCJ [class*=pill] span {
  531. height: 100% !important;
  532. width: 4px !important;
  533. transform: scale(0, 1) !important;
  534. transition: 0.15s ease !important;
  535. margin-left: 0;
  536. border-radius: 0 4px 4px 0;
  537. }
  538. #app-mount .wrapper-1Rf91z.guilds-1SWlCJ [class*=pill] span[style*="height: 0"] {
  539. transform: scale(1, 0.24) !important;
  540. }
  541. #app-mount .wrapper-1Rf91z.guilds-1SWlCJ [class*=pill] span[style*="height: 1"] {
  542. transform: scale(1, 0.24) !important;
  543. }
  544. #app-mount .wrapper-1Rf91z.guilds-1SWlCJ [class*=pill] span[style*="height: 2"] {
  545. transform: scale(1, 0.24) !important;
  546. }
  547. #app-mount .wrapper-1Rf91z.guilds-1SWlCJ [class*=pill] span[style*="height: 3"] {
  548. transform: scale(1, 0.24) !important;
  549. }
  550. #app-mount .wrapper-1Rf91z.guilds-1SWlCJ [class*=pill] span[style*="height: 4"] {
  551. transform: scale(1, 0.24) !important;
  552. }
  553. #app-mount .wrapper-1Rf91z.guilds-1SWlCJ [class*=pill] span[style*="height: 5"] {
  554. transform: scale(1, 0.24) !important;
  555. }
  556. #app-mount .wrapper-1Rf91z.guilds-1SWlCJ [class*=pill] span[style*="height: 6"] {
  557. transform: scale(1, 0.24) !important;
  558. }
  559. #app-mount .wrapper-1Rf91z.guilds-1SWlCJ [class*=pill] span[style*="height: 7"] {
  560. transform: scale(1, 0.24) !important;
  561. }
  562. #app-mount .wrapper-1Rf91z.guilds-1SWlCJ [class*=pill] span[style*="height: 8"] {
  563. transform: scale(1, 0.24) !important;
  564. }
  565. #app-mount .wrapper-1Rf91z.guilds-1SWlCJ [class*=pill] span[style*="height: 9"] {
  566. transform: scale(1, 0.7) !important;
  567. }
  568. #app-mount .wrapper-1Rf91z.guilds-1SWlCJ [class*=pill] span[style*="height: 10"] {
  569. transform: scale(1, 0.7) !important;
  570. }
  571. #app-mount .wrapper-1Rf91z.guilds-1SWlCJ [class*=pill] span[style*="height: 11"] {
  572. transform: scale(1, 0.7) !important;
  573. }
  574. #app-mount .wrapper-1Rf91z.guilds-1SWlCJ [class*=pill] span[style*="height: 12"] {
  575. transform: scale(1, 0.7) !important;
  576. }
  577. #app-mount .wrapper-1Rf91z.guilds-1SWlCJ [class*=pill] span[style*="height: 13"] {
  578. transform: scale(1, 0.7) !important;
  579. }
  580. #app-mount .wrapper-1Rf91z.guilds-1SWlCJ [class*=pill] span[style*="height: 14"] {
  581. transform: scale(1, 0.7) !important;
  582. }
  583. #app-mount .wrapper-1Rf91z.guilds-1SWlCJ [class*=pill] span[style*="height: 15"] {
  584. transform: scale(1, 0.7) !important;
  585. }
  586. #app-mount .wrapper-1Rf91z.guilds-1SWlCJ [class*=pill] span[style*="height: 16"] {
  587. transform: scale(1, 0.7) !important;
  588. }
  589. #app-mount .wrapper-1Rf91z.guilds-1SWlCJ [class*=pill] span[style*="height: 17"] {
  590. transform: scale(1, 0.7) !important;
  591. }
  592. #app-mount .wrapper-1Rf91z.guilds-1SWlCJ [class*=pill] span[style*="height: 18"] {
  593. transform: scale(1, 0.7) !important;
  594. }
  595. #app-mount .wrapper-1Rf91z.guilds-1SWlCJ [class*=pill] span[style*="height: 19"] {
  596. transform: scale(1, 0.7) !important;
  597. }
  598. #app-mount .wrapper-1Rf91z.guilds-1SWlCJ [class*=pill] span[style*="height: 20"] {
  599. transform: scale(1, 0.7) !important;
  600. }
  601. #app-mount .wrapper-1Rf91z.guilds-1SWlCJ [class*=pill] span[style*="height: 21"] {
  602. transform: scale(1, 1) !important;
  603. }
  604. #app-mount .wrapper-1Rf91z.guilds-1SWlCJ [class*=pill] span[style*="height: 22"] {
  605. transform: scale(1, 1) !important;
  606. }
  607. #app-mount .wrapper-1Rf91z.guilds-1SWlCJ [class*=pill] span[style*="height: 23"] {
  608. transform: scale(1, 1) !important;
  609. }
  610. #app-mount .wrapper-1Rf91z.guilds-1SWlCJ [class*=pill] span[style*="height: 24"] {
  611. transform: scale(1, 1) !important;
  612. }
  613. #app-mount .wrapper-1Rf91z.guilds-1SWlCJ [class*=pill] span[style*="height: 25"] {
  614. transform: scale(1, 1) !important;
  615. }
  616. #app-mount .wrapper-1Rf91z.guilds-1SWlCJ [class*=pill] span[style*="height: 26"] {
  617. transform: scale(1, 1) !important;
  618. }
  619. #app-mount .wrapper-1Rf91z.guilds-1SWlCJ [class*=pill] span[style*="height: 27"] {
  620. transform: scale(1, 1) !important;
  621. }
  622. #app-mount .wrapper-1Rf91z.guilds-1SWlCJ [class*=pill] span[style*="height: 28"] {
  623. transform: scale(1, 1) !important;
  624. }
  625. #app-mount .wrapper-1Rf91z.guilds-1SWlCJ [class*=pill] span[style*="height: 29"] {
  626. transform: scale(1, 1) !important;
  627. }
  628. #app-mount .wrapper-1Rf91z.guilds-1SWlCJ [class*=pill] span[style*="height: 30"] {
  629. transform: scale(1, 1) !important;
  630. }
  631. #app-mount .wrapper-1Rf91z.guilds-1SWlCJ [class*=pill] span[style*="height: 31"] {
  632. transform: scale(1, 1) !important;
  633. }
  634. #app-mount .wrapper-1Rf91z.guilds-1SWlCJ [class*=pill] span[style*="height: 32"] {
  635. transform: scale(1, 1) !important;
  636. }
  637. #app-mount .wrapper-1Rf91z.guilds-1SWlCJ [class*=pill] span[style*="height: 33"] {
  638. transform: scale(1, 1) !important;
  639. }
  640. #app-mount .wrapper-1Rf91z.guilds-1SWlCJ [class*=pill] span[style*="height: 34"] {
  641. transform: scale(1, 1) !important;
  642. }
  643. #app-mount .wrapper-1Rf91z.guilds-1SWlCJ [class*=pill] span[style*="height: 35"] {
  644. transform: scale(1, 1) !important;
  645. }
  646. #app-mount .wrapper-1Rf91z.guilds-1SWlCJ [class*=pill] span[style*="height: 36"] {
  647. transform: scale(1, 1) !important;
  648. }
  649. #app-mount .wrapper-1Rf91z.guilds-1SWlCJ [class*=pill] span[style*="height: 37"] {
  650. transform: scale(1, 1) !important;
  651. }
  652. #app-mount .wrapper-1Rf91z.guilds-1SWlCJ [class*=pill] span[style*="height: 38"] {
  653. transform: scale(1, 1) !important;
  654. }
  655. #app-mount .wrapper-1Rf91z.guilds-1SWlCJ [class*=pill] span[style*="height: 39"] {
  656. transform: scale(1, 1) !important;
  657. }
  658. #app-mount .wrapper-1Rf91z.guilds-1SWlCJ [class*=pill] span[style*="height: 40"] {
  659. transform: scale(1, 1) !important;
  660. }
  661. #app-mount .wrapper-1Rf91z.guilds-1SWlCJ .wrapper-sa6paO {
  662. height: var(--server-size) !important;
  663. }
  664. #app-mount .wrapper-1Rf91z.guilds-1SWlCJ .listItem-2P_4kh {
  665. width: var(--server-size);
  666. transform: rotate(90deg);
  667. margin: var(--server-spacing) 10px;
  668. position: unset;
  669. }
  670. #app-mount .wrapper-1Rf91z.guilds-1SWlCJ .guildSeparator-3s64Iy {
  671. transform: rotate(90deg);
  672. width: var(--server-size);
  673. }
  674. #app-mount .wrapper-1Rf91z.guilds-1SWlCJ .wrapper-21YSNc {
  675. width: var(--server-container);
  676. }
  677. #app-mount .wrapper-1Rf91z.guilds-1SWlCJ .expandedFolderBackground-2sPsd- {
  678. width: var(--server-size);
  679. left: 50%;
  680. border-radius: 10px;
  681. transform: translateX(-50%);
  682. }
  683. #app-mount .wrapper-1Rf91z.guilds-1SWlCJ .folder-21wGz3 {
  684. background: transparent;
  685. }
  686. #app-mount .listItemTooltip-CDcY8J {
  687. position: absolute;
  688. max-width: unset;
  689. white-space: nowrap;
  690. margin-left: calc(var(--server-size) / -1 - 20px);
  691. top: calc(var(--server-size) - 10px);
  692. }
  693. #app-mount .listItemTooltip-CDcY8J .tooltipPointer-3ZfirK {
  694. transform: rotate(180deg);
  695. top: -5px;
  696. right: unset;
  697. left: 13px;
  698. z-index: 1;
  699. }
  700. #app-mount .friendsOnline-2JkivW {
  701. position: absolute;
  702. transform: translate(-50%, 50%);
  703. top: calc(-50% + var(--server-spacing));
  704. left: calc(-50%);
  705. width: calc(var(--server-size) + var(--server-spacing));
  706. display: flex;
  707. justify-content: center;
  708. }
  709. #app-mount .guilds-1SWlCJ.content-Pph8t6 {
  710. position: absolute !important;
  711. top: calc(var(--server-container) * 2) !important;
  712. }
  713. #app-mount .guilds-1SWlCJ.content-Pph8t6:not(.closed-j55_T-) + .base-3dtUhz {
  714. top: calc(var(--server-container) * 2) !important;
  715. }
  716. #app-mount .guilds-1SWlCJ .frame-oXWS21.listItem-2P_4kh {
  717. height: var(--server-size) !important;
  718. }
  719. #app-mount .guilds-1SWlCJ .frame-oXWS21.listItem-2P_4kh .wrapper-1BJsBx {
  720. height: 100% !important;
  721. }
  722. #app-mount .guilds-1SWlCJ .frame-oXWS21.listItem-2P_4kh .button-Jt-tIg {
  723. width: 100%;
  724. height: 100% !important;
  725. border-radius: 50%;
  726. padding: 2px;
  727. font-size: 10px;
  728. box-sizing: border-box;
  729. text-align: center;
  730. }
  731.  
  732. html.platform-osx #app-mount .typeMacOS-3EmCyP {
  733. width: 100%;
  734. }
  735. html.platform-osx #app-mount .base-3dtUhz {
  736. top: calc(var(--server-container) + 30px) !important;
  737. }
  738. html.platform-osx #app-mount #pluginNotice {
  739. top: 32px;
  740. z-index: 100000 !important;
  741. }
  742.  
  743. body.foldercontentopened .base-3dtUhz {
  744. transition: 0.2s ease !important;
  745. }
  746.  
  747.  
  748. :root {
  749. --borders-servers-default: 4px; /* Square: 0px */
  750. --borders-servers-interactive: 30px; /* Circle: >30px */
  751. --borders-folders: 14px; /* Square: <10px */
  752. }
  753.  
  754. #app-mount .childWrapper-anI2G9,
  755. #app-mount .svg-1X37T1,
  756. #app-mount .icon-27yU2q,
  757. #app-mount .wrapper-25eVIn,
  758. #app-mount .wrapper-25eVIn foreignObject,
  759. #app-mount .circleIconButton-jET_ig,
  760. #app-mount .guildIcon-3W0pfo foreignObject,
  761. #app-mount .categoryItemGuildCategory-3MisqI foreignObject,
  762. #app-mount .mask-2hO5M8 foreignObject,
  763. #app-mount [mask="url(#svg-mask-squircle)"],
  764. #app-mount .popout-server-search .image-33JSyf {
  765. mask: none;
  766. border-radius: var(--borders-servers-default);
  767. transition: 0.1s ease-out;
  768. }
  769. #app-mount .avatarUploaderInner-3UNxY3,
  770. #app-mount .iconSizeMedium-2OqPjI,
  771. #app-mount .iconActiveMedium-1UaEIR,
  772. #app-mount .iconActiveLarge-2nzn9z,
  773. #app-mount .iconActiveLarger-1L4Joi,
  774. #app-mount .iconInactive-98JN5i,
  775. #app-mount .guild-J3Egt5,
  776. #app-mount .filledIcon-2eb7eA,
  777. #app-mount .guildIcon-nSLcmS,
  778. #app-mount .guildIcon-1F8t_p,
  779. #app-mount .bd-server-icon {
  780. border-radius: var(--borders-servers-default);
  781. }
  782. #app-mount .voiceSectionAssets-1gjfmz,
  783. #app-mount .voiceSectionGuildImage-3HwnfL,
  784. #app-mount .voiceSectionNoGuildImageWrapper-TicZR3 {
  785. -webkit-mask: none;
  786. mask: none;
  787. border-radius: var(--borders-servers-default);
  788. }
  789. #app-mount .avatarMask-2SqW1n foreignObject {
  790. mask: none;
  791. border-radius: var(--borders-servers-default);
  792. }
  793. #app-mount .avatarMask-2SqW1n,
  794. #app-mount .avatar-3z61ij {
  795. border-radius: var(--borders-servers-default);
  796. }
  797. #app-mount .wrapper-25eVIn foreignObject {
  798. overflow: visible;
  799. }
  800. #app-mount .selected-bZ3Lue .childWrapper-anI2G9,
  801. #app-mount .selected-bZ3Lue .icon-27yU2q,
  802. #app-mount .circleIconButton-jET_ig.selected-ugP_am {
  803. border-radius: var(--borders-servers-interactive);
  804. transition: 0.1s ease-out;
  805. }
  806. #app-mount .folder-21wGz3,
  807. #app-mount .folderIconWrapper-226oVY {
  808. border-radius: calc(var(--borders-folders) - 10px);
  809. }
  810. #app-mount .expandedFolderBackground-2sPsd- {
  811. border-radius: var(--borders-folders);
  812. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!