Merge branch 'preview' of https://github.com/the1812/Bilibili-Evolved into preview

This commit is contained in:
Coulomb 2018-09-11 17:07:35 +08:00
commit aded4b2e69
21 changed files with 29 additions and 21 deletions

View File

@ -114,11 +114,15 @@
### 展开动态标题
在顶栏的动态预览框中:
- 关闭时, 长名称的后半部分会用`...`代替.
![关闭时](images/full-tweets-title-off.png)
- 启用时, 不管名称多长, 总是完全展开up主和视频的标题.
![启用时](images/full-tweets-title-on.png)
## 视频与直播
### 查看封面
在视频播放页面/直播间中,`设置`→`视频`/`直播间`下会出现查看封面按钮,点击可以查看或保存封面.
![查看封面按钮](images/view-cover-button.png)
### 自动展开弹幕列表
新版播放页面中,弹幕列表默认收起以显示推荐的其他视频.启用此功能可在每次加载视频时自动展开弹幕列表.
### 缩放看板娘
@ -128,6 +132,9 @@
### 删除视频标题层
删除视频里鼠标经过时出现在顶端的标题覆盖层.
标题覆盖层的位置:
![标题覆盖层](images/remove-top-mask.png)
## 触摸支持
### 顶栏
删除顶栏右侧的一级链接(从`大会员`到`历史`),以方便触屏设备快速预览信息.被删除的链接可从各预览中的`查看更多`进入.
@ -145,7 +152,7 @@
#### 启用双击控制
将操作方式更改为: 单击显示/隐藏控制栏, 双击播放/暂停.
#### 放大按钮
#### 增大间距
增大控制栏的按钮间距,使触摸操作更准确.
##### 启用前
![放大前](images/player-buttons-original.png)
@ -154,6 +161,7 @@
## 其他
### 显示消息
允许在网页左下角显示来自本脚本的消息,如更新提醒,错误提示等.
![消息](images/toast.png)
# 兼容性
## ![Chrome:兼容](https://img.shields.io/badge/Chrome-兼容-brightgreen.svg?style=flat-square&colorB=009688)

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.6 MiB

After

Width:  |  Height:  |  Size: 766 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.6 MiB

After

Width:  |  Height:  |  Size: 727 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 958 KiB

After

Width:  |  Height:  |  Size: 1.8 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 33 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 39 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.3 MiB

After

Width:  |  Height:  |  Size: 1.3 MiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.0 MiB

After

Width:  |  Height:  |  Size: 1.8 MiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 35 KiB

After

Width:  |  Height:  |  Size: 106 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 38 KiB

After

Width:  |  Height:  |  Size: 115 KiB

BIN
images/remove-top-mask.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.8 MiB

BIN
images/toast.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 76 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 368 KiB

File diff suppressed because one or more lines are too long

View File

