Skip to content

Reddit Redesigned by itcodehery

Screenshot of Reddit Redesigned

Details

Authoritcodehery

LicenseNo License

Categoryreddit.com

Created

Updated

Size12 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Fork of Full Length Reddit Post. Overhauls some UI elements of Reddit to be more modern and lively looking, along with some quality of life updates.

Notes

Version: 2024.01. Expect bugs. If you encounter one,

Source code

Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link.
/* ==UserStyle==
@name         Reddit Redesigned
@namespace    USO Archive
@author       Hari Prasad
@description  Fork of Full Length Reddit Post. Overhauls some UI elements of Reddit to be more modern and lively looking, along with some quality of life updates.
@version      2024.01
@license      NONE
@preprocessor uso
==/UserStyle== */
@-moz-document domain(reddit.com), domain("reddit.com/user/")
{
  .Chtkt3BCZQruf0LtmFg2c {
    max-height: 70vh !important;
    -webkit-mask-image: unset !important;
    mask-image: unset !important;
    overflow: auto !important;
  }
    
    /* blurry + transformed header */
    ._2vkeRJojnV7cb9pMlPHy7d.a35Fm2MurU14xdNybLiZp {
        position: fixed;
        top: 4%;
        min-width: 1000px;
        left: 50%;
        transform: translate(-50%, -50%);
        background-color: rgba(41, 41, 41, .3);
        border: 1px solid white;
        border-radius: 10px;
        backdrop-filter: blur(10px);
    }
    
    @media (max-width: 600px) {
        ._2vkeRJojnV7cb9pMlPHy7d.a35Fm2MurU14xdNybLiZp {
            all: unset;
        }
    }
    
    /* hide sidebar */
    #SHORTCUT_FOCUSABLE_DIV ._1BFbVxT49QnrAN3fqGZ1z8, ._2Xq-4oyrEvHjL5U_EeMnK8, ._20b4i5iUhjZQqDZ1BM_Q-9, ._3Kd8DQpBIbsr5E1JcrMFTY , ._1tvThPWQpORoc2taKebHx {
        display: none !important;
    }

  /* multiple pictures */
  ._1apobczT0TzIKMWpza0OhL {
    display: grid !important;
    grid-template-columns: 1fr !important;
    max-height: 70vh !important;
  }

  ._1apobczT0TzIKMWpza0OhL > * {
    grid-row-start: 1 !important;
    grid-column-start: 1 !important;
    position: relative !important;
    max-height: 70vh !important;
  }

  ._1apobczT0TzIKMWpza0OhL > li > figure > div,
  ._1apobczT0TzIKMWpza0OhL > li > figure > a > div  {
    height: 100% !important;
  }

  ._1dwExqTGJH2jnA-MYGkEL- {
    height: 100% !important;
    object-fit: contain !important;
  }

  ._3b8u2OJXaSDdBWoRB7zUoK {
    display: none !important;
  }

  .KVyBaj7FjzElWsqJDmw7v {
    height: 100% !important;
    padding: 0 !important;
  }

  ._2_tDEnGMLxpM6uOa2kaDB3 {
    object-fit: contain !important;
    width: 100% !important;
    height: 100% !important;
  }

  /* picture */
  .m3aNC6yp8RrNM_-a0rrfa {
    max-height: 70vh !important;
    display: flex !important;
  }

  ._3gBRFDB5C34UWyxEe_U6mD {
    display: none !important;
  }

  .kcerW9lbT-se3SXd-wp2i {
    min-height: 40vh !important;
    display: flex !important;
    flex-direction: column !important;
  }

  ._1NSbknF8ucHV2abfCZw2Z1  {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    justify-content: center !important;
  }

  ._1NSbknF8ucHV2abfCZw2Z1 > a {
    width: 100% !important;
  }

  ._3JgI-GOrkmyIeDeyzXdyUD {
    position: relative !important;
    display: flex !important;
    justify-content: center !important;
    flex-grow: 1 !important;
    max-width: 100% !important;
  }

  ._3Oa0THmZ3f5iZXAQ0hBJ0k {
    max-height: 70vh !important;
    width: 100% !important;
  }

  ._3Oa0THmZ3f5iZXAQ0hBJ0k > div {
    width: 100% !important;
  }

  ._3hUbl08LBz2mbXjy0iYhOS {
    display: none !important;
  }

  /* embedded youtube */
  iframe {
    min-height: 45vh !important;
  }

  /* video */
  ._3QOPLw8PZipW3i8kDxod81 {
    width: 100% !important;
  }
    
    /*post cards*/
    ._2lHXa-mLMsRfm1Q5JxgU4r, ._3Qkp11fjcAw9I9wtLo8frE {
        border-radius: 10px;
        display: flex;
        flex-direction: column;
        border: none;
        transition: ease-in 300ms;
        transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
    }
    
    ._2lHXa-mLMsRfm1Q5JxgU4r, ._3Qkp11fjcAw9I9wtLo8frE:hover {
        scale:0.98;
        border: none;
    }
    
    
