rcrooks
9/15/2015 - 11:17 AM

Custom Playlist Sample: CSS for plugin

Custom Playlist Sample: CSS for plugin

/*style for the div that wraps the player and playlist*/
.bcls-player-wrapper {
    position: relative;
}
/*style for the div that wraps the playlist*/
.bcls-playlist {
    background-color: #141B17;
    width: 100%;
    max-height: 74px;
    overflow-x: scroll;
    overflow-y: hidden;
    position: absolute;
    white-space: nowrap;
    margin: 0;
    padding: 0;
}
/*style for the divs that make up the playlist items*/
.bcls-playlist-item {
    display: inline-block;
    padding: 0;
    margin: 0;
    width: 128px;
}
/*style for the thumbnail images*/
.bcls-thumbnail {
    background-color: #141B17;
    width: 124px;
    height: 66px;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 2px;
    padding-right: 2px;
    cursor: pointer;
}