Horizontal

Untitled

Apr 23rd, 2017
68,878
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 7.55 KB | None | 0 0
  1. //META{"name":"Casual Dark","description":"A nice sleek and dark Discord skin","author":"Quietess","version":"1.0"}*//
  2.  
  3. .help-container {
  4. display: none;
  5. }
  6.  
  7. .links,
  8. .chat,
  9. .typing,
  10. .content,
  11. .guild-channels,
  12. .private-channels,
  13. .guild-header header,
  14. .divider-red span,
  15. .messages-wrapper,
  16. #voice-connection {
  17. background: transparent !important;
  18. }
  19.  
  20. .guild-channels ul .channel-text.unread:not(.selected):not(.channel-muted):before {
  21. left:-15px;
  22. }
  23.  
  24. /*.links,*/
  25. .help-container {
  26. display: none;
  27. }
  28.  
  29. /* Server list area */
  30. .guilds-wrapper { background:#19191b !important }
  31.  
  32. /* Channels list area */
  33. .channels-wrap { background:#19191b !important }
  34.  
  35. /* Chat area */
  36. .content .flex-spacer { background:#19191b }
  37.  
  38. /* User list area */
  39. .channel-members { background:#19191b !important }
  40.  
  41. div.message-group {
  42. background-color: #19191b;
  43. }
  44.  
  45. textarea {
  46. background:transparent !important;
  47. }
  48.  
  49. .scroller-wrap .scroller::-webkit-scrollbar-thumb {
  50. border:3px solid rgba(57, 57, 59, 1) !important;
  51. background-color:#19191b !important;
  52. }
  53.  
  54. .scroller-wrap .scroller::-webkit-scrollbar-track-piece {
  55. border:3px solid rgba(255,255,255,0) !important;
  56. background-color:#19191b !important;
  57. }
  58.  
  59. .guild-header header {
  60. box-shadow:none !important;
  61. color:#8d2036;
  62. }
  63.  
  64. .guilds {
  65. padding:20px 20px 85px 15px;
  66. }
  67.  
  68. .guilds-add {
  69. font-size:30px;
  70. background:#19191b;
  71. }
  72.  
  73. .guilds .friends-online {
  74. margin-left:-5px;
  75. }
  76.  
  77. .guilds li .guild-inner {
  78. background:#19191b !important;
  79. }
  80.  
  81. .guilds li.active .guild-inner {
  82. background:#25ACE8;
  83. }
  84.  
  85. .guilds li .guild-inner:hover {
  86. background:#1D6586;
  87. }
  88.  
  89. .guilds li .guild-inner a, .guilds li, .guilds li .avatar-small {
  90. width:40px;
  91. height:40px;
  92. }
  93.  
  94. .guilds li .avatar-small {
  95. width:40px;
  96. height:40px;
  97. background-size: 40px 40px;
  98. }
  99.  
  100. .guilds li .guild-inner {
  101. line-height:40px;
  102. }
  103.  
  104. .guilds .friends-icon {
  105. width:40px;
  106. height:40px;
  107. background-size:25px 19px;
  108. }
  109.  
  110. .guilds li.audio .guild-inner:after {
  111. background-size:12px;
  112. background-color:rgba(0,0,0,0.8);
  113. }
  114.  
  115. .guilds-separator:after {
  116. background:#19191b;
  117. }
  118.  
  119. .guilds li .guild-inner:before {
  120. display:none;
  121. }
  122.  
  123. .guilds li.unread .guild-inner:before,
  124. .guild-channels ul .channel-text.unread:not(.selected):not(.channel-muted):before {
  125. background:#25ACE8;
  126. }
  127.  
  128. .guilds li.active .guild-inner:before {
  129. background:#fff !important;
  130. }
  131.  
  132. .guilds .friends-online {
  133. color: #ccc;
  134. font-size: 9px;
  135. margin-left: -7px;
  136. line-height: 20px;
  137. width: 55px;
  138. height: 20px;
  139. border-radius: 25px;
  140. overflow: hidden;
  141. background: rgba(0,0,0,0.3);
  142. }
  143.  
  144. .guild-channels ul .channel.selected,
  145. .private-channels .channel.selected,
  146. .private-channels .search-result.selected,
  147. .private-channels .search-result:hover {
  148. background:#16161b !important;
  149. }
  150.  
  151. .guild-channels header h2,
  152. .private-channels header {
  153. opacity:.6;
  154. background: rgba(0,0,0,0.5);
  155. color: #8d2036;
  156. padding-top: 8px;
  157. padding-bottom: 8px;
  158. }
  159.  
  160. .guild-channels ul .channel.selected,
  161. .private-channels .channel.selected,
  162. .private-channels .search-result.selected,
  163. .private-channels .search-result:hover {
  164. background:#16161b !important;
  165. }
  166.  
  167. .guild-channels ul .channel:not(.selected):hover,
  168. .private-channels .channel:not(.selected):hover {
  169. background:rgba(0,0,0,0.3) !important;
  170. }
  171.  
  172. .account {
  173. z-index:9;
  174. border-top:none !important;
  175. /*width:290px;
  176. margin-left:-80px;*/
  177. padding:0 15px !important;
  178. background:#19191b;
  179. height:50px;
  180.  
  181. }
  182.  
  183. .links {
  184. background-color:#19191b !important;
  185.  
  186. }
  187.  
  188. .account .btn {
  189. background:transparent;
  190. box-shadow:none !important;
  191. }
  192.  
  193. #voice-connection {
  194. z-index:9;
  195. border-top:none !important;
  196. /*width:285px;
  197. margin-left:-83px;*/
  198. padding:15px 20px 15px 18px !important;
  199. }
  200.  
  201. #voice-connection .btn {
  202. background:#19191b;
  203. box-shadow:none !important;
  204. }
  205.  
  206. .title-wrap {
  207. border-bottom:#19191b !important;
  208. background:#19191b !important;
  209. }
  210.  
  211. .chat .new-messages-bar {
  212. background-color:#8d2036;
  213. }
  214.  
  215. .chat .new-messages-bar:hover {
  216. background-color:#6d2036;
  217. }
  218.  
  219. .chat>.title-wrap>.topic {
  220. font-size:12px;
  221. margin-top:5px;
  222. color:#656565 !important;
  223. }
  224.  
  225. .chat .divider>span {
  226. background:#19191b !important;
  227. font-size:12px;
  228. text-transform:uppercase;
  229. margin:0px 0px;
  230. border-radius: 0px;
  231. opacity: 1;
  232. padding: 5px 15px;
  233. width: 100%;
  234. text-align: center;
  235. }
  236.  
  237. .chat>.content .messages .message-group {
  238. border-bottom: none !important;
  239. }
  240.  
  241. .chat>.content .messages .message-group a {
  242. color:#25ACE8 !important;
  243. }
  244.  
  245. .chat>.content .messages .message-group .markup {
  246. color:#aaaaaa !important;
  247. line-height:1.3em;
  248. }
  249.  
  250. .channel-textarea-inner {
  251. border: 2px solid rgba(255,255,255,0.1) !important;
  252. background:#19191b !important;
  253. }
  254.  
  255. .typing {
  256. font-size:11px;
  257. }
  258.  
  259. .channel-members .member:hover {
  260. background:rgba(255,255,255,0.07) !important;
  261. }
  262.  
  263. .channel-members .member .member-username {
  264. font-size:13px;
  265. }
  266.  
  267. .channel-members .member .member-game {
  268. font-size:10px;
  269. }
  270.  
  271. .channel-members .avatar-small .status {
  272. border-color:rgba(0,0,0,0.7) !important;
  273. }
  274.  
  275. .channel-members h2 {
  276. color: #8d2036 !important;
  277. background: rgba(0,0,0,0.5);
  278. padding-top: 8px;
  279. padding-bottom: 8px;
  280. }
  281.  
  282. .channel-members h2:first-of-type {
  283. margin-top:0px !important;
  284. }
  285.  
  286. .popout header,
  287. .slider-bar-fill {
  288. background-color:#39393b;
  289. border:1px solid #19191b;
  290. }
  291.  
  292. .user-popout .user-popout-options .btn {
  293. background-color:#39393b;
  294. border:1px solid #19191b;
  295. }
  296.  
  297. .user-popout .user-popout-options .btn:hover {
  298. background-color:#19191b;
  299. border:1px solid #19191b;
  300. }
  301.  
  302. .settings .settings-header {
  303. background:#1a1d20 !important;
  304. }
  305.  
  306. .form .btn-primary {
  307. background-color:#39393b;
  308. }
  309.  
  310. .form .btn-primary:hover {
  311. background-color:#19191b;
  312. }
  313.  
  314. .user-settings-modal a:hover {
  315. color:#1d2036;
  316. }
  317.  
  318. .tab-bar.SIDE {
  319. margin-right: -17px;
  320. }
  321.  
  322. .guild-header ul {
  323. background:#19191b !important;
  324. border:2px solid rgba(0,0,0,1);
  325. opacity:0 !important;
  326. transition: transform .5s cubic-bezier(0.18, 0.89, 0.32, 1.28) !important;
  327. padding-top:100px;
  328. top:-56px;
  329. }
  330.  
  331. .guild-header-open ul {
  332. opacity: 1 !important;
  333. }
  334.  
  335. #friends .btn,
  336. .add-friend-popout .btn,
  337. .private-channels .channel.selected .icon-friends {
  338. background-color:#19191b !important;
  339. }
  340. .private-channels .search-bar {
  341. background:rgba(10,13,16,0) !important;
  342. }
  343. .private-channels .search-bar input {
  344. background:#19191b !important;
  345. }
  346.  
  347. .friends-header {
  348. background:#19191b !important;
  349. }
  350.  
  351. .friends-table {
  352. background:#19191b !important;
  353. margin-top:0 !important;
  354. }
  355.  
  356. .friends-header,
  357. .friends-table .friends-table-header {
  358. border-bottom: 1px solid hsla(0,0%,100%,.1) !important;
  359. }
  360.  
  361. .friends-header .tab-bar .tab-bar-separator,
  362. .friends-table .friends-table-header .friends-column-separator {
  363. background-color:hsla(0,0%,100%,.1) !important;
  364. }
  365.  
  366. .friends-table .friends-table-body {
  367. padding-top:20px !important;
  368. }
  369.  
  370. .friends-table .friends-row:hover {
  371. background: #39393b !important;
  372. }
  373.  
  374. .theme-dark .chat .title-wrap .channel-name {
  375. font-size: 13px;
  376. }
  377. .theme-dark .chat .title-wrap .topic {
  378. padding-bottom: 6px;
  379. }
  380. .theme-dark .friends-table .messages .message-group h2 span, .theme-dark .messages-wrapper .messages .message-group h2 span {
  381. font-size: 10px;
  382. }
  383.  
  384. .theme-dark .friends-table .messages .message-group h2 strong, .theme-dark .messages-wrapper .messages .message-group h2 strong {
  385. font-size: 15px;
  386. }
  387.  
  388. div.avatar-large {
  389. border-radius: 5px;
  390. }
  391.  
  392. div.avatar-small {
  393. border-radius: 5px;
  394. }
Add Comment
Please, Sign In to add comment