Skip to content

Instantly share code, notes, and snippets.

  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
Star You must be signed in to star a gist
Save RAnders00/46391769fdc3aa5073fe3502247a6345 to your computer and use it in GitHub Desktop.
html {
position: relative
}
body {
background: #252829;
color: #aaa
}
body>.content {
margin: 0 20px 20px 10px;
z-index: 1
}
a,
.md a {
color: #6BB6CA
}
#header {
border-bottom: 0;
background-color: #202426;
margin: 0 8px;
border-left: 1px solid #202426;
border-right: 1px solid #202426
}
.pagename a,
body.with-listing-chooser.listing-chooser-collapsed #header .pagename {
color: #FFF7FB;
opacity: .9
}
#sr-header-area {
font-family: arial;
background-color: #252829;
border-bottom: 0
}
#sr-header-area:hover a {
color: #d3d3d3
}
#sr-header-area a,
.srSep {
background: #252829;
color: #6e787d
}
#sr-header-area a:hover {
color: #607d8b;
text-decoration: none
}
#sr-header-area .separator {
visibility: hidden
}
#sr-header-area .selected a {
color: #FF3D73
}
#RESShortcutsEditContainer {
background-color: #252829!important
}
#sr-header-area .srdrop.dropdown .selected,
.res #sr-header-area #srDropdownContainer a {
width: 40px;
height: 19px;
padding: 0;
margin: 0;
display: block;
background: url("//b.thumbs.redditmedia.com/VGgjcGYKRP0LBHWziaqbOiw6heqnR7On4E3k0tPnikY.png") no-repeat -5px -111px #AEBFC7;
line-height: 20px;
text-indent: -999em
}
#sr-header-area .srdrop.dropdown .selected:hover,
.res #sr-header-area #srDropdownContainer a:hover {
background-color: #82CDB9;
-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out
}
#sr-header-area .srdrop.dropdown .selected:active {
background-color: #fff
}
#sr-header-area .dropdown.srdrop {
padding-left: 0
}
#sr-header-area .sr-list {
padding-left: 10px
}
#sr-header-area .drop-choices.srdrop {
margin-top: 0;
margin-left: 0
}
.drop-choices {
border: 1px solid #2e3234;
border-top: 0;
border-left: 0;
z-index: 102;
line-height: 150%;
padding: 10px 20px;
background: #252829
}
.drop-choices a.choice:hover {
background: #eee
}
#sr-more-link {
background: #f5fafe
}
#srLeftContainer {
padding-left: 0!important;
margin-right: 10px!important
}
.res #sr-header-area {
border-bottom: 0;
background: #252829
}
.res #sr-header-area:hover a {
color: #d3d3d3
}
.res #srList {
padding: 3px;
top: 18px;
left: 9px;
border: none;
background-color: #252829;
color: #aaa
}
.res #srList tr {
border-bottom: none
}
.res #srList tr:hover {
background-color: #eee
}
.res #srList td a {
width: 100%;
display: block;
color: #fff!important;
text-transform: uppercase
}
.res #srList td a:hover {
color: #333!important
}
#RESShortcutsSort {
text-indent: -9999px;
background: url("//b.thumbs.redditmedia.com/VGgjcGYKRP0LBHWziaqbOiw6heqnR7On4E3k0tPnikY.png") -167px -43px no-repeat!important;
opacity: .7
}
#RESShortcutsRight {
text-indent: -9999px;
background: url("//b.thumbs.redditmedia.com/VGgjcGYKRP0LBHWziaqbOiw6heqnR7On4E3k0tPnikY.png") -247px -82px no-repeat!important;
opacity: .7
}
#RESShortcutsLeft {
text-indent: -9999px;
background: url("//b.thumbs.redditmedia.com/VGgjcGYKRP0LBHWziaqbOiw6heqnR7On4E3k0tPnikY.png") -247px -54px no-repeat!important;
opacity: .7
}
#RESShortcutsAdd {
text-indent: -9999px;
background: url("//b.thumbs.redditmedia.com/VGgjcGYKRP0LBHWziaqbOiw6heqnR7On4E3k0tPnikY.png") -141px -54px no-repeat!important;
opacity: .7
}
#RESShortcutsSort:hover {
opacity: 1
}
#RESShortcutsRight:hover {
opacity: 1
}
#RESShortcutsLeft:hover {
opacity: 1
}
#RESShortcutsLeft:hover {
opacity: 1
}
#RESShortcutsAdd:hover {
opacity: 1
}
#sr-header-area a.RESShortcutsCurrentSub {
color: #FF3D73!important
}
#header-img {
margin: 10px 5px 0 15px
}
body.with-listing-chooser #header .pagename {
position: absolute;
top: 54px
}
#header:after {
content: "";
padding-left: 15px;
height: 40px;
margin: 0;
display: block;
background: #383c3e;
line-height: 40px;
font-family: sans-serif;
font-size: 11px;
font-weight: bold;
text-transform: uppercase;
color: #CCC;
-webkit-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.3);
box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.3)
}
#header-bottom-left .tabmenu {
position: absolute;
left: 11px;
height: 40px;
margin-top: 0
}
#header-bottom-left .tabmenu {
top: 72px
}
.res #header-bottom-left .tabmenu {
top: 71px
}
#header-bottom-left .tabmenu li {
margin: 0px 0px
}
#header-bottom-left .tabmenu li a {
background: transparent;
font-family: sans-serif;
font-size: 10px;
padding: 11px 8px 10px 8px;
font-weight: 600;
text-transform: uppercase;
color: #828c90;
line-height: 40px;
-webkit-transition: 0.1s ease-in-out;
-moz-transition: 0.1s ease-in-out;
-o-transition: 0.1s ease-in-out;
transition: 0.1s ease-in-out
}
#header-bottom-left .tabmenu li a:hover {
background: #c12666
}
#header-bottom-left .tabmenu li.selected a,
#header-bottom-left .tabmenu li a:hover {
position: relative;
border: none;
color: #fff;
background: #85A09E
}
#header-bottom-left .tabmenu li.selected a:after {
top: 100%;
left: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(52, 152, 219, 0);
border-top-color: #85A09E;
border-width: 10px;
margin-left: -10px
}
#header-bottom-left .tabmenu li a:hover {
padding: 11px 8px 10px 8px
}
#header-bottom-left .tabmenu li.selected a,
#header-bottom-left .tabmenu li.selected a:hover {
font-size: 11px;
padding: 10px 8px
}
#header #header-bottom-right,
.res #header #header-bottom-right {
position: absolute;
top: 71px;
background: transparent;
padding: 0 0 0 10px;
height: 40px;
line-height: 40px;
border-radius: 0;
z-index: 220
}
#header-bottom-right a,
#header-bottom-right .user,
#header-bottom-right .separator {
color: #828c90
}
.res #userbarToggle {
min-height: 40px;
padding: 0;
border-radius: 0;
color: #fff;
background: #414648;
border: 0;
text-align: center;
line-height: 40px
}
#header-bottom-right .separator,
.res #header-bottom-right .separator {
display: none!important
}
#header-bottom-right #userbarToggle+* {
margin-left: 0!important
}
#header #header-bottom-right .user {
position: absolute;
top: -35px;
right: 0;
text-align: right;
min-width: 300px;
padding-right: 10px;
line-height: 35px
}
#header-bottom-right .user .userkarma {
border-bottom: 0;
color: #828c90
}
#header-bottom-right #mail,
.res #header-bottom-right #mail {
top: 0!important;
height: 40px;
width: 35px!important
}
#header-bottom-right #mail.nohavemail,
#header-bottom-right #mail.havemail {
background: url("//b.thumbs.redditmedia.com/VGgjcGYKRP0LBHWziaqbOiw6heqnR7On4E3k0tPnikY.png") -225px -141px no-repeat;
border-right: 1px solid rgba(225, 255, 255, .25)
}
#header-bottom-right #mail.havemail {
background-color: #FF7500
}
#header-bottom-right #modmail {
margin: 0;
top: 0;
vertical-align: top;
width: 35px;
height: 40px;
border-right: 1px solid rgba(225, 255, 255, .25)
}
#header-bottom-right #modmail.havemail {
background: url("//b.thumbs.redditmedia.com/VGgjcGYKRP0LBHWziaqbOiw6heqnR7On4E3k0tPnikY.png") -180px -141px no-repeat #ff4500
}
#header-bottom-right #modmail.nohavemail {
background: url("//b.thumbs.redditmedia.com/VGgjcGYKRP0LBHWziaqbOiw6heqnR7On4E3k0tPnikY.png") -5px -191px no-repeat
}
#header-bottom-right .flat-list,
.loggedin .logout {
display: inline-block;
vertical-align: top
}
#header-bottom-right a.pref-lang,
.loggedin .logout a {
background: url("//b.thumbs.redditmedia.com/VGgjcGYKRP0LBHWziaqbOiw6heqnR7On4E3k0tPnikY.png") -154px -191px no-repeat;
width: 35px;
height: 40px;
display: inline-block;
text-indent: -9999px;
margin: 0px
}
.loggedin .logout a {
background: url("//b.thumbs.redditmedia.com/VGgjcGYKRP0LBHWziaqbOiw6heqnR7On4E3k0tPnikY.png") -135px -141px no-repeat;
border-left: 1px solid rgba(225, 255, 255, .25)
}
#header-bottom-right #mail:hover,
#header-bottom-right #modmail:hover,
#header-bottom-right a.pref-lang:hover,
.loggedin .logout a:hover,
.gearIcon:hover {
background-color: #2f3234!important
}
#header-bottom-right #mail.havemail:hover {
background-color: #eb6c00!important
}
#header-bottom-right #modmail.havemail:hover {
background-color: #eb4000!important
}
#header-bottom-right .message-count {
background: transparent;
color: #FFF!important;
position: relative;
top: -17px;
font-size: 8px;
font-weight: bold;
padding: 0px 5px;
margin-left: 0;
border-radius: 0
}
#RESSettingsButton {
position: relative!important;
top: 0!important
}
#RESMainGearOverlay,
.gearIcon {
width: 35px!important;
height: 40px!important;
border-left: 1px solid rgba(225, 255, 255, .25)!important;
background: url("//b.thumbs.redditmedia.com/VGgjcGYKRP0LBHWziaqbOiw6heqnR7On4E3k0tPnikY.png") -199px -221px no-repeat!important
}
#RESMainGearOverlay {
border: 0!important;
border-radius: 0!important;
background-image: none!important;
margin-top: -1px!important
}
#RESMainGearOverlay .gearIcon {
top: 0!important
}
.RESDropdownList {
border: 1px solid rgba(0, 0, 0, .1)!important;
background-color: #fff!important;
right: 20px!important
}
.RESDropdownList li {
border-bottom: 1px solid #A1887F!important
}
.RESDropdownList li,
.RESDropdownList a,
.RESDropdownList a:visited {
color: #000!important;
font-weight: normal!important
}
body:not(.loggedin) #header-bottom-right .user {
min-width: 300px;
white-space: nowrap
}
body:not(.loggedin) #header-bottom-right a.pref-lang {
margin-top: -12px
}
.res #RESShortcutsEditContainer {
height: 18px
}
.res .RES-keyNav-activeElement,
.res .commentarea .RES-keyNav-activeElement .md,
.res .commentarea .RES-keyNav-activeElement.entry .noncollapsed {
background: #333!important;
outline: none
}
.sitetable {
padding-top: 0;
background: transparent;
border-bottom: 1px solid #2e3234;
border-left: 1px solid #25282a;
margin-right: 0
}
.sitetable.linklisting {
margin-left: 10px
}
.link {
margin: 0;
position: relative;
padding: 10px 0;
background: #1b1e1f;
border-top: 1px solid #2e3234
}
.linklisting {
z-index: 200
}
.link.last-clicked {
overflow: visible;
border: 0;
border-top: 1px solid #2e3234
}
.link:first-child {
border-top: 0
}
.link .rank {
position: absolute;
margin-top: 0;
top: 0;
bottom: 0;
left: 0;
min-width: 38px;
text-align: center;
color: #555;
background: #1b1e1f;
padding-top: 28px;
border-right: 1px solid #2e3234
}
.link:hover .rank {
color: #777
}
.link .midcol {
position: absolute;
top: 0;
bottom: 0;
margin: 0 0 0 39px;
padding-top: 10px;
min-width: 47px;
font-family: arial;
background: #121414;
border-right: 1px solid #2e3234
}
.link .thumbnail {
margin-left: 107px
}
.link .title:before {
content: " ";
position: absolute;
top: 0;
bottom: 0;
left: 87px;
background: rgba(255, 255, 255, .015);
min-width: 10px
}
.link:hover .title:before {
background: #303030
}
.link p.title {
padding-left: 5px
}
.link p.tagline {
padding: 8px 0 0 5px;
color: rgba(249, 245, 194, .7)
}
.link .flat-list {
padding: 1px 0 0 5px
}
.thing .title,
.comment .md p>a {
color: #6292A9
}
.thing .title:visited,
.thing.visited .title,
.comment .md p>a:visited {
color: #3c5e6d!important
}
.domain,
.domain a {
color: #555
}
.redditSingleClick {
color: #ebebeb!important;
opacity: .4!important;
font-weight: normal!important
}
.redditSingleClick:hover {
opacity: .6!important
}
.tagline a {
color: #6BB6CA
}
.tagline a.subreddit {
color: #749889
}
.link .score {
color: #524F52
}
.link .score.likes {
color: #F37259
}
.link .score.dislikes {
color: #6BB6CA
}
.newComments {
color: #FF3D73!important
}
.thumbnail.self {
background: url("//b.thumbs.redditmedia.com/VGgjcGYKRP0LBHWziaqbOiw6heqnR7On4E3k0tPnikY.png") -316px -65px no-repeat
}
.thumbnail.default {
background: url("//b.thumbs.redditmedia.com/VGgjcGYKRP0LBHWziaqbOiw6heqnR7On4E3k0tPnikY.png") -316px -5px no-repeat
}
.expando-button,
.thing .entry .expando-button {
cursor: pointer;
float: left;
height: 28px;
width: 30px;
margin: 8px 11px 2px 5px;
background: #ffffff none no-repeat scroll center center
}
.messages-page .thing .entry .expando-button,
.self .expanded ~ .expando .usertext-body .expando-button,
.comments-page .commentarea .md .expando-button,
.comments-page .thing .entry .expando-button,
.messages-page .thing .entry .expando-button,
.self .expanded ~ .expando .usertext-body .expando-button,
.profile-page .usertext-body .md .expando-button {
float: none
}
.messages-page .thing .entry .expando-button,
.self .expanded ~ .expando .usertext-body .expando-button {
margin: -5px 0 0 10px
}
.expando-button.image,
.expando-button.video-muted {
background: #f2f4f7 none no-repeat scroll center center;
cursor: pointer;
display: inline-block;
float: left;
height: 28px!important;
margin-right: 11px;
max-height: 28px!important;
max-width: 30px!important;
padding: 0;
vertical-align: top!important;
width: 30px!important
}
.profile-page .expando-button.image {
vertical-align: middle!important
}
.expando-button.selftext.collapsed {
background: url("//b.thumbs.redditmedia.com/VGgjcGYKRP0LBHWziaqbOiw6heqnR7On4E3k0tPnikY.png") -276px -5px no-repeat!important
}
.link:hover .expando-button.selftext.collapsed {
background: url("//b.thumbs.redditmedia.com/VGgjcGYKRP0LBHWziaqbOiw6heqnR7On4E3k0tPnikY.png") -276px -43px no-repeat!important
}
.expando-button.video.collapsed {
background: url("//b.thumbs.redditmedia.com/VGgjcGYKRP0LBHWziaqbOiw6heqnR7On4E3k0tPnikY.png") -337px -125px no-repeat!important
}
.link:hover .expando-button.video.collapsed {
background: url("//b.thumbs.redditmedia.com/VGgjcGYKRP0LBHWziaqbOiw6heqnR7On4E3k0tPnikY.png") -312px -163px no-repeat!important
}
.res .expando-button.image.collapsedExpando {
background: url("//b.thumbs.redditmedia.com/VGgjcGYKRP0LBHWziaqbOiw6heqnR7On4E3k0tPnikY.png") -55px -111px no-repeat!important
}
.res .link:hover .expando-button.image.collapsedExpando {
background: url("//b.thumbs.redditmedia.com/VGgjcGYKRP0LBHWziaqbOiw6heqnR7On4E3k0tPnikY.png") -95px -111px no-repeat!important
}
.res .expando-button.image.gallery.collapsedExpando {
background: url("//b.thumbs.redditmedia.com/VGgjcGYKRP0LBHWziaqbOiw6heqnR7On4E3k0tPnikY.png") -167px -73px no-repeat!important
}
.res .link:hover .expando-button.image.gallery.collapsedExpando {
background: url("//b.thumbs.redditmedia.com/VGgjcGYKRP0LBHWziaqbOiw6heqnR7On4E3k0tPnikY.png") -207px -73px no-repeat!important
}
.res .expando-button.video-muted.collapsed {
background: url("//b.thumbs.redditmedia.com/VGgjcGYKRP0LBHWziaqbOiw6heqnR7On4E3k0tPnikY.png") -352px -163px no-repeat!important
}
.res .link:hover .expando-button.video-muted.collapsed {
background: url("//b.thumbs.redditmedia.com/VGgjcGYKRP0LBHWziaqbOiw6heqnR7On4E3k0tPnikY.png") -312px -201px no-repeat!important
}
.expando-button.selftext.expanded,
.expando-button.video.expanded,
.res .expando-button.image.expandedExpando,
.res .expando-button.image.expanded,
.res .expando-button.image.gallery.expanded,
.res .expando-button.video-muted.expanded {
background: url("//b.thumbs.redditmedia.com/VGgjcGYKRP0LBHWziaqbOiw6heqnR7On4E3k0tPnikY.png") -205px -35px no-repeat!important
}
.expando-button.video.expanded:hover,
.expando-button.selftext.expanded:hover,
.res .expando-button.image.expandedExpando:hover,
.res .expando-button.image.expanded:hover,
.res .expando-button.image.gallery.expanded:hover,
.res .expando-button.video-muted.expanded:hover {
background: url("//b.thumbs.redditmedia.com/VGgjcGYKRP0LBHWziaqbOiw6heqnR7On4E3k0tPnikY.png") -5px -73px no-repeat!important
}
.RESImage {
margin-top: 10px;
margin-left: 5px!important
}
.RESGalleryControls .previous {
background: url("//b.thumbs.redditmedia.com/VGgjcGYKRP0LBHWziaqbOiw6heqnR7On4E3k0tPnikY.png") -97px -82px no-repeat!important
}
.RESGalleryControls .previous:hover {
background: url("//b.thumbs.redditmedia.com/VGgjcGYKRP0LBHWziaqbOiw6heqnR7On4E3k0tPnikY.png") -123px -82px no-repeat!important
}
.RESGalleryControls .next {
background: url("//b.thumbs.redditmedia.com/VGgjcGYKRP0LBHWziaqbOiw6heqnR7On4E3k0tPnikY.png") -45px -82px no-repeat!important
}
.RESGalleryControls .next:hover {
background: url("//b.thumbs.redditmedia.com/VGgjcGYKRP0LBHWziaqbOiw6heqnR7On4E3k0tPnikY.png") -71px -82px no-repeat!important
}
.imgTitle {
padding-left: 5px!important;
margin-top: 10px!important
}
.RESGalleryControls {
margin-left: 5px!important
}
.expando {
margin: 5px 0 5px 5px
}
.link .usertext .md {
border: 1px solid rgba(255, 255, 255, .1);
background: #2d3234;
color: #FFF7FB
}
.commentarea .md {
color: #FFF7FB
}
.self .expanded ~ .expando .usertext-body,
.madeVisible {
-webkit-animation: 700ms exp forwards;
-moz-animation: 700ms exp forwards;
animation: 700ms exp forwards
}
@-webkit-keyframes exp {
0% {
top: -200px;
opacity: 0
}
50% {
top: 0
}
100% {
top: 0;
opacity: 1
}
}
@-moz-keyframes exp {
0% {
top: -200px;
opacity: 0
}
50% {
top: 0
}
100% {
top: 0;
opacity: 1
}
}
@keyframes exp {
0% {
top: -200px;
opacity: 0
}
50% {
top: 0
}
100% {
top: 0;
opacity: 1
}
}
.related-page .arrow.up,
.related-page .link .arrow.up,
.search-page .arrow.up,
.listing-page .arrow.up,
.comments-page .link .arrow.up,
.multi-page .link .arrow.up,
.other-discussions-page .link .arrow.up {
background: url("//b.thumbs.redditmedia.com/VGgjcGYKRP0LBHWziaqbOiw6heqnR7On4E3k0tPnikY.png") -109px -5px;
width: 16px;
height: 16px
}
.related-page .arrow.upmod,
.search-page .arrow.upmod,
.listing-page .arrow.upmod,
.comments-page .link .arrow.upmod,
.multi-page .link .arrow.upmod,
.other-discussions-page .link .arrow.upmod {
background: url("//b.thumbs.redditmedia.com/VGgjcGYKRP0LBHWziaqbOiw6heqnR7On4E3k0tPnikY.png") -135px -5px;
width: 16px;
height: 16px
}
.related-page .arrow.down,
.search-page .arrow.down,
.listing-page .arrow.down,
.comments-page .link .arrow.down,
.multi-page .link .arrow.down,
.other-discussions-page .link .arrow.down {
background: url("//b.thumbs.redditmedia.com/VGgjcGYKRP0LBHWziaqbOiw6heqnR7On4E3k0tPnikY.png") -57px -5px;
width: 16px;
height: 16px
}
.related-page .arrow.downmod,
.search-page .arrow.downmod,
.listing-page .arrow.downmod,
.comments-page .link .arrow.downmod,
.multi-page .link .arrow.downmod,
.other-discussions-page .link .arrow.downmod {
background: url("//b.thumbs.redditmedia.com/VGgjcGYKRP0LBHWziaqbOiw6heqnR7On4E3k0tPnikY.png") -83px -5px;
width: 16px;
height: 16px
}
.reddit-link .arrow.up,
.message .arrow.up,
.comment .arrow.up {
background: url("//b.thumbs.redditmedia.com/VGgjcGYKRP0LBHWziaqbOiw6heqnR7On4E3k0tPnikY.png") -31px -31px no-repeat;
opacity: .3
}
.reddit-link .arrow.upmod,
.message .arrow.upmod,
.comment .arrow.upmod {
background: url("//b.thumbs.redditmedia.com/VGgjcGYKRP0LBHWziaqbOiw6heqnR7On4E3k0tPnikY.png") -57px -31px no-repeat
}
.reddit-link .arrow.down,
.message .arrow.down,
.comment .arrow.down {
background: url("//b.thumbs.redditmedia.com/VGgjcGYKRP0LBHWziaqbOiw6heqnR7On4E3k0tPnikY.png") -247px -5px no-repeat;
opacity: .3
}
.reddit-link .arrow.downmod,
.message .arrow.downmod,
.comment .arrow.downmod {
background: url("//b.thumbs.redditmedia.com/VGgjcGYKRP0LBHWziaqbOiw6heqnR7On4E3k0tPnikY.png") -5px -31px no-repeat
}
.entry .buttons li a {
color: #ebebeb;
opacity: .9;
font-weight: normal
}
.entry .buttons li:hover a {
opacity: 1
}
.nsfw-stamp acronym {
background: #EE5E91;
border-radius: 0;
border: 1px solid rgba(0, 0, 0, .1)!important;
color: #fff;
padding: 0 4px
}
.give-gold {
color: #988143!important
}
.stamp {
border: 0!important
}
.link.stickied .rank:after {
content: "";
width: 17px;
height: 23px;
display: block;
position: absolute;
margin-left: auto;
margin-right: auto;
left: 12px;
background: url("//b.thumbs.redditmedia.com/VGgjcGYKRP0LBHWziaqbOiw6heqnR7On4E3k0tPnikY.png") -273px -81px no-repeat
}
.tagline .stickied-tagline {
color: #69b391;
text-transform: uppercase;
font-size: 70%
}
.stickied .title {
color: #69b391!important
}
.link.stickied {
background: #1b1e1f
}
.link.stickied .thumbnail {
display: none
}
.link.stickied .title:before {
background: #82CDB9
}
.comments-page .link {
border-bottom: 1px solid #2e3234
}
.comments-page .link .rank {
display: none
}
.comments-page .link .midcol,
.related-page .link .midcol,
.other-discussions-page .link .midcol {
margin: 0 0 0 0
}
.comments-page .link p.title {
padding-left: 5px
}
.comments-page .link .title:before,
.related-page .link .title:before,
.other-discussions-page .link .title:before {
left: 48px
}
.comments-page .link p.tagline {
padding-left: 5px
}
.comments-page .expando {
margin-left: 5px
}
.comments-page .expando-button {
margin-left: 5px
}
.comments-page .link .flat-list {
padding-left: 5px
}
.comments-page .link .usertext .md,
.link .usertext .md {
margin: 15px;
margin-left: 0
}
.comments-page .link .thumbnail,
.related-page .link .thumbnail,
.other-discussions-page .link .thumbnail {
margin-left: 68px
}
.comments-page .link .entry,
.related-page .link .entry,
.other-discussions-page .link .entry {
margin-left: 63px
}
.comments-page .commentarea {
background: #212425;
border: 1px solid #2e3234!important;
margin-top: 20px;
margin-left: 10px;
padding-bottom: 0;
margin-bottom: 20px
}
.res .comments-page .commentarea .sitetable {
background: transparent;
border: 0;
margin-left: 0!important
}
.comments-page .usertext-edit {
font-family: arial;
margin-left: 10px
}
.comments-page .commentarea .menuarea {
font-family: arial;
margin-left: 20px;
margin-top: 15px
}
.comments-page .commentarea .menuarea a {
color: #f9acb4;
border-bottom: 1px solid #f9acb4
}
.comments-page .panestack-title {
font-family: arial;
margin-left: 20px;
margin-bottom: 10px;
border-bottom: 0
}
.comments-page .panestack-title .title {
color: #ddd
}
.comments-page .sitetable {
border-left: 0;
border-bottom: 0
}
.comments-page textarea {
border: 1px solid #2e3234!important;
background: #121414;
color: #aaa
}
.content .RESBigEditorPop {
border: 1px solid rgba(255, 255, 255, 0.1)!important
}
.dropdown.lightdrop .selected {
font-weight: normal;
color: #aaa!important;
font-size: 120%
}
.commentNavSortType {
font-weight: normal!important;
color: #aaa
}
span.RESCharCounter {
color: #e67e22
}
.dropdown.lightdrop .selected {
color: #444;
background-image: url("//b.thumbs.redditmedia.com/207nFfMkiRI8Mq16Z0Qc2VN9Y3HxHiR6Uh_91BRx10o.png")
}
.commentingAs {
color: #ddd
}
.markdownEditor .edit-btn:not(.btn-macro) {
background-image: url("//b.thumbs.redditmedia.com/VGgjcGYKRP0LBHWziaqbOiw6heqnR7On4E3k0tPnikY.png")!important;
background-color: #1b1e1f!important;
border: 1px solid #2e3234!important
}
.markdownEditor .btn-bold {
background-position: -205px -5px!important
}
.markdownEditor .btn-italic {
background-position: -135px -111px!important
}
.markdownEditor .btn-strike {
background-position: -270px -114px!important
}
.markdownEditor .btn-superscript {
background-position: -270px -144px!important
}
.markdownEditor .btn-link {
background-position: -177px -111px!important
}
.markdownEditor .btn-quote {
background-position: -199px -191px!important
}
.markdownEditor .btn-code {
background-position: -112px -191px!important
}
.markdownEditor .btn-list-unordered {
background-position: -5px -141px!important
}
.markdownEditor .btn-list-ordered {
background-position: -219px -111px!important
}
.markdownEditor .btn-table {
background-position: -270px -174px!important
}
.usertext a.reddiquette,
.usertext .help-toggle,
.res .content .RESBigEditorPop {
background-color: #2f3234
}
.usertext a.reddiquette:hover,
.usertext .help-toggle:hover,
.res .content .RESBigEditorPop:hover,
.usertext .help-toggle:hover a {
background-color: #efefef;
color: #444
}
.usertext .help-toggle,
.usertext a.reddiquette,
.res .content .RESBigEditorPop {
margin: 5px 0 0 0;
line-height: 18px;
border: 1px solid rgba(255, 255, 255, 0.1);
border-right: 0;
padding: 0 10px;
color: #888
}
.usertext .help-toggle a {
color: #888
}
.res .content .RESBigEditorPop {
background-image: none;
border-right: 1px solid rgba(0, 0, 0, 0.1);
font-size: smaller;
color: #888;
text-indent: 0;
box-shadow: 0 0 0 0 rgba(0, 0, 0, .0);
text-shadow: -1px -1px 0 rgba(0, 0, 0, .0)
}
.res-commentBoxes .commentarea .comment {
border: 1px solid #2e3234!important;
padding: 10px!important;
margin-right: 0!important;
background: #1b1e1f!important
}
.res-commentBoxes .sitetable .comment,
.comment {
margin-left: 0!important;
border-radius: 0!important
}
.commentarea .sitetable.nestedlisting>.comment {
margin-bottom: 0!important;
border: 0!important;
border-top: 1px solid #2e3234!important;
padding-top: 6px
}
.comments-page .sitetable.nestedlisting {
background: transparent!important
}
.res-commentBoxes .comment {
padding-bottom: 0!important;
margin-bottom: 4px!important
}
.res-commentBoxes .commentarea .comment .comment,
.res-commentBoxes .commentarea .comment .comment .comment .comment,
.res-commentBoxes .commentarea .comment .comment .comment .comment .comment .comment {
background: #252829!important;
margin-left: 0!important;
padding-bottom: 0;
margin-bottom: 4px!important;
border-right: 1px solid #2e3234!important;
-webkit-box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0.08);
-moz-box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0.08);
box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0.08)
}
.res-commentBoxes .commentarea .comment .comment .comment,
.res-commentBoxes .commentarea .comment .comment .comment .comment .comment,
.res-commentBoxes .commentarea .comment .comment .comment .comment .comment .comment .comment {
background: #1b1e1f!important;
margin-left: 0!important;
padding-bottom: 0;
margin-bottom: 4px!important;
border-right: 1px solid #2e3234!important;
-webkit-box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0.08);
-moz-box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0.08);
box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0.08)
}
.res-commentBoxes .commentarea .comment .comment .comment .comment .comment .comment .comment .comment,
.res-commentBoxes .commentarea .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment {
background: #252829!important
}
.res-commentBoxes .commentarea .comment .comment .comment .comment .comment .comment .comment .comment .comment {
background-color: #1b1e1f!important
}
.comment .midcol {
margin-left: 10px
}
.res .comment .midcol {
margin-left: 0px
}
.comment .child,
.comment .showreplies {
border-left: 1px solid #2e3234
}
.new-comment .usertext-body {
background-color: transparent;
border: 0;
margin: 5px 0
}
.new-comment .tagline:after {
content: "- NEW -";
color: #FDF5A9;
margin-left: 5px
}
.new-comment .md {
color: #FDF5A9
}
.res-commentBoxes .comment.collapsed {
padding-bottom: 10px!important
}
a.voteWeight {
padding: 0 5px;
margin: 0 5px 0 2px;
color: #82CDB9!important;
background: transparent!important
}
span.score {
margin-right: 5px;
color: #bbb!important
}
.commentarea .entry .buttons li a {
opacity: .2
}
.commentarea .entry .buttons li:hover a {
opacity: .8
}
.usertext.border .usertext-body {
background-color: rgba(255, 255, 255, .1)
}
.commentarea .expando-button {
margin: 0 5px!important;
height: 13px;
width: 19px
}
.usertext-body .md .expando-button {
vertical-align: middle!important
}
.res .commentarea .expando-button.image,
.res .commentarea .expando-button.video-muted.collapsed,
.commentarea .expando-button.video.collapsed {
background: transparent none no-repeat scroll center center;
height: 13px!important;
max-height: 13px!important;
max-width: 19px!important;
width: 19px!important;
vertical-align: middle!important
}
.commentarea .expando-button.video.expanded,
.res .commentarea .expando-button.image.expandedExpando,
.res .commentarea .expando-button.image.expanded,
.res .commentarea .expando-button.image.gallery.expanded,
.res .commentarea .expando-button.video-muted.expanded {
background: url("//b.thumbs.redditmedia.com/VGgjcGYKRP0LBHWziaqbOiw6heqnR7On4E3k0tPnikY.png") -83px -31px no-repeat!important;
opacity: .7
}
.commentarea .expando-button.video.expanded:hover,
.res .commentarea .expando-button.image.expandedExpando:hover,
.res .commentarea .expando-button.image.expanded:hover,
.res .commentarea .expando-button.image.gallery.expanded:hover,
.res .commentarea .expando-button.video-muted.expanded:hover {
opacity: 1
}
.commentarea .expando-button.video.collapsed {
background: url("//b.thumbs.redditmedia.com/VGgjcGYKRP0LBHWziaqbOiw6heqnR7On4E3k0tPnikY.png") -83px -54px no-repeat!important;
opacity: .7
}
.commentarea .expando-button.video.collapsed:hover {
opacity: 1
}
.res .commentarea .expando-button.image.collapsedExpando {
background: url("//b.thumbs.redditmedia.com/VGgjcGYKRP0LBHWziaqbOiw6heqnR7On4E3k0tPnikY.png") -247px -31px no-repeat!important;
opacity: .7
}
.res .commentarea .expando-button.image.collapsedExpando:hover {
opacity: 1
}
.res .commentarea .expando-button.image.gallery.collapsedExpando {
background: url("//b.thumbs.redditmedia.com/VGgjcGYKRP0LBHWziaqbOiw6heqnR7On4E3k0tPnikY.png") -112px -31px no-repeat!important;
opacity: .7
}
.res .commentarea .expando-button.image.gallery.collapsedExpando:hover {
opacity: 1
}
.res .commentarea .expando-button.video-muted.collapsed {
background: url("//b.thumbs.redditmedia.com/VGgjcGYKRP0LBHWziaqbOiw6heqnR7On4E3k0tPnikY.png") -112px -54px no-repeat!important;
opacity: .7
}
.res .commentarea .expando-button.video-muted.collapsed:hover {
opacity: 1
}
.deepthread {
background: rgba(52, 152, 219, .8);
border: 1px solid rgba(0, 0, 0, .1);
padding: 3px 0 3px 10px;
color: #fff;
line-height: 19px
}
.deepthread:hover {
background: rgba(52, 152, 219, 1)
}
.deepthread a {
color: #fff
}
.deepthread a:hover {
text-decoration: none
}
.deepthread:after {
background-image: none;
content: " ► "
}
.RESSubscriptionButton:hover {
background-color: #5da460!important;
color: #fff!important;
transition: 0.05s ease-in-out
}
.RESSubscriptionButton {
text-transform: uppercase;
font-weight: normal!important;
color: #fff!important;
padding: 3px 5px!important;
background-color: #71bd73!important;
border: 1px solid rgba(0, 0, 0, .1)!important;
border-radius: 0px!important;
transition: 0.05s ease-in-out
}
.panestack-title a.title-button.gold {
padding: 3px 8px;
background: #FDF5A9;
font-size: x-small;
border-radius: 0;
text-transform: uppercase;
border: 1px solid rgba(0, 0, 0, .1)
}
.panestack-title a.title-button.gold:hover {
background: #fcee6f
}
.listing-page .thing .tagline .author.moderator,
.comments-page .thing .tagline .author.moderator {
padding: 0 8px!important
}
.thing .tagline .author.moderator,
.thing .tagline .author.submitter,
.thing .tagline .author.friend,
.thing .tagline .author.admin {
font-weight: normal!important;
padding: 0 8px 1px 8px!important;
border: 1px solid rgba(0, 0, 0, .1)!important;
border-radius: 0!important;
color: #fff;
opacity: .7
}
.thing .tagline .author.moderator {
background-color: #228822!important
}
.thing .tagline .author.submitter {
background-color: #0055DF!important
}
.thing .tagline .author.friend {
background-color: #FF4500!important
}
.thing .tagline .author.admin {
background-color: #e05d6f!important
}
.thing .tagline .author.moderator:hover,
.thing .tagline .author.submitter:hover,
.thing .tagline .author.friend:hover {
opacity: .75!important
}
.thing .tagline .author.friend.submitter {
background: #FF4500!important;
border-left: 5px solid #0055DF!important;
border-right: 5px solid #0055DF!important;
padding: 2px 4px!important
}
.thing .tagline .author.friend.moderator {
background: #FF4500!important;
border-left: 5px solid #228822!important;
border-right: 5px solid #228822!important;
padding: 2px 4px!important
}
.usertext.grayed .usertext-body {
padding-left: 20px;
background: url("//a.thumbs.redditmedia.com/M1upi257phHgGVq5ziwuVo7QQpTD6Rom9T_1P-piWx0.png") left center no-repeat transparent
}
.usertext.grayed {
opacity: .5
}
.thing.collapsed.deleted.comment {
background: url("//a.thumbs.redditmedia.com/M1upi257phHgGVq5ziwuVo7QQpTD6Rom9T_1P-piWx0.png") 10px center no-repeat transparent!important;
padding-bottom: 10px!important
}
button.save,
button.submit-report,
button.submit-action-thing,
button.cancel-action-thing,
button.cancel,
button.cancel-report-thing,
.submit-page .content button[name="submit"] {
position: relative;
padding: 5px 10px;
border: 0;
width: 77px;
color: #fff;
overflow: hidden;
-webkit-box-shadow: 0 1px 0 0 rgba(0, 0, 0, .1);
-moz-box-shadow: 0 1px 0 0 rgba(0, 0, 0, .1);
box-shadow: 0 1px 0 0 rgba(0, 0, 0, .1);
text-shadow: -1px -1px 0 rgba(0, 0, 0, .15);
border-radius: 1px;
-webkit-transition: all .2s ease;
-moz-transition: all .2s ease;
-ms-transition: all .2s ease;
-o-transition: all .2s ease;
transition: all .2s ease
}
button.save,
button.submit-report,
button.submit-action-thing,
.submit-page .content button[name="submit"] {
background: #4ab79a;
border: 1px solid rgba(255, 255, 255, 0.05)
}
button.cancel,
button.cancel-report-thing,
button.cancel-action-thing {
background-color: #EE5E91;
border: 1px solid rgba(0, 0, 0, 0.05)
}
button.save:before,
button.submit-report:before,
button.submit-action-thing:before,
.submit-page .content button[name="submit"]:before {
background: url("//b.thumbs.redditmedia.com/VGgjcGYKRP0LBHWziaqbOiw6heqnR7On4E3k0tPnikY.png") -31px -5px no-repeat;
content: "";
height: 16px;
width: 16px;
position: absolute;
left: -16px;
opacity: 0;
transition: opacity 200ms, left 200ms
}
button.cancel:before,
button.cancel-report-thing:before,
button.cancel-action-thing:before {
background: url("//b.thumbs.redditmedia.com/VGgjcGYKRP0LBHWziaqbOiw6heqnR7On4E3k0tPnikY.png") -5px -5px no-repeat;
content: "";
height: 16px;
width: 16px;
position: absolute;
left: -16px;
opacity: 0;
transition: opacity 200ms, left 200ms
}
button.save:hover:before,
button.submit-report:hover:before,
button.submit-action-thing:hover:before,
button.cancel-action-thing:hover:before,
button.cancel:hover:before,
button.cancel-report-thing:hover:before,
.submit-page .content button[name="submit"]:hover:before {
opacity: 1;
left: 10px
}
button.save:hover,
button.submit-report:hover,
button.submit-action-thing:hover,
button.cancel-action-thing:hover,
button.cancel:hover,
button.cancel-report-thing:hover,
.submit-page .content button[name="submit"]:hover {
padding-left: 30px;
-webkit-box-shadow: 0 8px 6px -6px #000;
-moz-box-shadow: 0 8px 6px -6px #000;
box-shadow: 0 8px 6px -6px #000
}
button.save:hover,
button.submit-report:hover,
button.submit-action-thing:hover {
background-color: #3e9b82
}
button.cancel:hover,
button.cancel-report-thing:hover,
button.cancel-action-thing:hover {
background-color: #e8296d
}
.submit-page .content button[name="submit"]:hover {
background-color: #3e9b82
}
button.save:active,
button.submit-report:active,
button.submit-action-thing:active,
button.cancel-action-thing:active,
button.cancel:active,
button.cancel-report-thing:active,
.submit-page .content button[name="submit"]:active {
-webkit-box-shadow: 0 1px 0 0 rgba(0, 0, 0, .1);
-moz-box-shadow: 0 1px 0 0 rgba(0, 0, 0, .1);
box-shadow: 0 1px 0 0 rgba(0, 0, 0, .1)
}
button.save:active,
button.submit-report:active,
button.submit-action-thing:active {
background-color: #388d77
}
button.cancel:active,
button.cancel-report-thing:active,
button.cancel-action-thing:active {
background-color: #d41659
}
.submit-page .content button[name="submit"]:active {
background-color: #388d77
}
button.save:focus,
button.submit-report:focus,
button.submit-action-thing:focus,
button.cancel-action-thing:focus,
button.cancel:focus,
button.cancel-report-thing:focus,
.submit-page .content button[name="submit"]:focus {
outline: none
}
.action-form button.submit-action-thing {
margin-right: 10px
}
.reason-popup-footer button.save,
.reason-popup-footer button.cancel {
width: 157px
}
button,
html input[type="button"],
input[type="reset"],
#url-field button,
.listing-chooser .create button,
.gray-buttons button {
padding: 4px 10px;
color: #fff;
-webkit-box-shadow: 0 1px 0 0 rgba(0, 0, 0, .1);
-moz-box-shadow: 0 1px 0 0 rgba(0, 0, 0, .1);
box-shadow: 0 1px 0 0 rgba(0, 0, 0, .1);
text-shadow: -1px -1px 0 rgba(0, 0, 0, .15);
border-radius: 1px;
background: #5a8b95;
background: #2E7EB5;
border: 1px solid rgba(0, 0, 0, .1)
}
button:hover,
html input[type="button"]:hover,
input[type="reset"]:hover,
#url-field button:hover,
.listing-chooser .create button:hover,
.gray-buttons button:hover {
background: #2a73a5
}
button:active,
html input[type="button"]:active,
input[type="reset"]:active,
#url-field button:active,
.listing-chooser .create button:active {
background: #266896
}
.listing-chooser .create button:active {
background: #3498db
}
button:focus,
html input[type="button"]:focus,
input[type="reset"]:focus,
#url-field button:focus,
.listing-chooser .create button:focus {
outline: none
}
.sidecontentbox .content button {
padding: 0 10px;
margin-top: 10px
}
.pretty-button.negative,
.pretty-button.neutral,
.pretty-button.positive,
.pretty-button.inoffensive,
.entry .buttons li.reported-stamp {
margin: 0 2px;
color: #fff;
line-height: 1.4em;
padding: 0 5px;
border: 1px solid rgba(0, 0, 0, .1)!important;
border-radius: 0;
text-indent: 0
}
.pretty-button.positive {
background: #69b391
}
.pretty-button.negative {
background: #DE576C
}
.pretty-button.neutral {
background: #b0bec5
}
.pretty-button.inoffensive {
background: #71c5bc
}
.pretty-button.positive:hover {
background: #5cac87
}
.pretty-button.negative:hover {
background: #db475e
}
.pretty-button.neutral:hover {
background: #a5b5bd
}
.entry .buttons li.reported-stamp {
color: #000
}
.entry .buttons li.reported-stamp:hover {
background: #f4e18d
}
.pretty-button.positive.pressed,
.pretty-button.neutral.pressed {
background: #e9edef!important;
color: #000;
border-top: 0;
border-bottom: 0;
opacity: .4
}
.pretty-button.positive.pressed:hover,
.pretty-button.neutral.pressed:hover {
background: #dde3e6!important
}
.multi-page.moderator .side .titlebox p,
.modsr-link {
text-align: center
}
.comments-page .infobar {
border: 0;
background: #121414;
border-top: 1px solid #2e3234;
margin-bottom: 0;
margin-right: 300px
}
.infobar p a {
background-color: #ec9d57;
border: 1px solid rgba(0, 0, 0, .1);
padding: 3px 10px;
margin: 10px 0;
color: #fff;
font-size: 12px;
line-height: 38px;
transition: all .05s ease
}
.infobar p a:hover {
background: #ea9345
}
.thing.spam {
background-color: transparent!important;
border: 2px solid #F37259!important;
opacity: .5
}
.thing.spam .tagline:after {
content: "- REMOVED -";
color: #FF3D73;
margin-left: 5px;
opacity: 1
}
.thing.banned-user .tagline:after {
content: "- SHADOWBANNED -";
background: #000;
padding: 3px 10px;
color: yellow;
margin-left: 5px;
opacity: 1
}
.comment.spam>.child,
.message.spam>.child {
background-color: transparent
}
.spam .domain,
.spam .domain a {
color: #FFF7FB
}
.usertext-body pre,
.new-comment .md:not(pre)>code,
.link .md:not(pre)>code,
.usertext.border .md:not(pre)>code,
.new-comment .md pre,
.link .md pre,
.usertext.border .md pre,
.md pre {
background: url("//b.thumbs.redditmedia.com/jwtdaV12f3Ep045mBfbpBLRTK54mkfSJH2ApGkfJQig.png") 10px 10px no-repeat #121414;
border: 1px solid #2e3234;
padding: 10px 10px 10px 40px;
font-family: "Courier New", courier, monospace;
font-size: 12px
}
.usertext-body p>code,
.md code {
background-color: #121414;
border: 1px solid #2e3234;
color: #aaa
}
.top-page .content .menuarea {
border-bottom: 0
}
.fancy-settings h1,
.moderator .content h2,
.multi-page .content .menuarea,
.profile-page .content .menuarea,
.messages-page .content .menuarea,
.search-page .content .menuarea,
.controversial-page .content .menuarea,
.top-page .content .menuarea,
.related-page .panestack-title,
.other-discussions-page .panestack-title,
.submit-page .content h1,
.compose-page .content h1,
.listing-page .content .infobar.gold-accent,
.explore-header {
padding: 0;
margin: 0 300px 0 10px;
background: #232323;
line-height: 34px;
text-indent: 10px;
color: #FDF5A9;
border-left: 1px solid #2e3234;
border-bottom: 1px solid #2e3234
}
.moderator .content h2:first-child {
background: transparent;
border: 0
}
.related-page .panestack-title {
border-top: 1px solid rgba(0, 0, 0, .1)
}
.submit-page .content h1 {
font-size: 16px;
background: #232323;
border-bottom: 0
}
.messages-page .content .menuarea {
margin-right: 10px;
border-right: 1px solid rgba(0, 0, 0, .1)
}
.content .menuarea .dropdown-title {
text-transform: uppercase
}
.listing-page .content .infobar.gold-accent {
background: #252829;
border: 0;
padding: 10px 0;
color: #FDF5A9
}
.explore-header {
border-bottom: 0;
color: #555
}
.explore-item {
background-color: #121414;
margin: 0 0 0 10px;
border-top: 1px solid #2e3234
}
.explore-header #explore-settings input {
vertical-align: middle
}
.explore-header .explore-discuss-link {
font-weight: normal;
margin: 0 auto;
padding-right: 10px
}
.explore-item .explore-sr {
margin-bottom: 0;
padding: 0;
line-height: 22px;
height: 25px
}
.explore-rising .explore-label,
.explore-discovery .explore-label {
border: 1px solid rgba(0, 0, 0, .1);
border-top: 0;
border-bottom: 0
}
.explore-rising .explore-label {
background-color: #82CDB9;
color: #444;
font-weight: bold
}
.explore-rising .explore-label a {
color: #fff;
font-weight: bold
}
.explore-discovery .explore-label {
background-color: #2e3234;
color: #fff
}
.explore-discovery .explore-label a {
color: #6BB6CA
}
.explore-item .explore-label {
border-radius: 0
}
.explore-item .explore-feedback .fancy-toggle-button .add,
.explore-item .explore-feedback .fancy-toggle-button .remove {
color: #fff;
border: 1px solid rgba(0, 0, 0, .1);
border-radius: 0
}
.explore-item .explore-feedback .fancy-toggle-button .add {
background-color: #5ea96a
}
.explore-item .explore-feedback .fancy-toggle-button .remove {
background-color: #bc6a77
}
.explore-item .explore-feedback .fancy-toggle-button .add:hover,
.explore-item .explore-feedback .fancy-toggle-button .remove:hover {
background-image: none;
border: 1px solid rgba(0, 0, 0, .1)
}
.explore-item .explore-feedback .fancy-toggle-button .add:hover {
background-color: #559e60
}
.explore-item .explore-feedback .fancy-toggle-button .remove:hover {
background-color: #b65d6a
}
.explore-page .link {
padding-left: 20px
}
.explore-page .link .thumbnail {
margin-left: 0
}
.explore-page .link .title:before {
display: none
}
.explore-header #explore-settings button {
color: #fff;
font-weight: normal
}
.explore-page .nav-buttons {
margin-left: 10px
}
a[href$="/spoiler"],
a[href$="#spoiler"],
a[href$="/s"],
a[href$="#s"] {
background: #000!important;
color: #000!important;
padding: 0 10px
}
a[href$="/spoiler"]:hover,
a[href$="#spoiler"]:hover,
a[href$="/s"]:hover,
a[href$="#s"]:hover {
color: #FFF!important
}
.submit-page .content {
margin: 0 10px
}
.submit-page .tabmenu {
margin: 0;
padding: 0;
background: #1b1e1f;
border: 1px solid #2e3234
}
.submit-page ul.tabmenu.formtab {
padding: 0
}
.submit-page .tabmenu li a {
background-color: #252829;
color: #aaa
}
.submit-page .tabmenu.formtab a {
font-size: 16px;
padding: 5px 20px;
line-height: 29px;
border: 0
}
.submit-page .tabmenu.formtab a:hover {
background: rgba(0, 0, 0, .1)
}
.submit-page .tabmenu.formtab .selected a {
color: white;
font-size: 16px;
background-color: rgba(52, 152, 219, .8);
line-height: 29px;
padding: 5px 20px
}
.submit-page .tabmenu li.selected a {
border-bottom: 0
}
.tabmenu.formtab li {
line-height: 29px
}
.submit-page .formtabs-content {
border-top: 0;
padding-top: 0
}
.formtabs-content .infobar {
padding: 10px;
color: #82CDB9;
background-color: #1b1e1f;
border: 1px solid #2e3234;
border-top: 0
}
.linefield,
.roundfield {
padding: 10px;
background: #1b1e1f;
border-radius: 0;
color: #aaa;
border: 1px solid #2e3234
}
.roundfield textarea,
.roundfield input[type=text],
.roundfield input[type=url],
.roundfield input[type=password],
.roundfield input[type=number],
.linefield textarea,
.linefield input[type=text],
.linefield input[type=password] {
background: #121414;
border: 1px solid #2e3234;
color: #aaa
}
.content.submit .info-notice {
background: #121414;
border: 1px solid #2e3234;
color: #F37259
}
.content.submit .info-notice a {
color: #FDF5A9
}
.linefield .title,
.submit-page .roundfield .title,
.submit-page #title-field .title,
.submit-page #text-field .title {
font-size: 16px;
color: #FFF7FB;
font-weight: bold;
text-transform: capitalize
}
.submit-page .roundfield .title:after,
.submit-page #title-field .title:after,
.submit-page #text-field .title:after {
content: ":";
color: #FFF7FB
}
#suggested-reddits a {
color: #6BB6CA
}
.pretty-form input[type=text],
.pretty-form textarea,
.pretty-form input[type=password],
.pretty-form input[type=number] {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none
}
.pretty-form {
margin-left: 20px
}
.report-action-form {
background-color: #ffecb3;
border-radius: 0;
border: 1px solid rgba(0, 0, 0, .1);
padding: 10px 20px
}
ul.report-reasons {
border-radius: 0;
margin-top: 10px;
background-color: #FDF5A9;
border: 0;
color: #292429
}
.footer,
.footer-parent {
margin: 0 auto;
padding-bottom: 15px;
border: 0;
border-radius: 0;
background: #252829
}
.footer-parent {
border-top: 1px solid #2e3234;
margin: 0 auto
}
.footer div.col {
position: relative;
margin: 0;
padding: 0;
width: 176px;
height: auto;
font-family: Arial, sans-serif;
border-left: 1px solid #2e3234;
border: 1px solid #2e3234;
border-left: 0;
background: #121414
}
.footer .col:first-child {
border: 1px solid #2e3234
}
.footer div.col .title {
font-size: 16px;
font-weight: bold;
padding: 8px;
color: #fff;
background: #383c3e
}
.footer div.col a {
display: block;
margin: 5px;
padding: 3px 4px 3px 7px;
color: #ebebeb;
opacity: .9
}
.footer div.col a:hover {
opacity: 1;
text-decoration: none
}
.footer p.bottommenu {
clear: left;
color: #FFF;
padding: 6px;
font-weight: bold
}
.footer p.bottommenu a {
font-weight: bold;
color: #FFF
}
.debuginfo {
background: #1b1e1f
}
.link .upmod:focus::after {
content: "+1";
font-size: 14px;
margin-left: 1px;
position: relative;
color: #F37259;
bottom: 18px;
opacity: 0.0;
z-index: 102;
-webkit-animation-name: exAn;
-webkit-animation-duration: 3.0s;
-webkit-animation-timing-function: ease-out;
-webkit-animation-iteration-count: 1;
-moz-animation-name: exAn;
-moz-animation-duration: 3.0s;
-moz-animation-timing-function: ease-out;
-moz-animation-iteration-count: 1;
animation-name: exAn;
animation-duration: 3.0s;
animation-timing-function: ease-out;
animation-iteration-count: 1;
animation-play-state: running
}
@-webkit-keyframes exAn {
0% {
color: #FF8C69
}
8% {
bottom: 23px;
opacity: 1.0
}
15% {
bottom: 28px
}
30% {
color: #FF0000
}
50% {
color: red;
bottom: 33px
}
60% {
color: #FF4500
}
100% {
bottom: 38px;
opacity: 0.0
}
}
@keyframes exAn {
0% {
color: #FF8C69
}
8% {
bottom: 23px;
opacity: 1.0
}
15% {
bottom: 28px
}
30% {
color: #FF0000
}
50% {
color: red;
bottom: 33px
}
60% {
color: #FF4500
}
100% {
bottom: 38px;
opacity: 0.0
}
}
.link .downmod:focus::after {
content: "-1";
font-size: 14px;
margin-left: 1px;
position: relative;
color: #6BB6CA;
bottom: -18px;
opacity: 0.0;
z-index: 102;
-webkit-animation-name: exBn;
-webkit-animation-duration: 3.0s;
-webkit-animation-timing-function: ease-out;
-webkit-animation-iteration-count: 1;
-moz-animation-name: exBn;
-moz-animation-duration: 3.0s;
-moz-animation-timing-function: ease-out;
-moz-animation-iteration-count: 1;
animation-name: exBn;
animation-duration: 3.0s;
animation-timing-function: ease-out;
animation-iteration-count: 1;
animation-play-state: running
}
@-webkit-keyframes exBn {
0% {
color: #a8a8ff
}
8% {
bottom: -23px;
opacity: 1.0
}
15% {
bottom: -28px
}
30% {
color: #bbbbff
}
50% {
color: red;
bottom: -33px
}
60% {
color: #cfcfff
}
100% {
bottom: -38px;
opacity: 0.0
}
}
@keyframes exBn {
0% {
color: #a8a8ff
}
8% {
bottom: -23px;
opacity: 1.0
}
15% {
bottom: -28px
}
30% {
color: #bbbbff
}
50% {
color: red;
bottom: -33px
}
60% {
color: #cfcfff
}
100% {
bottom: -38px;
opacity: 0.0
}
}
.link .upmod:focus:after {
white-space: nowrap
}
.link .downmod:focus:after {
white-space: nowrap
}
.midcol {
overflow: visible
}
.gold-accent {
margin-left: 20px!important;
background-color: #1b1e1f;
border: solid 1px rgba(0, 0, 0, .1);
border-radius: 0
}
.comment-visits-box .title {
font-weight: normal;
color: #FDF5A9
}
.gold-accent.comment-visits-box select {
background: #121414;
border: 1px solid #2e3234;
color: #FFF7FB
}
.award-square .award-name {
color: #FFF7FB
}
.searchpane {
background-color: #1b1e1f;
margin: 0 300px 0 10px;
background-image: url("//b.thumbs.redditmedia.com/PlnDpsr3nrefX3oJNWlKPsXpAfR_czrpKD9--4w4QJo.png");
color: #aaa
}
.raisedbox {
border: 1px solid #2e3234;
border-right: 0;
padding: 20px 20px 20px 96px
}
.search-page #search input[type=text] {
color: #fff!important;
border: 1px solid #2e3234;
background: #121414
}
.search-summary .debuginfo {
background: transparent
}
.searchfacets {
box-shadow: none;
background-color: #e0f2f1;
border: 1px solid rgba(0, 0, 0, .1);
border-right: 0;
margin-left: 10px
}
.searchfacets .list {
margin: 0
}
.facet.count {
font-weight: normal;
color: #21504d
}
.search-page .link .entry {
margin-left: 105px
}
.search-page .expando {
margin-left: 5px
}
.side {
position: relative;
z-index: 2;
color: #D3D3D3;
background-color: #252829;
margin: 0 20px 0 0;
padding-top: 10px;
border-left: 1px solid #2e3234;
border-right: 1px solid #2e3234;
box-shadow: 0 0 6px rgba(0, 0, 0, 0.2)
}
.side #search {
margin-bottom: 17px
}
.side #search input[type=text] {
color: #fff;
border: 1px solid #333;
width: 260px;
margin-left: 20px;
background-color: #232323
}
.morelink {
font-weight: normal;
letter-spacing: 0;
background: #85A09E;
border: 1px solid #7a9795;
height: 30px;
line-height: 30px;
overflow: hidden;
width: 220px;
margin-left: 40px;
color: white
}
.morelink:hover {
background: #7a9795;
border: 1px solid #6f8f8c
}
.morelink:active {
background: #6f8f8c;
border: 1px solid #678481
}
.morelink a {
color: #fff
}
.morelink .nub {
display: none
}
.sidebox.create .morelink {
background: #6BB6C9;
border: 1px solid #5dafc4
}
.sidebox.create .morelink:hover {
background: #5dafc4;
border: 1px solid #4ea8bf
}
.sidebox .spacer {
margin-top: 17px;
margin-left: 40px;
background-color: transparent
}
h1.redditname {
text-align: center;
margin-bottom: 10px
}
.res .side .titlebox h1+div {
text-align: center;
padding: 0 0 10px 0!important
}
.titlebox h1 a {
color: #fff
}
.sidebox .subtitle {
color: #bbb
}
.titlebox .subscribe-button {
font-family: Segoe, "Segoe UI", Optima, Candara, Calibri, Arial, sans-serif;
display: block;
text-align: center
}
.titlebox .fancy-toggle-button,
.fancy-toggle-button {
margin: 0 0 12px 0
}
.res .RESshortcutside,
.res .RESDashboardToggle {
font-family: Segoe, "Segoe UI", Optima, Candara, Calibri, Arial, sans-serif;
margin: 0;
width: auto;
padding: .3em 0;
border-radius: 0;
font-weight: normal;
line-height: 1.2;
vertical-align: top;
display: inline-block!important
}
.res .RESshortcutside {
margin: 0 12px 12px 40px
}
.fancy-toggle-button .active,
.res .fancy-toggle-button .active,
.res .RESshortcutside,
.res .RESDashboardToggle {
font-size: .9em;
border: 1px solid rgba(0, 0, 0, .1);
color: #EE5E91
}
.res .side .RESshortcutside,
.res .side .RESDashboardToggle {
width: 103px;
text-align: center
}
.fancy-toggle-button .add,
.fancy-toggle-button .remove,
.res .side .subscribe-button .option {
width: 100%;
padding: .2em 2em;
vertical-align: top;
border-radius: 0;
text-transform: capitalize
}
.fancy-toggle-button .add,
.side .subscribe-button .add,
.res .side .RESshortcutside,
.res .side .RESDashboardToggle {
background: #232323;
color: #82CDB9
}
.fancy-toggle-button .add:hover,
.side .subscribe-button .add:hover,
.res .side .RESshortcutside:hover,
.res .side .RESDashboardToggle:hover {
background: #191919
}
.fancy-toggle-button .remove,
.side .subscribe-button .remove,
.res .side .RESshortcutside.remove,
.res .side .RESDashboardToggle.remove {
background: #232323;
color: #EE5E91
}
.fancy-toggle-button .remove:hover,
.side .subscribe-button .remove:hover,
.res .side .RESshortcutside.remove:hover,
.res .side .RESDashboardToggle.remove:hover {
background: #191919
}
.subscribers,
.users-online {
font-family: Segoe, "Segoe UI", Optima, Candara, Calibri, Arial, sans-serif;
display: inline-block;
font-size: 13px;
line-height: 23px;
width: 149px;
padding: 0;
color: #8e9599;
text-align: center;
margin-bottom: 0;
background: #252829;
border-top: 1px solid rgba(255, 255, 255, 0.05);
border-bottom: 1px solid rgba(255, 255, 255, 0.1)
}
.subscribers {
margin-left: 0;
border-right: 1px solid rgba(255, 255, 255, 0.1)
}
.users-online:before {
display: none
}
.titlebox .word {
display: none
}
.titlebox .number:after {
content: " subscribers"
}
.titlebox .users-online span.number:after {
content: " online now"
}
.leavemoderator {
padding-top: 12px
}
.titlebox form.toggle,
.leavemoderator {
font-family: Segoe, "Segoe UI", Optima, Candara, Calibri, Arial, sans-serif;
padding: 10px 30px 0 40px;
background: #2f3234
}
.titlebox .tagline {
margin: 0;
padding: 0 0 12px 60px;
background: #2f3234;
border-bottom: 1px solid rgba(255, 255, 255, .05)
}
.titlebox .bottom {
background: #232323;
border-top: 1px solid rgba(0, 0, 0, .1);
border-bottom: 1px solid rgba(0, 0, 0, .1);
padding: 0 20px;
height: 22px;
line-height: 22px
}
.titlebox .bottom a {
color: #6BB6CA
}
.sidecontentbox .content {
margin: 0 20px;
background: #232323;
padding: 15px;
border: 1px solid rgba(0, 0, 0, .1)
}
.sidecontentbox .content a {
color: #6BB6CA
}
.sidecontentbox .title h1 {
margin-left: 20px;
line-height: 30px;
color: #FFF7FB
}
.sidecontentbox .collapse-button {
vertical-align: middle
}
.account-activity-box a {
line-height: 30px;
background: #749889;
color: #fff;
text-transform: capitalize;
padding: 3px 10px;
border: 1px solid rgba(0, 0, 0, .1);
-webkit-box-shadow: 0 1px 0 0 rgba(0, 0, 0, .1);
-moz-box-shadow: 0 1px 0 0 rgba(0, 0, 0, .1);
box-shadow: 0 1px 0 0 rgba(0, 0, 0, .1)
}
.account-activity-box a:hover {
background: #618375
}
.front-page .linklisting .link .entry,
.listing-page .link .entry {
margin-left: 105px
}
.front-page .expando {
margin-left: 5px
}
.multi-page .link .entry {
margin-left: 65px
}
.front-page .content .spacer,
.listing-page .content .spacer {
margin-bottom: 0
}
.linklisting .nav-buttons,
.explore-page .nav-buttons {
background: #232323;
line-height: 34px;
text-transform: uppercase;
border: 0;
border-top: 1px solid #2e3234
}
.nextprev {
padding-left: 10px
}
.nextprev a,
.next-suggestions a {
background: #121414;
border: 1px solid #2e3234;
border-radius: 0;
font-weight: normal;
text-transform: lowercase;
color: #888
}
.nextprev a:hover,
.next-suggestions a:hover {
background: #121414;
color: #bbb;
border: 1px solid #2e3234
}
.trending-subreddits {
padding: 0;
margin: 0 300px 0 10px;
background: #232323;
line-height: 34px;
text-transform: uppercase;
border-left: 1px solid #2e3234;
border-bottom: 1px solid #2e3234
}
.trending-subreddits .comments {
font-weight: normal;
text-transform: uppercase
}
.trending-subreddits li {
padding: 0 10px;
margin: 0;
border-right: 1px solid rgba(0, 0, 0, .1)
}
.trending-subreddits li:first-child {
border-left: 1px solid rgba(0, 0, 0, .1)
}
.trending-subreddits li:hover {
background: #1b1e1f
}
.trending-subreddits a {
text-transform: lowercase;
color: #FFF7FB;
opacity: .9;
display: inline-block
}
.trending-subreddits strong {
color: #82CDB9
}
body.with-listing-chooser .listing-chooser .grippy {
background: #252829;
border-left: 0
}
body.with-listing-chooser .listing-chooser {
top: 112px;
background: #1b1e1f;
border-right: 1px solid #2e3234
}
body.with-listing-chooser.listing-chooser-collapsed .listing-chooser .grippy:before {
background-image: url("//b.thumbs.redditmedia.com/cldUT-uVwjW5Ghz3QJtKRYUG_05w-DEc9jdX_XH4oUA.png")
}
body.with-listing-chooser .listing-chooser .grippy:before {
background-image: url("//b.thumbs.redditmedia.com/cxSU2J0NkZLuG-6wdi8auHUVsKNoBRrulwmMZo1Mxls.png")
}
body.with-listing-chooser .listing-chooser .grippy:after,
body.with-listing-chooser.listing-chooser-collapsed .listing-chooser .grippy:after {
border-right: 0
}
body.with-listing-chooser .listing-chooser .grippy:hover:after {
background: transparent
}
.listing-chooser li.selected {
background: #121414;
border-color: #2e3234;
border-radius: 0;
box-shadow: -30px 0 30px -15px rgba(0, 0, 0, 0.5) inset, 0 2px 6px -1px rgba(0, 0, 0, 0.2)
}
.listing-chooser li.selected:before {
border-left-color: #FFF7FB
}
.listing-chooser li {
background: #121414;
border: 1px solid #2e3234;
border-bottom-width: 1px;
border-bottom-color: rgba(0, 0, 0, .2);
border-radius: 0
}
.listing-chooser li.selected a,
.listing-chooser ul.global li a,
.listing-chooser ul.other li a {
text-transform: capitalize
}
.listing-chooser ul.global li a,
.listing-chooser ul.multis li a,
.listing-chooser ul.other li a {
color: #FFF7FB
}
.listing-chooser ul.global li a,
.listing-chooser ul.other li a {
padding: .6em 5px
}
.listing-chooser ul.multis li a {
padding: .4em 5px
}
.listing-chooser h3 {
text-align: center;
color: #82CDB9;
background: #1b1e1f;
border-top: 1px solid #2e3234;
text-transform: capitalize
}
.listing-chooser .intro {
background: #1b1e1f;
border-bottom: 1px solid #2e3234;
border-top: 1px solid #2e3234
}
.listing-chooser .intro p {
font-size: 1.05em;
color: #aaa
}
.listing-chooser .create {
padding: 5px 0 0 0;
background: #252829;
border: 0
}
.listing-chooser .create button {
opacity: 1
}
.listing-chooser li.gold-perks {
background: #121414
}
.listing-chooser ul.other li.gold-perks a {
color: #FDF5A9
}
.titlebox.multi-details ul.subreddits,
.titlebox.multi-details .settings,
.titlebox.multi-details h2,
.titlebox.multi-details h3 {
padding-left: 20px
}
.titlebox.multi-details h2 {
margin-bottom: 15px
}
.gray-buttons button:hover {
text-decoration: none
}
.multi-details form.add-sr .sr-name,
.filtered-details form.add-sr .sr-name {
border: 1px solid #333;
background-color: #232323
}
.multi-details button.remove-sr.remove-sr,
.filtered-details button.remove-sr.remove-sr,
.multi-details button.add.remove-sr,
.filtered-details button.add.remove-sr {
background-image: url("//b.thumbs.redditmedia.com/OEy1o2ZpCdpHLhCZUdK0x8LDIinJ1BbqLDmVKBgvyJE.png");
background-position: center
}
.multi-details button.remove-sr,
.filtered-details button.remove-sr,
.multi-details button.add,
.filtered-details button.add {
opacity: .9
}
.multi-details button.remove-sr.add,
.filtered-details button.remove-sr.add,
.multi-details button.add.add,
.filtered-details button.add.add,
.side .recommend-box .rec-item button.add {
background-image: url("//b.thumbs.redditmedia.com/yq6hH9GcANQe8W-fKvtxFZ2Dh8xtMhbZUeUtoZvRHSI.png");
background-position: center
}
.side .recommend-box {
margin: 15px 0px 30px 5px
}
.side .recommend-box .rec-item {
background-color: #121414;
border: 0;
padding: 3px 0 3px 5px
}
.side .recommend-box .rec-item button.add:after {
background-image: none
}
.side .recommend-box .rec-item button.add {
opacity: .9;
background-color: transparent
}
.messages-page .pagename {
color: #FFF7FB
}
.messages-page .sitetable {
border: 0;
margin: 0 10px
}
.messages-page .message .subject {
color: #82CDB9;
font-weight: normal
}
.messages-page .message {
background: #1b1e1f;
border: 1px solid #2e3234;
padding: 10px;
margin: 10px 0
}
.message .md {
color: #FFF7FB!important
}
.message .md a {
color: #6BB6CA
}
.message.was-comment .md {
color: #ebebeb;
opacity: .9
}
.messages-page .flat-list a {
color: #FDF5A9
}
.messages-page .flat-list li.selected a {
color: #FF3D73
}
.messages-page .message.message-reply,
.message.message-reply .entry,
.message.message-parent .entry {
border: 0
}
.message .subject .correspondent {
background: #121414;
border: 1px solid #2e3234;
border-radius: 0;
color: #FBA44F
}
.message .subject .correspondent a {
color: #FBA44F
}
.message.message-reply.recipient>.entry .head,
.message.message-parent.recipient>.entry .head {
color: #aaa
}
.expand-btn {
font-weight: normal;
padding: 1px 10px;
border: 1px solid #2e3234;
background: #121414
}
a.expand-btn {
color: #888
}
a.expand-btn:hover {
color: #fff
}
.messages-page .message.new>.entry {
background-color: transparent;
border: 1px solid rgba(255, 255, 255, .05)
}
.messages-page .message.new .tagline:after {
content: "- NEW -";
color: #FDF5A9;
margin-left: 5px
}
select {
background: #f7f7f7;
border: 1px solid rgba(0, 0, 0, .1)
}
#compose-message .roundfield .title {
font-size: 16px;
color: #FFF7FB;
font-weight: bold;
text-transform: capitalize
}
#compose-message .roundfield .title:after {
content: ":";
color: #FFF7FB
}
.organic-listing {
margin: 0 300px 0 10px;
border: 1px solid #2e3234;
border-right: 0;
border-top: 0
}
.organic-listing .link,
.organic-listing .link.compressed,
.organic-listing .link.promotedlink {
padding-left: 0
}
.organic-listing .link {
background-color: #1b1e1f
}
.organic-listing .nextprev .arrow {
border: 1px solid #2e3234
}
.organic-listing .nextprev .arrow:hover {
border: 1px solid #404649
}
.organic-listing .nextprev .arrow.prev {
background: url("//b.thumbs.redditmedia.com/VGgjcGYKRP0LBHWziaqbOiw6heqnR7On4E3k0tPnikY.png") -50px -191px no-repeat
}
.organic-listing .nextprev .arrow.next {
background: url("//b.thumbs.redditmedia.com/VGgjcGYKRP0LBHWziaqbOiw6heqnR7On4E3k0tPnikY.png") -81px -191px no-repeat
}
.goldvertisement,
#ad-frame,
#ad_main,
.sponsorshipbox {
-moz-transform: scale(0.9);
-webkit-transform: scale(0.9);
transform: scale(0.9)
}
.goldvertisement {
border: 1px solid #FDF5A9;
background: #232323;
box-shadow: none;
color: #FDF5A9
}
.goldvertisement .inner {
border: 0;
padding: 10px
}
.goldvertisement .progress p {
color: #FDF5A9
}
.goldvertisement .progress .bar {
border: 1px solid #FDF5A9;
background: #000
}
.goldvertisement a {
padding: 5px 10px;
border-radius: 0;
background: #121414;
border: 1px solid #2e3234;
border-bottom-width: 1px;
font-family: arial;
color: #82CDB9
}
.goldvertisement a:hover {
background: #000;
border-color: #F9F5C2
}
.link.promotedlink {
border: 0;
border-bottom: 1px solid rgba(0, 0, 0, .1)
}
.front-page .link.promotedlink,
.listing-page .link.promotedlink {
border-bottom: 0
}
.sponsored-tagline {
font-weight: normal;
color: #6BB6CA
}
.organic-listing .help {
color: #6BB6CA
}
.link.promotedlink.promoted {
background: #1b1e1f
}
.multi-page {
color: #aaa
}
.profile-page .sitetable {
background: #fff
}
.profile-page p.parent {
text-indent: 23px
}
.multi-page .link .midcol,
.profile-page .link .midcol {
margin: 0
}
.multi-page .link .title:before,
.profile-page .link .title:before {
left: 48px
}
.multi-page .link .thumbnail,
.profile-page .link .thumbnail {
margin-left: 67px
}
.multi-page .thing,
.profile-page .thing {
border-top: 1px solid #2e3234
}
.multi-page .thing:first-of-type,
.profile-page .thing:first-of-type {
border-top: 0
}
.multi-page .comment,
.profile-page .comment {
background: #1b1e1f;
padding: 10px
}
.multi-page .comment .md,
.profile-page .comment .md {
color: #FFF7FB
}
.profile-page .linklisting .entry {
margin-left: 63px
}
.profile-page .comment .entry {
margin-left: 0
}
.profile-page .titlebox {
padding: 0 20px
}
.profile-page .titlebox .karma,
.profile-page .titlebox h1 {
font-size: 24px;
color: #FFF7FB
}
.profile-page .titlebox h1+div {
text-align: left!important
}
.profile-page .titlebox .fancy-toggle-button,
.profile-page .fancy-toggle-button {
margin: 0
}
.profile-page .pagename,
.trophy-name {
color: #FFF7FB!important
}
.karma-breakdown a {
text-align: center;
font-weight: normal;
background: #009688;
width: 258px;
display: block;
line-height: 28px;
border: 1px solid rgba(0, 0, 0, .1);
color: #fff
}
.karma-breakdown a:hover {
background: #00897B
}
.profile-page .titlebox .gold-expiration-info .karma {
font-size: 19px;
color: #F9F5C2
}
.profile-page .titlebox .gold-accent {
margin-left: 0!important;
margin-bottom: 12px
}
.profile-page .gold-accent.snoovatar-link {
border-radius: 0;
margin: 12px 0 0 0
}
.giftgold a {
font-weight: normal;
color: #DBC287
}
.giftgold {
margin: 12px 0 10px 0
}
.gold-expiration-info {
margin-top: 12px
}
.profile-page #per-sr-karma {
width: 260px
}
.profile-page .titlebox .bottom {
background: #1b1e1f;
color: #fff;
border: 1px solid #2e3234
}
.profile-page .titlebox .bottom a {
color: #fff;
text-transform: uppercase;
padding-left: 17px;
position: relative
}
.profile-page .titlebox .bottom a:before {
content: "";
position: absolute;
background: url("//b.thumbs.redditmedia.com/VGgjcGYKRP0LBHWziaqbOiw6heqnR7On4E3k0tPnikY.png") -312px -125px no-repeat;
left: -5px;
top: 0;
width: 15px;
height: 22px
}
.profile-page .titlebox .bottom img {
display: none
}
.server-seconds {
background: #1b1e1f;
border: 1px solid #2e3234;
border-radius: 0;
padding: 10px
}
.server-seconds p {
padding: 0 2px
}
.server-seconds-public.bottom {
border: 1px solid rgba(0, 0, 0, .1);
background: #121414!important;
padding: 10px;
height: auto!important;
line-height: normal!important
}
.server-seconds-public .title {
padding-left: 0
}
.server-seconds .title,
.server-seconds .note {
color: #FDF5A9
}
.server-seconds-public label {
color: #FDF5A9
}
.server-seconds em {
color: #FFF7FB
}
.sidecontentbox a.helplink {
border: 1px solid rgba(255, 255, 255, .05);
margin-right: 20px;
color: #aaa;
background: #514C49;
text-transform: capitalize;
line-height: 20px;
padding: 0 10px
}
.sidecontentbox a.helplink:hover {
background: #474240
}
.sidecontentbox.trophy-area ul.content {
margin: 0;
border-left: 0;
border-right: 0
}
.multi-page .side .spacer:nth-of-type(5) .sidecontentbox .content {
margin: 0
}
.subscription-box .title {
font-size: small;
line-height: 20px
}
.subscription-box .box-separator {
border: 0
}
.trophy-description {
color: #aaa
}
.profile-page p.parent a.userTagLink {
text-indent: 0
}
.icon-menu li {
padding: 2px 2px 2px 10px
}
.icon-menu a {
color: #ABAA98;
font-size: 12px;
line-height: 12px;
vertical-align: text-top;
padding-left: 5px;
background: transparent
}
.titlebox .leavemoderator:before,
.moderator.toggle .main:before,
.titlebox form.leavecontributor-button:before,
.icon-menu .reddit-edit:before,
.icon-menu .reddit-edit:hover:before,
.icon-menu .moderator-mail:before,
.icon-menu .moderator-mail:hover:before,
.icon-menu .reddit-contributors:before,
.icon-menu .reddit-contributors:hover:before,
.icon-menu .reddit-moderators:before,
.icon-menu .reddit-moderators:hover:before,
.icon-menu .reddit-traffic:before,
.icon-menu .reddit-traffic:hover:before,
.icon-menu .reddit-modqueue:before,
.icon-menu .reddit-modqueue:hover:before,
.icon-menu .reddit-reported:before,
.icon-menu .reddit-reported:hover:before,
.icon-menu .reddit-spam:before,
.icon-menu .reddit-spam:hover:before,
.icon-menu .reddit-ban:before,
.icon-menu .reddit-ban:hover:before,
.icon-menu .reddit-flair:before,
.icon-menu .reddit-flair:hover:before,
.icon-menu .reddit-moderationlog:before,
.icon-menu .reddit-moderationlog:hover:before,
.icon-menu .reddit-unmoderated:before,
.icon-menu .reddit-unmoderated:hover:before,
.icon-menu .edit-stylesheet:before,
.icon-menu .edit-stylesheet:hover:before,
.icon-menu .reddit-edited:before,
.icon-menu .reddit-edited:hover:before {
background: url("//b.thumbs.redditmedia.com/19o2SmmV85FfpAGyulOnRhrvQVgwWjRD3uQIAukPHRQ.png") no-repeat;
width: 12px;
height: 12px
}
.icon-menu .reddit-edit:before {
background-position: -36px -12px;
margin-top: 2px
}
.icon-menu .reddit-edit:hover:before {
background-position: -48px -12px
}
.icon-menu .moderator-mail:before {
background-position: -24px 0;
margin-top: 2px;
margin-left: 0px
}
.icon-menu .moderator-mail:hover:before {
background-position: -36px 0
}
.icon-menu .reddit-contributors:before,
.titlebox form.leavecontributor-button:before {
background-position: -12px -12px;
margin-top: 2px
}
.icon-menu .reddit-contributors:hover:before {
background-position: -24px -12px
}
.icon-menu .reddit-moderators:before,
.titlebox .leavemoderator:before,
.moderator.toggle .main:before {
background-position: -12px -36px;
margin-top: 2px
}
.icon-menu .reddit-moderators:hover:before {
background-position: -24px -36px
}
.icon-menu .reddit-traffic:before {
background-position: -48px -48px;
margin-top: 2px
}
.icon-menu .reddit-traffic:hover:before {
background-position: -60px 0
}
.icon-menu .reddit-modqueue:before {
background-position: -36px -36px;
margin-top: 2px
}
.icon-menu .reddit-modqueue:hover:before {
background-position: -48px -36px
}
.icon-menu .reddit-reported:before {
background-position: 0 -48px;
margin-top: 2px
}
.icon-menu .reddit-reported:hover:before {
background-position: -12px -48px
}
.icon-menu .reddit-spam:before {
background-position: -24px -48px;
margin-top: 2px
}
.icon-menu .reddit-spam:hover:before {
background-position: -36px -48px
}
.icon-menu .reddit-ban:before {
background-position: -48px 0;
margin-top: 2px
}
.icon-menu .reddit-ban:hover:before {
background-position: 0 -12px
}
.icon-menu .reddit-flair:before {
background-position: -24px -24px;
margin-top: 2px
}
.icon-menu .reddit-flair:hover:before {
background-position: -36px -24px
}
.icon-menu .reddit-moderationlog:before {
background-position: -48px -24px;
margin-top: 2px
}
.icon-menu .reddit-moderationlog:hover:before {
background-position: 0 -36px
}
.icon-menu .reddit-unmoderated:before {
background-position: -60px -12px;
margin-top: 2px
}
.icon-menu .reddit-unmoderated:hover:before {
background-position: -60px -24px
}
.icon-menu .edit-stylesheet:before {
background-position: 0 0;
margin-top: 2px
}
.icon-menu .edit-stylesheet:hover:before {
background-position: -12px 0
}
.icon-menu .reddit-edited:before {
background-position: 0 -24px;
margin-top: 2px
}
.icon-menu .reddit-edited:hover:before {
background-position: -12px -24px
}
.linkinfo {
text-align: center;
width: 300px;
padding: 0;
margin-bottom: 25px;
background: #2f3234;
border: 0;
border-top: 0;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
border-left: 0;
border-radius: 0
}
.linkinfo .score .word {
display: none
}
.linkinfo .score {
font-size: 11px;
display: block;
min-width: 80px;
padding: 15px 40px
}
.linkinfo .score .number {
display: block
}
.linkinfo .totalvotes,
.linkinfo .upvotes,
.linkinfo .downvotes {
font-size: 110%!important
}
.linkinfo .upvotes .word,
.linkinfo .downvotes .word {
display: none
}
.linkinfo .upvotes:after {
content: "▲"
}
.linkinfo .downvotes:after {
content: "▼"
}
.linkinfo .upvotes {
margin-left: 10px
}
.linkinfo .shortlink {
margin-top: 0;
font-size: 0;
text-align: center;
visibility: hidden
}
.linkinfo .shortlink input {
border: 1px solid #3A3D3D;
border-bottom: 0;
font-size: 11px;
text-align: center;
background: #252829;
visibility: visible;
margin-bottom: -1px;
color: #bbb
}
.linkinfo .date {
margin: 0;
padding: 5px 0;
border-top: 0;
border-bottom: 1px solid #3A3D3D;
font-size: 12px;
background: #252829;
color: #bbb;
font-weight: bold;
text-align: center
}
.linkinfo .date span {
font-size: 0;
color: #FFF
}
.linkinfo .date span:after {
content: "Submitted on ";
display: inline;
font-size: 12px;
font-weight: normal;
color: #ccc
}
.res [class*="votes"]+.shortlink input {
margin-top: 20px
}
.linkinfo .upvotes {
color: #F37259!important
}
.linkinfo .downvotes {
color: #00B9D7!important
}
.messages-page #noresults {
margin: 0
}
.link.compressed {
margin-bottom: 0
}
.link.compressed .rank {
margin-top: 0;
padding-top: 20px
}
.compressed-display .expando-button.image {
margin-right: 0
}
.compressed-display .expando-button {
margin: 0 0 2px 5px
}
.compressed-display .organic-listing .link .entry {
margin-left: 107px
}
.compose-page .content h1 {
margin: 0 0 0 10px;
color: #FDF5A9;
border: 1px solid #2e3234;
border-top: 0
}
.compose-page .roundfield,
.compose-page button {
margin-left: 10px
}
.compose-page .roundfield:first-of-type {
border-top: 0
}
.sr-interest-bar {
background-color: #121414;
border: 1px solid #2e3234;
border-right: 0;
border-bottom: 0;
padding: 10px;
margin: 0 0 0 10px
}
.sr-interest-bar .query-box {
padding: 0;
border: 1px solid #2e3234
}
.sr-interest-bar .subscribe {
font-weight: normal;
text-transform: lowercase;
background: #44a98e;
border: 1px solid rgba(0, 0, 0, .1);
border-radius: 0
}
.sr-interest-bar .bubble {
padding: 10px;
background: #252829;
color: #aaa
}
.sr-interest-bar .bubble:after {
border-right-color: #252829
}
.sr-interest-bar .query {
font-size: 14px;
line-height: 24px;
text-indent: 10px;
background: #000;
color: #fff
}
.subreddits-page #search input[type=text] {
background: #121414;
border-color: #2e3234;
color: #fff
}
.subreddits-page .raisedbox {
border-bottom: 0
}
.subreddits-page .raisedbox h4 {
color: #454e59;
font-weight: normal
}
.subreddits-page .content .infobar,
.listing-page .content .infobar {
padding: 10px 5px;
margin: 0 300px 0 10px;
background: #232323;
text-indent: 10px;
border: 1px solid #2e3234;
border-right: 0
}
.subreddits-page .content .infobar .md,
.listing-page .content .infobar .md {
color: #FDF5A9
}
.subreddits-page .content .infobar .md code {
border: 1px solid rgba(0, 0, 0, .1);
background-color: #FDF5A9;
color: #292429;
border-radius: 0
}
.subreddits-page .sitetable.linklisting {
padding-top: 20px;
background: #fff
}
.listing-page .sitetable.linklisting {
background: #1b1e1f
}
.subreddits-page .subreddit .usertext .md {
padding: 5px;
color: #FFF7FB;
background-color: #121414;
border-radius: 3px;
border: 1px solid #2e3234
}
.subreddits-page .linklisting .md {
margin-top: 10px
}
.subreddits-page .sidecontentbox .content {
font-size: 10px
}
.subreddits-page .side .fancy-toggle-button .remove {
padding: .2em 1em
}
.subreddits-page .fancy-toggle-button .active,
.res .fancy-toggle-button .active,
.subreddits-page .RESshortcutside.remove,
.subreddits-page .RESshortcutside,
.subreddits-page .RESshortcutside:hover {
background: #121414;
border-right: 1px solid #2e3234
}
.subreddits-page .RESshortcutside.remove,
.subreddits-page .RESshortcutside {
padding: .2em 2em
}
.subreddits-page .RESshortcutside {
color: #82CDB9
}
.subreddits-page .flat-list li.selected a {
color: #FF3D73
}
.subreddits-page .menuarea {
border-bottom: 0
}
.debuginfo:before {
float: left;
content: "css by /u/qtx";
display: block;
position: relative;
color: gray;
font-size: 9px
}
#noresults {
margin: 0 300px 0 0;
height: 312px;
background: transparent url("//b.thumbs.redditmedia.com/T_WAX9eYlJvBlpFk_6UZ_ytDEryDkGAMmuUgq_KbYSQ.png") no-repeat 50% 50%;
text-indent: -9999px;
font-size: 0px;
display: block
}
.flair,
.linkflairlabel {
padding: 0 5px;
background: #232323;
color: #888;
border: 1px solid #333;
border-radius: 0
}
.flairoptionpane a::before {
display: none
}
.listing-page .comment.gilded {
padding: 10px 10px 10px 20px;
border-top: 1px solid #2e3234
}
.listing-page .comment.gilded .md {
color: #FFF7FB
}
.listing-page .comment.gilded p.parent {
color: #aaa
}
#searchexpando.infobar {
border: 1px solid rgba(255, 255, 255, 0.1);
border-left: 0;
border-right: 0;
border-radius: 0;
background-color: #2f3234
}
#searchexpando label {
line-height: 30px
}
.wiki-page .wiki-page-content {
font-family: arial, verdana, helvetica, sans-serif;
margin: 0 300px 5px 0;
padding: 10px 20px;
background: #1b1e1f;
border-left: 1px solid #2e3234;
border-bottom: 1px solid #2e3234
}
.wiki-page .wiki-page-content .md {
color: #FFF7FB
}
.wiki-page .wiki-page-content .md a {
color: #6BB6CA
}
.wiki-page .wiki-page-content {
color: #aaa
}
.wiki-page .wikititle {
display: none
}
.wiki-page .pageactions {
padding: 5px 20px;
background: #232323;
border: 1px solid #2e3234;
border-top: 0;
border-right: 0;
border-radius: 0;
margin: 0!important;
display: block!important;
overflow: auto
}
.wiki-page .pageactions .wikiaction,
.wiki-page .pageactions .wikiaction-current {
background-color: #121414;
border-radius: 0;
border: 1px solid #2e3234;
color: #657E84
}
.wiki-page .pageactions .wikiaction-current {
color: #FF3D73
}
.wiki-page .pageactions .wikiaction:hover {
color: #fff;
background-color: #121414
}
.wiki-page .wiki-page-content .md.wiki>.toc>ul {
padding: 10px 25px;
margin-right: 0;
color: #aaa;
border: 1px solid #2e3234;
background: #121414;
border-radius: 3px;
-moz-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .05);
-ms-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .05);
-o-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .05);
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .05)
}
.wiki-page .wiki-page-content .md.wiki>.toc>ul a {
color: #fff
}
.wiki-page .wiki-page-content .md.wiki h1 {
margin-top: 0;
color: #2a3f4d;
font-weight: normal
}
.wiki-page .wiki-page-content .md.wiki h3 {
text-decoration: underline
}
.wiki-page .wiki-page-content .md.wiki h2,
.wiki-page .wiki-page-content .md.wiki h4 {
font-size: 1.4em;
color: #FDF5A9;
padding: 5px 0;
font-weight: 600;
letter-spacing: -1px;
text-decoration: none;
border-bottom: 3px solid #82CDB9
}
.wiki-page hr {
margin: 10px 0;
border: 0;
height: 0;
border-top: 1px solid rgba(0, 0, 0, 0.1);
border-bottom: 1px solid rgba(255, 255, 255, 0.3)
}
.wiki-page .wiki-page-content .md.wiki blockquote {
background: rgba(0, 0, 0, 0.02)
}
.wiki-page .md.wiki table {
border-collapse: separate
}
.wiki-page .md.wiki table th,
.wiki-page .md.wiki table td {
padding: 5px 10px;
background: rgba(0, 0, 0, 0.02);
border: 1px solid rgba(0, 0, 0, 0.05)
}
.wiki-page .md.wiki table th {
background: #93B7BE;
color: #fff!important
}
.wiki-page .md.wiki table tr td:nth-of-type(1) {
width: 15%
}
.wiki-page .md.wiki table tr td:nth-of-type(2) {
width: 30%
}
.wiki-page .md.wiki table tr td:nth-of-type(3) {
width: 55%;
text-align: left
}
body:lang(np) #siteTable:before {
content: "You have been linked to a read-only version of this subreddit. Please respect the community by not voting.";
display: block;
background-color: #e05d6f;
color: #fff;
padding: 10px;
margin: 0 300px 0 0;
border: 1px solid rgba(0, 0, 0, 0.05);
border-right: 0;
font-size: small
}
.side .md {
color: #8e9599
}
.side .md a,
.side .md a:visited {
color: #6BB6CA!important
}
.side .md strong {
color: #FFF7FB;
opacity: .9
}
.side .md h1,
.side .md h2,
.side .md h3,
.side .md h4,
.side .md h5,
.side .md h6 {
position: relative;
border-top: 1px solid rgba(0, 0, 0, .1);
border-bottom: 1px solid rgba(0, 0, 0, .1);
padding: 3px 20px;
color: #454e59
}
.side .md h1 {
color: #F9F5C2;
background: #232323
}
.side .md h2 {
color: #82CDB9;
background: #232323
}
.side .md h3 {
color: #F37259;
background: #232323
}
.side .md h4 {
color: #FF3D73;
background: #232323
}
.side .md h5 {
color: #00B9D7;
background: #232323
}
.side .md h6 {
color: #FFF7FB;
background: #232323
}
.side .md h1:after,
.side .md h2:after,
.side .md h3:after,
.side .md h4:after,
.side .md h5:after,
.side .md h6:after {
content: "";
position: absolute;
display: inline-block;
width: 0;
right: 0;
bottom: 0;
height: 0;
border-style: solid;
border-width: 0 0 20px 20px;
border-color: transparent transparent rgba(0, 0, 0, .04) transparent
}
.side .md h6,
.side .md h6 a {
text-decoration: none
}
.side .md p {
margin: 10px 20px
}
.side .md table {
background-color: #252829;
font-size: 10px!important;
text-align: center;
margin: 20px 10px;
min-width: 278px
}
.side .md th,
.side .md td {
padding: 5px 3px;
white-space: wrap
}
.side .md th {
text-align: center;
color: #fff;
background-color: #1b1e1f;
border: 1px solid rgba(0, 0, 0, .1);
border-bottom: 0;
border-radius: 0!important
}
.side .md tr:nth-child(odd) td {
background-color: #2f3234
}
.side .md tr:hover td {
background: rgba(0, 0, 0, .1)
}
.side .md td {
border: 1px solid #2e3234
}
.side .md .-blocks,
.side .md .-lists,
.side .md pre,
.side .md blockquote,
.side .md ul,
.side .md ol {
margin: 20px
}
.side .md hr {
border: 0;
height: 0;
background: transparent;
border-top: 1px solid rgba(0, 0, 0, 0.1);
border-bottom: 1px solid rgba(255, 255, 255, 0.1)
}
.thing .md blockquote,
.wiki-page .wiki-page-content .md.wiki blockquote {
font-family: cantarell, Arial, sans-serif;
display: block;
background: rgba(255, 255, 255, .1);
padding: 10px 20px 10px 53px;
margin: 20px 10px;
position: relative;
overflow: hidden;
line-height: 1.2;
color: #FFF7FB;
font-weight: bold;
border: 1px solid rgba(0, 0, 0, 0.05)
}
.thing .md blockquote::before,
.wiki-page .wiki-page-content .md.wiki blockquote::before {
content: "";
background: url("//b.thumbs.redditmedia.com/VGgjcGYKRP0LBHWziaqbOiw6heqnR7On4E3k0tPnikY.png") -161px -5px no-repeat;
width: 34px;
height: 24px;
position: absolute;
left: 10px;
top: 10px
}
.thing .md blockquote::after,
.wiki-page .wiki-page-content .md.wiki blockquote::after {
content: ""
}
.thing .md blockquote a:hover,
.wiki-page .wiki-page-content .md.wiki blockquote a:hover {
color: #666
}
.thing .md blockquote em,
.wiki-page .wiki-page-content .md.wiki blockquote em {
font-style: italic
}
.commentarea .thing .md blockquote,
.wiki-page .wiki-page-content .commentarea .md.wiki blockquote {
margin: 10px;
background: rgba(174, 174, 184, 0.1)
}
.side blockquote {
color: #FFF7FB;
background: #232323;
padding: 10px;
border: 1px solid rgba(0, 0, 0, .1);
border-left: 2px solid #F37259;
text-align: justify
}
.side blockquote p {
margin: 0!important
}
.giftgold {
margin-left: 20px
}
.gilded-link {
margin: 1em 0 20px 20px
}
.gilded-link a {
font-size: 1.05em;
color: #DBC287
}
body.with-listing-chooser .link .entry {
margin-left: 107px
}
.modsr-link {
margin: 20px;
padding: 5px 0;
font-weight: normal;
text-transform: uppercase;
color: #fff;
background: #009688;
border: 1px solid rgba(0, 0, 0, .1)
}
.modsr-link:hover {
background: #00897B
}
.titlebox form.toggle input[type="checkbox"],
.titlebox form.toggle input[type="radio"] {
display: none
}
.titlebox form.toggle input[type="checkbox"]+label,
.titlebox form.toggle input[type="radio"]+label {
line-height: 20px;
height: 20px;
position: relative;
display: block;
padding-left: 26px;
cursor: pointer;
box-sizing: border-box;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out
}
.titlebox form.toggle input[type="checkbox"]+label:before,
.titlebox form.toggle input[type="checkbox"]+label:after,
.titlebox form.toggle input[type="radio"]+label:before,
.titlebox form.toggle input[type="radio"]+label:after {
content: "";
position: absolute;
display: block;
top: 0;
left: 0;
box-sizing: border-box
}
.titlebox form.toggle input[type="checkbox"]+label:before,
.titlebox form.toggle input[type="radio"]+label:before {
height: 20px;
width: 20px;
border: 1px solid rgba(255, 255, 255, 0.1)
}
.titlebox form.toggle input[type="checkbox"]+label:after,
.titlebox form.toggle input[type="radio"]+label:after {
height: 10px;
width: 10px;
background-color: transparent;
border-width: 5px;
border-style: solid;
border-color: transparent;
margin-top: 5px;
margin-left: 5px;
opacity: 0;
-moz-transition: border-color 200ms linear, border-width 200ms linear;
-o-transition: border-color 200ms linear, border-width 200ms linear;
-webkit-transition: border-color 200ms linear, border-width 200ms linear;
transition: border-color 200ms linear, border-width 200ms linear
}
.titlebox form.toggle input[type="checkbox"]:checked+label:after,
.titlebox form.toggle input[type="radio"]:checked+label:after {
opacity: 1;
border-color: #aaa;
-moz-transition: border-color 200ms linear, border-width 200ms linear;
-o-transition: border-color 200ms linear, border-width 200ms linear;
-webkit-transition: border-color 200ms linear, border-width 200ms linear;
transition: border-color 200ms linear, border-width 200ms linear
}
.titlebox form.toggle input[type="checkbox"]:disabled+label,
.titlebox form.toggle input[type="radio"]:disabled+label {
opacity: 0.5;
cursor: not-allowed
}
.titlebox form.toggle input[type="checkbox"]+label,
.titlebox form.toggle input[type="radio"]+label {
line-height: 14px;
height: 14px;
padding-left: 20.8px
}
.titlebox form.toggle input[type="checkbox"]+label:before,
.titlebox form.toggle input[type="radio"]+label:before {
height: 14px;
width: 14px
}
.titlebox form.toggle input[type="checkbox"]+label:after,
.titlebox form.toggle input[type="radio"]+label:after {
height: 2px;
width: 2px;
margin-left: 4px;
margin-top: 4px;
border-width: 3px
}
.titlebox form.toggle input[type="radio"]+label {
display: inline-block
}
.titlebox form.toggle input[type="radio"]+label:before,
input[type="radio"]+label:after {
border-radius: 100%;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out
}
.login-form-side {
background: #121414;
border: 1px solid #2e3234;
border-left: 0;
border-right: 0;
padding: 10px 0
}
.login-form-side input[type="text"],
.login-form-side input[type="password"] {
background: #fff;
border: 1px solid rgba(0, 0, 0, 0.1)
}
.disabled .morelink,
.disabled .morelink:hover {
background: #f3f3f3
}
.error {
color: #FF3D73
}
.NERPageMarker {
background-color: #232323!important;
color: #82CDB9!important;
margin: 0!important;
border: 1px solid #2e3234!important;
border-left: 0!important;
border-right: 0!important;
border-radius: 0!important;
padding: 0!important;
line-height: 30px!important
}
#progressIndicator {
background-color: transparent!important
}
.livePreview .md {
color: #000000!important
}
.NERdupe p.title:after {
color: #aaa!important
}
.RESDialogSmall {
background: #121414!important
}
.usertext-edit .RESDialogSmall .md.RESDialogContents {
background: transparent!important
}
.livePreview,
.livePreview .md {
background: repeating-linear-gradient(-45deg, transparent, transparent 40px, #181a1b 40px, #181a1b 80px)!important
}
.livePreview .md {
color: #FFF7FB!important
}
.RESDialogSmall.livePreview .gearIcon {
margin-top: -12px;
margin-right: 0!important
}
.RESDialogSmall.livePreview>h3 {
color: #aaa;
background: #121414;
border-color: #2e3234
}
.RESDialogSmall.livePreview {
border: 1px solid #2e3234
}
#authorInfoToolTip {
border: 1px solid #2e3234;
-webkit-box-shadow: 3px 3px 5px 0px rgba(15, 14, 15, 1);
-moz-box-shadow: 3px 3px 5px 0px rgba(15, 14, 15, 1);
box-shadow: 3px 3px 5px 0px rgba(15, 14, 15, 1)
}
#authorInfoToolTip:before {
border-color: transparent #2e3234!important
}
#authorInfoToolTip:after {
border-color: transparent #121414!important
}
#authorInfoToolTip h3 {
background: #121414;
margin-bottom: 0;
border-color: #2e3234;
color: #F9F5C2
}
#authorInfoToolTip .fancy-toggle-button {
color: #FF3D73!important
}
.RESCloseButton {
background: #1b1e1f;
border: 1px solid #2e3234;
color: #FFF7FB
}
.RESCloseButton:hover {
background: #000;
border-color: #252829
}
.RESDialogContents {
background: #252829;
padding-top: 12px!important
}
#authorInfoToolTip .authorLabel {
color: #aaa
}
#authorInfoToolTip .authorDetail {
color: #FFF7FB
}
#authorInfoToolTip .blueButton {
background: #121414!important;
border: 1px solid #2e3234!important;
color: #aaa!important;
border-radius: 0!important;
padding: 3px 10px!important
}
#authorInfoToolTip .blueButton:hover {
color: #FFF7FB!important
}
.comment .md ul {
list-style: none;
padding: 0;
margin: 0;
color: #eee
}
.comment .md ul li {
padding-left: 1em;
text-indent: -.7em
}
.comment .md ul li:before {
content: "• ";
color: #7BA7AF
}
.comment .md ol {
color: #ddd
}
.comment .md table {
background-color: #252829;
font-size: 12px!important;
text-align: center
}
.comment .md th,
.comment .md td {
padding: 5px 3px;
white-space: wrap
}
.comment .md th {
text-align: center;
color: #ddd;
background-color: #1b1e1f;
border: 1px solid rgba(0, 0, 0, .1);
border-bottom: 0;
border-radius: 0!important
}
.comment .md tr:nth-child(odd) td {
background-color: #2f3234
}
.comment .md tr:hover td {
background: rgba(0, 0, 0, .1)
}
.comment .md td {
border: 1px solid #2e3234
}
.mod-toolbox .menuarea.modtools {
margin: 0px 300px 0 10px!important;
border-top: 0!important;
border-right: 0!important;
padding: 5px 10px!important;
z-index: 1!important
}
.mod-toolbox .menuarea.modtools .pretty-button {
margin: 0
}
.beta-hint a {
border-right: 1px solid rgba(225, 255, 255, .25);
margin-left: 0;
width: 35px;
height: 40px;
font-size: 0;
background: url("//b.thumbs.redditmedia.com/IX9u1ZgwrSfOhuFkBWWOx_nmJiVU6IePhRRVE_9kHeo.png") center no-repeat transparent
}
.beta-hint a:hover {
background-color: #3c444e!important
}
.beta-hint+.user+.separator+#mail {
margin-left: 36px
}
#beta-help {
left: inherit!important;
right: 188px;
margin-top: 10px
}
.read-next .read-next-header {
background-color: #1b1e1f;
border-bottom: 1px solid #2e3234
}
.read-next {
background: #121414;
border: 1px solid #2e3234
}
.read-next .read-next-button {
background-color: #000;
color: #bbb
}
.comment.collapsed .midcol {
visibility: visible!important
}
.comment.collapsed .arrow.up,
.comment.collapsed .arrow.down {
display: none!important
}
.userTagLink.hasTag,
#userTaggerPreview {
padding: 0 8px!important;
border: 1px solid #2e3234!important;
color: #ebebeb!important;
line-height: 13px!important;
border-radius: 0!important
}
.happening-now {
overflow: visible!important;
margin-left: 10px!important;
padding: 5px 5px 5px 100px!important;
color: #fff!important;
background-color: #85A09E!important;
border: 0!important;
border-bottom: 1px solid rgba(0, 0, 0, .1)!important;
border-left: 1px solid rgba(0, 0, 0, .1)!important
}
.happening-now-logo {
margin-left: -58px!important;
width: 70px!important
}
.happening-now .watching {
color: #fff!important
}
.happening-now .state:before {
width: 1em!important;
height: 1em!important;
background: red!important;
border-radius: 50%!important;
-webkit-animation: live 2s ease-out;
-moz-animation: live 2s ease-out;
animation: live 2s ease-out;
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
animation-iteration-count: infinite;
opacity: 0
}
@-moz-keyframes live {
0% {
-moz-transform: scale(0.5);
opacity: 0.5
}
25% {
-moz-transform: scale(0.5);
opacity: 0.5
}
50% {
-moz-transform: scale(0.5);
opacity: 0.5
}
75% {
-moz-transform: scale(0.5);
opacity: 0.5
}
100% {
-moz-transform: scale(1);
opacity: 0.0
}
}
@-webkit-keyframes "live" {
0% {
-webkit-transform: scale(0);
opacity: 0.0
}
25% {
-webkit-transform: scale(0);
opacity: 0.1
}
50% {
-webkit-transform: scale(0.1);
opacity: 0.3
}
75% {
-webkit-transform: scale(0.5);
opacity: 0.5
}
100% {
-webkit-transform: scale(1);
opacity: 0.0
}
}
.admin_takedown {
background-color: salmon!important;
margin: 8px 0 5px 0;
border: 1px solid rgba(0, 0, 0, .1)
}
.madeVisible .RESImage {
z-index: 2!important
}
.madeVisible {
animation: none
}
.sidebox.hohoho .morelink {
margin-left: 10px;
margin-right: 0;
width: 280px
}
.res .RES-keyNav-activeElement,
.res .RES-keyNav-activeElement .md-container {
background-color: rgba(51, 51, 51, .5)!important
}
.titlebox form.toggle.res-sr-style-toggle {
background: transparent;
padding: 0;
margin: 0 0 20px 95px
}
.explore-hot .explore-label,
.explore-comment .explore-label {
border: 1px solid rgba(0, 0, 0, .1);
border-top: 0;
border-bottom: 0;
color: #444
}
.explore-hot .explore-label a {
color: #429fb8
}
.explore-comment .explore-label {
background-color: #85A09E
}
.explore-comment .explore-label a {
color: #fff
}
.explore-comment .comment .md p {
color: #ccc
}
.explore-comment .comment {
border-left: 0
}
.explore-comment .comment-fade {
background: none
}
.search-expando.collapsed:before {
background: rgba(37, 40, 41, 0);
background: -moz-linear-gradient(top, rgba(37, 40, 41, 0) 0%, #252829 100%);
background: -webkit-linear-gradient(top, rgba(37, 40, 41, 0) 0%, #252829 100%);
background: -o-linear-gradient(top, rgba(37, 40, 41, 0) 0%, #252829 100%);
background: -ms-linear-gradient(top, rgba(37, 40, 41, 0) 0%, #252829 100%);
background: linear-gradient(to bottom, rgba(37, 40, 41, 0) 0%, #252829 100%)
}
.search-page .md p {
color: #aaa
}
.search-result:visited,
.search-result:visited>mark {
color: #6BB6CA
}
.search-result:link,
.search-result:link>mark {
color: #6292A9
}
.search-result-footer .expando-button {
margin: 0
}
.thing.stickied.link a.title {
color: #69b391!important
}
.archived-infobar {
background-color: #b80545;
border-color: rgba(0, 0, 0, .1)
}
.archived-infobar.with-icon:before {
background-color: #920437
}
.reddit-infobar.archived-infobar .md {
color: #ddd
}
.usertext .markhelp .md {
color: #FFF7FB
}
.listing-page .md p {
color: #aaa
}
.listing-page .comment {
border-color: transparent!important
}
.thumbnail.default,
.thumbnail.image,
.thumbnail.self,
.thumbnail.nsfw {
border: 1px solid rgba(255, 255, 255, .1);
width: 68px;
height: 48px
}
.thumbnail.default {
background: url("//b.thumbs.redditmedia.com/faUuL5xTpaDGJtewkxAYfIHqsZKyOF5O6hsbKoYY7Ww.png") 0 0 no-repeat rgba(0, 0, 0, .4)
}
.thumbnail.image {
background: url("//b.thumbs.redditmedia.com/faUuL5xTpaDGJtewkxAYfIHqsZKyOF5O6hsbKoYY7Ww.png") -70px 0 no-repeat rgba(0, 0, 0, .4)
}
.thumbnail.self {
background: url("//b.thumbs.redditmedia.com/faUuL5xTpaDGJtewkxAYfIHqsZKyOF5O6hsbKoYY7Ww.png") -70px -50px no-repeat rgba(0, 0, 0, .4)
}
.thumbnail.nsfw {
background: url("//b.thumbs.redditmedia.com/faUuL5xTpaDGJtewkxAYfIHqsZKyOF5O6hsbKoYY7Ww.png") 0 -50px no-repeat rgba(0, 0, 0, .4)
}
.res .RESDashboardToggle,
.res .RESDashboardToggle.remove {
margin-left: 35px
}
.res .RESshortcutside,
.res .RESshortcutside.remove {
margin-left: 20px
}
.spoiler-stamp {
color: #fff;
background: #EE5E91
}
.quarantine-stamp {
color: #fff;
background-color: #F06292;
border-color: #F06292
}
.quarantine-notice {
background: #F06292
}
.quarantine-notice .md p,
.quarantine-notice .md a {
color: #fff!important
}
.quarantine-notice .md a {
text-decoration: underline
}
.btn-quarantine {
background-color: rgba(0, 0, 0, .1);
border-color: rgba(0, 0, 0, .1)
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment