Reddit - Big Card View

Makes the card view on Reddit bigger

目前為 2021-05-02 提交的版本,檢視 最新版本

/* ==UserStyle==
@name           Reddit - Big Card View
@namespace      1N07
@version        2.0.0
@description    Makes the card view on Reddit bigger
@author         1N07
==/UserStyle== */

@-moz-document domain("reddit.com") {
/*######################################## SETTINGS ########################################*/
    :root {
        --card-width: 75%; /*standard CSS values are fine, including percent*/
        --card-content-height: 70vh; /*standard CSS values are fine, but NOT percent*/
    }
/*##########################################################################################*/
    
    
    
    /*main page container width (determines card width)*/
    div._1OVBBWLtHoSPfGCRaPzpTf,
    div._3nSp9cdBpqL13CqjdMr2L_
    {
        width: var(--card-width) !important;
        max-width: 100%;
    }

    /*-card height-*/
    /*standard img*/
    .Post [data-click-id="media"],
    .Post [data-click-id="media"] > div,
    .Post [data-click-id="media"] img,
    /*img preview thing*/
    .Post [data-click-id="media"] .media-element,
    /*multi image posts*/
    .Post [data-click-id="media"] ul,
    .Post [data-click-id="media"] li,
    .Post [data-click-id="media"] div[style*="height:"],
    /*video*/
    .Post [data-click-id="media"] video
    {
        height: var(--card-content-height) !important;
        max-height: var(--card-content-height) !important;
        width: auto;
    }
    
    /*centering multi image post images*/ 
    .Post [data-click-id="media"] li[style="left: 0px;"] {
        position: relative;
        left: initial;
    }
    
    /*Remove bottom padding from crossposts*/
    .P8p9Nku0-ZbYCsaCOSE2t { padding-bottom: 0; }
}

QingJ © 2025

镜像随时可能失效,请加Q群300939539或关注我们的公众号极客氢云获取最新地址