Bilibili 超级玛丽进度条 by 2831923584

Details

Author2831923584
LicenseNo License
Categorybilibili
Created3 years, 2 weeks ago
Updated3 years, 2 weeks ago
Size10 kB
Statistics

Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description

Bilibili 超级玛丽动态进度条
Notes

Bilibili 超级玛丽进度条
Source code

Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link.
/* ==UserStyle==
@name          Bilibili 超级玛丽 进度条
@namespace      USO Archive
@author         srjxx
@description    `Bilibili 超级玛丽 进度条`
@version        20211029.19.20
@license        NO-REDISTRIBUTION
@preprocessor   uso
==/UserStyle== */
@-moz-document domain(bilibili.com) {
.video-control-show .bui-thumb-dot-special{
    -webkit-transform: scale(1) !important;
    transform: scale(1) !important;
    opacity: 1 !important;
}
.bilibili-player-video-progress .bpui-slider-progress, .bilibili-player-area.video-control-show .bilibili-player-video-progress-slider .bui-bar-normal {
 
        background: linear-gradient(to bottom, #ff3600 25%,#FF3600 50%, #be7c00,75%,#be7c00 100%) !important;
        background: -webkit-linear-gradient(top,#ff3600 25%,#FF3600 50%, #be7c00,75%,#be7c00 100%) !important;
        background: -moz-linear-gradient(top, #ff3600 25%,#FF3600 50%, #be7c00,75%,#be7c00 100%) !important;
    }
    .bilibili-player-video-progress .bilibili-player-video-progress-buffer-range, .bilibili-player-area.video-control-show .bilibili-player-video-progress-slider .bui-bar-buffer {
        background: url("data:image/png;base64,Qk32BgAAAAAAADYAAAAoAAAAMAAAAAwAAAABABgAAAAAAMAGAAAAAAAAAAAAAAAAAAAAAAAAj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fSj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6bRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6bRj6fRj6fRj6jRj6fQj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6jRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fQj6fRj6fQj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fRj6fR") !important;
    }
    .bui-track-video-progress .bui-thumb .bui-thumb-dot-special div svg {
        display: none;
    }
    .bilibili-player-video-progress .bpui-slider-handle {
        margin-left: -17px !important;
        margin-top: -4px !important;
    }
    .bui-track-video-progress .bui-thumb .bui-thumb-dot-special div {
        
        /*上下左右调节，调节到中间*/
        margin-left: -2px !important;
        margin-top: -20px !important;
    }
    .bilibili-player-video-progress .bpui-slider-handle, .bui-track-video-progress .bui-thumb .bui-thumb-dot-special div {
        background: url("data:image/gif;base64,R0lGODlhYQCfAJEDAL58AP82AP+nNv///yH/C05FVFNDQVBFMi4wAwEAAAAh/wtYTVAgRGF0YVhNUDw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MTgzNjgyOTZCNTAyMTFFODg3NTNCNDZEMEFBQzA5QzIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MTgzNjgyOTdCNTAyMTFFODg3NTNCNDZEMEFBQzA5QzIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxODM2ODI5NEI1MDIxMUU4ODc1M0I0NkQwQUFDMDlDMiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxODM2ODI5NUI1MDIxMUU4ODc1M0I0NkQwQUFDMDlDMiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgH//v38+/r5+Pf29fTz8vHw7+7t7Ovq6ejn5uXk4+Lh4N/e3dzb2tnY19bV1NPS0dDPzs3My8rJ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") !important;
        
        /*调丘宽高
         使background-size = width
        */
        background-size: 20px !important;
        width: 20px !important;
        height: 33px !important;
        
        
        border: none !important;
        box-shadow: none !important;
        transform: scale(1.2) !important;
        
        /*调节大小，表示倍数*/
        -webkit-transform: scale(1.2) !important;
        
        -moz-transform: scale(1.2) !important;
        -ms-transform: scale(1.2) !important;
        transition: transform .1s ease;
    }
    .bilibili-player .bilibili-player-area .bilibili-player-video-control .bui-slider .bui-track.bui-track-video-progress {
        height: 8px;
    }
    .bilibili-player .bilibili-player-area .bilibili-player-video-control .bilibili-player-video-progress.bilibili-player-show .bui...
Reviews

No reviews yet.
Bilibili 超级玛丽 进度条 by 2831923584
