API tools faq
paste
Advertisement
Shock_And_Awe

C9 Theme 5.1

Shock_And_Awe
Jan 18th, 2019
136
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 77.81 KB | None | 0 0
raw download clone embed print report
  1. ž//META{"name":"Cloud9_Discord","description":"A cozy Cloud9 Theme for Fans.","author":"KryptekValor","version":"5.0"}*//
  2. /* CSS Made By @KryptekValor */
  3. /* EVERY LINK HAS TO BE HTTPS:// IN ORDER TO WORK IN DISCORD */
  4. /* IMPORTANT: Default Colors to change are
  5. Color : #0077D1;
  6. Hover Color: #00A7EA; */
  7. .DummyClass {
  8.     background: #fff;
  9. }
  10. .app-19_DXt {
  11.     background-image: url("https://imgur.com/881P49q.png") !important;
  12.     background-size: cover !important;
  13. }
  14. .callout-backdrop {
  15.     background-color: rgb(0, 0, 0) !important;
  16.     background-image: url("https://imgur.com/881P49q.png") !important;
  17.     -webkit-transition: 0.3s all ease;
  18.     -o-transition: 0.3s all ease;
  19.     -moz-transition: 0.3s all ease;
  20.     transition: 0.3s all ease;
  21.     background-size: cover !important;
  22. }
  23. .Select-control {
  24.     background: rgba(0, 0, 0, 0.62);
  25.     border: #0077D1;
  26.     border-color: #0077D1 #0077D1 #0077D1;
  27. }
  28. .form .control-group .Select-control {
  29.     border: 1px solid #0077D1;
  30. }
  31. .form .control-group .Select-control:hover {
  32.     border: 1px solid #0077D1;
  33. }
  34. .form .control-group .is-focused:not(.is-open)>.Select-control {
  35.     border: 1px solid #0077D1;
  36. }
  37. .slider-bar {
  38.     background: rgba(0, 0, 0, 0.44);
  39. }
  40. .slider-handle,
  41. .slider-handle span {
  42.     background-color: rgb(21, 21, 21);
  43. }
  44. .form .control-group .Select-control .Select-placeholder {
  45.     color: #787A7B;
  46. }
  47. .tab-bar.SIDE {
  48.     overflow-y: hidden;
  49.     background-color: rgba(0,0,0,0.8);
  50. }
  51. .create-guild-container .join-server .link-container input {
  52.     border: 1px solid #0077D1;
  53. }
  54. .create-guild-container .join-server .sample-link {
  55.     color: #0077D1;
  56. }
  57. .theme-dark .chat>.content .messages .message-group a {
  58.     color: #0077D1;
  59. }
  60. .need-help-modal .footer {
  61.     background-color: rgba(0, 0, 0, 0.88);
  62.     border-top: 1px solid #1D1F23;
  63. }
  64. .need-help-modal .header {
  65.     background-color: #0077D1;
  66. }
  67. .need-help-button:hover {
  68.     border-color: #0077D1;
  69.     color: #0077D1;
  70. }
  71. .need-help-button:hover .btn-help {
  72.     color: #0077D1;
  73. }
  74. .settings .settings-inner {
  75.     background-color: rgba(0, 0, 0, 0.70) !important;
  76. }
  77. .notification-settings-modal .mute-server .checkbox .label {
  78.     color: #fff;
  79. }
  80. .notification-settings-modal .settings-section {
  81.     color: #fff;
  82. }
  83. .channel-notification-settings .content label {
  84.     color: #ABAAAA;
  85. }
  86. .da-scrollerWrap .da-scroller {
  87.     overflow-y: scroll;
  88. }
  89. .channel-notification-settings {
  90.     border-bottom: 1px solid #0077D1;
  91. }
  92. .notification-settings-modal .notification-settings-modal-channel-settings-list {
  93.     box-shadow: 0 -1px #0077D1;
  94. }
  95. .chat .new-messages-bar button {
  96.     border-radius: 5px;
  97. }
  98. .chat .new-messages-bar button:last-child {
  99.     color: #fff;
  100. }
  101. .download-apps .platforms .platform.active .download-button,
  102. .change-log .changelog-fixed,
  103. .modal-new-user .steps-wrap .steps li.on,
  104. .modal-new-user .steps-wrap .steps li.on+.divider,
  105. .modal-new-user .steps-wrap .steps li.on:before,
  106. .chat .new-messages-bar:hover {
  107.     background-color: #0077D1;
  108. }
  109. .radio-image .radio-inner span:after {
  110.     opacity: 0;
  111.     filter: alpha(opacity=0);
  112.     content: '';
  113.     position: absolute;
  114.     width: 100%;
  115.     height: 100%;
  116.     border: 2px solid #0077D1;
  117.     border-radius: 3px;
  118.     -webkit-transition: .3s ease;
  119.     transition: .3s ease;
  120.     left: -2px;
  121.     top: -2px;
  122. }
  123. .radio-image:hover span:after {
  124.     opacity: .5;
  125.     filter: alpha(opacity=50);
  126.     border-color: #0077D1;
  127. }
  128. .guilds li.active .guild-inner,
  129. .guilds li:hover .guild-inner {
  130.     border-radius: 15px;
  131.     background: #0077D1;
  132.     animation: FColorPulse 2s infinite alternate;
  133. }
  134. @-webkit-keyframes FColorPulse {
  135.     0% {
  136.         background: #00A7EA;
  137.     }
  138.     100% {
  139.         background: #0077D1;
  140.     }
  141. }ld-channels ul .channel-voice-states li.speaking .avatar-small {
  142.     background-color: #0077D1;
  143.     cursor: pointer;
  144.     border: 2px solid #0077D1;
  145.     box-shadow: inset 0 0 0 2px #2e3136;
  146. }
  147. #unsupported-browser li:hover {
  148.     -webkit-transform: scale(1.04);
  149.     transform: scale(1.04);
  150.     border-color: #0077D1;
  151. }
  152. #unsupported-browser li:hover .browser {
  153.     background-position-y: 100px;
  154. }
  155. #unsupported-browser li:hover .btn {
  156.     background-color: #0077D1;
  157.     color: #fff;
  158.     border-color: #0077D1;
  159. }
  160. .mentioned .highlight:hover {
  161.     color: #0077D1;
  162.     text-decoration: underline;
  163. }
  164. .highlight:hover {
  165.     cursor: pointer;
  166.     color: #fff;
  167.     background-color: #0077D1;
  168. }
  169. .tooltip.tooltip-left:after {
  170.     position: absolute;
  171.     left: 100%;
  172.     top: 50%;
  173.     border-left-color: #0077D1;
  174.     margin-top: -5px;
  175. }
  176. .tooltip.tooltip-right:after {
  177.     position: absolute;
  178.     right: 100%;
  179.     top: 50%;
  180.     border-right-color: #0077D1;
  181.     margin-top: -5px;
  182. }
  183. .tooltip {
  184.     position: absolute;
  185.     background-color: #0077D1;
  186.     box-shadow: 0 2px 4px 1px rgba(0, 0, 0, .1);
  187.     border-radius: 3px;
  188.     font-weight: 600;
  189.     font-size: 12px;
  190.     color: #fff;
  191.     z-index: 1002;
  192.     max-width: 160px;
  193.     box-sizing: border-box;
  194.     word-wrap: break-word;
  195.     padding: 5px 10px;
  196. }
  197. .tooltip.tooltip-bottom:after {
  198.     position: absolute;
  199.     bottom: 100%;
  200.     left: 50%;
  201.     border-bottom-color: #0077D1;
  202.     margin-left: -5px;
  203. }
  204. .tooltip.tooltip-top:after {
  205.     position: absolute;
  206.     top: 100%;
  207.     left: 50%;
  208.     margin-left: -5px;
  209.     border-top-color: #0077D1;
  210. }
  211. .region-select-modal {
  212.     background: rgba(0, 0, 0, 0.75);
  213. }
  214. .region-select-modal .region-select-modal-header {
  215.     color: #0077D1;
  216. }
  217. .region-select-modal .region-select-modal-option {
  218.     background-color: rgba(0, 0, 0, 0.48);
  219.     border: 2px solid rgba(0, 0, 0, 0.35);
  220. }
  221. .region-select-modal .region-select-modal-option:hover {
  222.     border-color: #0077D1;
  223. }
  224. .form .radio-group .radio {
  225.     color: #fff;
  226. }
  227. .need-help-modal .header input[type=text] {
  228.     box-shadow: 0 2px 1px #0077D1;
  229. }
  230. .change-log {
  231.     background: rgba(0, 0, 0, 0.75);
  232. }
  233. .change-log .header {
  234.     color: #00A7EA;
  235.     border-bottom: 1px solid #4C4C4C;
  236. }
  237. .change-log ul li {
  238.     color: #00A7EA;
  239. }
  240. .change-log .footer {
  241.     border-top: 1px solid #4C4C4C;
  242.     color: #00A7EA;
  243.     background-color: #282D2F;
  244. }
  245. .download-apps .platforms .platform {
  246.     border: 2px solid #00A7EA;
  247. }
  248. .download-apps .footer {
  249.     color: #00A7EA;
  250. }
  251. .download-apps .footer a {
  252.     color: #0077D1;
  253. }
  254. .download-apps .header {
  255.     color: #0077D1;
  256. }
  257. .download-apps .platforms .platform.active {
  258.     border-color: #0077D1;
  259. }
  260. .user-settings-modal a:hover {
  261.     color: #00A7EA;
  262. }
  263. .private-channels .channel.selected:before {
  264.     border-left: 4px solid #0077D1;
  265. }
  266. .private-channels .channel:hover:before {
  267.     border-left: 4px solid #0077D1;
  268. }
  269. .user-settings-modal .voice-settings .reset-voice-settings {
  270.     color: #0077D1;
  271. }
  272. .user-settings-modal .voice-settings .reset-voice-settings:hover {
  273.     color: #00A7EA;
  274. }
  275. .modal-content .form-inner p {
  276.     color: #E6E6E6;
  277. }
  278. .form .form-header {
  279.     background: rgba(0,0,0,0.85);
  280.     border-bottom: 1px solid rgba(0, 0, 0, 0.53);
  281. }
  282. .popout header {
  283.     background-color: #0077D1;
  284. }
  285. .popout section {
  286.     background-color: rgba(0, 0, 0, 0.7);
  287. }
  288. #voice-connection-popout hr {
  289.     border: 1px solid #4C4C4C;
  290. }
  291. .small-popout-box {
  292.     background: rgba(0, 0, 0, 0.5);
  293.     border: 1px solid rgba(0, 0, 0, 0.28);
  294. }
  295. .option-popout .btn-item:hover {
  296.     color: #BBBBBB;
  297. }
  298. .member-roles .member-role {
  299.     background-color: #0077D1;
  300.     color: #ffffff;
  301.     border: 1px solid #0077D1;
  302. }
  303. .user-popout .user-popout-options .btn {
  304.     background-color: #0077D1;
  305.     border: 1px solid #0077D1;
  306. }
  307. .user-popout .user-popout-options .btn:hover {
  308.     background-color: #00A7EA;
  309. }
  310. .chat .welcome-message h1 {
  311.     color: #0077D1;
  312. }
  313. .channel-members .invite-btn {
  314.     background-color: #0077D1;
  315. }
  316. .channel-members .invite-btn:hover {
  317.     background-color: #00A7EA;
  318. }
  319. .instant-invite-popout hr {
  320.     border: 1px solid #0077D1;
  321. }
  322. .instant-invite-popout a {
  323.     color: #0077D1;
  324. }
  325. .instant-invite-popout a:hover {
  326.     color: #00A7EA;
  327. }
  328. .clipboard-input-inner input::selection {
  329.     background: #0077D1;
  330. }
  331. .clipboard-input-inner button {
  332.     border-left: 1px solid rgba(0, 0, 0, 0.69);
  333.     background-color: rgba(0, 0, 0, 0.83);
  334. }
  335. .clipboard-input-inner input {
  336.     color: #00A7EA;
  337.     background: rgba(0, 0, 0, 0.6);
  338. }
  339. .clipboard-input-inner {
  340.     background: transparent;
  341.     border: 1px solid rgba(0, 0, 0, 0);
  342. }
  343. .clipboard-input-inner button:first-of-type:before {
  344.     background: linear-gradient(90deg, hsla(0, 0%, 100%, 0), rgba(0, 0, 0, 0.79));
  345. }
  346. ::selection {
  347.     color: #fff;
  348.     background: #0077D1;
  349. }
  350. .theme-dark .chat .welcome-message a {
  351.     color: #0077D1;
  352. }
  353. #settings-roles .roles li.selected {
  354.     background: none;
  355. }
  356. #permissions ul li {
  357.     color: #F4F4F4;
  358. }
  359. #permissions .permission-actions>div {
  360.     background-color: #2E3136;
  361.     border: 2px solid #2A2C31;
  362. }
  363. #permissions .permission-actions>div.PASSTHROUGH:hover {
  364.     border: #51555F;
  365. }
  366. #settings-roles .roles header {
  367.     border-bottom: 1px solid rgba(0, 0, 0, 0.47);
  368. }
  369. #settings-roles .roles {
  370.     border-right: 1px solid #0077D1;
  371. }
  372. .btn-help:hover {
  373.     background: #0077D1;
  374. }
  375. #permissions .permissions-helpdesk {
  376.     color: #0077D1;
  377. }
  378. #permissions .permissions-helpdesk:hover {
  379.     color: #00A7EA;
  380. }
  381. #settings-roles .roles li.selected:before {
  382.     background-color: #0077D1;
  383. }
  384. #settings-roles .roles li:hover:before {
  385.     background-color: #00A7EA;
  386. }
  387. .instant-invites .instant-invites-header {
  388.     border-bottom: 2px solid #0077D1;
  389.     color: #E9E9E9;
  390. }
  391. .instant-invites .instant-invite-buttons .btn {
  392.     background: #0077D1;
  393. }
  394. .instant-invites .instant-invite-buttons .btn.btn-danger {
  395.     border: 1px solid #0077D1;
  396.     color: #fff
  397. }
  398. .instant-invites .instant-invite-buttons .btn.btn-danger:hover {
  399.     background: #D22B3A;
  400.     border-color: #D22B3A;
  401. }
  402. .instant-invites .instant-invites-list .instant-invite .member {
  403.     color: #C3C3C3;
  404. }
  405. #permissions .permission-actions.disabled>div {
  406.     border: #565963;
  407.     background: #565963;
  408.     position: relative;
  409. }
  410. .checkbox .checkbox-inner span {
  411.     background: rgba(0, 0, 0, 0.2);
  412.     transition: .2s linear all !important;
  413. }
  414. .form .control-group .help-text {
  415.     color: #B6BBC1;
  416. }
  417. .avatar-uploader a {
  418.     color: #0077D1;
  419. }
  420. .avatar-uploader a:hover {
  421.     color: #00A7EA;
  422. }
  423. .instant-invites .instant-invites-list .instant-invite .show-channel .channel {
  424.     color: #D6D6D6;
  425.     text-transform: capitalize;
  426. }
  427. .instant-invites .instant-invites-list .instant-invite+.instant-invite {
  428.     border-top: 1px solid #0077D1;
  429. }
  430. .form .control-groups.control-separator {
  431.     border-top: 1px solid #0077D1;
  432. }
  433. .guild-settings-modal-integrations .guild-settings-modal-integrations-header {
  434.     color: #CCCCCC;
  435.     border-bottom: 1px solid rgba(0, 0, 0, 0.47);
  436.     box-shadow: none;
  437. }
  438. .guild-settings-modal-integrations .guild-settings-modal-integrations-body.no-integrations p {
  439.     color: rgb(220, 220, 220);
  440. }
  441. .guild-settings-modal-integrations .guild-settings-modal-integrations-body.no-integrations p a {
  442.     color: #F40000;
  443. }
  444. .guild-settings-modal-members .guild-settings-modal-list .member .member-username {
  445.     color: #CECECE;
  446. }
  447. .guild-settings-modal-members .guild-settings-modal-members-header {
  448.     border-bottom: 1px solid rgba(0, 0, 0, 0.36);
  449. }
  450. #autocomplete-popout .empty:hover {
  451.     background-color: #2E3136;
  452. }
  453. #autocomplete-popout .empty h4 {
  454.     color: #0077D1;
  455. }
  456. #autocomplete-popout h3 {
  457.     color: #ECECEC;
  458. }
  459. .popout.popout-bottom header:before {
  460.     border-bottom-color: #0077D1;
  461. }
  462. .guild-settings-modal .guild-settings-modal-search {
  463.     border: 1px solid rgba(0, 0, 0, 0.4);
  464. }
  465. .guild-settings-modal .guild-settings-modal-search:focus {
  466.     border: 1px solid #24272b;
  467. }
  468. .guild-settings-modal-members .guild-settings-modal-members-footer a {
  469.     color: #0077D1;
  470. }
  471. .guild-settings-modal-members .guild-settings-modal-members-footer a:hover {
  472.     color: #00A7EA;
  473. }
  474. .guild-settings-modal-members .guild-settings-modal-members-footer {
  475.     border-top: 1px solid rgba(0, 0, 0, 0.36);
  476. }
  477. #settings-roles .roles li:hover {
  478.     background: none;
  479. }
  480. .form hr {
  481.     border-bottom: 1px solid #0077D1;
  482. }
  483. .user-popout .user-popout-options .btn.btn-server {
  484.     color: #fff;
  485.     background-color: #0077D1;
  486.     border-color: #0077D1;
  487. }
  488. .user-popout .user-popout-options .btn.btn-server:hover {
  489.     border-color: #0077D1;
  490.     background-color: #00A7EA;
  491. }
  492. .member-roles .manipulate:hover {
  493.     border-color: #0077D1;
  494.     background-color: #00A7EA;
  495. }
  496. #user-profile-modal header {
  497.     background-image: none;
  498.     background-color: #0077D1;
  499. }
  500. #user-profile-modal .da-scroller {
  501.     background: rgba(0, 0, 0, 0.83);
  502. }
  503. #user-profile-modal .friends .friend:hover {
  504.     background: #26292D;
  505.     color: #ADADAD;
  506. }
  507. .need-help-modal a:hover {
  508.     color: #00A7EA;
  509. }
  510. #user-profile-modal footer {
  511.     background: rgba(0, 0, 0, 0.83);
  512.     border-top: 1px solid rgba(0, 0, 0, 0.8);
  513. }
  514. #user-profile-modal footer button {
  515.     color: #0077D1
  516. }
  517. .avatar-large {
  518.     width: 40px;
  519.     height: 40px;
  520.     background-size: 40px 40px !important;
  521.     left: 8px;
  522. }
  523. .channel-textarea {
  524.     margin: 10px 0 30px;
  525. }
  526. .theme-dark .chat form {
  527.     border-top: none;
  528. }
  529. .guilds li.active .guild-inner:before {
  530.     background: #0077D1;
  531. }
  532. .guilds li.unread .guild-inner:before {
  533.     background: #0077D1;
  534. }
  535. .guild-channels ul .channel-text.unread:not(.selected):not(.channel-muted):before {
  536.     background: #00A7EA;
  537. }
  538. .theme-dark .hljs {
  539.     border: 1px solid transparent;
  540.     border-radius: 4px;
  541. }
  542. .theme-dark .chat>.content .messages .divider:not(.red) div {
  543.     background: transparent;
  544. }
  545. .theme-dark .chat>.content .messages .divider span {
  546.     background: transparent;
  547. }
  548. .chat .divider>span {
  549.     color: #F1F1F1;
  550. }
  551. .message-group .comment .markup pre {
  552.     background: #282B30;
  553.     border: 2px solid #282B30;
  554. }
  555. .message-group .comment .markup pre code {
  556.     background: #282B30;
  557.     color: #D4D4D4;
  558. }
  559. .theme-dark .chat .title-wrap .topic a {
  560.     color: #0077D1;
  561. }
  562. .guilds .friends-icon:hover {
  563.     color: transparent;
  564.     background-color: #0077D1;
  565. }
  566. #autocomplete-popout .row.selected a,
  567. #autocomplete-popout .row:hover a {
  568.     color: #D4D4D5;
  569. }
  570. #autocomplete-popout .row.selected,
  571. #autocomplete-popout .row:hover {
  572.     background: rgba(0, 0, 0, 0.85);
  573. }
  574. .download-apps .platforms .platform.active p {
  575.     color: #0077D1;
  576. }
  577. .download-apps .platforms .platform .icon.apple.active {
  578.     background-image: url(https://discordapp.com/assets/57568e1cfc37c81cf56db9498b4f128a.svg);
  579. }
  580. .download-apps .platforms .platform .icon.windows.active {
  581.     background-image: url(https://discordapp.com/assets/d6221c5e88f5cb89f125868c077e9859.svg);
  582. }
  583. .download-apps .platforms .platform .icon.ios.active {
  584.     background-image: url(https://discordapp.com/assets/0c460e9b848f5c4cc964ae9c62c0f9b9.svg);
  585. }
  586. .download-apps .platforms .platform .icon.android.active {
  587.     background-image: url(https://discordapp.com/assets/d73fd4014c02b360d9529a720ecb7c44.svg);
  588. }
  589. .create-guild-container {
  590.     background-color: transparent;
  591. }
  592. .form .form-inner {
  593.     background-image: Justincase("https://i.imgur.com/KCLIPt4.gif");
  594.     background-size: 40px 40px;
  595.     background-repeat: no-repeat;
  596.     background-position: 50% 74%;
  597. }
  598. .need-help-button {
  599.     visibility: hidden;
  600. }
  601. .guilds-add {
  602.     color: transparent !important;
  603.     background-image: url("https://i.imgur.com/BjLLeIX.png") !important;
  604.     background-size: 23px 23px !important;
  605.     background-repeat: no-repeat !important;
  606.     background-position: 13px 12px !important;
  607.     background-color: rgba(21, 21, 21, 0.41) !important;
  608.     opacity: 0.7 !important;
  609. }
  610. .slider-handle span {
  611.     border: 1px solid #0077D1;
  612. }
  613. .slider-handle span:after,
  614. .slider-handle span:before {
  615.     content: none;
  616. }
  617. .popout section:after,
  618. .popout section:before {
  619.     content: none;
  620. }
  621. .chat .welcome-message .item-container .icon.exclamation {
  622.     background-image: url("https://i.imgur.com/DYPXksE.png");
  623.     background-repeat: no-repeat;
  624.     background-size: 20px 20px;
  625.     background-position: 29px 13px;
  626. }
  627. .chat .welcome-message .item-container .icon.share {
  628.     background-image: url("https://i.imgur.com/DYPXksE.png");
  629.     background-repeat: no-repeat;
  630.     background-size: 20px 20px;
  631.     background-position: 29px 13px;
  632. }
  633. .chat .welcome-message .item-container .icon.apps {
  634.     background-image: url("https://i.imgur.com/DYPXksE.png");
  635.     background-repeat: no-repeat;
  636.     background-size: 20px 20px;
  637.     background-position: 29px 13px;
  638. }
  639. .chat .welcome-message .item-container .icon.mobile {
  640.     background-image: url("https://i.imgur.com/DYPXksE.png");
  641.     background-repeat: no-repeat;
  642.     background-size: 20px 20px;
  643.     background-position: 29px 13px;
  644. }
  645. .chat .welcome-message .item-container .icon.twitter {
  646.     background-image: url("https://i.imgur.com/DYPXksE.png");
  647.     background-repeat: no-repeat;
  648.     background-size: 20px 20px;
  649.     background-position: 29px 13px;
  650. }
  651. .user-settings-modal button.preview-sound:before {
  652.     background-image: url("https://i.imgur.com/E8gsoBs.png");
  653. }
  654. .chat .new-messages-bar {
  655.     background-color: #0077D1;
  656.     opacity: 0.8;
  657. }
  658. .account {
  659.     background-repeat: no-repeat;
  660.     background-position: 12px 11px;
  661. }
  662. .user-settings-modal-games {
  663.     background: transparent;
  664.     border-top: 1px solid rgba(0,0,0,0.4);
  665.     color: #E2E2E3;
  666. }
  667. .user-settings-modal-games .games-table .games-row .item-game .last-played {
  668.     color: #E2E2E3;
  669. }
  670. .user-settings-modal-games .games-table .games-row .item-game .game-input {
  671.     color: #E2E2E3;
  672. }
  673. .user-settings-modal-games .games-table .games-row .item-game {
  674.     border-bottom: 1px solid rgba(0,0,0,0.4);
  675. }
  676. .user-settings-modal-games .games-table .games-row .item-overlay {
  677.     border-bottom: 1px solid rgba(0,0,0,0.4);
  678. }
  679. .now-playing {
  680.     background: #0077D1;
  681.     padding: 22px;
  682. }
  683. .checkbox .checkbox-inner.alt input[type=checkbox]+span {
  684.     background: #2E3136;
  685.     border-color: #8E8E8E;
  686. }
  687. .checkbox .checkbox-inner.alt input[type=checkbox]:checked+span:after {
  688.     border-color: #43B581;
  689. }
  690. .sensitivity .slider .slider-bar-auto {
  691.     background-color: rgba(0, 0, 0, 0.44);
  692. }
  693. .user-settings-modal-keybinds .user-settings-modal-keybinds-header {
  694.     border-bottom: 1px solid rgba(0, 0, 0, 0.44);
  695. }
  696. .user-settings-modal-connections .user-settings-modal-accounts-list .connect-container .btn {
  697.     background: rgba(0, 0, 0, 0.57);
  698.     border: 2px solid rgba(0, 0, 0, 0.23);
  699.     background-repeat: no-repeat;
  700.     background-position: 50%;
  701. }
  702. .alert.form .form-inner .btn {
  703.     border: 1px solid #00A7EA;
  704. }
  705. .alert.form .form-inner .cancel {
  706.     border-color: #99aab5 !important;
  707. }
  708. .user-settings-modal .account-warning {
  709.     border: 1px solid #B54343;
  710.     background: #B54343;
  711.     color: #F5FBF9;
  712. }
  713. .user-settings-modal-games .games-table .games-row .item-game .icon {
  714.     background-image: url(https://i.imgur.com/DYCx6qB.png);
  715.     background-repeat: no-repeat;
  716.     background-position: -13px -14px;
  717.     background-size: 42px;
  718. }
  719. .theme-dark .chat>.content .messages .divider:not(.red) span {
  720.     opacity: .9;
  721. }
  722. .links:after {
  723.     content: "KryptekValor";
  724.     color: #8C8F94;
  725.     margin-left: 6px;
  726.     font-weight: bold;
  727. }
  728. .links li+li:after {
  729.     content: '\2022';
  730.     color: #535559;
  731.     margin-left: 6px;
  732. }
  733. .message-group h2 strong {
  734.     color: #aaaba7;
  735. }
  736. #emote-menu,
  737. #tc-settings-panel,
  738. .tc-switch {
  739.     border: 1px solid #2B2B2B;
  740. }
  741. .emote-container:hover {
  742.     background: #0077D1;
  743. }
  744. .spinner-wandering-cubes .spinner-item {
  745.     background-color: #0077D1;
  746.     border-radius: 10px;
  747. }
  748. #bd-ps-container {
  749.     border: 1px solid transparent;
  750.     border-radius: 4px;
  751.     opacity: 0.9;
  752. }
  753. #bd-ps-header {
  754.     background: #1E2124;
  755.     border-bottom: 1px solid #24272B;
  756. }
  757. #bd-ps-body table tr {
  758.     border-bottom: 1px solid #2E3136 !important;
  759.     background-color: none;
  760. }
  761. #bd-ps-body table th {
  762.     background-color: #25272B;
  763. }
  764. textarea {
  765.     background: transparent !important;
  766. }
  767. .help-container {
  768.     display: none;
  769. }
  770. .links {
  771.     border-top: 0px solid transparent;
  772. }
  773. .links li a {
  774.     color: #8C8F94;
  775. }
  776. .links,
  777. .chat,
  778. .typing,
  779. .content,
  780. .guild-channels,
  781. .private-channels,
  782. .guild-header header,
  783. .divider-red span,
  784. .messages-wrapper,
  785. #voice-connection {
  786.     background: transparent !important;
  787. }
  788. .guilds-wrapper {
  789.     background: rgba(0, 0, 0, 0.6) !important
  790. }
  791. .channels-wrap {
  792.     background: rgba(0, 0, 0, 0.75);
  793.     width: 220px;
  794. }
  795. .content .flex-spacer {
  796.     background: rgba(0, 0, 0, 0.85)
  797. }
  798. .channel-members {
  799.     background: rgba(0, 0, 0, 0.9) !important
  800. }
  801. .guilds-wrapper {
  802.     box-shadow: inset -10px 0px 20px -10px rgba(0, 0, 0, 0.2);
  803. }
  804. .guild-header ul {
  805.     background: rgba(0, 0, 0, 0.52) !important;
  806.     transition: transform .5s cubic-bezier(0.18, 0.89, 0.32, 1.28) !important;
  807.     padding-top: 100px;
  808.     top: -56px;
  809. }
  810. .guilds-add {
  811.     opacity: 0.5;
  812. }
  813. .guilds-wrapper {
  814.     border-right: 1px solid rgba(0, 0, 0, 0.4);
  815. }
  816. .guild-header header span {
  817.     margin-left: -5px;
  818. }
  819. .guild-header header {
  820.     box-shadow: none !important;
  821.     color: #ddd;
  822. }
  823. .guild-channels header h2,
  824. .guild-channels ul .channel a {
  825.     color: #fff;
  826. }
  827. .guilds {
  828.     padding: 18px 20px 85px 20px;
  829. }
  830. .guilds-add {
  831.     font-size: 30px;
  832.     background: #000;
  833. }
  834. .guilds .friends-online {
  835.     margin-left: -5px;
  836. }
  837. .guilds li .guild-inner {
  838.     background: rgba(21, 21, 21, 0.41) !important;
  839. }
  840. .guilds li .guild-inner a,
  841. .guilds li,
  842. .guilds li .avatar-small {
  843.     width: 40px;
  844.     height: 40px;
  845. }
  846. .guilds li .avatar-small {
  847.     width: 40px;
  848.     height: 40px;
  849.     background-size: 40px 40px;
  850. }
  851. .guilds li .guild-inner {
  852.     line-height: 40px;
  853. }
  854. .guilds .friends-icon {
  855.     width: 40px;
  856.     height: 40px;
  857.     background-size: 25px 19px;
  858. }
  859. .guilds li.audio .guild-inner:after {
  860.     background-size: 12px;
  861.     background-color: rgba(0, 0, 0, 0.8);
  862. }
  863. .guilds-separator:after {
  864.     background: rgba(28, 28, 28, 0.52) !important;
  865. }
  866. .guilds li .guild-inner:before {
  867.     left: -26px;
  868. }
  869. .guild-channels header h2,
  870. .private-channels header {
  871.     opacity: .6;
  872. }
  873. .private-channels .search-bar {
  874.     background: rgba(10, 13, 16, 0) !important;
  875. }
  876. .private-channels .search-bar input {
  877.     background: rgba(0, 0, 0, 0.4) !important;
  878. }
  879. .search-bar-clear:before {
  880.     background: #000;
  881. }
  882. .search-bar-clear {
  883.     background: #fff;
  884. }
  885. .guild-channels ul .channel.selected,
  886. .private-channels .channel.selected,
  887. .private-channels .search-result.selected,
  888. .private-channels .search-result:hover {
  889.     background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.6) 85%, rgba(46, 49, 54, 0)) !important;
  890. }
  891. .guild-channels ul .channel:not(.selected):hover,
  892. .private-channels .channel:not(.selected):hover {
  893.     background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.3) 85%, rgba(46, 49, 54, 0)) !important;
  894. }
  895. .btn-hamburger {
  896.     margin-right: -25px;
  897. }
  898. .btn-hamburger span {
  899.     background: #fff;
  900. }
  901. .account {
  902.     padding: 0 4px !important;
  903.     background: rgba(0, 0, 0, 0);
  904.     height: 77px;
  905.     border: 0px solid transparent;
  906. }
  907. .account .status {
  908.     border: 2px solid rgba(0, 0, 0, 1);
  909. }
  910. .account .btn {
  911.     background: transparent;
  912.     box-shadow: none !important;
  913. }
  914. .account .btn:active {
  915.     background: rgba(0, 0, 0, 0.26);
  916. }
  917. .account .btn-deafen,
  918. .account .btn-mute {
  919.     border-right: none;
  920. }
  921. #voice-connection {
  922.     border-top: none !important;
  923.     padding: 15px 20px 15px 18px !important;
  924. }
  925. #voice-connection .btn {
  926.     background: rgba(0, 0, 0, 0.45);
  927.     box-shadow: none !important;
  928. }
  929. #voice-connection .btn:active {
  930.     background: rgba(0, 0, 0, 0.6);
  931. }
  932. .account .btn-deafen,
  933. .account .btn-settings {
  934.     box-shadow: none !important;
  935. }
  936. .account .btn-group,
  937. #voice-connection .btn-group {
  938.     border: none;
  939. }
  940. .title-wrap {
  941.     border-bottom: 1px solid rgba(0, 0, 0, 0.3) !important;
  942.     background: rgba(0, 0, 0, 0.88) !important;
  943. }
  944. .chat .divider:not(.divider-red)>div {
  945.     background: rgba(255, 255, 255, 0.2) !important;
  946. }
  947. .chat .divider>span {
  948.     background: rgba(255, 255, 255, 0.2) !important;
  949.     font-size: 12px;
  950.     text-transform: uppercase;
  951.     margin: 10px 0px;
  952.     border-radius: 3px;
  953.     opacity: 1;
  954.     padding: 5px 15px;
  955.     width: 100%;
  956.     text-align: center;
  957. }
  958. .chat .divider.divider-red>span {
  959.     background: rgba(240, 71, 71, .6) !important;
  960.     color: rgba(255, 255, 255, 0.8) !important;
  961. }
  962. .chat .divider:not(.divider-red)>span {
  963.     color: rgba(255, 255, 255, 1) !important;
  964. }
  965. .chat .divider>div {
  966.     display: none;
  967. }
  968. .chat .new-messages-bar:hover {
  969.     background-color: #00A7EA;
  970. }
  971. .chat-empty {
  972.     background: rgba(20, 23, 27, 0.95);
  973. }
  974. .chat>.title-wrap>.topic {
  975.     font-size: 12px;
  976.     margin-top: 5px;
  977.     color: #AFAFAF !important;
  978. }
  979. .chat>.content .messages .message-group:not(.has-divider) {
  980.     border-bottom-color: hsla(0, 0%, 100%, .04) !important;
  981. }
  982. .chat>.content .messages .message-group .markup .highlight {
  983.     color: #ddd !important;
  984.     padding: 1px 4px;
  985.     border-radius: 6px;
  986.     -webkit-transition: all 0.3s ease;
  987.     -moz-transition: all 0.3s ease;
  988.     -o-transition: all 0.3s ease;
  989.     -ms-transition: all 0.3s ease;
  990. }
  991. .chat>.content .messages .message-group .markup .highlight:hover {
  992.     color: #fff !important;
  993. }
  994. .chat>.content .messages .message-group .markup {
  995.     line-height: 1em;
  996. }
  997. .chat>.content .messages .message-group h2 .user-name {
  998.     color: rgba(255, 255, 255, 0.8);
  999. }
  1000. .chat>.content .messages .message-group h2 span {
  1001.     color: rgba(255, 255, 255, 0.2) !important;
  1002. }
  1003. .chat>.content .messages .message-group .markup pre {
  1004.     background: transparent !important;
  1005.     border-color: rgba(255, 255, 255, 0.1) !important;
  1006. }
  1007. .chat>.content .messages .message-group .markup pre code.hljs {
  1008.     background: rgba(0, 0, 0, 0.42) !important;
  1009.     color: rgba(255, 255, 255, 0.7) !important;
  1010.     padding: 5px !important;
  1011. }
  1012. .chat>.content .messages .message-group .markup code.inline {
  1013.     background: rgba(255, 255, 255, 0.1) !important;
  1014.     color: rgba(255, 255, 255, 0.7) !important;
  1015.     padding: 0.3em 0.6em;
  1016. }
  1017. .channel-textarea-upload {
  1018.     border-right-color: hsla(0, 0%, 100%, .1) !important;
  1019. }
  1020. .channel-textarea-inner {
  1021.     border: 2px solid rgba(255, 255, 255, 0.1) !important;
  1022.     background: rgba(0, 0, 0, 0.6) !important;
  1023. }
  1024. .typing {
  1025.     font-size: 11px;
  1026. }
  1027. .spoiler span {
  1028.     display: none;
  1029. }
  1030. .spoiler:before {
  1031.     padding-top: 7px;
  1032.     padding-bottom: 3px;
  1033.     min-height: 18px;
  1034.     background: none;
  1035. }
  1036. #twitchcord-button {
  1037.     background-size: 24px;
  1038.     background-position: 20px;
  1039.     background-color: transparent;
  1040. }
  1041. .message-group.compact .timestamp {
  1042.     position: relative;
  1043.     top: -4px;
  1044. }
  1045. .message-group.compact .message .markup .user-name {
  1046.     margin-right: 10px;
  1047. }
  1048. .add-friend-popout .btn:disabled {
  1049.     opacity: 0.4;
  1050. }
  1051. .private-channels .channel.btn-friends .badge {
  1052.     margin-right: 10px;
  1053. }
  1054. #friends {
  1055.     background: transparent !important;
  1056. }
  1057. .friends-header {
  1058.     background: rgba(0, 0, 0, 0.88) !important;
  1059. }
  1060. .friends-table {
  1061.     background: rgba(0, 0, 0, 0.85) !important;
  1062.     margin-top: 0 !important;
  1063. }
  1064. .friends-table .friends-table-body {
  1065.     padding-top: 20px !important;
  1066. }
  1067. .friends-table .friends-row:hover {
  1068.     background: rgba(0, 0, 0, 0.35) !important;
  1069. }
  1070. .channel-members .member:hover {
  1071.     background: rgba(255, 255, 255, 0.07) !important;
  1072. }
  1073. .channel-members .member .member-username {
  1074.     font-size: 14px;
  1075. }
  1076. .channel-members .avatar-small .status {
  1077.     border-color: rgba(0, 0, 0, 0.7) !important;
  1078. }
  1079. .user-popout .user-popout-options .btn:hover {
  1080.     border: 1px solid #0077D1;
  1081. }
  1082. .tooltip {
  1083.     color: #e0e0e0;
  1084. }
  1085. .bd-minimal .guilds {
  1086.     padding-left: 10px !important;
  1087. }
  1088. .bd-minimal .guilds .friends-icon {
  1089.     background-size: 60%;
  1090. }
  1091. .bd-minimal .guilds li .guild-inner:before {
  1092.     height: 25px;
  1093.     border-radius: 5px;
  1094.     margin-top: -13px;
  1095. }
  1096. .bd-minimal .guilds li.unread .guild-inner:before {
  1097.     width: 10px;
  1098.     height: 10px;
  1099.     margin-top: -5px;
  1100.     left: -16px;
  1101. }
  1102. .bd-minimal .guilds li.active .guild-inner:before {
  1103.     left: -18px;
  1104.     border-radius: 5px;
  1105.     height: 25px;
  1106.     margin-top: -13px;
  1107. }
  1108. .bd-minimal .guilds li,
  1109. .bd-minimal .guilds li .avatar-small,
  1110. .bd-minimal .guilds li .guild-inner,
  1111. .bd-minimal .guilds li .guild-inner a,
  1112. .bd-minimal .guilds .friends-icon {
  1113.     width: 25px;
  1114.     height: 25px;
  1115.     line-height: 25px;
  1116. }
  1117. .bd-minimal .guilds li .avatar-small,
  1118. #bd-pub-button {
  1119.     font-size: 10px !important;
  1120. }
  1121. .bd-minimal .chat>.title-wrap>.title {
  1122.     font-size: 16px;
  1123. }
  1124. .bd-minimal .theme-dark .comment {
  1125.     border-left: none !important;
  1126.     padding-left: 10px;
  1127. }
  1128. .bd-minimal .message-group {
  1129.     padding: 10px 5px;
  1130. }
  1131. .bd-minimal .guild-channels ul .channel-text .channel-name {
  1132.     padding-left: 5px;
  1133. }
  1134. .bd-minimal .avatar-large {
  1135.     border-radius: 100%;
  1136. }
  1137. .bd-minimal .message-group .edit-message .edit-container-outer {
  1138.     margin-left: 50px;
  1139. }
  1140. .bd-minimal .message-group .edit-message .edit-container-inner {
  1141.     margin-left: 10px;
  1142. }
  1143. .bd-minimal .channel-members h2 {
  1144.     margin-top: 20px;
  1145.     margin-bottom: 3px;
  1146.     padding-left: 20px;
  1147. }
  1148. .bd-minimal .channel-members h2:first-of-type {
  1149.     margin-top: 0px;
  1150.     margin-bottom: 3px;
  1151. }
  1152. .bd-minimal .channel-members .member {
  1153.     padding: 5px 15px 8px 20px;
  1154. }
  1155. .bd-minimal .guild-header header span {
  1156.     margin-left: -13px;
  1157.     font-size: 14px;
  1158. }
  1159. .bd-minimal .guild-channels ul .channel-text.unread:not(.selected):not(.channel-muted):before {
  1160.     top: 9px;
  1161.     width: 10px;
  1162.     height: 10px;
  1163. }
  1164. .bd-minimal .guild-channels h2 {
  1165.     margin-left: 10px;
  1166. }
  1167. .bd-minimal #voice-connection {
  1168.     width: 176px;
  1169.     margin-left: -46px;
  1170. }
  1171. .bd-minimal .account {
  1172.     width: 176px;
  1173.     margin-left: -46px;
  1174. }
  1175. .bd-minimal .account .avatar-small {
  1176.     display: block !important;
  1177. }
  1178. .bd-minimal .account .username {
  1179.     display: none;
  1180. }
  1181. .bd-minimal .account .btn-group {
  1182.     margin-left: 10px;
  1183. }
  1184. .bd-minimal .account .btn-group .btn {
  1185.     width: 30px;
  1186. }
  1187. .settings .settings-header {
  1188.     background: none !important;
  1189. }
  1190. .channel-notification-settings .content .content-inner {
  1191.     background: transparent !important;
  1192. }
  1193. .guild-channels ul .channel-text:hover:not(.unread):before {
  1194.     border-left: 4px solid #0077D1;
  1195. }
  1196. .guild-channels ul .channel-text.selected:before {
  1197.     border-left: 4px solid #0077D1;
  1198. }
  1199. .guilds li.active .guild-inner,
  1200. .guilds li:hover .guild-inner {
  1201.     background: #0077D1 !important;
  1202. }
  1203. .theme-dark .chat>.content:first-child .da-scrollerWrap::-webkit-scrollbar-thumb {
  1204.     background-color: #0077D1;
  1205. }
  1206. .create-guild-container .create-or-join .form-inner {
  1207.     background-color: rgba(0, 0, 0, 0.8);
  1208. }
  1209. .create-guild-container .action {
  1210.     background: rgba(0, 0, 0, 0.58);
  1211. }
  1212. .create-guild-container .create-or-join .actions .or {
  1213.     color: #000;
  1214.     -webkit-filter: invert(100%);
  1215. }
  1216. .form .form-inner {
  1217.     background-color: rgba(0, 0, 0, 0.8);
  1218. }
  1219. .form header {
  1220.     color: #0077D1;
  1221. }
  1222. .form .control-group input[type=email],
  1223. .form .control-group input[type=password],
  1224. .form .control-group input[type=text],
  1225. .form .control-group textarea {
  1226.     background: rgba(0, 0, 0, 0.69);
  1227.     color: #D6D6D6;
  1228.     border-bottom: 0px solid #000000;
  1229.     border-radius: 3px;
  1230.     padding: 0px 0px 0px 5px;
  1231. }
  1232. .form .control-group input[type=email]:focus,
  1233. .form .control-group input[type=password]:focus,
  1234. .form .control-group input[type=text]:focus,
  1235. .form .control-group textarea:focus {
  1236.     border-bottom: 2px solid #0077D1;
  1237. }
  1238. .region-select {
  1239.     background: transparent;
  1240. }
  1241. .region-select .region-select-inner {
  1242.     background: rgba(0, 0, 0, 0.45);
  1243.     border: 1px solid rgba(0, 0, 0, 0.24);
  1244. }
  1245. .region-select button {
  1246.     background-color: rgba(0, 0, 0, 0.5);
  1247.     border: 1px solid rgba(0, 0, 0, 0.28);
  1248.     color: #0077D1;
  1249. }
  1250. .region-select:hover .region-select-inner,
  1251. .region-select:hover button {
  1252.     border-color: #0077D1;
  1253. }
  1254. .region-select:hover button {
  1255.     background-color: #0077D1;
  1256. }
  1257. .create-guild-container h5 {
  1258.     color: #0077D1;
  1259. }
  1260. .avatar-uploader .avatar-uploader-inner {
  1261.     background-color: #0077D1;
  1262.     border: 5px solid #00A7EA;
  1263. }
  1264. .form .form-actions {
  1265.     background-color: rgba(0,0,0,0.85);
  1266.     border-top: 1px solid rgba(0, 0, 0, 0.53);
  1267. }
  1268. .form .btn-default {
  1269.     background-color: rgba(0, 0, 0, 0.77);
  1270.     padding:10px 0 !important;
  1271.     width: 75px;
  1272.     height: 35.5px;
  1273.     border-radius: 3px;
  1274.     border-bottom: none;
  1275. }
  1276. .form .btn-primary {
  1277.     background-color: #0077D1;
  1278. }
  1279. .create-guild-container .action.create .action-header {
  1280.     color: #0077D1;
  1281. }
  1282. .create-guild-container .action:hover.create .btn {
  1283.     background-color: #00A7EA;
  1284. }
  1285. .form .btn-primary:hover {
  1286.     background-color: #00A7EA;
  1287. }
  1288. .da-scrollerWrap .da-scroller::-webkit-scrollbar-thumb {
  1289.     background-color: #0077D1 !important;
  1290.     border: 3px solid rgba(211, 5, 5, 0) !important;
  1291. }
  1292. .da-scrollerWrap .da-scroller::-webkit-scrollbar-track-piece {
  1293.     background-color: #0077D1 !important;
  1294.     border: 3px solid rgba(211, 5, 5, 0) !important;
  1295. }
  1296. .tab-bar.SIDE .tab-bar-item:before {
  1297.     border-left: none;
  1298. }
  1299. a:link {
  1300.     color: #0077D1;
  1301. }
  1302. .user-settings-modal a {
  1303.     color: #0077D1;
  1304. }
  1305. .user-settings-modal .settings-wrapper,.user-settings-modal .voice-settings {
  1306.     background: none;
  1307. }
  1308. .settings .settings-actions {
  1309.     background-color: rgba(0, 0, 0, 0.76);
  1310.     border-top: 2px solid #0077D1;
  1311. }
  1312. .checkbox .checkbox-inner+span {
  1313.     color: #fff
  1314. }
  1315. .highlight {
  1316.     color: #0077D1;
  1317.     background: rgba(0, 0, 0, 0.51);
  1318.     border-radius: 3px;
  1319.     transition: .3s all ease-in-out;
  1320. }
  1321. .user-settings-modal-connections .user-settings-modal-accounts-list .connect-container .name {
  1322.     color: #fff;
  1323. }
  1324. .user-settings-modal-connections .user-settings-modal-connections-list .connection .connection-integrations.no-integrations {
  1325.     color: rgba(222, 222, 222, 0.59);
  1326.     background-color: rgba(0, 0, 0, 0.38);
  1327. }
  1328. .user-settings-modal-connections .user-settings-modal-connections-list .connection .connection-integrations {
  1329.     border: 2px solid rgba(0, 0, 0, 0.45);
  1330.     border-top: transparent;
  1331. }
  1332. .user-settings-modal-connections .user-settings-modal-connections-list {
  1333.     box-shadow: 0 -1px rgba(0, 0, 0, 0.37);
  1334. }
  1335. .tab-bar.TOP .tab-bar-item.selected {
  1336.     border-bottom: 2px solid #0077D1;
  1337.     color: #0077D1;
  1338. }
  1339. .checkbox .checkbox-inner input[type=checkbox]:checked+span {
  1340.     background-color: #0077D1 !important;
  1341.     border-color: #0077D1 !important;
  1342.     transition: .2s ease-in-out all !important;
  1343. }
  1344. .radio .radio-inner span:after {
  1345.     background: #0077D1;
  1346. }
  1347. .slider-bar-fill {
  1348.     background: #0077D1;
  1349. }
  1350. .slider-handle {
  1351.     border: 1px solid #0077D1;
  1352. }
  1353. .radio .radio-inner {
  1354.     background: rgba(0, 0, 0, 0.64);
  1355.     border: 2px solid #0077D1;
  1356. }
  1357. .tab-bar.TOP {
  1358.     border-bottom: 1px solid #0077D1;
  1359. }
  1360. #bd-ps-body table tr:nth-child(odd):hover {
  1361.     background-color: #0077D1;
  1362. }
  1363. .guild-settings-modal-members .member-buttons .btn {
  1364.     background: #0077D1;
  1365.     border: 1px solid #0077D1;
  1366.     color: #EFEFEF;
  1367. }
  1368. .guild-settings-modal-members .member-buttons .btn.btn-danger:hover {
  1369.     background: #00A7EA;
  1370. }
  1371. .guild-settings-modal-members .member-buttons .btn.btn-danger {
  1372.     border: 1px solid #00A7EA;
  1373.     color: #FFFFFF;
  1374. }
  1375. .guild-settings-modal-members .guild-settings-modal-list .member+.member {
  1376.     border-top: 1px solid rgba(0, 0, 0, 0.45);
  1377. }
  1378. .member-roles .member-role .member-role-remove {
  1379.     background: url(https://i.imgur.com/O2TX2bn.png) 50% no-repeat;
  1380.     width: 8px;
  1381.     height: 12px;
  1382.     background-size: 8px;
  1383. }
  1384. .member-roles .member-role .member-role-add {
  1385.     background: url(https://i.imgur.com/1MfzLoF.png) 50% no-repeat;
  1386.     width: 8px;
  1387.     height: 12px;
  1388.     background-size: 10px;
  1389. }
  1390. .member-roles .member-role:hover {
  1391.     background-color: #00A7EA;
  1392. }
  1393. .guilds-add:hover {
  1394.     border-color: hsl(145, 64%, 50%);
  1395.     color: transparent;
  1396.     opacity: 1.0;
  1397.     -webkit-animation: color_change 1s infinite alternate;
  1398.     -moz-animation: color_change 1s infinite alternate;
  1399.     -ms-animation: color_change 1s infinite alternate;
  1400.     -o-animation: color_change 1s infinite alternate;
  1401.     animation: color_change 1s infinite alternate;
  1402. }
  1403. @-webkit-keyframes color_change {
  1404.     from {
  1405.         border-color: #535559;
  1406.     }
  1407.     to {
  1408.         border-color: green;
  1409.     }
  1410. }
  1411. @-moz-keyframes color_change {
  1412.     from {
  1413.         border-color: #535559;
  1414.     }
  1415.     to {
  1416.         border-color: green;
  1417.     }
  1418. }
  1419. @-ms-keyframes color_change {
  1420.     from {
  1421.         border-color: #535559;
  1422.     }
  1423.     to {
  1424.         border-color: green;
  1425.     }
  1426. }
  1427. @-o-keyframes color_change {
  1428.     from {
  1429.         border-color: #535559;
  1430.     }
  1431.     to {
  1432.         border-color: green;
  1433.     }
  1434. }
  1435. @keyframes color_change {
  1436.     from {
  1437.         border-color: #535559;
  1438.     }
  1439.     to {
  1440.         border-color: green;
  1441.     }
  1442. }
  1443. .channel-members h2 {
  1444.     color: #0077D1 !important;
  1445.     font-size: 11px;
  1446.     text-transform: uppercase;
  1447.     letter-spacing: .08em;
  1448.     font-weight: bold;
  1449.     padding: 4px 58px;
  1450.     background-color: rgba(0, 0, 0, 0.48);
  1451.     border: 1px solid;
  1452.     border-color: transparent;
  1453.     border-radius: 3px;
  1454.     width: 90px;
  1455.     margin-left: 15px;
  1456.     text-align: center
  1457. }
  1458. .private-channels .search-result.selected:before,
  1459. .private-channels .search-result:hover:before {
  1460.     border-left: 4px solid #00A7EA;
  1461. }
  1462. .message-group .edit-message .channel-textarea-inner {
  1463.     border-color: #0077D1;
  1464. }
  1465. .channel-members .member .member-game strong {
  1466.     color: #0077D1;
  1467. }
  1468. .spoiler {
  1469.     Background-color: rgba(125, 58, 114, 0.28);
  1470.     border: 1px solid;
  1471.     border-color: transparent;
  1472.     border-radius: 6px;
  1473.     cursor: pointer;
  1474. }
  1475. #bd-ps-body table tr:hover {
  1476.     background-color: #0077D1;
  1477. }
  1478. @keyframes swing {
  1479.     0% {
  1480.         transform: rotate(0deg);
  1481.         -webkit-transform: rotate(0deg);
  1482.         -moz-transform: rotate(0deg);
  1483.         -o-transform: rotate(0deg);
  1484.         -ms-transform: rotate(0deg);
  1485.     }
  1486.     25% {
  1487.         transform: rotate(-30deg);
  1488.         -webkit-transform: rotate(-30deg);
  1489.         -moz-transform: rotate(-30deg);
  1490.         -o-transform: rotate(-30deg);
  1491.         -ms-transform: rotate(-30deg);
  1492.     }
  1493.     50% {
  1494.         transform: rotate(0deg);
  1495.         -webkit-transform: rotate(0deg);
  1496.         -moz-transform: rotate(0deg);
  1497.         -o-transform: rotate(0deg);
  1498.         -ms-transform: rotate(0deg);
  1499.     }
  1500.     75% {
  1501.         transform: rotate(30deg);
  1502.         -webkit-transform: rotate(30deg);
  1503.         -moz-transform: rotate(30deg);
  1504.         -o-transform: rotate(30deg);
  1505.         -ms-transform: rotate(30deg);
  1506.     }
  1507.     100% {
  1508.         transform: rotate(0deg);
  1509.         -webkit-transform: rotate(0deg);
  1510.         -moz-transform: rotate(0deg);
  1511.         -o-transform: rotate(0deg);
  1512.         -ms-transform: rotate(0deg);
  1513.     }
  1514. }
  1515. @-webkit-keyframes swing {
  1516.     0% {
  1517.         transform: rotate(0deg);
  1518.         -webkit-transform: rotate(0deg);
  1519.         -moz-transform: rotate(0deg);
  1520.         -o-transform: rotate(0deg);
  1521.         -ms-transform: rotate(0deg);
  1522.     }
  1523.     25% {
  1524.         transform: rotate(-30deg);
  1525.         -webkit-transform: rotate(-30deg);
  1526.         -moz-transform: rotate(-30deg);
  1527.         -o-transform: rotate(-30deg);
  1528.         -ms-transform: rotate(-30deg);
  1529.     }
  1530.     50% {
  1531.         transform: rotate(0deg);
  1532.         -webkit-transform: rotate(0deg);
  1533.         -moz-transform: rotate(0deg);
  1534.         -o-transform: rotate(0deg);
  1535.         -ms-transform: rotate(0deg);
  1536.     }
  1537.     75% {
  1538.         transform: rotate(30deg);
  1539.         -webkit-transform: rotate(30deg);
  1540.         -moz-transform: rotate(30deg);
  1541.         -o-transform: rotate(30deg);
  1542.         -ms-transform: rotate(30deg);
  1543.     }
  1544.     100% {
  1545.         transform: rotate(0deg);
  1546.         -webkit-transform: rotate(0deg);
  1547.         -moz-transform: rotate(0deg);
  1548.         -o-transform: rotate(0deg);
  1549.         -ms-transform: rotate(0deg);
  1550.     }
  1551. }
  1552. @keyframes swing1 {
  1553.     0% {
  1554.         left: -15px;
  1555.         right: 0;
  1556.     }
  1557.     25% {
  1558.         left: -100px;
  1559.         right: 0;
  1560.     }
  1561.     50% {
  1562.         left: -15px;
  1563.         right: 0;
  1564.     }
  1565.     75% {
  1566.         left: 0;
  1567.         right: -100px;
  1568.     }
  1569.     100% {
  1570.         left: -15px;
  1571.         right: 0;
  1572.     }
  1573. }
  1574. @-webkit-keyframes swing1 {
  1575.     0% {
  1576.         left: -15px;
  1577.         right: 0;
  1578.     }
  1579.     25% {
  1580.         left: -100px;
  1581.         right: 0;
  1582.     }
  1583.     50% {
  1584.         left: -15px;
  1585.         right: 0;
  1586.     }
  1587.     75% {
  1588.         left: 0;
  1589.         right: -100px;
  1590.     }
  1591.     100% {
  1592.         left: -15px;
  1593.         right: 0;
  1594.     }
  1595. }
  1596. .header-toolbar button[data-reactid=".0.1.1.0.2.0.4.0:0"]:hover {
  1597.     animation: swing 4s infinite linear;
  1598.     -webkit-animation: swing 4s infinite linear;
  1599. }
  1600. @-webkit-keyframes load8 {
  1601.     0% {
  1602.         -webkit-transform: rotate(0deg);
  1603.         transform: rotate(0deg);
  1604.     }
  1605.     100% {
  1606.         -webkit-transform: rotate(360deg);
  1607.         transform: rotate(360deg);
  1608.     }
  1609. }
  1610. @keyframes load8 {
  1611.     0% {
  1612.         -webkit-transform: rotate(0deg);
  1613.         transform: rotate(0deg);
  1614.     }
  1615.     100% {
  1616.         -webkit-transform: rotate(360deg);
  1617.         transform: rotate(360deg);
  1618.     }
  1619. }
  1620. .account .btn-settings:hover:after {
  1621.     -webkit-transform: translateZ(0);
  1622.     -ms-transform: translateZ(0);
  1623.     transform: translateZ(0);
  1624.     -webkit-animation: load8 2.8s infinite linear;
  1625.     animation: load8 2.8s infinite linear;
  1626. }
  1627. .guilds li .badge {
  1628.     animation: zoom 2s infinite;
  1629. }
  1630. @keyframes zoom {
  1631.     0% {
  1632.         -webkit-transform: scale(1, 1);
  1633.     }
  1634.     50% {
  1635.         -webkit-transform: scale(1.2, 1.2);
  1636.     }
  1637.     100% {
  1638.         -webkit-transform: scale(1, 1);
  1639.     }
  1640. }
  1641. .guild-channels ul .channel-voice.locked:hover .icon-lock {
  1642.     animation: shake 0.82s cubic-bezier(.36, .07, .19, .97) both;
  1643. }
  1644. @keyframes shake {
  1645.     10%, 90% {
  1646.         transform: translate3d(-1px, 0, 0);
  1647.     }
  1648.     20%,
  1649.     80% {
  1650.         transform: translate3d(2px, 0, 0);
  1651.     }
  1652.     30%,
  1653.     50%,
  1654.     70% {
  1655.         transform: translate3d(-4px, 0, 0);
  1656.     }
  1657.     40%,
  1658.     60% {
  1659.         transform: translate3d(4px, 0, 0);
  1660.     }
  1661. }
  1662. .guild-channels ul .channel-voice.locked {
  1663.     cursor: pointer;
  1664. }
  1665. .theme-dark #friends .friends-header .tab-bar .tab-bar-item.selected {
  1666.     background-color: #43B581;
  1667.     color: #fff;
  1668. }
  1669. #friends .btn {
  1670.     background-color: #0077D1;
  1671. }
  1672. #friends .btn:hover {
  1673.     background-color: #00A7EA;
  1674. }
  1675. .private-channels .channel.selected .icon-friends {
  1676.     background-color: #00A7EA;
  1677. }
  1678. .add-friend-popout {
  1679.     background: transparent;
  1680. }
  1681. .add-friend-popout header input:focus {
  1682.     border-color: hsla(0, 0%, 100%, .3);
  1683. }
  1684. .add-friend-popout .btn:disabled {
  1685.     background-color: #00A7EA;
  1686. }
  1687. #user-profile-modal .sub-header {
  1688.     background: rgba(0, 0, 0, 0.83);
  1689. }
  1690. #user-profile-modal .tab-bar {
  1691.     background: rgba(0, 0, 0, 0.83);
  1692.     border-bottom: 1px solid rgba(0, 0, 0, 0.8);
  1693. }
  1694. #user-profile-modal .btn {
  1695.     background-color: #0077D1;
  1696. }
  1697. #user-profile-modal .btn:hover {
  1698.     background-color: #00A7EA;
  1699. }
  1700. #user-profile-modal .header {
  1701.     background-color: #0077D1;
  1702.     background-image: none;
  1703. }
  1704. #user-profile-modal .guilds .guild:hover {
  1705.     background: linear-gradient(90deg, rgba(0, 0, 0, 0.61) 90%, rgba(0, 0, 0, 0));
  1706.     color: #D8D8D8;
  1707. }
  1708. #user-profile-modal .empty {
  1709.     background: rgba(0, 0, 0, 0.83);
  1710. }
  1711. /*[[Hidden]]*/
  1712. /*[[Visible]]*/
  1713. .message-group-blocked {
  1714.     background: #fcfcfc;
  1715.     -webkit-box-pack: center;
  1716.     -o-box-pack: center;
  1717.     -ms-flex-pack: center;
  1718.     -webkit-justify-content: center;
  1719.     justify-content: center;
  1720.     border: 1px solid #e3e5e7;
  1721.     border-radius: 3px;
  1722.     margin: 6px 6px 6px 19px;
  1723.     display: none;
  1724. }
  1725. .user-settings-modal-account .discord-tag {
  1726.     color: #0077D1;
  1727. }
  1728. .guilds .friends-online {
  1729.     text-transform: uppercase;
  1730.     font-weight: 600;
  1731.     color: #DCDCDC;
  1732.     margin: 10px -5px;
  1733.     word-wrap: normal;
  1734.     white-space: normal;
  1735.     width: 50px;
  1736.     cursor: pointer;
  1737.     -webkit-transition: background-color .25s ease-in, border-radius .3s cubic-bezier(.68, -1.25, .228, 1.8);
  1738.     transition: background-color .25s ease-in, border-radius .3s cubic-bezier(.68, -1.25, .228, 1.8);
  1739.     overflow: hidden;
  1740.     border-radius: 25px;
  1741.     background: rgba(21, 21, 21, 0.41) !important;
  1742.     font-size: 9px;
  1743.     text-align: center;
  1744.     line-height: 17px;
  1745. }
  1746. .guilds .friends-online:hover {
  1747.     background: #43B581 !important;
  1748. }
  1749. .add-friend-popout-info .add-friend-popout-info-confirmation:before {
  1750.     background: url(https://i.imgur.com/DYCx6qB.png) 50% no-repeat;
  1751.     content: ' ';
  1752.     width: 17px;
  1753.     height: 16px;
  1754.     background-size: 40px 39px;
  1755.     display: inline-block;
  1756.     vertical-align: middle;
  1757.     margin-top: -8px;
  1758.     margin-right: 4px;
  1759. }
  1760. .message-group .btn-option:hover {
  1761.     -webkit-transform: translateZ(0);
  1762.     -ms-transform: translateZ(0);
  1763.     transform: translateZ(0);
  1764.     -webkit-animation: load8 2.8s infinite linear;
  1765.     animation: load8 2.8s infinite linear;
  1766. }
  1767. .chat .has-more button {
  1768.     color: #0077D1;
  1769. }
  1770. .theme-dark #friends .friends-table .friends-table-header .friends-column[data-reactid*=".0.1.1.0.2.1.0.6"]:after {
  1771.     content: "Actions";
  1772.     color: hsla(0, 0%, 100%, 0.5);
  1773.     font-size: 12px;
  1774.     text-transform: uppercase;
  1775.     letter-spacing: .025em;
  1776.     font-weight: 600;
  1777.     -webkit-flex-shrink: 0;
  1778.     flex-shrink: 0;
  1779.     margin-left: 60px;
  1780. }
  1781. .theme-dark .friends-table .messages .message-group .comment .markup pre,
  1782. .theme-dark .messages-wrapper .messages .message-group .comment .markup pre {
  1783.     background: rgba(46, 49, 54, 0.32);
  1784.     border-color: #282b30;
  1785. }
  1786. .theme-dark .channel-members .member.popout-open,
  1787. .theme-dark .channel-members .member:hover {
  1788.     background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.3) 85%, rgba(46, 49, 54, 0)) !important;
  1789. }
  1790. .da-scrollerWrap .da-scroller::-webkit-scrollbar-track-piece {
  1791.     border: 3px solid rgba(255, 255, 255, 0) !important;
  1792.     background-color: rgba(0, 0, 0, 0.3) !important;
  1793. }
  1794. .theme-dark #friends .friends-header .tab-bar .tab-bar-item:hover:not(.selected) {
  1795.     background: rgba(0, 0, 0, 0.29);
  1796. }
  1797. .theme-dark .friends-table .messages .message-group .comment .markup .highlight:hover, .theme-dark .messages-wrapper .messages .message-group .comment .markup .highlight:hover {
  1798.     background-color: #0077D1;
  1799. }
  1800. .user-popout {
  1801.     opacity: 1;
  1802. }
  1803. .user-settings-modal.settings {
  1804.     opacity: 1;
  1805. /*[[NSFWON]]*/
  1806. /*[[NSFWOFF]]*/
  1807. }
  1808. .message-group .image {
  1809.     -webkit-filter: none;
  1810. }
  1811. .message-group .image:hover {
  1812.     -webkit-filter: none;
  1813. }
  1814. .channel-textarea-autocomplete-inner {
  1815.     background:rgba(0,0,0,0.84)!important;
  1816.     border:none !important;
  1817. }
  1818. .channel-textarea-autocomplete-inner:after {
  1819.     display:none;
  1820. }
  1821. .channel-textarea-autocomplete-inner header {
  1822.     background:rgba(0,0,0,0.84)!important;
  1823.     border-radius:5px 5px 0 0;
  1824.     border:none !important;
  1825. }
  1826. .channel-textarea-autocomplete ul li.active {
  1827.     background: #0077D1 !important;
  1828.     opacity: 0.7;
  1829.     color: #fff;
  1830. }
  1831. #user-profile-modal .avatar-profile {
  1832.     border: 6px solid #0077D1 !important;
  1833. }
  1834. #user-profile-modal footer .btn.disabled {
  1835.     background: #8E8E8E !important;
  1836. }
  1837. #user-profile-modal footer .btn.disabled:hover {
  1838.     background: #777777 !important;
  1839. }
  1840. span.discriminator {
  1841.     font-size: 11px !important;
  1842.     color: hsla(0, 0%, 100%, 0.7) !important;
  1843.     margin-left: 8px !important;
  1844.     border-radius: 5px !important;
  1845.     background: rgba(0, 0, 0, 0.19) !important;
  1846.     font-weight: bold !important;
  1847.     border: 3px solid transparent !important;
  1848.     -webkit-transition: all 0.3s ease !important;
  1849.     -moz-transition: all 0.3s ease !important;
  1850.     -o-transition: all 0.3s ease !important;
  1851.     -ms-transition: all 0.3s ease !important;
  1852. }
  1853. span.discriminator:hover {
  1854.     background: rgba(0, 0, 0, 0.32) !important;
  1855.     color: #fff !important;
  1856.     font-size: 14px !important;
  1857.     font-weight: bold !important;
  1858. }
  1859. .guilds-error {
  1860.     width: 40px !important;
  1861.     height: 40px !important;
  1862.     line-height: 39px !important;
  1863. }
  1864. .theme-dark .friends-table .messages .invite-button, .theme-dark .messages-wrapper .messages .invite-button {
  1865.     background-color: rgba(0, 0, 0, 0.54);
  1866.     border-color: rgba(0, 0, 0, 0.35);
  1867. }
  1868. .invite-button-icon {
  1869.     background-color: rgba(0, 0, 0, 0.62);
  1870.     border: 1px solid #000000;
  1871. }
  1872. .private-channels .channel .icon-friends {
  1873.     background-color: rgba(21, 21, 21, 0.75) !important;
  1874. }
  1875. .upload-modal {
  1876.     background-color: rgba(30, 30, 30, 0.78);
  1877. }
  1878. .upload-modal .footer {
  1879.     background-color: rgba(0, 0, 0, 0.44);
  1880. }
  1881. .upload-modal .inner {
  1882.     border:2px dashed rgba(6, 6, 6, 0.52);
  1883. }
  1884. .upload-modal .footer .button {
  1885.     background-color: #0077D1;
  1886. }
  1887. .upload-modal .footer .button-primary {
  1888.     color: #0077D1;
  1889.     background-color: #fff;
  1890. }
  1891. div.control-group .shortcut-recorder input[type=text] {
  1892.     border: 1px solid #0077D1;
  1893.     text-shadow: 0 0 0 #FFFFFF;
  1894. }
  1895. .private-channels .search-bar input:focus {
  1896.     border: 2px solid #0077D1;
  1897. }
  1898. @keyframes input-pulse {
  1899.     0% {
  1900.     box-shadow: 0 0 0 0 #0077D1;
  1901.     }
  1902.     70% {
  1903.     box-shadow: 0 0 10px 10px rgba(241, 71, 71, 0)
  1904.     }
  1905.     to {
  1906.     box-shadow: 0 0 0 0 rgba(241, 71, 71, 0)
  1907.     }
  1908. }
  1909. .bot-tag {
  1910.     background: rgba(255, 255, 255, 0.28);
  1911.     color: rgba(255, 255, 255, 0.62);
  1912. }
  1913. .bot-tag.bot-tag-invert {
  1914.     font-size: 11px !important;
  1915.     color: hsla(0, 0%, 100%, 0.7) !important;
  1916.     margin-left: 8px !important;
  1917.     border-radius: 5px !important;
  1918.     background: rgba(0, 0, 0, 0.19) !important;
  1919.     font-weight: bold !important;
  1920.     border: 3px solid transparent !important;
  1921.     padding: 0px;
  1922. }
  1923. .channel-members .member.member-status-offline .avatar-small {
  1924.     -webkit-filter: grayscale(100%) blur(1px);
  1925.     position: relative;
  1926.     -webkit-transition: all .8s ease;
  1927.     -moz-transition: all .8s ease;
  1928.     -o-transition: all .8s ease;
  1929.     transition: all .8s ease;
  1930.     -webkit-transform: translateZ(0px);
  1931.     transform: translateZ(0px);
  1932. }
  1933. .channel-members .member.popout-open .avatar-small, .channel-members .member:hover .avatar-small {
  1934.     -webkit-filter: none !important;
  1935.     filter: none;
  1936.     position: relative;
  1937.     -webkit-transition: all .8s ease-out;
  1938.     -moz-transition: all .8s ease-out;
  1939.     -o-transition: all .8s ease-out;
  1940.     transition: all .8s ease-out;
  1941.     -webkit-transform: translateZ(0px);
  1942.     transform: translateZ(0px);
  1943. }
  1944. .offline {
  1945.     background-color: #982929;
  1946. }
  1947. .status-offline {
  1948.     background-color: #982929;
  1949. }
  1950. @-webkit-keyframes friend-request-pulse {
  1951.     0% {
  1952.     box-shadow: 0 0 0 0 #43b581;
  1953.     }
  1954.     70% {
  1955.     box-shadow: 0 0 10px 10px rgba(241, 71, 71, 0)
  1956.     }
  1957.     to {
  1958.     box-shadow: 0 0 0 0 rgba(241, 71, 71, 0)
  1959.     }
  1960. }
  1961. @keyframes friend-request-pulse {
  1962.     0% {
  1963.     box-shadow: 0 0 0 0 #43b581;
  1964.     }
  1965.     70% {
  1966.     box-shadow: 0 0 10px 10px rgba(241, 71, 71, 0)
  1967.     }
  1968.     to {
  1969.     box-shadow: 0 0 0 0 rgba(241, 71, 71, 0)
  1970.     }
  1971. }
  1972. #user-profile-modal footer .btn.add-friend {
  1973.     webkit-animation: friend-request-pulse 1.5s infinite;
  1974.     animation: friend-request-pulse 1.5s infinite;
  1975. }
  1976. #user-profile-modal .guilds .avatar-large {
  1977.     background: #0077D1;
  1978. }
  1979. img.image {
  1980.     border-radius: 5px;
  1981. }
  1982. #voice-connection .btn {
  1983.     background: rgba(0, 0, 0, 0.45);
  1984.     box-shadow: none !important;
  1985.     border-radius: 40px;
  1986. }
  1987. .account .btn-deafen, .account .btn-mute, .account .btn-settings {
  1988.     background: rgba(0, 0, 0, 0.45);
  1989.     box-shadow: none !important;
  1990.     border-radius: 40px;
  1991. }
  1992. #connecting {
  1993.     background: rgba( 0, 0, 0,.80);
  1994. }
  1995. #connecting video.ready {
  1996.     visibility: hidden;
  1997. }
  1998. #connecting video {
  1999.     visibility: hidden;
  2000. }
  2001. #connecting .quote {
  2002.     margin-bottom: 10px;
  2003.     color: #fff;
  2004.     font-weight: 400;
  2005.     font-style: italic;
  2006.     font-size: 16px;
  2007.     visibility: hidden;
  2008. }
  2009. #connecting img,
  2010. #connecting video {
  2011.     visibility: hidden;
  2012. }
  2013. #connecting .attribution {
  2014.     visibility: hidden;
  2015. }
  2016. #connecting .attribution, #connecting .connection-status, #connecting .quote {
  2017.     margin-bottom: -122px;
  2018.     font-size: 30px;
  2019.     text-align: center;
  2020.      webkit-animation: pulse 1.5s infinite;
  2021.     animation: pulse 1.5s infinite;
  2022. }
  2023. @-webkit-keyframes pulse {
  2024.     0% { -webkit-transform: scale(1); }
  2025.     50% { -webkit-transform: scale(1.1); }
  2026.     100% { -webkit-transform: scale(1); }
  2027. }
  2028. @keyframes pulse {
  2029.     0% { transform: scale(1); }
  2030.     50% { transform: scale(1.1); }
  2031.     100% { transform: scale(1); }
  2032. }
  2033. .account .btn-settings:after {
  2034.     opacity: .3;
  2035. }
  2036. .guild-header ul li:hover a {
  2037.     background-color: hsla(0, 0%, 0%, 0.78);
  2038. }
  2039. .markdown-modal .markdown-modal-footer {
  2040.     background-color: rgba(0, 0, 0, 0.3);
  2041.     border-top: 1px solid #1A1E1F;
  2042. }
  2043. .markdown-modal .markdown-modal-header {
  2044.     border-bottom: 1px solid #0F0F0F;
  2045. }
  2046. .theme-dark .header-toolbar button.active {
  2047.     background-color: transparent;
  2048.     opacity: 1;
  2049. }
  2050. #pubs-header {
  2051.     background: #0077D1;
  2052. }
  2053. .server-icon {
  2054.     border-radius: 30px;
  2055. }
  2056. .server-info span {
  2057.     color: #fff;
  2058. }
  2059. .server-row {
  2060.     background-color: rgba(0,0,0,0.93);
  2061. }
  2062. .server-row:nth-child(odd) {
  2063.     background-color: rgba(0, 0, 0, 0.85);
  2064. }
  2065. .server-info button {
  2066.     border-radius: 5px;
  2067.     background-color: #0077D1;
  2068. }
  2069. .server-info button:hover {
  2070.     background-color: #00A7EA;
  2071. }
  2072. #pubs-footer {
  2073.     background: #0077D1;
  2074. }
  2075. #pubs-container {
  2076.     background-image: url("https://imgur.com/881P49q.png") !important;
  2077.     transition: 0.3s all ease;
  2078.     background-size: cover !important;
  2079. }e
  2080. #bd-customcss-attach-controls {
  2081.     border: 1px solid #0077D1;
  2082.     border-top: 0px solid #0077D1;
  2083. }
  2084. #bd-customcss-attach-controls, #bd-customcss-detach-controls {
  2085.     background: rgba(0, 0, 0, 0.83);
  2086.     -webkit-box-shadow: inset 0 1px 0 0 #0077D1;
  2087. }
  2088. .tab-bar.SIDE .tab-bar-item.selected {
  2089.     border-bottom: 2px solid #0077D1;
  2090.     background: rgba(0, 0, 0, 0.69);
  2091. }
  2092. .tab-bar.SIDE .tab-bar-item:hover {
  2093.     font-weight: 500;
  2094.     border-bottom: 2px solid #0077D1;
  2095.     background: rgba(0, 0, 0, 0.48);
  2096.     opacity: 0.85;
  2097. }
  2098. .notice {
  2099.     background-color: rgba(251, 81, 0, 0.68);
  2100. }
  2101. .emoji-picker .da-scroller .emoji-item.selected {
  2102.     background-color: #0077D1;
  2103.     border-radius: 3px;
  2104. }
  2105. .emoji-picker .dimmer {
  2106.     background-color: transparent;
  2107. }
  2108. .emoji-picker .search-bar input {
  2109.     background-color: rgba(0, 0, 0, 0.55);
  2110.     color: #fff;
  2111.     border: 1px solid rgb(0, 0, 0);
  2112. }
  2113. .emoji-picker .sticky-header {
  2114.     background-color: transparent;
  2115. }
  2116. .emoji-picker .categories .item.selected {
  2117.     border-bottom-color: #0077D1;;
  2118. }
  2119. .emoji-picker .categories .item.people {
  2120.     background-image: url(https://discordapp.com/assets/0509bf058793ef8ddd770a977e63614c.svg);
  2121. }
  2122. .emoji-picker .categories .item.nature {
  2123.     background-image: url(https://discordapp.com/assets/aafe899a4d7ad7717acc64f5b8f36342.svg);
  2124. }
  2125. .emoji-picker .categories .item.food {
  2126.     background-image: url(https://discordapp.com/assets/0eb5a2b715ff649e9757a232996817ab.svg);
  2127. }
  2128. .emoji-picker .categories .item.activity {
  2129.     background-image: url(https://discordapp.com/assets/8674c1028a63d29fb605be53eeedf1bf.svg);
  2130. }
  2131. .emoji-picker .categories .item.travel {
  2132.     background-image: url(https://discordapp.com/assets/13e86ddf4302f697243425b2f954d00b.svg);
  2133. }
  2134. .emoji-picker .categories .item.objects {
  2135.     background-image: url(https://discordapp.com/assets/6d9a5b47dc3bf7adf54f19b1e3f6c5ad.svg);
  2136. }
  2137. .emoji-picker .categories .item.symbols {
  2138.     background-image: url(https://discordapp.com/assets/83095e6af6c7cf33669e3ab169296867.svg);
  2139. }
  2140. .emoji-picker .categories .item.flags {
  2141.     background-image: url(https://discordapp.com/assets/ccda5cf0a64abbd18fdb9f914b55292e.svg);
  2142. }
  2143. .emoji-picker .categories .item.recent {
  2144.     background-image: url(https://discordapp.com/assets/0f1f2dff98b5e2099086e303d9be0dad.svg);
  2145. }
  2146. .theme-dark .chat .title-wrap .topic .highlight:hover {
  2147.     background-color: rgb(61, 169, 169);
  2148.     border-radius: 4px;
  2149. }
  2150. .theme-dark .chat .title-wrap .topic .highlight {
  2151.     border-radius: 4px;
  2152. }
  2153. .markdown-modal {
  2154.     background-color: rgba(0, 0, 0, 0.79);
  2155.     color: #A3A3A3;
  2156. }
  2157. .form .control-group .Select.is-disabled .Select-control:hover, .form .control-group .Select.is-open .Select-control:hover {
  2158.     border-color: rgba(0, 0, 0, 0.51);
  2159. }
  2160. .is-open>.Select-control {
  2161.     background: rgba(0, 0, 0, 0.62);
  2162. }
  2163. .Select-menu-outer {
  2164.     background-color: rgba(0, 0, 0, 0.79);
  2165.     border: 1px solid rgba(0, 0, 0, 0.51);
  2166.     border-top-color: rgba(0, 0, 0, 0.51);
  2167. }
  2168. .form .control-group .Select-option {
  2169.     color: #BDBDBD;
  2170. }
  2171. .form .control-group .Select-option.is-focused {
  2172.     background: rgba(0, 0, 0, 0.59);
  2173.     color: #FFFFFF;
  2174. }
  2175. .checkbox .checkbox-inner.alt input[type=checkbox]:checked+span:after {
  2176.     border-color: white !important;
  2177. }
  2178. .checkbox .checkbox-inner {
  2179.     width: 40px;
  2180.     height: 20px;
  2181.     background-color: black !important;
  2182.     border-radius: 40px;
  2183. }
  2184.  
  2185. .checkbox .checkbox-inner span {
  2186.     border-radius: 40px !important;
  2187.     transition: 0s !important;
  2188. }
  2189.  
  2190. .checkbox .checkbox-inner input:checked + span {
  2191.     background-color: black !important;
  2192.     border: 2px solid #1ED760 !important;
  2193. }
  2194.  
  2195. .checkbox .checkbox-inner input + span {
  2196.     border: 2px solid white;
  2197. }
  2198.  
  2199. .checkbox .checkbox-inner input:checked + span:after {
  2200.     border-radius: 50% !important;
  2201.     display: block !important;
  2202.     background-color: #FFFFFF;
  2203.     width: 18px !important;
  2204.     height: 18px !important;
  2205.     left: 18px !important;
  2206.     top: -2px !important;
  2207. }
  2208.  
  2209. .checkbox .checkbox-inner:before {
  2210.     border-radius: 50% !important;
  2211.     display: block !important;
  2212.     background-color: #0077D1;
  2213.     width: 19px !important;
  2214.     height: 19px !important;
  2215. }
  2216. .tab-bar.SIDE .tab-bar-item {
  2217.     transition: .2s ease-in-out all;
  2218. }
  2219. span.replyer:hover {
  2220.     background: #0077D1 !important;
  2221. }
  2222. span.replyer {
  2223.     border-radius: 3px;
  2224.     transition: .3s ease-in-out all;
  2225. }
  2226. .server-info button {
  2227.     width: 60px;
  2228.     height: 34px;
  2229. }
  2230. .server-icon:hover {
  2231.     cursor: pointer;
  2232.     opacity: 0.6;
  2233.     transition: .3s ease-in-out all;
  2234. }
  2235. .server-row:hover {
  2236.     opacity: 0.95;
  2237.     cursor: pointer;
  2238. }
  2239. .chat>.content .messages .message-group:hover h2 span.timestamp {
  2240.     color: rgba(255, 255, 255, 0.7) !important;
  2241. }
  2242. .streamer-mode-enabled {
  2243.     background: transparent;
  2244. }
  2245. .chat>.title-wrap>.separator {
  2246.     background-color: #000;
  2247. }
  2248. .chat .empty-message {
  2249.     border-color: rgba(0, 0, 0, 0.75);
  2250. }
  2251. .channel-textarea-inner textarea {
  2252.     color: #ABABAB ;
  2253. }
  2254. .chat>.title-wrap>.title .channel-name {
  2255.     color: #BFBFBF;
  2256.     text-transform: capitalize;
  2257. }
  2258. .member-username-inner[data-reactid*="102180837625200640"]:after {
  2259.     content: "KryptekValor";
  2260.     color: #E81C4F;
  2261.     margin-left: 0px;
  2262.     font-weight: 900;
  2263.     font-size: 120%;
  2264. }
  2265. .member-username-inner[data-reactid*="172218388880293888"] {
  2266.     color: #E81C4F;
  2267.     margin-left: 0px;
  2268.     font-weight: 900;
  2269.     font-size: 120%;
  2270. }
  2271. .member-username-inner[data-reactid*="102180837625200640"] {
  2272.     color: transparent;
  2273. }
  2274. .streamer-mode-enabled .streamer-mode-enabled-image {
  2275.     -webkit-filter: invert(100%);
  2276.     opacity: 0.5;
  2277. }
  2278. .user-settings-streamer-mode .user-settings-streamer-mode-image {
  2279.     -webkit-filter: invert(100%);
  2280.     opacity: 0.5;
  2281. }
  2282. .alert.form.has-icon:before {
  2283.     -webkit-filter: invert(100%);
  2284.     opacity: 0.5;
  2285. }
  2286. .notice.notice-streamer-mode {
  2287.     background-color: rgba(100, 61, 167, 0.71);
  2288. }
  2289. .theme-dark .chat .has-more button {
  2290.     background: rgba(0, 0, 0, 0.52);
  2291.     border: 1px solid #000000;
  2292. }
  2293. .streamer-mode-enabled .streamer-mode-enabled-btn {
  2294.     background-color: rgba(100, 61, 167, 0.41);
  2295.     transition: .3s all ease-in-out;
  2296. }
  2297. .auth-inner .auth-brand {
  2298.     background: hsla(0, 0%, 0%, 0.8);
  2299. }
  2300. form.auth-form {
  2301.     background: rgba(0, 0, 0, 0.56);
  2302. }
  2303. .modal-new-user>.steps {
  2304.     background: rgba(0, 0, 0, 0.85);
  2305. }
  2306. .modal-new-user h5 {
  2307.     color: #0077D1;
  2308. }
  2309. #friends .friends-table .friends-table-header {
  2310.     border-bottom: 1px solid rgba(0, 0, 0, 0.37);
  2311. }
  2312. #friends .friends-header {
  2313.     border-bottom: 1px solid rgba(0, 0, 0, 0.44);
  2314.     box-shadow: none;
  2315. }
  2316. #friends .friends-header .tab-bar .tab-bar-item.selected {
  2317.     background-color: #43B581;
  2318.     color: #fff;
  2319. }
  2320. #friends .friends-table .friends-table-header .friends-column-separator {
  2321.     background-color: rgba(0, 0, 0, 0.54);
  2322. }
  2323. #friends .friends-empty p {
  2324.     color: rgba(195, 195, 195, 0.4);
  2325. }
  2326. .tutorial-popout .button-area .skip-tips a {
  2327.     color: #0077D1;
  2328. }
  2329. .button {
  2330.     background-color: #0077D1;
  2331. }
  2332. .button:hover {
  2333.     background-color: #00A7EA;
  2334. }
  2335. #friends .friends-header .tab-bar .tab-bar-separator {
  2336.     background-color: rgba(0, 0, 0, 0.75);
  2337. }
  2338. .popout.popout-right header:before {
  2339.     border-right-color: #0077D1;
  2340. }
  2341. #friends .friends-empty.section-online .empty-state-image {
  2342.     opacity: 0.5;
  2343. }
  2344. .message-group h2 .timestamp {
  2345.     color: #B4B5B5;
  2346. }
  2347.   .emoji-picker {
  2348.     overflow: hidden;
  2349.     background-color: rgba(0, 0, 0, 0.55);
  2350.     border: 1px solid hsla(0, 0%, 0%, 0.31);
  2351.     box-shadow: none;
  2352. }
  2353. .emoji-picker .search-bar {
  2354.     background-color: transparent;
  2355. }
  2356. .diversity-selector .popout {
  2357.     background: rgba(23, 23, 23, 0.82);
  2358.     border: 1px solid rgba(0, 0, 0, 0.7);
  2359. }
  2360. .emoji-picker .dimmer.visible {
  2361.     pointer-events: auto;
  2362.     background-color: hsla(0, 0%, 0%, 0.7);
  2363. }
  2364. .theme-dark #friends .friends-header {
  2365.     border-bottom: 1px solid rgba(0, 0, 0, 0.37);
  2366.     box-shadow: none;
  2367. }
  2368. .theme-dark #friends .friends-table .friends-table-header {
  2369.     border-bottom: 1px solid rgba(0, 0, 0, 0.37);
  2370. }
  2371. .theme-dark #friends .friends-table .friends-table-header .friends-column-separator {
  2372.     background-color: rgba(0, 0, 0, 0.54);
  2373. }
  2374. .theme-dark #friends .friends-table .friends-table-header .friends-column {
  2375.     color: hsla(0, 0%, 100%, 0.5);
  2376. }
  2377. .theme-dark #friends .friends-table .friends-table-header .friends-column:after {
  2378.     color: hsla(0, 0%, 100%, 0.5);
  2379. }
  2380. .emoji-picker .category {
  2381.     color: #BBBBBB;
  2382. }
  2383. .item:hover {
  2384.     background-color: rgba(0, 0, 0, 0.5);
  2385.     border-radius: 3px;
  2386. }
  2387. .emoji-picker .search-bar-clear {
  2388.     background: #FFFFFF;
  2389. }
  2390. .emoji-picker .search-bar-clear:before {
  2391.     background: rgb(0, 0, 0);
  2392. }
  2393. .emoji-picker .search-bar-clear:after {
  2394.     background: #FFFFFF;
  2395. }
  2396. .search-bar-clear:after {
  2397.     background: #FFFFFF;
  2398. }
  2399. .emoji-picker .search-bar-clear.active:after, .emoji-picker .search-bar-clear.active:before {
  2400.     background: rgb(28, 28, 28);
  2401. }
  2402. .emoji-picker .no-search-results .sad-discord {
  2403.     opacity: 0.6;
  2404.     -webkit-filter: invert(90%);
  2405. }
  2406. .emoji-picker .no-search-results {
  2407.     color: #B2B2B2;
  2408. }
  2409. .theme-dark.context-menu {
  2410.     background: rgba(0,0,0,0.6);
  2411.     box-shadow: 0 0 1px rgba(0,0,0,.82),0 1px 4px rgba(0,0,0,.1);
  2412. }
  2413. .theme-dark.context-menu:hover {
  2414.     background: rgba(0,0,0,0.69);
  2415.     box-shadow: 0 0 1px rgba(0,0,0,.82),0 1px 4px rgba(0,0,0,.1);
  2416.     cursor: pointer;
  2417. }
  2418. .context-menu {
  2419.     background: rgba(0,0,0,0.6);
  2420.     box-shadow: 0 0 1px rgba(0,0,0,.82),0 1px 4px rgba(0,0,0,.1);
  2421. }
  2422. .context-menu .item:hover {
  2423.     background: rgba(0,0,0,0.69);
  2424.     box-shadow: 0 0 1px rgba(0,0,0,.82),0 1px 4px rgba(0,0,0,.1);
  2425.     cursor: pointer;
  2426. }
  2427. .form .control-group label a {
  2428.     color: #0077D1;
  2429. }
  2430. .form .control-group label a:hover {
  2431.     color: #00A7EA;
  2432. }
  2433. .theme-dark.context-menu .item-subMenu {
  2434.     background: transparent url(https://discordapp.com/assets/1988164a7c55346d32117b151f4e319d.svg) no-repeat 155px 50%;
  2435. }
  2436. .theme-dark.context-menu .item-subMenu:hover {
  2437.     background: rgba(0,0,0,0.69) url(https://discordapp.com/assets/e4afe52f6863408a35654a6e5fd69ba9.svg) no-repeat 155px 50%;
  2438. }
  2439. .theme-dark.context-menu .context-menu {
  2440.     background: rgba(0,0,0,0.6);
  2441.     border: 1px solid #000000;
  2442.     box-shadow: 0 1px 4px rgba(0,0,0,.1);
  2443. }
  2444. .theme-dark.context-menu .item-group {
  2445.     border-top-color: hsla(0, 0%, 0%, 0.85);
  2446. }
  2447. .user-popout .header {
  2448.     background: #0077D1;
  2449. }
  2450. .user-popout .avatar-wrapper .avatar-popout {
  2451.     border: 4px solid #00A7EA;
  2452.     background-color: #00A7EA;
  2453. }
  2454. .user-popout .body {
  2455.     background: #000;
  2456.     padding-bottom: 10px;
  2457. }
  2458. .user-popout .footer {
  2459.     background: #000;
  2460.     border-top: 2px #0077D1 solid;
  2461. }
  2462. .user-popout .footer .quick-message-wrapper .input {
  2463.     border: 1px solid #1D1D1D;
  2464.     background: #131212;
  2465.     color: #fff;
  2466. }
  2467. .theme-dark.context-menu .item:hover {
  2468.     background: rgba(0,0,0,0.69);
  2469.     box-shadow: 0 0 1px rgba(0,0,0,.82),0 1px 4px rgba(0,0,0,.1);
  2470.     cursor: pointer;
  2471. }
  2472. .guilds li:not(.active):not(:first-of-type) {
  2473.     opacity: 0.65;
  2474.     transition: 0.4s ease-in-out opacity;
  2475. }
  2476. .guilds li:not(.active):not(:first-of-type):hover {
  2477.     opacity:1;
  2478.     transition:0.2s ease-in-out opacity;
  2479.  
  2480. }
  2481. .guild-settings-modal-members {
  2482.     background-color: transparent;
  2483. }
  2484. .guild-settings-modal-members .member-buttons .btn:hover {
  2485.     background: #00A7EA;
  2486. }
  2487. .guild-settings-modal-members .guild-settings-modal-members-header .form .Select .Select-value {
  2488.     color: #DDD;
  2489. }
  2490.  
  2491. .is-open>.Select-control {
  2492.     border-color: #000000 #000 #000000;
  2493. }
  2494. .form .Select-control {
  2495.     border: 1px solid #000000;
  2496. }
  2497. .search-bar.search-bar-light input {
  2498.     background-color: transparent;
  2499.     color: #B6B6B6;
  2500. }
  2501. .search-bar.search-bar-light {
  2502.     background-color: rgba(0, 0, 0, 0.58);
  2503.     color: #fff !important;
  2504.     border-radius: 3px;
  2505. }
  2506. .form .Select-option.is-focused {
  2507.     background: rgba(0, 0, 0, 0.68);
  2508.     color: #FFFFFF;
  2509. }
  2510. .form .Select-option {
  2511.     color: #C5C5C5;
  2512. }
  2513. .form .Select-control:hover {
  2514.     border-color: #000;
  2515. }
  2516. .form .Select.is-disabled .Select-control:hover, .form .Select.is-open .Select-control:hover {
  2517.     border-color: #000;
  2518. }
  2519. .form .is-focused:not(.is-open)>.Select-control {
  2520.     border: 1px solid #000;
  2521.     box-shadow: none;
  2522. }
  2523. .private-channels .channel .channel-game strong {
  2524.     font-weight: 700;
  2525.     color: #0077D1;
  2526. }
  2527. .auth-background {
  2528.     background-image: url("https://imgur.com/881P49q.png") !important;
  2529.     background-size: cover !important;
  2530. }
  2531. .auth-copyright {
  2532.     color: #FFFFFF;
  2533.     opacity: .8;
  2534.     font-weight: bold;
  2535.     border: 2px #fff solid;
  2536.     background: #000;
  2537.     border-radius: 3px;
  2538. }
  2539. #bd-customcss-detach-container {
  2540.     background-color: #000000;
  2541. }
  2542. #bd-customcss-detach-container #bd-customcss-detach-controls-buttons button {
  2543.     background-color: #0077D1;
  2544. }
  2545. .win-buttons button {
  2546.     width: 26px;
  2547.     height: 26px;
  2548.     margin-left: 5px;
  2549. }
  2550. button.win-close:hover {
  2551.     background-color: #B50303;
  2552.     border-radius: 3px;
  2553. }
  2554. button.win-maximize:hover {
  2555.     background-color: #0373B5;
  2556.     border-radius: 3px;
  2557. }
  2558. button.win-minimize:hover {
  2559.     background-color: #03B584;
  2560.     border-radius: 3px;
  2561. }
  2562. .header-toolbar button+button[data-reactid=".0.1.1.0.2.0.3.0:1"] {
  2563.     background-color: #0077D1;
  2564.     opacity: 0.8;
  2565. }
  2566. .tipsy-inner {
  2567.     border-radius: 3px;
  2568. }
  2569. .bda-slist .checkbox {
  2570.     margin-left: 18px;
  2571.     margin-top: 0px;
  2572. }
  2573. a[data-reactid*=".0.1.1.0.1.0.0.1.1.0"] {
  2574.     background-color: #0077D1;
  2575.     border-radius: 3px;
  2576. }
  2577. a[data-reactid*=".0.1.1.0.1.0.0.1.1.0"]:hover {
  2578.     background-color: #0077D1 !important;
  2579. }
  2580. a[data-reactid*=".0.1.1.0.1.0.0.1.0.0"] {
  2581.     background-color: #0077D1;
  2582.     border-radius: 3px;
  2583. }
  2584. a[data-reactid*=".0.1.1.0.1.0.0.1.0.0"]:hover {
  2585.     background-color: #0077D1 !important;
  2586. }
  2587. .guild-header ul a.red-highlight:hover {
  2588.     background-color: #A93D3D !important;
  2589. }
  2590. a[data-reactid*=".0.1.1.0.1.0.0.1.2.0"]:hover {
  2591.     background-color: #0077D1 !important;
  2592. }
  2593. a[data-reactid*=".0.1.1.0.1.0.0.1.2.0"] {
  2594.     background-color: #0077D1;
  2595.     border-radius: 3px;
  2596. }
  2597. a[data-reactid*=".0.1.1.0.1.0.0.1.3.0"]:hover {
  2598.     background-color: #0077D1 !important;
  2599. }
  2600. a[data-reactid*=".0.1.1.0.1.0.0.1.3.0"] {
  2601.     background-color: #0077D1;
  2602.     border-radius: 3px;
  2603. }
  2604. .guild-header ul a.red-highlight {
  2605.     color: #fff;
  2606.     background-color: #A93D3D;
  2607.     border-radius: 3px;
  2608. }
  2609. .channel-members .member .member-activity strong {
  2610.     font-weight: 900;
  2611.     color: #0077D1;
  2612. }
  2613. .private-channels .channel .channel-activity strong {
  2614.     font-weight: 900;
  2615.     color: #0077D1;
  2616. }
  2617. .CodeMirror {
  2618.     color: #FFF;
  2619.     background-color: rgba(0, 0, 0, 0.66)!important;
  2620.     border-radius: 3px;
  2621. }
  2622. .CodeMirror-gutters {
  2623.     border-right: 1px solid #000;
  2624.     background-color: rgba(0, 0, 0, 0.55);
  2625. }
  2626. #bd-pane .da-scrollerWrap div[style*="background:#2E3136; color:#ADADAD; height:30px; position:absolute; bottom:0; left:0; right:0;"] {
  2627.     background: #000 !important;
  2628. }
  2629. .markup:not([style*="color: color: rgba(255, 255, 255, 0.8);"]) {
  2630.     color: #B1B1B1;
  2631. }
  2632. .message-group .comment .markup {
  2633.     color: #B7B7B7;
  2634. }
  2635. ul.bda-slist {
  2636.     margin-top: 18px;
  2637.     width: 588px;
  2638.     margin-left: -34px;
  2639. }
  2640. .bda-slist li:nth-child(odd) {
  2641.     background: rgba(0, 0, 0, 0.56);
  2642.     border-top: none;
  2643.     border-radius: none;
  2644. }
  2645. .bda-slist .bda-name {
  2646.     color: #0077D1;
  2647.     font-weight: 700;
  2648.     font-size: 13px;
  2649. }
  2650. .bda-slist .bda-description {
  2651.     color: #D2D2D2;
  2652.     border-top: 2px solid #0077D1;
  2653.     font-size: 14px;
  2654. }
  2655. .bda-slist li {
  2656.     background: rgba(0, 0, 0, 0.56);
  2657.     border-bottom: 2px solid #0077D1;
  2658.     border-radius: none;
  2659. }
  2660. #bd-themes-pane .bda-plugin-reload {
  2661.     margin-top: 68px;
  2662.     margin-left: 20px;
  2663. }
  2664. .bda-slist .bda-right .btn {
  2665.     margin-left: 20px;
  2666. }
  2667. .bda-slist .bda-right .bda-plugin-settings {
  2668.     margin-top: 3px;
  2669. }
  2670. #user-profile-modal .guilds .guild .status {
  2671.     width: 9px;
  2672.     height: 9px;
  2673. }
  2674. div#bd-customcss-innerpane {
  2675.     margin-top: 18px;
  2676.     width: 588px;
  2677.     margin-left: -34px;
  2678. }
  2679. .chat .welcome-message p {
  2680.     color: #A0A0A0;
  2681. }
  2682. .guild-channels ul .channel-text .channel-name {
  2683.     text-transform: capitalize;
  2684. }
  2685. .form .control-group label {
  2686.     color: #D0D0D0;
  2687. }
  2688. .chat>.title-wrap {
  2689.     box-shadow: none;
  2690. }
  2691. .theme-dark #friends .friends-table .friends-row+.friends-row {
  2692.     border-top: 1px solid hsla(0, 0%, 0%, 0.5);
  2693. }
  2694. .guild-channels header span {
  2695.     text-align: center;
  2696.     margin-left: -7px;
  2697. }
  2698. .markdown-modal a {
  2699.     color: #0077D1;
  2700. }
  2701. .form .control-group .help-text.error, .form .control-group .help-text.error a {
  2702.     color: #FFFFFF;
  2703.     background-color: #D22B3A;
  2704.     border-radius: 3px;
  2705.     padding: 2px;
  2706. }
  2707. #settings-roles-pro-tip .pro-tip {
  2708.     color: #FFFFFF;
  2709. }
  2710. #settings-roles-pro-tip {
  2711.     color: #F5F5F5;
  2712.     background-color: #53BB8C;
  2713.     border-radius: 3px;
  2714.     padding: 0px 0px 0px 9px;
  2715. }
  2716. #settings-roles .roles li:before {
  2717.     width: 3px;
  2718. }
  2719. .instant-invites .instant-invites-list .instant-invite .code {
  2720.     color: #C4C4C4;
  2721. }
  2722. .instant-invites .instant-invites-list .instant-invite {
  2723.     color: #C4C4C4;
  2724. }
  2725. .guild-channels ul .channel-voice .channel-arrow:hover {
  2726.     background-color: #0077D1;
  2727. }
  2728. .auth-tiling-bg {
  2729.     background-color: #2e3136;
  2730.     background-image: url("https://imgur.com/881P49q.png") !important;
  2731. }
  2732. .create-guild-container .action.create .action-icon, .create-guild-container .action.join .action-icon {
  2733.     -webkit-filter: invert() hue-rotate(145deg);
  2734. }
  2735. .user-popout .username-wrapper .activity {
  2736.     color: #DEDEDE;
  2737. }
  2738. .user-settings-locale .select-item .primary {
  2739.     font-size: 15px;
  2740.     color: #AEAEAE !important;
  2741. }
  2742. span[data-reactid=".0.5.$=1$UserSettingsModal.0.0.1.0.$LOCALE.0.1:1.0.1.$0.0"] {
  2743.     color: #CDCDCD;
  2744. }
  2745. span[data-reactid=".0.5.$=1$UserSettingsModal.0.0.1.0.$LOCALE.0.1:1.0.1.$1.0"] {
  2746.     color: #CDCDCD;
  2747. }
  2748. .user-popout .username-wrapper.has-nickname .discriminator, .user-popout .username-wrapper.has-nickname .username {
  2749.     color: #EAEAEA;
  2750. }
  2751. .user-popout .body .section .label {
  2752.     color: #A7A7A7;
  2753. }
  2754. .user-popout .footer .update-notice {
  2755.     color: #A0A0A0;
  2756. }
  2757. .message-group.compact .message .markup .user-name:After {
  2758.     content: ":";
  2759.     font-size: 18px;
  2760.     line-height: 16px;
  2761.     font-weight: 600;
  2762. }
  2763. .typing strong {
  2764.     font-weight: 700;
  2765.     color: #A5A5A5;
  2766. }
  2767. .typing {
  2768.     font-size: 11px;
  2769.     color: #A5A5A5;
  2770. }
  2771. .layers,
  2772. .layer {
  2773. background: transparent !important; }
  2774.  
  2775. .container-RYiLUQ  {
  2776.     background: transparent !important; }
  2777. }
  2778. .ui-standard-sidebar-view {
  2779.     background-color: rgba(0,0,0,0) !important;
  2780. }
  2781.  
  2782. .sidebar-region {
  2783.     background-color: rgba(0,0,0,0.80) !important;
  2784. }
  2785.  
  2786. .content-region {
  2787.     background-color: rgba(0,0,0,0.70) !important;
  2788. }
  2789.  
  2790. .container-2OU7Cz, .channels-3g2vYe, .chat form, .theme-dark {
  2791.     background-color: transparent;
  2792. }
  2793. .titleWrapper-3Vi_wz {
  2794.     background-color:rgba(0,0,0,0) !important;
  2795. }
  2796. .container-iksrDt {
  2797.     background-color:rgba(0,0,0,0.4) !important;
  2798. }
  2799. .headerBar-cxbhPD {
  2800.     background-color:rgba(0,0,0,0.65) !important;
  2801. }
  2802. .channelIcon-1KtcMW {
  2803.     color:rgb(255,255,255)
  2804. }
  2805.  
  2806. .theme-dark .title-qAcLxz {
  2807.     background-color:rgba(0, 0, 0, 0.80) !important;
  2808. }
  2809. .channels-3g2vYe {
  2810.     background-color:rgba(0, 0, 0, 0.70) !important;
  2811. }
  2812.  
  2813. .layers-20RVFW, .layer-kosS71, .container-2OU7Cz, .typing-3eiiL_ {
  2814.   background: transparent !important;
  2815. }
  2816. /* optionally adjust background brightness (0: original image, 1: black) */
  2817. .layers-20RVFW {
  2818.   background: rgba(0,0,0, 0.3) !important;
  2819. }
  2820.  
  2821. .chat form {
  2822.     background: transparent;
  2823. }
  2824.  
  2825. .app-19_DXt .chat form, .channelTextAreaEnabled-c05Zpy {
  2826.     background: rgba(0, 0, 0, .1) !important;
  2827. }
  2828.  
  2829. .app-19_DXt .chat form, .channelTextArea-1HTP3C, .channelTextArea-os01xC {
  2830.   background: transparent !important;
  2831. }
  2832. .friends-header,
  2833. .friends-table,
  2834. .guild-header header,
  2835. .channels-wrap,
  2836. .private-channels .search-bar,
  2837. .private-channels,
  2838. .guild-channels,
  2839. .account,
  2840. .friend-table-add-header,
  2841. .chat,
  2842. .content,
  2843. .title-wrap:not(.search-bar),
  2844. .messages-wrapper,
  2845. .messages .divider span,
  2846. .messages .divider:before,
  2847. .content, .message-group-blocked,
  2848. .is-local-bot-message,
  2849. .channel-members-loading,
  2850. .channel-members-loading .heading,
  2851. .channel-members-loading .member,
  2852. .typing,
  2853. .container-RYiLUQ,
  2854. .theme-dark .ui-standard-sidebar-view,
  2855. .theme-dark .ui-standard-sidebar-view .sidebar-region,
  2856. .theme-dark .ui-standard-sidebar-view .content-region,
  2857. .theme-dark .channel-members,
  2858. .container-2OU7Cz,
  2859. .theme-dark .chat form,
  2860. .channels-3g2vYe,
  2861. .theme-dark .friends-table,
  2862. .theme-dark .messages-wrapper,
  2863. .content .flex-spacer,
  2864. .theme-dark .chat>.content,
  2865. .theme-dark .chat,
  2866. .channel-members,
  2867. .search .search-bar,
  2868. .container-iksrDt,
  2869. .container-3lnMWU,
  2870. .theme-dark .title-qAcLxz,
  2871. .theme-dark .typing-3eiiL_,
  2872. .theme-dark .activityFeed-HeiGwL,
  2873. .theme-dark .headerBar-cxbhPD,
  2874. .theme-dark .lfg-3xoFkI,
  2875. .video-3lOWa6,
  2876. .theme-dark .private-channel-call,
  2877. .appMount-3lHmkl,
  2878. .container-2lgZY8,
  2879. .channels-Ie2l6A,
  2880. .container-PNkimc,
  2881. .container-2Thooq,
  2882. .theme-dark .title-3qD0b-,
  2883. .theme-dark .typing-2GQL18,
  2884. .search-bar.search-bar-light,
  2885. .emojiPicker-3m1S-j .da-scroller-3vODG7 .emojiItem-109bjA.selected-39BZ4S,
  2886. .theme-dark .members-1998pB{
  2887.   background: transparent !important;
  2888. }
  2889.  
  2890. .theme-dark .card-2WxYqG {
  2891.     background-color: rgba(54, 57, 63, 0.3)!important;
  2892. }
  2893.  
  2894. .theme-dark .layer-3QrUeG, .theme-dark .layers-3iHuyZ, .typeWindows-15E0Ys {
  2895.     background: rgba(0, 0, 0, 0.50) !important;
  2896. }
  2897.  
  2898. .theme-dark .scrollerWrap-2lJEkd {
  2899.     background: rgba(0, 0, 0, 0.15) !important;
  2900. }
  2901.  
  2902. .guilds-wrapper {
  2903.     background: rgba(0, 0, 0, 0.45) !important;
  2904. }
  2905.  
  2906. .autocomplete-1vrmpx, .autocomplete-i9yVHs {
  2907.     background: rgba(0, 0, 0, 0.85) !important;
  2908. }
  2909.  
  2910. .channelTextArea-1LDbYG, .channelTextArea-rNsIhG{
  2911.     background: transparent !important;
  2912. }
  2913.  
  2914. .inner-zqa7da {
  2915.     background: rgba(0, 0, 0, 0.3) !important;
  2916. }
  2917.  
  2918. .theme-dark .guildsWrapper-5TJh6A {
  2919.   background: rgba(0,0,0,0.3);
  2920. }
  2921. .theme-dark .chat-3bRxxu, .theme-dark .chat-3bRxxu form, .theme-dark .content-yTz4x3, .theme-dark .messagesWrapper-3lZDfY, .theme-dark .titleBar-AC4pGV, .theme-dark .typeWindows-1za-n7{
  2922.     background: rgba(0,0,0,0.1);
  2923. }
  2924. /* Pulses */
  2925. .add-friend-popout header input:focus {
  2926.     animation: popout-pulse 1.5s infinite;
  2927. }
  2928.  
  2929. .theme-dark .friends-table .messages-wrapper .messages .mentioned .message-text {
  2930.     animation: mentioned-pulse 1.5s infinite;
  2931. }
  2932. #user-profile-modal footer .btn.add-friend {
  2933.     webkit-animation: friend-request-pulse 1.5s infinite;
  2934.     animation: friend-request-pulse 1.5s infinite;
  2935. }
  2936. .private-channels .search-bar input:focus {
  2937.     border: 2px solid #0089D0;
  2938.     webkit-animation: input-pulse 1.5s infinite;
  2939.     animation: input-pulse 1.5s infinite;
  2940. }
  2941.  
  2942. @-webkit-keyframes popout-pulse {
  2943.     0% {box-shadow: 0 0 0 0 #0089D0;}
  2944.     70% {box-shadow: 0 0 10px 10px rgba(241, 71, 71, 0);}
  2945.     to {box-shadow: 0 0 0 0 rgba(241, 71, 71, 0);}
  2946. }
  2947. @keyframes popout-pulse {
  2948.     0% {box-shadow: 0 0 0 0 #0089D0;}
  2949.     70% {box-shadow: 0 0 10px 10px rgba(241, 71, 71, 0);}
  2950.     to {box-shadow: 0 0 0 0 rgba(241, 71, 71, 0);}
  2951. }
  2952.  
  2953. @-webkit-keyframes mentioned-pulse {
  2954.     0% {box-shadow: 0 0 0 0 #0089D0;}
  2955.     70% {box-shadow: 0 0 10px 10px rgba(241, 71, 71, 0);}
  2956.     to {box-shadow: 0 0 0 0 rgba(241, 71, 71, 0);}
  2957. }
  2958. @keyframes mentioned-pulse {
  2959.     0% {box-shadow: 0 0 0 0 #0089D0;}
  2960.     70% {box-shadow: 0 0 10px 10px rgba(241, 71, 71, 0);}
  2961.     to {box-shadow: 0 0 0 0 rgba(241, 71, 71, 0);}
  2962. }
  2963. @-webkit-keyframes input-pulse {
  2964.     0% {box-shadow: 0 0 0 0 #0089D0;}
  2965.     70% {box-shadow: 0 0 10px 10px rgba(241, 71, 71, 0);}
  2966.     to {box-shadow: 0 0 0 0 rgba(241, 71, 71, 0);}
  2967. }
  2968. @keyframes input-pulse {
  2969.     0% {box-shadow: 0 0 0 0 #0089D0;}
  2970.     70% {box-shadow: 0 0 10px 10px rgba(241, 71, 71, 0);}
  2971.     to {box-shadow: 0 0 0 0 rgba(241, 71, 71, 0);}
  2972. }
  2973. @-webkit-keyframes friend-request-pulse {
  2974.     0% {box-shadow: 0 0 0 0 #0089D0;}
  2975.     70% {box-shadow: 0 0 10px 10px rgba(241, 71, 71, 0);}
  2976.     to {box-shadow: 0 0 0 0 rgba(241, 71, 71, 0);}
  2977. }
  2978. @keyframes friend-request-pulse {
  2979.     0% {box-shadow: 0 0 0 0 #0089D0;}
  2980.     70% {box-shadow: 0 0 10px 10px rgba(241, 71, 71, 0);}
  2981.     to {box-shadow: 0 0 0 0 rgba(241, 71, 71, 0);}
  2982. }
  2983. @-webkit-keyframes now-playing-pulse {
  2984.     0% {box-shadow: 0 0 0 0 #0089D0;}
  2985.     70% {box-shadow: 0 0 10px 10px rgba(241, 71, 71, 0);}
  2986.     to {box-shadow: 0 0 0 0 rgba(241, 71, 71, 0);}
  2987. }
  2988. @keyframes now-playing-pulse {
  2989.     0% {box-shadow: 0 0 0 0 #0089D0;}
  2990.     70% {box-shadow: 0 0 10px 10px rgba(241, 71, 71, 0);}
  2991.     to {box-shadow: 0 0 0 0 rgba(241, 71, 71, 0);}
  2992. }
  2993. .theme-dark .message.mentioned .message-text {
  2994.     background: rgba(0, 137, 208, .01) !important;
  2995. }
  2996. .searchBar-2_Yu-C.searchBarLight-1NxoDG {
  2997.     background: rgba(0,0,0,0);
  2998. }
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!