Skip to content

Weibo_WideScreen_V7 by special-denise

Screenshot of Weibo_WideScreen_V7

Details

Authorspecial-denise

LicenseCC BY-NC

Categoryweibo

Created

Updated

Size3.5 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

微博宽屏 V7

PS:如有页面宽屏失效或其他问题请附带浏览器版本及样式扩展名(如Firefox 115.0.2 / Stylus 1.5.33)及相关页面链接,因为这个网站没有办法直接回复评论,要先定位问题才能想办法解决,多谢。

Notes

20230913:
新增:评论区回复弹出窗口宽屏适配

20230824:
优化:删除失效代码

20230725:
优化:中栏宽屏化CSS选择器

20230721:
修复:中栏宽屏化失效

20230409:
修复:个人主页的“粉丝”与“关注”无法点击

20230123:
修复:微博搜索主页面各分支页面宽屏未适配

20230122:
优化:微博视频播放页面评论区奇数评论背景
修复:微博视频主页面各分支页面宽屏未适配

20230121:
新增:微博搜索页面宽屏适配

20230108:
修复:大分辨率下页面整体没有居中的问题
修复:“筛选微博”按钮、“回到顶部”按钮错位
新增:微博视频播放页面宽屏适配
优化:微博视频播放页面评论区奇数评论背景颜色

20230106:
初版

Source code

/* ==UserStyle==
@name         Weibo_WideScreen_V7
@version       2023-09-13
@namespace      userstyles.world/user/special-denise
@description    微博宽屏 V7
@author        Special-Denise
@license       CC BY-NC
==/UserStyle== */
/*--------------------微博信息流版面相关--------------------*/
@-moz-document domain("weibo.com") {
	#app {
		max-width: 1440px!important;
		margin: 0 auto;
		/*整体框架居中*/
	}

	[class^="Nav_wrap_"] {
		width: 100%;
		max-width: 1440px!important;
		left: 0!important;
		right: 0!important;
		margin: 0 auto!important;
		/*导航栏居中*/
	}

	@media screen and (min-width: 1440px) {
	[class^="Nav_wrap_"] {
		max-width: 1408px!important;
		/*横轴分辨率超过1440px时防止导航栏宽度超出下方的内容框架*/
	}
}

[class*="Frame_content"] {
	width: 98%;
	max-width: 1410px!important;
	/*主体页面宽度*/
}

[class*="Frame_side_"] + div {
	width: calc(100% - 182px);
	/*登录后的首页中栏框架*/
}

[class^="Main_full_"] {
	width: 100%;
	/*中栏*/
}
	
	div.woo-modal-main,div.wbpro-layer {
	  width: 80%;
	  margin: 0 auto!important;
		/*评论区回复弹出窗口*/
	}

[class*="ProfileHeader_"] {
	z-index: 1;
	/*“粉丝”、“关注”*/
}

[class*="Index_selectorIcon_"], [class*="Index_backTop_"] {
	margin-left: calc(50% - 10px)!important;
	/*他人个人主页“筛选微博”按钮、“回到顶部”按钮*/
}
}

/*--------------------微博搜索相关--------------------*/
@-moz-document url-prefix("https://s.weibo.com") {
	.m-main {
		width: 98%;
		max-width: 1410px!important;
		/*主体页面宽度*/
	}

	#pl_feed_main {
		width: calc(100% - 152px);
		/*中栏+右侧栏框架*/
	}

	#pl_feedlist_index {
		width: 100%;
		/*中栏*/
	}

	.msg > .info {
		width: calc(100% - 85px);
		/*话题简介框架*/
	}

	.msg > .info > .title > h1.short {
		width: calc(100% - 168px);
		/*话题简介标题框架*/
	}

	.msg > .info > .title > h1.short > a {
		overflow: visible;
		/*显示完整标题*/
	}

	.func > .input-wrap > .input > textarea {
		width: calc(100% - 24px)!important;
		/*评论文本框*/
	}
}

/*--------------------微博搜索图片分支相关--------------------*/
@-moz-document url-prefix("https://s.weibo.com/pic?q=") {
	.m-main > .woo-box-flex > .woo-box-flex {
		width: 98%;
		/*中栏+右侧栏框架*/
	}

	.main-full {
		width: calc(100% - 152px);
		/*中栏*/
	}
}

/*--------------------微博视频主页面相关--------------------*/
@-moz-document url-prefix("https://weibo.com/tv/home"), url-prefix("https://weibo.com/tv/follow"), url-prefix("https://weibo.com/tv/star"), url-prefix("https://weibo.com/tv/billboard"), url-prefix("https://weibo.com/tv/history"), url-prefix("https://weibo.com/tv/channel") {
	[class^="Frame_main1_"] {
		width: calc(100% - 218px);
		/*中栏框架 左侧栏202px 与右侧栏间隔16px*/
	}
}

/*--------------------微博视频播放页面相关--------------------*/
@-moz-document url-prefix("https://weibo.com/tv/show/") {
	[class^="Frame_main2"] {
		width: calc(100% - 410px);
		/*左侧栏*/
	}

	.vue-recycle-scroller__item-view:nth-child(odd) {
		border-radius: 6px!important;
		background-color: #F0F1F4!important;
		/*优化评论区奇数条评论背景*/
	}

	.opt .woo-box-flex {
		margin-right: 1px!important;
		/*增加点赞区域右边距,避免超出圆角背景*/
	}
}

Reviews

No reviews yet.