main.css

/* ytp-progress-list 
   */

.ytp-swatch-background-color {
    background-color: transparent !important;
    background-image: url("chrome-extension://__MSG_@@extension_id__/images/grass.png") !important;
    height: 30px !important;
    width: 100% !important;
    background-size: contain;
    background-position: -20px 0px;
    background-repeat: repeat-x;
    background-color: transparent !important;
}


/*
.ytp-swatch-background-color {
    background-color: transparent !important;
}

.sdivGrass {
    background-color: transparent !important;
    background-image: url("chrome-extension://__MSG_@@extension_id__/images/grass.png") !important;
    width: 100%;
    height: 30px;
    background-size: 91px 512px;
    background-position: -10px 0px;
    background-repeat: repeat-x;
    margin-top: -25px;
}*/


/*
.divGrass {
    background-color: blue !important;
    background-color: transparent !important;
    background-image: url("chrome-extension://__MSG_@@extension_id__/images/grass.png") !important;
    background-size: contain;
    background-position: -20px 0px;
    background-repeat: repeat-x;
    z-index: 105;
}


 ytp-hover-progress */


/*ytp-scrubber-container 
    */

.ytp-scrubber-button {
    background-color: transparent !important;
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
    height: 50px !important;
    width: 100px !important;
    background-image: url("chrome-extension://__MSG_@@extension_id__/images/pig.gif") !important;
    background-size: cover !important;
    margin-top: -30px;
    margin-left: -15px;
}