YouTube V3 White Creator Bar by RysieQu

/* ==UserStyle==
@name           YouTube V3 White Creator Bar
@namespace      userstyles.world/user/RysieQu
@version        1.0.0
@description    Makes the creator bar white on V3 as it was since mid/late 2013.
@author         RysieQu
==/UserStyle== */

@-moz-document url-prefix("https://www.youtube.com") {
    .yt-uix-button-icon.yt-uix-button-icon-info {
        background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABHNCSVQICAgIfAhkiAAAAIVJREFUOE9jYCAd1AO1gDBZAKTxPxSDDWEh0RhGJPUNpBgAczJYExDA+IzEuACkGKYRpBkXG2wyOkD2M4rfYQqZ0HUg8dFthkkhhwNO7dhsBrmgAacONJthzkWmh7NmBaD/yfYzKOzisBhAVIDBAn4+mgEkaQYliv1A/AhKHwDSD4CYaAAAogE+dv1+/A8AAAAOZVhJZk1NACoAAAAIAAAAAAAAANJTkwAAAABJRU5ErkJggg==') no-repeat 0px 5px;
    }
    .yt-uix-button-icon.yt-uix-button-icon-enhance {
        background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAABHNCSVQICAgIfAhkiAAAALxJREFUOE/tk90NwjAMhANiBeCRLsErsBkwDyzRSegGjAD30VhYbkIEz5x0teOfS+KoKX3GWmnosdTiJmKbWKniIl5FfNCJg/jIlnWa86lglvNYCAZxG2xOvc0uRErXoWQz6cyBvexdPFQKjorDJhAqgWbmAL3Qy1+Ejr6koJjNhLT5J/mI+FyxnSLbmSboEdchPTaXrjAprD0xu/tdmkeOygjYCbDNI/8F4gTGH9BP/vzLIE2WF/j6Faz5CWwvLa9JgLMiAAAADmVYSWZNTQAqAAAACAAAAAAAAADSU5MAAAAASUVORK5CYII=') no-repeat 0px 4px;
    }
    .yt-uix-button-icon.yt-uix-button-icon-audio {
        background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAQCAYAAAAiYZ4HAAAABHNCSVQICAgIfAhkiAAAAJpJREFUKFNjZsAN9gOlHgLxA9xKUGX+A7kgfBCInYjRBNMAow8DNbky4tEJUogBmDBEUAXOE5BHkQbZAHKBNxAfB2KY03Cage4kd6DKQzhVQ03EkCfkhwHSwAG0tw2I70HdDUoOzRhuQRJYBlWIHrPooQTX8g2Hhj/YbAGF0iZsEkCxzTjEGdiAEg1AfBOIvwPxbSBuAmJubBoANpYp+uY5OvQAAAAOZVhJZk1NACoAAAAIAAAAAAAAANJTkwAAAABJRU5ErkJggg==') no-repeat 3px 4px;
    }
    .yt-uix-button-icon.yt-uix-button-icon-annotations {
        background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAMCAYAAABSgIzaAAAABHNCSVQICAgIfAhkiAAAAD5JREFUKFNjZGBg+A/EJAMmknVANYxqxBNy9A8cZMeAEgIM3wWyffG4FEUKpOkbEDcAMSexmkDqNgOxMrEaAFndCIxzFB31AAAADmVYSWZNTQAqAAAACAAAAAAAAADSU5MAAAAASUVORK5CYII=') no-repeat 1px 7px;
    }
    .yt-uix-button-icon.yt-uix-button-icon-captions {
        background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAMCAYAAABr5z2BAAAABHNCSVQICAgIfAhkiAAAARtJREFUKFOd0rtKA0EUgOH1ggbUCJqAkDKWYmUV8hyxsBAJeQfxUgQCIYW+gIWlheQVkkZttFdQ1AcQLzEJaDT6/2F3Ecsd+DJnNnMOc2Z3LAiCOTSwhnQoxTyFGXzhHX184AWfuMI2gkP8JHQwTmLRKglHwQK5MNlT7CMLWynDozrqWILtbsB2HKPcV5h8jHlc4AbLqKEJ76KNO6xiB+aYG/e/Trz1Z90j7qKC0r/nXqoFhpP+wFacXUfjmmAQPvf/aNwSWMC7Mydu4Yh4EZdwUx6+3hPM4hwPWMEe4hYew4XVdrGAaWzCy3Kjd5GB34atRs8tOLo0NyVxZm8tqyQcrQkSPYFHtoUOfPfG3/DIzm94xhPu4dFPUf0FKZxse5RYIMkAAAAOZVhJZk1NACoAAAAIAAAAAAAAANJTkwAAAABJRU5ErkJggg==') no-repeat 0px 7px;
    }
    #watch7-creator-bar {
        width: 598px;
        border: 1px solid rgb(230, 230, 230);
        background: white;
    }
    #watch7-content:hover #watch7-creator-bar .yt-uix-button.yt-uix-button-size-default.yt-uix-button-text-dark.yt-uix-button-empty {
        border-color: rgb(198, 198, 198);
        background: rgb(240, 240, 240);
        box-shadow: 0px 1px 0px rgb(229, 229, 229);
    }
    #watch7-content #watch7-creator-bar .yt-uix-button.yt-uix-button-size-default.yt-uix-button-text-dark.yt-uix-button-empty {
        box-shadow: 0px 1px 0px rgb(255, 255, 255)
    }
    #watch7-creator-bar .yt-uix-button.yt-uix-button-size-default.yt-uix-button-text-dark.yt-uix-button-empty {
        width: 39px;
    }
    #watch7-creator-bar .yt-uix-button-icon-wrapper {
        opacity: 0.8;
    }
    #watch7-creator-bar .yt-uix-button.yt-uix-button-size-default.yt-uix-button-dark .yt-uix-button-content {
        opacity: 0.8;
        color: black;
    }
    #watch7-creator-bar .yt-uix-button.yt-uix-button-size-default.yt-uix-button-dark {
        border-color: rgb(211, 211, 211);
        background: rgb(248, 248, 248);
    }
    #watch7-creator-bar .yt-uix-button.yt-uix-button-size-default.yt-uix-button-dark {
        border-color: rgba(198, 198, 198, 0.73);
        background: rgba(240, 240, 240, 0.45);
        box-shadow: 0px 1px 0px rgba(229, 229, 229, 0.5);
    }
    #watch7-creator-bar .yt-uix-button.yt-uix-button-size-default.yt-uix-button-dark:hover {
        border-color: rgb(198, 198, 198);
        background: rgb(240, 240, 240);
        box-shadow: 0px 1px 0px rgb(229, 229, 229);
    }
    #watch7-creator-bar .yt-uix-button.yt-uix-button-size-default.yt-uix-button-dark:active {
        border-color: rgb(198, 198, 198);
        background: rgb(233, 233, 233);
        box-shadow: 0px 1px 0px rgb(255, 255, 255);
    }
}