/*    element card  */
    .wBtTDilkW_rtT2k5x3eie {
        border:none;
        border-radius: 10px
    }
/*   create post card   */
    ._2jJNpBqXMbbyOiGCElTYxZ {
        display:none;
    }
    
    .x0hiXHicn7r3BG9m1FJH4._2t7TYn6HwRZQwKXG47kpQR {
        display:none;
    }
    
/*  switch communities  */
/*     ._3jiriKeNer8y0-1r6oWIFM {
    display: none;
} */
    
/* search box in header */
    ._1DeR7_QiQnu2UK0e2dDfYD {
        background-color: transparent;
        border: none;
        border-radius: 0.45em;
    }
    
/* search input box */
    ._1DeR7_QiQnu2UK0e2dDfYD ._1K7ubH9z5v9E6C19j2fjQU {
    background-color: transparent;
}
    
/* advertise button  */
    ._2I12Htze2UzJmmfnrgYJOn._1dBtowHdRHcGyLbVEaOL8t ._24UNt1hkbrZxLzs5vkvuDh {
        display:none;
    }
    
/* header */
    ._2vkeRJojnV7cb9pMlPHy7d.a35Fm2MurU14xdNybLiZp {
        border: none;
    }
    
    @media (max-width: 640px) {
        /* search box in header */
    ._1DeR7_QiQnu2UK0e2dDfYD {
        all: unset;
    }
    
/* search input box */
    ._1DeR7_QiQnu2UK0e2dDfYD ._1K7ubH9z5v9E6C19j2fjQU {
        all: unset;
}
    
/* advertise button  */
    ._2I12Htze2UzJmmfnrgYJOn._1dBtowHdRHcGyLbVEaOL8t ._24UNt1hkbrZxLzs5vkvuDh {
        all: unset;
        }
    }
    
/* post details */
    ._14-YvdFiW5iVvfe5wdgmET {
        background-color: #0000002e;
        margin-top: 4px;
        margin-bottom: 10px;
        margin-left: 10px;
        margin-right: 10px;
        padding: 10px 10px;
        border: none;
        border-radius: 10px;
        justify-content: space-between;
    }
    
/* comment and other buttons class */
    ._1ixsU4oQRnNfZ91jhBU74y {
        background-color: #0000002e;
        margin-top: 4px;
        margin-bottom: 10px;
        margin-left: 10px;
        margin-right: 10px;
        padding: 10px 10px;
        border: none;
        border-radius: 10px;
        align-items: center;
        align-self:center;
        justify-items: center;
        justify-self: center;
        justify-content: space-between;
    }
    
    ._3-miAEojrCvx_4FQ8x3P-s {
         align-items: center;
        align-self:center;
        justify-items: center;
        justify-self: center;
        justify-content: space-between;
    }
    
/* post right side */
    ._1poyrkZ7g36PawDueRza-J {
        border: none;
        border-radius: 10px;
    }
    
/* reddit-text-logo  */
    ._1bWuGs_1sq4Pqy099x_yy- {
        display:none;
    }
    
/* post-clicked-details */
    .uI_hDmU5GSiudtABRz_37 {
        background: transparent;
        width: 100%;
    }
    
    .u35lf2ynn4jHsVUwPmNU.Dx3UxiK86VcfkFQVHNXNi {
        max-width: 100%;
    }
    
