space-widen.user.css

/* ==UserStyle==
@name           个人空间变宽
@namespace      dobby233liu.github.io
@version        0.9.15
@license        BSD-0-Clause
@author         Liu Wenyuan
@homepageURL    https://gist.github.com/Dobby233Liu/f91b843fca90fd983f95ff9cd38e2410
@supportURL     https://gist.github.com/Dobby233Liu/f91b843fca90fd983f95ff9cd38e2410#comments
@updateURL      https://gist.github.com/Dobby233Liu/f91b843fca90fd983f95ff9cd38e2410/raw/space-widen.user.css
==/UserStyle== */

@-moz-document domain("space.bilibili.com") {
    .wrapper {
        width: auto !important;
    }

    #page-index, #page-dynamic {
        display: flex;
        flex-flow: row nowrap;
        margin: 0 6px;
        gap: 6px;
    }
    #page-index::before, #page-index::after,
    #page-dynamic::before, #page-dynamic::after {
        display: none;
    }
    #page-index .col-1, #page-dynamic .col-1 {
        float: none;
        width: auto;
        min-width: 0;
        flex-grow: 1;
    }
    #page-index .col-2, #page-dynamic .col-2 {
        float: none;
        flex: 0 0;
        flex-basis: 350px;
        width: auto;
        min-width: 0;
    }
    @media (max-width: 934px) {
        #page-index .col-2, #page-dynamic .col-2 {
            display: none;
        }
    }

    .h-sign {
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
        word-break: break-all;
        -webkit-line-clamp: 1;
        width: auto;
        max-width: calc(100vw - 350px);
    }
    .n .n-inner {
        overflow: hidden;
    }

    .article-item > .clearfix {
        display: flex;
        flex-flow: row nowrap;
    }
    .article-content {
        float: none;
        width: auto;
        flex-grow: 1;
        min-width: 0;
        margin-right: 10px;
    }
    .article-img {
        float: none;
        flex: 0 0;
        flex-basis: 117px;
    }
    #page-index .channel .content {
        width: 100% !important;
    }

    .s-space .col-full {
        display: flex;
        flex-flow: row nowrap;
        margin-left: 4px;
        margin-right: 4px;
    }
    .contribution-sidenav {
        width: auto !important;
        flex: 0 0;
        flex-basis: 190px;
        float: none;
    }
    .contribution-sidenav~.main-content {
        width: auto !important;
        float: none;
        flex-grow: 1;
    }
    @media (min-width: 1420px) {
        .contribution-sidenav {
            flex-basis: 210px;
        }
        .contribution-sidenav .contribution-item .text {
            width: 120px;
        }
    }


    #page-video #submit-video-list,
    #page-index .coin .content {
        margin-left: 0;
    }
    .cube-list, .fav-video-list,
    #page-index .video .content,
    #page-index .coin .content,
    .channel-item:has(> .small-item) /*???*/ , .channel-video,
    #page-index .fav .content,
    #page-index .bangumi .content,
    #page-audio .content .clearfix,
    #page-collection-detail .video-list {
        width: auto !important;
        display: grid;
        grid-template-columns: repeat(auto-fill, 160px);
        justify-content: space-between;
    }
    #page-index .fav .content {
        grid-template-columns: repeat(auto-fill, 160px); /* FIXME */
    }
    #page-index .fav-item .state {
        float: none;
        position: absolute;
        bottom: 0;
        right: 12px;
    }
    #page-index .bangumi .content {
        grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
    }
    .fav-video-list {
        grid-template-columns: repeat(auto-fill, 166px);
    }
    #page-audio .content .clearfix {
        grid-template-columns: repeat(auto-fill, 180px);
    }
    @media (min-width: 1420px) {
        .cube-list {
            grid-template-columns: repeat(auto-fill, 190px);
        }
        .cube-list, .fav-video-list {
            grid-template-columns: repeat(auto-fill, 200px);
        }
        #page-index .bangumi .content {
            grid-template-columns: repeat(auto-fill, minmax(430px, 1fr));
        }
        #page-audio .content .clearfix {
            grid-template-columns: repeat(auto-fill, 190px);
        }
    }
    .channel-item:has(> .small-item), .channel-video {
        grid-template-columns: repeat(auto-fit, 160px);
    }
    /* this sucks */
    .channel-item:has(> .small-item:only-child), .channel-video:has(.small-item:only-child) {
        grid-template-columns: 1fr auto;
    }
    .cube-list::before,
    .fav-video-list::before,
    #page-index .video .content::before,
    #page-index .coin .content::before,
    .channel-video::before,
    .channel-item:has(> .small-item)::before,
    #page-index .fav .content::before,
    #page-index .bangumi .content::before,
    #page-series-index .channel-list::before,
    #page-audio .content .clearfix::before,
    #page-collection-detail .video-list::before,
    .cube-list::after,
    .fav-video-list::after,
    #page-index .video .content::after,
    #page-index .coin .content::after,
    .channel-video::after,
    .channel-item:has(> .small-item)::after,
    #page-index .fav .content::after,
    #page-index .bangumi .content::after,
    #page-series-index .channel-list::after,
    #page-audio .content .clearfix::after,
    #page-collection-detail .video-list::after {
        display: none;
    }
    #page-video .small-item, #page-fav .small-item,
    #page-index .video .content .small-item,
    #page-index .coin .content .small-item,
    .channel-video .small-item {
        padding: 10px 0;
    }
    #page-fav .fav-main .small-item,
    #page-index .fav-item {
        margin-right: 0 !important;
    }
    #page-index .video .content .small-item,
    #page-collection-detail .video-list .small-item {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    #page-index .bangumi .content .large-item {
        width: auto !important;
        margin-right: 0 !important;
    }
    .large-item .detail,
    .large-item .desc {
        max-height: 100%;
    }
    #page-series-index .channel-list {
        width: auto !important;
        display: grid !important;
        grid-template-columns: repeat(auto-fill, 190px);
        justify-content: space-between !important;
    }
    #page-audio .content .small-item {
        padding-right: 10px !important;
    }

    #page-fav .fav-main {
        float: none;
        width: auto !important;
        flex-grow: 1;
        min-width: 0;
    }
    #page-fav .fav-sidenav {
        float: none;
        width: auto !important;
        flex: 0 0;
        flex-basis: 190px;
    }
    .favInfo-box {
        gap: 18px;
    }
    .favInfo-box .favInfo-cover {
        flex: 0 0;
        flex-basis: 190px;
    }
    .favInfo-box .favInfo-details {
        margin-left: 0;
        width: auto;
        flex-grow: 1;
        min-width: 0;
    }
    .favInfo-box .favInfo-details .fav-name {
        width: auto !important;
    }

    .article .waterfall-content .masonry_grid_v2 .container {
        width: auto;
        margin-left: calc((100% - var(--container-width)) / 2);
        margin-right: calc((100% - var(--container-width)) / 2);
    }

    #page-follows .follow-sidenav {
        width: auto !important;
        flex: 0 0;
        flex-basis: 180px;
        float: none;
    }
    #page-follows .follow-main {
        width: auto !important;
        float: none;
        flex-grow: 1;
        min-width: 0;
    }
    @media (min-width: 1420px) {
        #page-follows .follow-sidenav {
            flex-basis: 210px;
        }
    }

    #page-bangumi .col-full, #page-setting .col-full,
    #page-channel .col-full {
        flex-direction: column;
    }
    #page-bangumi .content {
        width: auto !important;
    }

    #page-article .article-lists {
        width: auto;
    }
    #page-article .section {
        margin-top: 8px;
    }
    #page-article .article-lists .lists-item {
        float: none;
        width: auto !important;
        display: flex;
        flex-flow: row nowrap;
        gap: 20px;
        min-width: 0;
        margin-top: 24px;
    }
    #page-article .article-lists .lists-item::before,
    #page-article .article-lists .lists-item::after {
        display: none;
    }
    #page-article .article-lists .lists-item .item-left {
        float: none;
        width: auto;
        flex: 0 0;
        flex-basis: 110px;
    }
    #page-article .article-lists .lists-item .item-right {
        padding-left: 0;
        width: auto;
        float: none;
        flex-grow: 1;
    }
    #page-article .article-lists .lists-item .item-right .item-name {
        width: auto;
        -webkit-box-orient: vertical;
        word-break: break-all;
    }
    #page-article .article-lists .lists-item .item-right .item-title {
        width: auto;
    }
    #page-article .article-lists .lists-item {
        height: auto;
        padding-bottom: 0;
    }

    .search-page {
        width: auto !important;
    }
    .feed-dynamic[data-v-793366f2],
    .card .main-content[data-v-2dbadba2] {
        width: auto !important;
    }
    .searchVideo {
        flex-grow: 1;
    }
}