Cacher is the code snippet organizer for pro developers

//META{"name":"Sinp-la JP","description":"Clean Theme, Clean Source.","author":"Eai","version":"1.1"}*//

body {
    background: url(https://i.imgur.com/2yQwbf8.jpg);
    background-size:cover;
    font-family: Whitney, "Helvetica Neue", "メイリオ" !important;
}

/* app */

.scroller::-webkit-scrollbar-thumb{
    background-color:rgba(114,137,218,.3) !important;
}
.scroller::-webkit-scrollbar-thumb:hover{
    background-color:rgba(114,137,218,.8) !important;
}

 
/* left */

.guilds-wrapper {
    width: 40px;
    background: rgba(30,33,36,.8);
    transition: .5s ease; 
}
.guilds-wrapper:hover {
    width: 80px;
}
.guilds-wrapper .guild-separator:after {
    background: rgba(46,49,54,.3);
}
.channels-wrap {
    width: 200px;
    background: rgba(28,30,34,.8);
    transition: .5s ease; 
}
.channels-wrap:hover {
    width: 240px;
}
.private-channels {
    background-color: rgba(46,49,54,.3);
}
.private-channels .channel.selected {
    background: -webkit-linear-gradient(left,rgba(40,43,48,.5) 85%,rgba(46,49,54,.5));
    background: linear-gradient(90deg,rgba(40,43,48,.5) 85%,rgba(46,49,54,.5));
}
.search-bar {
    background-color: rgba(46,49,54,.3);
}
.guild-header header:hover {
    background-color: rgba(40,43,48,.3);
}
.guild-header header {
    background-color: rgba(46,49,54,.3);
    box-shadow: 0 1px 0 rgba(36,39,43,.3),inset 0 -1px 0 rgba(0,0,0,.1);
}
.guild-header ul {
    top: 0px;
}
.guild-channels {
    background-color: rgba(46,49,54,.3);
}
.guild-channels .channel-text.selected {
    background: -webkit-linear-gradient(left,rgba(40,43,48,.5) 85%,rgba(46,49,54,.5));
    background: linear-gradient(90deg,rgba(40,43,48,.5) 85%,rgba(46,49,54,0.5));
}
#voice-connection {
    background: rgba(40,43,48,.3);
    border-top: 1px solid rgba(28,30,34,.3);
}
.account {
    background: rgba(28,30,34,.3);
    border-top: 1px solid rgba(28,30,34,.3);
}
.account .btn-group {
    position: absolute;
    bottom: 18px;
    left: 130px;
}
.links {
    display: none;
}


/* canter */

#friends {
    background-color: rgba(255,255,255,.8);
}
#friends .friends-header {
    background-color: transparent;
}
#friends .friends-table .friends-table-header {
    border-bottom: 1px solid rgba(233,231,231,.8);
}
.chat>.title-wrap {
    background-color: rgba(255,255,255,.8);
}
.chat .content {
    background-color: rgba(255,255,255,.8);
}
.channel-textarea {
    margin: 10px 0 14px;
}


/* right */

.channel-members-wrap {
    min-width: 200px;
}
.channel-members {
    background-color: rgba(243,243,243,0.3);
}
.channel-members .member.popout-open, .channel-members .member:hover {
    background: -webkit-linear-gradient(left,rgba(235,235,235,.5) 85%,rgba(243,243,243,.5));
    background: linear-gradient(90deg,rgba(235,235,235,.5) 85%,rgba(243,243,243,.5));
}
.channel-members h2 {
    padding: 0 15px;
}
.channel-members .member {
    padding: 5px 15px;
}

/* other */
.user-popout .footer {
    display: none;
}