Advertisement
Guest User

bd a&m

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