Skip to content

Instantly share code, notes, and snippets.

@Tsuk1ko
Last active August 16, 2022 08:02
Show Gist options
  • Save Tsuk1ko/12d01e585ec5f6a8c0ec39f7b74499f2 to your computer and use it in GitHub Desktop.
Save Tsuk1ko/12d01e585ec5f6a8c0ec39f7b74499f2 to your computer and use it in GitHub Desktop.
萌化项目黑历史存档
@-moz-document domain("bilibili.com") {
/*字体*/
/******************************
* Google Design *
* https://material.io/icons/ *
******************************/
@font-face{
font-family: 'Material Icons';
font-style: normal;
font-weight: normal;
src: /*[[MaterialIcons]]*/ format('woff2');
}
/*滚动条*/
/*[[scrollbarCss]]*/
:root{
--shadow-20px: rgba(0, 0, 0, 0.1) 0px 0px 20px 2px;
--border-gray: 1px solid rgba(204, 208, 215, .5);
}
}
@-moz-document domain("search.bilibili.com"), domain("space.bilibili.com"), domain("message.bilibili.com"), domain("t.bilibili.com"), regexp("^https?://www.bilibili.com/?((index.html)|(\\?spm_id_from=.*))?"), regexp("^https?://www.bilibili.com/video/av(.*)"), regexp("^https?://www.bilibili.com/account/dynamic/?"), regexp("^https?://bangumi.bilibili.com/(.*)/play#(.*)"), regexp("^https?://www.bilibili.com/watchlater/(.*)"), regexp("^https?://www.bilibili.com/bangumi/play/(.*)") {
/************************************通用************************************/
html:not([stylus-iframe]){
background-color: transparent;
}
html:not([stylus-iframe]) body {
background-image: url(https://res.lolicon.app/bilibili/bg.jpg) !important;
background-position: center bottom !important;
background-size: cover !important;
background-attachment: fixed !important;
background-repeat: no-repeat !important;
}
@media screen and (max-width: 1650px){
html:not([stylus-iframe]) body{
background-image: url(https://res.lolicon.app/bilibili/bg_small.jpg) !important;
}
}
html:not([stylus-iframe]) body{
background-image: url(/*[[diyBg]]*/) /*[[isDiyBg]]*/;
}
/*顶部功能菜单背景*/
.nav-item .dd-bubble,
.nav-item .dd-bubble .bubble-nav{
background-color: rgba(255,255,255,.96);
}
.bili-header-m .dynamic-m .dyn_list_wrapper,
.bili-header-m .dynamic-m .dyn_list_wrapper .dyn_list{
background-color: transparent;
}
/*顶栏*/
.head-banner,
.z-top-container.has-banner>.header{/*total*/
/*background-color: rgba(255, 255, 255, 0.95) !important;*/
border-radius: 0 0 15px 15px;
box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 4px 1px;
margin-bottom: 10px;
}
.z_top.white .dyn_wnd,
.z_top.white #dyn_wnd,
.z_top.white .mini-wnd,
.z_top.white .s-menu,
.z_top.white .i_menu{
background-color: rgba(255, 255, 255, 0.95) !important;
}
.z_top.white .i_menu .member-bottom{
background-color: rgba(244, 245, 247, 0.5) !important;
}
.z_top.white #dyn_wnd .dyn_list_wrapper *,
.z_top.white #dyn_wnd .dyn_list_wrapper[mode]{
background-color: transparent !important;
}
.header .num {/*total*/
background-color: rgba(255, 255, 255, 0.95) !important;
border-radius: 0 0 20px 20px;
box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 4px 1px;
}
.header .i-link{
top: -2px;
height: 58px;
transition: all 0.2s;
border-width: 4px;
border-color: transparent;
border-style: solid none none none;
}
.header .i-link:hover{
transform:translateY(-4px);
border-color: #FFAFC9;
}
.header .i_num{
background-color: rgba(255, 255, 255, 0.95) !important;
border-radius: 0 0 10px 10px !important;
margin-top: 7px;
}
.header .m-i.on .i-link{
border-color: #FFAFC9 !important;
border-bottom-style: none !important;
}
.header .i-link em{
border-color: transparent !important;
}
.menu-wrapper{
width: 940px !important;
}
.widescreen .menu-wrapper{
width: 1064px !important;
}
.header .num ul.nav-menu{
padding-right: 0;
}
.widescreen .header .num li.m-i{
margin-right: 9px;
}
.header .num li.m-i{
margin-right: 3px;
}
.widescreen .header .num li.m-i.home{
margin-right: 20px;
padding-right:0 !important;
}
.header .num li.m-i.home{
margin-right: 3px;
}
.nav-menu .m-i.side-nav .i-link i{
margin-top: 6px !important;
}
.nav-menu .m-i.side-nav:nth-last-of-type(1),
.nav-menu .m-i.side-nav:nth-last-of-type(2),
.nav-menu .m-i.side-nav:nth-last-of-type(3){
margin-right: 0 !important;
margin-left: 4px !important;
}
.widescreen .nav-menu .m-i.side-nav:nth-last-of-type(1),
.widescreen .nav-menu .m-i.side-nav:nth-last-of-type(2),
.widescreen .nav-menu .m-i.side-nav:nth-last-of-type(3){
margin-right: 0 !important;
margin-left: 15px !important;
}
.nav-menu .m-i.side-nav:nth-last-of-type(4){
margin-left: 0 !important;
margin-right: 0 !important;
}
body:not(.widescreen) .nav-menu .m-i.side-nav .i_num{
left: auto !important;
right: 0;
}
.menu-wrapper .search{
margin-right: -52px;
}
.menu-wrapper .menu-r,
.i_div.game,
.i_div.stream,
.gif-menu.nav-gif{
display: none !important;
}
/*新顶栏*/
#primary_menu{
margin-left: 0;
margin-right: 0;
width: 100%;
border: none;
}
.bili-header-m > .bili-wrapper{
width: 1285px;
}
@media screen and (max-width: 1400px){
.bili-header-m > .bili-wrapper{
width: 1055px;
}
}
.view-later-module{
margin-top: 20px;
}
#server-header-app,
.bili-header-m{
background-color: transparent;
}
#primary_menu.border-b{
border: none;
}
#primary_menu .nav-menu > li{
background-color: #fff;
border-radius: 24px;
margin-left: 0 !important;
margin-right: 4px !important;
box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 10px 0px;
transition: all 0.2s;
}
#primary_menu .nav-menu .channel.on:after{
display: none;
}
#primary_menu .nav-menu > li:last-child{
margin-right: 0 !important;
}
#primary_menu .nav-menu > li.side-nav{
padding: 0px 10px 0px 10px;
}
#primary_menu .nav-menu > li.home{
padding-left: 12px;
padding-right: 12px;
}
#primary_menu .nav-menu .sub-nav{
border-radius: 8px !important;
}
#primary_menu .nav-menu > li.channel.on{
box-shadow: rgba(0, 161, 214, 0.9) 0px 0px 12px 2px;
}
#primary_menu .nav-menu > li:hover{
z-index: 100;
box-shadow: rgba(255, 175, 201, 0.9) 0px 0px 15px 3px;
transform: translateY(8px);
}
#primary_menu .nav-menu > li:first-child:hover,
#primary_menu .nav-menu > li:nth-child(12):hover,
#primary_menu .nav-menu > li.zl,
#primary_menu .nav-menu > li:last-child:hover{
transform: none;
}
/*人性化处理,sub-nav右对齐*/
@media screen and (max-width: 1690px){
#primary_menu .nav-menu .side-nav .sub-nav{
left: auto !important;
right: 0 !important;
}
}
@media screen and (max-width: 1399px){
#primary_menu .nav-menu > li.side-nav{
height: 48px !important;
}
}
@media screen and (min-width: 1400px){
#primary_menu .nav-menu > li{
border-radius: 26px;
padding: 2px;
margin-right: 11px !important;
}
#primary_menu .nav-menu > li.side-nav{
padding: 3.5px 10px 3.5px 10px;
}
#primary_menu .nav-menu > li.home{
padding-left: 14px;
padding-right: 14px;
}
#primary_menu .nav-menu .sub-nav{
margin-top: 2px;
}
}
/*search*/
.bilibili-suggest{
background-color: rgba(255, 255, 255, 0.95) !important;
}
.bilibili-suggest .b-line span{
background-color: transparent !important;
}
.bilibili-suggest iframe{
display: none !important;
}
.suggest-item{
padding-right: 0 !important;
overflow: hidden !important;
}
.suggest-item .cancel{
height: 29px !important;
right: 0 !important;
transition: all 0.3s;
}
.suggest-item .cancel:hover{
right: 38px !important;
width: 0;
}
.suggest-item .cancel:after{
background-color: #FF3B30;
color: white;
content: "移除";
line-height: 29px;
text-align: center;
position: absolute;
right: -38px;
width: 38px;
height: 29px;
}
.bilibili-suggest .clearall{
background-color: #F3F3F3;
padding: 2px 5px 2px 5px;
border-radius: 10px;
color: #BBBBBB !important;
}
.bilibili-suggest .clearall:hover{
color: #999999 !important;
}
/*search*/
.bilibili-suggest{
background-color: rgba(255, 255, 255, 0.95) !important;
}
.bilibili-suggest .b-line span{
background-color: transparent !important;
}
.bilibili-suggest iframe{
display: none !important;
}
.suggest-item{
padding-right: 0 !important;
overflow: hidden !important;
}
.suggest-item .cancel{
height: 29px !important;
right: 0;
transition: all 0.3s;
}
.suggest-item .cancel:hover{
right: 38px;
width: 0;
}
.suggest-item .cancel:after{
background-color: #FF3B30;
color: white;
content: "移除";
line-height: 29px;
text-align: center;
position: absolute;
right: -38px;
width: 38px;
height: 29px;
}
.bilibili-suggest .clearall{
background-color: #F3F3F3;
padding: 2px 5px 2px 5px;
border-radius: 10px;
color: #BBBBBB !important;
}
.bilibili-suggest .clearall:hover{
color: #999999 !important;
}
/*适配、美化解除地区限制脚本*/
.nav-goto-top{
border: 1px solid #e5e9ef !important;
}
.balh_settings{
margin-top: 4px;
}
.balh_settings .btn_gotop{
border-radius: 4px;
border: 1px solid #e5e9ef;
height: 48px !important;
}
.balh_settings .btn_gotop,
.balh_settings .btn_gotop svg{
transition: all .2s;
}
.balh_settings .btn_gotop:hover{
background-color: #00a1d6 !important;
cursor: pointer;
}
.balh_settings .btn_gotop:hover svg{
fill: #fff !important;
}
/*尾部*/
.footer{
display: none !important;
}
}
@-moz-document regexp("^https?://www.bilibili.com/?((index.html)|(\\?spm_id_from=.*))?") {
/************************************首页************************************/
.bili-wrapper{
width: 1220px;
}
@media screen and (max-width: 1400px){
.bili-wrapper{
width: 1040px;
}
}
/*顶部*/
.z-top-container.has-banner .header{
border-radius: 0 0 15px 15px;
box-shadow: rgba(0, 0, 0, 0.25) 0px 3px 3px 1px;
}
/*首页顶部推荐*/
.chief-recommend-module{
margin-top: 20px !important;
}
.chief-recommend-module .carousel-box{
border-radius: 5px;
margin-top: 10px;
box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 15px 2px;
margin-left: 30px;
}
.chief-recommend-module .recommend-module{
padding: 10px 0 10px 0;
}
.chief-recommend-module .groom-module{
border-radius: 5px;
box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 10px 2px;
}
.rec-btn.next{
margin-right: 30px;
}
/*首页板块*/
@keyframes rowDTU{
0%{transform: translateY(200px); opacity: 0;}
100%{transform: translateY(0); opacity: 1;}
}
@keyframes rowUTD{
0%{transform: translateY(-200px); opacity: 0;}
100%{transform: translateY(0); opacity: 1;}
}
.index-promote,
.popularize-module .r-con .lazy-img{
display: none !important;
}
.popularize-module,
.zone-wrap-module,
.special-recommend-module{
border-radius: 15px;
background-color: rgba(250, 250, 250, 0.9);
padding: 30px 30px 0px 30px !important;
margin-bottom: 40px !important;
box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 10px 1px;
transition: background-color 0.3s;
animation-fill-mode: forwards !important;
}
.popularize-module:hover,
.zone-wrap-module:hover,
.special-recommend-module:hover{
background-color: rgba(255, 255, 255, 1);
box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 15px 2px;
}
.zone-wrap-module a>p.num{
background-color: #F7F6F5;
}
.zone-wrap-module:hover a>p.num{
background-color: #FFF;
}
[data-ad-type],.gg-floor-module,.adpos a,/*去广告*/
.n-i.n-i-mlink,.app-download/*去首页右侧导航栏尾部小手机*/{
display: none !important;
}
.popularize-module .online{
background-color: rgba(229,233,239,0.7);
}
.popularize-module .adpos:after{
margin-top: 10px;
content: url(https://res.lolicon.app/bilibili/index_neko.png);
visibility: visible;
}
.popularize-module .adpos{
height: 200px;
}
.special-recommend-module{
padding-bottom: 20px !important;
}
/*稍后再看*/
.watch-later-trigger.w-later{
background-image: none;
}
.watch-later-trigger.w-later:after{
font-family: 'Material Icons';
content: "\e066";
color: #fff;
font-size: 22px;
line-height: 22px;
width: 22px;
height: 22px;
}
/*右侧导航栏*/
.elevator-module .nav-bg{
background-color: transparent;
}
.nav-list,
.n-i.gotop{
left: 65px;
}
.widescreen .nav-list,
.widescreen .n-i.gotop{
left: auto;
}
@media screen and (max-width: 1286px) {
.n-i.gotop{left: auto;}
}
.n-i .name{
transition-property: background-color !important;
}
.n-i.customize{
height: 17px !important;
overflow: hidden !important;
}
.n-i.customize .n-icon-sort{
transition: margin 0.3s;
}
.n-i.customize p{
margin-top: 17px !important;
}
.n-i.customize:hover .n-icon-sort{
margin-top: -35px !important;
}
/*new*/
.nav-list>.item{
transition: all 0.3s;
}
.nav-list>.item.on{
font-size: 15px;
}
.nav-bg{
margin-right: -65px;
}
.back-top.icon,
.s-line{
left: 65px;
}
.nav-list .item.customize{
height: 17px !important;
overflow: hidden !important;
color: #F6F9FA !important;
}
.nav-list .item.customize:hover{
color: #00A1D6 !important;
}
.nav-list .item.customize:after{
content: "排序";
color: #FFF;
line-height: 43px;
font-size: 12px;
position: relative;
left: -12px;
}
.nav-list .item.customize .icon{
transition: margin 0.3s;
}
.nav-list .item.customize:hover .icon{
margin-top: -35px !important;
}
.back-top.icon{
background-image: none;
transition: all 0.3s;
}
.back-top.icon:before{
content: " ";
background-image: url(https://res.lolicon.app/bilibili/arrowup1.png);
background-repeat: no-repeat;
background-position: center center;
position: absolute;
top: 0; left: 0; bottom: 0; right: 0;
transition: all 0.3s;
}
.back-top.icon:hover:before{
top: -48px;
bottom: 48px;
}
.back-top.icon:after{
content: "返回顶部";
color: #FFFFFF;
width: 27px;
line-height: 13px !important;
position: absolute;
left: 12px;
top: 58px;
transition: margin 0.3s;
}
.back-top.icon:hover:after{
margin-top: -47px;
}
/*尾部*/
.footer {
background-color: rgba(246, 249, 250, 0.95) !important;
border-radius: 15px 20px 0 0;
box-shadow: rgba(0, 0, 0, 0.2) 0px -4px 4px 1px;
padding-bottom: 10px !important;
display: block !important;
}
.footer .footer-wrp {
background-color: transparent !important;
}
}
@-moz-document regexp("^https?://www.bilibili.com/watchlater/#/(.*)") {
/***********************************稍后再看**********************************/
.watch-later-list>header{
margin-bottom: 40px;
}
.av-about{
border: none !important;
}
.av-item.clearfix{
background-color: rgba(255, 255, 255, 0.9);
padding: 0 20px 0 0 !important;
margin-bottom: 30px !important;
border-radius: 15px;
transition: all 0.2s;
box-shadow: rgba(0, 0, 0, 0.3) 0 0 3px;
}
.av-item.clearfix:hover{
background-color: rgba(255, 255, 255, 1);
box-shadow: rgba(0, 0, 0, 0.3) 0 0 7px;
}
.av-about{
margin-top: 10px;
height: 90px !important;
}
.av-item.clearfix>a{
border-radius: 15px 0 0 15px !important;
}
.av-item.clearfix>a .lazy-img img{
transition: all 0.2s;
}
.av-item.clearfix:hover>a .lazy-img img{
width: 176px;
height: 110px;
margin-left: -8px;
margin-top: -5px;
}
.av-item.clearfix .key{
z-index: 100;
width: 44px !important;
color: #fff !important;
background-color: #4879bd;
border-radius: 12px;
box-shadow: rgba(0, 0, 0, 0.4) 0 0 3px 0;
top: -12px !important;
left: -22px !important;
transition: transform 0.2s;
}
.av-item.clearfix:hover .key{
transform: rotate(-10deg);
}
.info>.state{
margin-top: -10px !important;
}
.info>.state:before{
content: "删除";
color: #99a2aa;
position: relative;
top: 1px;
right: 10px;
opacity: 0;
transition: all 0.2s;
}
.info>.state:hover:before{
right: 0;
opacity: 1;
}
}
@-moz-document regexp("^https?://www.bilibili.com/video/av(.*)"), regexp("^https?://www.bilibili.com/(.*)/html5player.html(.*)"), regexp("^https?://www.bilibili.com/watchlater/#/av(.*)") {
/*********************************播放器相关*********************************/
.bilibili-player-video-message{
height: 0 !important;
display: none !important;
}
.gray-panel-content{
padding: 5px;
background-color: rgba(255,255,255,0.8);
}
.bpui-slider-handle:after{
width: 28px;
height: 28px;
top: -7px;
left: -7px;
position: absolute;
content: "";
line-height: 28px;
background: url(https://res.lolicon.app/bilibili/progress_bar_neko.png) no-repeat;
}
.bilibili-player-video-btn-send.bpui-button{
overflow: hidden;
}
.bilibili-player-video-btn-send.bpui-button:after{
font-family: 'Material Icons';
content: "\e163";
font-size: 20px;
position: absolute;
right: 80px;
top: 5px;
color: #FFF;
line-height: 28px;
transition: all 0.3s;
}
.bilibili-player-video-btn-send.bpui-button:hover{
animation: words_in_out 0.6s;
}
.bilibili-player-video-btn-send.bpui-button:hover:after{
animation: in_out_2 0.6s;
}
.bilibili-player-video-btn-send.bpui-button.button.bpui-state-disabled:hover{
animation: none !important;
}
.bilibili-player-video-btn-send.bpui-button.button.bpui-state-disabled:hover:after{
animation: none !important;
}
@keyframes in_out_2
{
0% {right:80px;}
40% {right:36px;}
60% {right:18px;}
100% {right:-26px;}
}
/*你闪个毛(。*/
.bilibili-player-video-float-panel{
margin-top: auto !important;
}
/*网页全屏播放器侧边栏*/
@keyframes fade_out{
0% {opacity: 1;}
30% {opacity: 1;}
55% {opacity: 0.7;}
80% {opacity: 0.7;}
100% {opacity: 0;}
}
.mode-webfullscreen .bilibili-player-auxiliary-area,
.mode-fullscreen .bilibili-player-auxiliary-area{
position: absolute;
right: -300px;
z-index: 100;
transition: all 0.2s;
display: inline-block !important;
opacity: 0;
animation: fade_out 4s;
}
.mode-webfullscreen .bilibili-player-auxiliary-area:before,
.mode-fullscreen .bilibili-player-auxiliary-area:before{
content: url(https://res.lolicon.app/bilibili/right-button.png);
position: fixed;
top: calc(50% - 50px);
height: 100px;
right: 0;
width: 15px;
transition: all 0.2s;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
box-shadow: rgba(0, 0, 0, 0.4) -1px 0px 2px 0px;
}
.mode-webfullscreen .bilibili-player-auxiliary-area:after,
.mode-fullscreen .bilibili-player-auxiliary-area:after{
content: " ";
position: fixed;
top: calc(50% - 100px);
height: 200px;
right: 0;
width: 50px;
}
.mode-webfullscreen .bilibili-player-auxiliary-area:hover:after,
.mode-fullscreen .bilibili-player-auxiliary-area:hover:after{
display: none !important;
}
.mode-webfullscreen .bilibili-player-auxiliary-area .bilibili-player-wraplist,
.mode-webfullscreen .bilibili-player-filter-wrap.bilibili-player-danmaku{
height: 100%;
}
.mode-webfullscreen .bilibili-player-danmaku-wrap{
height: calc(100% - 71px) !important;
}
.mode-webfullscreen .bilibili-player-auxiliary-area:before{
top: calc(50% - 50px - 34px);
}
.mode-webfullscreen .bilibili-player-auxiliary-area:after{
top: calc(50% - 100px - 34px);
}
.mode-webfullscreen .bilibili-player-auxiliary-area:hover:before,
.mode-fullscreen .bilibili-player-auxiliary-area:hover:before{
right: 299px;
}
.mode-webfullscreen .bilibili-player-auxiliary-area:hover,
.mode-fullscreen .bilibili-player-auxiliary-area:hover{
right: 0;
opacity: 1 !important;
animation: none !important;
}
.mode-webfullscreen .bilibili-player-auxiliary-area{
height: calc(100% - 68px);
}
/*bug:侧边栏内容超出*/
.mode-webfullscreen .bilibili-player-panel-scrollbar{
height: 100% !important;
}
/*全屏模式底部进度条调整*/
.mode-fullscreen .bilibili-player-video-control:before{
content: " ";
position: fixed;
left: 215px;
right: 0;
bottom: 0;
height: 20%;
z-index: -1;
}
.mode-fullscreen .bilibili-player-video-control{
opacity: 0 !important;
transition: opacity 0.2s;
}
.mode-fullscreen .bilibili-player-video-control:hover{
opacity: 1 !important;
}
.mode-fullscreen .bilibili-player-video-sendbar{
border-radius: 4px;
z-index: 70 !important;
}
.mode-fullscreen .bilibili-player-video-sendbar .bilibili-player-video-inputbar{
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
.mode-fullscreen .bilibili-player-video-btn.bilibili-player-video-btn-danmaku{
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}
.mode-fullscreen .bilibili-player-mode-selection-container,
.mode-fullscreen .bilibili-player-color-picker-container{
border-radius: 4px;
}
/*去广告*/
.bilibili-player-promote-wrap{
display: none !important;
}
}
@-moz-document regexp("^https?://www.bilibili.com/video/av\\d(.*)"), regexp("^https?://bangumi.bilibili.com/(.*)/play#(.*)"), regexp("^https?://www.bilibili.com/watchlater/#/av(.*)"), regexp("^https?://www.bilibili.com/bangumi/play/(.*)") {
/******************************视频播放界面通用******************************/
/*顶栏*/
.nav-menu{
border-color: transparent !important;;
}
/*信息*/
.bangumi-header,
.viewbox,
#app .bili-header-m.report-wrap-module + .bili-wrapper.clearfix,/*new*/
#app .bili-header-m.report-wrap-module + div + .bili-wrapper.clearfix,/*new*/
.video-top-info{
background-color: #FFFFFF !important;
margin-top: 25px !important;
padding: 0 15px 12px 15px !important;
border-radius: 15px;
box-shadow: rgb(221, 221, 221) 0px 0px 10px 1px;
}
.video-top-info{
padding-bottom: 0px !important;
width: 950px;
}
.bangumi-header{
padding-top: 15px !important;
}
@media screen and (min-width: 1400px){
.video-top-info{width: 1130px;}
}
.viewbox .info,
.video-info-module{
width: 635px !important;
height: auto !important;
overflow: visible !important;
}
.widescreen .viewbox .info,
.widescreen .video-info-module{
width: 815px !important;
}
.viewbox .v-title-line.v-rank{
background-color: #F3F3F3 !important;
padding: 0 4px 0 7px !important;
margin-right: 15px !important;
border-radius: 16px;
}
.viewbox .v-title h1,
.video-info-module h1{
margin-right: 94px !important;
}
.viewbox .v-title-line.v-rank .b-icon.b-icon-rank{
height: 26px !important;
}
/*播放器外观*/
.player-wrapper,
.player-box,/*new*/
.scontent.float,
.video-box-module{
background-color: transparent !important;
border: none !important;
}
.scontent{
background-color: #FFFFFF !important;
box-shadow: rgb(221, 221, 221) 0px 0px 10px 1px !important;
}
.scontent.float .player{
box-shadow: rgb(221, 221, 221) 0px 0px 10px 1px !important;
}
.scontent.float,
.scontent.float .bilibili-player-video-danmaku{
box-shadow: none !important;
}
.scontent.newfloat{
background-color: transparent !important;
box-shadow: none !important;
}
.scontent.newfloat .move{
transition: opacity 0.2s;
display: block !important;
opacity: 0;
}
.scontent.newfloat:hover .move{
opacity: 1;
}
.scontent.newfloat .player{
box-shadow: rgb(221, 221, 221) 0px 0px 10px 1px !important;
}
/*评论*/
.l-wrapper,
.v_large .common{
background-color: rgba(255, 255, 255, 0.95) !important;
padding: 0 15px 15px 15px !important;
margin-top: 20px !important;
margin-bottom: 30px !important;
border-radius: 15px;
box-shadow: rgb(221, 221, 221) 0px 0px 10px 1px;
transition: background-color 0.3s;
}
.l-wrapper:hover,
.v_large .common:hover{
background-color: rgba(255, 255, 255, 1) !important;
}
.v_large .bilibili-comment.pc,
.bb-comment{
background-color:transparent !important;
}
.c_order a{
transition: color 0.3s;
}
.comment-submit{
transition: all 0.3s !important;
overflow: hidden;
}
.comment-submit:hover{
animation: words_in_out 0.5s;
}
.comment-submit:hover:after{
animation: in_out 0.5s;
}
.comment-submit:after{
font-family: 'Material Icons';
content: "\e163";
font-size: 35px;
position: absolute;
left: -57px;
top: 0px;
color: #FFF;
line-height: 64px;
transition: all 0.3s;
}
@keyframes in_out
{
0% {left:-47px;}
40% {left:13px;}
60% {left:21px;}
100% {left:67px;}
}
@keyframes words_in_out
{
0% {color: #FFF;}
50% {color: rgb(0,181,229);}
100% {color: #FFF;}
}
/*mini on/off*/
#miniPlayerSwitch{
height: 46px;
line-height: 23px;
}
/*去广告*/
#loli,/*屏蔽已经失效的lolivector*/
.ad-f,
.ad,
.video-top-ad,
.video-bottom-ad,
.bilibili-player-promote-wrap,
#bannerAd,
#slide_ad{
display: none !important;
}
/*new*/
#app .bili-header-m.report-wrap-module + .bili-wrapper.clearfix,
#app .bili-header-m.report-wrap-module + div + .bili-wrapper.clearfix/*new*/{
width: 950px;
padding-bottom: 0 !important;
}
.video-info-m{
margin-right: -10px;
}
.l-wrapper {
width: 660px;
}
.video-like-m .like-list .like-card{
margin-right: 5px;
}
@media screen and (min-width: 1400px){
#app .bili-header-m.report-wrap-module + .bili-wrapper.clearfix,
#app .bili-header-m.report-wrap-module + div + .bili-wrapper.clearfix/*new*/{
width: 1130px;
}
.l-wrapper {
width: 840px;
}
.video-like-m .like-list .like-card{
margin-right: 10px;
}
}
/*msg*/
.bili-msg.show iframe{
display: none;
}
}
@-moz-document regexp("^https?://www.bilibili.com/video/av\\d(.*)"), regexp("^https?://www.bilibili.com/watchlater/#/av(.*)") {
/*****************************视频播放界面(av)*****************************/
/*信息*/
.viewbox .upinfo{
margin-top: 15px !important
}
/*播放器调整兼容,暂时移除*/
.player-wrapper{
width: 980px;
margin: auto;
margin-bottom: 0 !important;
}
.widescreen .player-wrapper{
width: 1160px;
margin: auto;
margin-bottom: -60px !important;
}
/*arc-toolbar*/
/*比赛视频信息*/
.inside-wrp{
background-color: rgba(255, 255, 255, 0.95);
border-style: none !important;
border-radius: 15px !important;
box-shadow: rgb(221, 221, 221) 0px 0px 10px 1px !important;
transition: background-color 0.3s;
margin: 0 0 30px 0 !important;
}
/*视频简介*/
.v_info,
.ex-wrapper{
background-color: rgba(255, 255, 255, 0.95);
padding: 20px !important;
border-radius: 15px;
box-shadow: rgb(221, 221, 221) 0px 0px 10px 1px !important;
transition: background-color 0.3s;
}
.v_large .recommend-area{
background-color: rgba(255, 255, 255, 0.95);
padding: 20px 20px 20px 20px !important;
border-radius: 15px;
box-shadow: rgb(221, 221, 221) 0px 0px 10px 1px !important;
transition: background-color 0.3s;
margin-top: 20px !important;
}
.rm-list{
transition: margin-left 0.3s;
opacity: 1 !important;
}
.widescreen .rm-list li{
margin-right: 8px !important;
}
.rm-list li{
margin-right: 3.2px !important;
}
.v_large .recommend-area .b-head{
padding-left: 17px !important;
}
.v_large .recommend-area .page.next.no-select{
right: 0 !important;
}
.v_large .recommend-area .page.prev.no-select{
left: 0 !important;
}
.inside-wrp:hover,
.v_info:hover,
.v_large .recommend-area:hover{
background-color: rgba(255, 255, 255, 1);
}
.v_info .intro{
border-bottom-style: none !important;
}
/*新wapper*/
.ex-wrapper{
width: 830px !important;
}
.also-like__page.also-like__page--pre{
left: 0;
}
.also-like__page.also-like__page--next{
right: 0;
}
.spread-module.also-like__card{
margin-right: 7.5px;
}
@media screen and (max-width: 1400px){
.ex-wrapper{
width: 650px !important;
}
.spread-module.also-like__card{
margin-right: 3px;
}
.also-like__page.also-like__page--next{
right: 1px;
}
}
/*新侧栏*/
.side-info-wrapper{
padding-top: 0;
padding-left: 20px;
}
/*充电*/
.v_small .elecrank-header,
.v_small .elecrank-content,
.v_small .elecrank-footer,
.elecrank-header,
.elecrank-content,
.elecrank-footer{
background-color: rgba(255, 255, 255, 0.95) !important;
}
.elecrank-wrapper{
padding-top: 0;
}
.v_small .elecrank-header a:first-child,
.elecrank-header a:first-child{
border-radius: 5px;
border-style: solid;
border-width: 1px;
padding-top: 1px !important;
padding-bottom: 1px !important;
transition: color 0.3s;
margin-top: -3px;
}
.no-list-icon{
background-image: none !important;
}
.no-list-icon:after{
content: url(https://res.lolicon.app/bilibili/charge_neko.png);
}
/*大家围观的直播*/
.pop-live,/*new*/
.v_small .v-live-recommend{
padding: 10px 0 0 0 !important;
margin: 0 0 0 10px !important;
width: 258px !important;
background-color: rgba(255, 255, 255, 0.95) !important;
border-radius: 15px;
box-shadow: rgb(221, 221, 221) 0px 0px 10px 1px;
}
.pop-live .pl__head{
padding-left: 10px;
}
.pop-live .pl__card{
margin-top: 10px;
}
.v_small .v-live-recommend .b-head{
left: 10px !important;
top: 8px !important;
}
.v_small .v-live-recommend .lv-item{
border-style: none !important;
}
/*notfound*/
.b-page-body .z-msg-box .bg{
background-image: url(https://res.lolicon.app/bilibili/notfound.png);
}
/*360chrome bug*/
.a_layer .bg .arrow.arrow_r{
right: 0;
}
/*setting*/
/*[[recommendAreaFlag]]*/
/*[[vLiveRecommend]]*/
/*新版界面*/
#app>.v-wrap #viewbox_report{
background-color: #fff;
padding: 15px 20px 20px 20px;
margin-bottom: 0;
border-radius: 15px 15px 0 0;
}
#app>.v-wrap #bilibiliPlayer{
box-shadow: none;
}
#app>.v-wrap #playerWrap{
position: relative;
}
#app>.v-wrap #playerWrap::before {
content: '';
position: absolute;
top: -115px;
bottom: 0;
left: 0;
right: 0;
box-shadow: var(--shadow-20px);
border-radius: 15px;
z-index: -1;
}
#app>.v-wrap #playerWrap,
#app>.v-wrap .bilibili-player-video-sendbar{
border-radius: 0 0 15px 15px;
}
#app>.v-wrap .bilibili-player-video-inputbar{
border-radius: 5px;
}
#app>.v-wrap .bilibili-player-video-inputbar-wrap{
border-radius: 5px 0 0 5px;
}
#app>.v-wrap .bilibili-player-video-btn-send{
border-radius: 0 5px 5px 0;
}
#app>.v-wrap #arc_toolbar_report{
background-color: #fff;
padding: 12px;
border-radius: 15px;
border: var(--border-gray);
}
#app>.v-wrap #v_desc{
background-color: #fff;
padding: 15px;
border-radius: 15px 15px 0 0;
border: var(--border-gray);
border-bottom: none;
}
#app>.v-wrap #v_tag{
background-color: #fff;
padding: 6px 15px;
border-radius: 0 0 15px 15px;
border: var(--border-gray);
border-top: none;
margin-top: 0;
}
#app>.v-wrap #comment{
background-color: #fff;
padding: 16px;
border-radius: 16px;
box-shadow: var(--shadow-20px);
}
#app>.v-wrap #v_upinfo,
#app>.v-wrap #reco_list{
background-color: #fff;
padding: 12px;
margin-right: -26px;
border-radius: 4px;
border: var(--border-gray);
}
#app>.v-wrap #danmukuBox,
#app>.v-wrap #multi_page{
margin-right: -26px;
}
#app>.v-wrap #danmukuBox .player-auxiliary-area{
width: auto;
}
#app>.v-wrap .danmaku-wrap .player-auxiliary-area .player-auxiliary-danmaku-wrap .player-auxiliary-danmaku-list .danmaku-info-row span.danmaku-info-danmaku,
#app>.v-wrap .player-auxiliary-area .player-auxiliary-danmaku .player-auxiliary-danmaku-function [class*=player-auxiliary-danmaku-btn-].player-auxiliary-danmaku-btn-danmaku{
width: 196px;
}
}
@-moz-document regexp("^https?://bangumi.bilibili.com/(.*)/play#(.*)"), regexp("^https?://www.bilibili.com/bangumi/play/(.*)") {
/***************************视频播放界面(bangumi)***************************/
#bangumi_header{
padding: 20px 20px 25px 20px !important;
}
/*顶部承包*/
.topview-sponsor{
margin-top: 20px;
}
.pic-wrapper,
.t-sponsor-img{
background-image: url(https://res.lolicon.app/bilibili/topview-sponsor.png) !important;
background-size: contain;
width: 150px !important;
height: 110px !important;
left: -35px !important;
top: -13px !important;
}
/*番剧信息、承包榜*/
.sponsor-wrapper,
.other-wrapper,
.bangumi-info-wrapper,
.v1-bangumi-info-wrapper,
.sponsor-content-wrapper.clearfix{
background-color: rgba(255, 255, 255, 0.95) !important;
padding: 15px !important;
margin-top: 25px !important;
margin-bottom: 10px !important;
border-style: none;
border-radius: 15px;
box-shadow: rgb(221, 221, 221) 0px 0px 10px 1px;
transition: background-color 0.3s;
}
.sponsor-wrapper:hover,
.other-wrapper:hover,
.bangumi-info-wrapper:hover,
.v1-bangumi-info-wrapper:hover,
.sponsor-content-wrapper.clearfix:hover{
background-color: rgba(255, 255, 255, 1) !important;
}
.v1-order-btn{
transition: background-color 0.2s;
}
.v1-order-btn:hover{
background-color: rgb(255,135,174) !important;
}
.subscribed .v1-order-btn:hover{
background-color: transparent !important;
}
.slider-prev{
left: -10px !important;
}
.slider-next{
right: -10px !important;
}
.slider-prev,
.slider-next{
opacity: 0.3;
}
.slider-prev:hover,
.slider-next:hover{
opacity: 1;
}
.sponsor-content-right{
width: 240px;
}
.sponsor-tosponsor-img img{
display: none !important;
}
.sponsor-right-area > .img-wrapper,
.sponsor-tosponsor-img{
background-image: url(https://res.lolicon.app/bilibili/chengbao.png) !important;
background-size: contain !important;
background-repeat: no-repeat !important;
background-position: center !important;
width: 100% !important;
}
/*相关视频推荐*/
.recom{
padding: 0 0 0 15px !important;
margin: 20px 0 0 0 !important;
width: 258px !important;
background-color: rgba(255, 255, 255, 0.95) !important;
border-radius: 15px;
box-shadow: rgb(221, 221, 221) 0px 0px 10px 1px;
}
}
@-moz-document regexp("^https?://www.bilibili.com/account/dynamic/?") {
/************************************动态************************************/
.z_top.white .nav-search{
width: 175px !important;
margin: 5px 0 5px 380px;
position: absolute;
}
.z_top.white .nav-search .nav-search-keyword{
width: calc(100% - 10px);
}
/*左侧个人信息*/
.sd.l .sec {
border-radius: 15px;
box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 7px 0px;
background-color: rgba(255, 255, 255, 0.95) !important;
transition: background-color 0.3s;
}
.sd.l .sec:hover{
background-color: rgba(255, 255, 255, 1) !important;
}
.sd.l .sec .usr {
border-radius: 15px 15px 0 0;
background-color: transparent !important;
}
.sd.l.float {
padding: 15px !important;
margin-left: -505px !important;
z-index: 10 !important;
}
.sd.l .sd-l a{
color: rgba(72,121,189,1) !important;
}
.sd.l .sd-l a:hover{
color: #FFFFFF !important;
background-color: rgba(72,121,189,1) !important;
}
.info,
.info .status {
background-color: transparent !important;
}
.sec[style="padding-bottom: 18px;"] {
display: none !important;
}
.sd-l a{
transition: background-color 0.2s;
}
/*上部标签*/
.ct.dyn-tab {
background-color: #FFFFFF !important;
margin-bottom: 30px !important;
border-radius: 15px;
box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 7px 0px;
}
.ct.dyn-tab li {
height: 50px !important;
}
/*list*/
.ct,
.stm-lst {
border-width: 0 !important;
background-color: transparent !important;
}
.stm-lst li {
border-radius: 15px;
background-color: rgba(255, 255, 255, 0.9);
margin-bottom: 20px !important;
box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 7px 0px;
transition: background-color 0.3s;
height: 175px;
}
.stm-lst li:hover {
background-color: rgba(250, 250, 250, 0.95);
box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 10px 0px;
}
.stm-lst li .vb{
height: auto !important;
}
.stm-lst li .vb a{
width: 182px !important;
height: 112px !important;
}
.stm-lst li .cvr{
transition: all 0.2s;
}
.stm-lst li:hover .cvr{
width: 110% !important;
height: 110% !important;
margin-left: -9.1px !important;
margin-top: -5.6px !important;
}
.stm-lst li .share {
display: none !important;
}
.rside .name{
padding-bottom: 0px !important;
}
.rside .hint,
.rside .desc{
margin-left: 200px;
}
.rside .vb{
position: absolute !important;
margin-top: 46px !important;
border-radius: 10px;
top: 0px;
}
.rside .vb img{
margin: 0 !important;
}
/*watchLater*/
.watch-later{
top: 86px;
cursor: pointer;
}
/*search*/
.nav-search .nav-search-keyword{
width: 120px;
}
}
@-moz-document regexp("^https?://search.bilibili.com/?") {
/***********************************搜索首页**********************************/
.search-b-hotSearch,
.search-b-searchHistory{
background-color: #FFF;
height: 360px !important;
}
.hot-search,
.history{
background-color: #FFF;
}
.footer{
display: none !important;
}
}
@-moz-document regexp("^https?://search.bilibili.com/(.+)") {
/***********************************搜索***********************************/
/*search*/
.search-logo{
display: none !important;
}
.search-wrap{
width: 420px;
height: 42px;
border-radius: 21px;
box-shadow: rgba(0, 0, 0, .2) 0 0 3px;
}
.search-wrap .search-block{
width: 420px;
margin-left: 0;
}
.search-wrap .search-block .input-wrap{
border-radius: 21px 0 0 21px;
margin-right: 0;
background-color: rgba(255,255,255,.8);
transition: all .3s;
}
.search-wrap .search-block .input-wrap:hover{
background-color: rgba(255,255,255,1);
}
.search-wrap .search-block .input-wrap input{
border-radius: 22px 0 0 22px;
height: 16px;
transition: all .3s;
}
.search-wrap .search-block .input-wrap input:focus{
outline: none;
border-color: #00a1d6;
}
.search-wrap .search-block .search-button{
border-radius: 0 22px 22px 0;
}
/*搜索历史(待移植)*/
.history-wrap .title{
margin-left: 12px;
margin-right: 12px;
}
.vertical-text.history.fake-a{
padding-left: 12px !important;
padding-right: 0 !important;
height: 30px !important;
line-height: 30px !important;
}
.vertical-text.history.fake-a .clear{
height: 14px !important;
width: 12px !important;
margin: 8px 13px 8px 13px;
top: 0 !important;
right: 0;
transition: right 0.3s;
}
.vertical-text.history.fake-a .clear:hover{
right: 38px;
background-image: none;
}
.vertical-text.history.fake-a .clear:after{
background-color: #FF3B30;
color: white;
content: "移除";
line-height: 30px;
text-align: center;
position: absolute;
top: -8px;
right: -51px;
width: 38px;
height: 30px;
}
.vertical-text.history.fake-a .clear:before{
content: "";
position: absolute;
top: -8px;
left: -13px;
width: 38px;
height: 30px;
}
/*顶部*/
.head-contain .nav-wrap,
.body-contain .filter-wrap,
.body-contain .total-wrap,
.body-contain .live-tabs.clearfix,
.body-contain .dropdown-wrap.clearfix,
.error-wrap{
background-color: #fff;
padding-left: 20px;
padding-right: 20px;
margin-left: -20px;
margin-right: -20px;
}
.head-contain .nav-wrap{
border-radius: 20px 20px 0 0;
}
.head-contain .nav-wrap .hover-bar{
margin-left: 20px;
}
.body-contain .filter-wrap{
border-radius: 0 0 20px 20px;
border: none;
}
.body-contain .filter-wrap .fold.up,
.body-contain .filter-wrap .switch-wrap{
margin-right: 20px;
}
.body-contain .total-wrap{
margin-top: 0;
padding-top: 10px;
}
.body-contain .live-tabs.clearfix{
padding-top: 10px;
border-radius: 0 0 20px 20px;
}
.body-contain .dropdown-wrap.clearfix,
.special-wrap .total-wrap,
.bangumi-wrap .total-wrap,
.pgc-wrap .total-wrap,
.topic-wrap .total-wrap{
padding-bottom: 10px;
border-radius: 0 0 20px 20px;
}
.body-contain .dropdown-wrap.clearfix .total-wrap{
background-color: transparent !important;
}
/*all*/
.ajax-render{
margin-top: 30px;
}
/*综合*/
.synthetical-live,
.synthetical-movies{
border-style: none !important;
}
.room-special{
background-color: rgba(255,255,255,0.9) !important;
padding: 0 15px 0 172px !important;
margin: 30px 0 15px 0 !important;
border-radius: 10px;
box-shadow: rgba(0, 0, 0, 0.3) 0 0 5px;
overflow: hidden !important;
transition: all 0.3s;
}
.room-special:hover{
box-shadow: rgba(0, 0, 0, 0.3) 0 0 7px;
background-color: rgba(255,255,255,1) !important;
}
.room-special .left-img{
border-radius: 0 !important;
}
.room-special .right-info{
position: relative;
top: 11px;
}
.live-more,
.bangumi-more,
.pgc-more{
color: #BBBBBB !important;
background-color: #F3F3F3 !important;
padding: 4px 8px 4px 8px !important;
margin: 0 0 27px 750px !important;
text-align: center !important;
border-radius: 10px;
}
/*视频格子*/
.video.matrix{
background-color: rgba(255,255,255,0.9) !important;
border-radius: 10px;
border-style: none !important;
box-shadow: rgba(0, 0, 0, 0.3) 0 0 3px;
transition: all 0.3s;
margin-right: 35px !important;
}
.matrix.video:nth-of-type(5),
.matrix.video:nth-of-type(10),
.matrix.video:nth-of-type(15),
.matrix.video:nth-of-type(20){
margin-right: 0 !important;
}
.video.matrix .img{
border-radius: 10px 10px 0 0;
height: 104px;
}
.video.matrix .img img{
margin-top: -1px !important;
width: 100%;
height: 101%;
transition: all 0.2s;
}
.video.matrix:hover{
background-color: rgba(255,255,255,1) !important;
box-shadow: rgba(0, 0, 0, 0.3) 0 0 7px;
}
.video.matrix:hover .img img{
width: 110%;
height: 111.1%;
margin-left: -8.4px !important;
margin-top: -5.2572px !important;
}
/*视频列表*/
.so-wrap .ajax-render{
width: auto !important;
}
.so-wrap .ajax-loading{
background: transparent !important;
}
.video.list{
background-color: rgba(255,255,255,0.9) !important;
margin: 15px 0 15px 0 !important;
padding: 0 0 0 160px !important;
border-radius: 10px;
border-style: none !important;
box-shadow: rgba(0, 0, 0, 0.3) 0 0 3px;
transition: all 0.3s;
width: auto !important;
}
.video.list .info{
padding-top: 8px !important;
padding-left: 20px !important;
}
.video.list .info .headline{
margin-bottom: -4px !important;
}
.video.list .info .des.hide{
margin-top: 10px !important;
}
.video.list .info .tags{
left: 182px !important;
bottom: 3px !important;
}
.video.list .img{
left: 0 !important;
top: 0 !important;
border-radius: 10px 0 0 10px !important;
}
.video.list .img img{
width: 100%;
height: 100%;
transition: all 0.2s;
}
.video.list:hover{
background-color: rgba(255,255,255,1) !important;
box-shadow: rgba(0, 0, 0, 0.3) 0 0 7px;
}
.video.list:hover .img img{
width: 110% !important;
height: 110% !important;
margin-left: -8px !important;
margin-top: -5px !important;
}
/*番剧等列表*/
.synthetical,
.movie-item{
background-color: rgba(255,255,255,0.9) !important;
padding: 0 15px 0 102px !important;
margin: 15px 0 15px 0;
width: auto !important;
border-radius: 10px;
border-style: none !important;
box-shadow: rgba(0, 0, 0, 0.3) 0 0 5px;
transition: all 0.3s;
}
.synthetical .left-img{
overflow: hidden;
}
.synthetical .left-img,
.movie-item .left-img{
top: 0 !important;
border-radius: 10px 0 0 10px !important;
z-index: 1;
}
.synthetical .right-info{
padding-top: 8px !important;
}
.synthetical :not(.cardBangumibox) .right-info .headline{
margin-bottom: -5px !important;
}
.synthetical .right-info .headline .title{
transition: all 0.2s;
}
.synthetical .right-info .staff{
margin-top: 11px !important;
margin-bottom: -3px !important;
}
.synthetical :not(.cardBangumibox) .right-info .des{
width: auto !important;
margin-top: 12px !important;
margin-bottom: 0 !important;
}
.synthetical .right-info .des.single{
margin-top: 8px !important;
}
.synthetical .left-img img,
.movie-item .left-img img{
width: 100%;
height: 100%;
transition: all 0.2s;
}
.synthetical .detail{
bottom: 8px !important;
}
.synthetical:hover,
.movie-item:hover{
background-color: rgba(255,255,255,1) !important;
box-shadow: rgba(0, 0, 0, 0.3) 0 0 9px;
}
.synthetical:hover .left-img img,
.movie-item:hover .left-img img{
width: 110% !important;
height: 110% !important;
margin-left: -4.5px !important;
margin-top: -6px !important;
}
.synthetical .list{
margin-top: 7px !important;
}
.synthetical .list:hover{
transition: all 0.2s;
background-color: rgb(0,161,214) !important;
}
.synthetical .list:hover,
.synthetical .list:hover span{
transition: all 0.2s;
color: #FFFFFF !important;
}
.synthetical .cardBangumibox .right-info > .nav{
margin-top: -10px;
}
.synthetical .cardBangumibox .right-info > .info-items{
margin-top: -4px;
}
.synthetical .cardBangumibox .right-info > .score{
right: 20px;
}
.bangumi-list > .synthetical{
margin: 25px 0 25px 0;
}
/*影视*/
.movie-item .right-info{
padding: 8px 0 8px 0 !important;
height: 104px !important;
}
.movie-item .right-info .headline{
margin-bottom: 0 !important;
}
.movie-item .right-info .headline,
.movie-item .right-info .area,
.movie-item .right-info .actor{
height: 20px !important;
}
.movie-item .right-info .detail{
width: auto !important;
}
/*直播*/
.live-tabs{
background-color: rgba(255,255,255,0.95) !important;
margin-top: 0 !important;
padding-top: 29px;
}
.live-room,
.live-user-wrapper{
width: 1100px !important;
padding: 0 !important;
}
.user-item{
background-color: rgba(255,255,255,0.9) !important;
border-radius: 10px !important;
margin-right: 19px !important;
}
.user-item:nth-child(3n){
margin-right: 0 !important;
}
.room-item{
background-color: rgba(255,255,255,0.9) !important;
border-radius: 10px !important;
overflow: hidden !important;
padding-bottom: 5px !important;
box-shadow: rgba(0, 0, 0, 0.3) 0 0 3px;
transition: all 0.3s;
}
.room-item .item-info{
padding-left: 10px !important;
}
.room-item .item-title{
padding: 8px 5px 0 50px !important;
}
.room-item .live-num{
width: 65px !important;
}
.user-item:hover,
.room-item:hover{
background-color: rgba(255,255,255,1) !important;
box-shadow: rgba(0, 0, 0, 0.3) 0 0 7px;
}
.user-more{
background: #FFFFFF;
padding: 1px 7px 3px 7px;
border-radius: 4px;
border-width: 1px;
border-style: solid;
border-color: #FFFFFF;
transition: all 0.2s;
}
.popular-btn,
.latest-btn,
.cover-btn,
.frame-btn{
background: #FFFFFF;
padding: 1px 7px 1px 7px;
border-radius: 4px;
border-width: 1px;
border-style: solid;
border-color: #FFFFFF;
transition: all 0.2s;
}
.user-more:hover,
.popular-btn:hover,
.latest-btn:hover,
.cover-btn:hover,
.frame-btn:hover,
.popular-btn.active,
.latest-btn.active,
.cover-btn.active,
.frame-btn.active{
border-color: rgb(0,161,214);
}
.icon-live-face,
.icon-live-frame{
position: relative;
bottom: 1px;
}
.live-user .headline h3,
.live-room .headline h3{
background: #FFFFFF;
padding: 4px 10px 6px 10px;
border-radius: 11px;
box-shadow: rgba(0, 0, 0, 0.3) 0 0 3px;
}
/*专栏*/
.article{
margin-top: 20px;
padding-left: 20px !important;
padding-right: 192px !important;
margin-left: -20px;
margin-right: -20px;
border-radius: 20px;
background-color: #fff;
border: none;
overflow: hidden;
box-shadow: rgba(0, 0, 0, 0.3) 0 0 9px;
}
.article .tags{
margin-left: 20px;
}
.article-wrap .article .cover{
top: 0;
bottom: 0;
width: 130px;
height: auto;
}
.article-wrap .article .cover img{
height: 100% !important;
margin: auto !important;
}
/*专题*/
.special{
border: none;
margin-top: 20px;
background-color: #fff;
padding: 20px 15px 20px 106px !important;
margin-left: -20px;
margin-right: -20px;
border-radius: 20px;
box-shadow: rgba(0, 0, 0, 0.3) 0 0 9px;
}
.special .special-cover .img,
.special .tags{
margin-left: 20px;
}
.special .special-cover .img{
top: 20 !important;
}
/*相簿*/
.draw-item{
margin-right: 39.3px !important;
background-color: rgba(255,255,255,0.9) !important;
border-radius: 10px;
border-style: none !important;
box-shadow: rgba(0, 0, 0, 0.3) 0 0 3px;
transition: all 0.3s;
}
.draw-item:nth-of-type(4),
.draw-item:nth-of-type(8),
.draw-item:nth-of-type(12),
.draw-item:nth-of-type(16),
.draw-item:nth-of-type(20){
margin-right: 0 !important;
}
.draw-item:hover{
background-color: rgba(255,255,255,1) !important;
box-shadow: rgba(0, 0, 0, 0.3) 0 0 7px;
}
.photo{
background-color: #fff;
box-shadow: rgba(0, 0, 0, 0.3) 0 0 9px;
}
/*其他*/
.filter-block,
.synthetical-episode{
border-style: none !important;
}
/*无结果*/
.error-wrap{
background-image: url(https://tuchuang001.com/images/2017/04/21/56026.png) !important;
background-position: 93% 100% !important;
margin-top: 0 !important;
border-radius: 0 0 20px 20px;
}
/*跳页*/
.pager{
background-color: transparent !important;
}
.pages .page-item:not(.prev):not(.next){
height: 40px;
width: 40px;
}
.pages .page-item button{
margin: 0 !important;
width: 100%;
border-radius: 20px !important;
box-shadow: rgba(0, 0, 0, 0.3) 0 0 3px;
}
.pages .page-item:not(.prev):not(.next) button{
padding: 0 !important;
}
.pages .page-item button:focus{
outline: none;
}
/*up主栏*/
.up-item{
border: none;
margin-top: 20px;
background-color: #fff;
padding-left: 122px !important;
padding-right: 20px !important;
margin-left: -20px;
margin-right: -20px;
border-radius: 20px;
box-shadow: rgba(0, 0, 0, 0.3) 0 0 9px;
}
.up-item>.up-face{
margin-left: 20px;
}
/*some-bug-fix*/
.all-other .left-img{
overflow: hidden;
}
.recom-wrap .video.matrix{
height: 157px;
}
.recom-wrap .video.matrix > .info{
padding: 7px;
}
.recom-wrap .video.matrix .info{
margin-left: 25px;
}
@media screen and (max-width:1400px) and (min-width:998px){
.js-search-wrap{left: -20px}
}
.old-ver .nav-sub .wrap{
margin-left: 25px
}
}
@-moz-document domain("space.bilibili.com") {
/************************************空间************************************/
/*顶栏*/
.n-inner a{
transition: all 0.2s;
}
.n-inner a:hover{
transform:translateY(-6px);
}
.h-guest-hint{
display: none;
}
.h-guest-hint.active{
display: block;
}
.n-inner{
background-color: rgba(255, 255, 255, 0.95) !important;
border-radius: 0 0 20px 20px !important;
}
.col-1,/*视频列表*/
.section.i-live,/*直播间*/
.section.i-m.host,/*创作中心*/
.section.i-ann,/*公告*/
.section.user,/*用户信息*/
.col-full,/*大面板*/
.section.game{
background-color: rgba(255, 255, 255, 0.9) !important;
border-radius: 15px !important;
transition: background-color 0.3s;
}
#i-ann-text/*公告文本框*/{
background-color: transparent !important;
margin-left: 0 !important;
width: 286px !important;
transition: background-color 0.3s;
}
.section.elec/*充电*/{
padding-left: 17px !important;
padding-right: 23px !important;
border-radius: 15px 0 20px 20px !important;
background-color: rgba(255, 255, 255, 0.9) !important;
transition: background-color 0.3s;
}
.col-1:hover,
.section.elec:hover,
.section.i-live.followed.offline:hover,
.section.i-live.followed.online:hover,
.section.i-m.host:hover,
.section.i-ann:hover,
.section.user:hover,
.col-full:hover,
.section.game:hover{
background-color: rgba(255, 255, 255, 1) !important;
}
.section.i-tg,
.content.i-tg-stage{
border-radius: 15px !important;
}
}
@-moz-document domain("message.bilibili.com") {
/************************************消息************************************/
/*左*/
#message_left{
background-color: rgba(255,255,255,0.95) !important;
height: 292px !important;
top: 60px !important;
padding-top: 30px !important;
padding-bottom: 10px !important;
border-radius: 15px !important;
box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 15px 2px;
}
#message_left #message_head{
padding-top: 0 !important;
background-image: none !important;
width: 116px !important;
height: 40px !important;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #FFFFFF;
}
#message_right{
background-color: transparent !important;
padding: 20px !important;
}
.message_pagination_list{
transition: all 0.2s;
}
.message_pagination_list a{
padding-left: 0 !important;
}
.message_pagination_list .message-type{
padding-left: 20px !important;
margin-right: 0 !important;
width: 120px !important;
}
.message-type .new-flag{
right: 13px !important;
}
.message_pagination_list.active .message-type{
color: rgb(72,121,189) !important;
}
.message_pagination_list:hover{
padding-left: 10px;
background-color: rgba(72,121,189,1);
}
.message_pagination_list .message-type:hover{
color: #FFFFFF !important;
}
.message_pagination_list.config-me{
margin-top: 0 !important;
}
/*顶*/
.message-title.group-title-3{
background-color: rgba(250,93,141,0.95) !important;
color: #FFFFFF !important;
border-radius: 15px !important;
box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 10px 1px;
}
/*中*/
.message-main-lists{
background-color: transparent !important;
margin-top: 20px !important;
}
.message-main-list{
border-radius: 15px;
box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 10px 1px;
background-color: rgba(255,255,255,0.95) !important;
transition: background-color 0.3s;
}
.message-main-list:hover,
.whisper:hover{
background-color: rgba(255,255,255,1) !important;
}
.no-data{
background-image: url(https://res.lolicon.app/bilibili/noresult.png) !important;
text-align: center !important;
margin-left: 272px !important;
}
/*私信*/
.whisper{
border-radius: 15px;
box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 10px 1px;
background-color: rgba(255,255,255,0.9) !important;
background-image: url(https://res.lolicon.app/bilibili/noresult.png);
background-position: right bottom !important;
background-repeat: no-repeat !important;
transition: background-color 0.3s;
}
.chat_tab_wrapper{
background-color: rgba(72,121,189,0.95) !important;
}
.chat_tab_wrapper .chat_tab{
color: #FFFFFF !important;
}
.whisper_left{
border-radius: 15px 0 0 20px;
background-color: rgba(255,255,255,0.5) !important;
padding-bottom: 30px !important;
}
.whisper_right{
border-radius: 0 20px 20px 0;
}
.whisper_right .placeholder{
background-image: none;
}
/*设置*/
.config-page.clearfix{
background-color: rgba(255,255,255,0.95) !important;
transition: background-color 0.3s;
}
.config-page.clearfix .config-content{
background-color: rgba(249,249,249,0.6) !important;
background-image: url(https://res.lolicon.app/bilibili/setting.png);
background-position: 90% 95% !important;
background-repeat: no-repeat !important;
}
.config-page.clearfix:hover{
background-color: rgba(255,255,255,1) !important;
}
.config-page .text-area{
background-color: rgba(255,255,255,0.9) !important;
}
}
@-moz-document regexp("^https?://bangumi.bilibili.com/anime/\\d+") {
/************************************番剧************************************/
.sponsor-tosponsor-img img{
display: none !important;
}
.sponsor-tosponsor-img{
background-image: url(https://res.lolicon.app/bilibili/chengbao.png);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
width: 100% !important;
}
}
@-moz-document regexp("^https?://message.bilibili.com/pages/nav/index"), regexp("^https?://t.bilibili.com/pages/nav/index"), regexp("^https?://t.bilibili.com/share/card/.*") {
body{
background-image: none !important;
}
.im-list-box{
background-color: rgba(255,255,255,.96);
}
}
@-moz-document domain("t.bilibili.com") {
/***********************************新动态***********************************/
#app{
background: none !important;
}
.user-panel.f-left,
.right-panel.f-left>*,
.section-block,
.tab-bar,
.card{
border-radius: 15px !important;
box-shadow: rgba(0, 0, 0, 0.2) 0 0 5px 0;
transition: all 0.3s;
}
.card{
background-color: rgba(255,255,255,.9) !important;
}
.card:hover{
background-color: rgba(255,255,255,1) !important;
}
.card .image-area{
overflow: hidden;
}
.card .image-area > img{
transition: all 0.2s;
}
.card:hover .image-area > img{
transform: scale(1.1);
}
.bili-header-m .nav-search .nav-search-keyword{
width: 150px;
}
}
@-moz-document domain("bilibili.com") {
/*字体*/
/******************************
* Google Design *
* https://material.io/icons/ *
******************************/
@font-face {
font-family: 'Material Icons';
font-style: normal;
font-weight: normal;
src: url(https://fonts.gstatic.com/s/materialicons/v30/2fcrYFNaTjcS6g4U3t-Y5ZjZjT5FdEJ140U2DJYC3mY.woff2) format('woff2');
}
/*滚动条*/
::-webkit-scrollbar {
width: 6px;
height: 6px;
background-color: #F5F5F5;
}
::-webkit-scrollbar-track {
background-color: #F5F5F5;
}
::-webkit-scrollbar-thumb {
background-color: #999;
}
::-webkit-scrollbar-thumb:hover {
background-color: #777;
}
::-webkit-scrollbar-thumb:active {
background-color: #555;
}
}
@-moz-document domain("search.bilibili.com"), domain("space.bilibili.com"), domain("message.bilibili.com"), domain("t.bilibili.com"), regexp("^https?://www.bilibili.com/?((index.html)|(\\?.*))?"), regexp("^https?://www.bilibili.com/[^/]+(/?|/(\\?.*)?)"), regexp("^https?://www.bilibili.com/(v|account)/.*"), regexp("^https?://www.bilibili.com/video/av.*"), regexp("^https?://www.bilibili.com/account/dynamic.*"), regexp("^https?://bangumi.bilibili.com/.*/play#.*"), regexp("^https?://www.bilibili.com/watchlater/.*"), regexp("^https?://www.bilibili.com/bangumi/play/.*") {
/************************************通用************************************/
html:not([stylus-iframe]) body {
background-image: none !important
}
html:not([stylus-iframe]) body:before {
content: "";
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: -1;
background-image: url(https://res.lolicon.app/bilibili/bg.png);
background-position: center bottom;
background-size: cover;
background-attachment: fixed;
background-repeat: no-repeat;
}
@media screen and (max-width: 1650px) {
html:not([stylus-iframe]) body:before {
background-image: url(https://res.lolicon.app/bilibili/bg_small.png);
}
}
.footer-wrp,
.international-footer {
background-color: transparent !important;
}
/*部分卡片背景色处理*/
.spread-module,
.manga-spread-module {
background-color: #fff;
border-radius: 4px;
}
.history-record .r-info {
background-color: transparent;
}
/*人性化处理,sub-nav右对齐*/
@media screen and (max-width: 1690px) {
#primary_menu .nav-menu .side-nav .sub-nav {
left: auto !important;
right: 0 !important;
}
}
/*修正本身的hover区域bug*/
.nav-menu .sub-nav {
top: 42px !important;
}
/*search*/
.suggest-item .cancel {
height: 29px !important;
right: 0 !important;
transition: all 0.3s;
}
.suggest-item .cancel:hover {
right: 38px !important;
width: 0;
}
.suggest-item .cancel:after {
background-color: #FF3B30;
color: white;
content: "移除";
line-height: 29px;
text-align: center;
position: absolute;
right: -38px;
width: 38px;
height: 29px;
}
.bilibili-suggest .clearall {
background-color: #F3F3F3;
padding: 2px 5px 2px 5px;
border-radius: 10px;
color: #BBBBBB !important;
}
.bilibili-suggest .clearall:hover {
color: #999999 !important;
}
/*search*/
.bilibili-suggest .b-line span {
background-color: transparent !important;
}
.bilibili-suggest iframe {
display: none !important;
}
.suggest-item {
padding-right: 0 !important;
overflow: hidden !important;
}
.suggest-item .cancel {
height: 29px !important;
right: 0;
transition: all 0.3s;
}
.suggest-item .cancel:hover {
right: 38px;
width: 0;
}
.suggest-item .cancel:after {
background-color: #FF3B30;
color: white;
content: "移除";
line-height: 29px;
text-align: center;
position: absolute;
right: -38px;
width: 38px;
height: 29px;
}
.bilibili-suggest .clearall {
background-color: #F3F3F3;
padding: 2px 5px 2px 5px;
border-radius: 10px;
color: #BBBBBB !important;
}
.bilibili-suggest .clearall:hover {
color: #999999 !important;
}
/*稍后再看*/
.watch-later-trigger.w-later {
background-image: none;
}
.watch-later-trigger.w-later:after {
font-family: 'Material Icons';
content: "\e066";
color: #fff;
font-size: 22px;
line-height: 22px;
width: 22px;
height: 22px;
}
}
@-moz-document regexp("^https?://www.bilibili.com/?((index.html)|(\\?.*))?") {
/************************************首页************************************/
.popularize-module .online:after {
position: absolute;
left: 0;
right: 0;
top: 40px;
content: url(https://res.lolicon.app/bilibili/index_neko.png);
visibility: visible;
}
.app-download {
display: none;
}
}
@-moz-document regexp("^https?://www.bilibili.com/watchlater/#/.*") {
/***********************************稍后再看**********************************/
.av-item.clearfix .key {
z-index: 100;
width: 44px !important;
color: #fff !important;
background-color: #4879bd;
border-radius: 12px;
box-shadow: rgba(0, 0, 0, 0.4) 0 0 3px 0;
top: -10px !important;
left: 20px !important;
}
.info > .state:after {
content: "删除";
color: #99a2aa;
position: relative;
top: 2px;
left: 10px;
opacity: 1;
transition: all 0.2s;
}
.info > .state:hover:after {
left: 4px;
opacity: 1;
}
}
@-moz-document regexp("^https?://www.bilibili.com/video/av\\d.*"), regexp("^https?://bangumi.bilibili.com/(.*)/play#.*"), regexp("^https?://www.bilibili.com/watchlater/#/av.*"), regexp("^https?://www.bilibili.com/bangumi/play/.*") {
/******************************视频播放界面通用******************************/
html:not([stylus-iframe]) body:before {
opacity: .15;
}
/*以下大部分为旧版播放界面样式*/
/*去除播放器顶部消息*/
.bilibili-player-video-message {
height: 0 !important;
display: none !important;
}
/*播放器进度条指示器*/
.bpui-slider-handle:after {
width: 28px;
height: 28px;
top: -7px;
left: -7px;
position: absolute;
content: "";
line-height: 28px;
background: url(https://res.lolicon.app/bilibili/progress_bar_neko.png) no-repeat;
}
/*弹幕发送按钮动画*/
.bilibili-player-video-btn-send.bpui-button:hover {
animation: words_in_out 0.6s;
}
.bilibili-player-video-btn-send.bpui-button:hover:after {
font-family: 'Material Icons';
content: "\e163";
font-size: 20px;
position: absolute;
right: 80px;
top: 5px;
color: #FFF;
line-height: 28px;
transition: all 0.3s;
animation: in_out_2 0.6s;
animation-fill-mode: forwards;
}
.bilibili-player-video-btn-send.bpui-button.button.bpui-state-disabled:hover {
animation: none !important;
}
.bilibili-player-video-btn-send.bpui-button.button.bpui-state-disabled:hover:after {
animation: none !important;
}
@keyframes in_out_2 {
0% {
right: 80px;
opacity: 0;
}
40% {
right: 36px;
opacity: 1;
}
60% {
right: 18px;
opacity: 1;
}
100% {
right: -26px;
opacity: 0;
}
}
/*网页全屏播放器侧边栏*/
@keyframes fade_out {
0% {
opacity: 1;
}
30% {
opacity: 1;
}
55% {
opacity: 0.7;
}
80% {
opacity: 0.7;
}
100% {
opacity: 0;
}
}
.mode-webfullscreen .bilibili-player-auxiliary-area,
.mode-fullscreen .bilibili-player-auxiliary-area {
position: absolute;
right: -300px;
z-index: 100;
transition: all 0.2s;
display: inline-block !important;
opacity: 0;
animation: fade_out 4s;
}
.mode-webfullscreen .bilibili-player-auxiliary-area:before,
.mode-fullscreen .bilibili-player-auxiliary-area:before {
content: url(https://res.lolicon.app/bilibili/right-button.png);
position: fixed;
top: calc(50% - 50px);
height: 100px;
right: 0;
width: 15px;
transition: all 0.2s;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
box-shadow: rgba(0, 0, 0, 0.4) -1px 0px 2px 0px;
}
.mode-webfullscreen .bilibili-player-auxiliary-area:after,
.mode-fullscreen .bilibili-player-auxiliary-area:after {
content: " ";
position: fixed;
top: calc(50% - 100px);
height: 200px;
right: 0;
width: 50px;
}
.mode-webfullscreen .bilibili-player-auxiliary-area:hover:after,
.mode-fullscreen .bilibili-player-auxiliary-area:hover:after {
display: none !important;
}
.mode-webfullscreen .bilibili-player-auxiliary-area .bilibili-player-wraplist,
.mode-webfullscreen .bilibili-player-filter-wrap.bilibili-player-danmaku {
height: 100%;
}
.mode-webfullscreen .bilibili-player-danmaku-wrap {
height: calc(100% - 71px) !important;
}
.mode-webfullscreen .bilibili-player-auxiliary-area:before {
top: calc(50% - 50px - 34px);
}
.mode-webfullscreen .bilibili-player-auxiliary-area:after {
top: calc(50% - 100px - 34px);
}
.mode-webfullscreen .bilibili-player-auxiliary-area:hover:before,
.mode-fullscreen .bilibili-player-auxiliary-area:hover:before {
right: 299px;
}
.mode-webfullscreen .bilibili-player-auxiliary-area:hover,
.mode-fullscreen .bilibili-player-auxiliary-area:hover {
right: 0;
opacity: 1 !important;
animation: none !important;
}
.mode-webfullscreen .bilibili-player-auxiliary-area {
height: calc(100% - 68px);
}
/*bug:侧边栏内容超出*/
.mode-webfullscreen .bilibili-player-panel-scrollbar {
height: 100% !important;
}
/*全屏模式底部进度条调整*/
.mode-fullscreen .bilibili-player-video-control:before {
content: " ";
position: fixed;
left: 215px;
right: 0;
bottom: 0;
height: 20%;
z-index: -1;
}
.mode-fullscreen .bilibili-player-video-control {
opacity: 0 !important;
transition: opacity 0.2s;
}
.mode-fullscreen .bilibili-player-video-control:hover {
opacity: 1 !important;
}
.mode-fullscreen .bilibili-player-video-sendbar {
border-radius: 4px;
z-index: 70 !important;
}
.mode-fullscreen .bilibili-player-video-sendbar .bilibili-player-video-inputbar {
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
.mode-fullscreen .bilibili-player-video-btn.bilibili-player-video-btn-danmaku {
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}
.mode-fullscreen .bilibili-player-mode-selection-container,
.mode-fullscreen .bilibili-player-color-picker-container {
border-radius: 4px;
}
/*播放器外观*/
.player-wrapper,
.player-box,
/*new*/
.scontent.float,
.video-box-module {
background-color: transparent !important;
border: none !important;
}
/*评论*/
.v_large .bilibili-comment.pc,
.bb-comment {
background-color: transparent !important;
}
/*发表评论按钮动画*/
.comment-submit {
transition: all 0.3s !important;
overflow: hidden;
}
.comment-submit:hover {
animation: words_in_out 0.5s;
}
.comment-submit:hover:after {
animation: in_out 0.5s;
}
.comment-submit:after {
font-family: 'Material Icons';
content: "\e163";
font-size: 35px;
position: absolute;
left: -57px;
top: 0px;
color: #FFF;
line-height: 64px;
transition: all 0.3s;
}
@keyframes in_out {
0% {
left: -47px;
}
40% {
left: 13px;
}
60% {
left: 21px;
}
100% {
left: 67px;
}
}
@keyframes words_in_out {
0% {
color: #FFF;
}
50% {
color: rgb(0, 181, 229);
}
100% {
color: #FFF;
}
}
/*去广告*/
/*屏蔽已经失效的lolivector*/
#loli,
.ad-f,
.ad,
.video-top-ad,
.video-bottom-ad,
.bilibili-player-promote-wrap,
#bannerAd,
#slide_ad {
display: none !important;
}
}
@-moz-document regexp("^https?://bangumi.bilibili.com/(.*)/play#.*"), regexp("^https?://www.bilibili.com/bangumi/play/.*") {
/***************************视频播放界面(bangumi)***************************/
/*顶部承包*/
.pic-wrapper:not(.is-vip),
.t-sponsor-img {
background-image: url(https://res.lolicon.app/bilibili/topview-sponsor.png) !important;
background-size: contain;
width: 150px !important;
height: 110px !important;
left: -35px !important;
top: -13px !important;
}
/*播放器下方承包*/
.img-wrapper,
/*新版播放器页面承包按钮*/
#paybar_module .sponsor .img-icon {
background-image: url(https://res.lolicon.app/bilibili/topview-sponsor.png) !important;
background-size: contain !important;
background-position: bottom !important;
}
}
@-moz-document regexp("^https?://www.bilibili.com/account/dynamic.*") {
/************************************旧版动态************************************/
/*左侧个人信息*/
.sec[style="padding-bottom: 18px;"] {
display: none !important;
}
/*list*/
.stm-lst li {
height: 175px;
}
.stm-lst li .share {
display: none !important;
}
.rside .name {
padding-bottom: 0px !important;
}
.rside .hint,
.rside .desc {
margin-left: 200px;
}
.rside .vb {
position: absolute !important;
margin-top: 46px !important;
top: 0px;
}
.rside .vb img {
margin: 0 !important;
}
/*watchLater*/
.watch-later {
top: 86px;
cursor: pointer;
}
/*search*/
.nav-search .nav-search-keyword {
width: 120px;
}
}
@-moz-document domain("message.bilibili.com") {
/************************************消息************************************/
/*顶部*/
.space-right-top .title {
background-color: rgba(250, 93, 141) !important;
color: #fff !important;
}
.space-right-top .helper-btn {
color: #fff !important;
}
.space-right-top .helper-btn {
filter: brightness(1.2);
}
/*私信*/
.placeholder-img {
background-image: url(https://res.lolicon.app/bilibili/noresult.png) !important;
background-size: contain !important;
max-width: 256px;
max-height: 256px;
}
.list-title {
background-color: rgba(72, 121, 189) !important;
color: #fff !important;
}
/*设置*/
.config {
position: relative;
}
.config:after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-image: url(https://res.lolicon.app/bilibili/setting.png);
background-position: right bottom !important;
background-repeat: no-repeat !important;
opacity: .25;
}
}
@-moz-document regexp("^https?://message.bilibili.com/pages/nav/.*"), regexp("^https?://t.bilibili.com/pages/nav/.*"), regexp("^https?://t.bilibili.com/share/card/.*") {
/*尽可能去除iframe背景*/
html:not([stylus-iframe]) body:before {
background-image: none !important;
}
}
@-moz-document domain("t.bilibili.com") {
/***********************************新动态***********************************/
#app {
background: none !important;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment