Skip to content

Oppa Reddit Style(sheet) by ConnertheCanner

Details

AuthorConnertheCanner

LicenseGo Fuck Yourself Pubic License v2.69

Categoryold.reddit.com

Created

Updated

Size14 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

why use this

Notes

Userstyle doesn't have notes.

Source code

Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link.
/* ==UserStyle==
@name         Oppa Reddit Style(sheet)
@version      20240929.05.32
@namespace    https://userstyles.world/user/Scyline
@description  why use this
@author       Scyline
@license      Go Fuck Yourself Pubic License v2.69
==/UserStyle== */

@-moz-document url-prefix("https://old.reddit.com/") {
/* VERY scuffed stylesheet for reddit + reddit enhancement suite */


.res-commentQuickCollapse-toggleCommentsOnClickLeftEdge .commentarea .comment > .entry > .tagline > .expand {
    color: transparent;
    user-select: none;
}

.res-nightmode .entry.res-selected,
.res-nightmode .entry.res-selected .md-container {
    background-color: #202020 !important;
}

#header a,
#header span {
    color: #c6e3ff
}

.res-nightmode html.res-nightmode,
.res-nightmode body,
.res-nightmode body .content,
.res-nightmode .modal-body,
.res-nightmode .side,
.res-nightmode .icon-menu a,
.res-nightmode .side .leavemoderator,
.res-nightmode .side .leavecontributor-button,
.res-nightmode .side .titlebox,
.res-nightmode .side .spacer .titlebox .redditname,
.res-nightmode .side .titlebox .flairtoggle,
.res-nightmode .side .usertext-body .md ol,
.res-nightmode .side .usertext-body .md ol ol,
.res-nightmode .side .usertext-body .md ol ol li,
.res-nightmode .modactionlisting table *,
.res-nightmode .side .recommend-box .rec-item,
.res-nightmode .crosspost-preview,
.res-nightmode .crosspost-thing-preview,
.res-nightmode .admin_takedown,
.res-nightmode .happening-now {
    background-color: hsl(0, 0%, 6.7%);
    border-color: #777;
}

.res-nightmode .arrow.down,
.res-nightmode .arrow.up,
.res-nightmode .arrow.downmod,
.res-nightmode .arrow.upmod {
    position: relative;
    z-index: 10;
    filter: brightness(1.6);
}

.res-nightmode .content textarea {
    border: 1px solid white;
    border-radius: 3px
}



#RESShortcuts {
    color: white;
}



.res-nightmode #RESShortcutsEditContainer,
.res-nightmode #RESShortcutsSort,
.res-nightmode #RESShortcutsRight,
.res-nightmode #RESShortcutsLeft,
.res-nightmode #RESShortcutsAdd {
    background: #444 !important;
    color: #bfe7ff;
}

.tagline .author.submitter,
.crosspost-preview-tagline .author.submitter {
    background-color: #2462c6ab !important;
}

.res-nightmode.res-commentBoxes .child .comment {
    border-color: hsl(0, 0%, 33.3%) !important;
}

.res-nightmode.res-commentBoxes .comment {
    border-color: white !important;
}

input {
    background: #595959;
    border: 1px solid #cecece;
    color: white;
    border-radius: 2px;
}

.res-nightmode .tagline,
.res-nightmode .entry .buttons li a,
.res-nightmode .trending-subreddits strong {
    font-size: 11px;
}

/* .buttons li a {
  border: 1px solid;
  padding: 2px !important;
  border-radius: 2px;
} */
#sr-header-area {
    background: #444 !important;
}

.subbarlink:hover {
    color: white !important;
    text-shadow: 0px 0px 3px #ffdd9a;
}

.RESShortcutsCurrentSub {
    text-shadow: 0px 0px 3px #ff760094 !important;
    color: #fff !important;
}

.subbarlink:last-of-type {
    padding-right: 3px;
}

.res-nightmode .entry.res-selected,
.res-nightmode .entry.res-selected .md-container {
    border-radius: 4px;
}

.flair {
    margin-left: 7px;
}

.tabmenu li a {
    border-radius: 2px 2px 0 0;
}

.res-nightmode #RESConsoleContainer,
.res-nightmode .moduleButton.enabled,
.res-nightmode .optionsTable th,
.res-nightmode .tagline .score {
    color: rgb(255, 247, 219) !important;
}

.report-button a::before {
    content: "🚩 ";
    text-shadow: none !important;
}



.share a::before {
    content: "👀 ";
    text-shadow: none !important;
}

.link-save-button a::before,
.comment-save-button a::before {
    content: "🔖 ";
    text-shadow: none !important;
}

.hide-button::before {
    content: "⛔ ";
    text-shadow: none !important;
}

.crosspost-button a::before {
    content: "🔀 ";
    text-shadow: none !important;
}

.reply-button a::before {
    content: "⤴ ";
    text-shadow: none !important;
    color: #bfbfbf !important;
}

.sitetable .res-commentBoxes .comment {
    border-color: hsl(0, 0%, 33.3%) !important;
}

.expand {
    border-right: 1px solid #3e3e3e;
}

.expand:active {
    background: #3e3e3e !important;
}

.res-nightmode .midcol .score,
.res-nightmode .moduleButton:not(.enabled) {
    color: rgb(230, 227, 204) !important;
}

.res-nightmode .link .rank {
    color: rgb(168, 168, 168) !important;
}

.title {
    font-size: 17px !important;
    text-shadow: 0px 1px 3px #00000080;
}

.res-nightmode .tagline,
.res-nightmode .entry .buttons li a,
.res-nightmode .trending-subreddits strong {
    color: rgb(191, 191, 191) !important;
}

