Files
RedditCSS/carbon.css
2023-01-27 13:43:56 -07:00

5433 lines
117 KiB
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("//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("//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("//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("//b.thumbs.redditmedia.com/ByDpJS_TIsnHeHRX3mktRAB6RLKGCJ7etqHc-uYHU9s.png") 0 -127px no-repeat
}
.titlebox .toggle.leavecontributor-button:before {
content: "Approved submitter";
background: url("//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("//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("//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("//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("//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;
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("//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("//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("//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 {
background-image: url("//b.thumbs.redditmedia.com/ByDpJS_TIsnHeHRX3mktRAB6RLKGCJ7etqHc-uYHU9s.png") !important
}
.link.self .thumbnail {
background-position: center -438px
}
.link .thumbnail.default {
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 {
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("//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("//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("//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("//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("//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("//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
}
.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("//b.thumbs.redditmedia.com/Bh6xlRY9TvTelyXqocJsVUyNrWHQemmOZOOxUKxyKoQ.png");
background-position: 133px center
}
body.with-listing-chooser.listing-chooser-collapsed .listing-chooser .grippy:before {
background-image: url("//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("//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("//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("//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("//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("//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("//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("//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("//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("//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("//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("//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
}