Makes the card view on Reddit bigger
Ekde
/* ==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; }
}