mirror of
https://github.com/the1812/Bilibili-Evolved.git
synced 2025-11-04 21:22:45 +08:00
commit
a8f626cc9d
@ -71,7 +71,14 @@
|
||||

|
||||

|
||||
### 样式调整
|
||||
改变顶栏的样式, 并有一些其他地方的界面微调.
|
||||
**主要**会改变顶栏的样式, 并有一些其他地方的界面微调:
|
||||
- 为播放器增加主题色投影
|
||||
- 可控制顶栏对横幅的透明度
|
||||
- 使播放器按钮垂直对齐
|
||||
- 使部分搜索栏的提示文字的颜色更清晰
|
||||
- 启用迷你播放器时, 防止下方内容(评论区, 相关推荐等)突然向上收拢影响阅读
|
||||
- 隐藏播放页面的"返回旧版"侧栏
|
||||
- 修复直播间一些文字初始状态不正确
|
||||
#### 顶栏效果
|
||||

|
||||

|
||||
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -1,6 +1,6 @@
|
||||
// ==UserScript==
|
||||
// @name Bilibili Evolved (Preview)
|
||||
// @version 1.5.1
|
||||
// @version 1.5.2
|
||||
// @description 增强哔哩哔哩Web端体验. (预览版分支)
|
||||
// @author Grant Howard, Coulomb-G
|
||||
// @match *://*.bilibili.com/*
|
||||
@ -54,7 +54,7 @@
|
||||
notifyNewVersion: true,
|
||||
fixFullscreen: false,
|
||||
latestVersionLink: "https://github.com/the1812/Bilibili-Evolved/raw/preview/bilibili-evolved.preview.user.js",
|
||||
currentVersion: "1.5.1"
|
||||
currentVersion: "1.5.2"
|
||||
};
|
||||
function loadSettings()
|
||||
{
|
||||
@ -81,15 +81,6 @@
|
||||
GM_addValueChangeListener(key, change);
|
||||
}
|
||||
}
|
||||
function runAndObserveDomMutation(selector, callback)
|
||||
{
|
||||
const element = document.querySelector(selector);
|
||||
if (element)
|
||||
{
|
||||
const observer = new MutationObserver(callback);
|
||||
observer.observe(element, { childList: true, subtree: true });
|
||||
}
|
||||
}
|
||||
function loadResources()
|
||||
{
|
||||
Resource.root = "https://raw.githubusercontent.com/the1812/Bilibili-Evolved/preview/";
|
||||
@ -220,6 +211,54 @@
|
||||
static success() { }
|
||||
static error() { }
|
||||
}
|
||||
class Observer
|
||||
{
|
||||
constructor(element, callback)
|
||||
{
|
||||
this.element = element;
|
||||
this.callback = callback;
|
||||
this.observer = null;
|
||||
this.options = { childList: true, subtree: true };
|
||||
}
|
||||
start()
|
||||
{
|
||||
if (this.element)
|
||||
{
|
||||
this.observer = new MutationObserver(this.callback);
|
||||
this.observer.observe(this.element, this.options);
|
||||
}
|
||||
return this;
|
||||
}
|
||||
stop()
|
||||
{
|
||||
this.observer && this.observer.disconnect();
|
||||
return this;
|
||||
}
|
||||
static subtree(selector, callback)
|
||||
{
|
||||
callback();
|
||||
return new Array(...document.querySelectorAll(selector))
|
||||
.map(it =>
|
||||
{
|
||||
return new Observer(it, callback).start();
|
||||
});
|
||||
}
|
||||
static attributes(selector, callback)
|
||||
{
|
||||
callback();
|
||||
return new Array(...document.querySelectorAll(selector))
|
||||
.map(it =>
|
||||
{
|
||||
const observer = new Observer(it, callback);
|
||||
observer.options = {
|
||||
childList: false,
|
||||
subtree: false,
|
||||
attributes: true
|
||||
};
|
||||
return observer.start();
|
||||
});
|
||||
}
|
||||
}
|
||||
class SpinQuery
|
||||
{
|
||||
constructor(query, condition, action, onFailed)
|
||||
@ -770,7 +809,7 @@
|
||||
{
|
||||
// execution error
|
||||
console.error(`Failed to apply feature "${key}": ${error}`);
|
||||
Toast.error(`加载组件<span>${Resource.all[key].displayName}</span>失败.`, "错误");
|
||||
Toast.error(`加载组件<span>${Resource.all[key].displayName}</span>失败`, "错误");
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
// ==UserScript==
|
||||
// @name Bilibili Evolved
|
||||
// @version 1.5.1
|
||||
// @version 1.5.2
|
||||
// @description 增强哔哩哔哩Web端体验.
|
||||
// @author Grant Howard, Coulomb-G
|
||||
// @match *://*.bilibili.com/*
|
||||
@ -54,7 +54,7 @@
|
||||
notifyNewVersion: true,
|
||||
fixFullscreen: false,
|
||||
latestVersionLink: "https://github.com/the1812/Bilibili-Evolved/raw/master/bilibili-evolved.user.js",
|
||||
currentVersion: "1.5.1"
|
||||
currentVersion: "1.5.2"
|
||||
};
|
||||
function loadSettings()
|
||||
{
|
||||
@ -81,15 +81,6 @@
|
||||
GM_addValueChangeListener(key, change);
|
||||
}
|
||||
}
|
||||
function runAndObserveDomMutation(selector, callback)
|
||||
{
|
||||
const element = document.querySelector(selector);
|
||||
if (element)
|
||||
{
|
||||
const observer = new MutationObserver(callback);
|
||||
observer.observe(element, { childList: true, subtree: true });
|
||||
}
|
||||
}
|
||||
function loadResources()
|
||||
{
|
||||
Resource.root = "https://raw.githubusercontent.com/the1812/Bilibili-Evolved/master/";
|
||||
@ -220,6 +211,54 @@
|
||||
static success() { }
|
||||
static error() { }
|
||||
}
|
||||
class Observer
|
||||
{
|
||||
constructor(element, callback)
|
||||
{
|
||||
this.element = element;
|
||||
this.callback = callback;
|
||||
this.observer = null;
|
||||
this.options = { childList: true, subtree: true };
|
||||
}
|
||||
start()
|
||||
{
|
||||
if (this.element)
|
||||
{
|
||||
this.observer = new MutationObserver(this.callback);
|
||||
this.observer.observe(this.element, this.options);
|
||||
}
|
||||
return this;
|
||||
}
|
||||
stop()
|
||||
{
|
||||
this.observer && this.observer.disconnect();
|
||||
return this;
|
||||
}
|
||||
static subtree(selector, callback)
|
||||
{
|
||||
callback();
|
||||
return new Array(...document.querySelectorAll(selector))
|
||||
.map(it =>
|
||||
{
|
||||
return new Observer(it, callback).start();
|
||||
});
|
||||
}
|
||||
static attributes(selector, callback)
|
||||
{
|
||||
callback();
|
||||
return new Array(...document.querySelectorAll(selector))
|
||||
.map(it =>
|
||||
{
|
||||
const observer = new Observer(it, callback);
|
||||
observer.options = {
|
||||
childList: false,
|
||||
subtree: false,
|
||||
attributes: true
|
||||
};
|
||||
return observer.start();
|
||||
});
|
||||
}
|
||||
}
|
||||
class SpinQuery
|
||||
{
|
||||
constructor(query, condition, action, onFailed)
|
||||
@ -770,7 +809,7 @@
|
||||
{
|
||||
// execution error
|
||||
console.error(`Failed to apply feature "${key}": ${error}`);
|
||||
Toast.error(`加载组件<span>${Resource.all[key].displayName}</span>失败.`, "错误");
|
||||
Toast.error(`加载组件<span>${Resource.all[key].displayName}</span>失败`, "错误");
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
2
min/blur-video-control.min.js
vendored
2
min/blur-video-control.min.js
vendored
@ -1 +1 @@
|
||||
(()=>{return(i,r)=>{runAndObserveDomMutation("#bofqi",()=>{SpinQuery.count(()=>$(".bui-slider .bui-track.bui-track-video-progress,.bilibili-player-area .bilibili-player-video-control"),2,i=>{if(!i.hasClass("video-control-blur-container")){i.addClass("video-control-blur-container");i.prepend(`<div class="video-control-blur-layer"></div>`);r.applyStyle("blurVideoControlStyle","bilibili-blur-video-control")}})});return{ajaxReload:true}}})();
|
||||
(()=>{return(r,i)=>{Observer.subtree("#bofqi",()=>{SpinQuery.count(()=>$(".bui-slider .bui-track.bui-track-video-progress,.bilibili-player-area .bilibili-player-video-control"),2,r=>{if(!r.hasClass("video-control-blur-container")){r.addClass("video-control-blur-container");r.prepend(`<div class="video-control-blur-layer"></div>`);i.applyStyle("blurVideoControlStyle","bilibili-blur-video-control")}})});return{ajaxReload:true}}})();
|
||||
@ -1 +1 @@
|
||||
.link-footer{background-color:#222!important;}.wrapper .elec-btn.disabled,.f-list-hover:hover,.status_box .status_btn.disabled,.game-groom-m .num{background-color:#444!important;}blockquote,blockquote *,blockquote .color-blue-01,blockquote .color-blue-02,blockquote .color-blue-03,blockquote .color-blue-04,blockquote .color-gray-01,blockquote .color-gray-02,blockquote .color-gray-03,blockquote .color-green-01,blockquote .color-green-02,blockquote .color-green-03,blockquote .color-green-04,blockquote .color-lblue-01,blockquote .color-lblue-02,blockquote .color-lblue-03,blockquote .color-lblue-04,blockquote .color-pink-01,blockquote .color-pink-02,blockquote .color-pink-03,blockquote .color-pink-04,blockquote .color-purple-01,blockquote .color-purple-02,blockquote .color-purple-03,blockquote .color-purple-04,blockquote .color-yellow-01,blockquote .color-yellow-02,blockquote .color-yellow-03,blockquote .color-yellow-04,.status_box .status_btn.disabled{color:#aaa!important;}.home-page .sticky-bar .bar-content .message,.cover .disabled-cover,.el-input__inner,.commnent-screen-wrap .el-input__inner,.tag-list li.tag-item.on,.bp-popup-panel .title-ctnr .popup-title{color:#eee!important;}.link-footer,.el-input__inner,.commnent-screen-wrap .el-input__inner,.ui-input-textarea.focus,.user-setting-warp .el-radio-button__orig-radio:checked + .el-radio-button__inner{border-color:transparent!important;}.home-page .sticky-bar .bar-content .message:hover,.other a a:hover,.more-data a:hover,.rank-item .content .info .detail a a:hover,.rank-item .content .other a:hover,.rank-item .content .more-data:hover{color:$customStyleColor!important;}.season-timeline .season-group.today,.season-timeline .season-group.today .group-time::before,.aside-ctnr .author-info .communicate-btn,.tag-list li.tag-item.on{border-color:$customStyleColor!important;}.season-timeline .season-group.today.is-published .group-time::before,.bg-blue,.security-list .child-list li a.bg-blue:hover,.face-g-tab li.current,.el-date-table td.current:not(.disabled),.el-date-table td.end-date,.el-date-table td.start-date,.tag-list li.tag-item.on,.face-g-list#my-g-list .face-g-block .my-mp-block .mp-info .btn-white,.user-setting-warp .el-radio-button__orig-radio:checked + .el-radio-button__inner,.user-my-btn .el-button--primary{background-color:$customStyleColor!important;}.face-g-tab li.current,.current .tab-btn-link,.el-date-table td.current:not(.disabled),.el-date-table td.end-date,.el-date-table td.start-date{color:$foreground!important;}
|
||||
.link-footer{background-color:#222!important;}.wrapper .elec-btn.disabled,.f-list-hover:hover,.status_box .status_btn.disabled,.game-groom-m .num,.container .pagination,.fjw-case-detail .ban-detail .content-box .video-model{background-color:#444!important;}blockquote,blockquote *,blockquote .color-blue-01,blockquote .color-blue-02,blockquote .color-blue-03,blockquote .color-blue-04,blockquote .color-gray-01,blockquote .color-gray-02,blockquote .color-gray-03,blockquote .color-green-01,blockquote .color-green-02,blockquote .color-green-03,blockquote .color-green-04,blockquote .color-lblue-01,blockquote .color-lblue-02,blockquote .color-lblue-03,blockquote .color-lblue-04,blockquote .color-pink-01,blockquote .color-pink-02,blockquote .color-pink-03,blockquote .color-pink-04,blockquote .color-purple-01,blockquote .color-purple-02,blockquote .color-purple-03,blockquote .color-purple-04,blockquote .color-yellow-01,blockquote .color-yellow-02,blockquote .color-yellow-03,blockquote .color-yellow-04,.status_box .status_btn.disabled{color:#aaa!important;}.home-page .sticky-bar .bar-content .message,.cover .disabled-cover,.el-input__inner,.commnent-screen-wrap .el-input__inner,.tag-list li.tag-item.on,.bp-popup-panel .title-ctnr .popup-title{color:#eee!important;}.link-footer,.el-input__inner,.commnent-screen-wrap .el-input__inner,.ui-input-textarea.focus,.user-setting-warp .el-radio-button__orig-radio:checked + .el-radio-button__inner{border-color:transparent!important;}.home-page .sticky-bar .bar-content .message:hover,.other a a:hover,.more-data a:hover,.rank-item .content .info .detail a a:hover,.rank-item .content .other a:hover,.rank-item .content .more-data:hover{color:$customStyleColor!important;}.season-timeline .season-group.today,.season-timeline .season-group.today .group-time::before,.aside-ctnr .author-info .communicate-btn,.tag-list li.tag-item.on,.tag-list li.tag-item:hover{border-color:$customStyleColor!important;}.season-timeline .season-group.today.is-published .group-time::before,.bg-blue,.security-list .child-list li a.bg-blue:hover,.face-g-tab li.current,.el-date-table td.current:not(.disabled),.el-date-table td.end-date,.el-date-table td.start-date,.tag-list li.tag-item.on,.face-g-list#my-g-list .face-g-block .my-mp-block .mp-info .btn-white,.user-setting-warp .el-radio-button__orig-radio:checked + .el-radio-button__inner,.user-my-btn .el-button--primary{background-color:$customStyleColor!important;}.face-g-tab li.current,.current .tab-btn-link,.el-date-table td.current:not(.disabled),.el-date-table td.end-date,.el-date-table td.start-date{color:$foreground!important;}
|
||||
@ -1 +1 @@
|
||||
.bili-header-m .nav-menu .nav-con .nav-item:hover,.right-part>.shortcuts-ctnr .shortcut-item:hover,#link-navbar-vm>.link-navbar .nav-item:hover{background-color:#222;}.bili-header-m .nav-menu .nav-mask,#link-navbar-vm>.link-navbar,#navbar-vm>.link-navbar,#app>.link-navbar{background-color:#444;}.bili-header-m .nav-menu .nav-con .nav-item .t,#link-navbar-vm>.link-navbar .main-ctnr .nav-logo,.right-part>.shortcuts-ctnr,.right-part>.shortcuts-ctnr .shortcut-item:hover,#link-navbar-vm>.link-navbar .nav-item:hover,.my-link-btn .label,#app>.link-navbar .main-ctnr .nav-logo,#app>.link-navbar .nav-item.selected .label,#app>.link-navbar .nav-item:hover .icon-font{color:#eee;}#link-navbar-vm>.link-navbar-ctnr,#app>.link-navbar{box-shadow:none;}#link-navbar-vm>.link-navbar .main-ctnr .nav-logo::before,#app>.link-navbar .main-ctnr .nav-logo::before{filter:$blueImageFileter!important;}
|
||||
.bili-header-m .nav-menu .nav-con .nav-item:hover,.right-part>.shortcuts-ctnr .shortcut-item:hover,#link-navbar-vm>.link-navbar .nav-item:hover,.z_top .z_top_nav ul li:hover,.uns_box ul.menu li:not(.b-post):hover{background-color:#222;}.bili-header-m .nav-menu .nav-mask,#link-navbar-vm>.link-navbar,#navbar-vm>.link-navbar,#app>.link-navbar,#app>.nav-header-wrapper,.b-header-mask-wrp .b-header-mask{background-color:#444;}.z_top .i-link:hover,.z_top .z_top_nav ul li.home:hover{background-color:transparent;}#app>.nav-header-wrapper>.nav-header{background:transparent;}.bili-header-m .nav-menu .nav-con .nav-item .t,#link-navbar-vm>.link-navbar .main-ctnr .nav-logo,.right-part>.shortcuts-ctnr,.right-part>.shortcuts-ctnr .shortcut-item:hover,#link-navbar-vm>.link-navbar .nav-item:hover,.my-link-btn .label,#app>.link-navbar .main-ctnr .nav-logo,#app>.link-navbar .nav-item.selected .label,#app>.link-navbar .nav-item:hover .icon-font,#app>.nav-header-wrapper>.nav-header .nav-header-mainsite,#app>.nav-header-wrapper>.nav-header .order-center,.z_top.b-header-blur .z_top_nav li a.i-link,.z_top.b-header-blur .uns_box li.u-i a.i-link{color:#eee;}#link-navbar-vm>.link-navbar-ctnr,#app>.link-navbar{box-shadow:none;}#link-navbar-vm>.link-navbar .main-ctnr .nav-logo::before,#app>.link-navbar .main-ctnr .nav-logo::before{filter:$blueImageFileter!important;}#app>.nav-header-wrapper .nav-header .order-icon{filter:brightness(0) invert(1)!important;}
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
2
min/navbar-override.min.css
vendored
2
min/navbar-override.min.css
vendored
@ -1 +1 @@
|
||||
div.nav-menu{width:unset!important;}body .bili-header-m .nav-menu div.bili-wrapper{width:1018px;margin:0 auto!important;}.search{position:relative!important;float:right!important;margin:30px 12px 5px 0!important;margin:26px 12px 5px 0!important;width:130px!important;height:30px!important;background-color:transparent!important;padding:0!important;}form.searchform{background-color:#fffb!important;box-shadow:0px 2px 10px 1px #0002!important;height:30px!important;}form.searchform:hover{background-color:#fff!important;}button.search-submit,a.link-ranking{display:none!important;}input.search-keyword{width:110px!important;height:30px!important;padding:0 10px!important;}@media only screen and (min-width: 1291px){body .bili-header-m .nav-menu div.bili-wrapper{width:1234px!important;}.search{width:250px!important;margin:30px 72px 5px 0!important;margin:26px 72px 5px 0!important;}input.search-keyword{width:230px!important;}}
|
||||
div.nav-menu{width:unset!important;}body .bili-header-m .nav-menu div.bili-wrapper{width:1018px;margin:0 auto!important;}.search{position:relative!important;float:right!important;margin:30px 12px 5px 0!important;margin:26px 12px 5px 0!important;width:130px!important;height:30px!important;background-color:transparent!important;padding:0!important;}form.searchform{background-color:#fffb!important;box-shadow:0px 2px 10px 1px #0002!important;height:30px!important;}form.searchform:hover,form.searchform:focus-within{background-color:#fff!important;}button.search-submit,a.link-ranking{display:none!important;}input.search-keyword{width:110px!important;height:30px!important;padding:0 10px!important;}@media only screen and (min-width: 1291px){body .bili-header-m .nav-menu div.bili-wrapper{width:1234px!important;}.search{width:250px!important;margin:30px 72px 5px 0!important;margin:26px 72px 5px 0!important;}input.search-keyword{width:230px!important;}}
|
||||
2
min/new-styles.min.js
vendored
2
min/new-styles.min.js
vendored
@ -1 +1 @@
|
||||
(()=>{return(e,l)=>{l.applyStyle("scrollbarStyle","bilibili-scrollbar-style");SpinQuery.any(()=>$(".custom-scrollbar"),e=>e.removeClass("custom-scrollbar"));SpinQuery.any(()=>$(".bili-wrapper,#link-navbar-vm,.link-navbar"),()=>{const e=document.getElementsByClassName("bili-wrapper")[0]||document.getElementById("link-navbar-vm")||document.getElementsByClassName("link-navbar")[0];let t=false;if(e instanceof Element){const l=parseInt(window.getComputedStyle(e).height);t=l===50||l===0||l===56}if(t){l.applyStyle("style","bilibili-new-style")}else{l.applyStyle("oldStyle","bilibili-new-style")}});return{ajaxReload:false}}})();
|
||||
(()=>{return(e,l)=>{if(document.URL===`https://h.bilibili.com/`){return{ajaxReload:false}}l.applyStyle("scrollbarStyle","bilibili-scrollbar-style");SpinQuery.any(()=>$(".custom-scrollbar"),e=>e.removeClass("custom-scrollbar"));const t={selectors:["div.nav-con.fl","#link-navbar-vm",".link-navbar",".nav-header-wrapper",".z_top .z_header"],get allSelectors(){return this.selectors.reduce((e,l)=>e+","+l)},get navbar(){let e=null;for(const l of this.selectors){e=e||document.querySelector(l)}return e},supports(e){if(e instanceof Element){const l=parseInt(window.getComputedStyle(e).height);const t=[60,50,0,56];return t.indexOf(l)!==-1}return false}};SpinQuery.any(()=>$(t.allSelectors),()=>{const e=t.navbar;if(t.supports(e)){l.applyStyle("style","bilibili-new-style")}else{l.applyStyle("oldStyle","bilibili-new-style")}});return{ajaxReload:false}}})();
|
||||
2
min/no-banner.min.css
vendored
2
min/no-banner.min.css
vendored
@ -1 +1 @@
|
||||
#banner_link,.ban-banner{display:none!important;}div.blur-bg{opacity:0!important;}
|
||||
#banner_link,.ban-banner,.z-top-container.has-banner>.header{display:none!important;}div.blur-bg,.b-header-mask-wrp .b-header-mask-bg{opacity:0!important;}
|
||||
@ -1 +1 @@
|
||||
.bili-header-m>.nav-menu{background:$customStyleColorff!important;box-shadow:$customStyleColor70 0px 2px 10px 1px!important;}body .bili-header-m .nav-menu div.nav-mask{background-color:transparent!important;box-shadow:none!important;}.bili-header-m .nav-menu .nav-con .nav-item .t{color:$foregroundd!important;}li.nav-item:hover{background-color:hsla(0,0%,$brightness,.2)!important;}.vip-m{background:white!important;}a.t>i.bili-icon{filter:brightness(0) $filterInvert!important;background-image:url(https://www.bilibili.com/favicon.ico)!important;background-size:cover!important;background-position:inherit!important;width:16px!important;height:16px!important;opacity:0.81!important;}#entryOld,.nav-search-submit,.b-icon-app,.title-icon{display:none!important;}.i-face>.face{border:1.5px solid #fff3!important;margin-top:-1px!important;}div.up-load{margin:5px 0 0 5px!important;height:32px!important;}.u-link{background:transparent!important;color:$foregroundd!important;border-radius:4px!important;line-height:30px!important;height:30px!important;border:1px solid $foregroundb!important;transition:background-color .2s!important;}.u-link:hover{opacity:1!important;background-color:hsla(0,0%,$brightness,.2)!important;}.nav-search{width:140px!important;}.nav-search-keyword{width:130px!important;}#nav_searchform{margin-top:0.1rem!important;border-radius:4px!important;background:#fffb!important;border:none!important;transition:background-color .2s!important;box-shadow:0px 2px 10px 1px #0002;}#nav_searchform:hover{background-color:#fff!important;}#bilibiliPlayer{box-shadow:0px 4px 16px 0px $customStyleColor40!important;}.blur-bg{opacity:$blurBackgroundOpacity!important;filter:blur(20px)!important;}.cancel{width:28px!important;}ul.bilibili-suggest{margin-left:-30px!important;width:200px!important;}li.suggest-item>a{max-width:155px!important;}div.num{border:1px solid #fff8!important;}#primary_menu,#primary_menu>ul.nav-menu{display:flex!important;align-items:center!important;}div.nav-gif,#primary_menu{padding:0!important;}.up-nav{top:37px!important;}.filter-item.search{margin:0!important;}.input-box textarea{padding:8px!important;}.bili-header-m .nav-search .nav-search-keyword{color:#222!important;}.tag-container .tag-item .tag-border .tag-border-inner{width:100%!important;}input.nav-search-keyword::placeholder,.search-module .search-block input::placeholder{color:#888!important;}#home_noob.guide-box{display:flex!important;}@media only screen and (min-width: 1291px){.bilibili-suggest.nav,.nav-search{width:250px!important;margin-right:72px!important;}.nav-search-keyword{width:240px!important;}ul.bilibili-suggest{margin-left:0px!important;width:250px!important;}li.suggest-item>a{max-width:205px!important;}}
|
||||
.bili-header-m>.nav-menu,.b-header-mask-wrp .b-header-mask{background:$customStyleColorff!important;box-shadow:$customStyleColor70 0px 2px 10px 1px!important;}body .bili-header-m .nav-menu div.nav-mask,.b-header-mask-wrp,.z_top{background-color:transparent!important;box-shadow:none!important;}.b-header-mask-wrp{overflow:unset!important;}.bili-header-m .nav-menu .nav-con .nav-item .t,.z_top.b-header-blur .z_top_nav li:not(.home) a.i-link{color:$foregroundd!important;}li.nav-item:hover,.z_top .z_top_nav ul li:hover,.uns_box ul.menu li:not(.b-post):hover{background-color:hsla(0,0%,$brightness,.2)!important;}.vip-m{background:white!important;}a.t>i.bili-icon{filter:brightness(0) $filterInvert!important;background-image:url(https://www.bilibili.com/favicon.ico)!important;background-size:cover!important;background-position:inherit!important;width:16px!important;height:16px!important;opacity:0.81!important;}.z_top .z_top_nav ul li.home{filter:brightness(0) invert(1)!important;background:url(https://www.bilibili.com/favicon.ico) no-repeat left center!important;opacity:0.81!important;background-size:16px!important;background-position-x:16%!important;}#entryOld,.nav-search-submit,.b-icon-app,.title-icon,.z_top .z_top_nav li .new,.z_top .z_top_nav li .beta,.uns_box li.u-i.b-post .up-new{display:none!important;}.i-face>.face,.uns_box li.u-i .i_face{box-shadow:0 0 2px 1.5px #0002!important;}div.up-load{margin:5px 0 0 5px!important;height:32px!important;}.u-link,.uns_box li.u-i.b-post a.i-link{background:transparent!important;color:$foregroundd!important;border-radius:4px!important;line-height:30px!important;height:30px!important;border:1px solid $foregroundb!important;transition:background-color .2s!important;}.u-link:hover,.uns_box li.u-i.b-post a.i-link:hover{opacity:1!important;background-color:hsla(0,0%,$brightness,.2)!important;}.uns_box li.u-i.b-post{margin-left:8px!important;}.nav-search{width:140px!important;}.nav-search-keyword{width:130px!important;}#nav_searchform{margin-top:0.1rem!important;border-radius:4px!important;background:#fffb!important;border:none!important;transition:background-color .2s!important;box-shadow:0px 2px 10px 1px #0002;}#nav_searchform:hover{background-color:#fff!important;}#bilibiliPlayer{box-shadow:0px 4px 16px 0px $customStyleColor40!important;}.blur-bg{opacity:$blurBackgroundOpacity!important;filter:blur(20px)!important;}.cancel{width:28px!important;}ul.bilibili-suggest{margin-left:-30px!important;width:200px!important;}li.suggest-item>a{max-width:155px!important;}div.num{box-shadow:0 0.5px 4px 0 #0004!important;}#primary_menu,#primary_menu>ul.nav-menu,.uns_box li.u-i.b-post{display:flex!important;align-items:center!important;}div.nav-gif,#primary_menu{padding:0!important;}.up-nav{top:37px!important;}.filter-item.search,body{margin:0!important;}.input-box textarea{padding:8px!important;}.bili-header-m .nav-search .nav-search-keyword{color:#222!important;}.tag-container .tag-item .tag-border .tag-border-inner{width:100%!important;}input.nav-search-keyword::placeholder,.search-module .search-block input::placeholder{color:#888!important;}#home_noob.guide-box{display:flex!important;}@media only screen and (min-width: 1291px){.bilibili-suggest.nav,.nav-search{width:250px!important;margin-right:72px!important;}.nav-search-keyword{width:240px!important;}ul.bilibili-suggest{margin-left:0px!important;width:250px!important;}li.suggest-item>a{max-width:205px!important;}}
|
||||
File diff suppressed because one or more lines are too long
2
min/touch-player.min.js
vendored
2
min/touch-player.min.js
vendored
File diff suppressed because one or more lines are too long
2
min/view-cover.min.js
vendored
2
min/view-cover.min.js
vendored
@ -1 +1 @@
|
||||
(()=>{return(e,t)=>{class i{constructor(e){this.url=e;if($(".image-viewer").length===0){this.createDom()}this.viewer=$(".image-viewer-container");this.downloadImage()}createDom(){$("body").append(t.data.imageViewerDom.text);t.applyStyle("imageViewerStyle","image-viewer-style");$(".image-viewer-container .close").on("click",()=>this.hide())}downloadImage(){const e=new XMLHttpRequest;e.open("GET",this.url.replace("http:","https:"),true);e.responseType="blob";e.onload=(()=>{const t=document.title.replace("_哔哩哔哩 (゜-゜)つロ 干杯~-bilibili","");const i=URL.createObjectURL(e.response);this.imageData=i;this.viewer.find(".download").attr("href",i).attr("download",t);this.viewer.find(".image").prop("src",i)});e.send()}show(){this.viewer.addClass("opened");$("html,body").addClass("image-viewer-opened")}hide(){this.viewer.removeClass("opened");$("html,body").removeClass("image-viewer-opened")}}if($("meta[itemprop='image']").length>0){return{ajaxReload:false,settingsWidget:{after:()=>$("span.settings-category").filter((e,t)=>t.innerHTML==="视频与直播").parent(),content:`<li class="indent-center hidden">\n <button\n class="gui-settings-button"\n title="查看当前视频的封面"\n id="view-video-cover">\n 查看封面\n </button>\n </li>`,success:()=>{SpinQuery.any(()=>$("meta[itemprop='image']"),e=>{if(e.length>0){const t=new i(e.prop("content"));$("#view-video-cover").on("click",()=>{t.show()}).parent().removeClass("hidden")}})}}}}else{return{settingsWidget:{after:()=>$("span.settings-category").filter((e,t)=>t.innerHTML==="视频与直播").parent(),content:`<li class="indent-center hidden">\n <button\n class="gui-settings-button"\n title="查看当前直播的封面"\n id="view-live-cover">\n 查看封面\n </button>\n </li>`,success:()=>{SpinQuery.any(()=>$(".header-info-ctnr .room-cover"),e=>{const t=e.attr("href").match(/space\.bilibili\.com\/([\d]+)/);if(t&&t[1]){const e=t[1];const n=`https://api.live.bilibili.com/bili/getRoomInfo/${e}`;downloadText(n,e=>{const t=e.slice(1,-2);const n=JSON.parse(t).data.cover;const o=new i(n);$("#view-live-cover").on("click",()=>{o.show()}).parent().removeClass("hidden")})}})}}}}}})();
|
||||
(()=>{return(e,t)=>{class i{constructor(e){this.url=e;if($(".image-viewer").length===0){this.createDom()}this.viewer=$(".image-viewer-container");this.downloadImage()}createDom(){$("body").append(t.data.imageViewerDom.text);t.applyStyle("imageViewerStyle","image-viewer-style");$(".image-viewer-container .close").on("click",()=>this.hide())}downloadImage(){const e=new XMLHttpRequest;e.open("GET",this.url.replace("http:","https:"),true);e.responseType="blob";e.onload=(()=>{const t=document.title.replace("_哔哩哔哩 (゜-゜)つロ 干杯~-bilibili","");const i=URL.createObjectURL(e.response);this.imageData=i;this.viewer.find(".download").attr("href",i).attr("download",t);this.viewer.find(".image").prop("src",i)});e.send()}show(){this.viewer.addClass("opened");$("html,body").addClass("image-viewer-opened")}hide(){this.viewer.removeClass("opened");$("html,body").removeClass("image-viewer-opened")}}if($("meta[itemprop='image']").length>0){return{ajaxReload:false,settingsWidget:{after:()=>$("span.settings-category").filter((e,t)=>t.innerHTML==="视频与直播").parent(),content:`<li class="indent-center hidden">\n <button\n class="gui-settings-button"\n title="查看当前视频的封面"\n id="view-video-cover">\n 查看封面\n </button>\n </li>`,success:()=>{new SpinQuery(()=>$("meta[itemprop='image']"),e=>e.length>0&&e.prop("content"),e=>{const t=new i(e.prop("content"));$("#view-video-cover").on("click",()=>{t.show()}).parent().removeClass("hidden")}).start()}}}}else{return{settingsWidget:{after:()=>$("span.settings-category").filter((e,t)=>t.innerHTML==="视频与直播").parent(),content:`<li class="indent-center hidden">\n <button\n class="gui-settings-button"\n title="查看当前直播的封面"\n id="view-live-cover">\n 查看封面\n </button>\n </li>`,success:()=>{SpinQuery.any(()=>$(".header-info-ctnr .room-cover"),e=>{const t=e.attr("href").match(/space\.bilibili\.com\/([\d]+)/);if(t&&t[1]){const e=t[1];const n=`https://api.live.bilibili.com/bili/getRoomInfo/${e}`;downloadText(n,e=>{const t=e.slice(1,-2);const n=JSON.parse(t).data.cover;const o=new i(n);$("#view-live-cover").on("click",()=>{o.show()}).parent().removeClass("hidden")})}})}}}}}})();
|
||||
@ -5,7 +5,9 @@
|
||||
.wrapper .elec-btn.disabled,
|
||||
.f-list-hover:hover,
|
||||
.status_box .status_btn.disabled,
|
||||
.game-groom-m .num
|
||||
.game-groom-m .num,
|
||||
.container .pagination,
|
||||
.fjw-case-detail .ban-detail .content-box .video-model
|
||||
{
|
||||
background-color: #444 !important;
|
||||
}
|
||||
@ -76,7 +78,8 @@ blockquote .color-yellow-04,
|
||||
.season-timeline .season-group.today,
|
||||
.season-timeline .season-group.today .group-time::before,
|
||||
.aside-ctnr .author-info .communicate-btn,
|
||||
.tag-list li.tag-item.on
|
||||
.tag-list li.tag-item.on,
|
||||
.tag-list li.tag-item:hover
|
||||
{
|
||||
border-color: $customStyleColor !important;
|
||||
}
|
||||
|
||||
@ -1,16 +1,29 @@
|
||||
.bili-header-m .nav-menu .nav-con .nav-item:hover,
|
||||
.right-part>.shortcuts-ctnr .shortcut-item:hover,
|
||||
#link-navbar-vm>.link-navbar .nav-item:hover
|
||||
#link-navbar-vm>.link-navbar .nav-item:hover,
|
||||
.z_top .z_top_nav ul li:hover,
|
||||
.uns_box ul.menu li:not(.b-post):hover
|
||||
{
|
||||
background-color: #222;
|
||||
}
|
||||
.bili-header-m .nav-menu .nav-mask,
|
||||
#link-navbar-vm>.link-navbar,
|
||||
#navbar-vm>.link-navbar,
|
||||
#app>.link-navbar
|
||||
#app>.link-navbar,
|
||||
#app>.nav-header-wrapper,
|
||||
.b-header-mask-wrp .b-header-mask
|
||||
{
|
||||
background-color: #444;
|
||||
}
|
||||
.z_top .i-link:hover,
|
||||
.z_top .z_top_nav ul li.home:hover
|
||||
{
|
||||
background-color: transparent;
|
||||
}
|
||||
#app>.nav-header-wrapper>.nav-header
|
||||
{
|
||||
background: transparent;
|
||||
}
|
||||
.bili-header-m .nav-menu .nav-con .nav-item .t,
|
||||
#link-navbar-vm>.link-navbar .main-ctnr .nav-logo,
|
||||
.right-part>.shortcuts-ctnr,
|
||||
@ -19,7 +32,11 @@
|
||||
.my-link-btn .label,
|
||||
#app>.link-navbar .main-ctnr .nav-logo,
|
||||
#app>.link-navbar .nav-item.selected .label,
|
||||
#app>.link-navbar .nav-item:hover .icon-font
|
||||
#app>.link-navbar .nav-item:hover .icon-font,
|
||||
#app>.nav-header-wrapper>.nav-header .nav-header-mainsite,
|
||||
#app>.nav-header-wrapper>.nav-header .order-center,
|
||||
.z_top.b-header-blur .z_top_nav li a.i-link,
|
||||
.z_top.b-header-blur .uns_box li.u-i a.i-link
|
||||
{
|
||||
color: #eee;
|
||||
}
|
||||
@ -32,4 +49,8 @@
|
||||
#app>.link-navbar .main-ctnr .nav-logo::before
|
||||
{
|
||||
filter: $blueImageFileter !important;
|
||||
}
|
||||
#app>.nav-header-wrapper .nav-header .order-icon
|
||||
{
|
||||
filter: brightness(0) invert(1) !important;
|
||||
}
|
||||
@ -338,7 +338,6 @@ a.more.tc-slate:hover,
|
||||
.send-box,
|
||||
.emoji-box .emoji-item:hover,
|
||||
.emotion-item:hover .img,
|
||||
.link-progress-tv,
|
||||
.ps.ps--in-scrolling.ps--y>.ps__scrollbar-y-rail,
|
||||
.ps.ps--in-scrolling.ps--x>.ps__scrollbar-x-rail,
|
||||
.ps:hover.ps--in-scrolling.ps--y>.ps__scrollbar-y-rail,
|
||||
@ -703,7 +702,7 @@ div.drag-bar,
|
||||
.video-toolbar .ops .share-pos,
|
||||
.video-toolbar .ops .share-btn i,
|
||||
#page-index .section.empty:after,
|
||||
body
|
||||
body
|
||||
{
|
||||
color: #aaa !important;
|
||||
}
|
||||
|
||||
@ -94,7 +94,8 @@ a.bp_box_bot_click,
|
||||
.user-info > .tag-flag,
|
||||
.result.is-web,
|
||||
.has-prize,
|
||||
.selector-wrapper .more-type-wrapper
|
||||
.selector-wrapper .more-type-wrapper,
|
||||
.word-limit-h5 textarea
|
||||
{
|
||||
background-color: #222 !important;
|
||||
}
|
||||
@ -173,7 +174,6 @@ a.bp_box_bot_click,
|
||||
.bangumi-nav-right .nav-mini-switch,
|
||||
.share-module .share-list .weixin-share-modal,
|
||||
.dialog .content-outer,
|
||||
.word-limit-h5 textarea,
|
||||
.timer-wrap .vote-dialog-new .footer .b-disable,
|
||||
.cm-model,
|
||||
.info-model .border-b,
|
||||
@ -1116,7 +1116,6 @@ li.history,
|
||||
.elec .elec-monthly-count,
|
||||
.player-auxiliary-block-tabpanel .player-auxiliary-block-string:not(:focus),
|
||||
.player-auxiliary-block-tabpanel .player-auxiliary-block-string-short:not(:focus),
|
||||
.player-auxiliary-modal-header,
|
||||
.favourite-card .anchor-info,
|
||||
.favourite-card,
|
||||
.h-list-item,
|
||||
@ -1136,7 +1135,8 @@ li.history,
|
||||
.hot-live .room-list,
|
||||
.player-auxiliary-danmaku-date-picker-header,
|
||||
.table-normal tbody tr td,
|
||||
.table-normal thead tr td
|
||||
.table-normal thead tr td,
|
||||
.player-auxiliary-modal-header
|
||||
{
|
||||
border-color: #444 !important;
|
||||
}
|
||||
|
||||
@ -47,7 +47,10 @@ div#square.container,
|
||||
.mainBox .sureWindow,
|
||||
.js-evaluateArea .evaluateDialog,
|
||||
.live-ctn .item-live,
|
||||
.live-status.offline
|
||||
.live-status.offline,
|
||||
.banner-wrapper .swiper-pagination-bullet,
|
||||
.nav-header-wrapper .nav-header .nav-header-search-bar-wrapper .suggestion-list,
|
||||
.project-list .project-list-item .project-list-item-img
|
||||
{
|
||||
background-color: #222 !important;
|
||||
}
|
||||
@ -103,7 +106,8 @@ body>div.to-top.on,
|
||||
.leaveMsg .leaveMsgBody .questionClassify .classDropdownAreaFixed,
|
||||
.sureWindow .btngroup span,
|
||||
.evaluateWether .evaluate-btn,
|
||||
.evaluate .situation span
|
||||
.evaluate .situation span,
|
||||
.up-info .u-face .up-face
|
||||
{
|
||||
background-color: #444 !important;
|
||||
}
|
||||
@ -159,6 +163,7 @@ body>div.to-top.on,
|
||||
.area-section .card-ctnr .more,
|
||||
.area-section .card-ctnr .more:hover,
|
||||
.link-panigation-ctnr .pagination,
|
||||
.link-progress-tv,
|
||||
.jumping-ctnr .jumping-input
|
||||
{
|
||||
background-color: transparent !important;
|
||||
@ -293,7 +298,10 @@ body>div.to-top.on,
|
||||
#announcement-area .news-ctnr .more-link,
|
||||
#announcement-area .rank-ctnr .icon-arrow-right,
|
||||
#announcement-area .rank-ctnr .more-link,
|
||||
.jumping-ctnr .jumping-input
|
||||
.jumping-ctnr .jumping-input,
|
||||
.banner-wrapper .swiper-pagination-bullet,
|
||||
.nav-header-wrapper .nav-header .user-panel,
|
||||
.nav-header-wrapper .nav-header .user-panel a
|
||||
{
|
||||
color: #eee !important;
|
||||
}
|
||||
@ -337,7 +345,8 @@ body>div.to-top.on,
|
||||
.evaluateWether .evaluate-btn,
|
||||
.evaluateWether .noactive,
|
||||
.evaluate .situation span,
|
||||
.bilibili-live-player .bilibili-live-player-enter-tips
|
||||
.bilibili-live-player .bilibili-live-player-enter-tips,
|
||||
.nav-header-wrapper .nav-header .nav-header-search-bar-wrapper .suggestion-list
|
||||
{
|
||||
border-color: transparent !important;
|
||||
}
|
||||
@ -392,7 +401,8 @@ body>div.to-top.on,
|
||||
.list-wrap .s-showMore .icon-right,
|
||||
.breadcrumb .arrow,
|
||||
.error-container .error.split,
|
||||
.leaveMsg .leaveMsgBody .questionClassify .classIfyTitleArea .classIfyTitleIcn
|
||||
.leaveMsg .leaveMsgBody .questionClassify .classIfyTitleArea .classIfyTitleIcn,
|
||||
.nav-header-wrapper .nav-header .user-panel .panel-list .icon
|
||||
{
|
||||
filter: brightness(0) invert(1) !important;
|
||||
}
|
||||
@ -484,7 +494,11 @@ body>div.to-top.on,
|
||||
.guide .old-btn a,
|
||||
.link-navbar-ctnr,
|
||||
.rank-item:hover,
|
||||
.singlePage .mainBox
|
||||
.singlePage .mainBox,
|
||||
.selector-wrapper,
|
||||
.nav-header-wrapper .nav-header .user-panel .user-uname,
|
||||
.nav-header-wrapper .nav-header .user-panel .panel-list,
|
||||
.demo-app .detail .category
|
||||
{
|
||||
box-shadow: none !important;
|
||||
}
|
||||
@ -494,7 +508,9 @@ body>div.to-top.on,
|
||||
}
|
||||
.guide .feedback-btn a,
|
||||
.mainBox .leaveMsg,
|
||||
.js-evaluateArea .evaluateDialog
|
||||
.js-evaluateArea .evaluateDialog,
|
||||
.project-list .project-list-item:hover,
|
||||
#app .toolbar-wrapper
|
||||
{
|
||||
box-shadow: 0px 1px 10px 0px $customStyleColor30 !important;
|
||||
}
|
||||
@ -612,7 +628,9 @@ body>div.to-top.on
|
||||
.evaluate .situation span.active,
|
||||
.evaluateSubmitArea .submit,
|
||||
.bilibili-live-player .blpui-btn.default-btn.btn-blue,
|
||||
.bilibili-live-player .bilibili-live-player-enter-tips
|
||||
.bilibili-live-player .bilibili-live-player-enter-tips,
|
||||
.banner-wrapper .swiper-pagination-bullet-active,
|
||||
.nav-header-wrapper .nav-header .profile-img.active::before
|
||||
{
|
||||
background-color: $customStyleColor !important;
|
||||
}
|
||||
@ -684,7 +702,8 @@ body>div.to-top.on
|
||||
.hot-list .card-ctnr .room-count .amount,
|
||||
.hot-list .card-ctnr .room-count:hover .amount,
|
||||
.hot-list .card-ctnr .room-count:hover .icon-font,
|
||||
.hot-list .card-ctnr .room-count:hover
|
||||
.hot-list .card-ctnr .room-count:hover,
|
||||
.panel-list .order-center-item:hover a
|
||||
{
|
||||
color: $customStyleColor !important;
|
||||
}
|
||||
@ -714,7 +733,8 @@ body>div.to-top.on
|
||||
.evaluate .situation span.active,
|
||||
.evaluateSubmitArea .submit,
|
||||
.bilibili-live-player .blpui-btn.default-btn.btn-blue,
|
||||
.bilibili-live-player .bilibili-live-player-enter-tips
|
||||
.bilibili-live-player .bilibili-live-player-enter-tips,
|
||||
.banner-wrapper .swiper-pagination-bullet-active
|
||||
{
|
||||
color: $foreground !important;
|
||||
}
|
||||
|
||||
@ -46,7 +46,23 @@
|
||||
.order-header-wrapper,
|
||||
.orderdetail-container .orderdetail-content,
|
||||
.total-container,
|
||||
.qrcode-active .qrcode-active-slider .close-btn
|
||||
.qrcode-active .qrcode-active-slider .close-btn,
|
||||
.trade-customn input,
|
||||
.alert-container,
|
||||
.bind-info .note-footer .btn-group .unable-btn,
|
||||
.bind-info .note-footer .btn-group .back-btn,
|
||||
.history-card:hover,
|
||||
.bangumi-up-info,
|
||||
.online-list .ebox,
|
||||
.online-list .ebox .ol,
|
||||
.demo-app .detail,
|
||||
.active-main .act-list ul li,
|
||||
.topic-main .act-list ul li ,
|
||||
li.user-wrapper .avatar .detail,
|
||||
li.user-wrapper .avatar .detail .logout,
|
||||
#bp_right .bb_intro_box,
|
||||
.rhythm-storm .bl-button:disabled,
|
||||
.member-list-item .member-list-img
|
||||
{
|
||||
background-color: #222 !important;
|
||||
}
|
||||
@ -101,14 +117,48 @@ body #app .marquee,
|
||||
.order-list-wrapper .order-list .order-item .order-item-body-wrapper,
|
||||
.project-info table tr,
|
||||
.project-info table tr:first-child,
|
||||
.qrcode-active .qrcode-active-slider
|
||||
.qrcode-active .qrcode-active-slider,
|
||||
.trade-list,
|
||||
.trade-wrapper,
|
||||
.spend-recode,
|
||||
.el-table th,
|
||||
.el-table tr,
|
||||
.el-table .el-table__header-wrapper th,
|
||||
.el-table--enable-row-hover .el-table__body tr:hover > td,
|
||||
.balance_bp_box,
|
||||
.bb_intro_box_top,
|
||||
.bind-info,
|
||||
.shell-intro-top,
|
||||
.history-card,
|
||||
.income-info .item,
|
||||
.rel.pl26.mb18 .bggr,
|
||||
.u-btn-e,
|
||||
.u-btn-m,
|
||||
.u-btn-c,
|
||||
.drawer-card,
|
||||
.demo-app .detail .category,
|
||||
.rel.pl26.mb18 .bggr,
|
||||
.infor-body-left ul li,
|
||||
.infor-news .news-body,
|
||||
.infor-news .news-top,
|
||||
.cntr .category,
|
||||
.pagelist .flip-left span,
|
||||
.pagelist .flip-left strong,
|
||||
.pagelist .flip-right input,
|
||||
.nav-container .single-box .ep-item,
|
||||
.bangumi-list .synthetical .headline .bangumi-label,
|
||||
.avatar .detail .level a.total,
|
||||
.valid_box .button.ready,
|
||||
.valid_box .button.ready:active,
|
||||
.valid_box .button.ready:hover,
|
||||
.bili-pay-box-wrapper
|
||||
{
|
||||
background-color: #444 !important;
|
||||
}
|
||||
// a
|
||||
// {
|
||||
// background-color: #555 !important;
|
||||
// }
|
||||
.player-auxiliary-area
|
||||
{
|
||||
background-color: #555 !important;
|
||||
}
|
||||
// a
|
||||
// {
|
||||
// background-color: #aaa !important;
|
||||
@ -117,14 +167,28 @@ body #app .marquee,
|
||||
// {
|
||||
// background-color: #fff1 !important;
|
||||
// }
|
||||
.add-tag .edit .input-wrapper .container.active .btn-add
|
||||
.add-tag .edit .input-wrapper .container.active .btn-add,
|
||||
.infor-news .news-top,
|
||||
.spend-recode .title-group .selected-title,
|
||||
div.cntr a.check-all
|
||||
{
|
||||
background-image: none !important;
|
||||
}
|
||||
.link-footer .footer-linker .footer-linker-line,
|
||||
.nav-notice li,
|
||||
.nav-notice li.hover,
|
||||
#text-contribute .fixed-header
|
||||
#text-contribute .fixed-header,
|
||||
.alert-container .alert-header:after,
|
||||
.el-table--border:after,
|
||||
.el-table--group:after,
|
||||
.el-table:before,
|
||||
.app-ctnr,
|
||||
.el-table,
|
||||
.el-table__expanded-cell,
|
||||
.container .main-btn.edit-btn:hover,
|
||||
.player-auxiliary-area .player-auxiliary-filter,
|
||||
.bui-collapse .bui-collapse-header,
|
||||
.danmaku-wrap .player-auxiliary-area .player-auxiliary-danmaku-wrap
|
||||
{
|
||||
background-color: transparent !important;
|
||||
}
|
||||
@ -140,6 +204,10 @@ body #app .marquee,
|
||||
{
|
||||
background: transparent !important;
|
||||
}
|
||||
ul.a-fade-in.content li:nth-child(n+41):after
|
||||
{
|
||||
background-image: linear-gradient(#2221,#222) !important;
|
||||
}
|
||||
.link-footer .footer-img-linker .footer-img-item,
|
||||
.canvas-card dd h4 .user-container span,
|
||||
.canvas-card dd h4 .user-container a,
|
||||
@ -257,7 +325,55 @@ ul.navigation li span,
|
||||
.orderdetail-container .orderdetail-nav .orderdetail-nav-list li.order-center,
|
||||
.qrcode-active .qrcode-tip,
|
||||
.qrcode-active .qrcode-container-item .qrcode .qrstatus .qrstatus-time,
|
||||
.qrcode-active .qrcode-container-item .qrcode .qrstatus .qrstatus-title
|
||||
.qrcode-active .qrcode-container-item .qrcode .qrstatus .qrstatus-title,
|
||||
.trade-wrapper > div > div,
|
||||
.trade-customn .tips,
|
||||
.agreement,
|
||||
.num-tip,
|
||||
.el-pagination.is-background .btn-next,
|
||||
.el-pagination.is-background .btn-prev,
|
||||
.el-pagination.is-background .el-pager li,
|
||||
.spend-recode .part-common .platformType,
|
||||
.el-date-table td.next-month,
|
||||
.el-date-table td.prev-month,
|
||||
.bind-info .note-content p,
|
||||
.el-checkbox__label,
|
||||
.history-card,
|
||||
.container .subtitle,
|
||||
.container .tip,
|
||||
.online-list .ebox .dlo .author,
|
||||
.online-list .ebox .dlo span,
|
||||
.error-panel.server-error .right-panel,
|
||||
.category li a,
|
||||
.tv-m-crumb li a,
|
||||
.tv-m3 .tv-m-desc,
|
||||
.tv-m2 .tv-m-desc,
|
||||
.tv-m1 .tv-m-desc,
|
||||
.tv-m3 .up,
|
||||
.tv-m2 .up,
|
||||
.tv-m1 .up,
|
||||
.tv-m3 .time,
|
||||
.tv-m2 .time,
|
||||
.tv-m1 .time,
|
||||
.mn-ot-l-u-icon1,
|
||||
.mn-ot-l-u-icon2,
|
||||
.tv-m3 .play,
|
||||
.tv-m2 .play,
|
||||
.tv-m1 .play,
|
||||
.tv-m3 .com,
|
||||
.tv-m2 .com,
|
||||
.tv-m1 .com,
|
||||
.tv-m3 .colt,
|
||||
.tv-m2 .colt,
|
||||
.tv-m1 .colt,
|
||||
.news-text .news-date,
|
||||
.pagelist .flip-right span,
|
||||
.topic-main .act-list ul li .found-time,
|
||||
.pager .jump-pager,
|
||||
.card-more,
|
||||
li.user-wrapper .avatar .detail .level .progress span,
|
||||
.pay-result-sub-title,
|
||||
.rel.pl122.mb20 .g3
|
||||
{
|
||||
color: #aaa !important;
|
||||
}
|
||||
@ -397,7 +513,79 @@ body #app .category-wrapper .upload-content .title,
|
||||
.project-info table th,
|
||||
.total-container div,
|
||||
.qrcode-active .qrcode-container-item .seat-info,
|
||||
.qrcode-active .qrcode-container-item .seat-info span
|
||||
.qrcode-active .qrcode-container-item .seat-info span,
|
||||
.trade-wrapper,
|
||||
.qrpay-group .qrpay-content .pay-tips,
|
||||
.trade-customn input,
|
||||
.alert-container .alert-header h2,
|
||||
.alert-container .alert-content .button,
|
||||
.spend-recode .title-group .selected-title,
|
||||
.el-pagination__total,
|
||||
.el-pagination__jump,
|
||||
.el-table .el-table__header-wrapper .el-table__header .cell,
|
||||
.el-table .el-table__row .cell,
|
||||
.bp_user_box_top p,
|
||||
.bp_user_box i,
|
||||
.balance_bp_box,
|
||||
.bb_intro_box_top .b_icon_title,
|
||||
.shell-intro-top .bind-card-title,
|
||||
.bind-info .bind-sub-title,
|
||||
.bind-info .note-footer .btn-group .unable-btn,
|
||||
.bind-info .note-footer .btn-group .back-btn,
|
||||
.income-info .item .info-title,
|
||||
.rhythm-storm label,
|
||||
.bangumi-up-info .func-btns .b-gz,
|
||||
.nav-container .single-box .ep-item,
|
||||
.nav-container .single-box .ep-item:hover,
|
||||
.container .main-btn,
|
||||
.online-list .ebox .etitle,
|
||||
.cl.mb20 .g1,
|
||||
.rel.pl26.mb18 .rank,
|
||||
.u-btn-m,
|
||||
.u-btn-c,
|
||||
.u-btn-e,
|
||||
.u-btn-e:hover,
|
||||
.error-panel .rollback-btn,
|
||||
.error-manga .change-img-btn,
|
||||
.hot-activity a,
|
||||
.hot-content .title,
|
||||
.drawer-card dd,
|
||||
.rel.pl26.mb18 .g1,
|
||||
.bbgr.cl.h29 .g1,
|
||||
.tv-m1 .tv-m-tt,
|
||||
.rel.pl122.mb20 .rank,
|
||||
.rel.pl26.mb18 .rank,
|
||||
.rel.pl122.mb20 .g1,
|
||||
.news_block .text-name,
|
||||
.infor-label .label-date,
|
||||
.news-body .news-1 .news-text p,
|
||||
.infor-news .news-top,
|
||||
.news-body .news-1 i,
|
||||
.active-main .active-title .b-active-t,
|
||||
.active-main .act-list ul li h2 a,
|
||||
.active-main .act-list ul li .event_status,
|
||||
.pagelist .flip-left span,
|
||||
.pagelist .flip-left .active,
|
||||
.pagelist .flip-left span:hover,
|
||||
.pagelist .flip-right input,
|
||||
.topic-main .nav-tab li,
|
||||
.topic-main .topic-title .b-topic-t,
|
||||
.topic-main .act-list ul li h2 a,
|
||||
.w160.h48.ovh .g1,
|
||||
.balance_bp_box .button:active,
|
||||
.balance_bp_box .button:hover,
|
||||
.bangumi-list .synthetical .headline .bangumi-label,
|
||||
.header .right li.order span a,
|
||||
.bb_intro_box .bb_intro_info,
|
||||
.valid_box .button.ready,
|
||||
.valid_box .button.ready:active,
|
||||
.valid_box .button.ready:hover,
|
||||
.rhythm-storm .bl-button:disabled,
|
||||
.bili-pay-uname,
|
||||
.pay-result-title,
|
||||
.pay-result-btn,
|
||||
.player-auxiliary-area .player-auxiliary-filter-title,
|
||||
.player-auxiliary-area .player-auxiliary-filter-menu
|
||||
{
|
||||
color: #eee !important;
|
||||
}
|
||||
@ -476,7 +664,53 @@ body #app .category-wrapper .upload-content .title,
|
||||
.orderdetail-container .orderdetail-status,
|
||||
.project-info table tr:last-child,
|
||||
.project-info table tr,
|
||||
.orderdetail-container .orderdetail-wrapper .wrapper-content
|
||||
.orderdetail-container .orderdetail-wrapper .wrapper-content,
|
||||
.b-info .dividing-line,
|
||||
.trade-list,
|
||||
.spend-recode,
|
||||
.el-table td,
|
||||
.el-table th.is-leaf,
|
||||
.spend-recode .part-common .platformType,
|
||||
.balance_bp_box,
|
||||
.bb_intro_box_top,
|
||||
.bp_user_box_top,
|
||||
.bind-info,
|
||||
.shell-intro-top,
|
||||
.bind-info .dividing-line,
|
||||
.bind-info .note-footer .btn-group .unable-btn,
|
||||
.bind-info .note-footer .btn-group .back-btn,
|
||||
.income-info .item,
|
||||
.container .main-btn,
|
||||
.container .main-btn:hover,
|
||||
.container .main-btn.edit-btn,
|
||||
.b-head.online,
|
||||
.online-list .ebox,
|
||||
.u-btn-e,
|
||||
.u-btn-m,
|
||||
.u-btn-c,
|
||||
.mg-l.w880.cl .bbgr,
|
||||
.tv-m1 .tv-m-con,
|
||||
.infor-body-left ul li,
|
||||
.news-body .news-1,
|
||||
.active-main .act-list ul li,
|
||||
.active-main .active-title,
|
||||
.pagelist .flip-left span,
|
||||
.pagelist .flip-left .active,
|
||||
.pagelist .flip-left span:hover,
|
||||
.pagelist .flip-right input,
|
||||
.topic-main .nav-tab,
|
||||
.topic-main .act-list ul li,
|
||||
.nav-container .single-box .ep-item,
|
||||
.bangumi-list .synthetical .headline .bangumi-label,
|
||||
.bb_intro_box .bb_intro_info,
|
||||
#bp_right .bb_intro_box,
|
||||
#bp_right .bb_intro_box_top,
|
||||
.valid_box .button.ready,
|
||||
.valid_box .button.ready:active,
|
||||
.valid_box .button.ready:hover,
|
||||
.valid_box .button,
|
||||
.rhythm-storm .bl-button,
|
||||
.bili-pay-header-wrapper
|
||||
{
|
||||
border-color: transparent !important;
|
||||
}
|
||||
@ -486,7 +720,9 @@ body #app .category-wrapper .upload-content .title,
|
||||
.face-g-list#my-g-list .face-g-block .my-mp-block,
|
||||
.ui-input,
|
||||
.set-copyright .copyright-icon .icon-none-copyright,
|
||||
.area-section .card-ctnr .tag-ctnr .tags
|
||||
.area-section .card-ctnr .tag-ctnr .tags,
|
||||
.trade-wrapper,
|
||||
.el-date-table th
|
||||
{
|
||||
border-color: #aaa !important;
|
||||
}
|
||||
@ -502,6 +738,10 @@ body #app .category-wrapper .upload-content .title,
|
||||
// {
|
||||
// border-color: #99a2aa !important;
|
||||
// }
|
||||
#BilibiliVipDialog
|
||||
{
|
||||
border: none !important;
|
||||
}
|
||||
// a
|
||||
// {
|
||||
// transition: all .2s !important;
|
||||
@ -514,13 +754,31 @@ body #app .category-wrapper .upload-content .title,
|
||||
.footer-logo,
|
||||
.more-data i,
|
||||
.block-left.block-brand .headline .tab-wrap .pgc-brand-tab,
|
||||
.qrcode-active .qrcode-active-slider .close-btn .close-btn-bg
|
||||
.qrcode-active .qrcode-active-slider .close-btn .close-btn-bg,
|
||||
.icon-arrow-r,
|
||||
.u-btn-m i,
|
||||
.u-btn-e i,
|
||||
.play-btn .icon-play
|
||||
{
|
||||
filter: brightness(0) invert(1) !important;
|
||||
}
|
||||
.infor-load-more
|
||||
{
|
||||
filter: invert(0.75) !important;
|
||||
}
|
||||
.bb_intro_box_top .b_question .b_question_icon
|
||||
{
|
||||
filter: brightness(0.5) contrast(3) !important;
|
||||
}
|
||||
.float-toolbar .toolbar-list .icon-block.icon-help,
|
||||
.float-toolbar .toolbar-list .icon-block.icon-feedback,
|
||||
.float-toolbar .back-top .icon-block.icon-back-top
|
||||
.float-toolbar .back-top .icon-block.icon-back-top,
|
||||
.icon-sort3-on,
|
||||
.u-btn-s3:hover,
|
||||
.on.u-btn-s3,
|
||||
.timer-wrap .vote-dialog-new .main .main-txt-1 label .selected,
|
||||
.timer-wrap .vote-dialog-new .main .checkbox,
|
||||
.icon-slide-h
|
||||
{
|
||||
filter: $blueImageFilter !important;
|
||||
}
|
||||
@ -551,10 +809,10 @@ body #app .category-wrapper .upload-content .title,
|
||||
{
|
||||
box-shadow: none !important;
|
||||
}
|
||||
// a
|
||||
// {
|
||||
// box-shadow: 0px 1px 10px 0px $customStyleColor30 !important;
|
||||
// }
|
||||
div.cntr a.check-all
|
||||
{
|
||||
box-shadow: 0px 1px 10px 0px $customStyleColor30 !important;
|
||||
}
|
||||
.icon-hot,
|
||||
.icon-new,
|
||||
.icon-home
|
||||
@ -594,7 +852,11 @@ body #app .marquee,
|
||||
.func-banner .btn-like.active,
|
||||
.func-banner .btn-dislike.active,
|
||||
.author-info-card .author-info .info-right .btn-attention,
|
||||
.swiper-pagination-custom
|
||||
.swiper-pagination-custom,
|
||||
.trade-wrapper.is-selected,
|
||||
.bangumi-up-info .func-btns .b-gz,
|
||||
.act.tv-u-btn-t,
|
||||
.balance_bp_box .button
|
||||
{
|
||||
border-color: $customStyleColor !important;
|
||||
}
|
||||
@ -620,10 +882,33 @@ body #app .category-wrapper .dot,
|
||||
.promote-m .headline .change-push:hover,
|
||||
#announcement-area .rank-ctnr .rank-icon.hot,
|
||||
.item .live-status.on,
|
||||
.author-info-card .author-info .info-right .btn-attention
|
||||
.author-info-card .author-info .info-right .btn-attention,
|
||||
.alert-container .alert-content .button,
|
||||
.bangumi-up-info .func-btns .b-gz,
|
||||
.nav-container .single-box .ep-item:hover,
|
||||
.rel.pl122.mb20 .bgre,
|
||||
.u-btn-e:hover,
|
||||
.error-panel .rollback-btn,
|
||||
.error-manga .change-img-btn,
|
||||
.rel.pl122.mb20 .bgre,
|
||||
.news-body .news-1 i,
|
||||
.balance_bp_box .button,
|
||||
.pagelist .flip-left .active,
|
||||
.pagelist .flip-left span:hover,
|
||||
.balance_bp_box .button:active,
|
||||
.balance_bp_box .button:hover,
|
||||
.rhythm-storm .bl-button,
|
||||
.pay-result-btn,
|
||||
div.cntr a.check-all,
|
||||
.bili-header-m .bubble-traditional .renew-btn button
|
||||
{
|
||||
background-color: $customStyleColor !important;
|
||||
}
|
||||
.valid_box .button,
|
||||
.pay-result-btn:hover
|
||||
{
|
||||
background: $customStyleColor !important;
|
||||
}
|
||||
|
||||
.canvas-card dd h4 .user-container a:hover,
|
||||
.nav-bar .sub-nav .sub-tab.active,
|
||||
@ -692,14 +977,57 @@ body #app .marquee a,
|
||||
.total-container div span.total,
|
||||
.project-info table .project-content .content-right .ticket-type,
|
||||
.project-info table td.total,
|
||||
.swiper-pagination-custom
|
||||
.swiper-pagination-custom,
|
||||
.trade-wrapper.is-selected,
|
||||
.instructions,
|
||||
.agreement a,
|
||||
.qrpay-group .qrpay-content .price,
|
||||
.spend-recode .title-group .recode-title,
|
||||
.bb_intro_box_top .b_question .b_question_title:hover,
|
||||
.balance,
|
||||
.bind-info .note-content a,
|
||||
.bind-info .bind-sec-title,
|
||||
.bind-info .note-footer .agree-group .submit-deal,
|
||||
.income-info .item.left .value,
|
||||
.income-info .item.right .value,
|
||||
.selector-wrapper .type-list .current-type span.active,
|
||||
.selector-wrapper .type-list li:hover,
|
||||
.selector-wrapper .city-list .li-more span:hover,
|
||||
.selector-wrapper .order-list .li-more span:hover,
|
||||
.project-list .project-list-item .project-list-item-detail .project-list-item-price,
|
||||
.container .main-btn:hover,
|
||||
.container .main-btn.edit-btn,
|
||||
.online-list .ebox .dlo .author:hover,
|
||||
.online-list .ebox a:hover .etitle,
|
||||
.online-list .ebox:hover .ol b,
|
||||
.cl.mb20 .g1:hover,
|
||||
.hot-activity a:hover,
|
||||
.drawer-card li a:hover dd,
|
||||
.category li a:hover,
|
||||
.rel.pl26.mb18 .g1:hover,
|
||||
.tv-m-crumb li a:hover,
|
||||
.bbgr.cl.h29 .g1:hover,
|
||||
.tv-m1 .tv-m-tt:hover,
|
||||
.act.tv-u-btn-t,
|
||||
.rel.pl122.mb20 .g1:hover,
|
||||
.news-body .news-1 .news-text:hover .n-text,
|
||||
.nav-bar .nav-wrapper .main-tab:hover,
|
||||
.active-main .act-list ul li .event_status .status-ing,
|
||||
.active-main .act-list ul li h2 a:hover,
|
||||
.topic-main .nav-tab .on,
|
||||
.w160.h48.ovh .g1:hover,
|
||||
.card-more a,
|
||||
.player-auxiliary-area .player-auxiliary-filter-menu:hover
|
||||
{
|
||||
color: $customStyleColor !important;
|
||||
}
|
||||
// a
|
||||
// {
|
||||
// color: $foreground !important;
|
||||
// }
|
||||
.valid_box .button,
|
||||
.rhythm-storm .bl-button,
|
||||
div.cntr a.check-all,
|
||||
.bili-header-m .bubble-traditional .renew-btn button
|
||||
{
|
||||
color: $foreground !important;
|
||||
}
|
||||
// a
|
||||
// {
|
||||
// fill: $customStyleColor !important;
|
||||
|
||||
@ -144,6 +144,7 @@
|
||||
font-size: 16px;
|
||||
margin: 12px 0;
|
||||
display: flex;
|
||||
height: 24px;
|
||||
}
|
||||
.gui-settings-content ul li.indent-0
|
||||
{
|
||||
@ -249,7 +250,8 @@ span.settings-category
|
||||
{
|
||||
cursor: pointer;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
width: 100%;
|
||||
justify-content: start;
|
||||
align-items: center;
|
||||
padding: 0 16px;
|
||||
-webkit-tap-highlight-color: transparent;
|
||||
|
||||
@ -24,7 +24,8 @@ form.searchform
|
||||
box-shadow: 0px 2px 10px 1px #0002 !important;
|
||||
height: 30px !important;
|
||||
}
|
||||
form.searchform:hover
|
||||
form.searchform:hover,
|
||||
form.searchform:focus-within
|
||||
{
|
||||
background-color: #fff !important;
|
||||
}
|
||||
|
||||
@ -2,28 +2,58 @@
|
||||
{
|
||||
return (settings, resources) =>
|
||||
{
|
||||
if (document.URL === `https://h.bilibili.com/`)
|
||||
{
|
||||
return {
|
||||
ajaxReload: false
|
||||
};
|
||||
}
|
||||
resources.applyStyle("scrollbarStyle", "bilibili-scrollbar-style");
|
||||
SpinQuery.any(
|
||||
() => $(".custom-scrollbar"),
|
||||
it => it.removeClass("custom-scrollbar")
|
||||
);
|
||||
SpinQuery.any(() => $(".bili-wrapper,#link-navbar-vm,.link-navbar"), () =>
|
||||
{
|
||||
const navbar =
|
||||
document.getElementsByClassName("bili-wrapper")[0] ||
|
||||
document.getElementById("link-navbar-vm") ||
|
||||
document.getElementsByClassName("link-navbar")[0];
|
||||
let stardustStyles = false;
|
||||
if (navbar instanceof Element)
|
||||
const newStyles = {
|
||||
selectors: [
|
||||
"div.nav-con.fl",
|
||||
"#link-navbar-vm",
|
||||
".link-navbar",
|
||||
".nav-header-wrapper",
|
||||
".z_top .z_header"
|
||||
],
|
||||
get allSelectors()
|
||||
{
|
||||
const height = parseInt(window.getComputedStyle(navbar).height);
|
||||
stardustStyles =
|
||||
height === 50 /* stardust player & live room */ ||
|
||||
height === 0 ||
|
||||
height === 56;/* photos */
|
||||
return this.selectors.reduce((acc, s) => acc + "," + s);
|
||||
},
|
||||
get navbar()
|
||||
{
|
||||
let result = null;
|
||||
for (const selector of this.selectors)
|
||||
{
|
||||
result = result || document.querySelector(selector);
|
||||
}
|
||||
return result;
|
||||
},
|
||||
supports(navbar)
|
||||
{
|
||||
if (navbar instanceof Element)
|
||||
{
|
||||
const height = parseInt(window.getComputedStyle(navbar).height);
|
||||
const supportHeights = [
|
||||
60, /* show */
|
||||
50, /* stardust player */
|
||||
0, /* live room */
|
||||
56 /* photos */
|
||||
];
|
||||
return supportHeights.indexOf(height) !== -1;
|
||||
}
|
||||
return false;
|
||||
}
|
||||
|
||||
if (stardustStyles)
|
||||
};
|
||||
SpinQuery.any(() => $(newStyles.allSelectors), () =>
|
||||
{
|
||||
const navbar = newStyles.navbar;
|
||||
if (newStyles.supports(navbar))
|
||||
{
|
||||
resources.applyStyle("style", "bilibili-new-style");
|
||||
}
|
||||
|
||||
@ -1,9 +1,11 @@
|
||||
#banner_link,
|
||||
.ban-banner
|
||||
.ban-banner,
|
||||
.z-top-container.has-banner>.header
|
||||
{
|
||||
display: none !important;
|
||||
}
|
||||
div.blur-bg
|
||||
div.blur-bg,
|
||||
.b-header-mask-wrp .b-header-mask-bg
|
||||
{
|
||||
opacity: 0 !important;
|
||||
}
|
||||
|
||||
@ -1,21 +1,32 @@
|
||||
.bili-header-m>.nav-menu
|
||||
.bili-header-m>.nav-menu,
|
||||
.b-header-mask-wrp .b-header-mask
|
||||
{
|
||||
background: $customStyleColorff !important;
|
||||
box-shadow: $customStyleColor70 0px 2px 10px 1px !important;
|
||||
}
|
||||
|
||||
body .bili-header-m .nav-menu div.nav-mask
|
||||
body .bili-header-m .nav-menu div.nav-mask,
|
||||
.b-header-mask-wrp,
|
||||
.z_top
|
||||
{
|
||||
background-color: transparent !important;
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
.bili-header-m .nav-menu .nav-con .nav-item .t
|
||||
.b-header-mask-wrp
|
||||
{
|
||||
overflow: unset !important;
|
||||
}
|
||||
|
||||
.bili-header-m .nav-menu .nav-con .nav-item .t,
|
||||
.z_top.b-header-blur .z_top_nav li:not(.home) a.i-link
|
||||
{
|
||||
color: $foregroundd !important;
|
||||
}
|
||||
|
||||
li.nav-item:hover
|
||||
li.nav-item:hover,
|
||||
.z_top .z_top_nav ul li:hover,
|
||||
.uns_box ul.menu li:not(.b-post):hover
|
||||
{
|
||||
background-color: hsla(0,0%,$brightness,.2) !important;
|
||||
}
|
||||
@ -35,19 +46,31 @@ a.t>i.bili-icon
|
||||
height: 16px !important;
|
||||
opacity: 0.81 !important;
|
||||
}
|
||||
.z_top .z_top_nav ul li.home
|
||||
{
|
||||
filter: brightness(0) invert(1) !important;
|
||||
background: url(https://www.bilibili.com/favicon.ico) no-repeat left center !important;
|
||||
opacity: 0.81 !important;
|
||||
background-size: 16px !important;
|
||||
background-position-x: 16% !important;
|
||||
}
|
||||
|
||||
#entryOld,
|
||||
.nav-search-submit,
|
||||
.b-icon-app,
|
||||
.title-icon
|
||||
.title-icon,
|
||||
.z_top .z_top_nav li .new,
|
||||
.z_top .z_top_nav li .beta,
|
||||
.uns_box li.u-i.b-post .up-new
|
||||
{
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.i-face>.face
|
||||
.i-face>.face,
|
||||
.uns_box li.u-i .i_face
|
||||
{
|
||||
border: 1.5px solid #fff3 !important;
|
||||
margin-top: -1px !important;
|
||||
box-shadow: 0 0 2px 1.5px #0002 !important;
|
||||
/* margin-top: -1px !important; */
|
||||
}
|
||||
|
||||
div.up-load
|
||||
@ -55,7 +78,8 @@ div.up-load
|
||||
margin: 5px 0 0 5px !important;
|
||||
height: 32px !important;
|
||||
}
|
||||
.u-link
|
||||
.u-link,
|
||||
.uns_box li.u-i.b-post a.i-link
|
||||
{
|
||||
background: transparent !important;
|
||||
color: $foregroundd !important;
|
||||
@ -66,11 +90,16 @@ div.up-load
|
||||
transition: background-color .2s !important;
|
||||
}
|
||||
|
||||
.u-link:hover
|
||||
.u-link:hover,
|
||||
.uns_box li.u-i.b-post a.i-link:hover
|
||||
{
|
||||
opacity: 1 !important;
|
||||
background-color: hsla(0,0%,$brightness,.2) !important;
|
||||
}
|
||||
.uns_box li.u-i.b-post
|
||||
{
|
||||
margin-left: 8px !important;
|
||||
}
|
||||
|
||||
.nav-search
|
||||
{
|
||||
@ -126,11 +155,12 @@ li.suggest-item>a
|
||||
|
||||
div.num
|
||||
{
|
||||
border: 1px solid #fff8 !important;
|
||||
box-shadow: 0 0.5px 4px 0 #0004 !important;
|
||||
}
|
||||
|
||||
#primary_menu,
|
||||
#primary_menu>ul.nav-menu
|
||||
#primary_menu>ul.nav-menu,
|
||||
.uns_box li.u-i.b-post
|
||||
{
|
||||
display: flex !important;
|
||||
align-items: center !important;
|
||||
@ -147,7 +177,8 @@ div.nav-gif,
|
||||
top: 37px !important;
|
||||
}
|
||||
|
||||
.filter-item.search
|
||||
.filter-item.search,
|
||||
body
|
||||
{
|
||||
margin: 0 !important;
|
||||
}
|
||||
|
||||
@ -7,11 +7,13 @@
|
||||
}
|
||||
.bili-header-m>.nav-menu,
|
||||
.link-navbar,
|
||||
.link-navbar .main-ctnr .nav-items-ctnr
|
||||
.link-navbar .main-ctnr .nav-items-ctnr,
|
||||
.nav-header-wrapper
|
||||
{
|
||||
background: $customStyleColor !important;
|
||||
}
|
||||
.bili-header-m>.nav-menu,
|
||||
.nav-header-wrapper,
|
||||
.link-navbar-ctnr
|
||||
{
|
||||
box-shadow: $customStyleColor70 0px 2px 10px 1px !important;
|
||||
@ -24,7 +26,8 @@ div.stardust-player
|
||||
{
|
||||
width: 835.5px !important;
|
||||
}*/
|
||||
.nav-mask
|
||||
.nav-mask,
|
||||
.nav-header-wrapper>.nav-header
|
||||
{
|
||||
background-color: transparent !important;
|
||||
}
|
||||
@ -53,7 +56,9 @@ div.stardust-player
|
||||
.link-navbar .main-ctnr .nav-switcher,
|
||||
.my-link-btn,
|
||||
.link-navbar .nav-item.selected .label,
|
||||
.link-navbar .nav-item .icon-font
|
||||
.link-navbar .nav-item .icon-font,
|
||||
.nav-header-wrapper .nav-header .nav-header-mainsite,
|
||||
.nav-header-wrapper .nav-header .order-center
|
||||
{
|
||||
color: $foregroundd !important;
|
||||
}
|
||||
@ -94,7 +99,10 @@ a.t>i.bili-icon
|
||||
a.t>i.bili-icon-logo,
|
||||
a.t>i.bili-icon,
|
||||
.main-ctnr .nav-logo:before,
|
||||
.link-navbar .nav-item:first-child::before
|
||||
.link-navbar .nav-item:first-child::before,
|
||||
.nav-header-wrapper .nav-header .nav-header-logo,
|
||||
.nav-header-wrapper .nav-header .nav-header-tv-icon,
|
||||
.nav-header-wrapper .nav-header .order-icon
|
||||
{
|
||||
filter: brightness(0) $filterInvert !important;
|
||||
opacity: 0.81 !important;
|
||||
@ -109,14 +117,14 @@ a.t>i.bili-icon,
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.i-face>.face
|
||||
/*.i-face>.face
|
||||
{
|
||||
margin-top: -1px !important;
|
||||
}
|
||||
}*/
|
||||
.i-face>.face,
|
||||
.user-panel-ctnr .msg-hinter
|
||||
{
|
||||
border: 1.5px solid #fff3 !important;
|
||||
box-shadow: 0 0 2px 1.5px #0002 !important;
|
||||
}
|
||||
div.up-load
|
||||
{
|
||||
@ -182,7 +190,8 @@ div.up-load
|
||||
width: 120px !important;
|
||||
}
|
||||
|
||||
.stardust-video .nav-con #nav_searchform
|
||||
.stardust-video .nav-con #nav_searchform,
|
||||
.nav-header-wrapper .nav-header .nav-header-search-bar
|
||||
{
|
||||
margin-top: 0.1rem !important;
|
||||
border-radius: 4px !important;
|
||||
@ -197,7 +206,11 @@ div.up-load
|
||||
transition: all 0.2s !important;
|
||||
}
|
||||
.search-bar-ctnr .search-bar:hover,
|
||||
.stardust-video .nav-con #nav_searchform:hover
|
||||
.stardust-video .nav-con #nav_searchform:hover,
|
||||
.nav-header-wrapper .nav-header .nav-header-search-bar:hover,
|
||||
.search-bar-ctnr .search-bar:focus-within,
|
||||
.stardust-video .nav-con #nav_searchform:focus-within,
|
||||
.nav-header-wrapper .nav-header .nav-header-search-bar:focus-within
|
||||
{
|
||||
background-color: #fff !important;
|
||||
}
|
||||
@ -231,7 +244,7 @@ li.suggest-item>a
|
||||
|
||||
div.num
|
||||
{
|
||||
border: 1px solid #fff8 !important;
|
||||
box-shadow: 0 0.5px 4px 0 #0004 !important;
|
||||
}
|
||||
|
||||
#primary_menu,
|
||||
@ -252,7 +265,8 @@ div.nav-gif,
|
||||
{
|
||||
padding: 0 !important;
|
||||
}
|
||||
.filter-item.search
|
||||
.filter-item.search,
|
||||
body
|
||||
{
|
||||
margin: 0 !important;
|
||||
}
|
||||
@ -277,10 +291,18 @@ div.nav-gif,
|
||||
{
|
||||
width: 100% !important;
|
||||
}
|
||||
.player-wrap,
|
||||
.danmaku-box
|
||||
.player-wrap[style*="height: auto"]
|
||||
{
|
||||
height: 513px;
|
||||
height: 513px !important;
|
||||
}
|
||||
.danmaku-wrap .player-auxiliary-block-wrap,
|
||||
.player-auxiliary-advanced-danmaku-control-container
|
||||
{
|
||||
height: 474px !important;
|
||||
}
|
||||
.danmaku-wrap .player-auxiliary-area .player-auxiliary-danmaku-wrap
|
||||
{
|
||||
height: 403px !important;
|
||||
}
|
||||
.bilibili-player-video-control,
|
||||
.bui-slider .bui-track.bui-track-video-progress .bui-bar-wrap
|
||||
@ -288,7 +310,8 @@ div.nav-gif,
|
||||
background-color: #222c !important;
|
||||
}
|
||||
.search-bar-ctnr .search-bar input::placeholder,
|
||||
.search-bar-ctnr .search-bar .search-btn
|
||||
.search-bar-ctnr .search-bar .search-btn,
|
||||
.nav-header-wrapper .nav-header .nav-header-search-bar::placeholder
|
||||
{
|
||||
color: #888 !important;
|
||||
}
|
||||
|
||||
@ -669,7 +669,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
runAndObserveDomMutation("#bofqi", () => main());
|
||||
Observer.subtree("#bofqi", () => main());
|
||||
|
||||
resources.applyStyle("touchPlayerStyle", "bilibili-touch-video-player");
|
||||
return {
|
||||
|
||||
@ -1 +1 @@
|
||||
1.5.1
|
||||
1.5.2
|
||||
@ -2,7 +2,7 @@
|
||||
{
|
||||
return (_, resources) =>
|
||||
{
|
||||
runAndObserveDomMutation("#bofqi", () =>
|
||||
Observer.subtree("#bofqi", () =>
|
||||
{
|
||||
SpinQuery.count(
|
||||
() => $(".bui-slider .bui-track.bui-track-video-progress,.bilibili-player-area .bilibili-player-video-control"),
|
||||
|
||||
@ -66,17 +66,16 @@
|
||||
</li>`,
|
||||
success: () =>
|
||||
{
|
||||
SpinQuery.any(() => $("meta[itemprop='image']"), metaData =>
|
||||
{
|
||||
if (metaData.length > 0)
|
||||
new SpinQuery(() => $("meta[itemprop='image']"),
|
||||
metaData => metaData.length > 0 && metaData.prop("content"),
|
||||
metaData =>
|
||||
{
|
||||
const imageViewer = new ImageViewer(metaData.prop("content"));
|
||||
$("#view-video-cover").on("click", () =>
|
||||
{
|
||||
imageViewer.show();
|
||||
}).parent().removeClass("hidden");
|
||||
}
|
||||
});
|
||||
}).start();
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
Loading…
Reference in New Issue
Block a user