Skip to content

Instantly share code, notes, and snippets.

@budRich
Created August 31, 2017 18:58
Show Gist options
  • Save budRich/aa87a9b5eca4bfda71cfcc5665526bcc to your computer and use it in GitHub Desktop.
Save budRich/aa87a9b5eca4bfda71cfcc5665526bcc to your computer and use it in GitHub Desktop.
reddit nofrills solarized dark+
/*
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