@ -175,11 +175,6 @@ li.season-item .season-body .season-title span.follow,
{
background-image: none !important;
}
.bilibili-player-video-control,
.bui-slider .bui-track.bui-track-video-progress .bui-bar-wrap
{
background-color: #222c !important;
}
.disabled-cover
{
background-color: #2229 !important;

View File

@ -1 +1 @@
.bilibili-player-video-sendbar{background-color:#222!important;}.mode-fullscreen .bilibili-player-video-btn-widescreen,.mode-webfullscreen .bilibili-player-video-sendbar,.mode-fullscreen .bilibili-player-video-sendbar,.bilibili-player-video-bottom-area::before{background-color:transparent!important;}.tab-mk2.active,.face-g-more,.bangumi-player{background-image:none!important;}.bangumi-player{box-shadow:none!important;}@supports (backdrop-filter: blur(64px)) or (-webkit-backdrop-filter: blur(64px)){.gui-settings-content.blur{background:#222d!important;}}.face-g-more{color:$customStyleColor!important;}.bilibili-player-video-danmaku-setting-left-more:hover .bp-svgicon,.bilibili-player-video-danmaku-setting-right-more:hover .bp-svgicon{fill:$customStyleColor!important;}
.bilibili-player-video-sendbar{background-color:#222!important;}.mode-fullscreen .bilibili-player-video-btn-widescreen,.mode-webfullscreen .bilibili-player-video-sendbar,.mode-fullscreen .bilibili-player-video-sendbar,.bilibili-player-video-bottom-area::before{background-color:transparent!important;}.bp-svg-icon.link{filter:$blueImageFilter!important;}.tab-mk2.active,.face-g-more,.bangumi-player{background-image:none!important;}.bangumi-player{box-shadow:none!important;}@supports (backdrop-filter: blur(64px)) or (-webkit-backdrop-filter: blur(64px)){.gui-settings-content.blur{background:#222d!important;}}.face-g-more{color:$customStyleColor!important;}.bilibili-player-video-danmaku-setting-left-more:hover .bp-svgicon,.bilibili-player-video-danmaku-setting-right-more:hover .bp-svgicon{fill:$customStyleColor!important;}

View File

@ -84,10 +84,10 @@
// {
// filter: brightness(0) invert(1) !important;
// }
// a
// {
// filter: $blueImageFilter !important;
// }
.bp-svg-icon.link
{
filter: $blueImageFilter !important;
}
// a
// {
// filter: $pinkImageFilter !important;

View File

@ -1 +1 @@
.bili-wrapper{display:flex!important;justify-content:center!important;align-items:center!important;height:50px!important;}.bili-header-m>.nav-menu,.link-navbar,.link-navbar .main-ctnr .nav-items-ctnr{background:$customStyleColor!important;}.bili-header-m>.nav-menu,.link-navbar-ctnr{box-shadow:$customStyleColor70 0px 2px 10px 1px!important;}div.stardust-player{background:#fff!important;}.nav-mask{background-color:transparent!important;box-shadow:none!important;}.nav-con{flex-grow:10!important;flex-shrink:0!important;}.nav-con.fl{margin-left:-2em!important;}.bili-header-m .nav-menu .nav-con .nav-item .t,.link-navbar .main-ctnr .nav-logo,.link-navbar .nav-item,.shortcuts-ctnr,.link-navbar .nav-item:hover,.link-navbar .main-ctnr .nav-switcher,.my-link-btn{color:$foregroundd!important;}li.nav-item:hover,.link-navbar .nav-item:hover,.shortcuts-ctnr .shortcut-item:hover,.my-link-btn:hover,.publish-btn:hover{background-color:hsla(0,0%,$brightness,.2)!important;}li.nav-item.home:hover,.link-navbar .nav-item:hover .nav-link .label,.shortcuts-ctnr .shortcut-item .label-wrapper .text:hover,.publish-btn:hover::after,.my-link-btn .label:hover,.bilibili-player-video-control-mask{background:transparent!important;}.vip-m{background:white!important;}a.t>i.bili-icon-logo,a.t>i.bili-icon{width:50px!important;left:-60px!important;top:0px!important;height:50px!important;background-position-y:12px!important;}a.t>i.bili-icon-logo,a.t>i.bili-icon,.main-ctnr .nav-logo:before,.link-navbar .nav-item:first-child::before{filter:brightness(0) $filterInvert!important;opacity:0.81!important;}#entryOld,.nav-search-submit,.b-icon-app,.title-icon,.blp-red-tip::after{display:none!important;}.i-face>.face{margin-top:-1px!important;}.i-face>.face,.user-panel-ctnr .msg-hinter{border:1.5px solid #fff3!important;}div.up-load{margin-left:9px!important;height:32px!important;order:4!important;flex-grow:0;flex-shrink:0;}.publish-btn{height:40px!important;line-height:40px!important;background:$customStyleColor!important;border:1px solid $foregroundd!important;border-radius:5px!important;box-shadow:none!important;top:calc(50% - 20px)!important;transition:all 0.2s!important;}.publish-panel{margin-top:7px!important;}.my-link-btn{border-radius:0!important;}.slot-ctnr a{color:#222!important;}.u-link{background:transparent!important;color:$foregroundd!important;border-radius:4px!important;line-height:30px!important;height:30px!important;transition:background-color .2s!important;}.u-link,.shortcuts-ctnr .shortcut-item .hinter,.shortcuts-ctnr .shortcut-item .num-hinter{border:1px solid $foregroundb!important;}.u-link:hover{opacity:1!important;background-color:hsla(0,0%,$brightness,.2)!important;}.stardust-video .nav-con .nav-search{width:130px!important;}.stardust-video .nav-con .nav-search .nav-search-keyword{color:#222!important;width:120px!important;}.stardust-video .nav-con #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;}.search-bar-ctnr .search-bar{background-color:#fffd!important;transition:all 0.2s!important;}.search-bar-ctnr .search-bar:hover,.stardust-video .nav-con #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;}.stardust-video .nav-con ul.bilibili-suggest{margin-left:-35px!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;}.filter-item.search{margin:0!important;}.input-box textarea{padding:8px!important;}.link-navbar .main-ctnr .nav-switcher.open-btn{filter:brightness(0) invert(1)!important;opacity:0.8!important;}.guard-rank-cntr.open .tip.rank-desc{visibility:visible!important;}.guard-rank-cntr .rank-cntr .tip{visibility:hidden!important;}.tag-container .tag-item .tag-border .tag-border-inner{width:100%!important;}.player-wrap,.danmaku-box{height:513px;}@media only screen and (min-width: 1291px){.nav-con{margin:0 1em!important;}.stardust-video .nav-con .bilibili-suggest.nav,.stardust-video .nav-con .nav-search{width:250px!important;}.stardust-video .nav-con .nav-search .nav-search-keyword{width:240px!important;}.stardust-video .nav-con ul.bilibili-suggest{margin-left:0px!important;width:250px!important;}.stardust-video .nav-con li.suggest-item>a{max-width:205px!important;}}
.bili-wrapper{display:flex!important;justify-content:center!important;align-items:center!important;height:50px!important;}.bili-header-m>.nav-menu,.link-navbar,.link-navbar .main-ctnr .nav-items-ctnr{background:$customStyleColor!important;}.bili-header-m>.nav-menu,.link-navbar-ctnr{box-shadow:$customStyleColor70 0px 2px 10px 1px!important;}div.stardust-player{background:#fff!important;}.nav-mask{background-color:transparent!important;box-shadow:none!important;}.nav-con{flex-grow:10!important;flex-shrink:0!important;}.nav-con.fl{margin-left:-2em!important;}.bili-header-m .nav-menu .nav-con .nav-item .t,.link-navbar .main-ctnr .nav-logo,.link-navbar .nav-item,.shortcuts-ctnr,.link-navbar .nav-item:hover,.link-navbar .main-ctnr .nav-switcher,.my-link-btn{color:$foregroundd!important;}li.nav-item:hover,.link-navbar .nav-item:hover,.shortcuts-ctnr .shortcut-item:hover,.my-link-btn:hover,.publish-btn:hover{background-color:hsla(0,0%,$brightness,.2)!important;}li.nav-item.home:hover,.link-navbar .nav-item:hover .nav-link .label,.shortcuts-ctnr .shortcut-item .label-wrapper .text:hover,.publish-btn:hover::after,.my-link-btn .label:hover,.bilibili-player-video-control-mask{background:transparent!important;}.vip-m{background:white!important;}a.t>i.bili-icon-logo,a.t>i.bili-icon{width:50px!important;left:-60px!important;top:0px!important;height:50px!important;background-position-y:12px!important;}a.t>i.bili-icon-logo,a.t>i.bili-icon,.main-ctnr .nav-logo:before,.link-navbar .nav-item:first-child::before{filter:brightness(0) $filterInvert!important;opacity:0.81!important;}#entryOld,.nav-search-submit,.b-icon-app,.title-icon,.blp-red-tip::after{display:none!important;}.i-face>.face{margin-top:-1px!important;}.i-face>.face,.user-panel-ctnr .msg-hinter{border:1.5px solid #fff3!important;}div.up-load{margin-left:9px!important;height:32px!important;order:4!important;flex-grow:0;flex-shrink:0;}.publish-btn{height:40px!important;line-height:40px!important;background:$customStyleColor!important;border:1px solid $foregroundd!important;border-radius:5px!important;box-shadow:none!important;top:calc(50% - 20px)!important;transition:all 0.2s!important;}.publish-panel{margin-top:7px!important;}.my-link-btn{border-radius:0!important;}.slot-ctnr a{color:#222!important;}.u-link{background:transparent!important;color:$foregroundd!important;border-radius:4px!important;line-height:30px!important;height:30px!important;transition:background-color .2s!important;}.u-link,.shortcuts-ctnr .shortcut-item .hinter,.shortcuts-ctnr .shortcut-item .num-hinter{border:1px solid $foregroundb!important;}.u-link:hover{opacity:1!important;background-color:hsla(0,0%,$brightness,.2)!important;}.stardust-video .nav-con .nav-search{width:130px!important;}.stardust-video .nav-con .nav-search .nav-search-keyword{color:#222!important;width:120px!important;}.stardust-video .nav-con #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;}.search-bar-ctnr .search-bar{background-color:#fffd!important;transition:all 0.2s!important;}.search-bar-ctnr .search-bar:hover,.stardust-video .nav-con #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;}.stardust-video .nav-con ul.bilibili-suggest{margin-left:-35px!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;}.filter-item.search{margin:0!important;}.input-box textarea{padding:8px!important;}.link-navbar .main-ctnr .nav-switcher.open-btn{filter:brightness(0) invert(1)!important;opacity:0.8!important;}.guard-rank-cntr.open .tip.rank-desc{visibility:visible!important;}.guard-rank-cntr .rank-cntr .tip{visibility:hidden!important;}.tag-container .tag-item .tag-border .tag-border-inner{width:100%!important;}.player-wrap,.danmaku-box{height:513px;}.bilibili-player-video-control,.bui-slider .bui-track.bui-track-video-progress .bui-bar-wrap{background-color:#222c!important;}@media only screen and (min-width: 1291px){.nav-con{margin:0 1em!important;}.stardust-video .nav-con .bilibili-suggest.nav,.stardust-video .nav-con .nav-search{width:250px!important;}.stardust-video .nav-con .nav-search .nav-search-keyword{width:240px!important;}.stardust-video .nav-con ul.bilibili-suggest{margin-left:0px!important;width:250px!important;}.stardust-video .nav-con li.suggest-item>a{max-width:205px!important;}}

View File

@ -271,6 +271,11 @@ div.nav-gif,
{
height: 513px;
}
.bilibili-player-video-control,
.bui-slider .bui-track.bui-track-video-progress .bui-bar-wrap
{
background-color: #222c !important;
}
@media only screen and (min-width: 1291px)
{