/* ==UserStyle== @name bilibili.com - 2022/10/19 13:31:30 @namespace github.com/openstyles/stylus @version 2022.2023.1.30 @description 按自己想法改造b @author 仰晨 @icon https://bilibili.com/favicon.ico @license MIT @downloadURL none ==/UserStyle== */ @-moz-document domain("bilibili.com") { /*透明掉搜索框的诱惑*/ /* .nav-search-content{ background: #61666D; } */ /* 鼠标放到按钮样式变化:hover 先吧搜索框变透明度,鼠标放上去的时候就把透明度变成100% 点击瞬间为:active */ .nav-search-content{ opacity: 0; } .nav-search-content:hover{ opacity: 100%; } /*导航栏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%); /*换个背景颜色*/ } }