Zen old.reddit.com
Zen old.reddit.com, read notes for tips by GitEin11
Details
AuthorGitEin11
LicenseNo License
Categoryold.reddit.com
Created
Updated
Size64 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
to avoid css conflict disable custom community theme on your reddit settings
highly recommend to install auto expand
https://update.greasyfork.org/scripts/525564/Old%20Reddit%20Auto%20Expand%20Images%20and%20Post%20Text%2C%20Images%20in%20comments.user.js
also turn-off auto play on your settings,
and on about:config > media.autoplay.blocking_policy = 2
Source code
Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link./* ==UserStyle==
@name Zen old.reddit.com
@namespace Zen old.reddit.com
@version 1.2.8
@description zen mode for your old.reddit experience
@author ein
@preprocessor stylus
notes:
highly recommend to install auto expand
https://update.greasyfork.org/scripts/525564/Old%20Reddit%20Auto%20Expand%20Images%20and%20Post%20Text%2C%20Images%20in%20comments.user.js
==/UserStyle== */
@-moz-document domain("old.reddit.com") {
@font-face {
font-family: redesignFont2020;
src: url(https://www.redditstatic.com/desktop2x/fonts/redesignIcon2020/redesignFont2020.1c41464abd017c31d315129988cd13b8.eot), url(https://www.redditstatic.com/desktop2x/fonts/redesignIcon2020/redesignFont2020.1c41464abd017c31d315129988cd13b8.woff), url(https://www.redditstatic.com/desktop2x/fonts/redesignIcon2020/redesignFont2020.1c41464abd017c31d315129988cd13b8.ttf), url(https://www.redditstatic.com/desktop2x/fonts/redesignIcon2020/redesignFont2020.1c41464abd017c31d315129988cd13b8.svg)
}
html {
overflow-x: hidden;
}
* {
::selection {
background-color: #4a6675!important;
color: #000!important;
}
::-webkit-scrollbar {
width: 5px!important;
&:active {
background: #252627;
}
}
::-webkit-scrollbar-track {
background: #000 !important
}
::-webkit-scrollbar-thumb {
background: #252627;
border-radius: 0 !important
}
scrollbar-color: #252627 transparent !important;
scrollbar-width: thin !important;
--link-width: 900px;
.content .sitetable[class^="sitetable linklisting"] {
margin-top: 38px;
}
.content:has(.spacer) .sitetable[class^="sitetable linklisting"] {
margin-top: 0px;
}
@media screen and (max-width: 900px) {
--link-width: calc( 100vw - 0px);
.commentarea > .sitetable > div[class^="thing"],
.commentarea > .sitetable > div[class^=" thing"] .commentarea .menuarea + .usertext,
.wiki-page .wiki-page-content .link,
.sitetable[class^="sitetable linklisting"] .link {
border-radius: 0 !important;
}
.content {
margin: 7px 0 0 0 !important;
}
.sitetable[class^="sitetable linklisting"] .link {
width: calc(var(--link-width) - 0px);
}
.listing-chooser.initialized {
display: none;
}
#header-bottom-right {
bottom: 20px;
}
.link .title {
flex-direction: column;
}
.wiki-page .wiki-page-content .link .entry .top-matter .tagline,
.sitetable[class^="sitetable linklisting"] .link .entry .top-matter .tagline {
height: unset !important;
text-wrap: balance;
}
.wiki-page .wiki-page-content .link .entry .top-matter > .title .oc-tag,
.sitetable[class^="sitetable linklisting"] .link .entry .top-matter > .title .oc-tag,
.wiki-page .wiki-page-content .link .entry .top-matter > .title .linkflairlabel,
.sitetable[class^="sitetable linklisting"] .link .entry .top-matter > .title .linkflairlabel {
top: 5px !important;
right: 0px !important;
width: fit-content;
}
.title:has(.linkflairlabel) {
margin-bottom: 5px !important;
}
.expando {
width: calc(var(--link-width) - 4px);
margin-left: -54px;
}
* .media-preview img,
* video.preview {
width: 100% !important
}
* .media-gallery > div[class^="gallery-preview"] {
max-width: calc(var(--link-width) - 2px) !important;
width: calc(var(--link-width) - 2px) !important;
}
}
@media screen and (max-width: 465px) {
#header-bottom-right {
bottom: 40px !important;
}
}
}
.redesign-beta-optin {
display: none;
}
body {
background: #0e0e0e;
}
/* header */
.drop-choices {
background: #1a1a1b;
border-color: #343536;
a.choice:hover {
background: #4a6675;
color: #000;
}
}
#header {
width: 100vw;
border-bottom: 1px solid #6f8e9e;
#sr-header-area {
background: #121212;
span,
a {
color: #777;
&:hover {
color: #8bb3c4;
}
}
.dropdown.srdrop .selected {
background-image: none;
width: 85px;
&:after {
display: contents;
font-family: redesignFont2020;
font-size: 19px;
line-height: 8px;
content: "\f13e";
position: relative;
top: 5px;
}
}
.selected a {
color: #c48989;
font-weight: normal;
}
}
#sr-more-link {
background: #272729;
border-left: 2px solid #444;
}
#header-bottom-left {
background: #121212;
#header-img.default-header {
text-indent: 0;
background-image: none;
visibility: hidden;
font-family: arial;
width: 48px;
font-size: 0;
&:before {
visibility: visible;
content: "reddıt";
color: #777;
font-size: 16px;
position: relative;
left: calc(1ch - 4px);
top: 25px;
}
&:after {
visibility: visible;
content: "•";
color: #c48989;
font-size: 7px;
position: relative;
right: calc(1ch - 1px);
top: 15px;
}
&:hover {
&:before {
color: #8bb3c4;
}
&:after {
color: #ffc9c9;
}
}
}
.pagename,
.pagename a {
position: relative;
top: 2px;
font-size: 24px;
color: #c48989;
text-transform: full-width;
&:hover {
color: #ffc9c9;
text-decoration: none;
}
}
.tabmenu li a {
background: #121212;
color: #777;
font-weight: normal;
&:hover {
color: #8bb3c4;
}
}
.tabmenu li.selected a {
border: 1px solid #6f8e9e;
border-bottom: 1px solid #0e0e0e;
color: #6f8e9e;
text-transform: uppercase;
}
}
#header-bottom-right {
background: #0000;
height: 20px;
box-sizing: border-box;
padding: 0;
a {
color: #777;
font-weight: normal;
font-size: 10px;
&:hover {
color: #6f8e9e;
}
}
.userkarma {
font-weight: normal;
}
#mail.nohavemail {
background: none;
height: 16px;
line-height: 14px;
width: 16px;
position: relative;
top: 0;
text-indent: 0;
vertical-align: middle;
&:before {
display: block;
content: "\f201";
font-family: redesignFont2020;
font-size: 14px;
color: #666;
text-align: center;
box-sizing: border-box;
}
&:hover:before {
color: #6f8e9e;
}
}
#mail.havemail {
background: none;
height: 16px;
line-height: 14px;
width: 16px;
position: relative;
top: 0;
text-indent: 0;
vertical-align: middle;
&:before {
display: block;
content: "\f201";
font-family: redesignFont2020;
font-size: 14px;
color: #c48989;
text-align: center;
box-sizing: border-box;
}
&:hover:before {
color: #ffc9c9;
}
&:hover + .message-count {
color: #ffc9c9;
}
}
.message-count {
background: none;
color: #c48989;
&:hover {
color: #ffc9c9;
}
}
#chat {
background: none;
...