.thumbnail {
    border-radius: 2px;
}

/* .submit, .morelink {
    border-radius: 4px;
} */
.res-media-independent {
    border-radius: 9px;
}

.res-image-media,
.res-media-zoomable,
.res-video-container,
.comment img,
.reddit-video-player-root,
.preview {
    border-radius: 4px !important;
}

/* .comment img {
    outline: 5px ridge green;
} */
.comment,
.RESHoverInfoCard {
    box-shadow: 0px .5px 2.5px 1px #0000008c;
    display: block !important;
}

.thing {
    border-bottom: 2px ridge #313131;
    padding-bottom: 9px;
    margin-right: 300px;
}

.entry {
    padding: 2px;
}

.stickied-tagline, .moderator, .thing.stickied.link a.title {
    color: #43cc43 !important;
}

a.choice:hover {
    color: #3c3c3c;
}

blockquote {
    font-size: 13.5px
}

.usertext.grayed .usertext-body {
    border-radius: 2px;
    margin-top: 4px;
}

.comments::before {
    content: "🗨 ";
    text-shadow: none !important;
    color: #bfbfbf !important;
}

.linkflairlabel span {
    text-shadow: 0px 0px 0px black !important;
}

.infobar {
    color: #e6e6e6;
}

.chat-app-window {
    border: 1px solid #696969;
    border-bottom: 0px solid red;
    border-radius: 6px 6px 0 0; 
}

/* * {
    outline: 2px ridge yellow;
} */

#chat-app-minimized, .chat-app-window {
    background: #181818;
    box-shadow: 0px 0px 6px 1px #0000008a;
}

.c-close {
   filter: brightness(100%);
}



.sidecontentbox .title h1 {
    font-size: 80%;
    text-align: center;
}

.c-btn {
    color: #d3d9db !important;
}

.sidecontentbox .title {
    position: relative;
    top:10px;
    left: 5px;
    background: #262626;
    padding-right: 0px;
    margin-right: 198px;
    margin-left: 1px;
    padding-left: 2px;
}

.sidecontentbox .title h1 {
    color: #bebebe !important;
}

.sidecontentbox .content {
    border: 1px solid #666 !important;
    border-radius: 3px;
}

.res-video-position {
    background-color: rgba(255, 220, 209, 0.77) !important;
    box-shadow: 0px 0px 3px 2px #ff6b00;
}

.control-button, .volume {
    background: transparent !important;
    border: none !important;
}

.control-button, .res-video-button {
    filter: drop-shadow(0px 1px 3px #000);
}

.expand {
    border: none;
}

.expand:active {
    background: rgb(49, 49, 49) !important;
}

.time-label,
.res-video-source {
    text-shadow: 0px 1px 3px black;
}

.seek-bar-background {
    box-shadow: 0px 1px 3px #000;
}

.save, .RESBigEditorPop, .res-filterline-filter-hover-buttons button {
    border: 1px solid #666 !important;
    border-radius: 3px
}

/* huge sweaty dicks */
.save:hover, .RESBigEditorPop:hover, .res-filterline-filter-hover-buttons button:hover, .builderBlock .checkset label:hover, .search-submit-button:hover {
    background: #5c5c5c;
}

#search input, .reddit-infobar, #sr-autocomplete {
    border-radius: 3px;
}

.spacer div {
    border-radius: 3px;
}

#res-style-checkbox {
    border: 1px solid red;
}

.RESHoverTitle {
    background: #333333 !important;
}

.RESHoverInfoCard {
    background: #202020 !important;
}

.domain a:hover {
    color:#f1f5f9;
    text-decoration: none;
    text-shadow: 0px 0px 4px #82a6c9;
}

.guiders_title {
    color: #4F9DFF !important;
}

.expando-button {
    filter: saturate(20) hue-rotate(-204deg);
}

.content .menuarea .spacer {
    border: 1px solid gray;
    padding: 1px 0 1px 5px;
    border-radius: 3px;
    background:#2f2f2f;
}

.content .menuarea .spacer:hover {
    cursor: default;
}


.menuarea .spacer .dropdown {
    border-left: 1px solid gray;
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 4px;
    border-radius: 0;
    background: #4b4b4b;
}

.menuarea .spacer .dropdown:hover {
    cursor: pointer;
    background: #555;
}

.menuarea .spacer .selected {
    color: #c4c4c4;
    text-decoration: none;
}

.menuarea .spacer .dropdown-title {
    margin-right: -1px;
    color: #8d8d8d;
}

.commentarea .menuarea .spacer {
    border: 0;
    background: none;
}

.commentarea .menuarea .spacer .dropdown {
    background: none;
    border: none;
    text-decoration: underline;
    padding-left: 0;
}

#new-link-image-input {
    background-color: #333 !important;
    border-color: #7a7a7a !important;
}

.tabmenu li a {
    background: #262626c2 !important;
    color: #c6e3ffd1 !important;
}

.tabmenu .selected a {
    background: #262626 !important;
    color: #c6e3ff !important;
    margin-left: -1px;
    margin-right: -1px;
    /* border-top-color: #ee820e !important;
    border-left-color: #ee820e !important;
    border-right-color: #ee820e !important; */
}

/* #header {
    border-color: #ee820e;
} */

.NERPageMarker {
    border-top-color: #7a7a7a !important;
    border-bottom: none !important;
    border-right: none !important;
    border-left: none !important;
    border-radius: 0 !important;
    background: #0003 !important;
}

.drop-choices form a a:hover {
    color:  #246ddb;
}
/* big floppy anus ...

Reviews

No reviews yet.