微博宽屏 V7
PS:如有页面宽屏失效或其他问题请附带浏览器版本及样式扩展名(如Firefox 115.0.2 / Stylus 1.5.33)及相关页面链接,因为这个网站没有办法直接回复评论,要先定位问题才能想办法解决,多谢。
Authorspecial-denise
LicenseCC BY-NC
Categoryweibo
Created
Updated
Size3.5 kB
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
微博宽屏 V7
PS:如有页面宽屏失效或其他问题请附带浏览器版本及样式扩展名(如Firefox 115.0.2 / Stylus 1.5.33)及相关页面链接,因为这个网站没有办法直接回复评论,要先定位问题才能想办法解决,多谢。
20230913:
新增:评论区回复弹出窗口宽屏适配
20230824:
优化:删除失效代码
20230725:
优化:中栏宽屏化CSS选择器
20230721:
修复:中栏宽屏化失效
20230409:
修复:个人主页的“粉丝”与“关注”无法点击
20230123:
修复:微博搜索主页面各分支页面宽屏未适配
20230122:
优化:微博视频播放页面评论区奇数评论背景
修复:微博视频主页面各分支页面宽屏未适配
20230121:
新增:微博搜索页面宽屏适配
20230108:
修复:大分辨率下页面整体没有居中的问题
修复:“筛选微博”按钮、“回到顶部”按钮错位
新增:微博视频播放页面宽屏适配
优化:微博视频播放页面评论区奇数评论背景颜色
20230106:
初版
/* ==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;
/*增加点赞区域右边距,避免超出圆角背景*/
}
}