Skip to content

Instantly share code, notes, and snippets.

@Cyken-Zeraux
Last active May 23, 2016 21:26
Show Gist options
  • Save Cyken-Zeraux/43846f421994a03a0e943edf5407907d to your computer and use it in GitHub Desktop.
Save Cyken-Zeraux/43846f421994a03a0e943edf5407907d to your computer and use it in GitHub Desktop.
asl;jkfweioasdf
/* Better Discord Better Minimal Mode
Contributors:
CZauX
Hammock
NSANE
*/
/* Top Nav */
/* Guild Pane */
.bd-minimal .guilds {
padding-left:5px;
margin-bottom:120px;
width:45px;
overflow-x:hidden;
}
.bd-minimal .guilds .friends-online {
font-size:9px;
margin-left:-8px;
color:hsla(0, 100%, 100%, 0.97);
}
.bd-minimal .guilds .friends-online {
font-size: 12px;
word-spacing: 50px;
line-height: 25px;
margin-left: 5px;
width: 25px;
height: 25px;
border-radius: 20px;
overflow: hidden;
background: rgba(0,0,0,0.5);
color: white;
}
.bd-minimal .guilds .friends-icon {
width: 35px;
height: 35px;
background-size: 100%;
font-size: 15px;
line-height: 35px;
}
.bd-minimal .guilds-wrapper .guilds .guild .guild-inner a {
width: 35px;
height: 35px;
background-size: 100%;
line-height: 35px;
}
.bd-minimal .guilds-wrapper .guilds .guild {
width: 35px;
height: 35px;
}
.guilds-wrapper .guilds .guild .guild-inner {
line-height: 35px;
}
.bd-minimal .guild .guild-inner, .bd-minimal .guild .guild-inner a.avatar-small, .bd-minimal .guilds .friends-icon, .bd-minimal .guilds-wrapper .guilds .guild {
width: 35px;
height: 35px;
}
.bd-minimal #bd-pub-li {
margin-left:-1px;
}
.bd-minimal #bd-pub-li .guild-inner {
width:38px;
}
.bd-minimal #bd-pub-button {
padding-left:4px;
font-size: 10px;
}
/* Guild Channels Pane */
.bd-minimal .channels-wrap {
min-width: 170px;
max-width:200px;
width:auto;
}
.bd-minimal #guild-channels {
padding-left: 10px;
}
.bd-minimal .guild-header header {
padding:0 12px;
}
.bd-minimal .guild-header header span {
margin-left: 0;
}
.bd-minimal .btn-hamburger {
margin-right: -20px;
}
.bd-minimal .guild-header ul a {
margin: 10px 12px;
padding: 5px 4px;
}
.bd-minimal .guild-header ul {
top: 40px;
}
.bd-minimal .guild-channels ul .channel-text.unread:not(.selected):not(.channel-muted):before {
left: -6px;
top: 11px;
width: 6px;
height: 6px;
}
.bd-minimal .guild-channels ul .channel-voice-states {
margin-left: -5px;
padding-left:0;
}
.bd-minimal #voice-connection {
padding: 6px 2px;
margin-left:-45px;
}
.bd-minimal #voice-connection .btn {
width: 24px;
height: 24px;
}
.bd-minimal #voice-connection .voice-connection-status-connected {
font-size:12px;
}
.bd-minimal #voice-connection .voice-connection-channel {
margin-right: 0;
}
.bd-minimal #voice-connection .voice-connection-status .ping {
margin-right: 3px;
}
.bd-minimal #voice-connection .voice-connection-inner {
padding-left:6px;
}
.bd-minimal #voice-connection .btn-group {
padding-right: 4px;
}
.bd-minimal .account {
padding:0 2px;
height:50px;
margin-left:-45px;
}
.bd-minimal .account .btn {
width: 24px;
height: 24px;
}
.bd-minimal .account .btn-group {
padding-right: 4px;
}
.bd-minimal .account .avatar-small {
margin-left: 5px;
width:30px;
height:30px;
background-size:30px 30px;
display:block;
}
.bd-minimal .bd-minimal .account .avatar-small, .bd-minimal .account .username {
display:block;
}
.bd-minimal .account .account-details .discriminator {
padding-top: 4px;
}
.bd-minimal .account .account-details {
padding: 0 10px;
padding-top: 14px;
}
.bd-minimal .account .account-details .username {
margin-top:-15px;
}
.bd-minimal .links {
margin-left:-45px;
}
/* Message Wrapper Pane */
.bd-minimal .message-group {
overflow:hidden;
margin-left:5px;
}
.bd-minimal .avatar-large {
border-radius:20px;
max-width:30px;
max-height:30px;
margin-right:4px;
}
.bd-minimal .message-group:last-child {
margin-bottom:8px;
}
.bd-minimal .message-group .comment {
padding-left: 5px;
}
.bd-minimal .message-group .comment .markup pre {
max-width:none;
}
.bd-minimal .message-group .edit-message .edit-container-outer {
margin-left: 42px;
}
.bd-minimal .message-group .edit-message .edit-container-inner {
margin-left:10px;
}
.bd-minimal .channel-textarea {
margin: 10px 0 28px;
}
.bd-minimal .channel-textarea-inner {
padding: 8px 10px;
}
/* Friends Pane */
.bd-minimal #friends .friends-table .friends-row {
height:40px !important;
}
.bd-minimal .private-channels .scroller {
padding: 10px 0;
}
.bd-minimal .private-channels .channel.btn-friends {
margin-bottom: 10px;
}
.bd-minimal .private-channels .channel a {
height: 35px;
padding-left: 15px;
}
/* Members Pane */
.bd-minimal .channel-members {
width: 200px;
}
.bd-minimal .channel-members .member {
height:30px;
}
.bd-minimal .channel-members h2 {
font-size: 14px;
padding:0 15px;
max-width:195px;
}
.bd-minimal .channel-members h2 {
margin-top: 10px;
padding:0;
padding-left:15px;
padding-right:0;
margin-bottom: 5px;
}
.bd-minimal .channel-members .avatar-small {
max-width: 25px;
max-height: 25px;
background-size: 25px 25px;
}
/* Detached CSS Editor */
.bd-minimal #bd-customcss-detach-container {
padding-top:42px;
}
.bd-minimal .guild-channels ul .channel-text.selected {
background: -webkit-linear-gradient(left,#9A1F1F 85%,#2e3136);
background: linear-gradient(90deg,#9A1F1F 85%,#2e3136);
}
.message-group-blocked {
display:none;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment