Tubelious 2006-2008 type YouTube theme. by ADHD

@-moz-document domain("tubelious.xyz") {
/* ==UserStyle==
@name           Tubelious 2006-2008 type YouTube theme
@namespace      Userstyles.org
@version        1.0.2
@description    It essentially adds a gradient to the tabs and table and adds the 2006-2008 YouTube logo. It also stylizes the player to match the era.
@author         ADHD
@license        No License
==/UserStyle== */

    table[style*="background-color: #BECEEE"] td a,
table[style*="background-color: #DDDDDD"] td a {
    text-shadow: 
        0px 0px 0px rgba(0, 0, 0, 0), /* Darker shadow */
        0.5px 0.5px 0.5px rgb(255, 255, 255); /* Softer highlight */
    text-decoration: none;
}
    
img[src="/img/logo_sm.png"] {
    display: none; 
}

img[src="/img/logo_sm.png"]::after {
    content: url('https://i.imgur.com/6jzXvJ5.png');
    display: block; 
    width: 120px; 
    height: 48px; 
    position: relative; 
}

img[src="/img/logo_sm.png"] {
    content: url('https://i.imgur.com/6jzXvJ5.png');
    display: block; 
    width: 122px; 
    height: 61px; 
    position: relative; 
}

table[style*="background-color: #BECEEE;"] {
    background: linear-gradient(to bottom, #fff, #adbce6) !important;  
    margin: 5px 2px 1px 5px !important;  
    border-top: 1px solid #a6bbe3 !important;  
    border-left: 1px solid #a6bbe3 !important;  
    border-right: 1px solid #a6bbe3 !important; 
    border-radius: 8px 8px 0 0;  
    overflow: hidden; 
}


table[style*="background-color: #BECEEE;"] td {
    background: none !important;  
}

table[bgcolor="#DDDDDD"][align="center"][width="800"] {
    background: linear-gradient(to bottom, #d0d0d0, #fff) !important;  
    margin-bottom: 10px !important; 
    border-top: 1px solid #d2d2d2;  
    border-left: 1px solid #ddd0; 
    border-right: 1px solid #ddd0; 
    border-radius: 8px 8px 0 0; 
    overflow: hidden; 
}


table[bgcolor="#DDDDDD"][align="center"][width="800"] td {
    background: none !important;  
}

a:link, a:visited, a:active {
    color: #00279e;
}

td[style*="border-bottom: 1px solid #BBBBBB"] {
  border-bottom-color: #f000 !important; 
}

td[style*="padding: 0px 5px 0px 5px; font-style: italic;"] {
    height: 0px !important; 
    color: #fff;
}


table[style*="background-color: #DDDDDD;"] {
    background: linear-gradient(to bottom, #fff, #d0d0d0) !important;  
    margin: 5px 2px 1px 5px !important; 
    border-top: 1px solid #d2d2d2 !important;  
    border-left: 1px solid #d2d2d2 !important; 
    border-right: 1px solid #d2d2d2 !important; 
    border-bottom: none !important; 
    border-radius: 8px 8px 0 0 !important;  
    overflow: hidden;
}


table[style*="background-color: #DDDDDD;"] td a {
    color: #2c2c2c !important;  
    text-decoration: none !important;  
}


table[bgcolor="#DDDDDD"] {
    margin-top: -1px !important; 
    padding: 0 !important; 
}


table[style*="background-color: #BECEEE"] {
    margin-bottom: 0 !important; 
}


table[bgcolor="#DDDDDD"] td {
    padding-top: 0 !important; 
}


table[bgcolor="#DDDDDD"] td[style*="padding: 2px;"] {
    padding: 0 !important; 
}

input[name="search"] {
  color: #000 !important;
}

.controlContainer {
    height: 37px;
    width: 420px;
    background: rgb(0, 0, 0);
    background: linear-gradient(0deg, rgb(123, 123, 123) 0%, rgb(249, 249, 249) 100%);
    display: flex;
    justify-content: space-between;
}

.controlBackground {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 405px;
    height: 37px;
    background: rgba(255, 255, 255, 0);
    background: linear-gradient(178deg, rgba(133, 133, 133, 0) 30%, rgba(255, 255, 255, 0) 100%);
    margin-top: 0px
}
    .seekProgress {
    -webkit-appearance: none; 
    appearance: none; 
    background: #4f1313; 
    height: 7px; 
    border-radius: 3px; 
    width: 90%; 
    margin-top: 0; 
        margin-left: 16px
}

.seekProgress::-webkit-progress-value {
    background: linear-gradient(#ff8787 25%, #ff1a1a 50%); 
    border-radius: 4px; 
}

.seekProgress::-webkit-progress-bar {
    background: linear-gradient(#c44e4e 25%, #5c0b0b 50%);
    border-radius: 4px; 
}
    .button {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 37px;
    width: 15px;
    cursor: pointer;
}
    .lBtnContainer img {
    height: 15px;
        margin-left: 19px
}
    .rBtnContainer img {
    height: 15px;
        margin-right: 10px
}
    .centerContainer {
    height: 100%;
    width: 355px;
    display: grid;
    align-items: center;
        margin-right: -6px
}
}