Reddit Tweaks by reezavt

/* ==UserStyle==
@name           Reddit Tweaks
@namespace      github.com/reezavt
@version        2.2.2
@description    Larger feed width and content max size.
@author         ReezaVT
@preprocessor   stylus
@var checkbox   full-images     "Full Images"               1
@var range      padding         "Padding"                   [20, 5, 100, 5, "px"]
@var range      max-height      "Max Height"                [512, 256, 1024, 64, "px"]
@var checkbox   bottom-votes    "Move Votes To Bottom"      0
==/UserStyle== */

@-moz-document domain("reddit.com") {
    /* Larger Feed */
    div[style*="max-width:100%"]:not(:empty):not(:not([class])),
    div[style*="max-width: 100%"]:not(:empty):not(:not([class])) {
        padding: 20px padding;
    }
    div[style*="max-width:100%"] > div:first-child,
    div[style*="max-width: 100%"] > div:first-child {
        width: 100%;
    }
    
    if full-images {
        div[data-click-id="media"] figure > div img,
        div[style*="max-height: 512px"] > div:not([class]):not([style]) > img,
        div[style*="max-height:512px"] > div:not([class]):not([style]) > img {
            max-height: max-height;
        }
        /* Hide "See Full Image" Button */
        div[data-click-id="media"] figure > div img + div,
        div[style*="max-height: 512px"] div:not([class]):not([style]) + div,
        div[style*="max-height:512px"] div:not([class]):not([style]) + div {
            display: none;
        }
    }
    
    if max-height != 512px {
        *[style*="height: 512px"]:not([style*="max-height"]),
        *[style*="height:512px"]:not([style*="max-height"]) {
            height: max-height !important;
        }
        
        *[style*="max-height: 512px"],
        *[style*="max-height:512px"] {
            max-height: max-height !important;
        }
        
        div[data-click-id="media"] {
            max-height: max-height;
        }
    }
    
    /* Black Post Background */
    div[data-click-id="media"] > div:not([style]) {   
        background-color: black;
    }
    
    /* Show Bottom Vote Arrows */
    if bottom-votes {
        div[style*="max-width: 100%"] div:not([data-testid="post-container"]) > div > div[id^="vote-arrows-"],
        div[style*="max-width:100%"] div:not([data-testid="post-container"]) > div > div[id^="vote-arrows-"] {
            display: flex !important;
        }
        div[style*="max-width: 100%"] div[data-testid="post-container"],
        div[style*="max-width:100%"] div[data-testid="post-container"] {
            padding-left: 0;
        }
        div[style*="max-width: 100%"] div[data-testid="post-container"] > div > div[id^="vote-arrows-"],
        div[style*="max-width:100%"] div[data-testid="post-container"] > div > div[id^="vote-arrows-"] {
            display: none;
        }
    }
}