Old YouTube Player (Flash) fixed by thomwalks

/* ==UserStyle==
@name           Old YouTube Player (Flash)
@namespace      USO Archive
@author         ilovecatslmao
@description    `Buggy and messy code` fixed atleast the progress bar being under where it was supposed to thats all
@version        20180720.2.16
@license        CC-BY-4.0
@preprocessor   uso
==/UserStyle== */
@-moz-document url-prefix("https://www.youtube.com") {
.ytp-swatch-background-color {
    background-color: #D7131F;
}

.html5-scrubber-button, .ytp-scrubber-button {
   background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOwgAADsIBFShKgAAAABl0RVh0U29mdHdhcmUAcGFpbnQubmV0IDQuMC4yMfEgaZUAAADTSURBVDhPzZM5DsMgEEUpU+RAKX2oFD4SBZKPgqhSIpmKMlKUJpGc/wlgwLIVu8pIz+NhFrZBlOK9PzvnejCM4+gStDlOfwxdCgI6YMG0Af1dTJmFg0XQvfgvCeNY0Qv6ElPzssPMcD6oN3hSI+5mrT0Rzs4907k2c0tayZWwAA+oCjLGTEqpDO02BjBvEKgCXTuZJKXM0G5jmEf+oACMxRlorUNSgnYbA75ngM+hWwDM66s+AOGef8AyL7c2BvZ04ht6tZ2PvYUkcTvHXiNlfwEhPsfU8zaGEHdfAAAAAElFTkSuQmCC") ;
    margin-top: 2.3px;
    width: 16px ;
    height: 16px ;
}

.ytp-chrome-top, .ytp-chrome-bottom {
    background-color: #1B1B1B;
	height: 27px;
}

.ytp-time-display {
    color: #fff;
    line-height: 15px;
}

.ytp-time-separator, .ytp-time-duration {
 	   color: #8F8F8F;
}

.ytp-settings-button.ytp-hd-quality-badge:after, .ytp-settings-button.ytp-4k-quality-badge:after, .ytp-settings-button.ytp-5k-quality-badge:after, .ytp-settings-button.ytp-8k-quality-badge:after {
    background-color: #D7131F;
}

.ytp-volume-slider-handle:before {
	background: #D7131F;
}

.ytp-volume-slider-handle {
   background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMjHxIGmVAAAAsUlEQVQ4T6WSMQ7CMAxFOzLkQIw9FEOPlCFSjxJlYmTICZAQC0jmf6tBjikIaKSnfNn+ipN4EJEntdYAJjCDtqgZC7bWmkZwAvIG5sbOyIApOBvtYzewVyME22snXZZ9jeuyH8GORvbPwNpJnlZzoJGX7wpKKZJSUqh9Hsw0cnUJGmKMCrXPg7rJ+NJqzlkNhNrngbb6z+NMNNrvaE/+CdaGXwfgDnR6to2cMX855DI8AO7dnRM+BOgZAAAAAElFTkSuQmCC") ;
    background-size: cover ;
}

.html5-video-player {
    font-family: "Arial",sans-serif;
    font-size: 9px;
}

.ytp-gradient-top, .ytp-gradient-bottom {
    display: none;
}

.ytp-chrome-controls {
    height: 27px;
    line-height: 36px;
    font-size: 100%;
}

.ytp-chrome-top, .ytp-chrome-bottom [style] {
    /* width: 0px; */
    /* left: 0px; */
}

.ytp-svg-fill {
    fill: #8D8D8D;
}

.ytp-svg-shadow {
    stroke: #000;
    stroke-opacity: 1;
    stroke-width: 1.5px;
    fill: none;
}

.ytp-progress-list {
    background: #454545;
}

.ytp-chrome-bottom {
   width: 100% !important;
   left: 0px !important;
}

.html5-progress-bar-container, .ytp-progress-bar-container {
   margin-bottom: 3px;
}

.html5-progress-list, .ytp-progress-list, .video-ads .html5-progress-list.html5-ad-progress-list, .video-ads .ytp-progress-list.ytp-ad-progress-list {
   height: 10px !important;
}

.ytp-hover-progress-light {
    background: rgba(255, 255, 255, 0);
}

.ytp-progress-bar-container:hover:not([aria-disabled=true]) .ytp-progress-list, .ytp-touch-mode .ytp-progress-bar-container:not([aria-disabled=true]) .ytp-progress-list, .ytp-drag .ytp-progress-list {
    -moz-transform: none;
    -ms-transform: none;
    -webkit-transform: none;
    transform: none;
}


.ytp-big-mode .ytp-chrome-controls {
    height: 37px;
    line-height: 36px;
    font-size: 120%;
}

.ytp-big-mode .ytp-chrome-bottom {
    background-color: #1B1B1B;
	height: 43px;
    /* width: 0px; */
    /* left: 0px; */
   width: 100% !important;
   left: 0px !important;
}

.ytp-big-mode .ytp-time-display {
    color: #fff;
    line-height: 37px;
}

.ytp-chrome-top {
    visibility: hidden;
    /* left: 0px; */
}
}