/* comments-main */
    ._2M2wOqmeoPVvcSsJ6Po9-V._3287nL7j7epK9JmDC3N1VR {
        background: transparent;
    }
    
/* single-comment */
    ._3sf33-9rVAO_v4y0pIW_CH {
        background: #ffffff12;
        border: none;
        border-radius: 10px;
    }
    
/* comment-deets */
    .P8SGAKMtRxNwlmLz1zdJu ._1S45SPAIb30fsXtEcKPSdt {
        background: #ffffff12;
        padding: 10px;
        border: none;
        border-radius: 10px 10px 0px 0px;
    }
    
    ._3w527zTLhXkd08MyacMV9H {
    width: fit-content;
}
    
    

    .-Xcv3XBXmgiY2X5RqaPbO {
        flex-direction: row;
        gap: 15px;
        justify-content: start;
    }
    
/* opened-post-vote-buttons */
/*     ._23h0-EcaBUorIHC-JZyh6J {
        display: none;
    }
     */
/* new comment indicator */
    ._2X4xugrTQ5e3TVxPPEHqGh ._3JKnqeBKw2wp7eHzFXNXSe ._1cubpGNEaCAVnpJl1KBPcO._2q-ZKRaT1WjKg092R6La5J {
        background-color: #4f4f4f;
    }
    
    .RQTXfVRnnTF5ont3w58rx {
        margin: 5px;
        border: none;
        border-radius: 40px;
    }
    
    /* dropdown-menu */
    ._1HSQGYlfPWzs40LP4_oFi5._1HSQGYlfPWzs40LP4_oFi5._2XkHtsPtFuTExJyk9JQUAp {
        background-color: rgba(41, 41, 41, .3);
        border: 1px solid #ffffff24;
        border-radius: 10px;
        backdrop-filter: blur(10px);
    }
    
    /* notifications menu */
    ._3uJguwDAW5Ra1r4aegBvBq._1TfMsQUAiVAqjXRo7s3R_t {
        background-color: rgba(41, 41, 41, .8);
        border: 1px solid #ffffff24;
        border-radius: 10px;
        backdrop-filter: blur(10px);
    }
    
    ._3fRnnkCBwqAZG6nmxhTKHr {
        background-color: rgba(0, 0, 0, .02);
    }
    
    ._3oNU8Gzy2V3jDPhFfeEFbD {
        background-color: transparent;
        backdrop-filter: blur(10px);
    }
    
    ._8INvnNiEMHRndJ0M-LiY {
        margin: 5px;
        margin-top: 10px;
        border-radius: 10px;
        transition: ease-in 300ms;
        background-color: rgba(0, 0, 0, .3);
        transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
    }
    
    ._8INvnNiEMHRndJ0M-LiY:hover {
        scale: 0.97;
    }
    
    ._3PWmWL3sMw23-xBHydcnPf {
/*         background-color: rgba(41, 41, 41, .8);         */
        background-color: transparent;
    }
    
    ._2MId4QR3fPm4RPlrSTZg_E {
        background-color: transparent;
    }
    
    /* chat space */
    ._33u6YbC6AlnzIulwsYr05H._3cIQAjonpVpMgj97-cQoWL {
        background-color: rgba(41,41,41, .8);
        backdrop-filter: blur(10px);
    }
    
    /* MyProfile Tabs */
    ._2vH__bwuub4wzWRqcvhh3m {
        margin: 10px;
        background-color: transparent;
        border: none;
    }
    
    /* type-tabs */
    ._2vH__bwuub4wzWRqcvhh3m {
        margin-top: 20px;
        display: flex;
        justify-content: center;
        justify-items: center;
    }
    
    /* selected */
    ._1JNzvBgvzSnX27gUBKqqmJ.Zvl1svdkcyUlRhf5RHGKc {
        box-shadow: none;
        border: none;
        border-radius: 10px;
        background-color: rgba(41,41,41,.8);
        padding: 0px 20px;
        line-height: unset;
    }
    
    /* overview-card */
    ._1lhlKOukuHHzZKIlnXcHmQ._2o6nV_ET0Jis6_EzEHx9K3 {
        border: unset;
        border-...

Reviews

No reviews yet.