API tools faq
paste
Advertisement
RBXprsho

Untitled

RBXprsho
Aug 26th, 2016
115
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 37.97 KB | None | 0 0
raw download clone embed print report
  1. //META{"name":"Wheat_Transparency","description":"A glass theme for Discord","author":"Zekeeh","version":"1.0"}*//
  2.  
  3. :root{
  4.     --main-color:#5f6062;
  5. }
  6.  
  7. /* Background image */
  8.  
  9. .app, .callout-backdrop {
  10.     background: url(https://i.imgur.com/1noyYpQ.jpg) !important;
  11.     background-size: cover !important;
  12. }
  13.  
  14. /* transparent areas */
  15.  
  16. .chat, .typing, .content, .guild-channels, .private-channels, .guild-header, .divider-red span, .messages-wrapper, #voice-connection, #friends, .friends-table, .friends-table-body {
  17.     background: transparent !important;
  18. }
  19.  
  20. /* Server list area */
  21.  
  22. .guilds-wrapper {
  23.     background: rgba(0, 0, 0, 0.7) !important;
  24. }
  25.  
  26. /* Channels list area */
  27.  
  28. .channels-wrap {
  29.     background: rgba(0, 0, 0, 0.7) !important;
  30. }
  31.  
  32. .guild-channels .channel-text.selected a {
  33.     border-radius: 10px
  34. }    
  35.  
  36. .guild-channels header {
  37.     color: var(--main-color);
  38.     opacity: .9;
  39. }    
  40. /* Chat area */
  41.  
  42. .content .flex-spacer {
  43.     background: rgba(0, 0, 0, 0.8) !important;
  44. }
  45.  
  46. /* User list area */
  47.  
  48. .channel-members {
  49.     background: rgba(0, 0, 0, 0.9) !important;
  50. }
  51.  
  52. /* Title Wrap */
  53.  
  54. .chat .title-wrap {
  55.     background-color: rgba(0, 0, 0, 0.8) !important;
  56.     border-bottom: 50px solid transparent !important;
  57. }
  58.  
  59. .guild-header header {
  60.     border-radius: 0;
  61. }
  62.  
  63. .guild-header ul li:hover a {
  64.     opacity: 1;
  65.     -ms-filter: none;
  66.     filter: none;
  67.     background-color: hsla(0,0%,100%,.04);
  68.     border-radius: 20px;
  69. }
  70.  
  71. .account {
  72.     border-top: none;
  73.     background: transparent;
  74. }
  75. .guild-header header {
  76.     background-color: rgba(0, 0, 0, 0.55);
  77. }
  78. .guild-header header:hover {
  79.     background-color: rgba(0, 0, 0, 0.3);
  80. }
  81. .guild-channels .channel-text.selected {
  82.     background: linear-gradient(-90deg,rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.9))!important;
  83.     border-radius: 50px 50px 50px 50px;
  84.     box-shadow: 0 2px 3px rgba(0, 0, 0, .5) !important;
  85. }
  86. .guild-channels .channel-text:hover {
  87.     background: linear-gradient(-90deg, rgba(0, 0, 0, 0.45) 10%, rgba(0, 0, 0, 0.9))!important;
  88.     border-radius: 50px 50px 50px 50px;
  89.     box-shadow: 0 2px 3px rgba(0, 0, 0, .6) !important;
  90. }
  91. .guild-header ul {
  92.     top: 13px;
  93. }
  94. .guild-header.guild-header-open ul {
  95.     top: 56px;
  96. }
  97. .scroller-wrap .scroller::-webkit-scrollbar-thumb {
  98.     background-color: var(--main-color) !important;
  99.     border: 3px solid rgba(211, 5, 5, 0) !important;
  100.     color: var(--main-color);
  101. }
  102. .scroller-wrap .scroller::-webkit-scrollbar-thumb {
  103.     background-color: var(--main-color) !important;
  104.     border: 3px solid rgba(211, 5, 5, 0) !important;
  105.     color: var(--main-color);
  106. }
  107. .friends-table .scroller-wrap ::-webkit-scrollbar-track-piece, .messages-wrapper .scroller-wrap ::-webkit-scrollbar-track-piece {
  108.     background-color: rgba(0,0,0,0.7) !important;
  109.     border-color: transparent !important;
  110. }
  111.  
  112. .guilds-wrapper .guild-separator:after {
  113.     height: 0px;
  114. }
  115.  
  116. #voice-connection {
  117.     border-top: none;
  118. }
  119.  
  120. .voice-channels .channel.selected a {
  121.     background: linear-gradient(-90deg,rgba(0,0,0,0.25) 0%,rgba(0, 0, 0, 0.9)) !important;
  122.     border-radius: 50px 10px 10px 50px;
  123. }
  124. .channel-voice.audio, .channel-voice:hover {
  125.     background: linear-gradient(-90deg,rgba(0,0,0,0.45) 10%,rgba(0, 0, 0, 0.9)) !important;
  126.     border-radius: 5px 5px 5px 5px;
  127. }
  128.  
  129. .create-guild-container .action .btn {
  130.     border-radius: 30px;
  131. }
  132.  
  133. .private-channels .channel a {
  134.     background: rgba(0, 0, 0, 0);
  135. }
  136. .private-channels .channel.selected a {
  137.     background: linear-gradient(90deg,rgba(0,0,0,0.95) 0%,rgba(0, 0, 0, 0));
  138.     border-radius: 50px 50px 50px 50px;
  139. }
  140.  
  141. .private-channels .channel:hover .channel-activity, .private-channels .channel:hover a {
  142.     background: linear-gradient(-90deg,rgba(0, 0, 0, 0.25) 10%, rgba(0, 0, 0, 0.9));
  143.     border-radius: 50px 50px 50px 50px;
  144. }
  145.  
  146. .private-channels .search-bar {
  147.     background: rgba(0, 0, 0, 0.5);
  148. }
  149.  
  150. .private-channels .search-bar:hover {
  151.     background: rgba(0, 0, 0, 0.6);
  152. }
  153.  
  154. .private-channels .channel.selected {
  155.     background: transparent;
  156. }
  157. .private-channels .channel:hover {
  158.     background: transparent;
  159. }
  160.  
  161. .private-channels .channel.selected:before {
  162.     opacity: 0!important;
  163. }
  164.  
  165. .private-channels .channel:hover:before {
  166.     opacity: 0!important;
  167. }
  168.  
  169. #bd-customcss-detach-container {
  170.     background: rgba(0, 0, 0, 0.);
  171. }
  172.  
  173. .channel-members .member.popout-open {
  174.     background: linear-gradient(-90deg,rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.9))!important;
  175.     border-radius: 50px 50px 50px 50px;
  176. }
  177.  
  178. .channel-members .member:hover {
  179.     background: linear-gradient(-90deg, rgba(0, 0, 0, 0.45) 0%, rgba(0, 0, 0, 0.9))!important;
  180.     border-radius: 50px 50px 50px 50px
  181. }
  182.  
  183. .private-channels .channel .channel-activity {
  184.     background: transparent !important;
  185.    
  186. }
  187.  
  188. /* Friends */
  189. #friends .friends-table .friends-table-body {
  190.     background: rgba(0, 0, 0, 0.6) !important;  
  191. }
  192.  
  193. #friends .friends-table .friends-table-header !important{
  194.     background: rgba(0, 0, 0, 0.0) !important;
  195. }
  196.  
  197. #friends .friends-table .friends-row:hover !important{
  198.     background: rgba(0, 0, 0, 0.2) !important;
  199. }
  200.  
  201. .message-group h2 .timestamp {
  202.     color: hsla(0,0%,100%,.2) !important;
  203. }
  204.  
  205. #friends .friends-table .friends-row+.friends-row {
  206.     border-top: 0px solid #000 !important;
  207. }
  208.  
  209. #friends .friends-table .friends-table-header !important{
  210.     border-bottom: none !important;
  211. }
  212.  
  213. #friends .friends-table .friends-table-header .friends-column-separator {
  214.     width: 0px;
  215.     height: 18px;
  216. }
  217.  
  218. #friends .friends-header, #friends .friends-header .tab-bar {
  219.     background: rgba(0, 0, 0, 0.7) !important;
  220.     border-bottom: none !important;
  221. }
  222.  
  223. #friends .friends-header .tab-bar .tab-bar-item:hover:not(.selected) {
  224.     background: rgba(0, 0, 0, 0.2) !important;
  225.     border-radius: 10px;
  226.     color: #fff !important;
  227.     box-shadow: 0 5px 8px rgba(0, 0, 0, .4);
  228. }
  229.  
  230. #friends .friends-header .tab-bar .tab-bar-item.selected {
  231.     background: rgba(0, 0, 0, 0.3) !important;
  232.     color: #fff !important;
  233.     border-radius: 10px 10px 10px 10px;
  234.     box-shadow: 0 5px 8px rgba(0, 0, 0, .6);
  235. }
  236.  
  237.  
  238. #friends .btn {
  239.     background: rgba(0, 0, 0, 0.2) !important;
  240.     border-radius: 10px;
  241. }
  242.  
  243. #friends .btn:selected {
  244.     background: rgba(0, 0, 0, 0.3) !important;
  245.     border-radius: 10px;
  246.     box-shadow: 0 5px 8px rgba(0, 0, 0, .6);
  247. }
  248.  
  249. #friends .friends-table .friends-table-header {
  250.     border-bottom: 1px solid transparent !important;
  251. }
  252.  
  253. #friends .friends-header {
  254.     box-shadow: 0 0 8px rgba(0, 0, 0, .5) !important;
  255. }
  256.  
  257. #friends .friends-header .tab-bar .tab-bar-separator {
  258.     background-color: transparent !important;
  259. }
  260.  
  261. /* Something */
  262.  
  263. .guild-header header {
  264.     color: var(--main-color);
  265. }
  266.  
  267. .guild-header header {
  268.     box-shadow: 0 1px 0 #000,inset 0 -1px 0 !important;
  269. }
  270.  
  271. .guild-header header {
  272.     background-color: rgba(0, 0, 0, 0.3) !important;
  273. }
  274.  
  275. .channel-members h2 {
  276.     color: var(--main-color) !important;
  277. }
  278.  
  279. .chat .title-wrap {
  280.     background-color: rgba(0, 0, 0, 0.8) !important;
  281.     border-bottom: 5px solid transparent !important;
  282. }
  283.  
  284. .account .btn {
  285.     background: transparent !important;
  286. }
  287.  
  288. /* Voice Connection */
  289. #voice-connection .btn {
  290.     background: transparent !important;
  291.     border: transparent !important;
  292. }
  293.  
  294. #voice-connection .btn-group {
  295.     border: 1px solid transparent;
  296.     border-radius: 50px !important;
  297. }
  298.  
  299. #voice-connection .btn-disconnect {
  300.     box-shadow: none;
  301.     background: rgba(0, 0, 0, 0.2) !important;
  302.     margin-top: 1px;
  303. }
  304.  
  305. #voice-connection .btn-info {
  306.     box-shadow: none;
  307.     background: rgba(0, 0, 0, 0.2) !important;
  308. }
  309.  
  310. /* Other */
  311. .account .btn-group {
  312.     border: 1px solid transparent;
  313.     background: transparent !important;
  314.     border-radius: 50px !important;
  315. }
  316.  
  317. .account .btn-deafen, .account .btn-mute {
  318.     border: transparent !important;
  319. }
  320.  
  321. .theme-dark .scroller-wrap .scroller::-webkit-scrollbar-thumb,
  322. .scroller-wrap .scroller::-webkit-scrollbar-thumb,
  323. .theme-dark .scroller-wrap .scroller::-webkit-scrollbar-track-piece,
  324. .scroller-wrap .scroller::-webkit-scrollbar-track-piece {
  325.     border: 3px solid transparent;
  326.     border-radius: 6px;
  327. }
  328.  
  329. .theme-dark .scroller-wrap .scroller::-webkit-scrollbar-thumb,
  330. .scroller-wrap .scroller::-webkit-scrollbar-thumb {
  331.     background-color: var(--main-color);
  332. }
  333.  
  334. .theme-dark .scroller-wrap .scroller::-webkit-scrollbar-track-piece,
  335. .scroller-wrap .scroller::-webkit-scrollbar-track-piece {
  336.     background-color: rgba(0,0, 0, 0.6);
  337. }
  338.  
  339. .chat>.title-wrap>.topic:before {
  340.     background: none;
  341. }
  342.  
  343. .account .btn-deafen, .account .btn-settings {
  344.     box-shadow: none;
  345.     background: rgba(0, 0, 0, 0.2) !important;
  346. }
  347.  
  348. .account .btn-mute {
  349.     background: rgba(0, 0, 0, 0.2) !important;
  350. }
  351.  
  352. #friends .friends-table .friends-row .friends-column-name {
  353.     color: hsla(0,0%,100%,.6) !important;
  354. }
  355.  
  356. #friends .friends-table .friends-row .friends-column-status {
  357.     color: hsla(0,0%,100%,.4) !important;
  358. }
  359.  
  360. #friends .friends-table .friends-table-header .friends-column {
  361.     color: hsla(0,0%,100%,.6) !important;
  362. }
  363.  
  364. #friends .friends-header .tab-bar .tab-bar-item {
  365.     color: hsla(0,0%,100%,.6) !important;
  366. }
  367.  
  368. .header-toolbar .separator {
  369.     background-color: transparent !important;
  370.     width: 1px;
  371.     height: 22px;
  372.     margin: 0 8px;
  373. }
  374.  
  375. .channel-textarea-inner {
  376.     background: rgba(0, 0, 0, 0.2) !important;
  377.     border: 2px solid transparent !important;
  378. }
  379.  
  380. .channel-textarea-upload {
  381.     border-right: 1px solid transparent !important;
  382. }
  383.  
  384. .channel-textarea-inner textarea {
  385.     background: transparent !important;
  386.     color: hsla(0,0%,100%,.1) !important;
  387. }
  388.  
  389. .chat>.title-wrap {
  390.     box-shadow: none !important;
  391. }
  392.  
  393. .message-group .comment .markup {
  394.     color: hsla(0,0%,100%,.7) !important;
  395. }
  396.  
  397. .message-group {
  398.     border-bottom: 1px solid transparent !important;
  399. }
  400.  
  401. .chat form {
  402.     border-top: 1px solid transparent !important;
  403.     box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.0) !important;
  404. }
  405.  
  406. .message-group h2 strong {
  407.     color: #fff;
  408. }
  409.  
  410. .embed {
  411.     border-left: 5px solid transparent !important;
  412. }
  413.  
  414. .channel-textarea-inner textarea {
  415.     color: #fff !important;
  416. }
  417.  
  418. .theme-dark .channel-textarea-inner textarea {
  419.     color: #fff !important;
  420. }
  421.  
  422. .channel-textarea-emoji {
  423.     opacity: .3 !important;
  424. }
  425.  
  426. .chat form .typing span {
  427.     color: hsla(0,0%,100%,.8) !important;
  428. }
  429.  
  430. .highlight {
  431.     background: transparent !important;
  432. }
  433.  
  434. .message-group .comment .markup .highlight {
  435.     background-color: rgba(115,139,215,.1) !important;
  436. }
  437.  
  438. .channel-textarea-emoji {
  439.     opacity: 0.3 !important;
  440. }
  441.  
  442. .channel-textarea-emoji:hover {
  443.     opacity: 0.9 !important;
  444. }
  445.  
  446. .channel-textarea-upload:hover {
  447.     color: rgba(0, 0, 0, 0.3) !important;
  448. }
  449.  
  450. .chat>.title-wrap>.title .channel-name {
  451.     color: var(--main-color) !important;
  452. }
  453.  
  454. .chat>.title-wrap>.title .channel-name:before {
  455.     color: var(--main-color) !important;
  456. }
  457.  
  458. .chat .title-wrap .topic:before {
  459.     background-color: hsla(0,0%,85%,.0) !important;
  460. }
  461.  
  462. .chat .title-wrap .topic {
  463.     color: #fff !important;
  464. }
  465.  
  466. .messages-wrapper .messages .divider.divider-red>span {
  467.     color: var(--main-color) !important;
  468.     opacity: 9.9 !important;
  469.     text-transform: uppercase !important;
  470.     background: transparent !important;
  471.     border: 1p!important;
  472. }
  473.  
  474. .channel-members .member {
  475.     color: hsla(0,0%,100%,.6) !important;
  476. }
  477.  
  478. .channel-members .avatar-small .status {
  479.     border: 2px solid transparent !important;
  480. }
  481.  
  482. .private-channels .channel .close {
  483.     margin-right: 10px !important;
  484. }
  485.  
  486. .chat .divider>span {
  487.     background-color: transparent !important;
  488. }
  489.  
  490. .message-group .comment .edited {
  491.     color: hsla(0,0%,100%,.2) !important;
  492. }
  493.  
  494. .channel-textarea-inner {
  495.     border-radius: 10px;
  496. }
  497.  
  498. .theme-dark .channel-textarea-upload:hover {
  499.     background: url(/assets/24972a3b5eac2034c73f575c6a49207b.svg) 50% no-repeat !important;
  500.     background-size: 25px 25px !important;
  501.     -webkit-transition: background-color 0.3s !important;
  502.     transition: background-color 0.3s !important;
  503.     border-radius: 8px !important;
  504.     background-color: rgba(0, 0, 0, 0.4) !important;
  505. }
  506.  
  507. .theme-light .channel-textarea-upload:hover {
  508.     position: relative;
  509.     background: url(/assets/24972a3b5eac2034c73f575c6a49207b.svg) 50% no-repeat !important;
  510.     background-color: rgba(0, 0, 0, 0.4) !important;
  511.     background-size: 25px 25px;
  512.         -webkit-transition: background-color 0.3s !important;
  513.     transition: background-color 0.3s !important;
  514.     border-right: 1px solid #f0f0f0;
  515.     margin: -12px 10px -12px -10px;
  516.     width: 45px;
  517.     border-radius: 8px;
  518. }
  519.  
  520. element.style {
  521.     background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNiIgaGVpZ2h0PSIyNiI+CiAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxwYXRoIGQ9Ik0xIDFoMjR2MjRIMSIvPgogICAgPHBhdGggZmlsbD0iI0ZGRiIgZD0iTTE1IDE1VjZoLTR2OWgtLjUwODk5NDgyQzEwLjIyNzg4MDQ4IDE1IDEwIDE1LjIyMzg1NzYgMTAgMTUuNWMwIC4yNjgwNjY0LjIxOTgzMDUuNS40OTEwMDUxOC41aDUuMDE3OTg5NjRDMTUuNzcyMTE5NTIgMTYgMTYgMTUuNzc2MTQyNCAxNiAxNS41YzAtLjI2ODA2NjQtLjIxOTgzMDUtLjUtLjQ5MTAwNTE4LS41SDE1em0yLTloMVY0SDh2MmgxdjhsLTIgMnYyaDUuMnY0aDEuNnYtNEgxOXYtMmwtMi0yVjZ6Ii8+CiAgPC9nPgo8L3N2Zz4=") !important;
  522. }
  523.  
  524. .message-group a {
  525.     color: #00b0f4 !important;
  526. }
  527.  
  528. /* Notification icon */
  529. .chat.private .channel-group-dm ~ .header-toolbar button:nth-child(2) span[style],
  530. .chat:not(.private) .header-toolbar button:nth-child(1) span[style]{
  531.     background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNiIgaGVpZ2h0PSIyNiI+CiAgPHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTMuMDA2Mjg2NjIgMjJjMSAwIDEuNzE0Mjg1NzItLjQwMTk1MzEgMS45OTk5OTk5OC0xLjAwNDg4MjhoLTMuOTk5OTk5OThjLjI4NTcxNDMuNjAyOTI5NyAxIDEuMDA0ODgyOCAyIDEuMDA0ODgyOHptNi45ODA1Mjk3OC0zLjk2MzQzOTlWMTBjMC0yLjY0LTIuMzAyODY2OC00Ljk3NTAzNjYyLTUuMDEwNTU5MDgtNC45NzUwMzY2MiAwLS43Mi0uMzQ0MDU1MTctMS4wMjk4NDYyLTEuOTczMTE0LTEuMDI5ODQ2Mi0xLjYyOTA1ODg1IDAtMS45NjU4NTA4NC4zMDk4NDYyLTEuOTY1ODUwODQgMS4wMjk4NDYyQzguMzI5NjAwMTggNS4wMjQ5NjMzOCA1Ljk5NTQ4MzQgNy4zNiA1Ljk5NTQ4MzQgMTB2OC4wMzY1NjAxaC0uOTg5MTk2Nzh2MS45NTE0MTZIMjF2LTEuOTUxNDE2aC0xLjAxMzE4MzZ6TTE4IDE4SDh2LTcuN0M4IDguNDMgOS40NDQ0NDQ0NCA3IDExLjMzMzMzMzMzIDdoMy4zMzMzMzMzNEMxNi41NTU1NTU2IDcgMTggOC40MyAxOCAxMC4zVjE4eiIvPgo8L3N2Zz4=)!important;
  532. }
  533.  
  534. .chat.private .channel-group-dm ~ .header-toolbar button:nth-child(2) span[style*="PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNiIgaGVpZ2h0PSIyNiI+CiAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxwYXRoIGZpbG"],
  535. .chat:not(.private) .header-toolbar button:nth-child(1) span[style*="PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNiIgaGVpZ2h0PSIyNiI+CiAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxwYXRoIGZpbG"]{
  536.     background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNiIgaGVpZ2h0PSIyNiI+CiAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik0xMy4wMDYyODY2MiAyMmMuOTk5OTk5OTggMCAxLjcxNDI4NTY4LS40MDE5NTMxIDEuOTk5OTk5OTgtMS4wMDQ4ODI4aC0zLjk5OTk5OTk4Yy4yODU3MTQzLjYwMjkyOTcgMSAxLjAwNDg4MjggMiAxLjAwNDg4Mjh6bTYuOTgwNTI5NzgtMy45NjM0Mzk5VjEwYzAtMi42NC0yLjMwMjg2NjgtNC45NzUwMzY2Mi01LjAxMDU1OTEtNC45NzUwMzY2MiAwLS43Mi0uMzQ0MDU1Mi0xLjAyOTg0NjItMS45NzMxMTQtMS4wMjk4NDYyLTEuNjI5MDU4ODMgMC0xLjk2NTg1MDgyLjMwOTg0NjItMS45NjU4NTA4MiAxLjAyOTg0NjJDOC4zMjk2MDAxOCA1LjAyNDk2MzM4IDUuOTk1NDgzNCA3LjM2IDUuOTk1NDgzNCAxMHY4LjAzNjU2MDFoLS45ODkxOTY3OHYxLjk1MTQxNkgyMXYtMS45NTE0MTZoLTEuMDEzMTgzNnpNMTMuMDgzODk2MTYgMThsLTIuMDc4OTMwODIgMi4wMjcyMDQ1SDQuOTQxNjIwMzhWMThINnYtM2wyLTIuMDgyOTQyOTJWMTAuM0M4IDguNDMgOS40NDQ0NDQ0NCA3IDExLjMzMzMzMzMzIDdoMy4zMzMzMzMzN2MuMjA1ODcyMSAwIDEuMzU3OTgyNS0xLjkwOTA0NTggMS4zNTc5ODI1LTEuOTA5MDQ1OHMxLjMxODM5MDguMjc5MTU2OTIgMi41NTU1MzQzIDEuNTk4ODMzNjdjMS4yMzcxNDM2IDEuMzE5Njc2NzYgMS4zMjUzODg5IDMuMjUxOTI3NzQgMS4zMjUzODg5IDMuMjUxOTI3NzRMMTggMTIuOTQ1NDcyNTZWMThoLTQuOTE2MTAzODR6Ii8+CiAgICA8cGF0aCBzdHJva2U9IiNGMDQ3NDciIHN0cm9rZS13aWR0aD0iMiIgZD0iTTIxIDVMNSAyMSIgc3Ryb2tlLWxpbmVjYXA9InNxdWFyZSIvPgogIDwvZz4KPC9zdmc+)!important;
  537. }
  538.  
  539. /* Create Group DM */
  540. #friends .header-toolbar button:nth-child(1) span[style]{
  541.     background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogIDxkZWZzPgogICAgPHBhdGggaWQ9ImEiIGQ9Ik04IDJWMEgxLjc3Nzc3Nzc4Qy43OTU5MzgyMiAwIDAgLjc5NTkzODIyIDAgMS43Nzc3Nzc3OFYxNC4yMjIyMjIyQzAgMTUuMjA0MDYxOC43OTU5MzgyMiAxNiAxLjc3Nzc3Nzc4IDE2SDE0LjIyMjIyMjJDMTUuMiAxNiAxNiAxNS4yMDg4ODg5IDE2IDE0LjIyMjIyMjJWOGgtMnY2SDJWMmg2eiIvPgogICAgPG1hc2sgaWQ9ImIiIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgeD0iMCIgeT0iMCIgZmlsbD0iI2ZmZiI+CiAgICAgIDx1c2UgeGxpbms6aHJlZj0iI2EiLz4KICAgIDwvbWFzaz4KICA8L2RlZnM+CiAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxwYXRoIGQ9Ik0wIDBoMjR2MjRIMHoiLz4KICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQgNCkiPgogICAgICA8dXNlIHN0cm9rZT0iI0ZGRiIgc3Ryb2tlLXdpZHRoPSIyIiBtYXNrPSJ1cmwoI2IpIiB4bGluazpocmVmPSIjYSIvPgogICAgICA8cGF0aCBmaWxsPSIjRkZGIiBkPSJNNiA4LjE1NDk0ODVsNS40Mjc2NzU4LTUuNDI3Njc1NzcgMS44NDUwNTE1IDEuODQ1MDUxNUw3Ljg0NTA1MTUgMTBINlY4LjE1NDk0ODV6bTkuODYwMDMxMS02LjI3NTk3MjFsLS44NDgyOTYzLjg0ODI5NjMzLTEuNzM5MDA3NS0xLjczOTAwNzUuODQ4Mjk2My0uODQ4Mjk2MzNjLjE3ODE0MjItLjE4NjYyNTIuNDc1MDQ2LS4xODY2MjUyLjY1MzE4ODIgMGwxLjA4NTgxOTMgMS4wODU4MTkzYy4xODY2MjUyLjE3ODE0MjI0LjE4NjYyNTIuNDc1MDQ1OTYgMCAuNjUzMTg4MnoiLz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPg==)!important;
  542. }
  543.  
  544. /* Join Call */
  545. .chat.private .title-wrap .header-toolbar button.private-channel-call-btn span[style]{
  546.     background-image: url(/assets/093cd423e728025709a8fc032bb43df0.svg)!important;
  547. }
  548.  
  549. /* Channel Memmber toogle icon */
  550. .chat.private .channel-group-dm ~ .header-toolbar button:nth-child(4) span[style],
  551. .chat:not(.private) .header-toolbar button:nth-child(3) span[style]{
  552.     background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNiIgaGVpZ2h0PSIyNiI+CiAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxwYXRoIGQ9Ik0xIDFoMjR2MjRIMVYxeiIvPgogICAgPHBhdGggZmlsbD0iI0ZGRiIgZD0iTTE2Ljc3MjA3NTQgMTQuNjc5MTc3OGMtLjIyNDkwOTctLjIyNTY4ODYtLjQ3NDE1NzMtLjQzNTE2ODEtLjc0MjA3NTQtLjYyOTE3NzguMzUtLjAzLjY4LS4wNS45Ny0uMDUgMi4zMyAwIDcgMS4xNyA3IDMuNVYyMGgtNHYtMWMwLTEuODgxNjkxNC0xLjQwNzcwNTYtMy4zMjMwMTQzLTMuMjI3OTI0Ni00LjMyMDgyMjJ6bS0xLjQzODU3MzUtOC4xNzU4NTM0QzE1LjgwOTgwODIgNi4xODUyNTE3MyAxNi4zODI3ODQ1IDYgMTcgNmMxLjY2IDAgMi45OSAxLjM0IDIuOTkgM3MtMS4zMyAzLTIuOTkgM2MtLjYxNzE5MTQgMC0xLjE5MDE0NzEtLjE4NTIzNzMtMS42NjY0NDIzLS41MDMyODcyQzE1Ljc1NzQ4MzIgMTAuNzYyMTQwOTUgMTYgOS45MDk1NTYgMTYgOS4wMDAwNjY5M2MwLS45MDk1Mjg5Ni0uMjQyNTM4MS0xLjc2MjE0ODgtLjY2NjQ5ODEtMi40OTY3NDI1M3pNMTAgMTNjMi4yMSAwIDQtMS43OSA0LTRzLTEuNzktNC00LTQtNCAxLjc5LTQgNCAxLjc5IDQgNCA0em0wIDJjLTIuNjcgMC04IDEuMzQtOCA0djJoMTZ2LTJjMC0yLjY2LTUuMzMtNC04LTR6Ii8+CiAgPC9nPgo8L3N2Zz4=)!important;
  553. }
  554.  
  555. /* Invite friends to group icon */
  556. .chat.private .channel-group-dm ~ .header-toolbar button:nth-child(5) span[style],
  557. .chat.private .header-toolbar button:nth-child(3) span[style]{
  558.     background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNiIgaGVpZ2h0PSIyNiI+CiAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik0xMSAxM2MyLjIxIDAgNC0xLjc5IDQtNHMtMS43OS00LTQtNC00IDEuNzktNCA0IDEuNzkgNCA0IDR6bTAgMmMtMi42NyAwLTggMS4zNC04IDR2MmgxNnYtMmMwLTIuNjYtNS4zMy00LTgtNHptOS4wNjgxMTA2LTQuMDczNzMzODhWOC41NjEwODkzNmMwLS4xNzYyMDU0NSAwLS41NjEwODkzNi0uNTY2Nzc0Ny0uNTYxMDg5MzYtLjU2Njc3NDggMC0uNTcyMzk4MS4zODQ4ODM5LS41NzIzOTgxLjU2MTA4OTM2djIuMzY1MTc2NzZoLTIuMzE0ODE0NGMtLjE3NDkzMzIgMC0uNjA3NzE0NyAwLS42MDc3MTQ3LjU3MjM5Nzk4IDAgLjU3MjM5ODEuNDMyNzgxNS41NzM1MDE0LjYwNzcxNDcuNTczNTAxNGgyLjMxNDgxNDR2Mi4yOTkyNjcxYzAgLjE3NDkzMzIuMDA1NjIzMy42MjU4OTU3LjU3MjM5ODEuNjI1ODk1Ny41NjY3NzQ3IDAgLjU2Njc3NDctLjM5Mzc5OS41NjY3NzQ3LS41Njg3MzIydi0yLjM1NjQzMDZoMi4zMzkxMzM4Yy4xNzU1NjkzIDAgLjU5Mjc1NTYtLjAwMTEwMzMuNTkyNzU1Ni0uNTczNTAxNCAwLS41NzIzOTc5OC0uNDE3MTg2My0uNTcyMzk3OTgtLjU5Mjc1NTYtLjU3MjM5Nzk4aC0yLjMzOTEzMzh6Ii8+CiAgICA8cGF0aCBkPSJNMSAxaDI0djI0SDFWMXoiLz4KICA8L2c+Cjwvc3ZnPg==)!important;
  559. }
  560.  
  561. /* Recent Mention icon */
  562. .chat.private .channel-group-dm ~ .header-toolbar button:nth-child(7) span[style],
  563. #friends .header-toolbar button:nth-child(3) span[style],
  564. .chat.private .header-toolbar button:nth-child(5) span[style],
  565. .chat:not(.private) .header-toolbar button:nth-child(5) span[style]{
  566.     background-image:url(/assets/567632a2702aed0296e15d68d6cae738.svg)!important;
  567. }
  568.  
  569. /* Help icon */
  570. .chat.private .channel-group-dm ~ .header-toolbar button:nth-child(8) span[style],
  571. #friends .header-toolbar button:nth-child(4) span[style],
  572. .chat.private .header-toolbar button:nth-child(6) span[style],
  573. .chat:not(.private) .header-toolbar button:nth-child(6) span[style]{
  574.     background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNiIgaGVpZ2h0PSIyNiI+CiAgPHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNOCA5LjMyNTg0MjdjMCAuNzQxNTczMDMuNjE2NDM4MzYgMS4zNTk1NTA1NiAxLjM1NjE2NDM4IDEuMzU5NTUwNTYuNzM5NzI2MDMgMCAxLjM1NjE2NDQtLjYxNzk3NzUzIDEuMzU2MTY0NC0xLjM1OTU1MDU2IDAtMS40ODMxNDYwNyAxLjYwMjczOTctMS41NDQ5NDM4MiAxLjc4NzY3MTIyLTEuNTQ0OTQzODIuMTg0OTMxNSAwIDEuNzg3NjcxMjMuMDYxNzk3NzUgMS43ODc2NzEyMyAxLjU0NDk0Mzgydi4zMDg5ODg3NmMwIC42MTc5Nzc1My0uMzA4MjE5MTggMS4xMTIzNTk1NS0uODYzMDEzNyAxLjQyMTM0ODMybC0xLjIzMjg3NjcuNjc5Nzc1MjhjLS42NzgwODIyLjM3MDc4NjUtMS4wNDc5NDUyIDEuMDUwNTYxOC0xLjA0Nzk0NTIgMS43OTIxMzQ4M3YxLjExMjM1OTUyQzExLjE0MzgzNTYzIDE1LjM4MjAyMjUgMTEuNzYwMjczOTYgMTYgMTIuNSAxNmMuNzM5NzI2MDMgMCAxLjM1NjE2NDM4LS42MTc5Nzc1IDEuMzU2MTY0MzgtMS4zNTk1NTA1NnYtLjY3OTc3NTI4bC44NjMwMTM3LS40MzI1ODQyN0MxNi4xMzY5ODYzIDEyLjc4NjUxNjgyIDE3IDExLjMwMzM3MDggMTcgOS42OTY2Mjkydi0uMzcwNzg2NUMxNyA2LjQ4MzE0NjA3IDE0LjcxOTE3ODA4IDUgMTIuNSA1IDEwLjIxOTE3ODA4IDUgOCA2LjQ4MzE0NjA3IDggOS4zMjU4NDI3ek0xMi41IDE3Yy0yIDAtMiAzIDAgM3MyLTMgMC0zeiIvPgo8L3N2Zz4=)!important;
  575. }
  576.  
  577. /* Pinned Messages icon */
  578. .chat.private .channel-group-dm ~ .header-toolbar button:nth-child(3) span[style],
  579. .chat.private .header-toolbar button:nth-child(2) span[style],
  580. .chat:not(.private) .header-toolbar button:nth-child(2) span[style]{
  581.     background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNiIgaGVpZ2h0PSIyNiI+CiAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxwYXRoIGQ9Ik0xIDFoMjR2MjRIMSIvPgogICAgPHBhdGggZmlsbD0iI0ZGRiIgZD0iTTE1IDE1VjZoLTR2OWgtLjUwODk5NDgyQzEwLjIyNzg4MDQ4IDE1IDEwIDE1LjIyMzg1NzYgMTAgMTUuNWMwIC4yNjgwNjY0LjIxOTgzMDUuNS40OTEwMDUxOC41aDUuMDE3OTg5NjRDMTUuNzcyMTE5NTIgMTYgMTYgMTUuNzc2MTQyNCAxNiAxNS41YzAtLjI2ODA2NjQtLjIxOTgzMDUtLjUtLjQ5MTAwNTE4LS41SDE1em0yLTloMVY0SDh2MmgxdjhsLTIgMnYyaDUuMnY0aDEuNnYtNEgxOXYtMmwtMi0yVjZ6Ii8+CiAgPC9nPgo8L3N2Zz4=)!important;
  582. }
  583.  
  584. /* Recent Mentions Popout */
  585. .messages-popout {
  586.     border-radius: 0px 0px 5px 5px !important;
  587.     background: #2E3136 !important;
  588. }
  589.  
  590. .messages-popout-wrap .messages-popout .message-group {
  591.     border-color: rgba(28,36,43,.6) !important;
  592.     background-color: #36393e !important;
  593. }
  594.  
  595. .themed-popout {
  596.     background-color: #2e3136 !important;
  597.     border: 1px solid rgba(28,36,43,.6) !important;
  598.     box-shadow: 0 2px 10px 0 rgba(0,0,0,.2) !important;
  599. }
  600.  
  601. .themed-popout .header .title {
  602.     color: #fff !important;
  603. }
  604.  
  605. .recent-mentions-popout .tab-bar-item.selected {
  606.     color: #fff !important;
  607.     border-bottom-color: #fff !important;
  608. }
  609.  
  610. .recent-mentions-popout .mention-filter .label {
  611.     color: hsla(0,0%,100%,.3) !important;
  612. }
  613.  
  614. .recent-mentions-popout .mention-filter .value {
  615.     color: #fff !important;
  616. }
  617.  
  618. .recent-mentions-popout .tab-bar-item {
  619.     color: hsla(0,0%,100%,.3) !important;
  620. }
  621.  
  622. .messages-popout-wrap .messages-popout .channel-separator .channel-name {
  623.     color: #fff !important;
  624. }
  625.  
  626. .messages-popout-wrap .messages-popout .channel-separator .guild-name {
  627.     color: hsla(0,0%,100%,.3) !important;
  628. }
  629.  
  630. .messages-popout-wrap .messages-popout .message-group .action-buttons .jump-button {
  631.     background-color: #535559 !important;
  632.     color: hsla(0,0%,100%,.6)!important;
  633.     border-radius: 10px;
  634. }
  635.  
  636. .messages-popout .message-group:hover .action-buttons{
  637.     box-shadow: none!important;
  638.     background-color: transparent!important;
  639. }
  640.  
  641. .message-group .comment .markup pre {
  642.     background: #2e3136 !important;
  643.     border-color: #282b30 !important;
  644. }
  645.  
  646. .message-group .comment .markup code.inline, .message-group .comment .markup pre code {
  647.     background: rgb(46, 49, 54) !important;
  648. }
  649.  
  650. .hljs {
  651.     display: block !important;
  652.     overflow-x: auto !important;
  653.     padding: .5em !important;
  654.     background: #002b36 !important;
  655.     color: #839496 !important;
  656.     -webkit-text-size-adjust: none !important;
  657. }
  658.  
  659. .chat form textarea::-webkit-input-placeholder{color: #fff!important;}
  660.  
  661. .guild-channels .channel-text.selected:before {
  662.     position: absolute;
  663.     top: 0;
  664.     left: 0;
  665.     height: 100%;
  666.     content: ' ';
  667.     border-left: none;
  668.     opacity: 1!important;
  669.     -ms-filter: none!important;
  670.     filter: none!important;
  671. }
  672.  
  673. .guild-channels .channel-text:hover:before {
  674.     position: absolute;
  675.     top: 0;
  676.     left: 0;
  677.     height: 100%;
  678.     content: ' ';
  679.     border-left: none;
  680.     opacity: 0!important;
  681.     -ms-filter: none!important;
  682.     filter: none!important;
  683. }
  684.  
  685. .guild-header header {
  686.     box-shadow: 0 1px 0 #000,inset 0 -1px 0 rgba(0, 0, 0, 0.0) !important;
  687. }
  688.  
  689. /* Devil Number */
  690.  
  691. .chat .empty-message {
  692.     border-bottom: 3px solid !important;
  693.     border-color: rgba(0, 0, 0, 0.2) !important;
  694.     background: url(/assets/5eed3f20bc3c75fd5ff63c60df8f679d.png),url(/assets/129bf63f677720a34bc7ffeb74468a0e.png) !important;
  695.     background-position: 0 100%,100% 100% !important;
  696.     background-size: 192px 80px,216px 64px !important;
  697.     background-repeat: no-repeat,no-repeat !important;
  698. }
  699.  
  700. /* Minimize Button */
  701. .win-minimize {
  702.     background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNiIgaGVpZ2h0PSIyNiI+CiAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik0xOSAxOXYtMkg3djJoMTJ6Ii8+CiAgICA8cGF0aCBkPSJNMSAyNWgyNFYxSDF2MjR6Ii8+CiAgPC9nPgo8L3N2Zz4=) !important;
  703. }
  704.  
  705. /* Maximize Button */
  706. .win-maximize {
  707.     background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNiIgaGVpZ2h0PSIyNiI+CiAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxwYXRoIGQ9Ik0xIDFoMjR2MjRIMVYxeiIvPgogICAgPHBhdGggZmlsbD0iI0ZGRiIgZD0iTTggMTNINnY3aDd2LTJIOHYtNXptLTIgMGgyVjhoNVY2SDZ2N3ptNyA1djJoN3YtN2gtMnY1aC01em0wLTEydjJoNXY1aDJWNmgtN3oiLz4KICA8L2c+Cjwvc3ZnPg==) !important;
  708. }
  709.  
  710. /* Close Button */
  711. .win-close {
  712.     background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNiIgaGVpZ2h0PSIyNiI+CiAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxwYXRoIGQ9Ik0xIDFoMjR2MjRIMVYxeiIvPgogICAgPHBhdGggZmlsbD0iI0ZGRiIgZD0iTTIwIDcuNDFMMTguNTkgNiAxMyAxMS41OSA3LjQxIDYgNiA3LjQxIDExLjU5IDEzIDYgMTguNTkgNy40MSAyMCAxMyAxNC40MSAxOC41OSAyMCAyMCAxOC41OSAxNC40MSAxMyAyMCA3LjQxeiIvPgogIDwvZz4KPC9zdmc+) !important;
  713. }
  714.  
  715. .header-toolbar .toolbar-badge {
  716.     border: 1px solid transparent !important;
  717. }
  718.  
  719. .guild-header header {
  720.     box-shadow: 0 1px 0 transparent,inset 0 -1px 0 rgba(0, 0, 0, 0.0) !important;
  721. }
  722.  
  723. .guild-header.guild-header-open ul {
  724.     top: 56px;
  725. }
  726.  
  727. .guild-header ul {
  728.     box-shadow: 0 2px 0 rgba(0,0,0,0.3),inset 0 -1px 0 rgba(0,0,0,.06);
  729.     border-radius: 0px 0px 20px 20px;
  730. }
  731.  
  732. /* Messages Date  */
  733. .chat .divider>span {
  734.     background-color: transparent !important;
  735.     line-height: 19px !important;
  736.     color: var(--main-color) !important;
  737.     font-weight: 600 !important;
  738.     padding: 0 10px !important;
  739.     font-size: 15px !important;
  740. }
  741.  
  742. .chat .divider>span {
  743.     background-color: transparent !important;
  744. }
  745.  
  746. .friends-table .messages .divider:not(.red) div, .theme-dark .messages-wrapper .messages .divider:not(.red) div {
  747.     background: transparent !important;
  748. }
  749.  
  750. .message-group-blocked {
  751.     background: rgba(0, 0, 0, 0.2) !important;
  752.     -webkit-box-pack: center !important;
  753.     -o-box-pack: center !important;
  754.     -ms-flex-pack: center !important;
  755.     justify-content: center !important;
  756.     border: 0px solid transparent !important;
  757.     border-radius: 5px !important;
  758.     margin: 6px 6px 6px 19px !important;
  759. }
  760.  
  761.  
  762. .message-group-blocked .message-group-blocked-btn {
  763.     text-align: center !important;
  764.     font-size: 12px !important;
  765.     font-weight: 600 !important;
  766.     padding: 9px 0 !important;
  767.     color: var(--main-color) !important;
  768.     text-transform: uppercase !important;
  769.     cursor: pointer !important;
  770. }
  771.  
  772. .message-group-blocked .message-group-blocked-btn:hover {
  773.     background: rgba(0, 0, 0, 0.4) !important;
  774.     border-radius: 5px !important;
  775. }
  776.  
  777. .message-group-blocked:hover {
  778.     box-shadow: 0 0px 0px rgba(0,0,0,.0) !important;
  779. }
  780.  
  781. #bd-customcss-detach-container {
  782.     background: rgba(0, 0, 0, 0.8);
  783. }
  784.  
  785. .theme-dark .friends-table .messages .message-group-blocked .message-group-blocked-btn, .theme-dark .messages-wrapper .messages .message-group-blocked .message-group-blocked-btn {
  786.     background: rgba(0, 0, 0, .0);
  787. }
  788.  
  789. .chat .has-more button {
  790.     background: rgba(0, 0, 0, 0.2) !important;
  791.     border: 1px solid transparent !important;
  792.     color: var(--main-color) !important;
  793. }
  794.  
  795. .chat .has-more button:hover {
  796.     box-shadow: 0 0px 0px rgba(0,0,0,.0) !important;
  797.     background: rgba(0, 0, 0, 0.4) !important;
  798. }
  799.  
  800. .chat .divider>div {
  801.     background: transparent !important;
  802. }
  803.  
  804. #friends .friends-table .friends-row:hover {
  805.     background: rgba(0, 0, 0, .3);
  806.     box-shadow: 0px 5px 25px 0 rgba(0,0,0,.2);
  807.     border-radius: 5px;
  808.     border-color: transparent;
  809.     margin: 0 20px;
  810.     padding: 16px 10px;
  811. }
  812.  
  813. .form .form-inner {
  814.     background-color: rgba(0, 0, 0, .6) !important;
  815.     padding: 28px 40px 48px;
  816. }
  817.  
  818. .form .form-header {
  819.     background-color: rgba(0, 0, 0, .9) !important;
  820.     border-bottom: 1px solid rgba(0, 0, 0, .0) !important;
  821. }
  822.  
  823. .modal-content .form-inner p {
  824.     color: var(--main-color) !important;
  825. }
  826.  
  827. .form .form-actions {
  828.     background-color: rgba(0, 0, 0, .6) !important;
  829.     border-top: 1px solid rgba(0, 0, 0, .0) !important;
  830. }
  831.  
  832. .form .btn-default {
  833.     background: transparent !important;
  834.     color: #fff !important;
  835. }
  836.  
  837. .theme-dark .friends-table .messages .divider:not(.red) span, .theme-dark .messages-wrapper .messages .divider:not(.red) span {
  838.     opacity: 9.9 !important;
  839.     color: var(--main-color) !important;
  840. }
  841.  
  842. .message-group .embed .embed-author, .message-group .embed .embed-description {
  843.     color: hsla(0,0%,100%,.7) !important;
  844. }
  845.  
  846. .form .btn.red {
  847.     background-color: #f36c6c;
  848.     border-radius: 18px !important;
  849. }
  850.  
  851. .form .btn-primary {
  852.     border-radius: 4px;
  853. }
  854.  
  855. .popout .themed-popout .header {
  856.     box-shadow: 0 2px 3px 0 rgba(0,0,0,.2);
  857. }
  858.  
  859. .invite-button.join:hover {
  860.     border-color: transparent !important;
  861.     webkit-transition: background-color .6s;
  862.     transition: background-color .6s;
  863.     background-color: rgba(0,0,0, .8) !important;
  864. }
  865.  
  866.  
  867. .invite-button {
  868.     background-color: rgba(0,0,0, .5) !important;
  869.     border-color: transparent !important;
  870. }
  871.  
  872. .invite-button .invite-button-body {
  873.     color: hsla(0,0%,100%,.5) !important;
  874. }
  875.  
  876. .invite-button .invite-button-header {
  877.     color: hsla(0,0%,100%,.7) !important;
  878. }
  879.  
  880. .invite-button-icon:before {
  881.     content: '';
  882.     position: absolute;
  883.     top: 8px;
  884.     left: 19px;
  885.     display: table;
  886.     width: 9px;
  887.     height: 24px;
  888.     border: 3px solid #43b581;
  889.     border-top-width: 0;
  890.     border-left-width: 0;
  891.     -webkit-transform: rotate(45deg);
  892.     transform: rotate(45deg);
  893.     opacity: .5;
  894.     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  895.     filter: alpha(opacity=50);
  896.     -webkit-transition: opacity .6s;
  897.     transition: opacity .6s;
  898. }
  899.  
  900. .callout-backdrop {
  901.     -webkit-filter: blur(10px) !important;
  902. }
  903.  
  904. #friends .friends-header .tab-bar {
  905.     background: rgba(0, 0, 0, .0) !important;
  906. }
  907.  
  908. #friends .friends-table .friends-table-header {
  909.     background: rgba(0, 0, 0, .6)!important;
  910. }
  911.  
  912. #friends .friends-table {
  913.     margin-top: 0;
  914. }
  915.  
  916. #friends .friends-table .friends-row:hover {
  917.     background: rgba(0, 0, 0, .5)!important;
  918.     border-color: transparent;
  919. }
  920.  
  921. .friends-table .friends-row .friends-column-actions .friends-action {
  922.     background-color: rgba(0, 0, 0, .6) !important;
  923.     border-radius: 18px !important;
  924. }
  925.  
  926. .alert.form .form-inner h4 {
  927.     font-weight: 700;
  928.     font-size: 24px;
  929.     color: var(--main-color);
  930. }
  931.  
  932. .chat.private .channel-group-dm ~ .header-toolbar button:nth-child(7) span[style], #friends .header-toolbar button:nth-child(1) span[style], .chat.private .header-toolbar button:nth-child(3) span[style] {
  933.     background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogIDxkZWZzPgogICAgPHBhdGggaWQ9ImEiIGQ9Ik04IDJWMEgxLjc3Nzc3Nzc4Qy43OTU5MzgyMiAwIDAgLjc5NTkzODIyIDAgMS43Nzc3Nzc3OFYxNC4yMjIyMjIyQzAgMTUuMjA0MDYxOC43OTU5MzgyMiAxNiAxLjc3Nzc3Nzc4IDE2SDE0LjIyMjIyMjJDMTUuMiAxNiAxNiAxNS4yMDg4ODg5IDE2IDE0LjIyMjIyMjJWOGgtMnY2SDJWMmg2eiIvPgogICAgPG1hc2sgaWQ9ImIiIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgeD0iMCIgeT0iMCIgZmlsbD0iI2ZmZiI+CiAgICAgIDx1c2UgeGxpbms6aHJlZj0iI2EiLz4KICAgIDwvbWFzaz4KICA8L2RlZnM+CiAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxwYXRoIGQ9Ik0wIDBoMjR2MjRIMHoiLz4KICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQgNCkiPgogICAgICA8dXNlIHN0cm9rZT0iI0ZGRiIgc3Ryb2tlLXdpZHRoPSIyIiBtYXNrPSJ1cmwoI2IpIiB4bGluazpocmVmPSIjYSIvPgogICAgICA8cGF0aCBmaWxsPSIjRkZGIiBkPSJNNiA4LjE1NDk0ODVsNS40Mjc2NzU4LTUuNDI3Njc1NzcgMS44NDUwNTE1IDEuODQ1MDUxNUw3Ljg0NTA1MTUgMTBINlY4LjE1NDk0ODV6bTkuODYwMDMxMS02LjI3NTk3MjFsLS44NDgyOTYzLjg0ODI5NjMzLTEuNzM5MDA3NS0xLjczOTAwNzUuODQ4Mjk2My0uODQ4Mjk2MzNjLjE3ODE0MjItLjE4NjYyNTIuNDc1MDQ2LS4xODY2MjUyLjY1MzE4ODIgMGwxLjA4NTgxOTMgMS4wODU4MTkzYy4xODY2MjUyLjE3ODE0MjI0LjE4NjYyNTIuNDc1MDQ1OTYgMCAuNjUzMTg4MnoiLz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPg==)!important;
  934. }
  935.  
  936. .chat.private .channel-group-dm ~ .header-toolbar button:nth-child(3) span[style], .chat.private .header-toolbar button:nth-child(1) span[style] {
  937.     background-image: url(/assets/093cd423e728025709a8fc032bb43df0.svg)!important;
  938. }
  939.  
  940. .chat .private-channel-call {
  941.     background-color: #161819 !important;
  942.     background-image: url(/assets/fa4d05fd4a7ce8459a7cf997a60338e8.png)!important;
  943.     box-shadow: inset 0 -4px 10px 0 rgba(0,0,0,.2)!important;
  944. }
  945. .chat .private-channel-call .btn-icon {
  946.     background: rgba(54, 57, 62, .7) !important;
  947. }
  948.  
  949. .chat .private-channel-call .btn-icon:hover {
  950.     background: rgba(54, 57, 62, 1.9) !important;
  951.     -webkit-transition: background .2s ease!important;
  952.     transition: background .2s ease!important;
  953. }
  954.  
  955. .theme-dark .chat .private-channel-call .btn-icon:after {
  956.     opacity: .9;
  957.     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  958.     filter: alpha(opacity=60);
  959. }
  960.  
  961. .private-channel-call .btn-text.btn-danger:hover {
  962.     background: rgba(238, 42, 42, 1.9) !important;
  963. }
  964.  
  965. .private-channel-call .btn-text.btn-danger {
  966.     background: rgba(240, 71, 71, .9) !important;
  967. }
  968.  
  969. .chat .quick-region-select .label {
  970.     color: #949494!important;
  971. }
  972.  
  973. .chat .quick-region-select .region {
  974.     color: #fff!important;
  975. }
  976.  
  977. .system-message {
  978.     color: hsla(0,0%,100%,.6)!important;
  979. }
  980.  
  981. .system-message-timestamp {
  982.     color: hsla(0,0%,100%,.2)!important;
  983. }
  984.  
  985. .theme-dark .message-group a {
  986.     color: var(--main-color) !important;
  987. }
  988.  
  989. .message-group a {
  990.     color: var(--main-color) !important;
  991. }
  992.  
  993. .create-guild-container .action.create .action-icon {
  994.     background: url(https://i.imgur.com/S88Qvop.png) 50% no-repeat;
  995.     height: 78px;
  996.     background-size: 112px 78px;
  997. }
  998.  
  999. .create-guild-container .action.join .action-icon {
  1000.     background: url(https://i.imgur.com/qAlop6R.png) 50% no-repeat;
  1001.     height: 78px;
  1002.     background-size: 178.5px 78px;
  1003. }
  1004.  
  1005. .create-guild-container {
  1006.     width: 520px;
  1007.     height: 420px;
  1008.     overflow: hidden;
  1009.     border-radius: 5px;
  1010.     box-sizing: border-box;
  1011.     background-color: rgba(0, 0, 0, 0.5);
  1012.     position: relative;
  1013.     display: -webkit-box;
  1014.     display: -ms-flexbox;
  1015.     display: box;
  1016.     display: flex;
  1017. }
  1018.  
  1019. .create-guild-container .action {
  1020.     text-align: center;
  1021.     width: 228px;
  1022.     border: 1px solid rgba(0,0,0,.1);
  1023.     border-radius: 3px;
  1024.     background: rgba(255, 255, 255, 0.2);
  1025.     overflow: hidden;
  1026.     padding: 10px;
  1027.     box-sizing: border-box;
  1028.     display: inline-block;
  1029.     box-shadow: 0 2px 4px rgba(0,0,0,.08);
  1030.     cursor: pointer;
  1031. }
  1032.  
  1033. .region-select {
  1034.     margin-top: 10px;
  1035.     display: -webkit-box;
  1036.     display: -ms-flexbox;
  1037.     display: box;
  1038.     display: flex;
  1039.     box-sizing: border-box;
  1040.     background-color: rgba(0, 0, 0, 0.2);
  1041.     cursor: pointer;
  1042.     height: 46px;
  1043. }
  1044.  
  1045. .region-select .region-select-inner {
  1046.     border: none;
  1047. }
  1048.  
  1049. .region-select:hover .region-select-inner, .region-select:hover button {
  1050.     border-color: rgba(0, 0, 0, .0);
  1051. }
  1052. .region-select button {
  1053.     background-color: rgba(0, 0, 0, 0.2);
  1054.     font: Whitney,"Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
  1055.     font-weight: 600;
  1056.     color: var(--main-color);
  1057.     font-size: 14px;
  1058.     border: none;
  1059.     border-left: none;
  1060.     border-radius: 0 4px 4px 0;
  1061.     padding: 10px;
  1062. }
  1063.  
  1064. .form .control-group input[type=email], .form .control-group input[type=number], .form .control-group input[type=password], .form .control-group input[type=text], .form .control-group textarea {
  1065.     font-size: 16px;
  1066.     font-weight: 400;
  1067.     color: #2e3136;
  1068.     border: none;
  1069.     outline: none;
  1070.     border-bottom: 0px solid #f0f0f0;
  1071.     margin-bottom: 1px;
  1072.     width: 100%;
  1073.     resize: none;
  1074.     background-color: rgba(0, 0, 0, 0.0);
  1075. }
  1076.  
  1077. .form .control-group input[type=email]:focus, .form .control-group input[type=number]:focus, .form .control-group input[type=password]:focus, .form .control-group textarea:focus {
  1078.     border-bottom: 0px solid #7289da;
  1079.     margin-bottom: 1px;
  1080. }
  1081.  
  1082. .region-select:hover button {
  1083.     background-color: rgba(0, 0, 0, .5);
  1084.     color: #fff;
  1085.     webkit-transition: background-color .5s;
  1086.     transition: background-color .5s;
  1087. }
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!