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