Advertisement
Guest User

Untitled

a guest
Apr 24th, 2019
102
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.51 KB | None | 0 0
  1. .emoji.jumboable {
  2. width: 100px !important;
  3. height: 100px !important;
  4. }
  5.  
  6. .emoji {
  7. width: 50px !important;
  8. height: 50px !important;
  9. }
  10.  
  11. .flex-lFgbSz.flex-3B1Tl4.vertical-3X17r5.flex-3B1Tl4.directionColumn-2h-LPR.justifyStart-2yIZo0.alignStretch-1hwxMa.noWrap-v6g9vO.container-RYiLUQ {
  12. background-color: rgba(0, 0, 0, 0);
  13. }
  14. .contentSelectedText-3j5CXt {
  15. background-color: rgba(255, 255, 255, 0.13);
  16. }
  17.  
  18.  
  19. .contentHoveredText-2HYGIY, .contentHoveredVoice-3qGNKh:active, .contentSelectedVoice-gTtYM9:active {
  20. background-color: rgba(255, 255, 255, 0.13);
  21. }
  22.  
  23. .flex-lFgbSz.flex-3B1Tl4.horizontal-2BEEBe.horizontal-2VE-Fw.flex-3B1Tl4.directionRow-yNbSvJ.justifyStart-2yIZo0.alignStretch-1hwxMa.noWrap-v6g9vO.container-2OU7Cz.spacer-3Dkonz {
  24. background-color:rgba(245, 206, 179, 0)!important;
  25. }
  26. .layer {
  27. background-color:rgba(245, 206, 179, 0)!important;
  28. }
  29. .flex-lFgbSz.flex-3B1Tl4.horizontal-2BEEBe.horizontal-2VE-Fw.flex-3B1Tl4.directionRow-yNbSvJ.justifyStart-2yIZo0.alignCenter-3VxkQP.noWrap-v6g9vO.title-qAcLxz {
  30. background-color:rgba(245, 206, 179, 0)!important;
  31. }
  32. form {
  33. background-color:rgba(245, 206, 179, 0)!important;
  34. }
  35. .channels-3g2vYe.vertical-3X17r5.flex-3B1Tl4.directionColumn-2h-LPR {
  36. background-color:rgba(245, 206, 179, 0)!important;
  37. }
  38.  
  39. .layer-kosS71 {
  40. background: transparent!important;
  41. }
  42. .layers-20RVFW.flex-vertical.flex-spacer {
  43. background: transparent!important;
  44. }
  45. .theme-dark .typing-3eiiL_ {
  46. background-color: transparent!important;
  47. }
  48.  
  49.  
  50. .theme-dark .member-2FrNV0:hover .content-3JzEqq {
  51. background-color: rgba(79,84,92,.6);
  52. color: #fff;
  53. }
  54.  
  55. .theme-dark .members-1bid1J {
  56. background-color: transparent;
  57. }
  58.  
  59. .theme-dark .memberOnline-1xn3V8 {
  60. color: white;
  61. }
  62.  
  63. .layers-3iHuyZ.flex-vertical.flex-spacer {
  64. background: transparent;
  65. }
  66.  
  67. .container-2lgZY8 {
  68. background: transparent;
  69. }
  70.  
  71. .guilds-wrapper {
  72. background-color: transparent;
  73. }
  74.  
  75. .channels-Ie2l6A {
  76. background-color: transparent;
  77. }
  78.  
  79. .container-PNkimc {
  80. background-color: transparent;
  81. }
  82.  
  83. .theme-dark .chat {
  84. background-color: transparent;
  85. }
  86.  
  87. .theme-dark .chat>.content {
  88. background-color: transparent;
  89. }
  90.  
  91.  
  92. .theme-dark .title-3qD0b- {
  93. background: transparent;
  94. }
  95.  
  96. .theme-dark .friends-table, .theme-dark .messages-wrapper {
  97. background-color: transparent;
  98. }
  99.  
  100. .theme-dark .chat form {
  101. background-color: transparent;
  102. }
  103.  
  104. .theme-dark .members-1998pB {
  105. background-color: transparent;
  106. }
  107.  
  108. .theme-dark .typing-2GQL18 {
  109. background-color: transparent;
  110. }
  111.  
  112. .app.flex-vertical.theme-dark{
  113.  
  114. background-image: url(https://i.imgur.com/h0YyOD7.png);
  115. background-size: cover;
  116.  
  117. }
  118.  
  119. .rtc-connection {
  120. background: rgba(40, 43, 48, 0);
  121. }
  122.  
  123. /*Transparency*/
  124. #voice-connection,
  125. #friends,
  126. .friends-header,
  127. .friends-table,
  128. .guilds-wrapper,
  129. .guild-header header,
  130. .channels-wrap,
  131. .private-channels .search-bar,
  132. .private-channels,
  133. .guild-channels,
  134. .account,
  135. .friend-table-add-header,
  136. .chat,
  137. .content,
  138. .layers,
  139. .title-wrap:not(.search-bar),
  140. .messages-wrapper,
  141. .messages .divider span,
  142. .messages .divider:before,
  143. .content,
  144. .message-group-blocked,
  145. .is-local-bot-message,
  146. .channel-members-loading,
  147. .channel-members-loading .heading,
  148. .channel-members-loading .member,
  149. .typing {
  150. background: transparent !important;
  151. }
  152.  
  153. /*Guild area*/
  154. .guild-inner:hover,
  155. li.active .guild-inner {
  156. background-color: rgba(115,139,215,0.5) !important;
  157. }
  158.  
  159. .guilds-wrapper {
  160. width: 85px;
  161. }
  162.  
  163. .guilds {
  164. background: rgba(20,23,27,0.15);
  165. }
  166.  
  167. /*Selected guild & unread messages*/
  168. .guilds-wrapper .guilds .guild.unread:before {
  169. background-color: rgba(255,0,0,0.25);
  170. }
  171.  
  172. .guilds-wrapper .guilds .guild.selected:before {
  173. background-color: rgba(0,0,0,0.25);
  174. }
  175.  
  176. .guilds-wrapper .guilds .guild.selected:before,
  177. .guilds-wrapper .guilds .guild.unread:before {
  178. width: 77.5px;
  179. height: 55px;
  180. margin-top: -28px;
  181. margin-left: 7.5px;
  182. transition: background-color .25s cubic-bezier(0.4,0,1,1);
  183. }
  184.  
  185. /*Create new guild button*/
  186. .guilds-add {
  187. opacity: .420;
  188. }
  189.  
  190. /*Channel area*/
  191. .channel-notice {
  192. opacity: .95;
  193. }
  194.  
  195. .channel:not(.selected) {
  196. transition: background .3s ease-out;
  197. }
  198.  
  199. .channel:not(.selected):hover {
  200. transition: background .2s ease-in;
  201. background: rgba(235,232,218,0.05);
  202. }
  203.  
  204. .guild-channels .channel-text.selected:before,
  205. .guild-channels .channel-text.selected:hover:before,
  206. .guild-channels .channel-text:hover.channel-muted:before,
  207. .guild-channels .channel-text:hover:not(.unread):before,
  208. .private-channels .channel.selected:before,
  209. .private-channels .channel:hover:before {
  210. border-left: 5px solid purple;
  211. }
  212.  
  213. .private-channels .channel:hover:before {
  214. opacity: .25;
  215. }
  216.  
  217. .search-result,
  218. .tab-bar-item:hover {
  219. background: rgba(235,232,218,0.05) !important;
  220. }
  221.  
  222. .friends-row:hover,
  223. .search-result:hover,
  224. .btn-friends.selected,
  225. .search-result.selected,
  226. .channel.selected.private,
  227. div.channel.channel-text.selected {
  228. background: rgba(235,232,218,0.1) !important;
  229. }
  230.  
  231. /*Voice panel*/
  232. #voice-connection {
  233. border-top: none;
  234. }
  235.  
  236. /*Buttons*/
  237. #voice-connection .btn,
  238. .account .btn {
  239. border: none;
  240. border-bottom: solid 1px rgba(235,232,218,0.05);
  241. background-color: rgb(42, 42, 42) !important;
  242. opacity: .65;
  243. }
  244.  
  245. #voice-connection .btn-group,
  246. .account .btn-group {
  247. box-shadow: .75px 1.5px 1px #14171b;
  248. border: none;
  249. }
  250.  
  251. /*User settings*/
  252. .account .username {
  253. font-size: 15px;
  254. font-weight: bold;
  255. font-family: sans-serif;
  256. text-shadow: 1.35px .75px 1px black;
  257. }
  258.  
  259. .account {
  260. border-top: none;
  261. }
  262.  
  263. .status {
  264. border-color: rgba(0,0,0,0.33) !important;
  265. }
  266.  
  267. /*Popout menu*/
  268. .popout header,
  269. .slider-bar-fill {
  270. background-color: #06c;
  271. }
  272.  
  273. .user-popout .user-popout-options .btn {
  274. background-color: #06c;
  275. }
  276.  
  277. .user-popout .user-popout-options .btn:hover {
  278. background-color: #0080ff;
  279. }
  280.  
  281. .user-popout .username {
  282. font-size: 16px;
  283. }
  284.  
  285. /*Tooltips*/
  286. .tooltip {
  287. background:#06c;
  288. color: #fff;
  289. }
  290.  
  291. .tooltip.tooltip-right:after {
  292. border-right-color:#06c;
  293. }
  294.  
  295. .tooltip.tooltip-top:after {
  296. border-top-color:#06c;
  297. }
  298.  
  299. /*Friends*/
  300. .icon-friends {
  301. background-color: rgba(0,0,0,0.35) !important;
  302. }
  303.  
  304.  
  305. #friends .tab-bar-item {
  306. transition: background .2s ease-out;
  307. }
  308.  
  309. #friends .tab-bar-item:hover {
  310. transition: background .2s ease-in;
  311. background-color: rgba(0,0,0,0.25) !important;
  312. }
  313.  
  314. .friends-header {
  315. border-bottom-color: rgba(0,0,0,0.25) !important;
  316. }
  317.  
  318. /*Channel bar*/
  319. .flex-spacer .title-wrap {
  320. border-color: transparent !important;
  321. }
  322.  
  323. /*Chat area*/
  324. .chat .flex-spacer {
  325. background: rgba(255,255,255,0.05);
  326. border-top-left-radius: 23px;
  327. border-bottom-left-radius: 23px;
  328. }
  329.  
  330. .markup {
  331. backface-visibility: hidden;
  332. }
  333.  
  334. /*Unread messages*/
  335. .chat .new-messages-bar {
  336. background-color: rgba(204,97,61,0.9);
  337. }
  338.  
  339. .chat .new-messages-bar:hover {
  340. background-color: rgba(204,97,61,1);
  341. }
  342.  
  343. .chat .new-messages-bar button:last-child {
  344. color: rgba(255,255,255,0.5);
  345. }
  346.  
  347.  
  348. .markup .mention:hover {
  349. background-color: rgba(255,255,255,.2) !important;
  350. color: #ddd;
  351. border-radius: 10%;
  352. }
  353.  
  354. /*URLs*/
  355. .message-group a span {
  356. color: #5af;
  357. text-shadow: 1px 1px 0 #001a33;
  358. }
  359.  
  360. /*Code blocks*/
  361. .chat .markup code {
  362. background: rgba(0,0,0,0.3) !important;
  363. }
  364.  
  365. .chat .markup pre {
  366. background: none !important;
  367. border: 1px solid rgba(0,0,0,0.5) !important;
  368. max-width: 75% !important;
  369. }
  370.  
  371. /*Embeds*/
  372. .message-group .embed {
  373. background-color: rgba(42,42,42,.3);
  374. }
  375.  
  376. .theme-dark .message-group .embed-wrapper .embed-color-pill {
  377. background-color: rgba(42,42,42,.66)
  378. }
  379.  
  380. /*Spoiler tags*/
  381. .chat .has-more button,
  382. .message-group-blocked-btn,
  383. .message-group-blocked.revealed {
  384. background-color: rgba(0,0,0,0.3) !important;
  385. }
  386.  
  387. .message-group-blocked,
  388. .message-group-blocked.revealed {
  389. border: none !important;
  390. }
  391.  
  392. /*Scrolling bar*/
  393. .scroller-wrap .scroller::-webkit-scrollbar-thumb,
  394. .scroller-wrap .scroller::-webkit-scrollbar-track-piece {
  395. border: 3px solid rgba(255,255,255,0) !important;
  396. background-color: rgba(0,0,0,0.3) !important;
  397. }
  398.  
  399. /*Message area*/
  400. .channel-textarea .channel-textarea-inner {
  401. background: rgba(10,13,16,0.1);
  402. }
  403.  
  404. .is-local-bot-message {
  405. box-shadow: none !important;
  406. }
  407.  
  408. /*Settings panel*/
  409. .settings .settings-header {
  410. background: #1A1D20;
  411. }
  412.  
  413. .form .btn-primary {
  414. background-color: #1D6586;
  415. }
  416.  
  417. .form .btn-primary:hover {
  418. background-color: #25ACE8;
  419. }
  420.  
  421. .user-settings-modal a {
  422. color: #1D6586;
  423. }
  424.  
  425. .user-settings-modal a:hover {
  426. color: #25ACE8;
  427. }
  428.  
  429. /*Channel members*/
  430. .channel-members {
  431. background: rgba(20,23,27,0.25) !important;
  432. }
  433.  
  434. .channel-members .invite-btn {
  435. background: #06c;
  436. transition: background .3s ease-out;
  437. }
  438.  
  439. .channel-members .invite-btn:hover {
  440. background: #39f;
  441. transition: background .2s ease-in;
  442. }
  443.  
  444. .channel-members .member:hover,
  445. .channel-members .popout-open {
  446. background: rgba(255,255,255,0.07) !important;
  447. }.layer-3QrUeG {
  448. background: transparent!important;
  449. }
  450.  
  451. .theme-dark .guildsWrapper-5TJh6A {
  452. background-color: transparent;
  453. }
  454.  
  455. .theme-dark .chat-3bRxxu, .theme-dark .chat-3bRxxu form, .theme-dark .content-yTz4x3 {
  456. background-color: transparent;
  457. }
  458.  
  459. .theme-dark .messagesWrapper-3lZDfY {
  460. background-color: transparent;
  461. }
  462.  
  463. div#app-mount {
  464. background-color: transparent;
  465. }
  466.  
  467. .layers-3iHuyZ.da-layers.vertical-V37hAW.flex-1O1GKY.directionColumn-35P_nr.da-vertical.da-flex.da-directionColumn.spacer-1fA9zc.da-spacer {
  468. background: transparent;
  469. }
  470.  
  471. .uploadArea-3QgLtW.da-uploadArea {
  472. background: transparent;
  473. }
  474.  
  475.  
  476. .app-2rEoOp.da-app.vertical-V37hAW.flex-1O1GKY.directionColumn-35P_nr.da-vertical.da-flex.da-directionColumn.theme-dark {
  477. background-image: url(https://i.imgur.com/h0YyOD7.png);
  478. background-size: cover;
  479. }
  480.  
  481. [class*=userPopout] [class*=avatarWrapperNormal] [style*=image],[class*=userPopout] [class*=NonUserBot-]{background-color:unset;width:100%;height:242px;width:242px;background-size:contain;background-position:center;background-repeat:no-repeat;border-radius:0;border:none;mask:unset;-webkit-mask:unset;box-shadow:unset}
  482. [class*=userPopout] [class*=avatarWrapperNormal]{margin:0;position:absolute;top:4px;left:4px;width:242px;height:250px;border-radius:0}
  483. [class*=userPopout] [class*=NonUserBot-] [style*=image] {margin-top:4px;border-radius:0}
  484. [class*=userPopout] [class*=NonUserBot-] [class*=avatarHint-],[class*=userPopout] [class*=pro-],[class*=userPopout] [class*=header] [class*=activity]>[class*=headerText]{display:none}
  485. [class*=userPopout] [class*=avatar-][class*=popout-] {width:100%;height:100%;border:none;border-radius:unset}
  486. [class*=userPopout] [class*=header]:hover [class*=avatarWrapperNormal] {-webkit-filter: grayscale(14%);transition: -webkit-filter 500ms ease-out;}
  487. [class*=userPopout] [class*=headerNormal]{height:262px;transition: -webkit-filter 100ms;background:#202225;padding:0}
  488. [class*=userPopout] [class*=headerText] {height:236px;width:200px;overflow:hidden;position:absolute;top:2px;display:flex;flex-flow:column;pointer-events:none;justify-content:flex-end}
  489. [class*=userPopout] [class*=avatarWrapperNormal] [class*=avatarHint-] {background: linear-gradient(to bottom, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 80%, rgba(0,0,0,0) 100%);margin:0;box-shadow:none;opacity:0;border-radius:0;transition: opacity 180ms ease-out 100ms;-webkit-mask:unset;}
  490. [class*=userPopout] [class*=avatarWrapperNormal]:hover [class*=avatarHint-] {background: linear-gradient(to bottom, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 80%, rgba(0,0,0,0) 100%);transition:opacity 300ms ease-in 80ms;opacity:1;}
  491. [class*=userPopout] [class*=headerText] div[class*=header] {background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,0.4) 15%,85%,rgba(0,0,0,0) 100%);width: 200px;max-width: 200px;padding:0;order:2;opacity:1;transition: opacity 200ms ease-in;transition-delay: 170ms;min-height:19px;pointer-events:auto}
  492. [class*=userPopout] .username-wrapper .nickname {margin-bottom:4px;}
  493. [class*=userPopout] [class*=tatus] {border:none;bottom:-12px;width:242px;height:12px;left:0;box-shadow: inset 0 0 0 3px rgba(255,255,255,.2);border-radius:0;pointer-events:none;}
  494. [class*=userPopout] [class*=header]:hover [class*=avatarWrapperNormal] [class*=tatus]{-webkit-filter: contrast(105%);transition: -webkit-filter 480ms ease-out;}
  495. .user-popout .header:not(:hover) .creation-date-wrapper {opacity: 0;transition: opacity 200ms,margin-bottom 270ms ease-out;}
  496. [class*=userPopout] .header .creation-date-wrapper {padding:3px 0;margin-bottom:145px;order:1;transition:margin-bottom 170ms ease-in-out;min-height:unset;}
  497. [class*=userPopout] [class*=headerStreaming] [style*=image] [class*=tatus] {border:none;}
  498. [class*=userPopout] a[class*=Live] {position:fixed;left:0;right:0;top:20px;z-index:2;border:none!important;border-bottom:1px solid rgba(255,255,255,.08);padding:3px 25px;pointer-events:auto;width:200px;height:16px;}
  499. [class*=userPopout] a[class*=Live]:hover {background:transparent;}
  500. [class*=userPopout] a[class*=Live] [class*=con] {position:absolute;z-index:-1;width:200px;height:100%;border-radius:0;background:linear-gradient(to right,transparent,#f04747 15%,#f04747 85%,transparent);animation:l-p 1s ease-in-out infinite alternate}
  501. @keyframes l-p {0%,20%{opacity:.6} 0%,10%,30% {opacity:1}}
  502. [class*=userPopout] [class*=body-]>[class*=root-] {max-height: 90px;overflow-y: scroll;}
  503. [class*=userPopout] [class*=body-]>[class*=root-]::-webkit-scrollbar {width:0;}
  504. [class*=userPopout] svg[name=Gamepad] {margin-top:2px;}
  505. [class*=userPopout]>[class*=body-] {padding:14px 10px 10px;}
  506. [class*=userPopout]>[class*=body-] [class*=Divider-] {margin:10px 0 8px;}
  507. [class*=userPopout] svg[name=Gamepad] ~ [class*=headerText]{display:inline-block;height:unset;width:unset;position:relative;top:unset;margin-top:2px;}
  508. [class*=userPopout]>[class*=header],[class*=modal] [class*=topSectionNormal]{background:#202225;}
  509. [class*=userPopout]>[class*=header]:not([class*=ormal]){padding-top:220px;}
  510. [class*=userPopout] [class*=contentImagesUserPopout]{margin:auto 10px;}
  511. [class*=userPopout] [class*=avatarWrapper]>[class*=popout-]{height:unset;width:unset}
  512.  
  513. [class*=modal] [class*=scroller-] {counter-reset: servercount;}
  514. [class*=modal] [class*=listRow-]:before {counter-increment: servercount;content:counter(servercount);width:20px;min-width:20px;padding:0 2px 0 4px;margin:-10px 6px -10px -20px;font-size:12px;line-height:50px;border-right:1px solid rgba(100,100,100,.2);}
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement