Zen old.reddit.com
Zen old.reddit.com, read notes for tips by GitEin11
Details
AuthorGitEin11
LicenseNo License
Categoryold.reddit.com
Created
Updated
Size56 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/481215/Old%20Reddit%20Auto%20Expand%20Images%20and%20Post%20Text.user.js
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.0.9
@description zen mode for your old.reddit experience
@author ein
@preprocessor stylus
notes:
to avoid css conflict disable custom community theme on your reddit settings
highly recommend to install auto expand
https://update.greasyfork.org/scripts/481215/Old%20Reddit%20Auto%20Expand%20Images%20and%20Post%20Text.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)
}
* {
::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;
}
.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;
height: 16px;
line-height: 14px;
width: 16px;
margin: 0;
position: relative;
top: 0;
text-indent: 0;
vertical-align: middle;
&:before {
display: block;
content: "\f146";
font-family: redesignFont2020;
font-size: 14px;
color: #666;
text-align: center;
box-sizing: border-box;
}
&:hover:before {
color: #6f8e9e;
}
}
}
}
.with-listing-chooser.listing-chooser-collapsed .grippy {
&:before,
&:after {
background: #111;
border-right: 1px solid #0000 !important;
}
}
body.with-listing-chooser .listing-chooser,
body.with-listing-chooser .listing-chooser .grippy,
body.with-listing-chooser .listing-chooser .grippy::before,
.listing-chooser ul.multis li,
.listing-chooser .intro,
.listing-chooser li {
background: #1a1a1b !important;
}
.listing-chooser {
opacity: 0;
&:hover {
opacity: 1;
}
a {
color: #6f8e9e;
}
}
.listing-chooser .intro {
border: 1px solid #6f8e9e;
}
.listing-chooser .intro p {
color: #777;
}
.listing-chooser ul.other li,
.listing-chooser ul.multis li {
border-color: #444 !important;
}
.listing-chooser .create button {
color: #777 !important;
}
body.with-listing-chooser .listing-chooser .grippy:hover::after {
background: #222;
}
body.with-listing-chooser .listing-chooser .grippy::after {
border-right: 1px dotted #0000;
}
.grippy {
border-left: 1px dotted #6f8e9e !important;
}
.listing-chooser li.selected {
background: #0000;
box-shadow: none;
border: 1px solid #6f8e9e;
&:before {
border-left-color: #6f8e9e;
}
}
/* content */
html,
.content {
background: #0e0e0e;
}
.content {
margin: 38px 5px 0px 5px !important;
}
.content:has(.menuarea:first-child) {
margin: 7px 5px 0px 5px !important;
}
.content > .menuarea .spacer {
margin-left: -5px !important;
}
.pretty-form .content {
position: relative;
left: 50%;
transf...