invidious - simple better by mtk3d

/* ==UserStyle==
@name           invidious - lis 2023
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    A new userstyle
@author         Mateusz Cholewka
==/UserStyle== */

@-moz-document regexp("^https?:\\/\\/(inv\\.bp\\.projectsegfau\\.lt|inv\\.odyssey346\\.dev|inv\\.riverside\\.rocks|inv\\.vern\\.cc|invidio\\.xamh\\.de|invidious\\.baczek\\.me|invidious\\.dhusch\\.de|invidious\\.drivet\\.xyz|invidious\\.esmailelbob\\.xyz|invidious\\.flokinet\\.to|invidious\\.namazso\\.eu|invidious\\.nerdvpn\\.de|invidious\\.privacydev\\.net|invidious\\.slipfox\\.xyz|invidious\\.snopyta\\.org|invidious\\.tiekoetter\\.com|invidious\\.weblibre\\.org|y\\.com\\.sb|yewtu\\.be|yt\\.funami\\.tech)(.+)$") {
    body > div.pure-g > div.pure-u-1:nth-child(1), body > div.pure-g > div.pure-u-1:nth-child(3) {
        width: 0;
    }

    body > div.pure-g > div.pure-u-1:nth-child(2) {
        width: 100%;
    }

    div#player-container {
        background-color: black;
        margin: 0;
        display: flex;
        justify-content: center;
    }

    #player-container #player {
        width: 83.3333%!important;
    }

    #contents > div.pure-g.navbar.h-box {
        color: white;
        background-color: #121212;
        margin: 0;
        padding-top: 1em;
        padding-bottom: 1em;
    }

    #toggle_theme > i, #contents > div.pure-g.navbar.h-box > div.pure-u-1.pure-u-md-4-24 > a, #notification_ticker > i, #contents > div.pure-g.navbar.h-box > div.pure-u-1.pure-u-md-8-24.user-field > div:nth-child(3) > a > i, #contents > div.pure-g.navbar.h-box > div.pure-u-1.pure-u-md-8-24.user-field > div:nth-child(5) > form > a  {
        color: white!important;
    }

    #contents > div.pure-g.navbar.h-box > div.pure-u-1.pure-u-md-8-24.user-field > div:nth-child(5) > form > a {
        font-size: .8em;
        font-weight: 600;
        padding: 0 1.5em;
    }

    #contents > div.feed-menu {
        padding: 1.5em 0;
    }

    #contents > div.feed-menu > a {
        font-size: .8em;
        font-weight: 600;
        padding-left: 1.5em;
        padding-right: 1.5em;
    }

    #contents > div:nth-child(3) > div.pure-u-2-3 {
        width: 0;
    }

    #contents > div:nth-child(3) > div.pure-u-1-3 > div {
        display: flex;
        flex-direction: row;
    }

    #contents > div:nth-child(3) > div.pure-u-1-3 > div > div {
        width: auto;
        padding: 0 .5em;
    }

    hr {
        border: 0;
        height: 1px;
        background-color: #ebebeb;
    }

    #player > div.vjs-control-bar > div.vjs-progress-control.vjs-control > div.vjs-vtt-thumbnail-display {
        margin-bottom: 1em;
    }

}