Advertisement
Guest User

Discord Compact Theme

a guest
Oct 28th, 2016
90
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 3.31 KB | None | 0 0
  1. .btn-mute {
  2.     width: 20px!important;
  3. }
  4. .btn-deafen {
  5.     width: 20px!important;
  6. }
  7. .btn-settings {
  8.     width: 20px!important;
  9. }
  10. .btn-group {
  11.     margin-left: 10px!important;
  12. }
  13. .osx-buttons {
  14.     left: 6px;
  15.     top: 12px;
  16. }
  17. .osx-buttons button {
  18.     width: 10px;
  19.     height: 10px;
  20.     border-radius: 4px;
  21.     padding: 0;
  22. }
  23. .osx-buttons button + button {
  24.     margin-left: 4px;
  25. }
  26. .win-buttons {
  27.     height: 44px;
  28. }
  29. #bd-pub-button {
  30.     width: 24px;
  31.     overflow: hidden;
  32.     font-size: 10px!important;
  33. }
  34. .guild:first-of-type {
  35.     margin-top: 15px;
  36. }
  37. .guilds-wrapper {
  38.     width: 40px;
  39. }
  40. .guilds-wrapper .guilds {
  41.     padding: 10px 6px;
  42. }
  43. .guilds-wrapper .guilds .guild,
  44. .guilds-wrapper .guilds .friends-icon {
  45.     width: 25px;
  46.     height: 25px;
  47.     background-size: 25px 25px;
  48. }
  49. .guilds-wrapper .guilds .friends-online {
  50.     font-size: 6pt;
  51.     text-align: center;
  52.     margin-left: -2px;
  53.     text-wrap: break-word;
  54.     width: 30px;
  55. }
  56. .guilds-wrapper .guilds .guild.guilds-add {
  57.     font-size: 20px;
  58.     line-height: 19px;
  59.     margin-left: 2px;
  60. }
  61. .guild-separator {
  62.     margin-left: -12px;
  63. }
  64. .guild-channels .channel-voice {
  65.     padding: 0;
  66. }
  67. .guilds-wrapper .guilds .guild.selected:before,
  68. .guilds-wrapper .guilds .guild.unread:before {
  69.     left: -15px;
  70.     height: 30px;
  71.     margin-top: -16px;
  72. }
  73. .guilds-wrapper .guilds .guild.audio .guild-inner:after {
  74.     background-size: 10px;
  75.     width: 10px;
  76.     height: 10px;
  77.     border-radius: 4px;
  78. }
  79. .guilds-wrapper .guilds .guild .guild-inner  {
  80.     border-radius: 12px!important;
  81. }
  82. .guilds-wrapper .guilds .guild .guild-inner a {
  83.     width: 25px;
  84.     height: 25px;
  85.     line-height: 25px;
  86. }
  87. .message-group.compact.message-group {
  88.     padding: 0;
  89. }
  90. .message-group.compact.message-group {
  91.     margin-left: 5px;
  92. }
  93. .message-group.compact.message-group .comment {
  94.     margin-right: 0px;
  95. }
  96. .message-group.compact .timestamp {
  97.     width: 50px;
  98. }
  99. .message-group.compact .message .markup {
  100.     text-indent: -55px;
  101.     padding-left: 55px;
  102. }
  103. .message-group.compact .accessory {
  104.     padding-left: 55px;
  105. }
  106. .chat form {
  107.     margin: 0 5px;
  108. }
  109. .chat>.title-wrap {
  110.     padding: 6px 20px 6px 10px;
  111.     min-height: auto;
  112. }
  113. .channels-wrap {
  114.     width: 150px;
  115. }
  116. .channel-members-wrap {
  117.     min-width: 50px!important;
  118.     width: 150px!important;
  119.     resize: horizontal!important;
  120. }
  121. .channel-members h2 {
  122.     padding: 0 10px!important;
  123. }
  124. .channel-members .member {
  125.     padding: 5px 16px 5px 10px;
  126. }
  127. .channel-voice .channel-name {
  128.     font-size: 13px;
  129. }
  130. .avatar-small {
  131.     display: none;
  132. }
  133. .guild-header header {
  134.     height: 20px;
  135.     padding: 21px 12px 21px 24px;
  136. }
  137. .guild-header header span {
  138.     line-height: 20px;
  139. }
  140. .guild-channels header {
  141.     margin-top: 5px;
  142. }
  143. .guild-channels .channel-voice {
  144.     padding-left: 5px;
  145. }
  146. .guild-channels .channel-text.unread:not(.selected):not(.channel-muted):before {
  147.     top: 8px;
  148. }
  149. .channel-textarea {
  150.     margin: 10px 0 20px;
  151. }
  152. .typing {
  153.     background-color: transparent!important;
  154.     height: 20px;
  155. }
  156. .typing .ellipsis {
  157.     height: 30px;
  158. }
  159. .account, #voice-connection {
  160.     padding: 5px 5px;
  161.     height: auto;
  162. }
  163. #voice-connection .voice-connection-status-connected {
  164.     font-size: 10px;
  165. }
  166. .account .account-details {
  167.     padding: 0;
  168. }
  169. .avatar-small { width: 9px; height: 9px; }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement