Last active
August 16, 2022 08:02
-
-
Save Tsuk1ko/12d01e585ec5f6a8c0ec39f7b74499f2 to your computer and use it in GitHub Desktop.
萌化项目黑历史存档
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
@-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; | |
} | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
@-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