Created
August 31, 2017 18:58
-
-
Save budRich/aa87a9b5eca4bfda71cfcc5665526bcc to your computer and use it in GitHub Desktop.
reddit nofrills solarized dark+
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* | |
BY: budRich 2017 | |
BASED ON WORK BY: L'avventura, Amor Kumar - https://userstyles.org/styles/126393/reddit-no-frills | |
WITH PIECES FROM: https://userstyles.org/styles/88599/reddit-stilig-mod | |
*/ | |
body { | |
background-color: #002b36 !important; | |
color: #fdf6e3 !important; | |
font-family: -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; | |
} | |
::-webkit-scrollbar { | |
max-width: 10px !important; | |
max-height: 10px !important; | |
background: #002b36 !important; | |
} | |
::-webkit-scrollbar-track, ::-webkit-scrollbar-corner { | |
background: #002b36 !important; | |
} | |
::-webkit-scrollbar-thumb:hover { | |
background: rgba(249,150,84, .8) !important; | |
} | |
::-webkit-scrollbar-thumb { | |
background: rgba(175, 175, 175, .5) !important; | |
} | |
::-webkit-scrollbar-track, ::-webkit-scrollbar-corner { | |
background: #002b36 !important; | |
} | |
::selection { | |
background-color: #dc322f !important; | |
color: #fdf6e3 !important; | |
} | |
/* | |
// CONTENT | |
//------------------------------- | |
*/ | |
.content { | |
max-width: 60% !important; | |
margin: 10px auto !important; | |
padding: 5px 20px; | |
} | |
@media (max-width: 60rem) { | |
.content { | |
max-width: 90%!important; | |
} | |
} | |
/* | |
// HEADER | |
//------------------------------- | |
*/ | |
.pagename { | |
font-family: monospace; | |
font-size: 20px !important; | |
text-transform: lowercase; | |
font-variant: normal; | |
color: #fdf6e38d5; | |
padding-right: 20px; | |
} | |
.pagename a { | |
color: #fdf6e38d5; | |
} | |
.pagename a:hover { | |
color: #fdf6e3; | |
text-decoration: none; | |
} | |
#header .pagename a:before { | |
content: "/r/"; | |
letter-spacing: 1px; | |
text-transform: lowercase; | |
} | |
#header { | |
background-color: #002b36; | |
max-width: 60% !important; | |
margin: 0 auto; | |
border-bottom: 4px solid #073642; | |
} | |
#header-img.default-header, | |
#header-img { | |
width: 0; | |
padding-left: 40px; | |
margin-left: 10px; | |
height: 40px; | |
background-image: url(http://imgh.us/upvoted-logo.svg); | |
background-position: 0 0; | |
filter: grayscale(100%); | |
-webkit-filter: grayscale(100%); | |
transition: 0.5s filter; | |
} | |
#header-img.default-header { | |
margin-top: 20px; | |
margin-bottom: 2px; | |
margin-right: 10px; | |
} | |
#header-img.default-header:hover, | |
#header-img:hover { | |
filter: grayscale(35%); | |
-webkit-filter: grayscale(35%); | |
} | |
#sr-header-area { | |
background-color: #002b36; | |
border-bottom: none; | |
margin-bottom: 25px; | |
} | |
#sr-header-area a { | |
color: #fdf6e38d5; | |
} | |
#sr-header-area a:hover { | |
color: #fdf6e3; | |
} | |
#sr-header-area .selected a { | |
color: #fdf6e3; | |
} | |
.flat-list li a.gold { | |
color: #b58900; | |
} | |
.flat-list li.selected a { | |
color: #fdf6e3; | |
} | |
.tabmenu li a { | |
background-color: #002b36; | |
} | |
.tabmenu li a:hover { | |
color: #fdf6e3; | |
} | |
.tabmenu li.selected a { | |
color: #fdf6e3; | |
background-color: #002b36; | |
border: 0px; | |
border-bottom: 4px solid #fdf6e38d5; | |
} | |
#header-bottom-right { | |
background-color: transparent; | |
} | |
#header-bottom-right a { | |
color: #fdf6e38d5; | |
} | |
#header-bottom-right a:hover { | |
color: #fdf6e3; | |
text-decoration: none; | |
} | |
.user .userkarma { | |
color: #dc322f; | |
} | |
#mail.nohavemail { | |
filter: invert(100%) brightness(150%); | |
-webkit-filter: invert(95%) brightness(130%); | |
} | |
#mail.havemail { | |
filter: invert(90%) brightness(100%) hue-rotate(190deg); | |
-webkit-filter: invert(90%) brightness(100%) hue-rotate(190deg); | |
} | |
.message-count { | |
background-color: transparent; | |
} | |
a.message-count:before { | |
content: "("; | |
color: gray!important; | |
} | |
a.message-count { | |
font-size: 10px; | |
color: #dc322f!important; | |
} | |
a.message-count:after { | |
content: ")"; | |
color: gray!important; | |
} | |
#modmail.nohavemail { | |
filter: grayscale(100%) invert(90%) brightness(110%); | |
-webkit-filter: grayscale(100%) invert(90%) brightness(110%); | |
} | |
#modmail.havemail { | |
filter: invert(90%) brightness(110%) hue-rotate(190deg); | |
-webkit-filter: invert(90%) brightness(110%) hue-rotate(190deg); | |
} | |
#new_modmail.nohavemail { | |
-webkit-filter: brightness(50%); | |
filter: brightness(50%); | |
} | |
#new_modmail.havemail { | |
-webkit-filter: brightness(70%) hue-rotate(255deg); | |
filter: brightness(70%) hue-rotate(255deg); | |
} | |
/* fix for multireddit chooser margin-bug */ | |
body.with-listing-chooser #header .tabmenu { | |
margin-left: 0px; | |
} | |
/* | |
// TEXT AREAS | |
//------------------------------- | |
*/ | |
input { | |
background-color: #002b36!important; | |
color: #fdf6e3!important; | |
border: 1px solid #073642!important; | |
border-radius: 0px!important; | |
padding: 6px 6px!important; | |
outline: none!important; | |
} | |
.rounded { | |
font-size: smaller; | |
border-radius: 0px; | |
} | |
.white-field, .delete-field { | |
background-color: #073642; | |
} | |
/* | |
// TOP INFO BOXES | |
//------------------------------- | |
*/ | |
/* LIVE THREAD BOX */ | |
.happening-now-wrap .rank-spacer, | |
.happening-now-wrap .midcol-spacer { | |
display: none; | |
} | |
.happening-now-wrap .midcol-spacer { | |
display: none; | |
} | |
.happening-now-logo { | |
display: none; | |
} | |
.happening-now { | |
background-color: #002b36; | |
border: 1px solid #859900; | |
color: #fdf6e38d5; | |
} | |
.happening-now .state::before { | |
background: #dc322f; | |
} | |
/* INFOBAR */ | |
.reddit-infobar { | |
background-color: #002b36; | |
border: 0px; | |
} | |
.reddit-infobar.with-icon { | |
background-color: transparent; | |
border: 0px; | |
} | |
.archived-infobar.with-icon::before { | |
display: none; | |
} | |
.reddit-infobar.with-icon { | |
padding: 5px; | |
min-height: 5px !important; | |
} | |
.reddit-infobar .md { | |
text-align: center; | |
max-width: 100%; | |
margin: 0 auto; | |
} | |
.reddit-infobar .md p { | |
margin: 0; | |
color: #dc322f; | |
} | |
.gold-accent { | |
background-color: #002b36; | |
border: 1px solid #b58900; | |
border-radius: 0px; | |
color: #073642 !important; | |
} | |
.gold-accent h1, | |
.gold-accent th { | |
color: #073642 !important; | |
font-family: normal x-small verdana, arial, helvetica, sans-serif; | |
} | |
.gold-accent .pretty-form input#name[type="text"] { | |
border-radius: 0px; | |
} | |
.gold-accent .pretty-form button { | |
background-color: #002b36; | |
border: 1px solid #073642; | |
border-radius: 0px; | |
color: #073642; | |
} | |
/* | |
// MAIN PAGE LOOKS | |
//------------------------------- | |
*/ | |
.midcol { | |
margin-left: 0px; | |
} | |
.link .rank { | |
display: none; | |
} | |
.nsfw-stamp, | |
.nsfw-stamp, .spoiler-stamp { | |
color: #d33682; | |
font-weight: bold; | |
border: 1px solid #d33682; | |
border-radius: 0; | |
} | |
.flair, .linkflairlabel { | |
margin: 0 .5em; | |
padding: 1px 5px; | |
border: 1px solid #839496; | |
background: transparent; | |
color: #839496; | |
font-weight: bold; | |
border-radius: 0; | |
vertical-align: middle; | |
} | |
.md code, | |
.md pre { | |
background-color: #073642!important; | |
border: 1px solid #fdf6e3; | |
} | |
.thing.stickied.link a.title { | |
color: #859900; | |
} | |
.usertext.grayed .usertext-body { | |
background-color: #073642; | |
} | |
.link .entry { | |
padding: 14px 32px 14px 0; | |
margin-left: 0; | |
} | |
.link .title { | |
margin: -2px 0 0; | |
line-height: 1.33; | |
} | |
.tagline { | |
padding-top: 3px; | |
margin-bottom: 10px; | |
font-size: 12px; | |
} | |
.usertext-body.may-blank-within.md-container { | |
margin-top: -5px; | |
} | |
.link .midcol { | |
margin: 15px 14px 0 5px; | |
overflow: visible; | |
height: 60px; | |
} | |
.link .score { | |
text-align: center; | |
color: #839496; | |
padding: 5px 0 3px 0; | |
} | |
.thumbnail { | |
width: 64px; | |
height: 64px; | |
margin: 16px 16px 0 0; | |
position: relative; | |
} | |
a.thumbnail img { | |
position: absolute; | |
width: 100%; | |
height: 100%; | |
object-fit: cover; | |
} | |
.thumbnail.self, | |
.thumbnail.default, | |
.thumbnail.spoiler, | |
.interstitial-image { | |
-webkit-filter: invert(90%) brightness(130%); | |
filter: invert(90%) brightness(130%); | |
} | |
.thumbnail.nsfw { | |
-webkit-filter: sepia(50%) hue-rotate(130deg) invert(100%) brightness(160%); | |
filter: sepia(50%) hue-rotate(130deg) invert(100%) brightness(160%); | |
} | |
/* .over18 { | |
background-color: #d33682; | |
} */ | |
.arrow { | |
margin: 2px 0px 0px 0px; | |
height: 14px; | |
display: block; | |
cursor: pointer; | |
background-position: center center; | |
background-repeat: no-repeat; | |
width: 15px; | |
margin-left: auto; | |
margin-right: auto; | |
outline: none; | |
filter: brightness(50%); | |
transition: 0.5s all; | |
} | |
.arrow.up:hover { | |
background-position: -105px -1618px; | |
filter: brightness(80%); | |
} | |
.arrow.down:hover { | |
background-position: -63px -1618px; | |
filter: brightness(80%); | |
} | |
.link.last-clicked { | |
border: 0px; | |
} | |
.trending-subreddits strong { | |
color: #859900!important; | |
} | |
.nextprev a, .next-suggestions a { | |
color: #fdf6e38d5; | |
background: #073642; | |
padding: 5px 20px; | |
line-height: 20px; | |
border: none; | |
border-radius: 0; | |
font-size: 13px; | |
} | |
.nextprev a:hover, .next-suggestions a:hover { | |
color: #fdf6e3; | |
border: none; | |
background: #073642; | |
} | |
.nav-buttons { | |
margin-top: 30px; | |
} | |
/* | |
// DROPDOWN - SUBREDDIT & BY DATE | |
//------------------------------- | |
*/ | |
.drop-choices { | |
text-transform: uppercase; | |
} | |
.drop-choices a.choice:hover { | |
background-color: #073642 !important; | |
} | |
#sr-header-area .drop-choices.srdrop, | |
.dropdown.srdrop .selected.title { | |
color: #fdf6e38d5; | |
font-size: 10px; | |
} | |
#sr-header-area .drop-choices.srdrop, .dropdown.srdrop .selected.title:hover { | |
color: #fdf6e3; | |
} | |
.drop-choices { | |
background-color: #002b36; | |
border: none; | |
} | |
.srdrop .choice.bottom-option { | |
border-top: 1px solid #073642; | |
} | |
.drop-choices a.choice { | |
cursor: pointer; | |
padding: 8px; | |
display: block; | |
font-size: 10px; | |
} | |
/* | |
// LINKS | |
//------------------------------- | |
*/ | |
a { | |
color: #fdf6e3; | |
} | |
a:hover { | |
color: #fdf6e3; | |
} | |
[class*="md"] a:visited { | |
color:#839496 !important; | |
border-bottom: 1px dotted #839496; | |
} | |
/* sidebar & post comments LINK color */ | |
.md a { | |
color: #fdf6e3; | |
border-bottom: 1px dotted #fdf6e3; | |
} | |
.md a:hover { | |
color: #fdf6e3; | |
text-decoration: none; | |
} | |
/* frontpage LINK color */ | |
.thing .title { | |
color: #fdf6e3; | |
font-weight: 600; | |
} | |
.thing .title:hover { | |
color: #fdf6e3; | |
} | |
.thing .title:visited { | |
color: #839496; | |
} | |
.link:hover { | |
background-color: #002b36; | |
} | |
/* title domain link */ | |
.domain a:hover { | |
text-decoration: none; | |
} | |
/* comment share save hide report */ | |
.entry .buttons a:hover { | |
color: #fdf6e3; | |
text-decoration: none; | |
} | |
.link .entry .buttons a.comments { | |
color: #fdf6e38d5; | |
font-weight: 600; | |
} | |
.link .entry .buttons a.comments:hover { | |
color: #fdf6e3; | |
} | |
.entry .buttons li a { | |
color: #839496; | |
font-weight: 400; | |
} | |
.expando-button { | |
display: none; | |
} | |
/* USERNAME COLOR ON LINKS AND COMMENTS | |
*/ | |
.tagline .submitter, | |
.search-result-meta .submitter { | |
color: #859900; | |
font-weight: 400; | |
} | |
.tagline a, | |
.search-result-meta a { | |
color: #dc322f; | |
} | |
/* OP USERNAME COLOR */ | |
.author a, | |
.moderator a { | |
color: #fdf6e3 !important; | |
background-color: transparent !important; | |
} | |
/* ADMIN USERNAME */ | |
.tagline .admin, | |
.search-result-meta .admin { | |
color: #fdf6e3; | |
font-weight: 800; | |
} | |
/* MOD USERNAME */ | |
.thing .tagline .author.moderator { | |
background-color: #002b36 !important; | |
color: #fdf6e3 !important; | |
} | |
.tagline .moderator, | |
.green, | |
.search-result-meta .moderator { | |
color: #fdf6e3 !important; | |
} | |
/* | |
// POST PAGE | |
//------------------------------- | |
*/ | |
.md p { | |
margin-bottom: 15px; | |
} | |
.md textarea, .md .-text, .md p, .md pre>code, .md th, .md td, .md li { | |
line-height: 1.5; | |
} | |
/* permalink embed save give gold list */ | |
ul.flat-list.buttons { | |
margin-top: -7px; | |
} | |
button, html input[type="button"], input[type="reset"], input[type="submit"] { | |
color: #fdf6e38d5; | |
background: #073642; | |
padding: 5px 20px; | |
line-height: 20px; | |
border: none; | |
font-size: 13px; | |
} | |
button, html input[type="button"], input[type="reset"], input[type="submit"]:hover { | |
color: #fdf6e3;} | |
.comment .usertext .md { | |
color: #fdf6e3; | |
} | |
.entry { | |
padding-left: 5px; | |
} | |
.link .usertext-body .md { | |
background: #073642; | |
color: #fdf6e3; | |
border-radius: 0px; | |
border: none; | |
} | |
.new-comment .md :not(pre)>code, .link .md :not(pre)>code, .usertext.border .md :not(pre)>code, .new-comment .md pre, .link .md pre, .usertext.border .md pre .md code{ | |
background: #073642; | |
border: 0px; | |
} | |
a[href$="/spoiler"] { | |
color: rgba(255,255,255,0)!important; | |
text-shadow: 1px 0 12px #fdf6e3,-1px 0 12px #fdf6e3; | |
transition: 0.5s all; | |
} | |
a[href$="/spoiler"]:hover { | |
color: rgba(255,255,255,1)!important; | |
text-shadow: none; | |
} | |
/* code background */ | |
.md pre { | |
background-color: #002b36; | |
border: 1px solid #073642; | |
} | |
.comment .expand { | |
color: #073642; | |
background: #073642; | |
} | |
.morecomments { | |
display: inline-block; | |
height: 20px; | |
} | |
.deepthread { | |
display: inline-block; | |
height: 20px; | |
} | |
.tagline .stickied-tagline, | |
.search-result-meta .stickied-tagline { | |
color: #859900; | |
} | |
.panestack-title { | |
border-bottom: none; | |
} | |
.panestack-title .title { | |
color: #839496; | |
font-size: 12px; | |
} | |
textarea { | |
font-size: small!important; | |
background-color: #002b36; | |
color: #fdf6e3; | |
border: 1px solid #073642!important; | |
outline: none; | |
padding: 6px; | |
} | |
.comment .child { | |
margin-top: 10px; | |
margin-left: 15px; | |
border-left: 1px solid #073642; | |
} | |
.morecomments a { | |
color: #fdf6e3; | |
} | |
.morecomments a:hover { | |
color: #fdf6e3; | |
text-decoration: none; | |
} | |
.deepthread a { | |
color: #fdf6e38d5; | |
} | |
.deepthread a:hover { | |
color: #fdf6e3; | |
text-decoration: none; | |
} | |
.deepthread:after { | |
display: none; | |
} | |
.panestack-title a.title-button.gold { | |
border: 1px solid #b58900; | |
border-radius: 0px; | |
background-color: #002b36; | |
} | |
.commentarea .menuarea { | |
color: #839496!important; | |
font-size: 12px; | |
} | |
.comment .expand { | |
color: #839496; | |
} | |
.md td, .md th { | |
border-color: #839496; | |
} | |
/* quote */ | |
.md blockquote { | |
padding: 0 8px; | |
margin-left: 5px; | |
border-left: 2px solid #839496; | |
background: #073642; | |
} | |
.md blockquote, .md del { | |
color: #fdf6e38d5; | |
} | |
.usertext.border .usertext-body { | |
background-color: #073642; | |
} | |
/* comment background color */ | |
.commentarea .sitetable .comment { | |
background-color: #073642; | |
margin-bottom: 15px; | |
} | |
.commentarea .child .thing { | |
margin: 10px 15px 0px; | |
} | |
/* | |
// MESSAGES | |
//------------------------------- | |
*/ | |
.menuarea { | |
color: #839496; | |
border: none; | |
} | |
.message { | |
background: #073642; | |
} | |
.message .tagline, | |
.message .search-result-meta { | |
color: #fdf6e38d5; | |
} | |
.message.message-reply:not(.threaded) .entry, .message.message-parent:not(.threaded) .entry { | |
border-left: 1px solid #073642; | |
} | |
.message.message-parent>.entry .md, .message.message-reply>.entry .md, .message.message-parent>.entry blockquote, .message.message-reply>.entry blockquote, .message.message-parent>.entry del, .message.message-reply>.entry del { | |
color: #fdf6e3; | |
} | |
.message.message-reply.recipient>.entry .head, .message.message-parent.recipient>.entry .head { | |
color: #839496; | |
} | |
.message .subject .correspondent { | |
color: #fdf6e38d5; | |
background: #073642; | |
padding: 5px 20px; | |
line-height: 20px; | |
border: none; | |
font-size: 13px; | |
} | |
.roundfield { | |
background-color: #002b36; | |
} | |
.md { | |
color: #fdf6e3; | |
background-color: inherit; | |
border: 0px!important; | |
border-radius: 0px!important; | |
} | |
.h2 a { | |
color: #fdf6e3; | |
font-weight: 600; | |
} | |
.h2 a:hover { | |
color: #fdf6e3; | |
} | |
.h2 a:visited { | |
color: #839496; | |
} | |
.message.new>.entry { | |
background-color: #073642; | |
border: 0px; | |
} | |
/* EDIT SUBREDDITS PAGE */ | |
.sr-interest-bar { | |
background: #073642 url(https://www.redditstatic.com/snoo-upside-down.png) 15px top no-repeat; | |
border: none; | |
} | |
.sr-interest-bar .bubble { | |
background: #073642; | |
} | |
.sr-interest-bar .bubble:after { | |
display: none; | |
} | |
.sr-interest-bar .query-box { | |
border: 0px; | |
} | |
.bubble::after { | |
display: none; | |
} | |
.searchpane { | |
background-color: #002b36!important; | |
border: 0px!important; | |
} | |
/* OTHER | |
*/ | |
.error { | |
color: #dc322f; | |
} | |
.searchpane { | |
margin: 5px auto; | |
padding: 20px; | |
background: #fdf6e3; | |
background-image: none; | |
border: 1px solid #859900; | |
} | |
.raisedbox h4 { | |
text-align: center; | |
} | |
.infobar { | |
background-color: #002b36; | |
border: 0px solid; | |
margin: 0 auto; | |
margin-bottom: 22px; | |
} | |
.subreddit .usertext .md { | |
background-color: #073642; | |
} | |
.sr-interest-bar .subscribe { | |
background-image: none; | |
border: 0px; | |
padding: 0px; | |
} | |
.subscription-box .title { | |
font-size: small; | |
color: #fdf6e3; | |
} | |
.c-btn { | |
font-weight: normal; | |
} | |
.c-btn-primary { | |
color: #fdf6e38d5; | |
background-color: #073642; | |
border-radius: 0px; | |
border: none; | |
padding: 5px 20px; | |
} | |
.c-btn-primary:hover { | |
color: #fdf6e3; | |
background-color: #073642; | |
} | |
.modal-body { | |
background-color: #002b36; | |
} | |
.modal-title { | |
color: #fdf6e3; | |
} | |
.split-panel-section.split-panel-divider { | |
border-right: 0px!important; | |
} | |
.rc-anchor-light { | |
background: #073642; | |
border: 0px; | |
border-radius: 0px; | |
color: #fdf6e3; | |
} | |
a.author { | |
color: #dc322f!important; | |
} | |
a.search-subreddit-link.may-blank { | |
color: #dc322f!important; | |
} | |
.search-result-group-header { | |
border-bottom: 2px solid #073642; | |
} | |
.combined-search-page .search-subscribe-button .add { | |
background-color: #073642; | |
border: 0px; | |
} | |
.search-result :link, .search-result :link>mark { | |
color: #fdf6e3; | |
} | |
.search-result :visited, .search-result :visited>mark { | |
color: #839496; | |
} | |
/* SIMPLIFY TOP BAR */ | |
.sr-list > span:nth-child(2), | |
ul.sr-bar:nth-child(3), | |
#sr-more-link { | |
display: none; | |
} | |
/* TOP AD */ | |
.organic-listing { | |
display: none; | |
} | |
/* FOOTER */ | |
.footer-parent, | |
.debuginfo { | |
display: none; | |
} | |
/* | |
// SIDEBAR | |
// visibility on hover | |
//------------------------------- | |
*/ | |
.side { | |
background: #002b36 !important; | |
color: #fdf6e3; | |
position: fixed !important; | |
padding: 10px 20px 10px 10px !important; | |
float: right !important; | |
width: 300px !important; | |
right: -400px !important; | |
z-index: 1000 !important; | |
transition-duration: 0.4s !important; | |
top: 55px !important; | |
overflow-y: auto !important; | |
height: 100% !important; | |
border: none; | |
} | |
.side::before { | |
content: "◨"; | |
color: #fdf6e38d5; | |
text-align: center !important; | |
background: transparent!important; | |
height: 100% !important; | |
max-width: 30px !important; | |
min-width: 30px !important; | |
position: fixed !important; | |
top: -3px !important; | |
right: 0% !important; | |
padding-top: 15px !important; | |
padding-left: 8px !important; | |
padding-right: 8px !important; | |
margin-right: 0px !important; | |
z-index: 5; | |
transition: 0.5s color ease; | |
font-size: 14px !important | |
} | |
.side:hover::before { | |
color: #002b36; | |
/*background: #073642 !important;*/ | |
transition: 0.5s color ease; | |
} | |
.side:hover { | |
position: fixed !important; | |
right: -20px !important; | |
} | |
.sidebox .spacer { | |
display: none; | |
} | |
.side .md { | |
background: #002b36; | |
color: #fdf6e3; | |
padding-top: 30px; | |
} | |
.md hr { | |
background: #073642; | |
} | |
.subscribers { | |
text-align: right; | |
display: block | |
} | |
.linkinfo { | |
padding: 10px; | |
border: 0px; | |
border-radius: 0px; | |
background-color: #073642; | |
} | |
.users-online:before { | |
display: none; | |
} | |
.users-online { | |
text-align: right; | |
display: block | |
} | |
.titlebox h1:before { | |
content: "/r/"; | |
letter-spacing: 1px; | |
text-transform: lowercase; | |
} | |
.titlebox h1 a { | |
color: #fdf6e3; | |
} | |
.titlebox h1 redditname { | |
padding-top:30px; | |
} | |
.titlebox form.toggle { | |
display: none; | |
} | |
.titlebox .tagline { | |
display: none; | |
} | |
.titlebox .bottom { | |
border-top: 1px solid #073642; | |
padding-bottom: 50px; | |
} | |
.sidecontentbox .title h1 { | |
color: #839496; | |
} | |
.sidecontentbox .content { | |
border: none; | |
} | |
.sidecontentbox { | |
margin-top: 30px; | |
} | |
ul.content { | |
max-width: 100% !important; | |
margin: 0; | |
} | |
/* MULTIREDDIT HOVER BUBBLE */ | |
.hover-bubble-multi-selector label { | |
background: #073642; | |
} | |
.hover-bubble.multi-selector strong { | |
color: #fdf6e38d5; | |
} | |
.titlebox .fancy-toggle-button { | |
display: block; | |
} | |
.fancy-toggle-button .active { | |
border: none; | |
border-radius: 0px; | |
padding: 5px 20px; | |
color: #fdf6e38d5; | |
background: #073642; | |
float: left; | |
} | |
.fancy-toggle-button .active:hover { | |
color: #fdf6e3; | |
} | |
.hover-bubble.multi-selector { | |
color: #fdf6e3; | |
background: #002b36; | |
border: none; | |
box-shadow: none; | |
margin-right: -6px; | |
} | |
.hover-bubble.multi-selector label:hover { | |
background: #073642; | |
} | |
.hover-bubble.multi-selector label a { | |
background-color: inherit; | |
border: 0px; | |
border-radius: 0px; | |
line-height: 11px; | |
} | |
.hover-bubble.anchor-right:before, .hover-bubble.anchor-left:before, .hover-bubble.anchor-right:after, .hover-bubble.anchor-left:after { | |
display:none; | |
} | |
/* add subreddits to multireddit textarea */ | |
.side .recommend-box .rec-item { | |
background-color: #073642; | |
border: 0px; | |
font-size: 1.0em; | |
margin: 2px; | |
padding: 6px; | |
} | |
.side .recommend-box .rec-item button.add { | |
background-color: #073642; | |
} | |
.side .recommend-box .endoflist { | |
background-color: #073642; | |
} | |
/* submit post buttons */ | |
.nub { | |
display: none; | |
} | |
.morelink { | |
font-weight: normal; | |
background-color: #073642!important; | |
background-image: none; | |
border: none; | |
padding: 5px 12px; | |
} | |
.morelink:hover { | |
background-color: #073642!important; | |
background-image: none; | |
} | |
.morelink a { | |
letter-spacing: 0.5px; | |
font-size: smaller; | |
text-transform: lowercase; | |
color: #fdf6e38d5; | |
} | |
.morelink a:hover { | |
color: #fdf6e3; | |
} | |
.sidebox.submit.submit-text { | |
display: block; | |
width: 48%; | |
padding-right: 10px; | |
} | |
.sidebox.submit.submit-link { | |
display: block; | |
width: 48%; | |
float: right; | |
} | |
/* reddit gold hide */ | |
.goldvertisement { | |
display: none; | |
} | |
/* searchexpando */ | |
#searchexpando, #moresearchinfo { | |
background: #073642; | |
border: 0px; | |
border-radius: 0px; | |
} | |
.search-expando-button { | |
color: #839496; | |
} | |
.search-expando.collapsed:before { | |
background: none; | |
} | |
#search input[type=submit] { | |
border: 0px!important; | |
} | |
.combined-search-page #search input[type=text] { | |
border-radius: 0px; | |
} | |
#search input[type="text"] { | |
width: 100%; | |
border: 1px solid #859900; | |
} | |
/* | |
// MULTIREDDIT PICKER (LEFT) | |
//------------------------------- | |
*/ | |
body.with-listing-chooser .listing-chooser { | |
top: 55px; | |
width: 130px; | |
padding-right: 10px; | |
} | |
body.with-listing-chooser .listing-chooser.initialized .contents { | |
position: fixed | |
} | |
body.with-listing-chooser.listing-chooser-collapsed .contents { | |
display: none | |
} | |
body.with-listing-chooser .listing-chooser .grippy { | |
background: transparent; | |
opacity: 1; | |
} | |
.grippy:hover { | |
background: #002b36; | |
} | |
body.with-listing-chooser.listing-chooser-collapsed .listing-chooser .grippy:after { | |
border: none; | |
} | |
body.with-listing-chooser .listing-chooser .grippy { | |
border: none; | |
box-shadow: none; | |
} | |
/* bacgkround change on hover collapse/expand area*/ | |
body.with-listing-chooser .listing-chooser .grippy:before { | |
opacity: 0.8; | |
-webkit-filter: grayscale(100%); | |
filter: grayscale(100%); | |
} | |
body.with-listing-chooser .listing-chooser .grippy:hover:before { | |
opacity: 1; | |
-webkit-filter: hue-rotate(170deg) brightness(200%); | |
filter: invert(170deg) brightness(200%); | |
} | |
body.with-listing-chooser .listing-chooser .grippy:hover { | |
background: transparent; | |
} | |
body.with-listing-chooser .listing-chooser .grippy:hover:after { | |
background: transparent; | |
} | |
body.with-listing-chooser .listing-chooser .grippy:after { | |
border-right: none; | |
background-position: 131px center; | |
} | |
body.with-listing-chooser .listing-chooser { | |
background: transparent; | |
} | |
/* get rid of the padding transition */ | |
.listing-chooser ul.multis li a { | |
margin-left: 0px; | |
} | |
.listing-chooser ul.multis li a:hover { | |
margin-left: 0px; | |
} | |
.listing-chooser ul.multis li:hover { | |
margin-left: 12px; | |
} | |
.listing-chooser .intro { | |
background: #002b36; | |
color: #fdf6e38d5; | |
border-color: #002b36; | |
} | |
.listing-chooser li { | |
background: #002b36; | |
border: none; | |
border-radius: 0px; | |
} | |
.listing-chooser li:hover { | |
background: #073642; | |
border-radius: 0px; | |
} | |
.listing-chooser li.selected { | |
background: #073642; | |
box-shadow: none; | |
} | |
.listing-chooser li.selected a span { | |
color: #fdf6e38d5; | |
} | |
/* fix 'create' button in multireddit chooser*/ | |
.listing-chooser .create button { | |
color: #fdf6e38d5; | |
background: #073642; | |
padding: 5px 20px; | |
line-height: 20px; | |
border: 0px; | |
font-size: 12px; | |
border-radius:0px; | |
outline: none; | |
opacity: 1; | |
} | |
.listing-chooser .create button:hover { | |
color: #fdf6e3; | |
opacity: 1; | |
} | |
.listing-chooser .create.expanded button { | |
background: #073642; | |
padding: 5px 20px; | |
border: none; | |
font-size: 12px; | |
border-radius: 0px; | |
box-shadow: none; | |
opacity: 1; | |
} | |
.listing-chooser .create input[type="text"] { | |
background-color: #002b36; | |
color: #fdf6e3; | |
border: 1px solid #073642; | |
padding: 6px 6px; | |
outline: none; | |
} | |
li.create:hover { | |
background: #002b36; | |
} | |
/* get rid of multireddit animation */ | |
body.with-listing-chooser .listing-chooser.initialized { | |
-webkit-transition: none; | |
-moz-transition: none; | |
-o-transition: none; | |
-ms-transition: none; | |
transition: none; | |
transition-duration: 0s !important; | |
} | |
/* > subscribed block*/ | |
.listing-chooser li.selected:before { | |
display: none; | |
} | |
.listing-chooser li.selected a:hover { | |
color: #fdf6e38d5; | |
} | |
.listing-chooser h3 { | |
color: #839496; | |
text-align: left; | |
text-transform: uppercase; | |
padding-left: 15px; | |
} | |
/* | |
// SUBMIT PAGE | |
//------------------------------- | |
*/ | |
/* highlight */ | |
.formtabs-content { | |
width: 520px; | |
border-top: 2px solid #073642!important; | |
padding-top: 10px; | |
} | |
/* fix font size */ | |
.tabmenu.formtab .selected a { | |
font-size: 100%; | |
} | |
/* fix links */ | |
.tabmenu.formtab a { | |
border: 0px; | |
} | |
.tabmenu.formtab .selected a { | |
border-bottom: 2px solid #fdf6e3; | |
} | |
.tabmenu.formtab .selected a:hover { | |
border-bottom: 2px solid #fdf6e3; | |
} | |
#newlink-with-image-upload .image-upload-drop-target { | |
border: 1px solid #073642; | |
background-color: transparent; | |
} | |
.tabmenu.formtab a:hover { | |
border: 0px; | |
} | |
.tabmenu.formtab .selected a { | |
background-color: #002b36 !important; | |
} | |
.content.submit .info-notice { | |
background-color: transparent!important; | |
border: 0px!important; | |
} | |
#newlink.submit.content { | |
width: 500px; | |
margin: 0 auto; | |
} | |
span.error.RATELIMIT.field-ratelimit { | |
padding-left: 10px; | |
} | |
/* | |
// LOGIN PAGE | |
//------------------------------- | |
*/ | |
.login-page #login { | |
margin-right: auto; | |
margin-left: auto; | |
width: 650px; | |
} | |
.pretty-form input[type=text], .pretty-form textarea, .pretty-form input[type=password], .pretty-form input[type=number] { | |
-webkit-box-shadow: none; | |
-moz-box-shadow: none; | |
box-shadow: none; | |
} | |
.c-form-control:focus { | |
border-color: #073642!important; | |
box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 4px #073642; | |
} | |
/* NOT LOGGED IN | |
*/ | |
.login-form-side { | |
border: none | |
} | |
.infobar.newsletterbar { | |
background: transparent | |
} | |
#eu-cookie-policy { | |
display: none; | |
} | |
/* | |
// RES FIXES | |
//------------------------------- | |
*/ | |
.RES-keyNav-activeElement, | |
.RES-keyNav-activeElement .md-container { | |
background-color: transparent !important; | |
} | |
.res-commentBoxes .comment { | |
border-color: transparent !important; | |
} | |
#srList { | |
background-color: #073642; | |
} | |
/* These RES classes though..... */ | |
.res-commentBoxes .comment .comment, | |
.res-commentBoxes .comment .comment .comment, | |
.res-commentBoxes .comment .comment .comment .comment, | |
.res-commentBoxes .comment .comment .comment .comment .comment, | |
.res-commentBoxes .comment .comment .comment .comment .comment .comment, | |
.res-commentBoxes .comment .comment .comment .comment .comment .comment .comment, | |
.res-commentBoxes .comment .comment .comment .comment .comment .comment .comment .comment, | |
.res-commentBoxes .comment .comment .comment .comment .comment .comment .comment .comment .comment, | |
.res-commentBoxes .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment { | |
background-color: transparent !important; | |
} | |
.NERPageMarker { | |
background-color: #073642; | |
border: none; | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment