API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Feb 19th, 2020
179
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 12.08 KB | None | 0 0
raw download clone embed print report
  1. /* ~~~~     1.      TRANSPARENCY                    ~~~~ */
  2. body,
  3. #app-mount .app-1q1i1E,#app-mount .app-2rEoOp,
  4. #app-mount .container-16j22k,#app-mount .bg-h5JY_x,
  5. #app-mount .layer-3QrUeG,#app-mount .container-PNkimc,
  6. #app-mount .privateChannels-1nO12o,#app-mount .panels-j1Uci_ > *,
  7. #app-mount .chat-3bRxxu,#app-mount .noChannel-Z1DQK7,
  8. #app-mount .content-MLh4nU,#app-mount .container-1D34oG,
  9. #app-mount .pageWrapper-1PgVDX,#app-mount .scroller-2FKFPG,
  10. #app-mount .standardSidebarView-3F1I7i,#app-mount .contentRegion-3nDuYy {
  11.     background: transparent;
  12. }
  13. #app-mount .sidebarRegion-VFTUkN {
  14.     background-color: rgba(var(--vtransparencycolor), 0.2);
  15. }
  16. #app-mount {
  17.     background-color: rgba(var(--ColorScheme), var(--vtransparencyalpha));
  18. }
  19. #app-mount .wrapper-1Rf91z {
  20.     background-color: rgba(var(--ColorScheme), var(--vguildchanneltransparency));
  21. }
  22. #app-mount .sidebar-2K8pFh {
  23.     background-color: rgba(var(--ColorScheme), var(--vguildchanneltransparency));
  24. }
  25. #app-mount .panels-j1Uci_ {
  26.     background-color: rgba(var(--ColorScheme), var(--vguildchanneltransparency));
  27. }
  28. #app-mount .container-1r6BKw.themed-ANHk51 {
  29.     background-color: rgba(var(--ColorScheme), var(--vguildchanneltransparency));
  30. }
  31. #app-mount .membersWrap-2h-GB4 {
  32.     background-color: rgba(var(--ColorScheme), var(--vmemberlisttransparency));
  33. }
  34. #app-mount .nowPlayingColumn-2sl4cE {
  35.     background-color: rgba(var(--ColorScheme), var(--vmemberlisttransparency));
  36. }
  37. body:before {
  38.     content: ""; top: 0; left: 0;
  39.     right: 0; bottom: 0; position: fixed;
  40.     background: var(--vbackground) center/var(--vbackgroundsize);
  41. }
  42.  
  43. .content-OzHfo4:hover, .content-3at_AU:hover, .channel-2QD9_O a:hover
  44. {background: rgba(var(--HoverColor),.3) !important}
  45.  
  46. .channel-2QD9_O.selected-1HYmZZ a,
  47. .theme-dark .wrapper-1ucjTd.modeSelected-1zApJ_ .content-3at_AU,
  48. .theme-dark .wrapper-1ucjTd.modeSelected-1zApJ_:hover .content-3at_AU
  49. {background-color: rgba(var(--HoverColor),.6)}
  50.  
  51.  
  52. /* ----     6.2.    MESSAGES                        ---- */
  53.  
  54. .base-34jWEe h1 {                                           /* welcomemessage       dmchannel                           */
  55.     color: rgb(var(--TextColor));
  56. }
  57. .welcomeMessage-3_Mcht .h1-1IDj26 {                         /* welcomemessage       header                              */
  58.     color: rgb(var(--TextColor));
  59. }
  60. .welcomeMessage-3_Mcht p {                                  /* welcomemessage       line                                */
  61.     color: rgb(var(--TextColor));
  62. }
  63. .divider-JfaTT5:not(.isUnread-3Ef-o9) {                     /* divider              time                                */
  64.     border-color: rgba(var(--TextColor), 0.2);
  65. }
  66. .divider-JfaTT5.hasContent-1cNJDh {                         /* divider              hascontent                          */
  67.     border-color: transparent;
  68. }
  69. .content-1o0f9g {                                           /* divider              content                             */
  70.     background-color: rgba(var(--vtransparencycolor), 0.2);
  71.     color: rgb(var(--TextColor));
  72.     width: 100%;
  73.     text-align: center;
  74. }
  75.  
  76. .hasMore-3e72_v {                                           /* bar                  hasmore                             */
  77.     box-shadow: inset 0 0 0 1px rgba(var(--TextColor), 0.1);
  78. }
  79. .hasMore-3e72_v:hover {
  80.     background-color: rgba(var(--vtransparencycolor), 0.2);
  81. }
  82. .jumpToPresentBar-9P20AM {                                  /* bar                  jumptopresent                       */
  83.     overflow: hidden;
  84.     background: transparent;
  85.     opacity: 1;
  86. }
  87. .jumpToPresentBar-9P20AM:after,
  88. .jumpToPresentBar-9P20AM:before {
  89.     content: "";
  90.     position: absolute;
  91.     top: 0;
  92.     bottom: 0;
  93.     right: 0;
  94.     left: 0;
  95.     pointer-events: none;
  96.     z-index: -1;
  97. }
  98. .jumpToPresentBar-9P20AM:after {
  99.     background-color: rgba(var(--vtransparencycolor), calc(var(--vtransparencyalpha) + 0.2));
  100. }
  101. .jumpToPresentBar-9P20AM:before {
  102.     background: var(--vbackground) center/var(--vbackgroundsize);
  103.     filter: blur(var(--vbackgroundblur));
  104.     background-attachment: fixed;
  105. }
  106. .barButtonBase-3UKlW2 {                                     /* bar                  text                                */
  107.     color: rgb(var(--TextColor));
  108. }
  109.  
  110.  
  111. /* ====     6.2.1.  MESSAGE                         ==== */
  112.  
  113. .message-2qnXI6.selected-2P5D_Z,
  114. .mouse-mode .message-2qnXI6:hover {
  115.     background-color: rgba(var(--vtransparencycolor), calc(var(--vmessagetransparency) * 1.2 * var(--vusechatbubbles) + 0.3 * (1 - var(--vusechatbubbles))));
  116. }
  117. .message-2qnXI6.localBot-GrCgVt {                           /* message              localbot                            */
  118.     background-image: linear-gradient(rgba(var(--vaccentcolor), calc(0.1 * (1 - var(--vusechatbubbles)))), rgba(var(--vaccentcolor), calc(0.2 * (1 - var(--vusechatbubbles)))));
  119. }
  120. .message-2qnXI6.mentioned-xhSam7 {                          /* message              mentioned                           */
  121.     background-image: linear-gradient(rgba(var(--vaccentcolor), calc(0.2 * (1 - var(--vusechatbubbles)))), rgba(var(--vaccentcolor), calc(0.2 * (1 - var(--vusechatbubbles)))));
  122. }
  123. .systemMessage-1I9LCe .iconContainer-3GkGRf {
  124.     background-color: rgba(var(--vtransparencycolor), var(--vmessagetransparency));
  125.     border-radius: 50%;
  126.     left: calc(1px * (-58 * var(--vusechatbubbles) + -48 * (1 - var(--vusechatbubbles))));
  127.     height: 25px;
  128.     width: 25px;
  129. }
  130. .systemMessage-1I9LCe .iconContainer-3GkGRf:after {
  131.     content: "";
  132.     position: absolute;
  133.     top: 3px;
  134.     left: 26px;
  135.     border: 10px solid transparent;
  136.     border-right: 12px solid rgba(var(--vtransparencycolor), var(--vmessagetransparency));
  137. }
  138. .cozy-3raOZG .header-23xsNx:after {
  139.     content: "";
  140.     position: absolute;
  141.     top: 12px;
  142.     left: 40px;
  143.     border: 10px solid transparent;
  144.     border-right: 12px solid rgba(var(--vtransparencycolor), var(--vmessagetransparency));
  145. }
  146. .selected-2P5D_Z.cozy-3raOZG .header-23xsNx:after,
  147. .mouse-mode .cozy-3raOZG:hover .header-23xsNx:after,
  148. .selected-2P5D_Z.cozy-3raOZG .iconContainer-3GkGRf:after,
  149. .mouse-mode .cozy-3raOZG:hover .iconContainer-3GkGRf:after {
  150.     border-right-color: rgba(var(--vtransparencycolor), calc(var(--vmessagetransparency) * 1.2));
  151. }
  152. #app-mount .localBot-GrCgVt.cozy-3raOZG .header-23xsNx:after,
  153. #app-mount .mentioned-xhSam7.cozy-3raOZG .header-23xsNx:after {
  154.     border-right-color: rgba(var(--vaccentcolor), calc(var(--vmessagetransparency) * 100000000000000000000000000000));
  155. }
  156. .container-3FojY8 {
  157.     overflow: visible;
  158. }
  159. essageGroupWrapper-o-Zw7G .messageGroupCozy-2iY6cT .container-3FojY8,
  160. .searchResult-3pzFAB .messageGroupCozy-1BZuO8 .container-3FojY8 {
  161.     padding-left: calc(1px * (10 * var(--vusechatbubbles) + 72 * (1 - var(--vusechatbubbles))));
  162. }
  163.  
  164. .expanded-13sWhZ {                                          /* message              expanded blocked                    */
  165.     background-color: rgba(var(--vtransparencycolor), 0.2);
  166.     border-radius: 5px 5px 0 5px;
  167.     margin-bottom: .5625rem;
  168. }
  169.  
  170. .edited-DL9ECl {                                            /* message              editedtag                           */
  171.     color: rgb(var(--TextColor));
  172. }
  173.  
  174. .timestampCozy-1HNQR2,                                      /* message              timestamp                           */
  175. .timestampCompact-29LLPQ,
  176. .timestamp-1E3uAL {
  177.     color: rgb(var(--TextColor));
  178. }
  179.  
  180. .reaction-1hd86g {                                          /* message              reaction                            */
  181.     background-color: rgba(var(--vtransparencycolor), 0.3);
  182. }
  183. .reactionCount-2mvXRV {                                     /* message              reactioncount                       */
  184.     color: rgb(var(--TextColor));
  185. }
  186. .reaction-1hd86g:hover .reactionCount-2mvXRV {
  187.     color: rgb(var(--TextColor));
  188. }
  189.  
  190. .wrapper-2aW0bm {                                           /* message              buttons                             */
  191.     background-color: transparent;
  192.     position: relative;
  193. }
  194. .wrapper-2aW0bm:after,
  195. .wrapper-2aW0bm:before {
  196.     content: "";
  197.     position: absolute;
  198.     top: 0;
  199.     bottom: 0;
  200.     right: 0;
  201.     left: 0;
  202.     width: unset;
  203.     height: unset;
  204.     pointer-events: none;
  205.     z-index: -1;
  206. }
  207. .wrapper-2aW0bm:after {
  208.     background-color: rgba(var(--vtransparencycolor), calc(var(--vtransparencyalpha) + 0.25));
  209. }
  210. .wrapper-2aW0bm:before {
  211.     background: var(--vpopout) center/var(--vpopoutsize);
  212.     filter: blur(var(--vpopoutblur));
  213.     background-attachment: fixed;
  214. }
  215. .separator-42rNt0 {                                         /* message              buttonsseparator                    */
  216.     border-left-color: rgba(var(--TextColor), 0.1);
  217. }
  218. .button-1ZiXG9:hover {                                      /* message              button                              */
  219.     background-color: rgba(var(--vtransparencycolor), 0.2);
  220. }
  221. .button-1ZiXG9.selected-LCBEAU {
  222.     background-color: rgba(var(--vtransparencycolor), 0.4);
  223. }
  224.  
  225. #app-mount .localBotMessage-3cUzun,                         /* message              localbotoperations                  */
  226. #app-mount .operations-36ENbA {                             /* message              editoperations                      */
  227.     color: rgb(var(--TextColor));
  228. }
  229.  
  230. .markup-2BOw-j {                                            /* message              markup                              */
  231.     color: rgb(var(--TextColor));
  232. }
  233. .markup-2BOw-j code {                                       /* messageelement       code                                */
  234.     background-color: transparent;
  235.     border-color: transparent;
  236. }
  237. .markup-2BOw-j pre {                                        /* messageelement       pre                                 */
  238.     background-color: rgba(var(--vtransparencycolor), 0.4);
  239.     border-color: rgba(var(--vtransparencycolor), 0.1);
  240. }
  241. .markup-2BOw-j .inline {                                    /* messageelement       inline                              */
  242.     background-color: rgba(var(--vtransparencycolor), 0.4);
  243. }
  244. .markup-2BOw-j .hljs {                                      /* messageelement       hljs                                */
  245.     color: rgb(var(--TextColor));
  246. }
  247. .blockquoteDivider-2hH8H6 {                                 /* messageelement       quotedivider                        */
  248.     background-color: rgb(var(--TextColor));
  249. }
  250.  
  251. #app-mount .spoilerText-3p6IlD {                            /* messageelement       spoiler                             */
  252.     background-color: rgba(var(--vtransparencycolor), 0.2);
  253. }
  254. #app-mount .spoilerText-3p6IlD.hidden-HHr2R9 {              /* messageelement       hiddenspoiler                       */
  255.     background-color: rgba(var(--vtransparencycolor), 0.5);
  256. }
  257.  
  258.  
  259.  
  260. /* ----     13.2.   USERPOPOUT                      ---- */
  261.  
  262. .userPopout-3XzG_A:after,
  263. .userPopout-3XzG_A:before {
  264.     content: "";
  265.     position: absolute;
  266.     top: 0;
  267.     bottom: 0;
  268.     right: 0;
  269.     left: 0;
  270.     z-index: -1;
  271. }
  272. .userPopout-3XzG_A:after {
  273.     background-color: rgba(var(--ColorScheme), .75);
  274. }
  275. .userPopout-3XzG_A:before {
  276.     background: var(--vpopout) center/var(--vpopoutsize);
  277.     filter: blur(var(--vpopoutblur));
  278.     background-attachment: fixed;
  279.     opacity: .1
  280. }
  281. .header-2BwW8b {                                            /* popout               header                              */
  282.     color: rgb(var(--TextColor));
  283. }
  284. #app-mount .headerNormal-T_seeN {                           /* popout               headernormal                        */
  285.     background-color: rgba(var(--ColorScheme), 0);
  286. }
  287.  
  288. #app-mount .body-3iLsc4,                                    /* popout               body                                */
  289. #app-mount .bodyInner-245q0L,                               /* popout               bodyinner                           */
  290. #app-mount .footer-1fjuF6 {                                 /* popout               footer                              */
  291.     background-color: transparent;
  292.     color: rgb(var(--TextColor));
  293. }
  294.  
  295. .headerTag-2pZJzA {                                         /* header               headertag                           */
  296.     color: rgb(var(--TextColor));
  297. }
  298. .headerName-fajvi9,                                         /* header               username                            */
  299. .headerTagUsernameNoNickname-2_H881,
  300. #app-mount .headerNormal-T_seeN .headerName-fajvi9,
  301. #app-mount .headerNormal-T_seeN .headerTagUsernameNoNickname-2_H881 {
  302.     color: rgb(var(--TextColor));
  303. }
  304. #app-mount .headerTop-3C2Zn0 .textRow-19NEd_ {
  305.     color: rgb(var(--TextColor));
  306. }
  307. #app-mount .headerNormal-T_seeN .headerTop-3C2Zn0 .textRow-19NEd_ {
  308.     color: rgb(var(--TextColor));
  309. }
  310. #app-mount .activityUserPopout-2yItg2 .headerText-1HLrL7 {  /* header               activitytext                        */
  311.     color: rgb(var(--TextColor));
  312. }
  313. #app-mount .activityUserPopout-2yItg2 .content-3JfFJh,      /* header               activitycontent                     */
  314. #app-mount .activityUserPopout-2yItg2 .details-38sfDr,      /* header               activitydetails                     */
  315. #app-mount .activityUserPopout-2yItg2 .name-29ETJS {        /* header               activityname                        */
  316.     color: rgb(var(--TextColor));
  317. }
  318. .activityName-1IaRLn {                                      /* header               activityname                        */
  319.     color: rgb(var(--TextColor));
  320. }
  321. .bar-3urHkF {                                               /* header               activitybar                         */
  322.     background-color: rgba(var(--TextColor), 0.2);
  323. }
  324. .barInner-3NDaY_ {                                          /* header               activitybarfill                     */
  325.     background-color: rgb(var(--TextColor));
  326. }
  327. .text-AOoUen {                                              /* header               activitybartext                     */
  328.     color: rgb(var(--TextColor));
  329. }
  330. .listenAlongIcon-2vb1HG {                                   /* header               listenalong                         */
  331.     color: rgb(var(--TextColor));
  332. }
  333.  
  334. .bodyTitle-Y0qMQz {                                         /* body                 title                               */
  335.     color: rgb(var(--TextColor));
  336. }
  337. #app-mount .root-3-B5F3::-webkit-scrollbar {
  338.     width: 4px;
  339. }
  340. #app-mount .role-2irmRk {                                   /* body                 role                                */
  341.     border-color: rgba(var(--TextColor), 0.6);
  342.     position: relative;
  343. }
  344. #app-mount .role-2irmRk[style*="border-color: rgba(185, 187, 190, 0.6)"] {
  345.     border-color: rgba(var(--TextColor), 0.6) !important;
  346. }
  347. #app-mount .role-2irmRk .roleName-32vpEy {                  /* body                 rolename                            */
  348.     color: rgb(var(--TextColor));
  349.     margin: 0;
  350.     font-weight: normal;
  351.     position: relative;
  352.     height: 20px;
  353.     line-height: 20px;
  354.     z-index: 1000;
  355.     pointer-events: none;
  356. }
  357. #app-mount .role-2irmRk .roleCircle-3xAZ1j {                /* body                 rolecircle                          */
  358.     position: absolute;
  359.     background-color: rgb(var(--TextColor));
  360.     border-radius: 3px;
  361.     opacity: 0.3;
  362.     height: 100%;
  363.     width: 100%;
  364.     left: 0;
  365.     top: 0;
  366. }
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!