05/07/2016 Development / css

#channels_scroller {
  max-height: 100px;
  overflow-y: scroll;
  background: #ccc
}

#col_channels:hover #channels_scroller::-webkit-scrollbar {
    display: block;
}
#channels_scroller::-webkit-scrollbar {
    position: absolute;
    -webkit-appearance: none;
    width: 8px;
    display: none;
}
#channels_scroller::-webkit-scrollbar-corner {
    background: transparent;
}
#channels_scroller::-webkit-scrollbar-thumb {
    background: #ab9ba9;
    box-shadow: inset 0 -2px,inset 0 -3px,inset 0 2px,inset 0 3px;
    min-height: 36px;
}
#channels_scroller::-webkit-scrollbar-thumb, #channels_scroller::-webkit-scrollbar-track {
    background-clip: padding-box!important;
    border-radius: 3px;
    color: #4d394b;
}

#channels_scroller::-webkit-scrollbar-track {
    background: #3e313c;
    box-shadow: inset 0 -4px 0 0,inset 0 4px 0 0;
}
#channels_scroller::-webkit-scrollbar-thumb, #channels_scroller::-webkit-scrollbar-track {
    background-clip: padding-box!important;
    border-radius: 3px;
    color: #4d394b;
}