MrMcShroom

Untitled

Jun 10th, 2016
130
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 21.93 KB | None | 0 0
  1. .create-guild-container {
  2. background-color:#191919!important
  3. }
  4.  
  5. .create-guild-container .action {
  6. background:rgba(25,25,25,0)
  7. }
  8.  
  9. .create-guild-container .create-or-join .actions .or {
  10. -webkit-filter:opacity(0.0) invert();
  11. color:#000
  12. }
  13.  
  14. .create-guild-container .action.create .action-icon,.create-guild-container .action.join .action-icon {
  15. -webkit-filter:invert() hue-rotate(150deg)
  16. }
  17.  
  18. .create-guild-container .action.create .action-header {
  19. color:#e5e5e5
  20. }
  21.  
  22. .create-guild-container .action.create .btn-primary {
  23. background-color:#343434!important
  24. }
  25.  
  26. .create-guild-container .action.create:hover .btn-primary {
  27. background-color:#900!important
  28. }
  29.  
  30. .guilds-wrapper {
  31. box-shadow:inset -10px 0 5px -6px rgba(0,0,0,1)
  32. }
  33.  
  34. .guild-header ul {
  35. background:#191919!important;
  36. opacity:1!important;
  37. transition:transform .5s cubic-bezier(0.18,0.89,0.32,1.28)!important;
  38. padding-top:100px;
  39. top:-56px
  40. }
  41.  
  42. .guild-header-open ul {
  43. opacity:1!important
  44. }
  45.  
  46. .guilds-add {
  47. opacity:0.5
  48. }
  49.  
  50. .guilds-wrapper {
  51. border-right:0 solid rgba(0,0,0,0.4)
  52. }
  53.  
  54. .guild-header header span {
  55. margin-left:-10px
  56. }
  57.  
  58. .guild-header header {
  59. box-shadow:none!important;
  60. color:#ddd
  61. }
  62.  
  63. .guild-channels header h2 {
  64. padding:0 18px
  65. }
  66.  
  67. .guild-channels .channel-text a {
  68. padding:8px 6px 10px 18px
  69. }
  70.  
  71. .guild-channels header h2,.guild-channels ul .channel a {
  72. color:#ccc;
  73. opacity:.8
  74. }
  75.  
  76. .guilds {
  77. padding:18px 20px 85px
  78. }
  79.  
  80. .guilds-wrapper .guilds-add {
  81. font-size:40px;
  82. background:#000;
  83. border-radius:8px;
  84. width:40px!important;
  85. height:40px!important;
  86. margin-left:4px
  87. }
  88.  
  89. .guilds .guild-inner {
  90. background:transparent!important
  91. }
  92.  
  93. .guilds .active .guild-inner {
  94. background:transparent!important
  95. }
  96.  
  97. .guilds .guild-inner:hover {
  98. background:transparent!important
  99. }
  100.  
  101. .guilds-wrapper .guilds .guild .guild-inner {
  102. border-radius:20px!important;
  103. line-height:50px
  104. }
  105.  
  106. .guilds-wrapper .guilds .guild .guild-inner a {
  107. width:50px;
  108. height:50px;
  109. background-size:40px 40px
  110. }
  111.  
  112. .guilds-wrapper .guilds .friends-icon {
  113. width:50px;
  114. height:50px;
  115. background-size:30px 25px
  116. }
  117.  
  118. .guilds li.audio .guild-inner:after {
  119. background-size:12px;
  120. background-color:rgba(0,0,0,0.8)
  121. }
  122.  
  123. .guilds-wrapper .guild-separator:after {
  124. background:#e5e5e5
  125. }
  126.  
  127. .guilds .guild-inner:before {
  128. left:-24px
  129. }
  130.  
  131. .guilds li.unread .guild-inner:before,.guild-channels .channel-text.unread:not(.selected):not(.channel-muted):before {
  132. background:#e5e5e5
  133. }
  134.  
  135. .guilds-wrapper .guilds .guild.unread:before {
  136. background:#e5e5e5
  137. }
  138.  
  139. .guilds li.active .guild-inner:before {
  140. background:#fff!important
  141. }
  142.  
  143. .guilds-wrapper .guilds .friends-online {
  144. color:#e5e5e5;
  145. font-size:9.5px;
  146. margin-left:-7px;
  147. line-height:20px;
  148. width:55px;
  149. height:20px;
  150. border-radius:8px;
  151. overflow:hidden;
  152. background:transparent;
  153. margin-left:-3px
  154. }
  155.  
  156. .guilds-error {
  157. width:40px;
  158. height:40px;
  159. line-height:36px
  160. }
  161.  
  162. .guild-channels header h2,.private-channels header {
  163. opacity:1
  164. }
  165.  
  166. .private-channels .search-bar {
  167. background:rgba(0,0,0,0)!important
  168. }
  169.  
  170. .private-channels .search-bar input {
  171. background:#232323!important;
  172. color:#e5e5e5
  173. }
  174.  
  175. .guild-channels .channel.selected,.private-channels .channel.selected,.private-channels .search-result.selected,.private-channels .search-result:hover {
  176. background:#191919!important;
  177. width:90%;
  178. border-radius:8px;
  179. padding-right:10px
  180. }
  181.  
  182. .guild-channels .channel:not(.selected):hover {
  183. background:none!important;
  184. width:90%;
  185. border-radius:8px;
  186. padding-right:10px;
  187. }
  188.  
  189. .private-channels .channel:not(.selected):hover {
  190. background:none!important;
  191. width:90%;
  192. border-radius:8px;
  193. padding-right:10px
  194. }
  195.  
  196. .guild-channels .channel-voice:not(.selected) {
  197. width:78%!important;
  198. border-radius:8px!important;
  199. padding-right:18px!important
  200. }
  201.  
  202. .guild-channels .channel-text:not(.selected):hover {
  203. width:90%!important;
  204. padding-right:10px!important
  205. }
  206.  
  207. .guild-channels .channel:not(.selected):before,.guild-channels .channel.selected:before,.guild-channels .channel.selected:hover:before,.private-channels .channel:not(.selected):before,.private-channels .channel.selected:before,.private-channels .channel.selected:hover:before,.private-channels .search-result.selected:before,.private-channels .search-result:hover:before {
  208. border-left:none!important
  209. }
  210.  
  211. .private-channels .search-result.selected,.private-channels .search-result:hover {
  212. width:80%!important
  213. }
  214.  
  215. .private-channels .channel .icon-friends {
  216. background-color:transparent!important;
  217. border-radius:0
  218. }
  219.  
  220. .private-channels .channel.selected .icon-friends {
  221. background-color:transparent!important
  222. }
  223.  
  224. .guild-channels .channel-text.unread:not(.selected):not(.channel-muted):before {
  225. left:-8px
  226. }
  227.  
  228. .theme-dark #friends .friends-header {
  229. background-color:rgba(0,0,0,.55)!important;
  230. border-bottom:0!important;
  231. box-shadow:inset 10px 0 5px -6px
  232. }
  233.  
  234. .theme-dark #friends .friends-header .tab-bar .tab-bar-item.selected {
  235. color:#e5e5e5;
  236. background-color:#191919
  237. }
  238.  
  239. .theme-dark #friends .friends-header .tab-bar .tab-bar-item:not(.selected):hover {
  240. background-color:#232323
  241. }
  242.  
  243. .theme-dark #friends .friends-table .friends-table-header .friends-column {
  244. color:#e5e5e5
  245. }
  246.  
  247. .theme-dark #friends .friends-table .friends-row .friends-column {
  248. color:#ccc
  249. }
  250.  
  251. .theme-dark #friends .friends-table .friends-row+.friends-row {
  252. border-top:none
  253. }
  254.  
  255. .private-channels .channel.selected .channel-name {
  256. color:#e5e5e5;
  257. opacity:1
  258. }
  259.  
  260. .guild-channels .channel-user-limit {
  261. position:relative;
  262. left:17px;
  263. background:rgba(35,35,35,1);
  264. display:block!important
  265. }
  266.  
  267. .guild-channels .channel .channel-name {
  268. padding-right:1px
  269. }
  270.  
  271. .private-channels .channel :not(.selected):hover {
  272. color:#e5e5e5!important
  273. }
  274.  
  275. /*If you want the channel hover buttons back change none to inline block */
  276.  
  277. .guild-channels .icon-instant-invite {
  278. display:inline!important
  279. }
  280.  
  281. .guild-channels .icon-settings {
  282. display:inline!important
  283. }
  284.  
  285. /*
  286. _ _ _ _
  287. ___| |__ __ _ _ __ _ __ ___| |___ ___ ___ ___| |_(_) ___ _ __
  288. / __| '_ \ / _` | '_ \| '_ \ / _ \ / __| / __|/ _ \/ __| __| |/ _ \| '_ \
  289. | (__| | | | (_| | | | | | | | __/ \__ \ \__ \ __/ (__| |_| | (_) | | | |
  290. \___|_| |_|\__,_|_| |_|_| |_|\___|_|___/ |___/\___|\___|\__|_|\___/|_| |_|
  291. */
  292. .btn-hamburger {
  293. margin-right:-18px
  294. }
  295.  
  296. .btn-hamburger span {
  297. background:#fff
  298. }
  299.  
  300. .account {
  301. z-index:9;
  302. border-top:6px solid!important;
  303. width:240px;
  304. margin-left:0;
  305. padding:0!important;
  306. background:rgba(25,25,25,1);
  307. height:100px;
  308. box-sizing:border-box;
  309. color:#900;
  310. position:relative
  311. }
  312.  
  313. .account .status {
  314. border:0 solid rgba(0,0,0,1)
  315. }
  316.  
  317. .account .btn {
  318. background:transparent;
  319. /*#000;*/
  320. box-shadow:none!important
  321. }
  322.  
  323. .account .btn:active {
  324. background:#000
  325. }
  326.  
  327. .account .btn-settings:after {
  328. opacity:.3
  329. }
  330.  
  331. .account .btn-deafen,.account .btn-mute {
  332. border-right:0 solid #000
  333. /*1px solid #101010;*/
  334. }
  335.  
  336. #voice-connection {
  337. z-index:9;
  338. border-top:none!important;
  339. /*width:285px;
  340. margin-left:-83px;*/
  341. padding:5px 10px!important
  342. }
  343.  
  344. #voice-connection .btn {
  345. background:transparent;
  346. box-shadow:none!important;
  347. border:none
  348. }
  349.  
  350. .account .btn-deafen,.account .btn-settings {
  351. box-shadow:none!important
  352. }
  353.  
  354. .account .btn-group {
  355. border:none;
  356. position:absolute;
  357. right:72px;
  358. top:60px
  359. }
  360.  
  361. #voice-connection .btn-group {
  362. border:none
  363. }
  364.  
  365. .account .avatar-small {
  366. opacity:1;
  367. right:-105px;
  368. top:-25px
  369. }
  370.  
  371. .account .account-details .username {
  372. display:none
  373. }
  374.  
  375. .account .account-details .discriminator {
  376. font-size:14px;
  377. color:#e5e5e5;
  378. text-indent:57px;
  379. font-style:italic;
  380. padding-top:10px;
  381. opacity:1
  382. }
  383.  
  384. .account .status {
  385. border:2px solid #191919
  386. }
  387.  
  388. /*
  389. _ _ _ _
  390. ___| |__ __ _| |_ ___ ___ ___| |_(_) ___ _ __
  391. / __| '_ \ / _` | __| / __|/ _ \/ __| __| |/ _ \| '_ \
  392. | (__| | | | (_| | |_ \__ \ __/ (__| |_| | (_) | | | |
  393. \___|_| |_|\__,_|\__| |___/\___|\___|\__|_|\___/|_| |_|
  394. */
  395. .spinner-wandering-cubes .spinner-item {
  396. background-color:#900;
  397. width:15px;
  398. height:15px;
  399. border-radius:4px
  400. }
  401.  
  402. .chat .has-more button {
  403. color:#e5e5e5!important;
  404. background:rgba(25,25,25,.75)!important;
  405. border:hidden!important;
  406. box-shadow:none!important
  407. }
  408.  
  409. .highlight {
  410. color:#e5e5e5
  411. }
  412.  
  413. .emoji-picker {
  414. background:#191919!important;
  415. border:0
  416. }
  417.  
  418. .emote-menu-inner {
  419. background:#191919
  420. }
  421.  
  422. #bda-qem-favourite-container .scroller-wrap,#bda-qem-twitch-container .scroller-wrap {
  423. background:#191919;
  424. margin-top:-.6px
  425. }
  426.  
  427. #bda-qem {
  428. background:#232323
  429. }
  430.  
  431. #bda-qem button.active {
  432. background-color:#191919;
  433. color:#e5e5e5;
  434. margin-right:-.8px
  435. }
  436.  
  437. #bda-qem button {
  438. color:#ccc;
  439. box-shadow:none;
  440. border-left:0;
  441. border-right:0;
  442. margin-bottom:-.6px;
  443. margin-right:-.8px
  444. }
  445.  
  446. #bda-qem button:hover {
  447. background-color:#191919;
  448. color:#fff;
  449. margin-right:-.8px
  450. }
  451.  
  452. .emoji-picker .search-bar input {
  453. color:#e5e5e5;
  454. background-color:#232323;
  455. border:0
  456. }
  457.  
  458. .emoji-picker .search-bar {
  459. background:#191919
  460. }
  461.  
  462. .emoji-picker .search-bar-clear {
  463. background:#191919
  464. }
  465.  
  466. .emoji-picker .sticky-header {
  467. background:#191919!important
  468. }
  469.  
  470. .emoji-picker .categories .item.selected {
  471. border-bottom-color:#e5e5e5;
  472. background-color:#232323
  473. }
  474.  
  475. .emoji-picker .category {
  476. background:#191919;
  477. color:#e5e5e5
  478. }
  479.  
  480. .emoji-picker .header {
  481. border-bottom:6px solid #900
  482. }
  483.  
  484. .title-wrap {
  485. -webkit-box-shadow:inset 10px 0 5px -6px #000;
  486. box-shadow:inset 10px 0 5px -6px #000!important;
  487. border-bottom:0 solid rgba(0,0,0,0.3)!important;
  488. background:rgba(0,0,0,0.55)!important
  489. }
  490.  
  491. .bot-tag {
  492. color:#fff!important;
  493. background:#900
  494. }
  495.  
  496. .form .form-header {
  497. color:#e5e5e5!important;
  498. background:#191919;
  499. border-bottom:6px solid #900;
  500. border-color:#900!important
  501. }
  502.  
  503. .form .form-actions {
  504. border-top:6px solid #900
  505. }
  506.  
  507. .markdown-modal,.form .form header,.form .form-inner,.form .form-actions,.need-help-modal .footer,.markdown-modal .markdown-modal-footer {
  508. background:#232323!important
  509. }
  510.  
  511. .form header {
  512. color:#e5e5e5
  513. }
  514.  
  515. .channel-notification-settings .content label,.notification-settings-modal .mute-server .checkbox .label span {
  516. color:#ccc
  517. }
  518.  
  519. .notification-settings-modal .notification-settings-modal-channel-settings-list {
  520. box-shadow:none!important
  521. }
  522.  
  523. .channel-notification-settings .content .content-inner {
  524. box-shadow:none
  525. }
  526.  
  527. .notification-settings-modal
  528. .notification-settings-modal-channel-settings-header label.title {
  529. color:#e5e5e5
  530. }
  531.  
  532. .notification-settings-modal
  533. .notification-settings-modal-channel-settings-header label.subtitle {
  534. color:#e5e5e2
  535. }
  536.  
  537. .markdown-modal .markdown-modal-header {
  538. color:#e5e5e5
  539. }
  540.  
  541. .channel-notification-settings {
  542. border:hidden
  543. }
  544.  
  545. .channel-notification-settings .content a {
  546. color:#ccc
  547. }
  548.  
  549. .markdown-modal .markdown-modal-header {
  550. border-bottom:4px solid #900
  551. }
  552.  
  553. .markdown-modal .markdown-modal-footer {
  554. }
  555.  
  556. .markdown-modal .scroller-wrap .scroller {
  557. color:#ccc
  558. }
  559.  
  560. #user-profile-modal footer .btn.add-friend {
  561. background:#232323;
  562. color:#e5e5e5
  563. }
  564.  
  565. #user-profile-modal footer .btn.add-friend:hover {
  566. background:#900;
  567. color:#e5e5e5
  568. }
  569.  
  570. #user-profile-modal footer .btn.reject-friend {
  571. background:#232323
  572. }
  573.  
  574. #user-profile-modal footer .btn.reject-friend:hover {
  575. background:#900
  576. }
  577.  
  578. #user-profile-modal footer .pending p {
  579. color:#ccc
  580. }
  581.  
  582. #user-profile-modal footer {
  583. border:hidden
  584. }
  585.  
  586. #user-profile-modal .header .activity {
  587. visibility:collapse;
  588. font-size:0;
  589. color:#b2b2b2
  590. }
  591.  
  592. #user-profile-modal .header .activity strong {
  593. visibility:visible;
  594. font-size:14px
  595. }
  596.  
  597. #user-profile-modal .header .discord-tag .discriminator,#user-profile-modal .header .discord-tag {
  598. color:#e5e5e5
  599. }
  600.  
  601. #user-profile-modal .empty .empty-text {
  602. color:#ccc
  603. }
  604.  
  605. #user-profile-modal .guilds .guild .guild-name {
  606. color:#ccc
  607. }
  608.  
  609. .small-popout-box {
  610. background:#191919;
  611. border:hidden;
  612. color:#e5e5e5
  613. }
  614.  
  615. .option-popout .btn-item {
  616. color:#ccc
  617. }
  618.  
  619. .option-popout .btn-item:hover {
  620. color:#e5e5e5
  621. }
  622.  
  623. .modal-content .user-name {
  624. color:#e5e5e5
  625. }
  626.  
  627. .modal-content .form-inner p {
  628. color:rgba(255,255,255,0.7)
  629. }
  630.  
  631. .chat .new-messages-bar {
  632. background-color:rgba(25,25,25,.75)
  633. }
  634.  
  635. .chat .new-messages-bar:hover {
  636. background-color:rgba(35,35,35,1)
  637. }
  638.  
  639. .chat .new-messages-bar button:last-child {
  640. color:#ccc
  641. }
  642.  
  643. .chat-empty {
  644. background:rgba(200,200,200,95)
  645. }
  646.  
  647. .chat .empty-message h1 {
  648. color:#ccc
  649. }
  650.  
  651. .chat>.title-wrap>.title .channel-name {
  652. color:#e5e5e5
  653. }
  654.  
  655. .chat>.title-wrap>.topic {
  656. font-size:14.5px;
  657. margin-top:5px;
  658. color:#e5e5e5!important
  659. }
  660.  
  661. .chat>.title-wrap>.topic .aka {
  662. background:#232323
  663. }
  664.  
  665. .theme-dark .header-toolbar button.active {
  666. background:#232323
  667. }
  668.  
  669. .markdown-modal .highlight,.chat .title-wrap .topic .highlight {
  670. background-color:rgba(255,255,255,.1)!important
  671. }
  672.  
  673. .markdown-modal .highlight:hover,.chat .title-wrap .topic .highlight:hover {
  674. background-color:rgba(255,255,255,.2)!important;
  675. color:#900!important
  676. }
  677.  
  678. .upload-modal {
  679. background:#191919
  680. }
  681.  
  682. .upload-modal .footer {
  683. background:#191919
  684. }
  685.  
  686. .upload-modal .footer .button {
  687. background:#232323;
  688. margin:5px;
  689. color:#ccc
  690. }
  691.  
  692. .upload-modal .footer .button:hover {
  693. background:#900;
  694. color:#e5e5e5!important
  695. }
  696.  
  697. .upload-modal .inner {
  698. border:hidden
  699. margin-left: 400px;
  700. }
  701.  
  702. .upload-modal .inner .file .icon.image {
  703. border:hidden
  704. margin-left: 400px;
  705. }
  706.  
  707. .upload-modal .inner .comment .label .optional {
  708. color:#b2b2b2;
  709. opacity:1
  710. margin-left: 400px;
  711. }
  712.  
  713. .upload-drop-modal {
  714. background:#191919
  715. margin-left: 400px;
  716. }
  717.  
  718. .upload-drop-modal .bgScale {
  719. background:#191919
  720. margin-left: 400px;
  721. }
  722.  
  723. .upload-drop-modal .inner .icons {
  724. display:none
  725. margin-left: 400px;
  726. }
  727.  
  728. .upload-drop-modal .inner .icons {
  729. display:none
  730. margin-left: 400px;
  731. }
  732.  
  733. /* Date 1px line */
  734. .chat .divider:not(.divider-red)>div {
  735. background:rgba(255,255,255,0.2)!important
  736. }
  737.  
  738. .chat .divider>span {
  739. background:rgba(35,35,35,0.75)!important;
  740. font-size:12px;
  741. text-transform:uppercase;
  742. margin:10px 0;
  743. border-radius:8px;
  744. opacity:1;
  745. padding:5px 15px;
  746. width:100%;
  747. text-align:center
  748. }
  749.  
  750. .chat .divider.divider-red>span {
  751. background:rgba(25,25,25,.75)!important;
  752. color:#ccc!important;
  753. border-radius:8px;
  754. opacity:1!important
  755. }
  756.  
  757. .chat .divider:not(.divider-red)>span {
  758. color:#e5e5e5!important;
  759. opacity:1!important
  760. }
  761.  
  762. .chat .divider>div {
  763. display:none
  764. }
  765.  
  766. .chat form {
  767. border-top:none!important
  768. }
  769.  
  770. .messages .message-group:not(.has-divider) {
  771. border-bottom-color:hsla(0,0%,100%,.04)!important
  772. }
  773.  
  774. .messages .message-group .markup .highlight {
  775. background-color:rgba(0,128,255, 0.8)!important;
  776. color:#900!important;
  777. padding:1px 4px;
  778. border-radius:8px
  779. }
  780.  
  781. .messages .message-group .markup .highlight:hover {
  782. background-color:rgba(35,35,35,1)!important;
  783. color:#e5e5e5!important
  784. }
  785.  
  786. .message-group .comment .markup {
  787. color:#ccc;
  788. background:#191919
  789. }
  790.  
  791. .message-group h2 .timestamp {
  792. color:#ccc
  793. }
  794.  
  795. .messages h2 .user-name {
  796. }
  797.  
  798. .embed {
  799. border:none;
  800. text-align:center!important
  801. }
  802.  
  803. .embed .embed-provider {
  804. text-align:center!important;
  805. display:none
  806. }
  807.  
  808. .embed .embed-author {
  809. text-align:center!important;
  810. display:none
  811. }
  812.  
  813. .embed .embed-title {
  814. text-align:center!important;
  815. display:none
  816. }
  817.  
  818. .embed .embed-description {
  819. display:none
  820. }
  821.  
  822. .embed.embed-link .embed-thumbnail {
  823. display:none
  824. }
  825.  
  826. .messages .message-group {
  827. border-bottom:none!important
  828. }
  829.  
  830. .delete-message-modal .form-inner .message-group .comment .markup pre {
  831. background:none;
  832. border:none
  833. }
  834.  
  835. .delete-message-modal .form-inner .message-group .comment .markup pre code {
  836. background:#232323;
  837. line-height:1.5
  838. }
  839.  
  840. .delete-message-modal .form-inner .message-group .highlight {
  841. background:#232323
  842. }
  843.  
  844. .delete-message-modal .form-inner .message-group .comment .markup code.inline {
  845. background:#232323!important;
  846. line-height:2;
  847. border-radius:8px
  848. }
  849.  
  850. .messages .markup {
  851. background:none!important
  852. }
  853.  
  854. .friends-table .messages .message-group .message-send-failed .markup,.friends-table .messages .message-group .message-send-failed .markup a,.messages .message-group .message-send-failed .markup,.messages .message-group .message-send-failed .markup a {
  855. color:rgba(152,0,0,0.5)!important;
  856. font-style:italic
  857. }
  858.  
  859. .messages .mentioned .message-text {
  860. border-radius:50!important;
  861. background:rgba(35,35,35,0)!important
  862. }
  863.  
  864. .messages .mentioned .message-text:after {
  865. border-radius:50!important;
  866. border:none!important;
  867. background:none!important
  868. }
  869.  
  870. .message-group .mentioned .message-text:after {
  871. border:none;
  872. background:none
  873. }
  874.  
  875. .messages a {
  876. color:25ACE8!important
  877. }
  878.  
  879. .messages .markup {
  880. color:#0080FF!important;
  881. line-height:1em!important
  882. }
  883.  
  884. .messages .comment .markup pre {
  885. border-radius:0!important;
  886. border:none
  887. }
  888.  
  889. .messages h2 .user-name {
  890. color:rgba(255,255,255,0.8)
  891. }
  892.  
  893. .messages h2 span {
  894. color:#ccc!important
  895. }
  896.  
  897. .chat .welcome-message h1 {
  898. color:#e5e5e5
  899. }
  900.  
  901. .chat .welcome-message strong {
  902. color:#ccc
  903. }
  904.  
  905. .chat .welcome-message p {
  906. color:#b2b2b2
  907. }
  908.  
  909. .messages .markup pre {
  910. background:transparent!important;
  911. border-color:rgba(255,255,255,0.1)!important
  912. }
  913.  
  914. .messages .markup pre code.hljs {
  915. background:rgba(153,0,0, 0.8)!important;
  916. color:#FFF!important;
  917. padding:1em!important;
  918. border-radius:8px
  919. }
  920.  
  921. .modal-content .markup code.inline,.messages .markup code.inline {
  922. background:rgba(153,0,0, 0.8)!important;
  923. color:#FFF!important;
  924. padding:.3em .6em!important;
  925. border-radius:8px!important
  926. }
  927.  
  928. .channel-textarea-upload {
  929. border:hidden!important
  930. }
  931.  
  932. .theme-dark .channel-textarea.has-results .channel-textarea-inner {
  933. border:hidden
  934. }
  935.  
  936. .channel-textarea-inner {
  937. border:hidden!important;
  938. background:rgba(35,35,35,.75)!important;
  939. margin:0px;
  940. margin-left:-20px
  941. }
  942.  
  943. .channel-textarea-autocomplete-inner {
  944. border:hidden!important;
  945. background:rgba(25,25,25,1)!important;
  946. color:#e5e5e5
  947. }
  948.  
  949. .channel-textarea-autocomplete-inner header {
  950. border:none!important;
  951. background:rgba(35,35,35,1)!important;
  952. color:#e5e5e5!important
  953. }
  954.  
  955. .channel-textarea-autocomplete-inner ul li.active {
  956. background:#232323!important;
  957. color:#e5e5e5;
  958. border:hidden
  959. }
  960.  
  961. .theme-dark .friends-table .messages .message-group .edit-message .edit-operation,.theme-dark .messages-wrapper .messages .message-group .edit-message .edit-operation {
  962. margin:0;
  963. color:#ccc
  964. }
  965.  
  966. .channel-textarea {
  967. margin:23px
  968. }
  969.  
  970. .channel-textarea-guard button {
  971. background:#232323!important
  972. }
  973.  
  974. .channel-textarea-guard button:hover {
  975. background:#900!important
  976. }
  977.  
  978. .channel-textarea-guard div {
  979. color:#ccc
  980. }
  981.  
  982. .theme-dark .chat form .typing {
  983. margin:0 10px -3px 20px
  984. }
  985.  
  986. .spoiler span {
  987. display:none
  988. }
  989.  
  990. .spoiler:before {
  991. min-height:18px;
  992. padding-top:2px;
  993. border-radius:5px;
  994. background:rgba(25,25,25,0.7)
  995. }
  996.  
  997. #twitchcord-button {
  998. background-size:24px;
  999. background-position:20px;
  1000. background-color:transparent;
  1001. opacity:0.4
  1002. }
  1003.  
  1004. #twitchcord-button:hover,#twitchcord-button.twitchcord-button-open {
  1005. opacity:1
  1006. }
  1007.  
  1008. #twitchcord-button-container {
  1009. right:30px!important
  1010. }
  1011.  
  1012. /*** COMPACT MODE ***/
  1013. .message-group.compact .timestamp {
  1014. position:relative;
  1015. top:-3px
  1016. }
  1017.  
  1018. .message-group.compact .message .markup .user-name {
  1019. margin-right:10px
  1020. }
  1021.  
  1022. .guild-channels .channel-text.unread:not(.selected):not(.channel-muted):before {
  1023. left:-8px;
  1024. top:11px
  1025. }
  1026.  
  1027. /*
  1028. __ _ _ _ _ _
  1029. / _|_ __(_) ___ _ __ __| |___ | (_)___| |_
  1030. | |_| '__| |/ _ \ '_ \ / _` / __| | | / __| __|
  1031. | _| | | | __/ | | | (_| \__ \ | | \__ \ |_
  1032. |_| |_| |_|\___|_| |_|\__,_|___/ |_|_|___/\__|
  1033. */
  1034. #friends .btn {
  1035. background-color:#232323!important;
  1036. color:#e5e5e5
  1037. }
  1038.  
  1039. .add-friend-popout header {
  1040. background:#191919 !important
  1041. }
  1042.  
  1043. .add-friend-popout section {
  1044. border-top:none
  1045. }
  1046.  
  1047. .add-friend-popout {
  1048. border-radius:10px
  1049. }
  1050.  
  1051. .add-friend-popout .btn
  1052. background-color:#232323 !important; {
  1053. color:#e5e5e5
  1054. }
  1055.  
  1056. .add-friend-popout .btn:disabled {
  1057. background-color:#232323!important;
  1058. opacity:1;
  1059. color:#e5e5e5
  1060. }
  1061.  
  1062. .add-friend-popout header
  1063. input:focus {
  1064. background:#232323;
  1065. color:#fff;
  1066. border:solid 0 #191919
  1067. }
  1068.  
  1069. .add-friend-popout header input:not(focused) {
  1070. border:hidden;
  1071. background:#232323
  1072. }
  1073.  
  1074. .private-channels .channel:hover:not(.selected) .icon-friends {
  1075. background-color:transparent!important
  1076. }
  1077.  
  1078. .private-channels .channel.btn-friends:not(.selected):hover .badge {
  1079. margin-right:10px;
  1080. background:#900;
  1081. color:#e5e5e5;
  1082. border-radius:0
  1083. }
  1084.  
  1085. .private-channels .channel.btn-friends:not(.selected) .badge {
  1086. margin-right:33px;
  1087. background:#900;
  1088. color:#e5e5e5;
  1089. border-radius:0
  1090. }
  1091.  
  1092. .private-channels .channel.btn-friends.selected .badge {
  1093. margin-right:10px;
  1094. background:#900;
  1095. color:#e5e5e5;
  1096. border-radius:0
  1097. }
  1098.  
  1099. .badge {
  1100. background:#900!important;
  1101. color:#e5e5e5!important;
  1102. border-radius:0!important
  1103. }
  1104.  
  1105. .private-channels .channel .close {
  1106. margin-right:5px
  1107. }
  1108.  
  1109. #friends {
  1110. background:transparent!important
  1111. }
  1112.  
  1113. .friends-header {
  1114. background:rgba(0,0,0,0.65)!important
  1115. }
  1116.  
  1117. .friends-table {
  1118. box-shadow:inset 10px 10px 5px -6px rgba(0,0,0,1);
  1119. background:rgba(0,0,0,0.65)!important;
  1120. margin-top:0!important
  1121. }
  1122.  
  1123. .friends-header,.friends-table .friends-table-header {
  1124. border-bottom:none!important
  1125. }
  1126.  
  1127. .friends-header .tab-bar .tab-bar-separator,.friends-table .friends-table-header .friends-column-separator {
  1128. background:none!important
  1129. }
  1130.  
  1131. .friends-table .friends-table-body {
  1132. padding-top:20px!important
  1133. }
  1134.  
  1135. .friends-table .friends-row:hover {
  1136. background:#191919!important
  1137. }
  1138.  
  1139. #friends .friends-table .friends-row .friends-column-actions .friends-action.friends-action-red {
  1140. background:#232323;
  1141. color:#ccc
  1142. }
  1143.  
  1144. #friends .friends-table .friends-row .friends-column-actions .friends-action.friends-action-red:hover {
  1145. background:#900;
  1146. color:#e5e5e5
  1147. }
  1148.  
  1149. #friends .friends-table .friends-row .friends-column-actions .friends-action.friends-action-green {
  1150. background:#232323
  1151. }
  1152.  
  1153. #friends .friends-table .friends-row .friends-column-actions .friends-action.friends-action-green:hover {
  1154. background:#900
  1155. }
  1156.  
  1157. #friends .friends-table .friends-row .friends-column-actions .friends-action+div {
  1158. background:#232323
  1159. }
  1160.  
  1161. #friends .friends-table .friends-row .friends-column-actions .friends-action+div:hover {
  1162. background:#900
  1163. }
  1164.  
  1165. .theme-dark #friends .friends-empty p {
  1166. color:#ccc
Advertisement
Add Comment
Please, Sign In to add comment