Reddit - Big Card View

Makes the card view on Reddit bigger
目前为 2021-05-04 提交的版本。查看最新版本。
Wrap lines
/* ==UserStyle==
@name           Reddit - Big Card View
@namespace      1N07
@version        2.2.0
@description    Makes the card view on Reddit bigger
@author         1N07
@preprocessor   uso
@advanced text cardWidth "CardContainerWidthCSS" "75%"
@advanced text cardHeight "CardContentHeightCSS" "70vh"
==/UserStyle== */

@-moz-document domain("reddit.com") {   
    /*main page container width (determines card width)*/
    div._1OVBBWLtHoSPfGCRaPzpTf,
    div._3nSp9cdBpqL13CqjdMr2L_
    {
        width: /*[[cardWidth]]*/ !important;
        max-width: 100%;
    }

    /*-card height-*/
    /*standard img*/
    .Post :not([data-test-id="post-content"]) > [data-click-id="media"],
    .Post :not([data-test-id="post-content"]) > [data-click-id="media"] > div,
    .Post :not([data-test-id="post-content"]) > [data-click-id="media"] img,
    /*img preview thing*/
    .Post :not([data-test-id="post-content"]) > [data-click-id="media"] .media-element,
    /*video*/
    .Post :not([data-test-id="post-content"]) > [data-click-id="media"] ._1EQJpXY7ExS04odI1YBBlj
    {
        height: /*[[cardHeight]]*/ !important;
        max-height: /*[[cardHeight]]*/ !important;
        width: auto;
    }
    /*multi image posts*/
    .Post :not([data-test-id="post-content"]) > [data-click-id="media"] ul,
    .Post :not([data-test-id="post-content"]) > [data-click-id="media"] li,
    .Post :not([data-test-id="post-content"]) > [data-click-id="media"] .KVyBaj7FjzElWsqJDmw7v
    {
        height: /*[[cardHeight]]*/ !important;
        max-height: /*[[cardHeight]]*/ !important;
    }
    
    /*centering multi image post images and non-media-element videos*/ 
    /*test gallery*/
    .Post :not([data-test-id="post-content"]) > [data-click-id="media"] li[style="left: 0px;"],
    .Post :not([data-test-id="post-content"]) > [data-click-id="media"] ._1EQJpXY7ExS04odI1YBBlj {
        left: 50% !important;
        transform: translateX(-50%);
    }
    
    /*Remove bottom padding from crossposts*/
    .P8p9Nku0-ZbYCsaCOSE2t { padding-bottom: 0; }
}
欢迎访问Greasy Fork镜像
