Zen old.reddit.com
Zen old.reddit.com by GitEin11
Details
AuthorGitEin11
LicenseNo License
Categoryold.reddit.com
Created
Updated
Size52 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
to avoid css conflict disable custom community theme
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.5
@description zen mode for your old.reddit experience
@author ein
@preprocessor stylus
==/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: #6f8e9e;
font-weight: normal;
font-size: 10px;
}
.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 .intro,
.listing-chooser li {
background: #1a1a1b !important;
}
.listing-chooser {
opacity: 0;
&:hover {
opacity: 1;
}
}
.listing-chooser .intro {
background: #1a1a1b !important;
border: 1px solid #6f8e9e;
}
.listing-chooser .intro p {
color: #777;
}
.listing-chooser ul.other li {
border-color: #444 !important;
}
.listing-chooser ul.multis {
li {
background: #1a1a1b !important;
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-color: #6f8e9e;
}
.side {
margin: 70px;
}
/* content */
html,
.content {
background: #0e0e0e;
}
.content > .menuarea .spacer {
margin-left: -15px !important;
}
.menuarea {
border-bottom: 1px dotted #444;
padding-left: 0px;
overflow: visible;
.spacer {
li a {
color: #777;
}
.selected a {
color: #c48989;
}
}
}
.dropdown-title.lightdrop {
color: #666;
}
.message .subject {
span {
color: #666;
font-weight: normal;
}
a {
color: #6f8e9e;
}
& + p {
...