按自己想法改造b
目前為
/* ==UserStyle==
@name bilibili.com - 2022/10/19 13:31:30
@namespace github.com/openstyles/stylus
@version 2022.2023.1.31
@description 按自己想法改造b
@author 仰晨
@icon https://bilibili.com/favicon.ico
@license MIT
==/UserStyle== */
@-moz-document domain("bilibili.com") {
/*透明掉搜索框的诱惑*/
.nav-search-input{
transition: all 0.5s; /*过渡效果2023.1.31*/
opacity: 0;
}
.nav-search-input:hover,
.nav-search-input:focus{ /*:focus获取到焦点后执行 应该只有输入框能搞2023.1.31*/
opacity: 100%;
}
/* 鼠标放到按钮样式变化:hover 先吧搜索框变透明度，鼠标放上去的时候就把透明度变成100% 点击瞬间为:active */
/*:active伪类 按下去有效果 分开鼠标马上消失
注意： 在CSS定义中，a:hover 必须被置于 a:link 和 a:visited 之后，才是有效的。
注意： 在 CSS 定义中，a:active 必须被置于 a:hover 之后，才是有效的。
注意：伪类的名称不区分大小写。
*/
/*导航栏2023.1.25 begin*/
div.bili-header__bar{
background: linear-gradient(100deg, #f9e4e4 0%, #afcdcc 100%); /*渐变*/
box-shadow: 0 9px 9px 1px #39487061; /*阴影 水平偏移 垂直偏移 模糊 阴影大小*/
}
/*隐藏导航栏元素*/
.is-bottom-start, /*放到首页上出现的分类*/
.mini-header__title, /*首页文字按钮*/
ul.left-entry li.v-popover-wrap:nth-child(n+2), /*顶部左边不想要的*/
ul.right-entry li.v-popover-wrap:nth-child(2){ /*右边不需要的*/
background: #f11;
/*opacity: 0; opacity 属性的意思是设置一个元素的透明度。*/
visibility: hidden; /*被隐藏的元素依然会对我们的网页布局起作用。它不会响应任何用户交互*/
/*display: none; 确保元素不可见并且连盒模型也不生成 但是这里不生效*/
}
}
@-moz-document url-prefix("https://www.bilibili.com/video/") {
/*视频播放页面
适配了大屏却不电脑屏有点大了
---背景颜色 新版才行 div.video-container-v1*/
body,
div.video-container-v1{
background: linear-gradient(100deg, #cbc8fa 0%, #f9f2a4 100%);
}
/*搜索框居中 */
div.center-search-container{
position: fixed; /*固定浮动*/
top: 10px;
left: 25%;
width: 400px;
box-shadow: 3px 6px 10px 0px #8f9ca1; /*阴影 水平偏移 垂直偏移 模糊 阴影大小*/
border-radius: 9px; /*圆角*/
/* background: #000; */
}
/*弹幕列表 +圆角*/
.bpx-docker-minor:not(:empty){
border-radius: 10px;
}
/*集合下面的推荐视频放再下面一点，免得碍眼————集合看不到 单视频就能看到，完全不想看到也行但算了*/
div #reco_list{
margin-top: 365px;
}
/*视频选集 向下扩大*/
.multi-page-v1 .cur-list{
max-height: 482px;
}
/*视频选集 向右扩大 (主要看片名长不长*/
/* .cur-list {
width: 450px;
} */
.video-container-v1 .right-container[data-v-4d351cf9] {
width: 425px;
}
/*视频选集阴影__感觉一般*/
#multi_page{
box-shadow: 0px 0px 8px 1px #615e6391; /*阴影 水平偏移 垂直偏移 模糊 阴影大小*/
}
/*视频选集里面的内容 向右扩大2023.1.24*/
.multi-page-v1.small-mode .cur-list .list-box li {
width: 400px;
}
/*————修改评论区——————*/
div.browser-pc{
width: 160%; /*长度占掉推荐视频*/
border-radius: 8px; /*圆角*/
background: linear-gradient(90deg, #cdcbf3 0%, #e5decd 100%); /*换个背景颜色*/
}
}
QingJ © 2025
镜像随时可能失效，请加Q群300939539或关注我们的公众号极客氢云获取最新地址