5433 lines
117 KiB
CSS
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
|
|
}
|