Greasy Fork is available in English.
按我的自己想法改造b（备份）
当前为
/* ==UserStyle==
@name B站改造计划（为了学习版）
@namespace github.com/openstyles/stylus
@version 2022.2023.2.8
@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){ /*右边不需要的*/
width: 0;
/*opacity: 0; opacity 属性的意思是设置一个元素的透明度。*/
visibility: hidden; /*被隐藏的元素依然会对我们的网页布局起作用。它不会响应任何用户交互*/
/*display: none; 确保元素不可见并且连盒模型也不生成 但是这里不生效*/
}
/*无限循环动画
.right-entry{
animation:ikun 5s infinite;
}
@keyframes ikun {
0% {background-color: red;}
50% {background-color: #06f;}
100% {background-color: red;}
}
*/
}
@-moz-document url("https://www.bilibili.com/") {
.floor-single-card, /*带标签视频 包涵 《直播 课堂 国创 综艺 电影 电视剧 纪录片 漫画 番剧》 包涵直播就全部不要了*/
.bili-live-card, /*直播推荐*/
.header-channel, /*浮动推荐分类*/
.adblock-tips[data-v-7f4a51a0]{ /*提示受到脚本影响*/
display: none;
}
.bili-header{
margin-bottom: 1000px;
}
.bili-header::before{
animation:myanimation 5s infinite;
position: fixed; /*固定浮动*/
/*top: 40%;*/
left: 45%;
width: 200px;
border-radius: 8px; /*圆角*/
color: #908e8e;
background-color: #c5eee500;
content: " 记得要学习，不要上瘾了哇\
推荐视频在下面";
box-shadow: 0px 1px 7px 4px #d7d6d6; /*阴影 水平偏移 垂直偏移 模糊 阴影大小*/
}
@keyframes myanimation {
0% {top:30%;}
20% {top:90%;transform:rotate(20deg);}
50% {transform:rotate(360deg);}
90%{top:30%;transform:rotate(0deg);}
100% {top:30%;}
}
.bili-feed4 .bili-header .bili-header__channel, /*分类栏*/
.bili-header__bar.slide-down, /*搜索框（浮动的和顶部的不是同一个的）*/
#i_cecream{ /*视频推荐页*/
background: linear-gradient(90deg, #fbebe8 0%, #d0eeee 100%);
}
.bili-header .bili-header__banner{ /*图片横幅消失术*/
height: 0;
min-height: 64px;
}
}
@-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%); /*换个背景颜色*/
}
/*----------------[css-transition] 平移动画-----------------------------------*/
/*
.moveR-enter-active, .moveR-leave-active {
transition: all .5s linear;
transform: translateX(0);
}
.moveR-enter, .moveR-leave {
transform: translateX(100%);
}
.moveR-leave-to{
transform: translateX(100%);
}
*/
/*——————————循环动画————————————
div{
animation:myanimation 5s infinite;
}
@keyframes myanimation {
from {top:0px;}
to {top:200px;}
}
*/
}