巴哈姆特佈局優化
/* ==UserStyle==
@name 巴哈姆特
@namespace github.com/openstyles/stylus
@version 1.0.7
@description 巴哈姆特佈局優化
@author Dxzy
@license MIT
==/UserStyle== */
@-moz-document domain("forum.gamer.com.tw"),domain("www.gamer.com.tw") {
:root {--img-max-size: min(100vh, 300px);}
.photoswipe-image > .lazyloaded
{max-width: var(--img-max-size);}
/*留言區*/
.reply-content {display: flex;}
/*用戶*/
.user--sm.reply-avatar{height: 30px;width: 30px}
.comment_content>.lazyloaded,/*emoji*/
.comment_content > .photoswipe-image > .lazyloaded/*圖片*/
{max-height: 30px!important;max-width: 30px}
/* 通用佈局放寬 */
#BH-wrapper,.global-container,.c-post.c-section__main,.reply-content > .reply-input,.c-article.reply-content__article {
width: 100%;
max-width: none ;
position: relative;}
@media (width <= 940px) {
.b-list__img {display: none!important}
.b-list__brief,.imglist-text > .b-list__tile {
width: calc(100vw);/* 列表標題區 */
box-sizing: border-box;
display: flex;
flex-wrap: wrap;
gap: 8px; /* 替代margin間距 */}}
@media (width > 941px) {
.b-list__brief,.imglist-text > .b-list__tile {
width: calc(100vw - 500px);/* 列表標題區 */
box-sizing: border-box;
display: flex;
flex-wrap: wrap;
gap: 8px; /* 替代margin間距 */}
#BH-master {
width: calc(100% - 0px);
overflow: hidden; /* 防止子元素溢出 */
position: relative; /* 建立定位上下文 */
z-index: 1;}}
@media (width < 2200px) {#BH-slave {display: none ;}}
@media (width > 2200px) {
.b-list__brief,.imglist-text > .b-list__tile {
width: calc(100vw - 800px);/* 列表標題區 */
box-sizing: border-box;
display: flex;
flex-wrap: wrap;
gap: 8px; /* 替代margin間距 */}
#BH-master {
width: calc(100% - 320px);
overflow: hidden; /* 防止子元素溢出 */
position: relative; /* 建立定位上下文 */}
}
/* 單帖放寬 */
.c-quick-reply,.c-section,.c-section__main
{width: calc(100%);display: flex;}
/* 右側欄位固定位置防止拉長版面 */
#BH-slave {position: fixed;right: 0;}
/* 右側欄位固定位置沒fixed */
div.BH-rbox,.bh-b-title.as-mes-header,.is-bpageclose.now_chatroom-container{right: 0;}
/* 跨域名頁腳隱藏 */
#BH-footer,.main-container__footer,.popular.c-section__main,.BH-qabox1.BH-rbox,h5:nth-of-type(2) {display: none ;}
.popular.b-popular {display: none ;} /*隱藏置底推薦*/
/* 新增：調整tab-nav mes-sticker-slide範圍內所有slick-slide寬度 */
.tab-nav.mes-sticker-slide.sticker-index.slick-initialized.slick-slider
.slick-slide[data-slick-index] {
width: 40px !important;
}
}