巴哈姆特

巴哈姆特佈局優化

安裝腳本? 以使用者樣式安裝?
作者推薦腳本

您可能也會喜歡 巴哈姆特Dx

安裝腳本
/* ==UserStyle==
@name           巴哈姆特
@namespace      github.com/openstyles/stylus
@version        1.0.2
@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}
.reply-content .lazyloaded,
.comment_content>.lazyloaded,
.comment_content > .photoswipe-image > .lazyloaded
{max-height: 30px!important;max-width: 30px}
/* 通用佈局放寬 */
    #BH-wrapper,.global-container,.c-post.c-section__main {
    width: 100%;
    max-width: none ;
    position: relative;
}
/* 文章列表標題和文字長度 */
.b-list__brief,.imglist-text > .b-list__tile {
    width: calc(300% - 200px);
    max-width: 400%; /* 強制限制最大寬度 */
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    gap: 8px; /* 替代margin間距 */}
/* 列表標題區 */
@media (width > 1913px) {#BH-master {
    width: calc(100% - 320px);
    overflow: hidden; /* 防止子元素溢出 */
    position: relative; /* 建立定位上下文 */}}
@media (width <= 1912px) {#BH-master {
    width: calc(100% - 0px);
    overflow: hidden; /* 防止子元素溢出 */
    position: relative; /* 建立定位上下文 */
    z-index: 9999;}}
/* 單帖放寬 */
.c-section__main {width: calc(100% - 0px);}
/* 單帖放寬 */
.c-quick-reply,.c-section,.c-section__main {
    width: calc(100% - 0px);
    display: flex;
}

/* 右側欄位固定位置防止拉長版面 */
#BH-slave {
    position: fixed;
    right: 0;}
/* 右側欄位固定位置沒fixed */
div.BH-rbox,.bh-b-title.as-mes-header,.is-bpageclose.now_chatroom-container,h5{right: 0;}
/* 跨域名頁腳隱藏 */
#BH-footer,
    .main-container__footer,
    .popular.c-section__main {
    display: none ;
    }
}