SquidTube by aaaaaaaaaaaaaaaaaaaaaaabaaaaaaaab

/* ==UserStyle==
@name         SquidTube
@namespace    g
@author       Spritz
@description  Makes YouTube Splatoon themed. You may need to change your SponsorBlock settings a bit.
@version      1
@license      NONE
==/UserStyle== */
@font-face {
    font-family: "IkaTitle";
    src: url("https://file.garden/ZN2NuLpOFU1t4Aae/SplatBold_WF/Splatfont_Bold.eot");
    src: url("https://file.garden/ZN2NuLpOFU1t4Aae/SplatBold_WF/Splatfont_Bold.woff") format("woff"),
    url("https://file.garden/ZN2NuLpOFU1t4Aae/SplatBold_WF/Splatfont_Bold.otf") format("opentype"),
    url("https://file.garden/ZN2NuLpOFU1t4Aae/SplatBold_WF/Splatfont_Bold.svg") format("svg");
}
@font-face {
    font-family: "IkaNormal";
    src: url("https://file.garden/ZN2NuLpOFU1t4Aae/SplatNorm_WF/Splatfont2.eot");
    src: url("https://file.garden/ZN2NuLpOFU1t4Aae/SplatNorm_WF/Splatfont2.woff") format("woff"),
    url("https://file.garden/ZN2NuLpOFU1t4Aae/SplatNorm_WF/Splatfont2.otf") format("opentype"),
    url("https://file.garden/ZN2NuLpOFU1t4Aae/SplatNorm_WF/Splatfont2.svg") format("svg");
}
@-moz-document domain("youtube.com") {
    body,
    a,
    span,
    body,
    html,
    div,
    span,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    ::placeholder,
    ytd-menu-renderer,
    yt-formatted-string,
    #video-title.style-scope.ytd-compact-video-renderer{
        font-family: "IkaNormal" !important;
    }
    .ytd-watch-metadata,
    #video-title,
    .style-scope.ytd-comment-view-model {
        font-family: "IkaTitle" !important;
    }
    
    #page-manager > ytd-watch,
    ytd-app,
    ytd-watch-flexy.style-scope.ytd-page-manager.hide-skeleton {
        background-image: url("https://file.garden/ZN2NuLpOFU1t4Aae/squidgame.png")!important;
        background-attachment: fixed !important;
        background-size: cover !important;
    }
    
    
    #secondary-inner.style-scope.ytd-watch-flexy{
        perspective: 700px;
        transform-style: preserve-3d;
    }
    
    #related.style-scope.ytd-watch-flexy{
            transform: rotateX(0deg) rotateY(-5deg);
    }
    
    ytd-item-section-renderer.ytd-watch-next-secondary-results-renderer /*recommendations*/{
        background: #050D00!important;
        border-radius: 10px!important;
    }
    #ryd-bar{
        border-radius: 100px;
        width:100%;
        background: #00ff0e! important;
    }
    
    iron-selector#chips.style-scope.yt-chip-cloud-renderer{
        background:#050D00
    }
    
    #ryd-bar-container{
        height:5px;
    }
    
    ytd-watch-metadata.watch-active-metadata.style-scope.ytd-watch-flexy{
        background: repeating-linear-gradient( 45deg,
        #000,
        #000 50px,
        #0c0c0c 50px,
        #0c0c0c 100px)!important; 
        padding: 10px!important;
        border-radius: 10px!important;
        margin:10px!important;
    }
    
    ytd-comments#comments.style-scope.ytd-watch-flexy{
        background: repeating-linear-gradient( 45deg,
        #000,
        #000 50px,
        #0c0c0c 50px,
        #0c0c0c 100px)!important; 
        padding: 10px!important;
        margin:10px!important;
        border-radius: 10px!important;
    }
    
    ytd-comment-view-model#comment.style-scope.ytd-comment-thread-renderer{
        background: #4d4d4d78;
        border-radius: 10px
    }
    
    ytd-comment-replies-renderer.style-scope.ytd-comment-thread-renderer{
        margin:10px;
        background: #4d4d4d4a;
        border-radius: 10px
    }
    
    .ytp-play-progress {
        background: #ff00a6! important;
    }

    .ytp-load-progress {
        background: #00ff0e! important;
    }

    .ytp-scrubber-button {
        background: url("https://i.imgur.com/3PGwJDN.gif")! important;
        background-repeat: no-repeat! important;
        width: 600px! important;
        height: 600px! important;
        margin-left: -270px! important;
        margin-top: -270px! important;
        transform: scale(0.125)! important;
    }
}