API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Dec 7th, 2016
86
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 52.34 KB | None | 0 0
raw download clone embed print report
  1. //META{"name":"DubaiOrange","description":"Supports all resolutions, Orange with a delightful Dubai sunset.","author":"den","version":"1.0"}*//{}
  2.  
  3. /*
  4.  
  5.  .o88b. .d8888. .d8888.   d8888b. db    db   d8888b. d88888b d8b   db
  6. d8P  Y8 88'  YP 88'  YP   88  `8D `8b  d8'   88  `8D 88'     888o  88
  7. 8P      `8bo.   `8bo.     88oooY'  `8bd8'    88   88 88ooooo 88V8o 88
  8. 8b        `Y8b.   `Y8b.   88~~~b.    88      88   88 88~~~~~ 88 V8o88 ~ noot noot
  9. Y8b  d8 db   8D db   8D   88   8D    88      88  .8D 88.     88  V888
  10.  `Y88P' `8888Y' `8888Y'   Y8888P'    YP      Y8888D' Y88888P VP   V8P
  11.  
  12. Main Colors Used:
  13. #ff6100 (255,97,0) - Orange
  14. #121212
  15. #3d3d3d
  16. #232323
  17.  
  18. */
  19.  
  20. body {
  21. -webkit-backface-visibility: hidden;
  22. }
  23.  
  24.  .theme-dark .chat{background: transparent;}
  25.  
  26. .app {
  27.     background-image: url(https://wallpaperscraft.com/image/dubai_night_evening_sunset_orange_black_palm_trees_water_light_reflection_58546_2560x1600.jpg) !important;
  28. background-size: cover;}
  29.  
  30. .callout-backdrop {
  31.     background-image: url(https://wallpaperscraft.com/image/dubai_night_evening_sunset_orange_black_palm_trees_water_light_reflection_58546_2560x1600.jpg) !important;
  32. background-size: cover;}
  33.  
  34. #voice-connection {
  35.     margin-left: 3vh !important;
  36. }
  37.  
  38.  
  39. #voice-connection .btn, .account .btn {
  40.     border: none !important;
  41. }
  42.  
  43. #voice-connection, #friends, #friends .btn, .friends-header, .friends-table, .search-bar, .guilds-wrapper, .channels-wrap, .guild-channels, .account, .links, .messages-wrapper, .title-wrap, .content, .chat-empty, .message-group-blocked, .private-channels, .guild-header header, .typing, .ider-red span {
  44.     background: transparent !important;
  45. }
  46.  
  47. .channel:not(.selected) {
  48.     transition: background .3s ease-out !important;
  49. }
  50.  
  51. .channel:not(.selected):hover {
  52.     background: rgba(0, 0, 0, 0.0) !important;
  53.     transition: background .2s ease-in !important;
  54. }
  55.  
  56. .friends-row:hover, .search-result:hover, .btn-friends.selected, .search-result.selected, .channel.selected.private, .channel.channel-text.selected {
  57.     background: rgba(0, 0, 0, 0.0) !important;
  58. }
  59.  
  60. .guild-channels .channel-text.selected {
  61.     background: linear-gradient(to right, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.0)) !important;
  62. }
  63.  
  64. .guild-channels .channel-text.selected:before, .guild-channels .channel-text.selected:hover:before, .guild-channels .channel-text:hover.channel-muted:before, .guild-channels .channel-text:hover:not(.unread):before, .private-channels .channel.selected:before, .private-channels .channel:hover:before {
  65.     border-left: 3px solid #ff6100;
  66. }
  67.  
  68. .guild-channels .channel-text:hover {
  69.     background: linear-gradient(to right, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.0)) !important;
  70. }
  71.  
  72. .guild-channels ul .channel-text.unread:not(.selected):not(.channel-muted):before {
  73.     left: -11px;
  74. }
  75.  
  76. .guild-header ul {
  77.     opacity: 0;
  78.     transition: transform .5s cubic-bezier(0.18, 0.89, 0.32, 1.28);
  79. }
  80.  
  81. .guild-header-open ul {
  82.     opacity: 1;
  83. }
  84.  
  85. .invite-btn {
  86.     background-color: rgba(255,97,0, 0.5) !important;
  87. }
  88.  
  89. .private-channels .channel:hover:before {
  90.     opacity: .25 !important;
  91. }
  92.  
  93. .user-settings-modal button.preview-sound:before {
  94.     -webkit-filter: hue-rotate(235deg) saturate(400%);
  95. }
  96.  
  97. .scroller-wrap .scroller::-webkit-scrollbar-thumb {
  98.     background-color: rgba(0, 0, 0, 0.3) !important;
  99.     border: 1px solid rgba(0, 0, 0, 0.3) !important;
  100. }
  101.  
  102. .scroller-wrap .scroller::-webkit-scrollbar-track-piece {
  103.     background-color: rgba(0, 0, 0, 0.0) !important;
  104.     border: 1px solid rgba(0, 0, 0, 0.0) !important;
  105. }
  106.  
  107. .voice-connection-channel {
  108.     color: #000000;
  109.     font-size: 12px;
  110. }
  111.  
  112. .inline {
  113.     background-color: #23232323 !important;
  114.     border-radius: 5px !important;
  115.     font-size: 12px;
  116.     color: #ff6100 !important;
  117.     line-height: 22px;
  118. }
  119.  
  120. /*Transparency*/
  121.  
  122. /*Guild name*/
  123.  
  124. /*Scrolling bar*/
  125.  
  126. /*Buttons*/
  127.  
  128. .badge {
  129.     background-color: #ff6100;
  130.     border: 1px solid rgba(0, 0, 0, 0.5);
  131.     color: #000000;
  132. }
  133.  
  134. .channel.channel-text.unread a {
  135.     background: transparent !important;
  136. }
  137.  
  138. .markup {
  139.     color: #ffffff;
  140.     font-size: 16px;
  141. }
  142.  
  143. .member.member-status.member-status-offline:hover {
  144.     background-color: rgba(0, 0, 0, 0.2) !important;
  145. }
  146.  
  147. .member.member-status.member-status-online:hover {
  148.     background-color: rgba(0, 0, 0, 0.2) !important;
  149. }
  150.  
  151. .notice {
  152.     background-color: #a1a1a1;
  153.     color: #000000;
  154. }
  155.  
  156. .timestamp {
  157.     color: rgba(255, 255, 255, 0.7) !important;
  158.     font-size: 13px;
  159. }
  160.  
  161. .ider span {
  162.     background-color: #615900;
  163.     margin-top: 5px;
  164.     margin-bottom: 5px;
  165.     color: #ffffff;
  166. }
  167.  
  168. ::-webkit-input-placeholder {
  169.     /* WebKit, Blink, Edge */
  170.     color: rgba(255, 255, 255, 0.6);
  171. }
  172.  
  173. .chat>.title-wrap {
  174.     box-shadow: none !important;
  175. }
  176.  
  177. .hljs {
  178.     background-color: #232323 !important;
  179.     border-radius: 4px !important;
  180.     font-size: 16px ;
  181.     font-style: normal;
  182.     font-weight: normal;
  183. }
  184.  
  185. .member-activity {
  186.     color: #ffffff !important;
  187. }
  188.  
  189. .links li a:hover {
  190.     color: #ff6100 !important;
  191. }
  192.  
  193. .topic.topic-expandable {
  194.     color: rgba(255, 255, 255, 0.8) !important;
  195.     font-size: 12px !important;
  196. }
  197.  
  198. .topic.topic-expandable a {
  199.     color: #ff6100 !important;
  200. }
  201.  
  202. .topic.topic-expandable:hover {
  203.     color: rgba(255, 255, 255, 0.8) !important;
  204.     font-size: 13px !important;
  205. }
  206.  
  207. .member.member-status.member-status-online {
  208.     background: transparent;
  209. }
  210.  
  211. .messages {
  212.     background: transparent;
  213.     margin-top: 5px !important;
  214.     margin-right: 20px !important;
  215. }
  216.  
  217. .chat .title-wrap {
  218.     padding-bottom: 1px;
  219.     border-bottom: 1px solid transparent !important;
  220.     margin-top: 1px;
  221. }
  222.  
  223. .guild-header header span {
  224.     margin-left: 30%;
  225. }
  226.  
  227. .chat .messages-wrapper {
  228.     -webkit-mask-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 4%, rgba(0, 0, 0, 1) 98%, rgba(0, 0, 0, 0) 100%) !important;
  229. }
  230.  
  231. .links li a {
  232.     margin-left: 1.2vw !important;
  233.     color: #dbdbdb !important;
  234. }
  235.  
  236. .guild-channels header {
  237.     opacity: 0.9;
  238. }
  239.  
  240. .scroller.channel-members {
  241.     padding-top: 3 px;
  242. }
  243.  
  244. .discriminator {
  245.     transition: all 900ms ease !important;
  246. }
  247.  
  248. .guilds {
  249.     transition: all 900ms ease !important;
  250. }
  251.  
  252. .btn {
  253.     width: auto !important;
  254. }
  255.  
  256. .btn-mute {
  257.     height: 25px !important;
  258.     width: 2.2vw !important;
  259.     background-color: rgba(35,35,35,0.6) !important;
  260. }
  261.  
  262. .btn-deafen {
  263.     height: 25px !important;
  264.     width: 2.2vw !important;
  265.     background-color: rgba(35,35,35,0.6) !important;
  266. }
  267.  
  268. .btn-settings {
  269.     height: 25px !important;
  270.     width: 2.2vw !important;
  271.     background-color: rgba(35,35,35,0.6) !important;
  272. }
  273.  
  274. .btn-info {
  275.     height: 25px !important;
  276.     width: 2.2vw !important;
  277.     background-color: rgba(35,35,35,0.6) !important;
  278. }
  279.  
  280. .btn-disconnect {
  281.     height: 25px !important;
  282.     width: 2.2vw !important;
  283.     background-color: rgba(35,35,35,0.6) !important;
  284. }
  285.  
  286. .btn-group{
  287.   opacity: 0.8 !important;
  288. }
  289.  
  290.  
  291. .channels-wrap {
  292.     width: 15vw !important;
  293. }
  294.  
  295. #voice-connection .btn-info {
  296.     border-right: 1px solid rgba(255,97,0, .3) !important;
  297.     height: 26px;
  298.     bottom: 2px;
  299. }
  300.  
  301. .account .btn-mute {
  302.     border-right: 1px solid rgba(255,97,0, .3) !important;
  303.     height: 26px;
  304. }
  305.  
  306. .account .btn-settings {
  307.     height: 26px;
  308. }
  309.  
  310. .account .btn-deafen {
  311.     border-right: 1px solid rgba(255,97,0, .3) !important;
  312.     height: 26px;
  313.     background-color: #232323 !important;
  314. }
  315.  
  316. .account .btn-deafen:hover {
  317.     background-color: #232323 !important;
  318. }
  319.  
  320. .account .btn-group, #voice-connection .btn-group {
  321.     border-radius: 10px;
  322.     background-color: #232323 !important;
  323. }
  324.  
  325. #voice-connection .btn {
  326.     background-color: #232323 !important;
  327.     border: none;
  328. }
  329.  
  330. .account .btn {
  331.     background: transparent !important;
  332.     border: none;
  333. }
  334.  
  335. .links {
  336.     display: none;
  337. }
  338.  
  339. .account .username {
  340.     width: 65px !important;
  341.     font-size: 10px !important;
  342.     white-space: nowrap;
  343.     overflow: hidden;
  344.     text-overflow: ellipsis;
  345. }
  346.  
  347. @media  (max-width: 1620px) {
  348.   .account .username {    
  349.     width: 50px !important;    
  350.     font-size: 10px !important;    
  351.     white-space: nowrap;    
  352.     overflow: hidden;    
  353.     -ms-text-overflow: ellipsis;
  354.     text-overflow: ellipsis;
  355.   }
  356. }
  357.  
  358. span.ping{
  359.       background-color: transparent !important;
  360.       color: #ff6100 !important;
  361.       transition: opacity 3s ease-in-out
  362.   }
  363.  
  364. .voice-connection-quality-fine {    
  365.     font-size: 80% !important;    
  366.     padding-right: 30px !important;
  367.     transition: opacity 3s ease-in-out
  368.   }
  369.  
  370. @media  (max-width: 1445px) {
  371.   .account .username {    
  372.     width: 32px !important;    
  373.     white-space: nowrap;    
  374.     overflow: hidden;    
  375.     -ms-text-overflow: ellipsis;    
  376.     -ms-text-overflow: ellipsis;    
  377.     -ms-text-overflow: ellipsis;    
  378.     -ms-text-overflow: ellipsis;    
  379.     -ms-text-overflow: ellipsis;    
  380.     -ms-text-overflow: ellipsis;    
  381.     -ms-text-overflow: ellipsis;    
  382.     -ms-text-overflow: ellipsis;    -ms-text-overflow: ellipsis;
  383.     text-overflow: ellipsis;
  384.   }
  385.   .channel-members {    
  386.     max-width: 150px !important;
  387.   }
  388.   .channel-members h2 {    
  389.     font-size: 10px !important;    
  390.     padding-left: 10px !important;
  391.   }
  392.   .member-activity {    
  393.     color: rgba(255, 255, 255, 0.8) !important;    
  394.     font-size: 10px !important;
  395.   }
  396.   .member-status {    
  397.     padding-left: 20px !important;
  398.   }
  399.   .channel-members-wrap {    
  400.     min-width: 80px !important;
  401.   }
  402.   .invite-btn {    
  403.     padding-left: 5% !important;
  404.   }
  405.   span.ping{
  406.       opacity: 0 !important;
  407.   }
  408. }
  409.  
  410. .search-bar {
  411.     box-shadow: none !important;
  412. }
  413.  
  414. .guild-header.guild-header-open ul {
  415.     background-color: #121212 !important;
  416.     border-radius: 5px;
  417.     margin-left: 1.2vh;
  418.     width: 15vw;
  419. }
  420.  
  421. .guild-header-open ul li a {
  422.     color: #ff6100;
  423.     opacity: 1 !important;
  424. }
  425.  
  426. #voice-connection {
  427.       margin-left: 1vh !important;
  428.   }
  429.  
  430. @media  (max-width: 1260px) {
  431.   .account .username {    
  432.     display: none !important;
  433.   }
  434.   .account .discriminator {    
  435.     display: none !important;
  436.   }
  437. }
  438.  
  439.  
  440. @media  (max-width: 1200px) {
  441.   .member-username-inner, member-activity {    
  442.     color: rgba(0, 0, 0, 0.0);
  443.   }
  444.   .channel-members h2 {    
  445.     font-size: 6px;    
  446.     padding-left: 8px !important;
  447.   }
  448.   .channel-members {    
  449.     max-width: 80px !important;
  450.   }
  451.   .channel-members .member-status {    
  452.     padding-left: 40% !important;
  453.   }
  454.   .channel-members-wrap {    
  455.     min-width: 80px !important;
  456.   }
  457.   .invite-btn {    
  458.     display: none !important;
  459.   }
  460.   .channels-wrap {    
  461.     max-width: 15% !important;    
  462.     min-width: 144px !important;
  463.   }
  464.   .guild-header.guild-header-open ul {    
  465.     min-width: 130px !important;
  466.   }
  467.   .btn-group {    
  468.     margin-left: -10px !important;    
  469.     min-width: 56px !important;
  470.   }
  471.   .btn {    
  472.     min-width: 28px !important;
  473.   }
  474.   .links li a {    
  475.     display: none !important;
  476.   }
  477.   .voice-connection-quality-fine {    
  478.     font-size: 80% !important;    
  479.     padding-right: 30px !important;
  480.   }
  481.   .voice-connection-channel {    
  482.     display: none !important;
  483.   }
  484.   .btn-disconnect {    
  485.     width: 50% !important;
  486.   }
  487.   .btn-info {    
  488.     width: 50% !important;
  489.   }
  490. }
  491.  
  492. @media  (max-width: 1050px) {
  493.   .voice-connection-quality-fine {    
  494.     opacity: 0 !important;
  495.   }
  496.  
  497. }
  498.  
  499. @media  (max-width: 740px) {
  500.   .message-group .avatar-large {    
  501.     display: none !important;
  502.   }
  503. }
  504.  
  505. @media  (max-height: 700px) {
  506.   .btn-group .btn {    
  507.     height: 23px !important;
  508.   }
  509. }
  510.  
  511.  
  512. .voice-connection-quality-fine {
  513.     transition: all 900ms ease !important;
  514. }
  515.  
  516. .channel-members, .channel-members-wrap {
  517.     transition: all 400ms ease;
  518. }
  519.  
  520. .embed-video-actions {
  521.     width: 90%;
  522.     height: 90%;
  523. }
  524.  
  525. .embed {
  526.     border-radius: 15px !important;
  527. }
  528.  
  529. .highlight {
  530.     color: #ff6100;
  531. }
  532.  
  533. .highlight:hover {
  534.     background-color: rgba(0, 0, 0, 0.3) !important;
  535.     border-radius: 3px !important;
  536.     color: #ff6100 !important;
  537. }
  538.  
  539. .friends-icon {
  540.     background-color: rgba(255,97,0, 0.9);
  541. }
  542.  
  543. .friends-online {
  544.     color: #ffffff;
  545. }
  546.  
  547. .guild-separator {
  548.     border-top: 2px solid rgba(255,97,0, 0.5);
  549.     border-bottom: 2px solid rgba(255,97,0, 0.5);
  550. }
  551.  
  552. .guild-separator:after {
  553.     background-color: transparent !important;
  554. }
  555.  
  556. .channel-textarea {
  557.    
  558. }
  559.  
  560. .speaking .avatar-small {
  561.     border: 2px dotted #ff6100 !important;
  562. }
  563.  
  564. .speaking .avatar-small:hover {
  565.     border: 2px dotted #ff6100 !important;
  566. }
  567.  
  568. .channel-members .member.popout-open {
  569.     background: linear-gradient(to right, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.0)) !important;
  570.     border-left: 4px solid rgba(255,97,0, 0.9);
  571. }
  572.  
  573. .status {
  574.     border-color: transparent !important;
  575. }
  576.  
  577. #voice-connection .btn-info:after {
  578.     padding-bottom: 2px;
  579. }
  580.  
  581. /* Unread Channel Message */
  582.  
  583. .guild-channels .channel-text.unread:not(.selected):not(.channel-muted):before {
  584.     background: #ff6100 !important;
  585. }
  586.  
  587. /* Guild Unread Message */
  588.  
  589. .guilds-wrapper .guilds .guild.unread:before {
  590.     background: #ff6100 !important;
  591. }
  592.  
  593. /* Guild Unread Message */
  594.  
  595. .guilds-wrapper .guilds .guild.selected:before {
  596.     background: #ff6100 !important;
  597. }
  598.  
  599. .divider.divider-red span {
  600.     background-color: rgba(0, 0, 0, 0.7) !important;
  601.     color: #ff6100 !important;
  602. }
  603.  
  604. .divider.divider-red>div {
  605.     background: rgba(255,97,0, 0.7) !important;
  606. }
  607.  
  608. /* Private Chat */
  609.  
  610. .private-channels .scroller {
  611.     background: none !important;
  612.     border-radius: 5px !important;
  613.     -webkit-mask-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 2%, rgba(0, 0, 0, 1) 98%, rgba(0, 0, 0, 0) 100%);
  614.     margin-left: 2vh;
  615. }
  616.  
  617. .private-channels .channel.selected:before {
  618.     background-color: linear-gradient(to right, rgba(255,97,0, 0.4), rgba(0, 0, 0, 0.0)) !important;
  619.     border-left: 2px solid #ff6100;
  620. }
  621.  
  622. .priavte-channels .channel:hover::before {
  623.     border-left: 2px solid #ff6100 !important;
  624.     background-color: linear-gradient(to right, rgba(255,97,0, 0.4), rgba(0, 0, 0, 0.0)) !important;
  625. }
  626.  
  627. .friends-header {
  628.     box-shadow: none;
  629.     border: none !important;
  630. }
  631.  
  632. .search-bar-inner input {
  633.     font-size: 62% !important;
  634.     border: 1px solid rgba(255,97,0, 0.4);
  635. }
  636.  
  637. /* Friends */
  638.  
  639. #friends .friends-table .friends-table-body {
  640.     background-color: rgba(35,35,35,0.8) !important;
  641.     border-radius: 5px !important;
  642.     border: 1px solid rgba(255,97,0, 0.0);
  643.     margin-left: 1.6vw;
  644.     margin-bottom: 2.5vh;
  645.     margin-right: 2.5vh;
  646.     -webkit-mask-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 2%, rgba(0, 0, 0, 1) 98%, rgba(0, 0, 0, 0) 100%);
  647. }
  648.  
  649. #friends .friends-table .friends-table-header {
  650.     background-color: rgba(35,35,35,0.8) !important;
  651.     border-radius: 5px !important;
  652.     margin-left: 1.6vw;
  653.     height: 3vh;
  654.     margin-bottom: 1.2vh;
  655.     margin-right: 2.5vh;
  656. }
  657.  
  658. #friends .friends-header {
  659.     margin-left: 1.6vw;
  660. }
  661.  
  662. .tab-bar-item:hover {
  663.     background-color: transparent;
  664. }
  665.  
  666. .new-messages-bar button {
  667.     background-color: #3b3b3b !important;
  668.     color: #ff6100 !important;
  669. }
  670.  
  671. span.bot-tag {
  672.     background-color: rgba(255,97,0, 0.8) !important;
  673. }
  674.  
  675. /* Instant invite section */
  676.  
  677. .instant-invite-popout section {
  678.     background-color: rgba(0, 0, 0, 0.5) !important;
  679.     border-bottom-right-radius: 10px !important;
  680.     border-bottom-left-radius: 10px !important;
  681. }
  682.  
  683. .instant-invite-popout header {
  684.     background-color: #ff6100 !important;
  685. }
  686.  
  687. .countdown {
  688.     color: #ff6100 !important;
  689. }
  690.  
  691. .checkbox span {
  692.     color: #a8a8a8 !important;
  693. }
  694.  
  695. /* Guilds 'Add' Button */
  696.  
  697. .guild.guilds-add {
  698.     border-color: rgba(255,97,0, 0.5) !important;
  699.     border-style: groove !important;
  700. }
  701.  
  702. .guild.guilds-add:hover {
  703.     border-color: rgba(255,97,0, 0.9) !important;
  704. }
  705.  
  706. /* Speech bubble CSS */
  707.  
  708. .tooltip {
  709.     background: rgba(0, 0, 0, 0.4) !important;
  710. }
  711.  
  712. .tooltip.tooltip-right:after {
  713.     border-right-color: rgba(0, 0, 0, 0.4) !important;
  714. }
  715.  
  716. .tooltip.tooltip-left:after {
  717.     border-left-color: rgba(0, 0, 0, 0.4) !important;
  718. }
  719.  
  720. .tooltip.tooltip-top:after {
  721.     border-top-color: rgba(0, 0, 0, 0.4) !important;
  722. }
  723.  
  724. .tooltip.tooltip-bottom:after {
  725.     border-bottom-color: rgba(0, 0, 0, 0.4) !important;
  726. }
  727.  
  728. /** Delete comment window **/
  729.  
  730. .form-inner {
  731.     background-color: #3d3d3d !important;
  732. }
  733.  
  734. .form-header header {
  735.     color: #ff6100 !important;
  736. }
  737.  
  738. .form-inner p {
  739.     color: #ffffff !important;
  740. }
  741.  
  742. .btn.btn-default.close {
  743.     background-color: rgba(0, 0, 0, 0.0) !important;
  744.     color: #ff6100;
  745. }
  746.  
  747. .form-header {
  748.     background-color: #3d3d3d !important;
  749. }
  750.  
  751. .form-actions {
  752.     background-color: #3d3d3d !important;
  753. }
  754.  
  755. ul li a {
  756.     color: #ff6100;
  757. }
  758.  
  759. .header.control-group {
  760.     background-color: #3d3d3d !important;
  761.     border-top-right-radius: 10px;
  762.     border-top-left-radius: 10px;
  763. }
  764.  
  765. /** User settings */
  766.  
  767. .avatar-uploader-inner {
  768.     background-color: rgba(0, 0, 0, 0.1) !important;
  769.     border-radius: 4px !important;
  770.     border-color: #ff6100 !important;
  771. }
  772.  
  773. #settings-username {
  774.     border-radius: 4px;
  775.     padding-left: 10px;
  776.     border-color: #ff6100 !important;
  777. }
  778.  
  779. #settings-email {
  780.     border-radius: 4px;
  781.     padding-left: 10px;
  782.     border-color: #ff6100 !important;
  783. }
  784.  
  785. #settings-current-password {
  786.     border-radius: 4px;
  787.     padding-left: 10px;
  788.     border-color: #ff6100 !important;
  789. }
  790.  
  791. button.btn.btn-primary {
  792.     background-color: #ff6100 !important;
  793. }
  794.  
  795. .settings-actions {
  796.     background-color: #121212 !important;
  797. }
  798.  
  799. a.remove-button {
  800.     color: #ff6100 !important;
  801. }
  802.  
  803. .control-group label a {
  804.     color: #ff6100 !important;
  805. }
  806.  
  807. .settings .settings-inner, .settings .settings-actions {
  808.     background-color: #3d3d3d;
  809. }
  810.  
  811. div.settings-actions{
  812.     background-color: #121212 !important;
  813. }
  814.  
  815. .settings .settings-header {
  816.     background-color: #3d3d3d !important;
  817. }
  818.  
  819. .settings-wrapper.settings-panel {
  820.     background-color: #3d3d3d !important;
  821. }
  822.  
  823.  
  824. .tab-bar-item.selected {
  825.     padding-left: 15px !important;
  826. }
  827.  
  828. .checkbox-inner span {
  829.     background-color: #ff6100 !important;
  830.     border-color: rgba(0, 0, 0, 0.5) !important;
  831. }
  832.  
  833. .radio-inner {
  834.     background-color: rgba(255, 255, 255, 0.3) !important;
  835. }
  836.  
  837. .radio {
  838.     color: #ffffff !important;
  839. }
  840.  
  841. .tab-bar-item {
  842.     margin-right: 5px !important;
  843.     margin-left: 5px !important;
  844.     padding-left: 5px !important;
  845.     padding-right: 5px !important;
  846. }
  847.  
  848. div p a {
  849.     color: #ff6100 !important;
  850. }
  851.  
  852. .radio-theme.dark label {
  853.     border-color: #ff6100 !important;
  854. }
  855.  
  856. .radio-theme.light label {
  857.     border-color: #ffffff;
  858. }
  859.  
  860. .action-icon:before {
  861.     -webkit-filter: hue-rotate(305deg) saturate(400%) !important;
  862. }
  863.  
  864. .slider-bar-fill {
  865.     background: #ff6100 !important;
  866. }
  867.  
  868. .radio .radio-inner span:after {
  869.     background: #ff6100 !important;
  870. }
  871.  
  872. .tab-bar.TOP .tab-bar-item.selected {
  873.     border-bottom: 2px solid #ff6100 !important;
  874. }
  875.  
  876. #help-query {
  877.     border-color: #ff6100;
  878.     border-width: 3px;
  879. }
  880.  
  881. /* User profile popup message box */
  882.  
  883. .avatar-popout {
  884.     border: 3px dotted rgba(255,97,0, 0.7) !important;
  885.     background-color: rgba(255, 255, 255, 0.8) !important;
  886. }
  887.  
  888. .reset-voice-settings {
  889.     color: #ff6100 !important;
  890. }
  891.  
  892. /* Add new server popup window */
  893.  
  894. .form-inner header {
  895.     color: #ff6100 !important;
  896. }
  897.  
  898. .action-header {
  899.     color: #ff6100 !important;
  900. }
  901.  
  902. .action-icon {
  903.     background-color: #ffffff !important;
  904. }
  905.  
  906. .btn.btn-primary {
  907.     background-color: #ff6100 !important;
  908. }
  909.  
  910. /* Light Theme Support*/
  911.  
  912. span.channel-name {
  913.     color: #ffffff !important;
  914. }
  915.  
  916. a.channel-name.channel-private {
  917.     color: rgba(255, 255, 255, 0.9) !important;
  918. }
  919.  
  920. .form-inner.loading {
  921.     background-color: #232323 !important;
  922. }
  923.  
  924. div.footer {
  925. background-color: #3d3d3d !important;
  926. }
  927.  
  928. #user-profile-modal .scroller {
  929.     background: #fff;
  930.     padding-top: 0px;
  931.     border-top-right-radius: 0px;
  932.     border-bottom-right-radius: 0px;
  933.     border-right: 0px solid transparent;
  934.     margin-top: 0px;
  935.     margin-bottom: 0px;
  936. }
  937.  
  938. .empty-message h1 {
  939.     color: rgba(255, 255, 255, 0.8) !important;
  940. }
  941.  
  942. img.image {
  943.     width: 90%;
  944.     height: 90%;
  945.     border-radius: 10px;
  946. }
  947.  
  948. #app-mount > div > span:nth-child(6) > div.modal > div > div > div > img {
  949.     max-height: 700px !important;
  950.     width: auto !important;
  951.     max-width: 1000px;
  952.     height: auto !important;
  953.     margin-right: auto !important;
  954.     margin-left: auto !important;
  955. }
  956.  
  957. #app-mount > div > span:nth-child(6) > div.modal > div > div > a {
  958.     opacity: 1 !important;
  959.     text-align: center;
  960.     color: #ffffff;
  961. }
  962.  
  963. #app-mount > div > span:nth-child(6) > div.modal > div > div > a:hover {
  964.     text-align: center;
  965.     color: #ff6100;
  966. }
  967.  
  968. div.form-inner {
  969.     background-color: #232323 !important;
  970. }
  971.  
  972. .connection-integrations.no-integrations div {
  973.     color: #6b6b6b !important;
  974. }
  975.  
  976. .connection-integrations.no-integrations {
  977.     background-color: #ffffff !important;
  978. }
  979.  
  980. .settings-panel-header.user-settings-modal-connections-header label {
  981.     color: #ff6100 !important;
  982. }
  983.  
  984. header.header {
  985.     background: transparent !important;
  986.     background-color: #3d3d3d !important;
  987. }
  988.  
  989. div.sub-header {
  990.     background-color: #3d3d3d !important;
  991. }
  992.  
  993. #user-profile-modal > div.tab-bar.TOP{
  994.     background-color: #3d3d3d !important;
  995. }
  996.  
  997. div#user-profile-modal footer {
  998.     background-color: #3d3d3d !important;
  999. }
  1000.  
  1001. .add-friend{
  1002.     background-color: #ff6100 !important;
  1003.     border: 1px solid white;
  1004. }
  1005.  
  1006. div.scroller.guilds div.guild:hover{
  1007.   border-radius:4px !important;
  1008. }
  1009.  
  1010. div.btn {
  1011.     background-color: #ff6100 !important;
  1012.     border: 1px solid white;
  1013. }
  1014.  
  1015. #user-profile-modal footer {
  1016.     background-color: rgba(255, 255, 255, 0.9) !important;
  1017. }
  1018.  
  1019. button.btn.add-friend {
  1020. }
  1021.  
  1022. div.flex-horizontal.flex-spacer.content-inner label {
  1023.     color: #ffffff !important;
  1024. }
  1025.  
  1026. label.subtitle {
  1027.     color: #ff6100 !important;
  1028. }
  1029.  
  1030. label.title {
  1031.     color: #ff6100 !important;
  1032. }
  1033.  
  1034. div.control-group label {
  1035.     color: #ff6100 !important;
  1036. }
  1037.  
  1038. div.checkbox span {
  1039.     color: #a6a6a6 !important;
  1040. }
  1041.  
  1042. div.help-text {
  1043.     color: #ffffff !important;
  1044. }
  1045.  
  1046. .channel-pins-wrap {
  1047.     background: transparent !important;
  1048.     background-color: #3d3d3d !important;
  1049. }
  1050.  
  1051. .channel-pins-wrap .header {
  1052.     background: transparent !important;
  1053.     background-color: rgba(255,97,0, 0.7) !important;
  1054. }
  1055.  
  1056. .channel-pins .message-group {
  1057.     background: transparent !important;
  1058.     background-color: #3d3d3d !important;
  1059.     border: 1px solid #ff6100 !important;
  1060. }
  1061.  
  1062. .action-buttons .jump-button {
  1063.     background: transparent !important;
  1064.     background-color: rgba(255,97,0, 0.6) !important;
  1065.     border: 1px solid rgba(0, 0, 0, 0.4) !important;
  1066. }
  1067.  
  1068. .guild-channels .channel a {
  1069.     opacity: 0.7;
  1070. }
  1071.  
  1072. .channel-members .member:hover {
  1073.     background: linear-gradient(to right, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.0)) !important;
  1074.     border-left: 4px solid rgba(255,97,0, 0.3);
  1075. }
  1076.  
  1077. li div span {
  1078.     color: rgba(255,97,0, 0.8) !important;
  1079. }
  1080.  
  1081. .channel-name:before {
  1082.     color: rgba(255,97,0, 0.9) !important;
  1083. }
  1084.  
  1085. .action.create {
  1086.     background-color: #ffffff !important;
  1087. }
  1088.  
  1089. .action.join {
  1090.     background-color: #ffffff !important;
  1091. }
  1092.  
  1093. div.icon-friends {
  1094.     background-color: #ff6100 !important;
  1095. }
  1096.  
  1097. .channel-textarea-autocomplete {
  1098.     background-color: #ff6100 !important;
  1099. }
  1100.  
  1101. #voice-connection .btn:hover:after {
  1102.     -webkit-mask-repeat: no-repeat;
  1103.     -webkit-mask-position: center;
  1104. }
  1105.  
  1106. div.add-friend-popout header {
  1107.     background: transparent !important;
  1108.     background-color: #ff6100 !important;
  1109. }
  1110.  
  1111. div.notice {
  1112.     background-color: #474747 !important;
  1113.     color: #009499 !important;
  1114. }
  1115.  
  1116. div.tab-bar-item {
  1117.     background: transparent !important;
  1118. }
  1119.  
  1120. div.activity {
  1121.     color: #fff !important;
  1122. }
  1123.  
  1124. a.embed-title {
  1125.     color: #ff6100 !important;
  1126. }
  1127.  
  1128. .tab-bar.SIDE .tab-bar-item.selected:before {
  1129.     opacity: 0;
  1130. }
  1131.  
  1132. .tab-bar.SIDE {
  1133.     margin-right: -17px;
  1134. }
  1135.  
  1136. button.btn.btn-default {
  1137.     background: transparent !important;
  1138.     color: #ffffff !important;
  1139. }
  1140.  
  1141. .connect-container .btn {
  1142.     height: 50px !important;
  1143.     width: 50px !important;
  1144. }
  1145.  
  1146. #bd-pane .scroller-wrap div[style*="background:#2E3136; color:#ADADAD; height:30px; position:absolute; bottom:0; left:0; right:0;"] {
  1147.     background: #ffffff !important;
  1148. }
  1149.  
  1150. #bd-pane > div > div > div.bd-settings > div:nth-child(6) > span:nth-child(1) {
  1151.     color: #696969;
  1152. }
  1153.  
  1154. #bd-changelog {
  1155.     color: #696969;
  1156. }
  1157.  
  1158. div.new-messages-bar button {
  1159.     margin-top: 10px !important;
  1160. }
  1161.  
  1162. .tab-bar.SIDE {
  1163.     background-color: #232323 !important;
  1164. }
  1165.  
  1166. .tab-bar.SIDE .tab-bar-item {
  1167.     background: transparent !important;
  1168.     color: rgba(255, 255, 255, 0.5) !important;
  1169. }
  1170.  
  1171. .tab-bar.SIDE .tab-bar-item:hover {
  1172.     color: rgba(255, 255, 255, 0.9) !important;
  1173. }
  1174.  
  1175. .tab-bar.SIDE .tab-bar-item.hover:before {
  1176.     display: none !important;
  1177. }
  1178.  
  1179. .tab-bar.SIDE .tab-bar-item:before {
  1180.     display: none !important;
  1181. }
  1182.  
  1183. /* Public Server CSS */
  1184.  
  1185. #pubs-container {
  1186.     background: transparent !important;
  1187.     background-color:#3d3d3d !important;
  1188.     border-radius: 10px !important;
  1189. }
  1190.  
  1191. #pubs-header {
  1192.     background-color: #232323 !important;
  1193.     border-top-right-radius: 5px !important;
  1194.     border-top-left-radius: 5px !important;
  1195. }
  1196.  
  1197.  
  1198.  
  1199. #pubs-container > div.server-row.server-pinned{
  1200.     background-color: #3d3d3d !important;
  1201.     border-bottom: 3px solid #232323 !important;
  1202. }
  1203.  
  1204. #pubs-list > div{
  1205.     background-color: #3d3d3d !important;
  1206.     transition: all .3s ease-in-out;
  1207. }
  1208.  
  1209.  
  1210. .server-row button {
  1211.     background-color: rgba(255,97,0, 0.7) !important;
  1212.     border-radius: 5px;
  1213.     transition: all .3s ease-in-out;
  1214. }
  1215.  
  1216. .server-row button:hover {
  1217.     background-color: rgba(255,97,0, 0.7) !important;
  1218.     border-radius: 5px;
  1219.     transition: all .3s ease-in-out;
  1220. }
  1221.  
  1222. .server-info span{
  1223.     color: #fff !important;
  1224. }
  1225.  
  1226. .bd-dropdown-select {
  1227.     background-color: rgba(255,97,0, 0.9) !important;
  1228.     transition: all .3s ease-in-out;
  1229.     color: #fff !important;
  1230.     border-radius: 5px;
  1231. }
  1232.  
  1233. input#pubs-sterm {
  1234.     background-color: rgba(255,97,0, 0.9) !important;
  1235.     transition: all .3s ease-in-out;
  1236.     color: #fff !important;
  1237.     padding-left: 7px;
  1238.     border-radius: 5px;
  1239.     width: 120px !important;
  1240.     margin-right: 10px !important;
  1241.     margin-left: -10px !important;
  1242. }
  1243.  
  1244. button#pubs-searchbtn {
  1245.     background-color: rgba(255,97,0, 0.9) !important;
  1246.     transition: all .3s ease-in-out;
  1247.     color: #fff !important;
  1248.     border-radius: 5px;
  1249. }
  1250.  
  1251. div.bd-dropdown-list {
  1252.     background: transparent !important;
  1253. }
  1254.  
  1255. .pubs-cat-select-li {
  1256.     background: transparent !important;
  1257.     background-color: rgba(255,97,0, 0.8) !important;
  1258.     transition: all .3s ease-in-out;
  1259.     color: #fff !important;
  1260. }
  1261.  
  1262. .server-row .server-icon {
  1263.     border-radius: 5px !important;
  1264.     border: 2px solid #ff6100;
  1265. }
  1266.  
  1267. #pubs-select-dropdown > div > ul {
  1268.     border-bottom-left-radius: 5px !important;
  1269.     margin-top: -2px !important;
  1270. }
  1271.  
  1272. div.bd-dropdown {
  1273.     background: transparent !important;
  1274.     transition: all .3s ease-in-out;
  1275. }
  1276.  
  1277. .server-official {
  1278.     color: #ff6100 !important;
  1279.     animation: color_change 1s infinite alternate;
  1280. }
  1281.  
  1282.  
  1283.  
  1284. @keyframes color_change {
  1285.   from {
  1286.    
  1287.     color: #3d3d3d;
  1288.   }
  1289.   to {
  1290.    
  1291.     color: #ff6100;
  1292.   }
  1293. }
  1294.  
  1295.  
  1296. #pubs-footer {
  1297.     background: transparent !important;
  1298.     background-color: #3d3d3d !important;
  1299.     border-bottom-right-radius: 10px !important;
  1300.     border-bottom-left-radius: 10px !important;
  1301.     border-top: 1px solid rgba(255,255,255,0.3);
  1302. }
  1303.  
  1304. /* Scroller for popup servers window */
  1305.  
  1306. #pubs-scroller::-webkit-scrollbar-thumb {
  1307.     background-color: rgba(0, 0, 0, 0.3) !important;
  1308.     border: 2px solid rgba(0, 0, 0, 0.4) !important;
  1309. }
  1310.  
  1311. #pubs-scroller::-webkit-scrollbar-track-piece {
  1312.     background-color: rgba(0, 0, 0, 0.3) !important;
  1313.     border: 1px solid rgba(0, 0, 0, 0.2) !important;
  1314. }
  1315.  
  1316. .bda-dark #bda-qem-twitch-container .scroller::-webkit-scrollbar, .bda-dark #bda-qem-twitch-container .scroller::-webkit-scrollbar-track, .bda-dark #bda-qem-twitch-container .scroller::-webkit-scrollbar-track-piece, .bda-dark #pubs-container .scroller::-webkit-scrollbar, .bda-dark #pubs-container .scroller::-webkit-scrollbar-track, .bda-dark #pubs-container .scroller::-webkit-scrollbar-track-piece {
  1317.     background-color: rgba(0, 0, 0, 0.3) !important;
  1318.     border: 1px solid rgba(0, 0, 0, 0.2) !important;
  1319. }
  1320.  
  1321. .bda-dark #bda-qem-favourite-container .scroller::-webkit-scrollbar-thumb, .bda-dark #bda-qem-twitch-container .scroller::-webkit-scrollbar-thumb, .bda-dark #pubs-container .scroller::-webkit-scrollbar-thumb, .bda-dark .emoji-picker .scroller::-webkit-scrollbar-thumb {
  1322.     border: 1px solid #ff6100 !important;
  1323.     background: #ff6100 !important;
  1324. }
  1325.  
  1326. .bda-dark #bda-qem-favourite-container .scroller::-webkit-scrollbar-thumb:active, .bda-dark #bda-qem-twitch-container .scroller::-webkit-scrollbar-thumb:active, .bda-dark #pubs-container .scroller::-webkit-scrollbar-thumb:active, .bda-dark .emoji-picker .scroller::-webkit-scrollbar-thumb:active {
  1327.     background-color: rgba(0, 0, 0, 0.3) !important;
  1328.     border: 1px solid rgba(0, 0, 0, 0.2) !important;
  1329. }
  1330.  
  1331. .bda-dark #bda-qem-favourite-container .scroller::-webkit-scrollbar, .bda-dark #bda-qem-favourite-container .scroller::-webkit-scrollbar-track, .bda-dark #bda-qem-favourite-container .scroller::-webkit-scrollbar-track-piece {
  1332.     background-color: rgba(0, 0, 0, 0.3) !important;
  1333.     border: 1px solid rgba(0, 0, 0, 0.2) !important;
  1334. }
  1335.  
  1336. /* Popup @person box */
  1337.  
  1338. #app-mount > div > div.app.flex-vertical.theme-dark > div > section > div.chat.flex-vertical.flex-spacer > div.content.flex-spacer.flex-horizontal > div.flex-spacer.flex-vertical > form > div > div.channel-textarea-autocomplete {
  1339.     background: transparent !important;
  1340. }
  1341.  
  1342. #app-mount > div > div.app.flex-vertical.theme-dark > div > section > div.chat.flex-vertical.flex-spacer > div.content.flex-spacer.flex-horizontal > div.flex-spacer.flex-vertical > form > div > div.channel-textarea-autocomplete > div > ul {
  1343.     background-color: rgba(255,97,0,0.6) !important;
  1344.     border-bottom-left-radius: 7px;
  1345.     border-bottom-right-radius: 7px;
  1346. }
  1347.  
  1348. #app-mount > div > div.app.flex-vertical.theme-dark > div > section > div.chat.flex-vertical.flex-spacer > div.content.flex-spacer.flex-horizontal > div.flex-spacer.flex-vertical > form > div > div.channel-textarea-autocomplete > div > ul > li {
  1349.     background-color: rgba(0, 0, 0, 0.7) !important;
  1350. }
  1351.  
  1352. #app-mount > div > div.app.flex-vertical.theme-dark > div > section > div.chat.flex-vertical.flex-spacer > div.content.flex-spacer.flex-horizontal > div.flex-spacer.flex-vertical > form > div > div.channel-textarea-autocomplete > div > header {
  1353.     background-color: rgba(255,97,0,0.8) !important;
  1354.     color: #fff !important;
  1355.     border-top-left-radius: 10px;
  1356.     border-top-right-radius: 10px;
  1357.     border-bottom: 1px solid rgba(0,0,0,0.2) !important;
  1358. }
  1359.  
  1360. #app-mount > div > div.app.flex-vertical.theme-dark > div > section > div.chat.flex-vertical.flex-spacer > div.content.flex-spacer.flex-horizontal > div.flex-spacer.flex-vertical > form > div > div.channel-textarea-autocomplete > div {
  1361.     background-color: rgba(0,0,0,0.7) !important;
  1362.     border-top-left-radius: 10px;
  1363.     border-top-right-radius: 10px;
  1364.     border: none;
  1365. }
  1366.  
  1367. div[data-bd="backdrop"] {
  1368.     background-image: url(https://i.imgur.com/6f8vevM.jpg) !important;
  1369.     background-size: cover !important;
  1370. }
  1371.  
  1372. /* Paste into console to pause @innertext box: setTimeout(function(){debugger;}, 5000) */
  1373.  
  1374. /* Styling thanks to Nyxxay#8107 */
  1375.  
  1376. #rmenu {
  1377.     background: #ff6100 !important;
  1378.     border: 1px solid #ff6100;
  1379. }
  1380.  
  1381. .emoji-picker .search-bar input {
  1382.     border: 1px solid #ff6100;
  1383.     -webkit-animation: searchpulse 2s infinite;
  1384.     animation: searchpulse 2s infinite;
  1385. }
  1386.  
  1387. .bda-dark #bda-qem {
  1388.     background: transparent !important;
  1389.     border-bottom: 1px solid rgba(0, 0, 0, .5) !important;
  1390. }
  1391.  
  1392. .bda-dark #bda-qem button {
  1393.     background: rgba(0, 0, 0, .15) !important;
  1394.     border: 1px solid rgba(0, 0, 0, .5) !important;
  1395. }
  1396.  
  1397. .bda-dark #bda-qem button.active {
  1398.     background: rgba(0, 0, 0, .5) !important;
  1399. }
  1400.  
  1401. .bda-dark #bda-qem-favourite-container, .bda-dark #bda-qem-twitch-container, .bda-dark .emoji-picker, .bda-dark .emoji-picker .category, .bda-dark .emoji-picker .header .search-bar {
  1402.     background: rgba(0, 0, 0, .5) !important;
  1403. }
  1404.  
  1405. .emoji-picker .sticky-header {
  1406.     background: rgba(0, 0, 0, .75) !important;
  1407. }
  1408.  
  1409. .bda-dark .emoji-picker .scroller::-webkit-scrollbar, .bda-dark .emoji-picker .scroller::-webkit-scrollbar-track, .bda-dark .emoji-picker .scroller::-webkit-scrollbar-track-piece, .bda-dark #bda-qem-favourite-container .scroller::-webkit-scrollbar, .bda-dark #bda-qem-favourite-container .scroller::-webkit-scrollbar-track, .bda-dark #bda-qem-favourite-container .scroller::-webkit-scrollbar-track-piece, .bda-dark #bda-qem-twitch-container .scroller::-webkit-scrollbar, .bda-dark #bda-qem-twitch-container .scroller::-webkit-scrollbar-track, .bda-dark #bda-qem-twitch-container .scroller::-webkit-scrollbar-track-piece, .bda-dark #pubs-container .scroller::-webkit-scrollbar, .bda-dark #pubs-container .scroller::-webkit-scrollbar-track, .bda-dark #pubs-container .scroller::-webkit-scrollbar-track-piece {
  1410.     background: rgba(0, 0, 0, .5) !important;
  1411.     border: 1px solid rgba(0, 0, 0, .5) !important;
  1412.     width: 8px;
  1413. }
  1414.  
  1415. .guild-settings-modal-members {
  1416.     border: 1px solid #ff6100 !important;
  1417.     background: #ff6100 !important;
  1418. }
  1419.  
  1420. .channel-textarea-autocomplete-inner {
  1421.     background: rgba(0,0,0,0.84);
  1422. }
  1423.  
  1424. .channel-textarea-autocomplete-inner header {
  1425.     background: rgba(0,0,0,0.84);
  1426. }
  1427.  
  1428.  
  1429.  
  1430. .channel-members h2 {
  1431.     border-radius: 10px;
  1432.     color: #ffffff !important;
  1433.     margin-left: 10px;
  1434.     padding-top: 0px;
  1435. }
  1436.  
  1437. .title-wrap {
  1438.     box-shadow: none !important;
  1439.     background-color: #121212;
  1440. }
  1441.  
  1442. .markup a {
  1443.     color: #ff6100 !important;
  1444. }
  1445.  
  1446. .message-group {
  1447.     background-color: rgba(35,35,35,0.4) !important;
  1448.     border-radius: 5px !important;
  1449.     margin-top: 15px !important;
  1450.     padding-left: 20px !important;
  1451. }
  1452.  
  1453. .guild-header header {
  1454.     position: absolute;
  1455.     right: 20px;
  1456.     border: transparent;
  1457.     color: #ffffff;
  1458.     height: 58px;
  1459.     background-color: #232323;
  1460.     width: 120%;
  1461. }
  1462.  
  1463. div.guild-header header {
  1464.     background-color: #121212;
  1465. }
  1466.  
  1467. .guild-channels {
  1468.     background-color: #121212;
  1469.     border-right: 1px solid transparent;
  1470.     margin-left: 2vh px;
  1471.     margin-top: 59px;
  1472.     margin-bottom: 0.1vhpx;
  1473.     border-top-left-radius: 6px;
  1474.     border-top-right-radius: 6px;
  1475.     -webkit-mask-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 7%, rgba(0, 0, 0, 1) 94%, rgba(0, 0, 0, 0) 100%);
  1476. }
  1477.  
  1478. .channel-textarea-inner textarea {
  1479.     padding-left: 10 px;
  1480.     margin-bottom: -10px;
  1481.     color: rgba(255,97,0, 0.7) !important;
  1482.     background-color: transparent !important;
  1483.     margin-top: -5px;
  1484.     padding-top: 2px;
  1485. }
  1486.  
  1487. .channel-textarea-inner {
  1488.     background-color: rgba(35,35,35, 0.5) !important;
  1489.     border-radius: 0px;
  1490.     border-top-right-radius: 4px;
  1491.     border-top-left-radius: 4px;
  1492.     border: 1px solid rgba(255,97,0, 0.0) !important;
  1493.     margin-top: 1.6vhpx;
  1494.     margin-left: 2vh px;
  1495.     -webkit-mask-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 2%, rgba(0, 0, 0, 1) 80%, rgba(0, 0, 0, 0) 100%) !important;
  1496.     margin-bottom: -13px;
  1497. }
  1498.  
  1499. .account {
  1500.     border: none !important;
  1501.     margin-top: 1.6vhpx !important;
  1502.     margin-left: 2vh px !important;
  1503.     margin-bottom: 5px !important;
  1504.     padding-left: 10px !important;
  1505.     width: auto !important;
  1506.     -webkit-mask-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 2%, rgba(0, 0, 0, 1) 80%, rgba(0, 0, 0, 0) 100%) !important;
  1507.     border-top-right-radius: 4px !important;
  1508.     border-top-left-radius: 4px !important;
  1509. }
  1510.  
  1511. .channel-members {
  1512.     background-color: rgba(35,35,35,0.4) !important;
  1513.     margin-right: 20px !important;
  1514.     margin-top: 3px !important;
  1515.     -webkit-mask-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 2%, rgba(0, 0, 0, 1) 98%, rgba(0, 0, 0, 0) 100%) !important;
  1516.     margin-bottom: 15px !important;
  1517. }
  1518.  
  1519. .username {
  1520.     transition: all 900ms ease !important;
  1521. }
  1522.  
  1523. .account .avatar-small {
  1524.     border-radius: 3px;
  1525.     margin-left:4px !important;
  1526.     border: 1px solid  #ff6100;
  1527. }
  1528.  
  1529. div.channel-textarea-inner textarea {
  1530.     padding-left: 10px;
  1531. }
  1532.  
  1533. div.flex-spacer.flex-vertical form {
  1534.     background-color: #121212;
  1535. }
  1536.  
  1537. .avatar-large {
  1538.     border: 3px solid rgba(255,97,0,0.6) !important;
  1539.     width: 30px;
  1540.     height: 30px;
  1541.     border-radius:4px !important;
  1542.     background-size: cover !important;
  1543.     margin-left:3px !important;
  1544. }
  1545.  
  1546. .guilds-wrapper {
  1547.     background: transparent !important;
  1548.     background-color: rgba(0,0,0,0.3) !important;}
  1549.  
  1550. .guilds {
  1551.     transition: all 900ms ease !important;
  1552.     background-color: rgba(0,0,0,0.3) !important;
  1553.     border-right-width: 5px !important;
  1554.     border-color: #121212 !important;
  1555.     border-style: solid !important;
  1556.     width: 70px !important;
  1557.     margin-top: 20% !important;
  1558.     padding-top: 30px !important;
  1559.     margin-bottom: 10% !important;
  1560.     padding-bottom: 20px !important;
  1561.     -webkit-mask-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 10%, rgba(0, 0, 0, 1) 90%, rgba(0, 0, 0, 0) 100%) !important;
  1562. }
  1563.  
  1564. #app-mount > div > div.app.flex-vertical.theme-dark > div > section > div.guilds-wrapper > div {
  1565. background-color: rgba(35,35,35,0.7) !important;
  1566. }
  1567.  
  1568. .voice-connection-quality-fine {
  1569.     color: #ff6100 !important;
  1570. }
  1571.  
  1572. span.text {
  1573.     font-size: 10px !important;
  1574.     color: #ff6100 !important;
  1575. }
  1576.  
  1577. span.text.strong {
  1578.     font-size: 10px !important;
  1579.     color: #ff6100 !important;
  1580. }
  1581.  
  1582. spinner-pulsing-ellipsis .spinner-item {
  1583.     background-color: rgba(255,97,0,0.4) !important;
  1584. }
  1585.  
  1586.  
  1587. /*User Status*/
  1588. /* ONLINE */
  1589. .member-status-online .avatar-small {
  1590.   border: 3px solid rgba(67,181,129,0.7) !important;
  1591. }
  1592. .status-online {
  1593.   opacity: 0 !important;
  1594. }
  1595. .account .status-online {
  1596.   opacity: 1 !important;
  1597. }
  1598.  
  1599. /* IDLE */
  1600. .member-status-idle .avatar-small {
  1601.   border: 3px solid rgba(250,166,26,0.7) !important;
  1602. }
  1603. .status-idle {
  1604.   opacity: 0 !important;
  1605. }
  1606. .account .status-idle {
  1607.   opacity: 1 !important;
  1608. }
  1609.  
  1610. .btn-option {
  1611.     background-image: url('https://ditmcouk.ipage.com/noottech/discord-icons/cyan-firewatch/cyan-setting.svg') !important;
  1612. }
  1613.  
  1614.  
  1615.  
  1616.  
  1617. /* Custom SVGs */
  1618. /* Voice and account buttons */
  1619. #voice-connection .btn-group, .account .btn-group {
  1620.   border-radius: 10px !important;
  1621.   border: 1px solid rgba(17,47,45,0.3);
  1622. }
  1623.  
  1624. .account .btn-mute {
  1625.   opacity: 1 !important;
  1626. }
  1627.  
  1628. .account .btn-mute:after {
  1629.   background-image: url('https://ditmcouk.ipage.com/noottech/discord-icons/orange/orange-muted.svg') !important;
  1630.   opacity: 0.4 !important;
  1631. }
  1632.  
  1633. .account .btn-mute.disabled:after {
  1634.   background-image: url('https://ditmcouk.ipage.com/noottech/discord-icons/orange/orange-muted.svg') !important;
  1635.   opacity: 1 !important;
  1636. }
  1637.  
  1638. .account .btn-mute:hover:after {
  1639.   background-image: url('https://ditmcouk.ipage.com/noottech/discord-icons/orange/orange-muted.svg') !important;
  1640.   opacity: 1 !important;
  1641. }
  1642.  
  1643. .account .btn-deafen:after {
  1644.   background-image: url('https://ditmcouk.ipage.com/noottech/discord-icons/orange/orange-deafen.svg') !important;
  1645.   opacity: 0.4 !important;
  1646. }
  1647.  
  1648. .account .btn-deafen.disabled:after {
  1649.   background-image: url('https://ditmcouk.ipage.com/noottech/discord-icons/orange/orange-deafen.svg') !important;
  1650.   opacity: 1 !important;
  1651. }
  1652.  
  1653. .account .btn-deafen:hover:after {
  1654.   background-image: url('https://ditmcouk.ipage.com/noottech/discord-icons/orange/orange-deafen.svg') !important;
  1655.   opacity: 1 !important;
  1656. }
  1657.  
  1658. .account .btn-settings:after {
  1659.   background-image: url('https://ditmcouk.ipage.com/noottech/discord-icons/orange/orange-setting.svg') !important;
  1660.   opacity: 0.4 !important;
  1661. }
  1662.  
  1663. .account .btn-settings.disabled:after {
  1664.   background-image: url('https://ditmcouk.ipage.com/noottech/discord-icons/orange/orange-setting.svg') !important;
  1665.   opacity: 1 !important;
  1666. }
  1667.  
  1668. .account .btn-settings:hover:after {
  1669.   background-image: url('https://ditmcouk.ipage.com/noottech/discord-icons/orange/orange-setting.svg') !important;
  1670.   opacity: 1 !important;
  1671. }
  1672. /* Icons */
  1673. .icon-muted {
  1674.   background-image: url('https://ditmcouk.ipage.com/noottech/discord-icons/orange/orange-muted.svg') !important;
  1675. }
  1676.  
  1677. .icon-deafened {
  1678.   background-image: url('https://ditmcouk.ipage.com/noottech/discord-icons/orange/orange-deafen.svg') !important;
  1679. }
  1680.  
  1681. .icon-settings {
  1682.   background-image: url('https://ditmcouk.ipage.com/noottech/discord-icons/orange/orange-setting.svg') !important;
  1683. }
  1684.  
  1685. .icon-instant-invite {
  1686.   background-image: url('https://ditmcouk.ipage.com/noottech/discord-icons/orange/orange-instant-invite.svg') !important;
  1687. }
  1688.  
  1689. .message-group .btn-option {
  1690.   background-image: url('https://ditmcouk.ipage.com/noottech/discord-icons/orange/orange-setting.svg') !important;
  1691. }
  1692.  
  1693.  
  1694.  
  1695. .guilds-wrapper .guilds .guild.audio .guild-inner:after {
  1696.   background: url('https://ditmcouk.ipage.com/noottech/discord-icons/orange/orange-audio.svg') 50% no-repeat !important;
  1697.   background-color: #1e2124 !important;
  1698.   background-size: 16px !important;
  1699. }
  1700.  
  1701.  
  1702. #voice-connection .btn-disconnect:after {
  1703.   background-image: url('https://ditmcouk.ipage.com/noottech/discord-icons/orange/orange-disconnect.svg') !important;
  1704.   opacity: 0.4 !important;
  1705. }
  1706. #voice-connection .btn-info:after {
  1707.   background-image: url('https://ditmcouk.ipage.com/noottech/discord-icons/orange/orange-info-ping.svg') !important;
  1708.   opacity: 0.4 !important;
  1709. }
  1710.  
  1711. #voice-connection .btn-disconnect:hover:after {
  1712.   background-image: url('https://ditmcouk.ipage.com/noottech/discord-icons/orange/orange-disconnect.svg') !important;
  1713.   opacity: 1 !important;
  1714.   background-repeat: no-repeat !important;
  1715. }
  1716. #voice-connection .btn-info:hover:after {
  1717.   background-image: url('https://ditmcouk.ipage.com/noottech/discord-icons/orange/orange-info-ping.svg') !important;
  1718.   opacity: 1 !important;
  1719.   background-repeat: no-repeat !important;
  1720. }
  1721.  
  1722. #app-mount > div > div.app.flex-vertical.theme-dark > div > section > div.chat.flex-vertical.flex-spacer > div.content.flex-spacer.flex-horizontal > div.flex-spacer.flex-vertical > div > div > div > div:nth-child(37) > div.comment > div.message.mentioned > div.body > div > div.markup{
  1723.     background-color: rgba(0,255,255,0.2) !important;
  1724.     background: transparent !important;
  1725.     border-top-right-radius: 5px !important;
  1726.     border-top-left-radius: 5px !important;
  1727.    
  1728. }
  1729.  
  1730.  
  1731. .bda-dark .server-info button {
  1732.     background-color: #ff6100 !important;
  1733. }
  1734.  
  1735. #bd-themes-pane > ul > li{
  1736.     background-color: #3d3d3d !important;
  1737. }
  1738.  
  1739. #bd-themes-pane > ul > li > div.bda-left > div > div{
  1740.     color: #fff !important;
  1741. }
  1742.  
  1743. #bd-plugins-pane > ul > li{
  1744.     background-color: #3d3d3d !important;
  1745. }
  1746.  
  1747. #bd-plugins-pane > ul > li > div.bda-left > div > div{
  1748.     color: #fff !important;
  1749. }
  1750.  
  1751. #bd-emotes-tab.selected {
  1752.     color: #ff6100 !important;
  1753. }
  1754.  
  1755. #bd-customcss-tab.selected {
  1756.     color: #ff6100 !important;
  1757. }
  1758. #bd-themes-tab.selected {
  1759.     color: #ff6100 !important;
  1760. }
  1761. #bd-settings-tab.selected {
  1762.     color: #ff6100 !important;
  1763. }
  1764. #bd-plugins-tab.selected {
  1765.     color: #ff6100 !important;
  1766. }
  1767.  
  1768. #app-mount > div > span:nth-child(6) > div.modal > div > form > div.settings-right > div:nth-child(1) > div > div > div.control-groups > div > div > div.user-settings-streamer-mode-enable-inner > ul > li > div.help-text > a {
  1769.         color: #ff6100 !important;
  1770. }
  1771.  
  1772. .tip > a {
  1773.     color: #ff6100 !important;
  1774. }
  1775.  
  1776.  
  1777. #app-mount > div > span:nth-child(6) > div.modal > div > form > div.settings-right > div:nth-child(1) > div > div > div > div > div > div:nth-child(2) > div > label .selected {
  1778.     border-color: #ff6100 !important;
  1779. }
  1780.  
  1781. #app-mount > div > span:nth-child(6) > div.modal > div > form > div.settings-right > div:nth-child(1) > div > div > div.tab-bar.TOP > div .selected {
  1782.     color: #ff6100 !important;
  1783. }
  1784.  
  1785. a {
  1786.     color: #ff6100 !important;
  1787. }
  1788.  
  1789. .win-close {
  1790.   background-image: url('https://ditmcouk.ipage.com/noottech/discord-icons/orange/orange-closewindow.svg') !important;
  1791.   opacity: 0.4 !important;
  1792. }
  1793. .win-minimize {
  1794.   background-image: url('https://ditmcouk.ipage.com/noottech/discord-icons/orange/minimise.svg') !important;
  1795.   opacity: 0.4 !important;
  1796. }
  1797. .win-maximize {
  1798.   background-image: url('https://ditmcouk.ipage.com/noottech/discord-icons/orange/orange-maximise.svg') !important;
  1799.   opacity: 0.4 !important;
  1800. }
  1801.  
  1802. .win-close:hover {
  1803.   background-image: url('https://ditmcouk.ipage.com/noottech/discord-icons/orange/orange-closewindow.svg') !important;
  1804.   opacity: 1 !important;
  1805. }
  1806. .win-minimize:hover {
  1807.   background-image: url('https://ditmcouk.ipage.com/noottech/discord-icons/orange/minimise.svg') !important;
  1808.   opacity: 1 !important;
  1809. }
  1810. .win-maximize:hover {
  1811.   background-image: url('https://ditmcouk.ipage.com/noottech/discord-icons/orange/orange-maximise.svg') !important;
  1812.   opacity: 1 !important;
  1813. }
  1814.  
  1815.  
  1816. #friends > div.friends-header > div.tab-bar.UNIQUE > div{
  1817. color: #ff6100 !important;}
  1818.  
  1819. #friends > div.friends-header > div.btn{
  1820. color: #ff6100 !important;}
  1821.  
  1822. #app-mount > div > span.theme-dark > div > div > div.body {
  1823. background-color: #3d3d3d !important;
  1824. }
  1825.  
  1826. #app-mount > div > span.theme-dark > div > div > div.footer {
  1827. background-color: #3d3d3d !important;
  1828. }
  1829.  
  1830.  
  1831. #app-mount > div > span.theme-light > div > div > div.body {
  1832. background-color: #3d3d3d !important;
  1833. }
  1834.  
  1835. #app-mount > div > span.theme-light > div > div > div.footer {
  1836. background-color: #3d3d3d !important;
  1837. }
  1838.  
  1839. #app-mount > div > span.theme-dark > div > div > div.body > div > div{
  1840. color: #ff6100 !important;}
  1841.  
  1842. #app-mount > div > div.app.flex-vertical.theme-dark > div > section > div.guilds-wrapper > div > button{
  1843. color: #ff6100 !important;}
  1844.  
  1845. #app-mount > div > div.app.flex-vertical.theme-light > div > section > div.guilds-wrapper > div > button{
  1846. color: #ff6100 !important;
  1847. opacity: 0.4 !important;
  1848. }
  1849.  
  1850. #app-mount > div > div.app.flex-vertical.theme-light > div > section > div.guilds-wrapper > div > button:hover:after{
  1851. opacity: 1 !important;}
  1852.  
  1853. .theme-light .message-group{
  1854.   border: none !important;
  1855. }
  1856.  
  1857. .theme-light .highlight{
  1858.   background-color: #232323 !important;
  1859. }
  1860. div.settings-right > div.settings-actions{
  1861. background-color: #3d3d3d !important;}
  1862.  
  1863.  
  1864. /* Exclamation, Invite, Mobile and Twitter SVGs */
  1865. .chat .welcome-message .item-container .icon.exclamation {
  1866.     background-image: url('https://ditmcouk.ipage.com/noottech/discord-icons/orange/exclamation.svg');
  1867. }
  1868.  
  1869. #app-mount > div > div.app.flex-vertical.theme-dark > div > section > div.chat.flex-vertical.flex-spacer > div.content.flex-spacer.flex-horizontal > div.flex-spacer.flex-vertical > div > div > div > div > div:nth-child(3) > div{
  1870. background-image: url('https://ditmcouk.ipage.com/noottech/discord-icons/orange/invite.svg') !important;
  1871. }
  1872.  
  1873. #app-mount > div > div.app.flex-vertical.theme-dark > div > section > div.chat.flex-vertical.flex-spacer > div.content.flex-spacer.flex-horizontal > div.flex-spacer.flex-vertical > div > div > div > div > div:nth-child(4) > div{
  1874. background-image: url('https://ditmcouk.ipage.com/noottech/discord-icons/orange/mobile.svg') !important;
  1875. }
  1876.  
  1877. #app-mount > div > div.app.flex-vertical.theme-dark > div > section > div.chat.flex-vertical.flex-spacer > div.content.flex-spacer.flex-horizontal > div.flex-spacer.flex-vertical > div > div > div > div > div:nth-child(5) > div{
  1878. background-image: url('https://ditmcouk.ipage.com/noottech/discord-icons/orange/twitter.svg') !important;
  1879. }
  1880.  
  1881. .guilds .avatar-small{
  1882. border:none !important;}
  1883.  
  1884.  
  1885. .spinner-inner {
  1886.     position: relative;
  1887.     display: inline-block;
  1888.     width: 45px;
  1889.     height: 45px;
  1890. }
  1891.  
  1892. .spinner-wandering-cubes .spinner-item {
  1893.     background-color: #ff6100;
  1894.     width: 10px;
  1895.     height: 10px;
  1896.     position: absolute;
  1897.     top: 0;
  1898.     left: 0;
  1899.     -webkit-animation: spinner-wandering-cubes 1.8s infinite ease-in-out;
  1900.     animation: spinner-wandering-cubes 1.8s infinite ease-in-out;
  1901. }
  1902.  
  1903.  
  1904. .jump-to-present-bar button{
  1905.   background-color: #3d3d3d !important;
  1906.   color: #ff6100 !important;
  1907. }
  1908.  
  1909. .chat .jump-to-present-bar .spinner {
  1910.   background-color: #3d3d3d !important;
  1911.   color: #ff6100 !important;
  1912. }
  1913.  
  1914. .new-messages-bar{
  1915.   background-color: #3d3d3d !important;
  1916. }
  1917.  
  1918. .spinner-pulsing-ellipsis .spinner-item{
  1919.   background-color: #ff6100 !important;
  1920.   margin-bottom:-10px !important;
  1921. }
  1922.  
  1923. div.tab-bar-item.selected{
  1924.   color: #ff6100 !important;
  1925. }
  1926.  
  1927.  
  1928. .guild-header header {
  1929.     position: absolute;
  1930.     right: 0px;
  1931.     border: transparent;
  1932.     color: #ffffff;
  1933.     height: 58px;
  1934.     width: 140%;
  1935. }
  1936.  
  1937.  
  1938.  
  1939.  
  1940. .checkbox span {
  1941.     color: #a6a6a6 ;
  1942.     padding-left: 30px;
  1943.     margin-top: 3px !important;
  1944.     margin-bottom: 3px !important;
  1945. }
  1946.  
  1947.  
  1948. .checkbox .checkbox-inner span {
  1949.     border-radius: 10px;
  1950.     height: 22px;
  1951.     width: 50px;
  1952.     padding-bottom: 11px;
  1953.     background-color: #a8a8a8 !important;
  1954.     background-image: url(https://i.imgur.com/XVZz4KO.png) !important;
  1955.     background-size: 44%;
  1956.     background-repeat: no-repeat;
  1957.     border: none;
  1958. }
  1959.  
  1960. .checkbox .checkbox-inner input[type=checkbox]:checked+span:after {
  1961.     margin-left: 15px !important;
  1962.     border: none !important;
  1963. }
  1964.  
  1965. .checkbox .checkbox-inner input[type=checkbox]:checked+span {
  1966.     width: 50px;
  1967.     transform: rotate(180deg) !important;
  1968.     background-color: #ff6100 !important;
  1969. }
  1970.  
  1971. div.avatar-uploader-inner {
  1972.     margin-top: 20px !important;
  1973.     width: 200px !important;
  1974.     height: 200px !important;
  1975.     background-size: cover !important;
  1976. }
  1977.  
  1978. button.btn.icon.icon-logout:hover {
  1979.     background-color: #ff6100 !important;
  1980.     border-radius: 5px;
  1981. }
  1982.  
  1983. div.scroller.guilds {
  1984.   margin-top:0px !important;
  1985.   margin-bottom:0px !important;
  1986. }
  1987.  
  1988. div.avatar-small{
  1989.   border-radius:4px !important;
  1990. }
  1991.  
  1992. .welcome-message h1 {
  1993.   color: #ff6100 !important;
  1994. }
  1995.  
  1996. .item-group{
  1997.   background-color: #232323 !important;
  1998. }
  1999.  
  2000. .item-group .item{
  2001.   background-color: #232323 !important;
  2002.   color: #ff6100 !important;}
  2003. }
  2004.  
  2005. .emoji-picker .scroller .emoji-item.selected {
  2006.   border-bottom: 2px solid #ff6100;
  2007. }
  2008.  
  2009. .emoji-picker .categories .item.selected{
  2010.   border-bottom-color: #ff6100 !important;
  2011. }
  2012.  
  2013.  
  2014. #bd-themes-pane > ul > li{
  2015.   border:none !important;
  2016. }
  2017.  
  2018. .bda-slist li{
  2019.   border: none !important;
  2020. }
  2021.  
  2022. .scroller .bda-description{
  2023.   border: none !important;
  2024. }
  2025.  
  2026. .option-popout .small-popout-box{
  2027.   background-color: #232323 !important;
  2028. }
  2029.  
  2030. .option-popout .small-popout-box .btn-item{
  2031.   background-color: #232323 !important;
  2032. color: #ff6100 !important;}
  2033.  
  2034.  
  2035. span[style='background-image: url("/assets/70b7e4bf8b79bb44805705ef2611393b.svg");'] {
  2036.     background-image: url('https://ditmcouk.ipage.com/noottech/discord-icons/orange/bell.svg') !important;
  2037. }
  2038. span[style*="/assets/ac9e460931395610d173fd5db87399b7.svg"] {
  2039.     background: url('https://ditmcouk.ipage.com/noottech/discord-icons/orange/bell-muted.svg') !important;
  2040. }
  2041.  
  2042. span[style='background-image: url("/assets/cfb80ab4c0c135cdcb4dbcf0db124c4d.svg");'] {
  2043.     background-image: url('https://ditmcouk.ipage.com/noottech/discord-icons/orange/questionmark.svg') !important;
  2044. }
  2045. span[style='background-image: url("/assets/d32f71be1ee4fd022a802b7989c6fbe0.svg");'] {
  2046.     background-image: url('https://ditmcouk.ipage.com/noottech/discord-icons/orange/pin.svg') !important;
  2047. }
  2048.  
  2049. span[style='background-image: url("/assets/535815751d1ba2ac3d45300dca6356d9.svg");']{
  2050.   background-image: url('https://ditmcouk.ipage.com/noottech/discord-icons/orange/person.svg') !important;}
  2051.  
  2052.  
  2053.  
  2054.  
  2055.  
  2056. div.option-popout.small-popout-box{
  2057. background-color: #232323 !important;
  2058. border: none;}
  2059. div.btn-item{
  2060. background-color: #232323 !important;
  2061. color: #ff6100 !important;
  2062. border:none;}
  2063.  
  2064.  
  2065. .context-menu .item-toggle .checkbox {
  2066.     pointer-events: none;
  2067.     transform: scale(.8);
  2068.     cursor: pointer!important;
  2069.     right: 10px;
  2070.     margin-top: -5px;
  2071.     position: absolute;
  2072.     overflow: visible !important;
  2073. }
  2074. div.flex-spacer.flex-vertical form{
  2075.     background: none;
  2076. }
  2077.  
  2078. /* Server Stuff*/
  2079. .guild-header header {
  2080.     box-shadow: none;
  2081. }
  2082.  
  2083.  
  2084. div#voice-connection{
  2085.   border: none !important;
  2086. }
  2087.  
  2088.  
  2089. .bda-slist .checkbox {margin-top: -116px;}
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!