仰晨-B站样式改造计划

仰晨-B站改造计划bilibili.com - 2022/10/19 13:31:30

仰晨-按自己想法改造b
目前为 2023-01-25 提交的版本。查看最新版本。
Wrap lines
/* ==UserStyle==
@name           仰晨-B站改造计划bilibili.com - 2022/10/19 13:31:30
@namespace      github.com/openstyles/stylus
@version        2022.2023.1.1
@description    仰晨-按自己想法改造b
@author         仰晨
@license        MIT
@icon         https://bilibili.com/favicon.ico
==/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 #67777c;	 /*阴影     水平偏移 垂直偏移  模糊  阴影大小*/
		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: 420px;
	}
	
	
	/*视频选集里面的内容 向右扩大2023.1.24*/
	.multi-page-v1.small-mode .cur-list .list-box li {
    width: 400px;
	}
	
	
	/*————修改评论区——————*/
	
	div.browser-pc{
		width: 1260px;			/*长度占掉推荐视频*/
		border-radius: 8px;		/*圆角*/
		background: linear-gradient(90deg, #cdcbf3 0%, #e5decd 100%);	/*换个背景颜色*/
		
	}
	

	
}
欢迎访问Greasy Fork镜像
