Skip to content

Instantly share code, notes, and snippets.

@al3xtjames
Last active January 8, 2023 05:58
Show Gist options
  • Star 1 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save al3xtjames/fbf7356f1fc914d313408b87cb661263 to your computer and use it in GitHub Desktop.
Save al3xtjames/fbf7356f1fc914d313408b87cb661263 to your computer and use it in GitHub Desktop.
Carbon for Reddit by ggitaliano, with additional fixes
/* ==UserStyle==
@name Carbon for Reddit
@namespace USO Archive
@author Xyl
@description `Created by /u/ggitaliano and updated by me.For the best experience, you should go to https://www.reddit.com/prefs/ and do the following:Disable "allow subreddits to show me custom themes"Disable "Use the redesign as my default experience"Enable "View user profiles on desktop using legacy mode"Enable "show legacy search page"If you're using RES, disable night mode and Style Tweaks > Nav Top.`
@version 20230107.0.0
@license CC0-1.0
@preprocessor uso
@updateURL https://gist.githubusercontent.com/al3xtjames/fbf7356f1fc914d313408b87cb661263/raw/reddit-carbon.user.css?cache=false
==/UserStyle== */
@-moz-document domain("reddit.com") {
:root {
color-scheme: dark;
}
/* source https://b.thumbs.redditmedia.com/6OltOW6Xbz1dZNVKJfoWSbtycXGThq6mGDiNtEeOQTw.css */
body {
background:#1a1a1a;
color:#ddd
}
.comment .usertext .md p>a:visited,.md a,.res.res-nightmode .tagline a,a,h2 a:visited {
color:#3498db;
-webkit-transition:color .15s ease-in-out;
-moz-transition:color .15s ease-in-out;
-o-transition:color .15s ease-in-out;
transition:color .15s ease-in-out
}
a:hover {
text-decoration:none!important
}
.md {
color:#ddd
}
.md blockquote {
padding:5px;
margin-left:0;
background:#292929;
border:1px solid #3c3c3c;
border-left-width:3px;
color:#ccc
}
.md blockquote blockquote {
background:#262626;
border-color:#3c3c3c
}
.md blockquote blockquote blockquote {
background:#292929;
border-color:#3c3c3c
}
.md code,.md pre {
background:#2c2c2c;
border-color:#3c3c3c;
border-radius:0;
color:#ccc
}
.link .usertext .md *>code,.link .usertext .md pre,.usertext.border div.md *>code,.usertext.border div.md pre {
background:#2c2c2c
}
.new-comment div.md *>code,.new-comment div.md pre {
background:#282828
}
.usertext.grayed .usertext-body {
padding:0;
background:0 0
}
.md del,.usertext.grayed .usertext-body .md {
color:#888
}
.md table {
margin:1em 0;
font-size:12px
}
.titlebox .md table {
font-size:11px;
width:100%
}
.md table td,.md table th {
padding:5px 8px;
border:1px solid #2d2d2d
}
.md table th {
background:#292929
}
.md table tbody tr:nth-of-type(odd) {
background:#252525
}
.md table tbody tr:nth-of-type(even) {
background:#292929
}
.md hr {
height:1px;
background:#2d2d2d
}
.linefield input[type=text],.linefield textarea,.pretty-form input[type=text],.pretty-form textarea,.roundfield input[type=text],.roundfield input[type=url],.roundfield input[type=password],.roundfield input[type=number],.roundfield textarea,input[type=text],input[type=url],input[type=password],input[type=number],textarea {
background:#292929;
border:1px solid #393939;
box-shadow:none;
font-family:sans-serif;
color:#eee
}
.link .usertext-edit textarea {
padding:5px 7px
}
.comment .usertext-edit textarea,.commentarea>.usertext .usertext-edit textarea {
padding:3px 5px
}
.stylesheet-customize-container textarea {
font-family:"Bitstream Vera Sans Mono",Consolas,monospace
}
.linefield input[type=text]:hover,.pretty-form textarea:active,.pretty-form textarea:focus,.pretty-form textarea:hover,input[type=text]:active,input[type=text]:focus,input[type=text]:hover,input[type=url]:active,input[type=url]:focus,input[type=url]:hover,textarea:active,textarea:focus,textarea:hover {
border-color:#494949;
outline:0
}
#header {
height:90px;
background:#202020;
border-bottom:1px solid #101010
}
#header:before {
content:"";
height:1px;
position:absolute;
top:21px;
left:0;
right:0;
background:#272727
}
#sr-header-area,#sr-header-area a#sr-more-link {
height:20px;
background:#1a1a1a;
border-bottom:1px solid #101010;
font-family:sans-serif;
line-height:22px
}
#sr-header-area .sr-list .separator {
visibility:hidden
}
#sr-header-area .selected {
padding-right:0
}
#sr-header-area .selected,#sr-header-area .selected a,#sr-header-area a {
background:0 0;
color:#444;
-webkit-transition:color .3s;
-moz-transition:color .3s;
-o-transition:color .3s;
transition:color .3s
}
#sr-header-area .drop-choices.srdrop.inuse a,#sr-header-area:hover .selected,#sr-header-area:hover .selected a,#sr-header-area:hover a {
color:#777
}
#sr-header-area .drop-choices.srdrop.inuse a:hover,#sr-header-area .selected a:hover,#sr-header-area .selected:hover,#sr-header-area a:hover {
color:#fff
}
#sr-header-area .drop-choices.srdrop.inuse {
padding:1px;
margin:-1px 0 0;
background:#2b2b2b;
border:1px solid #101010;
border-top:0;
border-left:0;
box-shadow:0 0 1px rgba(16,16,16,.5)
}
#sr-header-area .drop-choices.srdrop.inuse a {
background:#252525
}
#sr-header-area .drop-choices.srdrop.inuse a:hover {
background:#202020
}
#sr-header-area .drop-choices.srdrop.inuse .choice.bottom-option {
border-color:#333;
color:#999
}
#header-bottom-left {
position:absolute;
bottom:0;
left:0;
right:0;
background:#202020;
border-bottom:1px solid #272727
}
#header-img-a #header-img {
width:80px;
height:28px;
margin:0
}
#header-img-a,#header-img.default-header {
width:80px;
height:28px;
display:inline-block;
margin:0 30px 0 0;
position:relative;
bottom:17px;
left:15px;
vertical-align:bottom
}
.pagename {
margin:0 15px 0 0;
display:inline-block;
font-family:lato,verdana,sans-serif;
font-size:12px;
font-variant:normal;
font-weight:400;
letter-spacing:1px;
line-height:46px;
text-transform:uppercase;
color:#fb8500
}
.messages-page .pagename,.profile-page .pagename {
color:#eee
}
body.with-listing-chooser #header .pagename {
margin-left:0!important;
position:static
}
.pagename a {
display:inline-block;
color:#eee
}
.pagename a:hover {
color:#fff
}
.pagename a:before {
content:"/R/";
color:#bbb
}
#header .tabmenu {
margin:0;
line-height:46px;
text-align:center
}
body.with-listing-chooser #header .tabmenu,body.with-listing-chooser #header .tabmenu li:first-child.selected {
margin-left:0
}
#header .tabmenu li,#header .tabmenu li a {
padding:0;
margin:0;
display:inline-block;
background:0 0
}
#header .tabmenu li a {
margin:0 10px;
font-family:lato,verdana,sans-serif;
font-size:12px;
font-weight:400;
letter-spacing:1px;
text-transform:uppercase;
color:#bbb;
-webkit-transition:.3s color,.2s background-position;
-moz-transition:.3s color,.2s background-position;
-o-transition:.3s color,.2s background-position;
transition:.3s color,.2s background-position;
position:relative
}
#header .tabmenu li a:hover {
color:#eee
}
#header .tabmenu li.selected a {
position:relative;
border:none;
color:#fb8500
}
#header .tabmenu li.selected a:hover {
color:#fb8500
}
#header .tabmenu li a:after,#header .tabmenu li.selected a:after {
content:"";
width:16px;
height:10px;
margin:0 auto;
position:absolute;
right:0;
bottom:-2px;
left:0;
background:url("https://b.thumbs.redditmedia.com/ByDpJS_TIsnHeHRX3mktRAB6RLKGCJ7etqHc-uYHU9s.png") -9999px -9999px no-repeat
}
#header .tabmenu li a:after {
background-position:center 10px;
-webkit-transition:.2s background-position ease-in-out;
-moz-transition:.2s background-position ease-in-out;
-o-transition:.2s background-position ease-in-out;
transition:.2s background-position ease-in-out
}
#header .tabmenu li a:hover:after,#header .tabmenu li.selected a:after {
background-position:center 0
}
#header .tabmenu li a[href$="/ads/"]:after {
right:4px
}
#header-bottom-right {
height:40px;
padding:0 15px 0 8px;
bottom:0;
background:#1d1d1d;
border-top:1px solid #272727;
border-bottom:1px solid #222;
border-radius:0;
font-family:lato,verdana,sans-serif;
font-size:11px;
font-weight:400;
letter-spacing:1px;
line-height:40px;
text-transform:uppercase
}
.gold-only #header #header-bottom-right {
background:#1d1d1d
}
#header-bottom-right:before {
content:"";
width:21px;
height:40px;
display:block;
position:absolute;
left:-21px;
background:url("https://b.thumbs.redditmedia.com/ByDpJS_TIsnHeHRX3mktRAB6RLKGCJ7etqHc-uYHU9s.png") 0 -367px no-repeat;
border-bottom:1px solid #222
}
#header-bottom-right .user,#header-bottom-right a,.gold-only #header #header-bottom-right a {
color:#bbb
}
#header-bottom-right a:hover,.gold-only #header #header-bottom-right a:hover {
color:#eee
}
#header-bottom-right .pref-lang {
font-weight:400
}
#header-bottom-right .user a.login-required {
margin-left:5px;
color:#fb8500
}
.loggedin #header-bottom-right .user {
color:#1d1d1d
}
#header-bottom-right .user .userkarma {
border:none;
color:#ddd
}
#header-bottom-right .separator {
visibility:hidden
}
#header-bottom-right #mail,#header-bottom-right #modmail,.gold-only #header #header-bottom-right #mail.havemail,.gold-only #header #header-bottom-right #modmail.havemail {
background:url("https://b.thumbs.redditmedia.com/ByDpJS_TIsnHeHRX3mktRAB6RLKGCJ7etqHc-uYHU9s.png") -9999px -9999px no-repeat
}
#header-bottom-right #mail {
top:1px
}
#header-bottom-right #mail.nohavemail {
background-position:0 -50px
}
#header-bottom-right #mail.havemail {
background-position:-16px -50px
}
.gold-only #header #header-bottom-right #mail.havemail {
background-position:-32px -50px
}
#header-bottom-right #modmail {
top:-3px
}
#header-bottom-right #modmail.nohavemail {
background-position:0 -30px
}
#header-bottom-right #modmail.havemail {
background-position:-16px -30px
}
.gold-only #header #header-bottom-right #modmail.havemail {
background-position:-32px -30px
}
#header-bottom-right a.message-count {
background:0 0;
color:#fb8500
}
.gold-only #header #header-bottom-right .message-count,.gold-only #header #header-bottom-right .message-count:hover {
background:0 0;
color:#cd9930
}
.side {
margin:24px 8px 80px 0;
position:relative;
background-color:transparent
}
.side .spacer {
margin:0 0 7px
}
.side #search {
border:1px solid #101010
}
#search input[type=text] {
width:298px;
padding:7px 15px;
background:#202020;
border:1px solid #272727;
font-size:12px;
color:#eee
}
#search input[type=text]:active,#search input[type=text]:focus,#search input[type=text]:hover {
background-color:#242424;
outline:0
}
.side #search input[type=submit] {
margin-left:-28px
}
.side #searchexpando {
padding:10px 15px 0;
margin:0;
background:#1e1e1e;
border:1px solid #272727;
border-top:1px solid #181818;
border-radius:0;
font-family:sans-serif;
font-size:11px;
color:#ddd
}
.side #searchexpando #moresearchinfo {
padding-bottom:5px;
border-color:#444
}
.sidebox.create,.sidebox.submit {
border:1px solid #101010;
border-radius:1px
}
.morelink {
height:31px;
background:#393939;
border:1px solid #494949;
border-radius:1px;
line-height:31px
}
.morelink:hover {
background:#444;
border-color:#555
}
.morelink a {
font-family:lato,verdana,sans-serif;
font-size:12px;
font-weight:400;
letter-spacing:1px;
text-transform:uppercase;
color:#eee
}
.morelink:hover a {
color:#fff
}
.disabled .morelink,.disabled .morelink:hover {
background:#292929;
border-color:#333
}
.disabled .morelink a {
color:grey
}
.morelink+.spacer,.nub {
display:none
}
.titlebox {
width:296px;
position:relative;
left:1px;
background:#202020;
border:1px solid #272727;
font-family:sans-serif;
color:#ddd
}
.rounded {
border-radius:0
}
.titlebox.filtered-details,.titlebox.gold-accent {
padding:0
}
.profile-page .titlebox,.titlebox.filtered-details {
background:#222
}
.titlebox>h1 {
padding:10px 15px;
margin:0;
position:relative;
background:#222;
border-bottom:1px solid #272727;
font-family:sans-serif;
font-size:18px;
font-variant:normal;
color:#eee
}
.profile-page .titlebox>h1:before {
content:"";
height:1px;
position:absolute;
bottom:-2px;
left:0;
right:0;
background:#181818
}
.titlebox>h1 a {
color:#eee
}
.side .fancy-toggle-button {
width:296px;
height:30px;
display:block;
margin:0;
background:#202020;
border:1px solid #181818;
border-left:0;
border-right:0;
border-radius:0;
line-height:30px
}
.titlebox .fancy-toggle-button .option.active {
display:inline-block
}
.titlebox .fancy-toggle-button .option.add,.titlebox .fancy-toggle-button .option.remove {
height:30px;
padding:0 15px;
position:relative;
top:-1px;
background:#202020;
border:none;
border-radius:0;
font-size:11px;
font-weight:400;
line-height:30px;
text-transform:capitalize;
color:#999
}
.titlebox .fancy-toggle-button .option.add {
font-weight:700;
color:#27ae60
}
.titlebox .fancy-toggle-button .option:active,.titlebox .fancy-toggle-button .option:focus {
outline:0
}
.profile-page .titlebox h1+div {
border-bottom:1px solid #272727
}
.subscribers,.users-online {
height:30px;
padding:0 15px;
display:block;
margin-top:-31px;
position:absolute;
right:0;
background:#202020;
font-size:11px;
line-height:30px;
color:#999
}
.users-online,.users-online:before {
display:none;
content:none
}
.subscribers:hover+.users-online,.users-online:hover {
display:block
}
.users-online:after {
content:"";
width:7px;
height:7px;
display:block;
position:absolute;
top:11px;
left:3px;
background:#4bda4b;
border-radius:50%;
-webkit-animation:users 2s infinite;
-moz-animation:users 2s infinite;
-o-animation:users 2s infinite;
animation:users 2s infinite
}
@-webkit-keyframes users {
0% {
background:#4bda4b
}
50% {
background:#369b36
}
100% {
background:#4bda4b
}
}
@-moz-keyframes users {
0% {
background:#4bda4b
}
50% {
background:#369b36
}
100% {
background:#4bda4b
}
}
@-o-keyframes users {
0% {
background:#4bda4b
}
50% {
background:#369b36
}
100% {
background:#4bda4b
}
}
@keyframes users {
0% {
background:#4bda4b
}
50% {
background:#369b36
}
100% {
background:#4bda4b
}
}
.titlebox .leavemoderator,.titlebox .toggle.leavecontributor-button,.titlebox .toggle.sr_style_toggle {
padding:8px 15px;
background:#222;
border-top:1px solid #272727;
border-bottom:1px solid #181818;
font-family:sans-serif;
color:#777
}
.titlebox .leavemoderator,.titlebox .toggle.leavecontributor-button {
font-size:0
}
.titlebox .leavemoderator:before,.titlebox .toggle.leavecontributor-button:before {
width:auto;
height:15px;
display:inline-block;
margin-right:6px;
float:none;
position:relative;
top:-1px;
vertical-align:middle;
font-size:11px;
line-height:17px;
text-indent:20px;
color:#777
}
.titlebox .leavemoderator:before {
content:"Moderator";
background:url("https://b.thumbs.redditmedia.com/ByDpJS_TIsnHeHRX3mktRAB6RLKGCJ7etqHc-uYHU9s.png") 0 -127px no-repeat
}
.titlebox .toggle.leavecontributor-button:before {
content:"Approved submitter";
background:url("https://b.thumbs.redditmedia.com/ByDpJS_TIsnHeHRX3mktRAB6RLKGCJ7etqHc-uYHU9s.png") 0 -147px no-repeat
}
.titlebox .leavemoderator a,.titlebox .toggle.leavecontributor-button a {
font-size:11px
}
.titlebox .leavemoderator>a,.titlebox .toggle.leavecontributor-button>a {
display:inline-block;
margin-left:5px;
vertical-align:middle
}
.titlebox .toggle.leavecontributor-button .option.active.error {
display:block;
margin:3px 0 0 20px
}
.titlebox .toggle.sr_style_toggle {
padding:8px 15px 10px;
font-size:11px
}
.titlebox .toggle.flairtoggle {
padding:8px 15px;
margin:0;
background:#202020;
border-top:1px solid #272727;
font-size:11px
}
.titlebox .tagline {
padding:4px 15px 10px;
margin:0;
position:relative;
background:#202020;
border-bottom:1px solid #181818;
font-size:11px;
color:#202020
}
.titlebox .tagline a.author,.titlebox .tagline a.flairselectbtn {
font-size:11px;
color:#3498db
}
.titlebox .tagline>.flair {
background-color:#393939;
border-color:#393939;
font-size:10px;
color:#bbb
}
.titlebox>.karma {
margin:8px 1px 0 15px;
display:inline-block;
color:#eee
}
.titlebox>.comment-karma {
margin-top:5px
}
.karma-breakdown {
margin:10px 15px
}
#per-sr-karma {
width:264px;
margin:10px 0 10px 16px
}
#per-sr-karma tr td {
color:#bbb
}
.titlebox .snoovatar-link {
margin:10px 15px;
border-radius:1px;
background:#393939!important;
border:1px solid #181818!important;
line-height:31px
}
.titlebox .snoovatar-link:before {
content:none
}
.snoovatar-link a {
display:block;
border:1px solid #494949;
border-radius:1px;
color:#eee!important
}
.snoovatar-link a:before {
content:"";
width:20px;
height:20px;
display:inline-block;
margin-right:8px;
position:relative;
top:5px;
background:url("https://b.thumbs.redditmedia.com/ByDpJS_TIsnHeHRX3mktRAB6RLKGCJ7etqHc-uYHU9s.png") 0 -103px no-repeat
}
.titlebox .usertext-body .md,.titlebox div.usertext .md {
padding:5px 15px;
background:#222;
border-top:1px solid #272727;
border-bottom:1px solid #272727;
font-size:12px;
color:#ddd
}
.titlebox>h1+.usertext>.md {
border-top:1px solid #181818;
border-bottom:0
}
.titlebox>.users-online+.usertext .md {
border-top:1px solid #272727
}
.titlebox .md h1,.titlebox .md h2,.titlebox .md h3,.titlebox .md h4,.titlebox .md h5,.titlebox .md h6 {
margin:.5em 0;
font-weight:700;
color:#eee
}
.titlebox .md h1 {
font-size:18px
}
.titlebox .md h1 a {
color:#3498DB
}
.titlebox .md h2 {
font-size:17px
}
.titlebox .md h3 {
font-size:16px
}
.titlebox .md h4 {
font-size:15px
}
.titlebox .md h5 {
font-size:14px
}
.titlebox .md h6 {
font-size:14px;
font-weight:400
}
.titlebox .md>p {
margin:1em 0
}
.titlebox .md ol,.titlebox .md ul {
margin:.5em 0;
padding-left:20px
}
.titlebox .md>blockquote {
margin:1em 0
}
.linkinfo {
padding:0;
margin:0 1px;
position:relative;
background:#222;
border:1px solid #272727;
border-radius:0;
font-family:sans-serif
}
.linkinfo .date {
padding:15px 0 0;
margin:0;
font-size:12px;
font-weight:700;
text-indent:15px;
color:#eee
}
.linkinfo .date span {
font-size:0;
color:#222
}
.linkinfo .date span:after {
content:"This post was submitted on ";
font-size:12px;
font-weight:400;
color:#eee
}
.linkinfo .score {
padding:10px 0 5px;
margin-left:15px;
font-size:11px;
color:#999
}
.linkinfo .score .number {
margin-right:3px;
vertical-align:-2px;
font-size:18px;
font-weight:400;
color:#eee
}
.linkinfo .score .word {
display:none
}
.linkinfo .shortlink {
margin-top:10px;
font-size:0;
border-top:1px solid #272727
}
.linkinfo .shortlink input {
width:266px;
height:32px;
padding:0 15px;
margin:0;
background:#202020;
border:none;
border-top:1px solid #181818;
font-size:11px;
line-height:31px;
color:#999
}
.linkinfo .shortlink input:hover {
color:#eee
}
.side .titlebox .bottom {
min-height:11px;
padding:8px 15px;
background:#202020;
border-top:1px solid #181818;
font-size:11px;
color:#999
}
.profile-page .side .titlebox>.bottom {
margin-top:10px;
position:relative
}
.profile-page .titlebox .gold-expiration-info+.bottom {
margin-top:0
}
.profile-page .titlebox .bottom:before {
content:"";
height:1px;
display:block;
position:absolute;
top:-2px;
left:0;
right:0;
background:#272727
}
.profile-page .titlebox .gold-expiration-info+.bottom:before {
background:#2b2b2b
}
.bottom .flair {
display:none;
font-size:10px
}
.titlebox .bottom .age {
font-size:0
}
.titlebox .bottom .age time {
padding-left:14px;
height:11px;
background:url("https://b.thumbs.redditmedia.com/ByDpJS_TIsnHeHRX3mktRAB6RLKGCJ7etqHc-uYHU9s.png") 0 -166px no-repeat;
font-size:11px
}
.profile-page .titlebox .bottom img {
display:none
}
.profile-page .titlebox .bottom a[href*=compose] {
padding-left:19px;
position:relative
}
.profile-page .titlebox .bottom a[href*=compose]:before {
content:"";
width:15px;
height:10px;
display:block;
position:absolute;
top:2px;
left:0;
background:url("https://b.thumbs.redditmedia.com/ByDpJS_TIsnHeHRX3mktRAB6RLKGCJ7etqHc-uYHU9s.png") 0 -50px no-repeat
}
.sidecontentbox {
border:1px solid #101010;
font-family:sans-serif
}
.sidecontentbox>.title {
padding:10px 15px;
background:#222;
border:1px solid #272727
}
.sidecontentbox>.title h1 {
font-size:12px;
font-weight:700;
text-transform:lowercase;
color:#eee
}
.sidecontentbox .collapse-button {
position:relative;
top:-1px;
background:#393939;
border:none;
border-radius:1px;
line-height:8px;
color:#bbb
}
.sidecontentbox .content {
background:#202020;
border:1px solid #272727;
border-top:1px solid #181818;
padding:10px 15px
}
.sidecontentbox .content a {
background-color:transparent;
font-size:12px
}
.sidecontentbox a.helplink {
margin:12px 15px 0 0
}
.sidecontentbox .more {
margin:15px 0 0;
display:inline-block;
border:1px;
border-radius:1px;
text-align:left
}
.sidecontentbox .more a[href$="/about/moderators"] {
padding:3px 6px 4px;
display:inline-block;
background:#393939;
border:1px solid #494949;
border-radius:1px;
font-size:11px;
color:#eee
}
.sidecontentbox .content button.expand-summary {
margin-top:8px;
background:#393939;
border:1px solid #494949;
border-radius:1px;
color:#eee
}
.sidecontentbox .content button.expand-summary:hover,.sidecontentbox .more a[href$="/about/moderators"]:hover {
background:#444;
border-color:#555
}
.sidecontentbox a.helplink~ul.content>li {
max-width:266px;
overflow:hidden;
white-space:nowrap
}
.sidecontentbox .flair {
font-size:10px
}
.trophy-name {
color:#eee!important
}
.trophy-description {
color:#bbb
}
.trophy-table+p {
color:#202020
}
.gadget .midcol {
width:25px;
margin:1px 4px 0 -3px
}
.gadget .right a,.gadget a.reddit-comment-link {
font-size:11px
}
.account-activity-box a {
padding:8px 10px;
display:block;
background:#222;
border:1px solid #272727;
font-family:sans-serif;
font-size:11px;
color:#ddd
}
body>.content {
margin:24px 315px 80px 8px
}
body.with-listing-chooser>.content {
margin-left:152px;
transition:margin-left .25s ease-in-out
}
body.with-listing-chooser.listing-chooser-collapsed>.content {
margin-left:23px
}
.trending-subreddits {
padding:8px 10px;
margin:8px 1px -6px;
position:relative;
background:#1e1e1e;
border:1px solid #272727;
border-bottom:1px solid #181818
}
body.compressed-display .trending-subreddits {
margin-left:1px
}
.trending-subreddits .midcol-spacer,.trending-subreddits .rank-spacer {
display:none
}
.trending-subreddits strong {
color:#27ae60
}
.trending-subreddits strong:before {
width:15px;
height:11px;
background:url("https://b.thumbs.redditmedia.com/ByDpJS_TIsnHeHRX3mktRAB6RLKGCJ7etqHc-uYHU9s.png") -38px -65px no-repeat
}
.trending-subreddits .comments {
font-weight:400;
color:#637481
}
.trending-subreddits .comments:hover {
color:#9ab2ca
}
body>.content>.menuarea {
padding:10px 15px;
margin:0 1px;
background:#222;
border:1px solid #272727;
border-bottom:1px solid #181818;
font-family:sans-serif;
font-size:11px;
text-transform:uppercase;
color:#999;
position:relative;
overflow:visible
}
.menuarea .dropdown.lightdrop .selected {
padding-left:21px;
padding-right:0;
background:url("https://a.thumbs.redditmedia.com/UKO5Yt3_710n8nhGIrFV1vaGEp8JAq6NiAfv68qhyk0.png") center left no-repeat;
text-decoration:none;
color:#eee
}
.menuarea .dropdown.lightdrop .selected:hover {
cursor:pointer
}
.menuarea .drop-choices.lightdrop {
min-width:80px;
padding:0;
margin:8px 0 0 -1px;
background:#2d2d2d;
border:1px solid #353535;
box-shadow:0 0 3px rgba(16,16,16,.5)
}
.menuarea .drop-choices.lightdrop:after {
content:"";
width:12px;
height:8px;
display:block;
position:absolute;
top:-8px;
left:5px;
background:url("https://b.thumbs.redditmedia.com/ByDpJS_TIsnHeHRX3mktRAB6RLKGCJ7etqHc-uYHU9s.png") 0 -413px no-repeat
}
.menuarea .drop-choices.lightdrop a {
padding:3px 6px;
font-weight:700;
color:#ddd;
transition:all .1s ease-in-out
}
.menuarea .drop-choices.lightdrop a:hover {
background:#252525;
color:#eee
}
.menuarea .separator {
visibility:hidden
}
.menuarea .flat-list a {
font-weight:400;
color:#bbb
}
.menuarea .flat-list a:hover {
color:#eee
}
.menuarea .flat-list li.selected a,.menuarea .flat-list li.selected a:hover {
color:#fb8500
}
#siteTable_organic.organic-listing,.account-activity-box,.content .sitetable.linklisting,.messages-page .content>.sitetable.listing {
border:1px solid #101010
}
.listing-page>.content>.infobar.gold-accent~.sitetable.linklisting,.menuarea~.sitetable.linklisting,.messages-page .content>.sitetable.listing,body>.content>.infobar~.sitetable.linklisting,body>.content>.menuarea+style+.sitetable.linklisting {
border-top:none
}
.commentarea .sitetable.linklisting {
border:none
}
.menuarea+.spacer>#siteTable_organic.organic-listing {
border-top-color:#181818
}
.content>.infobar {
padding:0;
margin:0;
display:block;
background:#252525;
border-radius:0;
border:1px solid #101010;
font-family:sans-serif
}
.content>.infobar .md {
max-width:none;
padding:8px 15px;
border:1px solid #2b2b2b;
font-size:13px
}
.content>.infobar.gold-accent {
border-radius:0
}
.content>.infobar.gold-accent .md {
color:#cd9930
}
.link {
padding:9px 10px;
margin:0;
background:#202020;
border:1px solid #272727;
border-bottom:1px solid #181818
}
.single-page .link {
padding-bottom:15px
}
.link.last-clicked {
padding-top:10px;
margin-top:-1px;
position:relative;
background:#1E1E1E;
border:1px solid #272727;
border-bottom:1px solid #181818;
overflow:visible
}
.sitetable.linklisting>.link.last-clicked:first-of-type {
padding-top:9px;
margin-top:0
}
.link.last-clicked:before {
content:"";
height:1px;
display:block;
position:absolute;
top:0;
left:0;
right:0;
background:#181818
}
.sitetable.linklisting>.link.last-clicked:first-of-type:before {
content:none
}
.link.compressed {
margin-bottom:0
}
.link.compressed .entry {
padding-left:10px
}
.link.promotedlink.promoted,.organic-listing .link,.organic-listing .link.promotedlink {
padding:9px 10px;
background:#202020;
border:1px solid #272727;
border-bottom:1px solid #181818
}
.organic-listing .link,.organic-listing .link.promotedlink {
border-bottom-color:#272727
}
.organic-listing .link {
padding-right:60px!important
}
.listing-page .sitetable.linklisting>.thing:nth-last-of-type(2),.wiki-page .wiki-page-content>.sitetable.linklisting>.link:nth-last-of-type(2) {
border-bottom:1px solid #272727
}
.content>.infobar.gold-accent~.sitetable.linklisting>.thing:first-of-type,.listing-page>.content>.infobar~.sitetable.linklisting>.link:first-of-type,.listing-page>.content>.menuarea~.sitetable.linklisting>.link:first-of-type,.menuarea~.sitetable.linklisting>.thing:first-of-type {
border-top:1px solid #181818
}
.menuarea+.spacer>#siteTable_organic.organic-listing .link {
border-top:none
}
.link .rank {
padding:3px;
margin-top:10px;
margin-right:3px;
background:#1e1e1e;
border:1px solid #1a1a1a;
border-radius:1px;
font-size:11px;
font-family:sans-serif;
text-align:center;
color:#666
}
.link.last-clicked .rank {
background:#232323;
border-color:#292929
}
.organic-listing .link .rank {
visibility:hidden
}
.link.compressed .rank {
margin-top:1px;
margin-right:5px
}
.link.promoted .rank,.link.stickied .rank {
position:relative;
visibility:visible
}
.link.promoted .rank {
min-width:2.2ex
}
.link.promoted .rank:after {
content:"AD";
color:#2b678f;
margin-left:-1px
}
.link.stickied .rank:after {
content:"S";
color:#19927b;
margin-left:-1px
}
.menuarea~.sitetable .link.stickied .rank:after {
content:none
}
.link .midcol,.link.compressed .midcol {
margin:0 15px 0 5px
}
.link .score {
font-family:sans-serif;
font-size:13px;
color:#888
}
.link.compressed .score {
margin-right:5px;
font-family:verdana,arial,helvetica,sans-serif;
font-size:10px
}
.link .score.likes {
color:#fb8500
}
.link .score.dislikes {
color:#7178e1
}
.arrow.down,.arrow.downmod,.arrow.up,.arrow.upmod {
margin:0 auto;
background:url("https://b.thumbs.redditmedia.com/ByDpJS_TIsnHeHRX3mktRAB6RLKGCJ7etqHc-uYHU9s.png") no-repeat
}
.arrow.down {
background-position:0 -15px
}
.arrow.downmod {
background-position:-15px -15px
}
.arrow.up {
background-position:-30px -15px
}
.arrow.upmod {
background-position:-45px -15px
}
.arrow.up,.arrow.upmod {
margin-bottom:-2px
}
.arrow.down,.arrow.downmod {
margin-top:2px
}
.link.compressed .arrow.down,.link.compressed .arrow.downmod {
margin-top:1px
}
.unvotable-message {
padding-left:0;
border:none;
color:#637481
}
.link .thumbnail {
margin-bottom:0;
margin-right:9px;
position:relative
}
.link .thumbnail.default,.link.over18 .thumbnail.nsfw,.link.self .thumbnail,.thumbnail.image {
background-image:url("https://b.thumbs.redditmedia.com/ByDpJS_TIsnHeHRX3mktRAB6RLKGCJ7etqHc-uYHU9s.png")!important;
background-repeat:no-repeat;
background-size:initial
}
.link.self .thumbnail {
background-position:center -438px
}
.link .thumbnail.default,.thumbnail.image {
background-position:center -488px
}
.link.over18 .thumbnail.nsfw {
max-height:50px;
background-position:center -538px
}
.link .thumbnail:before {
content:"";
display:block;
position:absolute;
top:0;
bottom:0;
left:0;
right:0;
background:rgba(30,30,30,.2)
}
.link .thumbnail.default:before,.link.over18 .thumbnail.nsfw:before,.link.self .thumbnail:before,.thumbnail.image:before {
content:none
}
.link .title {
margin-bottom:2px;
font-family:sans-serif
}
.link.compressed .title {
margin:0 5px 0 0
}
.single-page .link.compressed .title {
margin-bottom:2px
}
.gadget .reddit-link-title,.link a.title,.single-page .link a.title:visited,.single-page .link.visited a.title {
color:#b5c4cd
}
.gadget .reddit-link-title:hover,.link a.title:hover,.single-page .link a.title:visited:hover,.single-page .link.visited a.title:hover {
color:#ccd8de
}
.link a.title:visited,.link.visited a.title {
color:#808c94
}
.link a.title:visited:hover,.link.visited a.title:hover {
color:#97a3aa
}
.link.stickied a.title,.link.stickied a.title:visited,.link.stickied.visited a.title {
color:#18af92
}
.link.stickied a.title:hover,.single-page .link.stickied a.title:hover {
color:#33c2a6
}
.link .domain {
margin-left:-5px;
color:#202020
}
.link.last-clicked .domain {
color:#1e1e1e
}
.link .domain a {
vertical-align:text-bottom;
color:#445059
}
.domain a:hover,.link a.title:hover~.domain a {
color:#879bb1
}
.gadget small,.sponsored-tagline,.tagline {
color:#637481
}
.sponsored-tagline {
font-weight:400
}
.tagline a {
color:#3498db
}
.tagline a.friend,a.friend {
color:#e78c5d
}
.comment.collapsed .tagline>a.submitter,.comment.collapsed .tagline>a.submitter:hover,.tagline a.submitter,a.submitter {
color:#3498db
}
.comment.collapsed .tagline>a.moderator,.comment.collapsed .tagline>a.moderator:hover,.tagline .stickied-tagline,.tagline a.moderator,a.moderator {
color:#18af92
}
.comment.collapsed .tagline>a.admin,.comment.collapsed .tagline>a.admin:hover,.tagline a.admin,a.admin {
color:#e04232
}
.comment.collapsed .tagline>a.alum,.comment.collapsed .tagline>a.alum:hover,.tagline a.alum,a.alum {
color:#d32a4d
}
.link .tagline a.admin,.link .tagline a.alum {
font-weight:400
}
.single-page .link .tagline a.admin,.single-page .link .tagline a.alum,.single-page .link .userattrs .alum,.single-page .link .userattrs a.admin {
font-weight:700
}
.tagline .userattrs {
color:#202020
}
.link.last-clicked .tagline .userattrs {
color:#1e1e1e
}
.comment .tagline .userattrs {
color:#222
}
.tagline .userattrs .alum,.tagline .userattrs a {
width:12px;
padding:0;
display:inline-block;
border:none;
border-radius:1px;
font-weight:700;
text-align:center;
color:#101010
}
.link .userattrs .alum,.link .userattrs a {
font-weight:400
}
.comment.collapsed .tagline .userattrs .alum,.comment.collapsed .tagline .userattrs a {
width:auto;
background:0 0
}
.tagline .userattrs>.alum:first-of-type,.tagline .userattrs>a:first-of-type {
margin-left:-5px
}
.tagline .userattrs a.friend {
background:#e78c5d
}
.comment.collapsed .tagline .userattrs a.friend,.comment.collapsed .tagline .userattrs a.friend:hover {
color:#e78c5d
}
.tagline .userattrs a.submitter {
background:#3498db
}
.comment.collapsed .tagline .userattrs a.submitter,.comment.collapsed .tagline .userattrs a.submitter:hover {
color:#3498db
}
.tagline .userattrs a.moderator {
background:#18af92
}
.comment.collapsed .tagline .userattrs a.moderator,.comment.collapsed .tagline .userattrs a.moderator:hover {
color:#18af92
}
.tagline .userattrs a.admin {
background:#e04232
}
.comment.collapsed .tagline .userattrs a.admin,.comment.collapsed .tagline .userattrs a.admin:hover {
color:#e04232
}
.tagline .userattrs .alum {
background:#d32a4d
}
.comment.collapsed .tagline .userattrs .alum {
color:#d32a4d
}
.tagline .userattrs .cakeday {
width:11px;
height:8px;
background:url("https://b.thumbs.redditmedia.com/ByDpJS_TIsnHeHRX3mktRAB6RLKGCJ7etqHc-uYHU9s.png") -39px -95px no-repeat
}
.link .entry .expando-button {
width:20px;
height:20px;
margin:4px 8px 0 0;
border:1px solid #1a1a1a;
background:url("https://b.thumbs.redditmedia.com/ByDpJS_TIsnHeHRX3mktRAB6RLKGCJ7etqHc-uYHU9s.png") -9999px -9999px no-repeat #252525!important;
transition:background-color .15s ease-in-out,background-position .15s ease-in-out
}
.link .expando-button:hover {
cursor:pointer
}
.link .entry .expando-button.selftext.collapsed {
background-position:0 -302px!important
}
.link .entry .expando-button.selftext.expanded {
background-position:0 -282px!important
}
.link .entry .expando-button.video-muted.collapsed,.link .entry .expando-button.video.collapsed {
background-position:0 -342px!important
}
.link .entry .expando-button.video-muted.expanded,.link .entry .expando-button.video.expanded {
background-position:0 -322px!important
}
.link .entry .expando-button.image.collapsed,.link .entry .expando-button.image.expanded {
background-position:-30px -282px!important
}
.link .entry .expando .error {
font-family:sans-serif;
font-size:12px
}
.link .usertext .md {
padding:0;
margin:10px 1px 5px
}
.link .usertext-body .md {
padding:5px 8px;
position:relative;
background:#252525;
border:1px solid #101010;
border-radius:0;
font-family:sans-serif;
color:#ddd;
z-index:1
}
.link .md h1,.link .md h2,.link .md h3,.link .md h4,.link .md h5 {
font-weight:700
}
.link .entry .flat-list {
padding:0
}
.single-page .link .flat-list.buttons {
padding-left:1px
}
.entry .buttons li a {
font-weight:400;
color:#637481
}
.link .entry .buttons li.first a {
font-weight:700;
color:#3498db
}
.entry .buttons li a:hover,.link .entry .buttons li.first a:hover {
color:#9ab2ca
}
.link .entry .buttons li .option.error>a {
color:#e74c3c
}
.link.stickied .entry .buttons li.first a {
color:#18af92
}
.link.stickied .entry .buttons li a:hover {
color:#a8cac3
}
.link .entry .buttons li a:active,.link .entry .buttons li a:focus {
outline:0
}
.flat-list.buttons .pretty-button.negative,.flat-list.buttons .pretty-button.neutral,.flat-list.buttons .pretty-button.positive,.flat-list.buttons li.reported-stamp {
padding:1px 4px;
background:#353535;
border:0!important;
border-radius:3px;
line-height:normal
}
.flat-list.buttons li.reported-stamp {
margin-left:5px;
color:#f6e69f
}
.flat-list.buttons .pretty-button.neutral {
color:#bbb
}
.flat-list.buttons .pretty-button.negative {
color:#fa6157
}
.flat-list.buttons .pretty-button.positive {
color:#27ae60
}
.flat-list.buttons .pretty-button.neutral.pressed {
background:#999
}
.flat-list.buttons .pretty-button.negative.pressed {
background:#fa6157
}
.flat-list.buttons .pretty-button.positive.pressed {
background:#27ae60
}
.flat-list.buttons .pretty-button.pressed {
color:#101010
}
.flat-list.buttons .big-mod-buttons .status-msg {
color:#637481
}
.flat-list.buttons>li>b {
font-weight:400;
color:#637481
}
ul.report-reasons {
margin-top:3px;
background:#252525;
border:1px solid #2d2d2d;
border-radius:0
}
.entry .buttons li.nsfw-stamp {
padding-right:0
}
.nsfw-stamp acronym {
padding:0;
background:0 0;
border:none!important;
border-radius:0;
font-weight:700;
color:#e74c3c
}
.action-form {
background:#252525;
border:1px solid #2b2b2b;
border-radius:0;
font-family:sans-serif
}
.pretty-form.sharelink {
padding-top:10px;
margin-top:10px;
font-family:sans-serif
}
.action-form input[type=text],.pretty-form.sharelink input[type=text] {
background:#292929;
border:1px solid #393939;
box-shadow:none;
color:#eee
}
.action-form input[type=text] {
background:#2d2d2d;
border-color:#3d3d3d
}
.pretty-form.sharelink .little.gray {
font-size:11px;
font-weight:400;
color:#999
}
.sharetable.preftable button {
margin-top:5px;
background:#393939;
border:1px solid #494949;
border-radius:1px;
color:#eee
}
.commentarea {
padding:5px 5px 10px;
background:#222;
border:1px solid #272727;
position:relative;
margin:-1px 1px 0
}
.commentarea .sitetable.nestedlisting {
margin:0 10px
}
.commentarea .panestack-title {
padding:10px;
margin:0;
border:none;
font-family:sans-serif
}
.commentarea .panestack-title .title {
font-size:14px;
font-weight:700;
text-transform:capitalize;
color:#eee
}
.panestack-title a.title-button.gold {
padding:0;
background:0 0;
border:none;
color:#cd9930
}
.commentarea .menuarea {
margin:10px;
text-transform:uppercase;
font-family:sans-serif;
font-size:11px;
color:#888
}
.commentarea .panestack-title+.menuarea {
margin-top:0
}
.commentarea .menuarea .error,.commentarea .menuarea .error>a {
color:#e74c3c
}
.contest-mode.infobar {
padding:0;
margin:10px 0 -10px;
background:0 0;
border:none;
font-size:11px;
text-transform:none
}
.contest-mode.infobar strong {
font-style:italic;
text-transform:uppercase;
color:#bbb
}
.commentarea .menuarea .toggle.set_subreddit_sticky-button .option,.commentarea .menuarea .toggle.set_subreddit_sticky-button .option.active a {
color:#18af92
}
.comment .usertext-edit {
margin-bottom:10px
}
.commentarea .comment {
padding-top:1px;
padding-left:0;
margin-left:0
}
.comment.collapsed {
padding-top:0;
padding-bottom:0;
margin-bottom:10px
}
.comment .child,.comment .showreplies {
padding-left:10px;
margin-left:20px;
margin-bottom:10px;
border-color:#333
}
.commentarea .sitetable.nestedlisting>.comment {
padding-top:10px;
margin-top:1px;
position:relative;
border-top:1px solid #2a2a2a
}
.commentarea .sitetable.nestedlisting>.comment:before {
position:absolute;
content:"";
display:block;
height:1px;
background:#1a1a1a;
top:-2px;
left:0;
right:0
}
.commentarea .sitetable.nestedlisting>.comment.collapsed {
padding-top:9px;
margin-bottom:11px
}
.commentarea .sitetable.nestedlisting>.comment:nth-last-of-type(2) {
border-bottom:none
}
.comment.collapsed .tagline,.comment.collapsed .tagline a {
color:#637381
}
.comment.collapsed .tagline a:hover {
color:#9ab2ca
}
.comment a.expand,.comment.collapsed a.expand,.message .entry .tagline a.expand {
padding:0;
margin-right:4px;
color:#637481;
transition:color .15s ease-in-out
}
.comment a.expand:hover,.comment.collapsed a.expand:hover,.message .entry .tagline a.expand:hover {
color:#9ab2ca
}
.comment .md {
background:0 0;
border:1px solid #292929;
border:none;
font-family:sans-serif;
color:#ddd
}
.comment .flat-list.buttons {
margin-left:-1px
}
.deepthread:after {
content:none
}
.deepthread a,.morecomments a {
padding:0 2px 1px 4px;
background:#2d2d2d;
border-radius:2px;
font-size:10px;
font-weight:700;
color:#9ab2ca
}
.morecomments a .gray {
color:#637481
}
.deepthread a:hover,.morecomments a:hover {
background:#303030;
color:#b6c9dc
}
.deepthread a:after {
content:"";
width:24px;
height:7px;
padding-right:2px;
margin-left:5px;
display:inline-block;
background:url("https://b.thumbs.redditmedia.com/ByDpJS_TIsnHeHRX3mktRAB6RLKGCJ7etqHc-uYHU9s.png") -34px -85px no-repeat
}
.single-page.comments-page .commentarea>.infobar {
padding:8px 10px;
margin:10px;
background:#252525;
border:1px solid #2b2b2b;
font-family:sans-serif;
font-size:12px
}
.comment .usertext.border .usertext-body {
padding:0 7px;
margin:5px 0 0;
background:#202020;
border:1px solid #1b1b1b
}
.gold-accent.comment-visits-box {
padding:0;
margin-left:10px;
background:0 0;
border-radius:0;
border:none;
font-family:sans-serif;
color:#cd9930
}
.new-comment .usertext-body {
margin:5px 10px 0 0;
padding-left:5px;
background:#292929;
border:1px solid #303030
}
.new-comment .usertext-body .md {
margin:5px 0;
padding:0
}
.sitetable.linklisting .comment {
padding:10px 15px;
margin:0;
background:#202020;
border:1px solid #272727;
border-bottom-color:#181818
}
.menuarea~.sitetable.linklisting>.comment:first-of-type {
border-top-color:#181818
}
.sitetable.linklisting .comment.collapsed {
padding-top:9px
}
.sitetable.linklisting .comment .parent {
margin:0 0 6px 22px;
color:#637481
}
.sitetable.linklisting .comment .parent a {
font-weight:400
}
.sitetable.linklisting .comment .parent a.title {
font-size:10px;
color:#b5c4cd
}
.sitetable.linklisting .comment .midcol,.sitetable.linklisting .message .midcol {
margin-top:2px
}
.sitetable.linklisting.comment.collapsed .tagline {
margin-top:-2px
}
.sitetable.linklisting .comment>.child {
margin:0
}
.thing.reported {
border-left:3px solid #e3d493!important
}
.thing.spam {
border-left:3px solid #fa6157!important
}
.sitetable.linklisting .link.spam {
background:#202020
}
.sitetable.linklisting .comment.reported,.sitetable.linklisting .comment.spam {
padding-left:13px
}
.sitetable.linklisting .link.reported,.sitetable.linklisting .link.spam {
padding-left:8px
}
.commentarea .comment.reported,.commentarea .comment.spam {
padding-left:10px;
margin-left:-13px;
background:0 0
}
.thing.spam.banned-user {
opacity:.5
}
.thing.spam.banned-user:hover {
opacity:1
}
.comment.spam>.child {
padding-left:10px;
margin-left:20px;
background:0 0
}
.message.spam>.child {
background:0 0
}
.sitetable>.message {
background:#202020
}
.content>.sitetable>.message {
padding:10px 15px;
margin:0;
background:#202020;
border:1px solid #272727;
border-bottom:1px solid #181818;
-webkit-transition:all .1s ease-in-out
}
.menuarea~.sitetable>.message:nth-of-type(1) {
border-top:1px solid #181818
}
.message .subject,.message.message-parent .subject {
margin-bottom:5px;
font-family:sans-serif
}
.message.was-comment .subject {
margin-bottom:7px
}
.message .subject .subject-text {
color:#eee
}
.message .subject a.title {
color:#b5c4cd
}
.message .subject .correspondent {
padding:0;
background:#393939;
border:1px solid #181818;
border-radius:1px
}
.message .subject .correspondent a {
padding:2px 5px;
display:block;
border:1px solid #444;
border-radius:1px;
color:#eee
}
.message .subject .correspondent a.author {
margin-right:0
}
.message .subject .expand-btn {
margin:8px 10px 5px 0;
font-family:verdana,sans-serif
}
.message.message-parent .entry,.message.message-reply .entry {
padding-bottom:0;
margin-left:1px;
margin-bottom:10px;
border-left:1px dashed #494949
}
.message.new>.entry {
padding:5px 10px;
background:#252525;
border-color:#303030;
margin-left:0;
border-left:3px solid #fb8500
}
.message.spam>.entry {
border-left:none
}
.message .entry a.parent-link {
padding:0;
margin:5px 0 0;
display:inline-block
}
.message.message-parent .tagline,.message.message-reply .tagline {
margin-bottom:5px;
color:#637481
}
.message.message-parent.recipient>.entry .head,.message.message-reply.recipient>.entry .head {
font-weight:400;
color:#637481
}
.message.new>.entry .head {
font-weight:400;
color:#e74c3c
}
.message.collapsed>.entry .head>a[id^=more] {
font-size:10px!important;
font-weight:400!important
}
.message .entry .md {
padding:5px 8px;
margin:5px 1px;
position:relative;
background:#252525;
border:1px solid #303030;
font-family:sans-serif;
color:#ddd;
z-index:1
}
.message.message-parent .entry .md,.message.message-reply .entry .md {
color:#6ebf83
}
.message.message-parent.recipient>.entry .md,.message.recipient>.entry .md {
color:#ddd
}
.message.gold-auto blockquote {
margin-bottom:2px;
background:#2b2b2b;
border:1px solid #333;
color:#bbb
}
.message .usertext-edit .md {
margin:5px 0
}
.message .entry .flat-list.buttons {
margin-left:0
}
.message.gold {
max-width:none;
border-radius:0
}
.message.gold .subject {
max-width:36em;
text-shadow:none
}
.message.gold .entry .md {
max-width:50em;
text-shadow:none
}
.compose-page .content>h1 {
width:500px;
padding:10px 15px;
margin:0;
position:relative;
background:#222;
border:1px solid #272727;
font-family:sans-serif;
font-size:15px;
font-weight:700;
text-transform:capitalize;
color:#eee
}
.compose-page .content>form>.spacer {
margin:0
}
.compose-page .content>form .roundfield {
padding:10px 15px;
margin:0;
position:relative;
background:#202020;
border:1px solid #272727;
border-top:none;
border-bottom:none;
border-radius:0;
font-family:sans-serif
}
.compose-page .content>form>.spacer:first-of-type .roundfield {
border-top:1px solid #181818
}
.compose-page .content>form>.spacer:nth-last-of-type(2) .roundfield {
border-bottom:1px solid #272727
}
.compose-page .content>form>.spacer:nth-last-of-type(2) .roundfield:before {
border-bottom:1px solid #101010;
bottom:-2px
}
.compose-page .content>form .roundfield .title {
font-size:16px;
font-weight:700;
text-transform:capitalize;
color:#eee
}
.compose-page .content>form .roundfield .gray {
font-size:12px;
color:#bbb
}
.compose-page #compose-message .status {
font-size:11px
}
.sitetable #noresults {
padding:10px 15px;
margin:0;
border:1px solid #272727;
background:#202020;
font-family:sans-serif;
color:#999
}
.single-page .sitetable #noresults {
padding:10px 0 0;
background:0 0;
border:none;
border-top:1px solid #272727
}
.commentarea #noresults {
padding:0 10px 5px;
background:0 0
}
.menuarea~.sitetable.linklisting>#noresults,.messages-page .sitetable #noresults {
border-top:1px solid #181818
}
.nextprev {
height:30px;
padding:0 15px;
margin:0;
display:block;
background:#222;
border:1px solid #272727;
font-family:sans-serif;
font-size:11px;
line-height:31px;
text-transform:uppercase;
color:#999
}
.nextprev a {
padding:1px 0;
background:0 0;
border:none;
border-radius:0;
font-weight:700;
color:#eee
}
.nextprev>a:first-of-type {
margin-left:2px
}
.nextprev a:hover {
background:0 0;
border:none
}
.nextprev .separator {
margin:0;
visibility:hidden
}
.nav-buttons .next-suggestions {
padding:8px 15px;
margin:0;
display:block;
background:#202020;
border:1px solid #272727;
border-top:1px solid #181818;
text-transform:uppercase;
font-size:11px;
font-family:sans-serif;
color:#999
}
.nav-buttons .next-suggestions a {
padding:0;
background:0 0;
border:none;
font-weight:700
}
.organic-listing .nextprev {
height:auto;
padding:0;
margin:0;
background:#1d1d1d;
border-top:1px solid #222;
border-right:1px solid #222;
border-bottom:1px solid #272727;
border-left:1px solid #272727;
line-height:normal
}
.organic-listing .nextprev:before {
content:"";
width:14px;
height:27px;
display:block;
position:absolute;
top:-1px;
left:-14px;
background:url("https://b.thumbs.redditmedia.com/4EG2wyTGyNV_jNUH4qQWRgDNnAKrnFEvdkF3u2en71c.png") no-repeat
}
.organic-listing .nextprev .arrow.next,.organic-listing .nextprev .arrow.prev {
width:25px;
height:25px;
padding:0;
margin:0;
position:relative;
background:url("https://b.thumbs.redditmedia.com/L1i1riU-rO4PHFrd94uh4n6_mlRZHcyrtAisO82lPMg.png") -9999px -9999px no-repeat;
border:none
}
.organic-listing .nextprev .arrow.next:active,.organic-listing .nextprev .arrow.prev:active {
top:0;
bottom:0
}
.organic-listing .nextprev .arrow.prev:active {
background-position:2px 4px
}
.organic-listing .nextprev .arrow.next:active {
background-position:-17px 4px
}
.organic-listing .nextprev .arrow.prev {
background-position:2px 3px
}
.organic-listing .nextprev .arrow.next {
background-position:-17px 3px
}
.footer-parent {
padding:40px 0;
transition:margin-left .25s ease-in-out
}
.footer,.footer .col {
border:none
}
.footer .flat-vert.title {
font-family:sans-serif;
font-size:14px;
text-transform:capitalize;
color:#666
}
.footer .flat-vert li a {
font-family:sans-serif;
color:#aaa
}
.footer .flat-vert li a:hover {
color:#eee
}
.footer .flat-vert li a.buygold,.footer .flat-vert li a.buygold:hover {
font-weight:400;
color:#cd9930
}
.footer-parent p.bottommenu {
font-family:sans-serif;
font-size:11px;
color:grey
}
.footer-parent p.bottommenu a {
text-decoration:none;
color:#3498DB
}
body>.debuginfo {
background:#1e1e1e;
border-top:1px solid #252525;
position:relative
}
body.with-listing-chooser>.debuginfo {
margin-left:153px;
border-left:1px solid #252525;
transition:margin-left .25s ease-in-out
}
body.with-listing-chooser.listing-chooser-collapsed>.debuginfo {
margin-left:23px
}
body>.debuginfo:after {
content:"Carbon by /u/ggitaliano";
padding:3px 0 0 5px;
float:left;
font-family:sans-serif;
color:#666
}
.submit-page .content>.submit.content {
width:520px;
padding:0;
margin:0;
background:0 0;
border:none
}
.submit-page .content>h1 {
display:none
}
.submit-page>.content ul.tabmenu.formtab {
width:520px;
padding:0;
margin:0;
border:1px solid #101010;
border-bottom:none
}
.submit-page>.content ul.tabmenu.formtab li a {
width:238px;
height:35px;
padding:0 10px;
display:inline-block;
background:#202020;
border:1px solid #272727;
font-family:lato,sans-serif;
font-size:12px;
font-weight:400;
letter-spacing:1px;
line-height:35px;
text-align:center;
text-transform:uppercase;
color:#888;
-webkit-transition:background .15s ease-in-out,color .15s ease-in-out;
-moz-transition:background .15s ease-in-out,color .15s ease-in-out;
-o-transition:background .15s ease-in-out,color .15s ease-in-out;
transition:background .15s ease-in-out,color .15s ease-in-out
}
.submit-page>.content ul.tabmenu.formtab li.selected a {
background:#282828;
border:1px solid #303030!important;
color:#fb8500
}
.submit-page>.content ul.tabmenu.formtab li a:hover {
color:#eee
}
.submit-page>.content ul.tabmenu.formtab li.selected a:hover {
color:#fb8500
}
.submit-page>.content ul.tabmenu.formtab li.selected+li a {
border-left-color:#202020
}
.submit-page>.content ul.tabmenu.formtab>li:first-of-type a {
border-right-color:#202020
}
.submit-page>.content .formtabs-content {
width:520px;
padding-top:0;
margin-top:0;
border-top:1px solid #181818;
border-bottom:1px solid #181818;
border-left:1px solid #101010;
border-right:1px solid #101010
}
.submit-page .formtabs-content .spacer {
margin:0
}
.submit-page .formtabs-content .infobar {
padding:10px;
margin-bottom:0;
background:#252525;
border:1px solid #2d2d2d;
font-size:11px;
font-family:sans-serif;
color:#ddd
}
.submit-page .tabmenu.formtab+.formtabs-content .infobar {
border-top:none
}
.submit-page .formtabs-content .roundfield {
background:#202020;
border:1px solid #272727;
border-top:none;
border-bottom:none;
border-radius:0;
width:498px;
padding:10px
}
.submit-page #sr-autocomplete-area {
z-index:9
}
.submit-page .formtabs-content .roundfield#title-field {
padding-top:10px;
border-top:1px solid #181818
}
.submit-page .formtabs-content .roundfield span.title {
font-family:sans-serif;
font-size:16px;
font-weight:700;
text-transform:capitalize;
color:#eee
}
.submit-page .formtabs-content .roundfield .gray {
font-family:sans-serif;
font-size:12px;
color:#bbb
}
.submit-page .formtabs-content .roundfield#text-field,.submit-page .formtabs-content .roundfield#url-field {
margin-bottom:-10px
}
.submit-page .roundfield #suggest-title button {
padding:0;
margin-top:0;
background:0 0;
border:none;
font-family:sans-serif;
color:#3498db
}
.submit-page .roundfield .roundfield-content .error {
float:left;
font-family:sans-serif;
font-size:11px;
color:#e74c3c
}
.submit-page .roundfield#url-field .roundfield-content .error {
margin-top:4px
}
.submit-page .formtabs-content .roundfield#reddit-field {
padding-bottom:20px
}
.submit-page .formtabs-content .roundfield#reddit-field #suggested-reddits {
display:none
}
.submit-page .formtabs-content .roundfield.submit_text.enabled {
color:#ddd;
background:#222;
border-top:1px solid #272727;
border-bottom:1px solid #272727;
font-family:sans-serif;
position:relative;
z-index:1
}
.submit-page .formtabs-content .roundfield.submit_text.enabled:before {
content:"";
z-index:-1;
background:#181818;
position:absolute;
top:-2px;
height:1px;
left:0;
right:0
}
.submit-page .formtabs-content .roundfield.submit_text.enabled:after {
content:"";
z-index:-1;
background:#181818;
position:absolute;
height:1px;
bottom:-2px;
left:0;
right:0
}
.submit-page .formtabs-content .roundfield.submit_text.enabled>h1 {
margin-top:0;
color:#eee
}
.submit-page .formtabs-content .roundfield.submit_text.enabled .md {
color:#ddd
}
.submit-page .formtabs-content>.spacer:last-of-type>.roundfield {
padding:10px 10px 15px
}
.submit-page .roundfield-content>label {
font-family:sans-serif;
font-size:12px;
color:#ddd
}
.submit-page .content.submit .info-notice {
width:499px;
padding-left:10px;
margin:0 0 15px 1px;
position:relative;
background:#222;
border:1px solid #272727;
border-radius:0;
font-family:sans-serif;
font-size:11px;
color:#ddd;
z-index:1
}
.submit-page .content.submit .info-notice:before {
content:none
}
.submit-page .content.submit .info-notice a {
font-weight:400;
text-decoration:none
}
.compose-page .content>form>button#send,.submit-page .content.submit .btn[name=submit],.wiki-page .wiki-page-content #editform input#wiki_save_button {
display:inline-block;
padding:0;
border-radius:1px;
background:#393939;
border:1px solid #494949;
color:#eee;
font-weight:400;
position:relative
}
.compose-page .content>form>button#send,.submit-page .content.submit .btn[name=submit] {
letter-spacing:1px;
text-transform:uppercase;
font-family:lato,sans-serif
}
.wiki-page .wiki-page-content #editform input#wiki_save_button {
padding:4px 6px
}
.submit-page .content.submit .btn[name=submit] {
margin:0;
height:35px;
width:100%;
font-size:13px
}
.compose-page .content>form>button#send {
height:28px;
padding:0 15px;
margin-top:10px;
margin-left:0;
font-size:11px;
text-shadow:0 2px 4px #222
}
.search-page .search-summary {
margin:15px;
position:relative;
color:#222;
z-index:1
}
.search-page .search-summary .debuginfo,.search-page .search-summary .debuginfo .icon {
padding:0;
background:0 0;
color:#999
}
.search-page .search-summary .debuginfo .content {
margin:0 0 0 5px
}
.search-page .side>.spacer:first-of-type {
margin-bottom:0
}
.searchpane.raisedbox {
padding:15px;
margin:0 1px;
position:relative;
background:#222;
border:1px solid #272727
}
.searchpane.raisedbox>h4 {
margin-bottom:5px;
font-family:sans-serif;
font-size:12px;
text-transform:capitalize;
color:#eee!important
}
.searchpane.raisedbox #search input[type=text] {
padding:7px;
background:#1f1f1f;
border:1px solid #292929;
font-size:12px;
color:#eee!important
}
.searchpane.raisedbox #search input[type=text]:active,.searchpane.raisedbox #search input[type=text]:focus,.searchpane.raisedbox #search input[type=text]:hover {
border-color:#333
}
.search-page .searchpane.raisedbox #moresearchinfo dl,.search-page .searchpane.raisedbox #search label {
color:#ddd
}
.search-page .searchpane.raisedbox #previoussearch #moresearchinfo {
margin:10px 0;
border-color:#333
}
.search-page .searchpane.raisedbox #moresearchinfo>p {
margin:0 0 10px;
color:#ddd
}
.search-page .searchpane.raisedbox+.menuarea {
margin-top:9px
}
.search-page .searchpane.raisedbox+.menuarea:after {
content:"";
height:1px;
display:block;
position:absolute;
top:-2px;
left:-2px;
right:-2px;
background:#101010;
z-index:-1
}
.search-page .searchfacets {
padding:10px 10px 25px;
margin:0 0 8px;
position:relative;
background:#202020;
border:1px solid #101010;
border-top:none;
box-shadow:none;
z-index:1
}
.search-page .searchfacets:before {
content:"";
display:block;
position:absolute;
top:0;
bottom:0;
left:0;
right:0;
border:1px solid #272727;
border-top:1px solid #181818;
z-index:-1
}
.search-page .searchfacets .list {
margin:0
}
.search-page .searchfacets h4.title {
font-family:sans-serif;
font-size:12px;
color:#eee
}
.search-page .searchfacets .list li {
margin-right:20px;
margin-bottom:1px;
font-family:sans-serif;
font-size:12px
}
.search-page .searchfacets .list li .facet.count {
font-size:11px;
font-weight:400;
color:#637481
}
.search-page .searchfacets .list li .facet.count:hover {
text-decoration:none
}
.search-page>.content>.sitetable.searchlisting {
border:1px solid #101010;
border-top:none
}
.other-discussions-page>.content>.sitetable.linklisting>.link,.related-page>.content>.sitetable.linklisting>.link {
border-bottom:1px solid #272727
}
.other-discussions-page .commentarea,.related-page .commentarea {
padding:0;
margin-top:8px
}
.other-discussions-page .commentarea .panestack-title,.related-page .commentarea .panestack-title {
height:33px;
padding:0 15px;
border-bottom:1px solid #272727;
line-height:34px
}
.other-discussions-page .commentarea .panestack-title .title,.related-page .commentarea .panestack-title .title {
color:#eee
}
.other-discussions-page .commentarea .link,.related-page .commentarea .link {
padding-bottom:10px;
border-left:none;
border-right:none;
margin-bottom:0
}
.other-discussions-page .commentarea .sitetable.linklisting>.link:first-of-type,.related-page .commentarea .sitetable.linklisting>.link:first-of-type {
border-top:1px solid #181818
}
.other-discussions-page .commentarea .sitetable.linklisting>.link:nth-last-of-type(2),.related-page .commentarea .sitetable.linklisting>.link:nth-last-of-type(2) {
border-bottom:0
}
.other-discussions-page .commentarea .nextprev,.related-page .commentarea .nextprev {
border:none;
border-top:1px solid #272727
}
.wiki-page>.content {
background:#202020;
border:1px solid #101010
}
.wiki-page>.content>.infobar {
border:0
}
.wiki-page>.content>.infobar .md {
color:#bbb
}
.wiki-page>.content>span:first-of-type {
padding:10px 5px;
display:block;
background:#222;
border:1px solid #292929
}
.wiki-page>.content>.infobar+span:first-of-type {
border-top:1px solid #181818
}
.wiki-page .wikititle {
margin:0 0 0 10px;
display:inline-block;
font-family:sans-serif;
font-size:15px;
vertical-align:bottom;
color:#eee
}
.wiki-page .pageactions {
border:none;
margin-left:15px
}
.wiki-page .pageactions a.wikiaction {
padding:0 6px;
margin:0;
font-family:sans-serif;
font-size:11px;
text-transform:uppercase;
color:#bbb
}
.wiki-page .pageactions a.wikiaction:hover {
background:0 0;
color:#eee
}
.wiki-page .pageactions a.wikiaction.wikiaction-current {
background:0 0;
color:#fb8500
}
.wiki-page .wiki-page-content {
margin:0;
background:#202020;
border:1px solid #272727;
border-top:1px solid #181818;
font-family:sans-serif
}
.wiki-page-content .md.wiki {
padding:15px 300px 15px 15px;
border-bottom:1px solid #272727
}
.wiki-page-content .md.wiki>.toc>ul {
position:relative;
background:#222;
border:1px solid #292929;
z-index:1
}
.wiki-page .wiki-page-content .wiki>.toc>ul ul {
border-left:1px dotted #393939
}
.wiki-page-content .md.wiki>.toc+* {
margin-top:0
}
.wiki-page-content .md h1,.wiki-page-content .md h2,.wiki-page-content .md h6 {
color:#ccc
}
.wiki-page-content>hr {
display:none
}
.wiki-page-content>em {
padding:9px 15px;
display:block;
background:#1e1e1e;
border-top:1px solid #181818;
font-family:sans-serif;
color:#bbb;
min-height:15px
}
.wiki-page-content>em .flair {
font-size:11px
}
.wiki-page-content>textarea.source {
max-width:95%;
margin:15px
}
.wiki-page-content #editform {
padding:15px
}
.wiki-page-content #editform textarea#wiki_page_content {
max-width:95%
}
.wiki-page-content #editform>.help-toggle {
margin-top:5px;
margin-bottom:-10px;
display:block;
font-size:12px
}
.wiki-page-content #editform .markhelp {
padding:10px 0 0;
margin:10px 0 0
}
.wiki-page-content #editform input#wiki_revision_reason {
max-width:95%;
margin-top:6px;
background:#292929;
border:1px solid #393939;
box-shadow:none;
font-family:sans-serif;
font-size:12px;
color:#eee
}
.wiki-page .sitetable.wikirevisionlisting {
padding:15px;
border-bottom:1px solid #181818
}
.wiki-page-content .wikirevisionlisting .generic-table {
margin-left:0;
color:#ddd
}
.wiki-page-content .wikirevisionlisting .generic-table .flair {
font-size:11px;
text-indent:0
}
.wiki-page-content .wikirevisionlisting .generic-table td {
padding:3px 0;
border:1px solid #2d2d2d;
text-indent:5px
}
.wiki-page-content .wikirevisionlisting .generic-table tr:nth-of-type(odd) td {
background:#292929
}
.wiki-page-content .wikirevisionlisting .generic-table tr:nth-of-type(even) td {
background:#252525
}
.wiki-page .sitetable.wikirevisionlisting~button {
margin:10px 15px
}
table.diff {
margin:15px
}
table.diff .diff_next {
background-color:#333;
border-bottom:1px solid #333;
border-left:1px solid #333
}
table.diff .diff_header {
background-color:#333;
border-right:1px solid #333;
border-bottom:1px solid #333;
border-left:1px solid #333;
color:#bbb
}
table.diff .diff_add,table.diff .diff_chg,table.diff .diff_sub {
color:#111
}
.wiki-page .wiki-page-content>.description {
padding:0
}
.wiki-page .wiki-page-content .description h2 {
padding:10px 15px;
border-bottom:1px solid #181818;
font-size:12px;
font-weight:400;
color:#ddd
}
.wiki-page .wiki-page-content>.sitetable.linklisting {
border:0
}
.wiki-page .wiki-page-content>.sitetable.linklisting .link {
border-left:0;
border-right:0
}
.wiki-page .wiki-page-content>.sitetable.linklisting>.link:nth-last-of-type(2) {
border-bottom:1px solid #272727
}
.wiki-page .wiki-page-content .discussionlink {
padding:10px 15px;
margin:0;
display:block;
background:#1e1e1e;
border:none;
border-top:1px solid #181818
}
.wiki-page .wiki-page-content .discussionlink a {
width:130px;
height:25px;
padding:0;
display:block;
position:relative;
background:#393939;
border:1px solid #494949;
border-radius:1px;
font-size:12px;
font-weight:400;
letter-spacing:0;
line-height:25px;
color:#eee
}
.wiki-page .wiki-page-content .discussionlink .nub {
display:none
}
.fancy-settings .linefield {
padding:7px 5px;
margin-bottom:0;
position:relative;
background-color:#202020;
border:1px solid #272727;
border-top:none;
border-bottom:none;
font-family:sans-serif
}
.fancy-settings .pretty-form>.linefield:nth-of-type(1) {
border-top:1px solid #272727
}
.flair-settings.fancy-settings .pretty-form .linefield:nth-of-type(1) {
border-top:1px solid #181818
}
.fancy-settings .pretty-form>.linefield:nth-of-type(1):before {
top:-2px
}
.fancy-settings .pretty-form .linefield:nth-last-of-type(2) {
border-bottom:1px solid #272727
}
.fancy-settings .pretty-form .linefield:nth-last-of-type(2):before {
bottom:-2px
}
.fancy-settings .linefield-content {
padding:2px 7px 5px
}
.fancy-settings .linefield .title {
padding:1px 7px;
font-family:sans-serif;
font-weight:700;
text-transform:capitalize;
color:#eee
}
.fancy-settings .pretty-form>.linefield:first-of-type>.title {
margin-bottom:3px;
display:inline-block
}
.linefield-content label+input[type=text] {
margin-top:6px
}
.linefield .delete-field,.linefield .small-field {
padding-bottom:3px
}
.linefield .delete-field>p.little.gray {
margin:3px 0 6px;
color:#888
}
.linefield .delete-field>p.little.gray+table {
font-size:13px
}
.linefield .delete-field>p.little.gray+table tr>td:nth-of-type(1) {
padding-right:5px;
padding-bottom:1px
}
.linefield .delete-field>p.little.gray+table tr td label {
font-size:13px
}
.linefield .gray {
color:#888
}
.linefield form#image-upload>label {
font-family:sans-serif
}
.linefield form#image-upload>label:first-of-type {
margin:5px 0 8px;
display:inline-block;
font-weight:700
}
.linefield form#image-upload>label:nth-of-type(2) {
text-transform:lowercase
}
.linefield form#image-upload>input#file {
margin-top:10px
}
.linefield #img-preview-container {
margin:10px 0 0;
background:#1e1e1e;
border:1px solid #181818;
border-radius:1px
}
.pretty-form .save-button {
padding:10px 0
}
.pretty-form .save-button>button {
margin:0
}
.pretty-form .error {
font-size:11px
}
.flair-settings.fancy-settings>h1 {
width:500px;
padding:8px 12px;
margin:0;
display:inline-block;
position:relative;
background:#222;
border:1px solid #272727;
font-family:sans-serif;
font-size:15px;
font-weight:700;
text-transform:capitalize;
color:#999
}
.flair-settings.fancy-settings>h1 strong {
text-transform:none;
color:#999
}
.flair-settings~.tabmenu {
margin:0 0 -1px
}
.flair-settings~.tabmenu li {
margin:0;
display:inline-block
}
.flair-settings~.tabmenu li a {
padding:8px 10px;
display:block;
background:#202020;
border:1px solid #292929;
font-family:sans-serif;
font-size:11px;
font-weight:400;
text-transform:uppercase;
color:#bbb
}
.flair-settings~.tabmenu li.selected a {
background:#222;
border:1px solid #292929;
border-bottom-color:#222;
color:#fb8500
}
.flair-settings~.tabmenu>li:nth-of-type(2) a,.flair-settings~.tabmenu>li:nth-of-type(3) a {
border-left:none
}
.flair-settings~.tabpane-content {
padding:0;
background:#222;
border:1px solid #292929
}
.flair-settings~.tabpane-content .linefield {
padding:10px 0;
background:#222
}
.flair-settings~.tabpane-content .linefield .title {
font-family:sans-serif;
font-size:15px;
font-weight:700;
color:#eee
}
.flair-settings~.tabpane-content .linefield .linefield-content {
padding:6px 9px
}
.flair-settings~.tabpane-content .flairlist {
padding:10px 0 5px
}
.flair-settings~.tabpane-content .flairlist .clearflairtemplates-button {
background:#292929;
border-color:#303030
}
.stylesheet-customize-container {
border:1px solid #101010
}
.stylesheet-customize-container #preview-table,.stylesheet-customize-container form#subreddit_stylesheet {
padding:10px;
background:#202020;
border:1px solid #272727;
border-bottom:1px solid #181818
}
.stylesheet-customize-container #images {
padding:10px 10px 0;
background:#222;
border:1px solid #272727
}
.stylesheet-customize-container h2 {
margin-top:0;
font-family:sans-serif;
text-transform:capitalize
}
.stylesheet-customize-container h2,.stylesheet-customize-container h2 a {
color:#eee
}
.stylesheet-customize-container .sheets .buttons,.stylesheet-customize-container .sheets .col>div {
margin-left:0
}
.stylesheet-customize-container #preview-table>table {
margin:5px 0;
background:#1a1a1a;
border:1px solid #101010
}
.stylesheet-customize-container #image-preview-list {
position:relative;
top:50px
}
.explore-page .sitetable.exploreitemlisting {
border:1px solid #101010
}
.explore-page .explore-header {
padding:8px 10px;
margin:0;
background:#222;
border:1px solid #272727;
color:#ddd
}
.explore-header .explore-discuss-link {
margin:3px 5px
}
.explore-header .explore-discuss-link a {
font-weight:400
}
.explore-header #explore-settings {
font-family:sans-serif;
font-size:12px;
color:#bbb
}
.explore-page .explore-item {
margin:0;
background:#202020;
border:1px solid #272727;
border-bottom:1px solid #181818
}
.explore-page .explore-header+.explore-item {
border-top:1px solid #181818
}
.explore-page .explore-item .explore-sr {
padding:0;
margin:10px 15px
}
.explore-item.explore-discovery .explore-label,.explore-item.explore-rising .explore-label {
padding:0;
background:0 0;
border:none;
border-radius:0;
font-family:sans-serif;
font-size:12px;
color:#eee
}
.explore-item .explore-label .explore-label-type {
padding-left:0
}
.explore-item.explore-rising .explore-label .explore-label-type {
color:#27ae60
}
.explore-item .explore-label .explore-label-link {
padding-right:0;
color:#eee
}
.explore-item .explore-sr-details {
color:#637481
}
.explore-page .explore-item .link {
padding:9px 15px;
border:none
}
.explore-item .explore-feedback-dismiss {
background:url("https://b.thumbs.redditmedia.com/_bd9DUGPUyXfM7BO4LzJgD8wMV6sH6jqbCEibNL5Ook.png") no-repeat;
opacity:1
}
.subreddits-page .side>.spacer:first-of-type {
margin-bottom:0
}
.subreddits-page .sr-interest-bar {
margin:0 1px 10px;
position:relative;
overflow:visible
}
.subreddits-page>.content>.menuarea {
border-bottom:1px solid #181818
}
.subreddits-page>.content>.menuarea~.infobar {
margin-bottom:0
}
.subreddits-page>.content>.infobar {
margin:0 0 -1px;
border-top:none
}
.subreddits-page>.content>.infobar .md {
font-size:13px;
line-height:16px
}
.subreddits-page>.content>.infobar>.md>p>code {
height:12px;
padding:1px 6px;
display:inline-block;
border:none;
border-radius:2px;
font-family:verdana,sans-serif;
font-size:10px;
font-weight:700;
line-height:normal;
line-height:12px;
color:#181818
}
.subreddits-page>.content>.infobar>.md>p>code:nth-of-type(1) {
background:#27ae60
}
.subreddits-page>.content>.infobar>.md>p>code:nth-of-type(2) {
background:#e74d4d
}
.subreddits-page .searchpane.raisedbox {
padding:15px;
margin:0 1px;
position:relative;
background:#222;
border:1px solid #272727;
border-bottom:1px solid #181818
}
.sitetable.linklisting .thing.subreddit {
padding:9px 10px 9px 0;
margin:0;
background:#202020;
border:1px solid #272727;
border-bottom:1px solid #181818
}
.sitetable.linklisting>.thing.subreddit:first-of-type {
border-top-color:#181818
}
.sitetable.linklisting>.thing.subreddit:nth-last-of-type(2) {
border-bottom:1px solid #272727
}
.thing.subreddit .midcol {
width:80px!important;
margin:0 10px 5px 13px;
text-align:center
}
.thing.subreddit .midcol .fancy-toggle-button .add,.thing.subreddit .midcol .fancy-toggle-button .remove {
border:none;
color:#181818
}
.sitetable.linklisting .thing.subreddit .entry {
padding-top:1px
}
.sitetable.linklisting .thing.subreddit .titlerow {
font-family:sans-serif
}
.sitetable.linklisting .thing.subreddit .titlerow a.title {
color:#3498db
}
.sitetable.linklisting .thing.subreddit .usertext .md {
padding:0;
margin-left:1px;
position:relative;
background:#202020;
border:none;
border-radius:0;
font-family:sans-serif;
color:#ddd;
z-index:1
}
.sitetable.linklisting .thing.subreddit .tagline {
margin-right:8px;
display:inline-block
}
.sitetable.linklisting .thing.subreddit .report-button a {
color:#637481
}
.sidecontentbox .subscription-box .fancy-toggle-button .add,.sidecontentbox .subscription-box .fancy-toggle-button .remove {
font-size:10px;
font-family:verdana,arial,sans-erif
}
.sidecontentbox .subscription-box .box-top {
height:auto
}
.sidecontentbox .subscription-box .column {
text-align:left;
float:none;
width:auto;
display:block;
padding:2px 0 5px
}
.gold-creddits-remaining {
padding-top:10px
}
.num-gildings {
padding-bottom:10px
}
.sidecontentbox .subscription-box .column.giftgold a:before {
margin-right:2px;
top:0
}
.sidecontentbox .subscription-box .column.giftgold a {
color:#cd9930
}
.sidecontentbox .subscription-box .column.giftgold a:before {
margin-right:2px;
top:0
}
.sidecontentbox .subscription-box .box-separator {
margin:8px 0;
border-color:#333
}
.sidecontentbox .subscription-box ul>a.title {
font-weight:700
}
.sidecontentbox .subscription-box li {
margin-bottom:5px
}
.sidecontentbox .subscription-box li .fancy-toggle-button {
float:none;
display:inline-block;
margin-bottom:0
}
.sidecontentbox .subscription-box a.title {
color:#3498db
}
.organic-listing .sr-interest-bar,.sr-interest-bar {
background:#202020;
border:1px solid #272727
}
.sr-interest-bar .bubble {
margin-left:0;
background:#202020;
border:none;
border-radius:1px;
font-family:sans-serif;
color:#ddd
}
.sr-interest-bar .bubble:after {
content:none
}
.sr-interest-bar .caption .subscribe {
padding:0;
background:0 0;
border:none;
border-radius:0;
color:#27ae60
}
.sr-interest-bar .query-box {
padding:0;
border:1px solid #181818;
border-radius:1px
}
.sr-interest-bar .query-box input.query {
padding:3px 0;
background:#292929;
border:1px solid #393939;
border-radius:1px;
font-size:14px;
text-indent:5px;
color:#eee
}
.sr-interest-bar ul.results {
padding:5px 0 0;
margin:8px 1px 0;
border:none
}
.sr-interest-bar ul.results li {
margin:3px 6px 3px 0
}
.sr-interest-bar ul.results>li:first-of-type {
padding-bottom:3px;
margin-left:1px;
display:block;
font-family:sans-serif;
font-size:12px;
font-weight:700;
text-transform:capitalize;
color:#ddd
}
.sr-interest-bar ul.results li a.random {
font-weight:400;
color:#637481
}
.explore-item .explore-feedback .fancy-toggle-button .add,.explore-item .explore-feedback .fancy-toggle-button .add:hover,.explore-item .explore-feedback .fancy-toggle-button .remove,.explore-item .explore-feedback .fancy-toggle-button .remove:hover,.fancy-toggle-button .add,.fancy-toggle-button .remove {
padding:1px 4px;
border:none;
color:#101010
}
.explore-item .explore-feedback .fancy-toggle-button .add,.explore-item .explore-feedback .fancy-toggle-button .add:hover,.fancy-toggle-button .add,.sidecontentbox .subscription-box .fancy-toggle-button .add,.subreddit .midcol .fancy-toggle-button .add {
background:#27ae60
}
.explore-item .explore-feedback .fancy-toggle-button .remove,.explore-item .explore-feedback .fancy-toggle-button .remove:hover,.fancy-toggle-button .remove,.sidecontentbox .subscription-box .fancy-toggle-button .remove,.subreddit .midcol .fancy-toggle-button .remove {
background:#e74d4d
}
.infobar.newsletterbar {
margin:0 1px 8px;
position:relative;
background:#252525;
border:1px solid #2b2b2b;
border-radius:0;
overflow:visible;
padding:10px 15px;
z-index:1
}
.infobar.newsletterbar input.c-form-control {
background:#333;
border:1px solid #444;
border-radius:1px;
color:#eee
}
.login-form-side {
padding-top:15px;
margin:0 1px;
background:#222;
border:1px solid #272727;
position:relative;
z-index:1
}
.login-form-side input[type=text],.login-form-side input[type=password] {
width:268px;
padding:5px;
margin:0 0 10px 15px;
background:#292929;
border:1px solid #393939;
color:#eee
}
.login-form-side input[type=text]:active,.login-form-side input[type=text]:focus,.login-form-side input[type=text]:hover,.login-form-side input[type=password]:active,.login-form-side input[type=password]:focus,.login-form-side input[type=password]:hover {
border:1px solid #444;
outline:0
}
.login-form-side #remember-me {
margin:0 15px 10px;
color:#eee
}
.login-form-side #remember-me .recover-password.attention {
padding:0;
border:none;
border-bottom:1px dotted #3498db;
border-radius:0;
font-weight:400
}
.login-form-side .submit {
margin:4px 15px 0 0
}
.login-form-side button.btn {
margin:0;
background:#393939;
border:1px solid #494949;
color:#eee;
border-radius:2px
}
.login-form-side .error {
margin:0 15px;
font-family:sans-serif;
font-size:10px;
color:#e74c3c
}
.flair,.linkflairlabel {
display:inline-block;
padding:0 3px;
background:#333;
border:none;
border-radius:1px;
font-family:verdana,arial,helvetica,sans-serif;
color:#ccc
}
.titlebox .tagline .flairselector.drop-choices {
width:330px!important;
padding:10px!important;
top:0!important;
right:300px;
left:auto!important;
background:#2D2D2D;
border:none;
box-shadow:none
}
.titlebox .tagline .flairselector.drop-choices h2 {
display:none
}
.titlebox .tagline .flairselector.drop-choices .flairoptionpane {
margin-bottom:10px
}
.titlebox .tagline .flairselector ul {
width:93px!important;
margin-right:10px
}
.titlebox .tagline .flairselector ul li {
width:93px!important;
padding-left:0;
margin-bottom:5px;
border:none
}
.titlebox .tagline .flairselector li.selected,.titlebox .tagline .flairselector li:hover {
background:#2D2D2D
}
.titlebox .tagline .flairselector form .flairselection .flair,.titlebox .tagline .flairselector ul li>.flair {
background-color:#444;
border:1px solid #444;
color:#eee
}
.titlebox .tagline .flairselector li.selected .flair,.titlebox .tagline .flairselector ul li:hover>.flair {
background-color:#4C4C4C;
border-color:#777
}
.titlebox .tagline .flairselector form {
padding-top:10px;
border-color:#444;
text-align:left
}
.titlebox .tagline .flairselector form .flairremove {
color:#2D2D2D
}
.titlebox .tagline .flairselector form .flairremove a {
color:#eee
}
.titlebox .tagline .flairselector form .flairremove a:hover {
color:#F7C83F
}
.titlebox .tagline .flairselector form .customizer {
margin-top:10px
}
.titlebox .tagline .flairselector form .customizer input[type=text] {
padding:3px;
margin-right:5px;
border:none
}
.titlebox .tagline .flairselector form button {
margin-left:0
}
.titlebox .tagline .flairselector form>.status {
font-family:sans-serif;
font-size:11px;
color:#888
}
.link .flairselector.drop-choices {
padding:0!important;
margin-top:15px;
background:#252525;
border:1px solid #2d2d2d;
box-shadow:none
}
.link .flairselector.drop-choices h2 {
padding:5px 0;
margin-bottom:0;
background:#333;
font-family:sans-serif;
font-size:11px;
text-transform:uppercase;
color:#ddd
}
.link .flairselector.drop-choices .flairoptionpane {
padding:10px 0;
margin-bottom:0
}
.link .flairselector.drop-choices .flairoptionpane>ul {
margin:0 auto!important
}
.link .flairselector.drop-choices ul li.flairsample-left {
height:18px;
padding:0;
margin-bottom:4px;
border:none
}
.link .flairselector.drop-choices form a.title,.link .flairselector.drop-choices ul li a.title {
display:none
}
.link .flairselector.drop-choices ul li .linkflair {
text-align:center
}
.link .flairselector.drop-choices .linkflairlabel {
margin:0;
line-height:18px
}
.link .flairselector li:hover {
background:0 0
}
.link .flairselector li.selected .linkflairlabel {
background:#eee;
font-weight:700;
color:#333
}
.link .flairselector form {
padding-top:10px;
background:#252525;
border-color:#333
}
.link .flairselector form .flairselection {
margin:0
}
.link .flairselector form .flairremove {
margin-bottom:10px;
color:#ddd
}
.link .flairselector form .customizer {
display:none
}
.link .flairselector form button {
margin:0 0 10px
}
.link .flairselector form>.status {
font-family:sans-serif;
font-size:11px;
color:#888
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.link .flairselector.drop-choices .linkflairlabel {
line-height:16px
}
}
.commentarea:before,.fancy-settings .linefield:before,.flair-settings.fancy-settings>h1:before,.infobar.newsletterbar:before,.link .usertext-body .md:before,.linkinfo:before,.login-form-side:before,.menuarea .drop-choices.lightdrop:before,.messages-page .message .entry .md:before,.messages-page.compose-page .content>form .roundfield:before,.messages-page.compose-page .content>h1:before,.searchpane.raisedbox:before,.sr-interest-bar+.searchpane.raisedbox:before,.submit-page .content.submit .info-notice:after,.subreddits-page .sr-interest-bar:before,.titlebox:before,.trending-subreddits:before,.wiki-page .wiki-page-content .md.wiki>.toc>ul:before,body>.content>.menuarea:before,body>.debuginfo:before {
content:"";
display:block;
position:absolute;
z-index:-1
}
.commentarea:before,.fancy-settings .linefield:before,.flair-settings.fancy-settings>h1:before,.infobar.newsletterbar:before,.linkinfo:before,.login-form-side:before,.menuarea .drop-choices.lightdrop:before,.messages-page.compose-page .content>form .roundfield:before,.messages-page.compose-page .content>h1:before,.searchpane.raisedbox:before,.sr-interest-bar+.searchpane.raisedbox:before,.submit-page .content.submit .info-notice:after,.subreddits-page .sr-interest-bar:before,.titlebox:before,.trending-subreddits:before,body>.content>.menuarea:before,body>.debuginfo:before {
border:1px solid #101010
}
.messages-page .message .entry .md:before,.wiki-page .wiki-page-content .md.wiki>.toc>ul:before {
border:1px solid #181818
}
.commentarea:before,.flair-settings.fancy-settings>h1:before,.infobar.newsletterbar:before,.linkinfo:before,.login-form-side:before,.menuarea .drop-choices.lightdrop:before,.messages-page .message .entry .md:before,.searchpane.raisedbox:before,.sr-interest-bar+.searchpane.raisedbox:before,.subreddits-page .sr-interest-bar:before,.titlebox:before,.wiki-page .wiki-page-content .md.wiki>.toc>ul:before {
top:-2px;
bottom:-2px;
left:-2px;
right:-2px
}
.trending-subreddits:before,body>.content>.menuarea:before {
top:-2px;
bottom:-1px;
left:-2px;
right:-2px
}
.submit-page .content.submit .info-notice:after {
top:-1px;
left:-2px;
right:-2px;
bottom:-2px;
border-top:none
}
.link .usertext-body .md:before {
top:0;
right:0;
bottom:0;
left:0;
border:1px solid #303030
}
.flair-settings.fancy-settings>h1:before {
border-bottom:none
}
.fancy-settings .linefield:before {
left:-2px;
right:-2px;
top:0;
bottom:0
}
.messages-page.compose-page .content>form>button#send:before,.submit-page .content.submit .btn[name=submit]:before,.wiki-page .wiki-page-content #editform input#wiki_save_button:before {
content:"";
border:1px solid #101010;
position:absolute;
display:block;
top:-2px;
left:-2px;
right:-2px;
border-radius:1px;
z-index:-1;
bottom:-2px
}
.comments-page .commentarea:before {
border-top:none;
top:-1px
}
.messages-page.compose-page .content>h1:before {
top:-2px;
bottom:0;
right:-2px;
left:-2px;
border-bottom:none
}
.messages-page.compose-page .content>form .roundfield:before {
top:0;
bottom:0;
right:-2px;
left:-2px;
border-top:none;
border-bottom:none
}
body>.debuginfo:before {
top:-2px;
bottom:0;
left:0;
right:0
}
body.with-listing-chooser>.debuginfo:before {
left:-2px
}
body.with-listing-chooser .listing-chooser {
top:115px;
background:#222;
border:1px solid #101010;
border-left:none
}
body.with-listing-chooser .listing-chooser .grippy {
background:#222;
border:1px solid #2d2d2d
}
body.with-listing-chooser .listing-chooser .grippy:hover {
background:#242424
}
body.with-listing-chooser .listing-chooser .grippy:before,body.with-listing-chooser .listing-chooser:hover .grippy:before {
opacity:1;
-webkit-transition:none;
-moz-transition:none;
-o-transition:none;
transition:none
}
body.with-listing-chooser .listing-chooser .grippy:before {
background-image:url("https://b.thumbs.redditmedia.com/Bh6xlRY9TvTelyXqocJsVUyNrWHQemmOZOOxUKxyKoQ.png");
background-position:133px center
}
body.with-listing-chooser.listing-chooser-collapsed .listing-chooser .grippy:before {
background-image:url("https://b.thumbs.redditmedia.com/RtrwscVjcyyVzczKGK3GKKkgeOgNOqntswHmXS2OduM.png");
background-position:1px center
}
body.with-listing-chooser .listing-chooser .grippy:after,body.with-listing-chooser.listing-chooser-collapsed .listing-chooser .grippy:after {
background:#252525;
border-right:1px solid #1a1a1a
}
body.with-listing-chooser .listing-chooser .grippy:hover:after {
background:#282828;
border-right-color:#181818
}
.listing-chooser>.contents {
border-top:1px solid #2d2d2d;
font-family:sans-serif;
font-size:11px
}
.listing-chooser li.selected:before {
right:5px;
border-left-color:#999
}
.listing-chooser ul.global {
width:127px;
padding:0;
border-right:1px solid #1d1d1d
}
.listing-chooser ul.global li {
padding:0;
margin:0;
background:#252525;
border:none;
box-shadow:none
}
.listing-chooser ul.global li:hover {
background:#272727
}
.listing-chooser ul.global li.selected {
z-index:1
}
.listing-chooser ul.global li a {
padding:10px 15px;
margin:0;
font-size:12px;
font-weight:700
}
.listing-chooser ul.global li a[href="/"] {
border-bottom:1px solid #1d1d1d;
color:#27ae60
}
.listing-chooser ul.global li a[href="/explore"] {
border-top:1px solid #2b2b2b;
border-bottom:1px solid #2b2b2b
}
.listing-chooser ul.global li a .description {
color:#999
}
.listing-chooser h3 {
width:97px;
padding:10px 15px;
border:1px solid #1d1d1d;
border-right:1px solid #1b1b1b;
border-left:none;
text-align:left;
color:#ddd
}
.listing-chooser .intro {
width:127px;
padding:5px 0;
margin-bottom:0;
background:#272727;
border-top:1px solid #2e2e2e;
border-bottom:1px solid #1d1d1d;
border-right:1px solid #1b1b1b;
color:#bbb
}
.listing-chooser .intro p {
padding:3px 15px;
margin:0;
font-size:11px
}
.listing-chooser .contents>ul.multis {
width:127px;
padding:10px 0;
background:#292929;
border-top:1px solid #303030;
border-bottom:1px solid #303030;
border-right:1px solid #1b1b1b;
position:relative
}
.listing-chooser .contents>ul.multis:after {
content:"";
height:1px;
display:block;
position:absolute;
left:0;
right:0;
bottom:-2px;
background:#1d1d1d
}
.listing-chooser ul.multis li {
background:#393939;
border:1px solid #494949;
border-right:none;
border-radius:1px 0 0 1px
}
.listing-chooser ul.multis li:hover {
background:#3b3b3b
}
.listing-chooser ul.multis li.selected {
margin-right:-10px;
border-right:none;
box-shadow:none
}
.listing-chooser ul.multis li.selected:before,.listing-chooser ul.other li.selected:before {
right:5px;
border-left-color:#bbb
}
.listing-chooser ul.multis li a {
padding:8px 5px 8px 10px;
font-size:12px;
color:#eee
}
.listing-chooser ul.multis li:hover a {
color:#fff
}
.listing-chooser ul.multis li.create {
padding:3px 5px 8px 10px;
background:#313131;
border-color:#3d3d3d
}
.listing-chooser ul.multis li.create.expanded,.listing-chooser ul.multis li.create:hover {
margin-left:12px;
background:#333
}
.listing-chooser ul.multis li.create input[type=text] {
width:80px;
margin:5px 0;
background:#444;
border:1px solid #555;
color:#eee
}
.listing-chooser ul.multis li.create .error {
margin:4px 0;
font-size:11px
}
.listing-chooser ul.multis li.create button {
width:100%;
padding:0;
display:block;
background:0 0;
border:none;
box-shadow:none;
font-family:sans-serif;
font-size:12px;
text-align:left;
color:#eee;
opacity:1
}
.listing-chooser ul.multis li.create button:before {
content:"+ "
}
.listing-chooser ul.other {
width:127px;
margin-top:0;
padding-top:18px;
border-right:1px solid #1b1b1b
}
.listing-chooser ul.other li {
margin-left:12px;
background:#2d2d2d;
border:1px solid #383838;
border-radius:1px 0 0 1px;
box-shadow:none;
transition:all .15s ease-in-out
}
.listing-chooser ul.other li:hover {
margin-left:9px
}
.listing-chooser ul.other li.gold-perks {
background:#2b2b2b
}
.listing-chooser ul.other li.selected {
margin-right:-10px;
background:#333;
border-color:#3b3b3b
}
.listing-chooser ul.other li a {
padding:10px 5px 10px 10px;
border-radius:0;
font-size:12px;
color:#eee
}
.listing-chooser ul.other li a[href="/r/mod"] {
color:#18af92
}
.listing-chooser ul.other li.gold-perks a {
color:#cd9930
}
.listing-chooser ul.other li .description {
color:#bbb
}
.gold-only #header {
background:#202020;
border-bottom-color:#101010
}
.gold-only #header #sr-header-area {
background-color:#1a1a1a;
border-bottom:1px solid #101010;
opacity:1
}
.gold-only #header .tabmenu li a,.gold-only #header .tabmenu li.selected a {
background:0 0;
border:none;
color:#bbb
}
.gold-only #header .tabmenu li a:hover {
color:#eee
}
.gold-only #header .tabmenu li.selected a,.gold-only #header .tabmenu li.selected a:hover,.gold-only .titlebox .fancy-toggle-button .option.add {
color:#cd9930
}
.gold-only #header-img.default-header {
background-image:url("https://a.thumbs.redditmedia.com/BZYB7y_rOxL5d1eLJujF48-5jL-V5cmXPgNWkFZ4HT0.png")
}
.gold-only .link .score.likes {
color:#d0aa48
}
.gold-only .link .score.dislikes {
color:#927732
}
.gold-only .link.stickied a.title {
color:#cd9930!important
}
.gold-only .link.stickied .flat-list.buttons li a:hover,.gold-only .link.stickied .flat-list.buttons li.first a,.gold-only .tagline .stickied-tagline {
color:#cd9930
}
.gold-only .arrow.downmod,.gold-only .arrow.upmod {
background-image:url("https://b.thumbs.redditmedia.com/Fj9HUZNrfmGncVHNsf11t8A7ohgunNcGJZLqG4BfwCs.png")
}
.gold-only .arrow.upmod {
background-position:-45px 0
}
.gold-only .arrow.downmod {
background-position:-15px 0
}
.profile-page .titlebox>.giftgold {
padding:0 15px;
margin:15px 0
}
.profile-page .gold-expiration-info+.giftgold {
padding-top:15px;
margin-top:0;
position:relative;
border-top:1px solid #181818
}
.profile-page .gold-expiration-info+.giftgold:before {
content:"";
height:1px;
position:absolute;
top:-2px;
left:0;
right:0;
background:#2d2d2d
}
.profile-page .titlebox .gold-expiration-info .gold-remaining .karma {
color:#f4b639
}
.profile-page .titlebox>.giftgold a {
color:#cd9930
}
.gilded-icon {
margin-left:5px;
color:#c0a32f
}
.gilded-icon:before {
margin-right:3px;
background:url("https://b.thumbs.redditmedia.com/lzn89TlvPmvL4dnSxuDV1TbkogNcj3D_5kZXnB-JJrI.png") no-repeat
}
.gold-expiration-info {
padding:0;
margin:15px 0 0;
background:#252525;
border:none;
border-top:1px solid #181818;
border-radius:0
}
.gold-expiration-info .gold-remaining {
padding:10px 15px 12px;
margin-bottom:1px;
border-top:1px solid #2b2b2b;
color:#cd9930
}
.gold-expiration-info .gold-remaining a {
display:inline-block;
margin-top:8px
}
.gold-expiration-info .gold-creddits-remaining {
margin:0!important;
padding-bottom:10px
}
.server-seconds {
padding:0;
background:#222;
border:none;
border-radius:0
}
.server-seconds .server-seconds-public.bottom,.server-seconds>p {
padding:13px 15px
}
.server-seconds .server-seconds-public.bottom {
margin-top:0;
position:relative
}
.server-seconds>p+p {
margin-top:1px;
position:relative;
border-top:1px solid #272727
}
.server-seconds>p+p:before {
content:"";
height:1px;
display:block;
position:absolute;
top:-2px;
left:0;
right:0;
background:#181818
}
.server-seconds em {
color:#eee
}
.side .giftgold.allminus-link,.side .gilded-link {
margin:0;
background:#202020;
border:1px solid #101010;
border-top:none;
border-bottom:none;
font-family:sans-serif
}
.side .gilded-link {
border-bottom:1px solid #101010
}
.side .giftgold.allminus-link a,.side .gilded-link a {
display:block;
padding:6px 15px;
border:1px solid #272727;
border-top:none;
border-bottom:none;
color:#cd9930
}
.side .giftgold.allminus-link:nth-of-type(2) a {
padding-top:10px;
border-top:1px solid #181818
}
.side .gilded-link a {
padding-bottom:10px;
border-bottom:1px solid #272727
}
.side .goldvertisement {
background:#202020;
border:1px solid #101010;
border-radius:0;
box-shadow:none;
font-family:sans-serif
}
.side .goldvertisement .inner {
padding:0 0 8px;
margin:0;
border:1px solid #272727
}
.side .goldvertisement h2 {
padding:10px 15px;
background:#222;
border-bottom:1px solid #272727;
font-size:12px;
font-weight:700;
color:#cd9930
}
.side .goldvertisement .progress {
padding:13px 15px 8px;
border-top:1px solid #181818
}
.gold-bubble div.history .progress {
opacity:1
}
.side .goldvertisement .progress p {
margin-left:8px;
color:#cd9930
}
.hover-bubble.anchor-top-centered:after {
border-bottom-color:#2d2d2d
}
.gold-bubble.anchor-top-centered:before {
border-bottom-color:#353535
}
.gold-bubble div.history .progress .bar,.side .goldvertisement .progress .bar {
background:#292929;
border:1px solid #333;
border-radius:1px
}
.gold-bubble div.history .progress .bar {
background:#222
}
.gold-bubble div.history .progress .bar span,.side .goldvertisement .progress .bar span {
background:-webkit-linear-gradient(left,#fed36e,#f4b639);
border-radius:1px 0 0 1px
}
.side .goldvertisement a {
margin:5px 0 0;
background:0 0;
border:none;
border-radius:0;
font-size:11px;
font-weight:700;
color:#3498DB
}
.giftgold a:before,.gilded-link a:before {
background:url("https://b.thumbs.redditmedia.com/lzn89TlvPmvL4dnSxuDV1TbkogNcj3D_5kZXnB-JJrI.png") no-repeat;
position:relative;
margin-left:0
}
.giftgold.allminus-link a:before,.gilded-link a:before {
top:-1px
}
.hover-bubble.gold-bubble {
background:#2d2d2d;
border:1px solid #353535;
border-radius:0;
box-shadow:0 0 5px rgba(16,16,16,.5);
margin-left:4px;
color:#ddd;
width:288px;
font-family:sans-serif;
font-size:12px;
line-height:normal
}
.gold-bubble span.gold-branding {
background-image:url("https://b.thumbs.redditmedia.com/g2xFRu-j_HoTXghkoigDrZb6l6aFsUboaRHkDdtKzPM.png")
}
.gold-bubble div.history .progress p,.gold-bubble div.history p,.gold-bubble p.buy-gold a {
color:#cd9930
}
.gold-bubble div.history .progress p {
font-size:12px
}
.gold-bubble p.aside {
color:#999;
font-size:11px
}
.gold-bubble div.history {
border-top:1px solid #444
}
.link .gold-wrap {
margin-left:5px
}
.comment .gold-wrap {
margin-left:-11px;
margin-bottom:15px
}
.gold-wrap .fancy {
background-color:#292929;
border:1px solid #303030
}
.gold-wrap .fancy .fancy-inner {
border:1px solid #333
}
.gold-wrap .fancy .fancy-inner .container a {
color:#938870
}
.gold-wrap .fancy .fancy-inner .gold-form .note,.gold-wrap .fancy .fancy-inner .gold-form.gold-payment {
color:#bbb
}
.gold-payment .close-button {
background:url("https://b.thumbs.redditmedia.com/ByDpJS_TIsnHeHRX3mktRAB6RLKGCJ7etqHc-uYHU9s.png") 0 -85px no-repeat
}
.gold-wrap.cloneable-comment .container,.gold-wrap.cloneable-link .container {
padding:10px 30px;
background-color:#242424;
background-color:rgba(31,31,31,.5);
border:1px solid #333
}
.gold-wrap .container h2.sidelines span:after,.gold-wrap .container h2.sidelines span:before {
border-color:#444
}
.titlebox>h1+.usertext>p {
padding:10px 15px;
border-top:1px solid #181818
}
.filtered-details .unfilter,.titlebox>h1+.usertext+.modsr-link {
margin:0 15px 10px
}
.filtered-details div.usertext .md {
padding-bottom:0;
margin-bottom:-5px
}
.hover-bubble.multi-selector {
background:#353535;
border:1px solid #101010;
box-shadow:0 0 3px rgba(16,16,16,.5);
margin-top:-43px!important;
padding:1px;
font-family:sans-serif;
color:#eee
}
.hover-bubble.multi-selector .title {
padding:8px 0 0 12px;
background:#2d2d2d
}
.hover-bubble.multi-selector .title strong {
margin:0;
font-size:13px;
color:#eee;
text-align:left
}
.hover-bubble.multi-selector .title a.sr {
margin:0;
padding:3px 0 2px;
font-size:12px;
text-align:left
}
.hover-bubble.multi-selector .multi-list {
margin:0;
padding:2px 0 5px;
background:#2d2d2d
}
.hover-bubble.multi-selector .create-multi input[type=text] {
background:#393939;
border:1px solid #444;
color:#eee
}
.hover-bubble.multi-selector .create-multi input[type=text]:active,.hover-bubble.multi-selector .create-multi input[type=text]:focus,.hover-bubble.multi-selector .create-multi input[type=text]:hover {
background:#3d3d3d;
border-color:#484848;
outline:0
}
.hover-bubble.multi-selector label:hover {
background:0 0
}
.hover-bubble.multi-selector label input[type=checkbox] {
vertical-align:baseline
}
.hover-bubble.multi-selector label a {
background:#444;
border:1px solid #555;
opacity:1;
color:#eee
}
.hover-bubble.multi-selector label a:hover {
background:#494949;
border-color:#5a5a5a
}
.hover-bubble.anchor-left.anchor-left:after,.hover-bubble.anchor-left.anchor-right:after,.hover-bubble.anchor-right.anchor-left:after,.hover-bubble.anchor-right.anchor-right:after {
width:12px;
height:20px;
top:42px;
border:none
}
.hover-bubble.anchor-left.anchor-right:after,.hover-bubble.anchor-right.anchor-right:after {
right:-11px;
background:url("https://b.thumbs.redditmedia.com/ByDpJS_TIsnHeHRX3mktRAB6RLKGCJ7etqHc-uYHU9s.png") -36px -413px no-repeat
}
.hover-bubble.anchor-left.anchor-left:after,.hover-bubble.anchor-right.anchor-left:after {
left:-11px;
background:url("https://b.thumbs.redditmedia.com/ByDpJS_TIsnHeHRX3mktRAB6RLKGCJ7etqHc-uYHU9s.png") -48px -413px no-repeat
}
.hover-bubble.anchor-left.anchor-left:before,.hover-bubble.anchor-left.anchor-right:before,.hover-bubble.anchor-right.anchor-left:before,.hover-bubble.anchor-right.anchor-right:before {
display:none
}
.multi-details>h2,.multi-details>h3 {
padding:10px 15px 0;
color:#ddd;
font-weight:700
}
.multi-details>h2 {
border-top:1px solid #181818
}
.multi-details>h3 {
margin:0;
background:#222;
border-top:1px solid #272727
}
.multi-details .gray-buttons.settings {
padding:0;
margin-bottom:0
}
.multi-details>.gray-buttons.settings {
padding:0 15px 12px
}
.multi-details .gray-buttons.settings button {
color:#999;
font-family:sans-serif
}
.multi-details .gray-buttons.settings button:hover {
color:#bbb;
text-decoration:none
}
.multi-details .description .gray-buttons.settings {
background:#202020;
padding:8px 15px;
border-bottom:1px solid #181818
}
.filtered-details form.rename-multi .warning,.multi-details form.rename-multi .warning {
font-weight:400;
margin:0 0 5px;
color:#e74c3c
}
.confirm-button .confirmation {
color:#e74c3c;
font-size:11px
}
.filtered-details .share-in-sr,.multi-details .share-in-sr {
font-size:11px;
color:#999
}
.filtered-details form.copy-multi,.filtered-details form.rename-multi,.multi-details form.copy-multi,.multi-details form.rename-multi {
margin:0;
padding:0 15px 10px;
background:#202020
}
.filtered-details .copy-multi input.multi-name,.filtered-details .rename-multi input.multi-name,.multi-details .copy-multi input.multi-name,.multi-details .rename-multi input.multi-name {
border-color:#494949;
background:#393939;
color:#eee
}
.filtered-details form.copy-multi button,.filtered-details form.rename-multi button,.multi-details form.copy-multi button,.multi-details form.rename-multi button {
background:0 0;
border:none;
color:#eee;
box-shadow:none;
opacity:1;
font-family:sans-serif;
position:relative;
top:-1px
}
.multi-details form.copy-multi .error.copy-error {
font-size:11px;
margin-top:3px
}
.multi-details>.description {
border-top:1px solid #181818;
margin:0
}
.multi-details>.description .usertext-body .md {
border-bottom-color:#181818
}
.filtered-details .description .usertext-edit,.filtered-details .description .usertext-edit textarea,.multi-details .description .usertext-edit,.multi-details .description .usertext-edit textarea {
width:270px!important;
margin:0
}
.filtered-details .description .usertext-edit,.multi-details .description .usertext-edit {
padding:10px 10px 0
}
.filtered-details .description .usertext-edit .bottom-area,.multi-details .description .usertext-edit .bottom-area {
margin-top:5px
}
.filtered-details>.description .usertext-edit>.md,.multi-details>.description .usertext-edit>.md {
width:276px
}
.filtered-details form.add-sr,.multi-details form.add-sr {
margin:-1px 0 0;
padding:0 15px 10px;
background:#222
}
.multi-details form.add-sr {
border-bottom:1px solid #272727
}
.filtered-details form.add-sr .sr-name,.multi-details form.add-sr .sr-name {
background:#393939;
border:1px solid #494949;
color:#eee;
font-size:12px
}
.filtered-details form.add-sr #sr-drop-down,.multi-details form.add-sr #sr-drop-down {
background:#2d2d2d;
border-color:#353535
}
.filtered-details form.add-sr .error,.multi-details form.add-sr .error {
margin-top:3px;
font-size:11px
}
.filtered-details ul.subreddits,.multi-details ul.subreddits {
background:#222;
padding:5px 15px 10px;
border-bottom:1px solid #272727;
margin-left:0
}
.filtered-details ul li,.multi-details ul li {
font-size:12px;
position:relative
}
.filtered-details ul.subreddits li a,.multi-details ul.subreddits li a {
margin-left:12px
}
.filtered-details.readonly ul.subreddits li a,.multi-details.readonly ul.subreddits li a {
margin-left:0
}
.multi-details .bottom {
margin-top:0
}
.multi-details .recommend-box {
margin:0;
padding:0;
background:#222;
border-top:1px solid #181818
}
.multi-details .recommend-box .recs {
padding:10px 15px;
border-top:1px solid #272727
}
.multi-details .recommend-box h1 {
font-size:13px
}
.recommend-box ul.recommendations {
margin-bottom:8px
}
.multi-details .recommend-box .rec-item {
margin:0;
background:0 0;
padding:0;
width:120px;
border:none
}
.multi-details .recommend-box .rec-item a {
padding:0;
width:auto;
line-height:normal;
margin-left:12px
}
.multi-details.readonly .recommend-box .rec-item a {
margin-left:0
}
.filtered-details .recommend-box button.add,.filtered-details .subreddits button.remove-sr,.multi-details .recommend-box .rec-item button.add,.multi-details .subreddits button.remove-sr {
background:url("https://b.thumbs.redditmedia.com/ByDpJS_TIsnHeHRX3mktRAB6RLKGCJ7etqHc-uYHU9s.png") no-repeat;
width:9px;
height:9px;
margin:0;
position:absolute;
left:0;
top:5px;
opacity:1;
border:0
}
.filtered-details .subreddits button.add,.multi-details .recommend-box .rec-item button.add {
background-position:-24px -102px
}
.filtered-details button.add:after,.multi-details .recommend-box .rec-item button.add:after {
display:none;
content:none
}
.filtered-details .subreddits button.remove-sr,.multi-details .subreddits button.remove-sr {
background-position:-24px -113px
}
.filtered-details .add-sr button.add,.multi-details .add-sr button.add {
margin-left:5px;
background:url("https://b.thumbs.redditmedia.com/ByDpJS_TIsnHeHRX3mktRAB6RLKGCJ7etqHc-uYHU9s.png") -37px -106px no-repeat;
border:0!important;
opacity:1
}
.multi-details .recommend-box .more {
color:#3498db;
font-weight:400;
font-style:italic;
font-size:11px
}
.multi-details .recommend-box .endoflist {
padding:10px 15px;
background:#222;
border-top:1px solid #272727
}
.multi-details .recommend-box .endoflist h1 {
font-size:13px
}
.multi-details .recommend-box .endoflist .heading {
color:#999
}
.multi-details .visibility-group {
margin-top:8px
}
.organic-listing .help {
margin-bottom:6px;
color:#3498DB
}
#spotlight-help.hover-bubble {
padding:1px;
margin-left:1px;
background:#2b2b2b;
border:1px solid #101010;
box-shadow:0 0 1px rgba(16,16,16,.5);
color:#ddd
}
#spotlight-help.hover-bubble .help-section {
background:#252525
}
#spotlight-help.hover-bubble .help-section>* {
padding:.5em;
margin:0
}
#spotlight-help.hover-bubble .help-section>p:nth-of-type(1) {
padding-bottom:0
}
.hover-bubble.anchor-top:after {
display:none
}
.hover-bubble.anchor-top:before {
width:18px;
height:11px;
top:-10px;
background:url("https://b.thumbs.redditmedia.com/ByDpJS_TIsnHeHRX3mktRAB6RLKGCJ7etqHc-uYHU9s.png") -12px -413px no-repeat;
border:none
}
.modal-content {
background:#222;
border-radius:0;
border:1px solid #2d2d2d
}
.modal-title {
color:#eee;
font-family:sans-serif
}
.split-panel .split-panel-section.split-panel-divider:first-child {
border-color:#333
}
.login-disclaimer {
color:grey
}
.modal-content .c-btn-primary {
background:#393939;
border:1px solid #494949
}
.usertext-buttons .status {
font-family:sans-serif;
font-size:11px;
color:#888
}
.usertext button {
margin-top:0;
background:#393939;
border:1px solid #494949;
border-radius:1px;
color:#eee
}
.error {
color:#e74c3c
}
.bottom-area .error {
font-family:sans-serif;
font-size:11px;
color:#e74c3c
}
.bottom-area .help-toggle a.option,.bottom-area a.reddiquette {
font-family:sans-serif
}
.bottom-area .help-toggle,.bottom-area a.reddiquette {
margin-top:2px
}
.bottom-area a.reddiquette {
position:relative;
top:3px
}
.bottom-area .help-toggle a.option:active,.bottom-area .help-toggle a.option:focus,.bottom-area a.reddiquette:active,.bottom-area a.reddiquette:focus {
outline:0
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.bottom-area a.reddiquette {
top:0
}
}
.linefield .bottom-area a.reddiquette,.messages-page.compose-page .roundfield .usertext-edit .bottom-area a.reddiquette {
top:0
}
.markhelp,.usertext .markhelp {
padding:10px 0 0;
margin:0 0 10px;
border-top:none;
font-family:sans-serif
}
.markhelp>p {
font-size:12px
}
.markhelp table.md {
margin-top:10px;
margin-left:0;
font-size:12px
}
.markhelp tbody tr,.usertext .markhelp tbody tr {
border:none
}
.markhelp tbody tr:nth-of-type(1) {
text-transform:uppercase
}
.markhelp tbody tr:nth-of-type(1) td em {
font-style:normal;
font-weight:700
}
.markhelp tbody td,.usertext .markhelp tbody td {
padding:8px;
border:1px solid #2d2d2d;
text-align:left;
color:#ddd
}
.markhelp tbody tr:nth-of-type(odd)>td {
background:#292929
}
.markhelp tbody tr:nth-of-type(even)>td {
background:#252525
}
.res #header-bottom-right {
padding:0 15px 0 8px;
top:auto;
bottom:0;
border-radius:0;
height:40px
}
.res #header-bottom-right.res-navTop {
top:21px;
bottom:auto;
border-top:1px solid #222;
border-bottom:1px solid #272727
}
.res #header-bottom-right.res-navTop:before {
background-position:-30px -367px;
border-top:1px solid #222;
border-bottom:0
}
.res #mail.havemail {
top:1px!important
}
.res #sr-header-area #srLeftContainer {
overflow:hidden
}
.res #sr-header-area #RESStaticShortcuts .separator {
visibility:hidden
}
.res #sr-header-area #srLeftContainer .srSep {
margin-left:9px;
color:#444
}
.res #sr-header-area #RESShortcutsViewport #RESShortcuts {
text-transform:uppercase!important;
color:#444
}
.res #RESShortcutsEditContainer {
max-height:20px;
background:0 0
}
.res #RESShortcutsEditContainer #RESShortcutsAdd,.res #RESShortcutsEditContainer #RESShortcutsLeft,.res #RESShortcutsEditContainer #RESShortcutsRight,.res #RESShortcutsEditContainer #RESShortcutsSort,.res #RESShortcutsEditContainer #RESShortcutsTrash {
height:20px;
background:0 0;
font-size:12px;
line-height:20px;
color:#999
}
.res #RESShortcutsEditContainer #RESShortcutsSort {
top:1px
}
.res #RESShortcutsEditContainer #RESShortcutsLeft {
right:27px
}
.res #RESShortcutsEditContainer .res-icon {
right:15px;
font-size:12px
}
.res #userbarToggle {
border-radius:0;
border:none;
width:20px;
padding:0;
line-height:36px;
height:40px;
text-align:center;
background:0 0;
color:#999;
left:0
}
.res-navTop #userbarToggle.userbarShow {
top:auto;
bottom:0;
left:0
}
.res .titlebox>h1.redditname+div {
padding:8px 15px;
border-top:1px solid #181818
}
.res .titlebox>.subButtons {
border-top:1px solid #181818
}
.res .fancy-toggle-button {
border-top:1px solid #272727
}
.res .RESDashboardToggle,.res .RESshortcutside {
width:136px;
background:#202020;
border:none;
display:inline-block;
border-top:1px solid #272727;
border-bottom:1px solid #181818;
height:20px;
line-height:20px;
padding:1px 6px;
margin:0;
border-radius:0;
color:#999
}
.res .RESDashboardToggle {
width:135px;
border-left:1px solid #181818
}
.res .RESDashboardToggle:hover,.res .RESshortcutside:hover {
background:#222
}
.res .subscribers,.res .users-online {
margin-top:-55px
}
.res .RES-keyNav-activeElement,.res .commentarea .RES-keyNav-activeElement .md,.res .commentarea .RES-keyNav-activeElement.entry .noncollapsed {
background-color:#292929!important
}
.res-commentBoxes .res .comment {
border:0!important;
background:#222!important;
margin-left:0!important;
margin-bottom:0!important;
padding:1px 0 0!important;
overflow:visible!important;
margin-right:0!important
}
.res .commentarea .sitetable.nestedlisting>.comment {
margin-top:1px!important;
padding-top:10px!important;
border-top:1px solid #2a2a2a!important
}
.res .commentarea .sitetable.nestedlisting>.comment.collapsed {
margin-bottom:11px!important;
padding-top:9px!important
}
.res .comment.collapsed {
padding-top:0!important
}
.res-commentBoxes .res .comment div.child {
border-left:1px dotted #333!important
}
.res-nightmode.res-commentBoxes .res.comments-page .comment,.res-nightmode.res-commentBoxes .res.comments-page .comment .comment,.res-nightmode.res-commentBoxes .res.comments-page .comment .comment .comment,.res-nightmode.res-commentBoxes .res.comments-page .comment .comment .comment .comment,.res-nightmode.res-commentBoxes .res.comments-page .comment .comment .comment .comment .comment,.res-nightmode.res-commentBoxes .res.comments-page .comment .comment .comment .comment .comment .comment,.res-nightmode.res-commentBoxes .res.comments-page .comment .comment .comment .comment .comment .comment .comment,.res-nightmode.res-commentBoxes .res.comments-page .comment .comment .comment .comment .comment .comment .comment .comment,.res-nightmode.res-commentBoxes .res.comments-page .comment .comment .comment .comment .comment .comment .comment .comment .comment {
background:#222!important
}
.res-commentBoxes .res .comment .comment,.res-commentBoxes .res .comment .comment .comment,.res-commentBoxes .res .comment .comment .comment .comment,.res-commentBoxes .res .comment .comment .comment .comment .comment,.res-commentBoxes .res .comment .comment .comment .comment .comment .comment,.res-commentBoxes .res .comment .comment .comment .comment .comment .comment .comment,.res-commentBoxes .res .comment .comment .comment .comment .comment .comment .comment .comment,.res-commentBoxes .res .comment .comment .comment .comment .comment .comment .comment .comment .comment,.res-commentBoxes .res .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment {
background-color:#222!important
}
.res .comment span.score {
color:#637481;
font-weight:400
}
.res .RESUserTagImage {
background-image:url("https://b.thumbs.redditmedia.com/bJ6W-li90D74SxYhGRqRlOAF6p8NtubXmXurS_wiunY.png");
height:9px;
position:relative;
top:1px;
margin-left:-.4em
}
.res .tagline a.voteWeight {
background:0 0;
color:#637481
}
.res .linkinfo .score {
display:inline-block
}
.res .linkinfo .totalvotes {
display:inline-block;
margin-left:10px;
padding:2px 5px;
background:#333;
border-radius:1px
}
.res .link .tagline a.author {
font-weight:400
}
.res .thing .tagline a.author.submitter,.res .thing .tagline a.author.submitter:hover {
color:#3498db!important;
background:0 0!important
}
.res .thing .tagline a.author.moderator,.res .thing .tagline a.author.moderator:hover {
color:#18af92!important;
background:0 0!important
}
.res .thing .tagline a.author.admin,.res .thing .tagline a.author.admin:hover {
color:#e04232!important;
background:0 0!important
}
.res .thing .tagline a.author.alum,.res .thing .tagline a.author.alum:hover {
color:#d32a4d!important;
background:0 0!important
}
.res .comment .usertext.border .usertext-body {
margin-right:0
}
.res .redditSingleClick {
color:#637481;
font-weight:400
}
.res.res-nightmode .entry .buttons li a,.res.res-nightmode .entry time {
color:#637481
}
.res .RESSubscriptionButton {
background:#292929;
border:1px solid #333;
color:#3498db;
font-size:12px;
font-family:sans-serif;
border-radius:2px;
font-weight:400
}
.res .RESSubscriptionButton:hover {
background:#2d2d2d;
border-color:#393939
}
.res .RESSubscriptionButton.unsubscribe {
color:#999
}
.res .commentNavSortType {
color:#eee
}
.res div#navigateBynew.commentNavSortType {
color:#cd9930!important
}
.res span.RESCharCounter {
background:#252525;
padding:3px 6px;
font-size:12px;
border:1px solid #2d2d2d;
position:relative;
top:2px;
color:#888
}
.res .markdownEditor .edit-btn:not(.btn-macro) {
background-image:url("https://b.thumbs.redditmedia.com/pbDjxm7BuOs4hwQh47kEYnaSt4efLAEGNi4aboPWUTQ.png");
border:1px solid #444;
background-color:#333!important
}
.res .markdownEditor .btn-superscript {
top:2px
}
.res .commentingAs {
font-family:sans-serif
}
.res .RESMacroWrappingSpan {
font-family:sans-serif;
text-transform:uppercase
}
.res .RESMacroDropdownTitle {
color:#888;
padding-left:21px;
padding-right:0;
background:url("https://a.thumbs.redditmedia.com/UKO5Yt3_710n8nhGIrFV1vaGEp8JAq6NiAfv68qhyk0.png") left center no-repeat
}
.res .livePreview {
border:1px solid #333;
margin-top:10px
}
.res .RESDialogSmall {
background:#222;
border-color:#333;
border-radius:0;
color:#ddd
}
.res .RESDialogSmall>h3 {
background:#292929;
color:#eee;
font-family:sans-serif;
border-color:#333;
margin:0;
font-weight:700
}
.res .usertext-edit .RESDialogSmall .md.RESDialogContents {
margin:0;
background:#252525!important;
border-top:1px solid #1a1a1a;
padding-top:10px;
font-family:sans-serif
}
.res #BigPreview.md {
font-family:sans-serif;
font-size:14px
}
.res button.RESBigEditorPop {
color:#eee;
background-color:#333;
border:1px solid #444
}
.res button.RESBigEditorPop:hover {
background-color:#393939;
border-color:#494949
}
.res .newComments {
color:#ff5c2d;
font-weight:400
}
.res.res-nightmode body {
background:#1a1a1a
}
.res.res-nightmode #header,.res.res-nightmode .linkinfo input {
background:#202020
}
.res.res-nightmode #sr-header-area,.res.res-nightmode #sr-more-link,.res.res-nightmode div#RESShortcutsEditContainer {
background:#1a1a1a;
color:#ddd
}
.res.res-nightmode #header-bottom-right {
background:#1d1d1d
}
.res.res-nightmode .side,.res.res-nightmode body .content {
background:0 0
}
.res.res-nightmode .side .spacer>#search input {
background:#202020;
color:#eee
}
.res.res-nightmode #searchexpando {
border-color:#272727;
border-top:1px solid #181818
}
.res.res-nightmode .side .linkinfo {
background:#222;
border-color:#272727
}
.res.res-nightmode .side .titlebox {
border-color:#272727
}
.res.res-nightmode .linklisting .link {
padding:9px 10px
}
.res.res-nightmode .listing-page .sitetable>div:nth-of-type(4n+1) {
background:#202020;
padding-top:9px
}
.res.res-nightmode .organic-listing .thing {
background-color:#202020!important
}
.res.res-nightmode h1 {
border-bottom:0
}
.res.res-nightmode .titlebox>h1 {
border-bottom:1px solid #272727!important
}
.res.res-nightmode .sidecontentbox .content {
border-color:#272727;
border-top:1px solid #181818;
background:#202020
}
.res.res-nightmode .link .expando-button {
background-image:url("https://b.thumbs.redditmedia.com/ByDpJS_TIsnHeHRX3mktRAB6RLKGCJ7etqHc-uYHU9s.png")!important
}
.res .entry div.madeVisible {
margin-top:5px
}
.res #modalOverlay,.res #modalOverlay.fadeIn {
background-color:rgba(0,0,0,.5)
}
.res #RESMainGearOverlay {
background:#1d1d1d;
border:0
}
.res .RESDropdownList {
background-color:#2d2d2d;
border-radius:0;
border-color:#101010;
box-shadow:0 0 5px rgba(16,16,16,.5)
}
.res .RESDropdownList #RESDropdownOptions {
border:1px solid #353535
}
.res .RESDropdownList li {
border-bottom-color:#353535;
border-top:1px solid #202020;
color:#ddd
}
.res .RESDropdownList a:hover,.res .RESDropdownList li:hover {
background-color:#323232;
color:#fff
}
.res .RESDropdownList li a,.res .RESDropdownList li a:visited {
color:#ddd
}
.res .RESDropdownList #DashboardLink {
border-top:0
}
.res .RESDropdownList #RESTipsMenuItem {
border-bottom:0
}
.res-navTop #header {
height:100px
}
}
@-moz-document domain("reddit.com") {
#header-img.default-header {
background-image: url(https://b.thumbs.redditmedia.com/E1Qwhq11wZD69w8ltgNBB8Am6Rs-MOYKloGeAbsNaqQ.png) !important;
background-position: 0px 0px !important;
width: 80px !important;
height: 28px !important;
margin: 0 30px 0 0 !important;
}
#header-img {
display: none;
}
.listing-chooser {
margin-top: -16px !important;
}
.subButtons {
padding: 0px !important;
display: inline-flex;
width: 100%;
}
.subButtons:after {
content: '';
border-top: 1px solid #272727 !important;
border-bottom: 1px solid #181818 !important;
flex-grow: 1;
}
.fancy-toggle-button {
width: auto !important;
}
.RESshortcutside {
height: 30px !important;
line-height: 32px !important;
padding: 0px 6px !important;
display: inline-block;
width: auto !important;
}
.option.remove,
.option.add {
top: 0px !important;
}
.subscribe-button a:hover {
background: #222 !important;
}
.subscribers,
.users-online {
margin-top: -31px !important;
}
.quarantine-notice,
.interstitial-subreddit-description {
background: inherit;
}
.quarantine-notice {
border-top: 1px solid #181818;
border-bottom: 1px solid #272727;
margin-bottom: 0;
}
.side {
display: block;
float: right;
margin: 8px;
}
body > .content {
margin-right: 8px !important;
padding-top: 0px;
margin-top: 8px;
display: flex;
flex-direction: column;
}
body.with-listing-chooser {
padding-left: 1px;
}
.messages-page #siteTable {
margin-right: 0px !important;
}
.messages-page #siteTable .message {
margin-right: 0px !important;
border-top: 1px solid #181818;
border-bottom: 1px solid #272727;
}
.wiki-page-content .md.wiki {
padding: 15px;
}
.reddit-infobar.md-container-small {
margin-top: 0px !important;
}
.menuarea {
margin-bottom: -1px !important;
}
.searchpane.raisedbox {
margin: 1px
}
button, .morelink {
border-radius: 0 !important;
}
.sitetable.linklisting {
border: none !important;
}
.content > #siteTable, .listing-page > .content > .spacer > #siteTable {
border: 1px solid #101010 !important;
}
.NERPageMarker, #progressIndicator {
padding: 10px 10px !important;
margin: 0 !important;
border-radius: 0 !important;
color: #b5c4cd !important;
background: #202020 !important;
border: 1px solid #272727 !important;
border-bottom: 1px solid #181818 !important;
}
.NERPageMarkerLast {
border-bottom: 1px solid #272727 !important;
}
p.nextprev {
margin-top: 10px;
}
#progressIndicator {
margin: -1px 1px 1px 1px;
position: relative;
border-bottom: 1px solid #272727;
}
.search-page #progressIndicator {
margin: 0px 1px 1px 1px;
position: relative;
border-bottom: 1px solid #272727;
}
#progressIndicator:before {
content: "";
display: block;
position: absolute;
z-index: -1;
border: 1px solid #101010;
height: calc(100% + 2px);
width: calc(100% + 2px);
top: -1;
}
.search-result a, .search-expando-button {
color: #3498db !important
}
.search-result .search-comments:hover {
color: #9ab2ca !important;
}
.search-result-header a {
color: #b5c4cd !important;
}
.search-result-header a:visited {
color: #808c94 !important;
}
.search-result-header a:hover {
color: #ccd8de !important;
}
.search-result-header a:visited:hover {
color: #97a3aa !important;
}
.search-result mark {
line-height: inherit;
color: inherit !important;
}
.search-result-group {
background: #202020;
border: 1px solid #272727 !important;
outline: 1px solid #101010;
border-radius: 0 !important;
min-width: auto;
max-width: initial;
margin: 1px;
margin-top: 8px;
}
.search-result-group-header {
border: 0px;
}
.search-link {
white-space: pre;
white-space: pre-wrap;
white-space: pre-line;
white-space: -pre-wrap;
white-space: -o-pre-wrap;
white-space: -moz-pre-wrap;
word-wrap: break-word;
}
.search-expando.collapsed:before {
background: rgba(255,255,255,0);
background: -moz-linear-gradient(top,rgba(255,255,255,0) 0%,#202020 100%);
background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(255,255,255,0)),color-stop(100%,#202020));
background: -webkit-linear-gradient(top,rgba(255,255,255,0) 0%,#202020 100%);
background: -o-linear-gradient(top,rgba(255,255,255,0) 0%,#202020 100%);
background: -ms-linear-gradient(top,rgba(255,255,255,0) 0%,#202020 100%);
background: linear-gradient(to bottom,rgba(255,255,255,0) 0%,#202020 100%);
}
.crosspost-preview-header {
background: #202020;
border: 1px solid #272727;
border-radius: 0;
color: #ccc;
}
.crosspost-preview .title {
color: #b5c4cd;
}
.crosspost-preview, .res-expando-box-inner .usertext-body {
background: #202020 !important;
border: 1px solid #101010 !important;
border-radius: 0 !important;
color: #ccc !important;
}
.res-expando-box-inner .usertext-body .res-text-media.md {
border-radius: 0 !important;
color: #ccc !important;
background: #202020 !important;
border: 1px solid #272727 !important;
border-top: 1px solid #181818 !important;
margin: 0px;
}
.res-expando-box-inner .usertext-body .res-title {
margin: 0px !important;
padding: 0.625em;
border: 1px solid #272727 !important;
background: #222;
}
.crosspost-preview-content .md:before {
border: 1px solid #272727 !important;
}
.thing.visited .title, .thing.visited .source-url {
color: #808c94;
}
.crosspost-preview-tagline .comments {
font-weight: 700;
color: #3498db;
}
.self-divider {
display: none;
}
.expando-button.video:after {
display: none;
}
.link .entry .expando-button, .usertext-body .expando-button, .res-freetext-expando .expando-button {
width: 20px;
height: 20px;
margin: 4px 8px 0 0;
border: 1px solid #1a1a1a;
background: url("https://i.imgur.com/lCqAjHJ.png") -9999px -9999px no-repeat #252525 !important;
transition: background-color .15s ease-in-out, background-position .15s ease-in-out;
}
.link .expando-button:hover {
cursor: pointer
}
.link .entry .expando-button.selftext.collapsed, .usertext-body .selftext.collapsed, .res-freetext-expando .expando-button.selftext.collapsed {
background-position: 0 -302px!important
}
.link .entry .expando-button.selftext.expanded, .usertext-body .selftext.expanded, .res-freetext-expando .expando-button.selftext.expanded {
background-position: 0 -282px!important
}
.link .entry .expando-button.crosspost.collapsed, .usertext-body .crosspost.collapsed, .res-freetext-expando .expando-button.crosspost.collapsed {
background-position: -30px -342px!important
}
.link .entry .expando-button.crosspost.expanded, .usertext-body .crosspost.expanded, .res-freetext-expando .expando-button.crosspost.expanded {
background-position: -30px -322px!important
}
.link .entry .expando-button.toggleImage.image.expanded, .usertext-body .image.expanded, .res-freetext-expando .expando-button.toggleImage.image.expanded {
background-position: -30px -282px!important
}
.link .entry .expando-button.toggleImage.image.collapsed, .usertext-body .image.collapsed, .res-freetext-expando .expando-button.toggleImage.image.collapsed {
background-position: -30px -302px!important
}
.link .entry .expando-button.video-muted.collapsed, .link .entry .expando-button.video.collapsed, .usertext-body .video-muted.collapsed, .usertext-body .video.collapsed, .res-freetext-expando .expando-button.video-muted.collapsed, .res-freetext-expando .expando-button.video.collapsed {
background-position: 0 -342px!important
}
.link .entry .expando-button.video-muted.expanded, .link .entry .expando-button.video.expanded, .usertext-body .video-muted.expanded, .usertext-body .video.expanded, .res-freetext-expando .expando-button.video-muted.expanded, .res-freetext-expando .expando-button.video.expanded {
background-position: 0 -322px!important
}
.link .entry .expando .error {
font-family: sans-serif;
font-size: 12px
}
.res .RESDropdownList {
border: 1px solid #101010 !important;
}
.res .RESDropdownOptions {
border: 1px solid #303030;
}
.res .RESDropdownOptions li {
border-top: 1px solid #303030 !important;
border-bottom: 1px solid #181818;
}
.res .RESDropdownOptions li:first-of-type {
border-top: none !important;
}
.res .RESDropdownOptions li:last-of-type {
border-bottom: none;
}
#RESConsoleContainer, #RESConsoleTopBar {
background: #202020 !important;
color: #fff !important;
border-radius: 0 !important;
}
#RESConsoleTopBar {
border-bottom: 1px solid #181818 !important;
border: 1px solid #272727;
}
#RESConsoleContainer.slideIn {
border: 1px solid #101010;
}
#RESConsoleContent {
border: 1px solid #272727;
margin-top: 1px;
}
.optionContainer {
background: #222 !important;
border: 1px solid #272727 !important;
outline: 1px solid #101010 !important;
border-radius: 0 !important;
}
.optionContainer .optionSetting {
border-right: 0px !important;
}
#moduleOptionsScrim {
background-color: rgba(0, 0, 0, 0.3);
margin: -1px;
}
.token-input-list-facebook {
background: #292929 !important;
border: 1px solid #272727 !important;
}
.RESConfigPanelCategory.active {
border-bottom: 1px solid #101010 !important;
background: #292929;
}
.RESConfigPanelCategory.active ul {
border-top: 1px solid #181818 !important;
border-left: 0px !important;
border-right: 0px !important;
}
.RESConfigPanelCategory.active .categoryButton {
background: #202020 !important;
border-bottom: none !important;
}
.RESConfigPanelCategory .categoryButton {
color: #fff;
border-top: 1px solid #272727 !important;
border-bottom: 1px solid #101010 !important;
}
.moduleButton.enabled {
color: #fff !important;
}
.optionSetting table td, .optionSetting table th {
padding: 5px 8px;
border: 1px solid #2d2d2d
}
.optionSetting table th {
background: #292929
}
.optionSetting table tbody tr:nth-of-type(odd) {
background: #252525
}
.optionSetting table tbody tr:nth-of-type(even) {
background: #292929
}
.optionSetting hr {
height: 1px;
background: #2d2d2d
}
#RESConfigPanelModulesList > ul {
border: 1px solid #272727 !important;
border-radius: 0px !important;
border-top: 0px !important;
border-bottom: 0px !important;
}
#RESConfigPanelModulesList {
border: 1px solid #101010;
}
#RESConfigPanelModulesList .RESConfigPanelCategory:last-of-type .categoryButton, #RESConfigPanelModulesList .RESConfigPanelCategory:last-of-type {
border-bottom: 0px !important;
}
#moduleOptionsSaveStatus {
color: #000;
}
.moduleButton.active {
box-shadow: none;
}
#SearchRES-input-container {
border: 1px solid #101010;
border-radius: 0;
}
#SearchRES-input {
padding:7px 7px;
background:#202020;
border:1px solid #272727;
font-size:12px;
color:#eee;
border-radius: 0;
}
#SearchRES-input:active, #SearchRES-input:focus, #SearchRES-input:hover {
background-color: #242424;
outline: 0
}
#SearchRES-input-submit {
background-image: url(https://www.redditstatic.com/sprite-reddit.riHZOmfmJVk.png);
background-position: -19px -1696px;
height: 13px;
width: 13px;
display: block;
top: 8.5px;
right: 8.5px;
}
#SearchRES-input-submit .res-icon {
display: none;
}
a.RESConsoleButton span {
color: #999999;
padding: 1px;
border: 1px solid #2b2b2b
}
a.RESConsoleButton {
border: 1px solid #1a1a1a;
padding: 0px;
border-radius: 0px;
}
.filtered-details .usertext .md {
padding: 0px !important;
border: 0px !important;
}
.filtered-details .expand-summary {
margin-left: 15px;
margin-bottom: 15px;
}
.filtered-details .subreddits {
border: 0px !important;
}
.with-listing-chooser .side .spacer:nth-of-type(3) .titlebox.rounded a {
margin: 15px !important;
display: block;
}
.flairrichtext, .oc-tag {
display: inline-block;
padding: 0 3px;
border: none;
border-radius: 1px;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 10px;
line-height: normal !important;
height: auto !important;
}
.flairemoji {
height: 10px !important;
width: 10px !important;
}
.flaircolorlight {
color: #fff;
}
.flaircolordark {
color: #000;
background: #fff;
}
#per-sr-karma {
width: -moz-available !important;
width: -webkit-fill-available !important;
margin-right: 16px;
}
.liveupdate-app .content {
background: #202020;
border: 1px solid #272727 !important;
outline: 1px solid #101010;
border-radius: 0 !important;
}
#liveupdate-resources h1, #liveupdate-resources h2, #liveupdate-resources h3, #liveupdate-resources h4, #liveupdate-resources h5, #liveupdate-resources h6, #discussions, #contributors, .report-button {
color: #fff !important;
}
.liveupdate-app .tabmenu {
display: inline !important;
}
.drop-choices:before {
z-index: -1 !important;
}
.usertext-edit.viewSource textarea {
color: #555;
}
.side .age {
margin-bottom: 10px;
display: block;
height: 12px;
}
.profile-page .titlebox {
background: #202020;
}
.side code, .side table {
overflow-wrap: break-word !important;
max-width: 100%;
white-space: pre-wrap;
}
.side code {
display: inline-block;
}
.side .tagline {
border-bottom: #272727 solid 1px;
}
.side .usertext-body .md {
border-top: #181818 solid 1px;
}
.user-subreddit-banner {
margin-top: 0px !important;
}
.user-subreddit-author-name *, .user-subreddit-public-description {
color: white !important;
}
.side .spacer {
margin-left: 0px !important;
margin-right: 0px !important;
}
.side {
width: 300px;
}
.link {
border-radius: 0px;
}
.content {
padding-right: 0px;
}
.commentarea .comment {
background-color: inherit;
border-radius: 0px !important;
border-width: 1px 0px 0px 0px !important;
box-shadow: none !important;
padding-bottom: 0px;
}
.commentarea .comment.noncollapsed {
margin-bottom: 0px;
}
.markdownEditor .btn-superscript, .markdownEditor .RESCharCounter {
top: 0 !important;
}
.titlebox > .subscribe-button {
margin-bottom: 0px;
}
.titlebox > .subscribe-button:not(.fancy-toggle-button) a {
font-family: lato,verdana,sans-serif !important;
font-size: 12px !important;
font-weight: 400 !important;
letter-spacing: 1px !important;
text-transform: uppercase !important;
color: #eee !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
height: 29px !important;
background: #393939 !important;
border: 1px solid #494949 !important;
line-height: 31px !important;
padding: 0px !important;
margin: -1px !important;
border-radius: 0px !important;
}
.titlebox > .subscribe-button a:hover {
background:#444 !important;
border-color:#555 !important
}
.crosspost-preview.selftext .crosspost-preview-header {
border-bottom-color: #181818;
}
.spoiler-stamp {
color: white;
}
.quarantine-stamp {
color: #ffe377
}
.stamp {
border: none;
padding: 0px;
background: none;
text-transform: uppercase !important;
}
.RESHoverInfoCard:before {
border-color: transparent #333 !important;
}
.RESHoverInfoCard:after {
border-color: transparent #292929 !important;
}
.reddit-infobar {
border: 1px solid #272727;
outline: 1px solid #101010;
background-color: #202020;
margin: 1px;
margin-bottom: 9px;
margin-top: 1px !important;
}
.reddit-infobar .md {
color: #ddd;
}
.reddit-infobar.with-icon:before {
background-color: #202020;
}
.reddit-infobar .md {
z-index: 2;
position: relative;
}
.onboardingbar {
display: none;
}
.content > .spacer {
margin-bottom: 0px;
}
.content > .spacer > #siteTable {
margin-bottom: 5px;
}
#new-link-image-name-display #image-name, #new-link-image-input, .clear-input-button {
background-color: #292929 !important;
border-color: #393939 !important;
border-radius: 0px !important;
}
.submit-page .submit_text {
margin-bottom: -2px;
}
.submit-page .info-notice {
margin-top: -11px !important;
}
.submit_text:before, .submit_text:after {
display: none;
}
#pref-update-email .roundfield, #pref-update-password .roundfield, #pref-deactivate .roundfield, #pref-deactivate .roundfield div {
background-color: inherit !important;
}
.side table {
overflow-x: auto;
}
.onboardingbar {
display: none !important;
}
.listing-page #siteTable > div:first-child {
border-top: 1px solid #272727;
}
blockquote.twitter-tweet {
padding:5px;
margin-left:0;
background:#292929;
border:1px solid #3c3c3c;
border-left-width:3px;
color:#ccc
}
.commentarea .flairrichtext.flaircolordark {
display: inline-block;
padding: 0 3px;
background: #333 !important;
border: none;
border-radius: 1px;
font-family: verdana,arial,helvetica,sans-serif;
color: #ccc;
}
.submit-page #new-link-preview {
background-color: inherit !important;
}
.submit-page #title-field {
border-top: 0px !important;
}
.ad-container {
display: none;
}
.res-search-tabs a {
background-color: #202020 !important;
color: #eee;
border: 1px solid #272727 !important;
}
.res-search-pane-open {
position: relative;
z-index: 0;
}
.res-search-pane {
padding: 0px !important;
background-color: #202020 !important;
margin-top: 0px !important;
}
.res-search-pane-open .search-result-group .contents {
padding: 10px !important;
}
.res-search-options {
outline: 1px solid #101010;
border: 1px solid #272727 !important;
}
.res-search-tabs {
z-index: 2;
position: relative;
margin-bottom: -2px!important
}
.res-search-tabs li {
border: 1px solid #101010;
margin-left: -1px !important;
margin-bottom: 2px !important;
}
.res-search-tabs li.res-search-tab-active {
border-bottom: 0px;
}
.res-search-tab-active a {
border-bottom: 3px solid #202020 !important;
outline: none !important;
margin-bottom: -1px;
}
li.res-search-tab-options {
margin-left: -3px !important;
}
.searchpane .nav-buttons {
margin: 0px -1px -1px -1px !important;
}
.search-result-body {
color: #eee !important;
}
.search-subscribe-button a {
background-color: transparent !important;
border: none !important;
color: #27ae60 !important;
width: auto !important;
line-height: 10px !important;
text-transform: capitalize !important;
padding-left: 0px !important;
}
.search-subscribe-button a.remove {
color: #999 !important;
font-weight: 400 !important;
}
.search-subscribe-button a:focus {
border: none !important;
box-shadow: none !important;
}
.search-subscribe-button {
border: none !important;
width: auto !important;
}
.search-result-body md {
position: relative !important;
}
.search-expando a{
word-break: break-all !important;
display: block;
}
.entry.res-selected .md-container, .RESUserTagImage, #new-link-media-progress, #new-link-video-preview {
background: inherit !important;
box-shadow: none !important;
}
.side .RESDashboardToggle {
height: 30px !important;
padding: 0px 6px;
line-height: 30px;
border-left: 0px;
}
.titlebox > .subscribe-button {
border-top: 1px solid #181818;
}
.redesign-beta-optin {
display: none;
}
.search-result-group .info {
margin-bottom: 30px;
}
.rptTagInfo {
background:#222;
border-color:#333;
border-radius:0;
color:#ddd
}
.rptTagInfo .textCenter:first-of-type {
color: #eee !important
}
.rptTagInfoHeader {
color:#eee;
font-family:sans-serif;
margin:0;
font-weight:700
}
.rptTagInfoDesc {
border-top: none;
}
.rptTagInfoBody td {
border-color:#333;
}
.usertable tr:hover {
background-color: inherit;
}
.permission-summary {
border: 0px;
}
.App .ProfileTemplate .Post__commentBody .md {
color: #000 !important;
}
.m-text .md {
color: #000 !important;
}
.titlebox .tagline .flairselector.drop-choices ul {
width: 150px !important;
}
#srList {
background-color: #222 !important;
color: #eee;
border: 1px solid #272727 !important;
}
#srList tr {
border: none;
}
.comment .usertext.border {
border: none;
}
.titlebox form.toggle {
background: inherit;
font-size: inherit;
padding: 0px;
padding-top: 10px;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment