SHARE
TWEET

css

a guest May 21st, 2019 93 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. /* Hide Nitro gift button in text input */
  2. .da-channelTextArea .da-buttons button[tabindex="2"] {
  3.     visibility: hidden;
  4. }
  5.  
  6. /* Clean Activity Page */
  7. .column-E5Tpw7 {
  8.     display:none;
  9. }
  10. .wrappedCard-30FR_0 {
  11.     display:none;
  12. }
  13. .popout-3G62UL {
  14.     display:none;
  15. }
  16. .card-GqTca8:not(.wrapper-Lii66c):not(.recentlyPlayedContainer-2F3MqS){
  17.     display:none;
  18. }
  19. aside .card-GqTca8 {
  20.     display:block;
  21.     background: var(--nox-level2) !important;
  22. }
  23. .layout-1cQCv2 {
  24.     display:block;
  25.     padding: 20px 20px 20px 20px;
  26.     background: var(--nox-level3) !important;
  27. }
  28. .section-2VKIPC {
  29.     background: var(--nox-level1) !important;
  30. }
  31. .partyMemberOverflow-1tfvpb {
  32.     background: var(--nox-level2) !important;
  33. }
  34. .inset-GQDQYw, .outer-2IVh5n, .recentlyPlayedContainer-2F3MqS {
  35.     border-radius: 0;
  36. }
  37.  
  38. /* Nox Theming */
  39. :root {
  40.     --nox-accent: #F047 !important;
  41.     --nox-notification-color: #F047 !important;
  42.     --nox-important-notification: #F047 !important;
  43.     --nox-settings-scrollbar: none;
  44. }
  45. *,*:after,*:before {
  46.     box-shadow:none !important;
  47. }
  48.  
  49. /* Hotfixes */
  50. /* Nitro bg colour */
  51. .item-PXvHYJ {
  52.    background-color: transparent !important;
  53. }
  54.  
  55. /* Search Button */
  56. .darkTheme-3uETC4, .container-2XeR5Z {
  57.     background-color: transparent !important;
  58. }
  59. .searchBar-6Kv8R2 .searchBarComponent-32dTOx {
  60.     width: 100%;
  61.     height: 100%;
  62. }
  63.  
  64. /* Emoji search bar */
  65. .input-1Rv96N.iconLayout-1WxHy4 {
  66.     background: var(--nox-level3)
  67. }
  68.  
  69. /* Makes the emoji picker level with the text box */
  70. .popout-3sVMXz.noShadow-321ZPm .emojiPicker-3m1S-j {
  71.      margin-bottom: 0 !important;
  72. }
  73.  
  74. /* Makes the emoji picker retract itself when clicked twice, instead of coming up again */
  75. body:active .popoutTopRight-3BzFIE:not(:active) {
  76.     pointer-events: none;
  77.     transition: all 150ms cubic-bezier(0.3, 0, 0, 1);
  78.     transform: translate(-100%, calc(55px - 100%)) !important;
  79.     opacity: 0;
  80. }
  81. .container-1r6BKw {
  82.     background:var(--nox-level3) !important;
  83.     height:49px;
  84. }
  85. .wrapper-25eVIn {
  86.     border-radius:50px;
  87. }
  88. .icon-22AiRD {
  89.     color:#fff;
  90. }
  91. .children-19S4PO:after {
  92.     display:none;
  93. }
  94. .searchBar-3dMhjb {
  95.     transition: 350ms ease width;
  96. }
  97. .wrapper-1ucjTd.modeSelected-1zApJ_ .content-3at_AU,
  98. .wrapper-1ucjTd:active .content-3at_AU {
  99.   background: var(--nox-level3) !important;
  100.   box-shadow:0 0 5px var(--nox-level3) !important;
  101. }
  102. .wrapper-1ucjTd:not(.modeSelected-1zApJ_):hover .content-3at_AU,
  103. .users-i_3-kL {
  104.   background: rgba(255, 255, 255, 0.05) !important;
  105. }
  106. .wrapper-pZmgj4 {
  107.     border-radius:5px !important;
  108. }
  109. .total-3tKGEB {
  110.     background:var(--nox-level3) !important;
  111. }
  112. .total-3tKGEB:after {
  113.     border-right-color:var(--nox-level3);
  114. }
  115. .side-8zPYf6 .item-PXvHYJ:hover {
  116.   background-color: rgba(255, 255, 255, 0.05) !important;
  117.   color: var(--nox-white);
  118. }
  119. .side-8zPYf6 .themed-OHr7kt.selected-3s45Ha.item-PXvHYJ {
  120.     background:var(--nox-accent) !important;
  121. }
  122. .base-3dtUhz {
  123.     border-radius:0 !important;
  124. }
  125. .children-19S4PO .icon-22AiRD,
  126. .icon-1_QxNX {
  127.     width:19px;
  128. }
  129. .wrapper-1Rf91z {
  130.   background: var(--nox-level1) !important;
  131.   z-index:6;
  132. }
  133. .wrapper-1Rf91z .wrapper-1BJsBx,
  134. .acronym-2mOFsV {
  135.     background: #444444 !important;
  136.     box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 20px;
  137.     border-radius: 50% !important;
  138. }
  139. .svg-1X37T1, .wrapper-25eVIn {
  140.     height:50px !important;
  141. }
  142. .listItem-2P_4kh {
  143.     margin-bottom: 20px;
  144.     position: relative;
  145. }
  146. .theme-dark .circleIconButton-jET_ig {
  147.   background: var(--nox-accent);
  148.   transition: all 200ms ease !important;
  149.   box-shadow: 0 5px 15px rgba(0, 0, 0, 0.25), 0 -1px 0px rgba(0, 0, 0, 0.2) inset, 0 2px 1px var(--nox-white1) inset,;
  150.   color:#fff;
  151.   border-radius:50px !important;
  152. }
  153. .theme-dark .circleIconButton-jET_ig:hover {
  154.   box-shadow: 0 10px 15px rgba(0, 0, 0, 0.7), 0 -1px 0px rgba(0, 0, 0, 0.2) inset, 0 2px 1px rgba(255, 255, 255, 0.2) inset;
  155.   background-color: var(--nox-accent);
  156. }
  157. .guildSeparator-3s64Iy {
  158.     display:none;
  159.     margin-bottom:0 !important;
  160. }
  161. .circleButtonMask-2VNJsN {
  162.     position:fixed;
  163.     bottom:10px;
  164.     z-index:1;
  165. }
  166. .listItem-2P_4kh:last-child .circleButtonMask-2VNJsN {
  167.     position:relative;
  168.     z-index:0;
  169. }
  170.  
  171. /* Unread Mentions*/
  172. .unreadMentionsBar-1VrBNe:before {
  173.     background-color: #F04747;
  174.     bottom: 0;
  175.     content: "";
  176.     width: 90%;
  177.     left: 3px !important;
  178.     right:0 !important;
  179.     position: absolute;
  180.     border-radius: 3px;
  181. }
  182. .icon-2aINcz {
  183.     z-index: 1;
  184. }
  185.  
  186. .container-3ayLPN .option-96V44q.selected-rZcOL-, /* Search (hovered) */
  187. .container-3gCOGc .friendsTable-133bsv .friendTableAddWrapper-nHHZtK .friendTableSuggestionsHeader-2zSnpD, /* Friends table header */
  188. .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud:hover, /* Friends table (hover) */
  189. .radioGroup-1GBvlr .cardPrimaryEditable-3KtE4g:hover .checkbox-1ix_J3::before, /* Settings > Privacy & Safety cards checkbox (hover) */
  190. .contentColumn-2hrIYH .notDetected-33MY4s, /* Settings > Game Activity */
  191. .standardSidebarView-3F1I7i #bd-customcss-attach-controls button:hover, .bd-detached-css-editor #bd-customcss-attach-controls button:hover, /* Settings > Custom CSS buttons (hover) */
  192. .popoutBottom-1YbShG .menu-Sp6bN1, /* Server menu popout */
  193. .theme-dark .select-2TCrqx .Select-control .Select-placeholder, /* Notification overrides */
  194. .popout-3sVMXz .container-3cGP6G /* Message options (edit, delete..) */
  195. {
  196.     background-color: var(--nox-level1) !important;
  197. }
  198.  
  199. .theme-dark .inner-zqa7da, /* Chat bar */
  200. .textArea-2Spzkt,
  201. .userPopout-3XzG_A .quickMessage-2XpSaN, /* Message in user profile popout */
  202. .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud, /* Friends table */
  203. .radioGroup-1GBvlr .cardPrimaryEditable-3KtE4g:hover, /* Settings > Privacy & Safety cards (hover) */
  204. .radioGroup-1GBvlr .cardPrimaryEditable-3KtE4g .checkbox-1ix_J3::before, /* Settings > Privacy & Safety cards checkbox */
  205. .button-38aScr.lookLink-9FtZy-:hover, /* Reset nickname */
  206. .embed .embed-thumbnail-gifv video, .attachment-image img, .attachment-image .image, .embed .image, .embed-thumbnail.embed-thumbnail-image[href*=".gif"], .embed .embedThumbnail-2Y84-K img, .imageWrapper-2p5ogY.imageZoom-1n-ADA, .embedImage-2W1cML /* Media background when it has transparency */
  207. {
  208.     background-color: var(--nox-level2) !important;
  209. }
  210.  
  211. .theme-dark .autocomplete-1vrmpx, /* Message autocomplete */
  212. .container-3ayLPN .searchOption-zQ-1l6.selected-rZcOL- .filter-3Y_im-, /* Search (hovered) (keyword) */
  213. .chat-3bRxxu form .typing-2GQL18, /* "X is typing..." message */
  214. .theme-dark .cardPrimaryEditable-3KtE4g, .theme-dark .cardPrimaryOutline-29Ujqw, .theme-dark .cardPrimary-1Hv-to, /* Settings > My account */
  215. .theme-dark .codeRedemptionRedirect-1wVR4b, /* Settings > Billing */
  216. .bd-plugin-container, .bda-slist li /* Settings > Themes */
  217. {
  218.     background-color: var(--nox-level3) !important;
  219. }
  220.  
  221. .guildsWrapper-5TJh6A .guild-1EfMGQ.guildsAdd-21_IdK::before /* Gradient at the bottom of the server list */
  222. {
  223.     background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(48, 48, 48, 0)), color-stop(60%, var(--nox-level1)), color-stop(100%, var(--nox-level1)));
  224.     background: linear-gradient(to bottom, rgba(48, 48, 48, 0) 0%, var(--nox-level1) 60%, var(--nox-level1) 100%);
  225. }
  226.  
  227. .anchor-3Z-8Bb, .lookLink-9FtZy-.colorLink-35jkBc /* Hyperlinks */
  228. {
  229.    color: var(--nox-accent) !important;
  230. }
  231.  
  232. .theme-dark .codeRedemptionRedirect-1wVR4b {
  233.     border-color: var(--nox-level3) !important;
  234. }
  235.  
  236. .header-2o-2hj:hover /* Server menu button */
  237. {
  238.     background-color: rgba(0,0,0,.1) !important;
  239. }
  240.  
  241. /* Fixes the miss-aligned crosses on the active mute and deafen button */
  242. .container-2Thooq .horizontal-1ae9ci div button[style='background-image: url("/assets/896770bf2d6ed0358ed0adefdbe96a24.svg");']:before {
  243.     content: "";
  244.     display: block;
  245.     height: 4px;
  246.     background: linear-gradient(to top, var(--nox-white) 0%, var(--nox-white) 50%, var(--nox-level3) 51%, var(--nox-level3) 100%);
  247.     width: 18px;
  248.     position: absolute;
  249.     transform: translate(6px, 14.5px) rotate(45deg) translate(0, -2px) scale(1, 1);
  250.     top: 0;
  251.     left: 0;
  252.     animation: strike-in 300ms cubic-bezier(0, 0, 0, 1);
  253. }
  254.  
  255. .container-2Thooq .horizontal-1ae9ci div button[style='background-image: url("/assets/c8845c514bbf3f1e5bea064c1e40b08d.svg");']:before {
  256.     content: "";
  257.     display: block;
  258.     height: 4px;
  259.     background: linear-gradient(to top, var(--nox-white) 0%, var(--nox-white) 50%, var(--nox-level3) 51%, var(--nox-level3) 100%);
  260.     width: 18.5px;
  261.     position: absolute;
  262.     transform: translate(6px, 14.5px) rotate(45deg) translate(0, -2px) scale(1, 1);
  263.     top: 0;
  264.     left: 0;
  265.     animation: strike-in 300ms cubic-bezier(0, 0, 0, 1);
  266. }
  267.  
  268.  
  269.  
  270.  
  271.  
  272.  
  273.  
  274.  
  275.  
  276.  
  277. /* Friends List */
  278. .friendsTable-133bsv .scroller-2FKFPG>div:not(.friendsRow-2yicud),
  279. .friendsTable-133bsv .scroller-2FKFPG {
  280.     display: flex;
  281.     flex-flow: row wrap;
  282.     justify-content: center;
  283. }
  284.  
  285. #app-mount .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud {
  286.     border-radius: 3px;
  287.     background: rgba(255, 255, 255, 0.04);
  288.     margin: 8px;
  289.     padding: 0;
  290.     height: 120px !important;
  291.     width: 240px;
  292.     display: block;
  293.     position: relative;
  294. }
  295.  
  296. .container-3gCOGc .friendsTable-133bsv div[style*="width: 100%;"]:last-child:before {
  297.     content: '';
  298.     width: 35px;
  299.     height: 35px;
  300.     margin-top: 30px;
  301.     border-radius: 3px;
  302.     background: rgba(255, 255, 255, 0.05);
  303.     animation: sk-rotateplane 1.2s infinite ease-in-out;
  304. }
  305.  
  306. @keyframes sk-rotateplane {
  307.     0% {
  308.         transform: perspective(120px) rotateX(0deg) rotateY(0deg);
  309.     }
  310.     50% {
  311.         transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
  312.     }
  313.     100% {
  314.         transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  315.     }
  316. }
  317.  
  318. #app-mount .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud:hover {
  319.     background: rgba(255, 255, 255, 0.07) !important;
  320. }
  321.  
  322. #app-mount .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud .friendsColumnName-1zBOKm .discord-tag {
  323.     display: block;
  324.     position: absolute;
  325.     font-size: 13px;
  326.     top: 30px;
  327.     left: 58px;
  328.     overflow: visible;
  329. }
  330.  
  331. .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud .friendsColumnName-1zBOKm {
  332.     width: 100%;
  333. }
  334.  
  335. .friendsTable-133bsv .friendsRow-2yicud .friendsColumnName-1zBOKm .avatarSmall--gkJKA {
  336.     margin-left: 6px !important;
  337.     margin-top: 30px;
  338.     width: 44px;
  339.     height: 44px;
  340. }
  341.  
  342. #app-mount .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud .friendsColumnName-1zBOKm .discord-tag .discriminator {
  343.     visibility: visible !important;
  344.     position: absolute;
  345.     top: 15px;
  346.     left: 0;
  347.     opacity: 1 !important;
  348.     color: rgba(255, 255, 255, 0.3);
  349. }
  350.  
  351. .friendsColumnActions-1LT3_M {
  352.     position: absolute;
  353.     bottom: 0 !important;
  354.     top: 70%;
  355.     left: 5px;
  356.     opacity: 1 !important;
  357. }
  358.  
  359. .friendsTable-133bsv .friendsColumnGuilds-2we6jb {
  360.     position: absolute;
  361.     flex-direction: row-reverse;
  362.     margin-left: 165px !important;
  363.     margin-top: -40px !important;
  364.     width: 70px !important;
  365.     display: flex;
  366.     flex-wrap: wrap;
  367. }
  368.  
  369. .iconSizeSmall-3aWgx9,
  370. .friendsTable-133bsv .friendsRow-2yicud .friendsColumnGuilds-2we6jb .moreMutualGuildsBtn-2VwbkO {
  371.     width: 20px;
  372.     height: 20px;
  373.     margin: 2px;
  374.     font-size: 9px;
  375. }
  376.  
  377. .friendsTable-133bsv .friendsRow-2yicud .friendsColumnGuilds-2we6jb a+a {
  378.     margin: 0;
  379. }
  380.  
  381. #app-mount .container-3gCOGc .friendsTable-133bsv .friendsTableHeader-32yE7d {
  382.     display: none !important;
  383. }
  384.  
  385. .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud .friendsColumnActions-1LT3_M .friendsAction-__WNE9 {
  386.     background-size: 20px !important;
  387.     height: 30px;
  388.     width: 30px;
  389. }
  390.  
  391. #app-mount .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud .friendsColumn-eVHFqJ+.friendsColumn-eVHFqJ {
  392.     margin: 0;
  393. }
  394.  
  395. #app-mount .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud .friendsColumnStatus-ZH4ho2 .status-mz5rqq,
  396. #app-mount .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud .friendsColumnStatus-ZH4ho2 {
  397.     width: 104%;
  398.     opacity: .8;
  399.     justify-content: center;
  400.     height: 20px;
  401.     position: absolute;
  402.     top: 0;
  403.     border-radius: 0 !important;
  404.     z-index: 0;
  405. }
  406.  
  407. #app-mount .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud .friendsColumnStatus-ZH4ho2 .statusText-2F9zIF {
  408.     position: absolute;
  409.     color: rgba(255, 255, 255, 075);
  410.     font-weight: 500 !important;
  411.     max-width: 90%;
  412.     font-size: 11px;
  413.     line-height: 18px;
  414.     z-index: 0;
  415.     top: 0;
  416. }
RAW Paste Data
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
 
Top