Skip to content

niconico scrollbar by SoniPana

Screenshot of niconico scrollbar

Details

AuthorSoniPana

LicenseNo License

Categoryyoutube

Created

Updated

Size1.7 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

昔のニコニコ動画のスクロールバーをYouTubeに導入できます

Notes

Userstyle doesn't have notes.

Source code

/* ==UserStyle==
@name           niconico scrollbar
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    niconico scroolbar
@author         orz
==/UserStyle== */

@-moz-document domain("youtube.com") {
    #items.style-scope.ytd-watch-next-secondary-results-renderer {
        overflow-x: hidden;
        overflow-y: scroll;
        width: 420px;
        height: 65em;
        margin-bottom: 80px;
        overscroll-behavior: contain;
        /*height: 700px; */
    }

    #content.style-scope.yt-related-chip-cloud-renderer {
        display:none;
    }

    #items.style-scope.ytd-watch-next-secondary-results-renderer::-webkit-scrollbar {
        width: 8px;
    }

    #items.style-scope.ytd-watch-next-secondary-results-renderer::-webkit-scrollbar-track {
        background-color: #dddddd;
        border-radius: 8px;
    }

    #items.style-scope.ytd-watch-next-secondary-results-renderer::-webkit-scrollbar-thumb {
        background-color: #828282;
        border-radius: 8px;
    }

    #items.style-scope.ytd-watch-next-secondary-results-renderer::-webkit-scrollbar-thumb:hover {
        background-color: #909090;
    }
    
/*     ytd-live-chat-frame {
        height: 10px !important;
    } */
    
    yt-live-chat-renderer[hide-timestamps] {
        --yt-live-chat-item-timestamp-display: true;
    }
    
/*     ytd-watch-flexy[flexy] #chat.ytd-watch-flexy:not([collapsed]).ytd-watch-flexy, ytd-watch-flexy[flexy] #chat-container.ytd-watch-flexy:not([chat-collapsed]).ytd-watch-flexy {
        min-height: 500px;
    } */
    
    #contents > ytd-reel-shelf-renderer {
        display: None;
    }
}

Reviews

No reviews yet.