liver bdiscord css 9.4.16

nosnow{}
#twitchcord-button {
background-image: url(https://a.pomf.cat/igycpe.png)!important
}

#twitchcord-button.twitchcord-button-open {
background-image:
url(https://cdn.frankerfacez.com/emoticon/35694/1)!important
    }

.channel-textarea-emoji>.sprite-item,
.channel-textarea-emoji.popout-open .sprite-item
{
  background-image:url(https://cdn.frankerfacez.com/emoticon/72266/1)!important;
  width:40px;
  height:40px;
  opacity:1;
  filter:none;
  transform:scale(1);
  transition:none;
  background-size:32px 32px!important;
  background-position:4px 4px!important;
}

.channel-textarea-emoji.hovered>.sprite-item
{
  background-image:url(https://cdn.betterttv.net/emote/55ec05672538a92d53dca5f1/1x)!important;
  width:40px;
  height:40px;
  transform:scale(1);
  background-size:32px 32px!important;
  background-position:4px 4px!important;
}


body {
    #@import url(https://fonts.googleapis.com/css?family=Architects+Daughter);
    font-family: 'Architects Daughter';
    font-size: 16px;
    text-transform: capitalize, lowercase;
    letter-spacing: 0.1em;
    color: #0B5C47;
    background: url(https://db.tt/0rmbUcIW) repeat top left fixed, auto !important
    cursor: url(https://db.tt/lQNcIbRZ), auto !important;
}

.emote:hover {-webkit-animation-play-state:paused!important;}

/*Semen Demon background Image*/
.messages-wrapper
{

background-image:url("https://a.pomf.cat/idynez.png") !important;
    background-position: bottom right !important;
    background-repeat:no-repeat !important;
    background-size:450px 800px;
    z-index:0
}

[.CodeMirror
{
    position:fixed;
    top:0;
    left:0;
    bottom:0;
    right:0;
    height:75%;
    z-index:0;
}]

.CodeMirror-gutter-filler, .CodeMirror-hscrollbar, .CodeMirror-scrollbar-filler, .CodeMirror-vscrollbar
{
    background:#181818;
}

.CodeMirror-cursor
{
    border-left: 2px solid #fff;
    border-right: none;
    width: 0;
}

.CodeMirror-linenumber
{
    background:#181818;
    border:1px solid #fff;
}

.CodeMirror-scroll
{
    background:#181818;
    color:#fff;
}


/*Emotes*/
.emote {
   width:130%;
   height:130%;
}

.message-group .emoji {
   width:10%;
   height:10%;
}

.avatar-large:before
{
    position: absolute;
    top: -125px;
    left: -105px;
    content: url('https://icons.iconarchive.com/icons/youthedesigner/christmas-graphics/256/santa-hat-icon.png');
    transform: scale(0.3);
}

background-position: 50px 10px;

/*Guilds and shits, channel name etc*/
.active .guild-inner:before
{
    background:#00FFFF!important;
}

.guilds li.audio .guild-inner:after
{
    background:url(//s17.postimg.org/4cpj1ok4v/notification_sound_icon.gif)center no-repeat;
    background-size:16px;
}

.guilds li.active .guild-inner {
    background: transparent!important;
}

.guilds li:hover .guild-inner {
    background: transparent!important;
}

.unread .guild-inner:before
{
    background:#ff3333!important;
}

.guild-channels ul .channel-text.selected:before
{
    border-left:4px solid #DC54E8;
    right:10px;
    border-radius:8px 0 0 10px;
}

.guild-channels ul .channel-text.selected:hover:before
{
    border-left:4px solid;
    border-radius:6px;
    animation-name: hovercolors;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    background:transparent;
}
@keyframes hovercolors
{
    0%      {color: cyan;}
    25%     {color: transparent;}
    50%     {color: cyan;}
    75%     {color: transparent;}
    100%    {color: cyan;}
}

.guild-channels ul .channel-text:hover a
{
    background-color:#181818;
    border-left:4px solid;
    border-radius:6px;
    animation-name: colors;
    animation-duration: 2s;
    animation-iteration-count: infinite;
}
@keyframes colors
{
    0%      {color: cyan;}
    25%     {color: transparent;}
    50%     {color: cyan;}
    75%     {color: transparent;}
    100%    {color: cyan;}
}

.guild-channels ul .channel-text:hover
{
    background:#181818!important;
    border-left-radius:6px;
}

.guild-channels ul .channel-text:hover:not(.unread):before
{
    border-left:4px solid;
}

.guild-header ul
{
    background-color:#181818;
}

.guild-channels header h2
{
    color:#DC54E8;
    padding-left:50px;
}

.guilds, .guilds-wrapper, .help-container, .help-container:after
{
    background:#181818!important;
}

.guilds .friends-icon
{
    background-color:#181818
}

.guild-channels ul .channel-text.channel-muted:not(.selected) a:hover
{
    border-left:4px solid;
    opacity:1;
    background:#181818;
    border-radius:7px;

    animation-name: mutedcolors;
    animation-duration: 2s;
    animation-iteration-count: infinite;
}
@keyframes mutedcolors
{
    0%      {color: red;}
    25%     {color: transparent;}
    50%     {color: red;}
    75%     {color: transparent;}
    100%    {color: red;}
}

.guild-channels ul .channel-text:hover:not(.unread):before
{
    border-left: 4px solid transparent;

}

.guild-channels ul .channel-text.channel-muted:not(.selected) a:hover
{
    border-right:4px solid;
    opacity:1;
    background:#181818;
    border-radius:7px;

    animation-name: mutedcolors;
    animation-duration: 2s;
    animation-iteration-count: infinite;
}
@keyframes mutedcolors
{
    0%      {color: red;}
    25%     {color: transparent;}
    50%     {color: red;}
    75%     {color: transparent;}
    100%    {color: red;}
}

.guild-channels ul .channel-text:hover:not(.unread):not(.channel-muted)
{
    border-right:4px solid;
    opacity:.7;
    background:#181818!important;
    border-radius:6px;

    animation-name: rightblinkycolors;
    animation-duration: 2s;
    animation-iteration-count: infinite;
}
@keyframes rightblinkycolors
{
    0%      {color: cyan;}
    25%     {color: transparent;}
    50%     {color: cyan;}
    75%     {color: transparent;}
    100%    {color: cyan;}
}

.guild-channels ul .channel-text.channel-muted:not(.selected) a
{
    border-radius:6px;
}

.channel-muted
{
    border-radius:7px;
}

.guild-channels ul .channel-text:hover
{
    background: transparent;
}

.guild-channels ul .channel-text.unread:not(.selected):not(.channel-muted):before
{
    border-left:4px solid;
    border-radius:6px;
    height:35px;
    width:4px;
    left:0px;
    top:0px;
    border-radius: 95px 0 0 95px;
    background:transparent;

   animation-name: unread;
    animation-duration: 2s;
    animation-iteration-count: infinite;
}
@keyframes unread
{
    0%      {color: cyan;}
    25%     {color: transparent;}
    50%     {color: cyan;}
    75%     {color: transparent;}
    100%    {color: cyan;}
}

.guild-channels ul .channel-text.unread:not(.selected):not(.channel-muted):hover:before
{
    border-right:4px solid;
    border-radius:6px;
    height:35px;
    width:2px;
    left:230px;
   top:0px;
    border-radius: 0 95px 95px 0;
    background:transparent;

   animation-name: unreadright;
    animation-duration: 2s;
    animation-iteration-count: infinite;
}
@keyframes unreadright
{
    0%      {color: cyan;}
    25%     {color: transparent;}
    50%     {color: cyan;}
    75%     {color: transparent;}
    100%    {color: cyan;}
}

.guild-channels ul .channel-text.unread:not(.selected):not(.channel-muted):hover:before
{
    border-left: 4px solid transparent;
}

.guild-channels ul .channel-text.unread:not(.selected):not(.channel-muted):hover
{
    border-radius:6px;
}


.username
{
    letter-spacing:2px;
    font-size: 14px;
    padding: 8px;
}

/*Bottom-Left-Area(Account-Name/Mute_and_Deafen)*/

.account .btn-group
{
    border:none;
}

.account .btn-deafen
{
    border-radius:50px;
}

.account .btn

{
    border-radius:50px;
    border:1px solid #D667E0;
}

.account .btn
{
    background:#181818;
}

/*Private-Message*/

.private-channels, .guild-channels,
.guild-header header, .account, .links,
.channel-members, .title-wrap
{
    background:#181818!important;
    background-color:#181818!important;
}

.private-channels .search-bar
{
    background-color:#181818
}

.private-channels .channel.selected
{
    background:linear-gradient(90deg,#191919 85%,#181818);
    border-radius:6px;
}

.private-channels .channel:hover
{
    background:#111111!important;
    border-left:4px solid;
    border-radius:6px;

    animation-name: colors;
    animation-duration: 2s;
    animation-iteration-count: infinite;
}
@keyframes colors
{
    0%      {color: cyan;}
    25%     {color: transparent;}
    50%     {color: cyan;}
    75%     {color: transparent;}
    100%    {color: cyan;}
}

.private-channels .channel.selected:before
{
    border-left:4px solid #00FFFF;
    right:10px;
    border-radius:8px 0 0 8px;
}

.private-channels .channel:hover:before
{
height:0%;
}

/*Settings Menu*/
.settings .settings-header
{
    letter-spacing:1px;
    border-radius:50px 0 0 50px;
}

.user-settings-modal.settings
{
    border-radius: 50px;
    border:2px solid #181818;
    padding-right:40px;
}

.form .btn-primary:hover
{
    background-color:#111111!important;
    color:cyan;
    font-style:inherit;
    font-weight:800;
}

.form .btn-primary
{
    background-color:#181818;
}

.settings .settings-actions
{
    background-color:transparent;
}

.user-settings-modal .settings-wrapper
{
    background-color:#181818;
}

.form .control-group input[type=email],
.form .control-group input[type=password],
.form .control-group input[type=text],
.form .control-group textarea
{
    background-color:#494949;
    color:#ffffff;
    padding-left:10px;
    border-radius:50px;
}

.form .control-group input[type=email]:focus,
.form .control-group input[type=password]:focus,
.form .control-group input[type=text]:focus,
.form .control-group textarea:focus
{
    border-bottom: 2px solid #00FFFF;
}

.form .control-group label
{
    color:#00FFFF;
    font-weight:600;
    letter-spacing: 2px;
}

.user-settings-modal a
{
    color:cyan;
}

.user-settings-modal a:hover
{
    color:cyan;
    opacity:.5;
}

.checkbox .checkbox-inner input[type=checkbox]:checked+span:after
{
    position: absolute;
    top:0;
    left:4px;
    display:table;
    width:4px;
    height:10px;
    border:2px solid cyan;
    border-top-width:0;
    border-left-width:0;
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg);
}

.user-settings-text-chat .help-text
{
    font-size:15px!important;
}

.tab-bar.TOP .tab-bar-item.selected
{
    color:cyan;
    border-color:cyan;
}

.tab-bar.TOP .tab-bar-item:hover
{
    color:#fff;
    border-color:#00FFFF;
}

.tab-bar.SIDE .tab-bar-header
{
    color:#00FFFF;
    padding-left: 25px;
}

.tab-bar.SIDE .tab-bar-item:hover:before
{
    border-left:0px solid transparent;
}

.tab-bar.SIDE .tab-bar-item:hover
{
    border-radius: 25px;
    border: 5px solid;
    padding: 15px;
    padding-bottom:15px;
    padding-left:55px;
    padding-top:5px;
    width: 95px;
    height: 5px;

    animation-name: colors;
    animation-duration: 4s;
    animation-iteration-count: infinite;
}
@keyframes colors {
    0%      {color: cyan;}
    25%     {color: transparent;}
    50%     {color: cyan;}
    75%     {color: transparent;}
    100%    {color: cyan;}
}

.tab-bar.SIDE .tab-bar-item.selected:before
{
    border-radius: 25px;
    border: 5px solid;
    padding: 10px;
    width: 145px;
    height: 5px;

    animation-name: selectedcolors;
    animation-duration: 4s;
    animation-iteration-count: infinite;
}
   @keyframes selectedcolors {
    0%      {color: cyan;}
    25%     {color: transparent;}
    50%     {color: cyan;}
    75%     {color: transparent;}
    100%    {color: cyan;}
}

.tab-bar.SIDE
{
    padding-left:10px;
    background:#111111;
}

.language-select .Select-menu::-webkit-scrollbar
{
    background-color: transparent;
    background-clip: padding-box;
}

.language-select .Select-menu::-webkit-scrollbar-thumb
{
    background-color: #00FFFF;
    background-clip: padding-box;
    border: none;
    border-radius: 8px;
}

.language-select .Select-menu::-webkit-scrollbar-track-piece
{
    border: 1px solid #00FFFF;
    background: #181818;
    border-radius: 10px;
}

.guild-settings-modal-members h6
{
    color:#fff;
}

.guild-settings-modal-members .guild-settings-modal-members-footer .help-text strong
{
    color:#fff;
}

#settings-roles-pro-tip .pro-tip
{
    color:#00FFFF;
}

#settings-roles-pro-tip
{
    color:#fff;
}

.Select-menu::-webkit-scrollbar
{
    background-color: #transparent;
    background-clip: padding-box;
    width:8px;
}

.Select-menu::-webkit-scrollbar-thumb
{
    background-color: #00FFFF;
    background-clip: padding-box;
    border: none;
    border-radius: 8px;
}

.Select-menu::-webkit-scrollbar-track-piece
{
    border: 1px solid #00FFFF;
    background: #181818;
    border-radius: 10px;
}

.Select-menu-outer
{
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

/*Alertform*/
.alert.form.has-icon:before
{
    background-image: url(//s16.postimg.org/fu798wxmt/server_kick_icon.png);
    background-size: 100px;
    background-position-y: 32px;
    background-repeat: no-repeat;
    background-color: transparent;
    padding-top: 20px;
    padding-bottom: 10px;
    border-radius:0px;
}

.alert.form .form-inner .cancel
{
    background:transparent;
}

.alert.form .form-inner .cancel:hover
{
    background-color: #00FFFF;
    color:#000;
    font-weight:700;
}

.form .btn.red
{
    background:transparent!important;
}

.form .btn.red:hover
{
    background-color:#FF0000!important;
    font-weight:800;
}

.form
{
    width: 520px;
    position: relative;
    border-radius: 50px;
}

.form .form-actions
{
    background: #181818!important;
    border-radius: 0 0 50px 50px;
}

.form.modal-content.form.delete-message-modal
{
    background:transparent!important;
}

.form .btn.red
{
    background:transparent!important;
}

.form .btn.red:hover
{
    background-color:#FF0000!important;
    font-weight:800;
}

.alert.form .form-inner .btn
{
    border-color:#00FFFF;
    border-radius: 50px;
}

.alert.form .form-inner
{
    background:#181818;
    padding-top: 60px!important;
}

.form.delete-message-modal
{
    border:2px solid #FF0000;
}

.form .form-inner
{
    background-color: #181818;
    color: #fff;

}

.alert.form
{
    border: 7px solid #FF0000;
    min-height: 0px;
    border-radius: 10px;
}

.alert.form .form-inner h4
{
    color:#ff0000;
}

a, a:visited
{
    color:#ffffff;
}

.channel-text.has-results .channel-textarea-inner
{
    border-color:#181818;
}

.spoiler span
{
    display:none;
}

.spoiler::before
{
    min-height:18px;
    padding-top:2px;
    border-radius:5px;
    background:rgba(25,25,25,0.7);
    border:2px dotted red;
    text-decoration:underline;
}

.small-popout-box
{
    background:#000;
    border:#000;
}

.option-popout .btn-item
{
    color:#00FFFF;
}

.form header
{
    color:#ff0000;
    padding-left:160px;
}

.form .form-header
{
    background:#181818;
    color:#ff0000;
    border-radius:50px 50px 0 0!important;
}

.delete-message-modal
{
border-radius:50px!important;
}

.form .form-actions
{
    background-color:#181818;
}

.form .btn-default
{
    color:#fff;
    background-color:#181818;
}

.form .form-inner
{
    background-color:#181818;
    color:#fff;
}

.modal-content .form-inner p
{
    color:#ff0000;
    padding-left:90px
}

.message-group h2 .timestamp
{
    color:#fff;
}

.message-group .comment .markup
{
    color:#fff;
}

.chat .welcome-message h1
{
    color:#fff;
}

.theme-dark .chat .welcome-message a
{
    color:#00FFFF;
}

.alert.form .form-inner p
{
    color:#ff0000;
    padding-left:0px;
}

.channel-textarea-autocomplete-inner
{
    background-color:#181818!important;
}

.theme-dark .channel-members .member:hover
{
    background:-webkit-linear-gradient(left,#181818 85%,#181818);
    background:linear-gradient(90deg,#181818 85%,#181818)
}

.channel-textarea-inner .channel-textarea-upload:hover
{
    background-color:#00FFFF!important
}

.progress .progress-bar
{
    height:10px;
    border-radius:5px;
    background-clip:padding-box;
    background-color:#00FFFF;
    -webkit-transition:width .2s ease-in;
    transition:width .2s ease-in;
}

.progress
{
    width:150px;
    background-color:#000000;
    box-shadow:inset 0 1px 1px rgba(0,0,0,.06);
}

.channel-textarea-autocomplete-inner li:hover
{
    border:1px solid #00ffff !important;
    background-color:#181818!important;
}


/*Notification-Settings*/
.notification-settings-modal .settings-section
{
    background-color:cyan;
}

.radio .radio-inner
{
    background:cyan;
    border:1px cyan;
}

.radio .radio-inner span:after
{
    background:cyan;
}

.checkbox .checkbox-inner span
{
    background:#000;
    border-color:#181818;
}

.form .control-group .help-text
{
    color:#FF0000;
    font-size:11px;
}

.notification-settings-modal .notification-settings-modal-channel-settings-header label
{
    color:#00FFFF;
}

.channel-notification-settings .content label
{
    color:#fff;
}

.scroller-wrap .scroller::-webkit-scrollbar-track-piece
{
    background:#181818;
}

.scroller-wrap .scroller::-webkit-scrollbar-thumb,
.chat>.content :first-child
.scroller-wrap .scroller::-webkit-scrollbar-thumb
{
    background-color: #00FFFF;
    background-clip: padding-box;
    border: none;
    border-radius: 8px;
}

.chat>.content :first-child .scroller-wrap
.scroller::-webkit-scrollbar-track-piece,
.scroller-wrap .scroller::-webkit-scrollbar-track-piece ::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 1px #00FFFF;
    border: 1px solid #00FFFF;
    background: #181818;
    border-radius: 10px;
}

.chat>.content :first-child
.scroller-wrap .scroller::-webkit-scrollbar-track-piece,
.scroller-wrap .scroller::-webkit-scrollbar-track-piece :hover
{
    background-color: #181818;
    background-clip: padding-box;

}

.settings .settings-inner .settings-panel
{
    padding: 28px 40px;
    background-color: #111111;
}

.avatar-uploader .avatar-uploader-inner
{
    border:5px dotted #00FFFF;
    background-color:#181818;
}

.online
{
    background-color:cyan;
}

.offline
{
    background-color:#000;
}

.idle
{
    background-color:#F0FF00;
}

.embed .image {
    border-radius: 25px;
    overflow: hidden;
}

.delete-message-modal
{
    border:2px solid red;
}


.delete-message-modal .form-header
{
    border:none;
}

.settings .settings-actions
{
    background-color: #181818;;
}

.settings .settings-inner:first-child
{
    border-top-right-radius: 50px;
}

.need-help-modal .header
{
    background:#181818;
}


.need-help-modal .footer
{
    background:#181818;
}


.need-help-modal a
{
    color:#fff!important;
}


.need-help-modal .form-inner .failed, .need-help-modal .form-inner.loading
{
    text-align:center;
}


.need-help-button:hover
{
    color:#00FFFF;
    border-color:#00FFFF;
}


.change-log
{
    background:#181818;
}


.change-log .footer
{
    background:#181818;
}