DarKrompus Reddit-110.css

@-moz-document domain('reddit.com'){

/* Dark Reddit Theme; WIP by /u/-Pelvis- aka. krompus */

* {
  border-color: transparent !important;
  border-radius: 0 !important;
  outline: none !important;
  font-family: "tamsyn" !important;
  font-size: 100% !important;
  border: none !important;
  letter-spacing: 0px;
}



/* Robin */
.robin--user-class--self .robin--username {
  color: #FF5555 !important;
  font-weight: bold !important;
}

.robin-room-participant .robin--username {
  color: #777777;
}

.robin-chat .robin-chat--quit, .robin-chat .robin-chat--vote {
  background-color: #000000 !important;
}

.robin-message .robin-message--message {
  margin-left: 5px;
  color: #ffffff !important;
}

.robin-chat .robin-chat--sidebar {
  background-color: #181818 !important;
}



/* General */

.happening-now {
  color: #336699;
  background-color: #240909 !important;
}

#header-img.default-header {
  background: transparent !important;
}

#header-bottom-right {
  top: 18px !important;
  bottom: auto !important;
  padding: 3px;
  background-color: #202020 !important;
}

.res-nightmode #header,
.res-nightmode

#header-bottom-left {
  background: transparent !important;
}


#header-bottom-left {
  background: #181818 !important;
}

/* Fix font spacing */
.md .-blocks, .md .-lists, .md pre, .md blockquote, .md table, .md p, 
.md p, .side .md .-text, .side .md pre>code, .side .md th, .side .md td,  .md h1, .md h2, .md h3, .md h4,  .md h5,  .md h6, .side .md h5, .side .md h6, .side .md h1, .side .md h2, .side .md h3, .side .md h4, .md li li, .md li p, .md ul, .md ol{
   line-height: normal;
}

.link .usertext .md {
   padding: 5px 5px;
}

.md h1, .md h2 {
  margin-bottom: auto;
}
.md h3, .md h4 {
  margin-bottom: auto;
}
 
.side .md h3, .side .md h4, 
.side .md h1, .side .md h2,
.side .md h5, .side .md h6{
   margin-top: 0;
   margin-bottom: 0;
}
  
  .md h1, .md h2, .usertext-edit textarea h1, .usertext-edit textarea h2 {
  margin-top: 0px
}

.md pre, .md .-cells, .md th, .md td {
   padding: 1px 3px;
}

.usertext.border .usertext-body  {
  padding-top: 1px;
  padding-bottom: 1px;
  margin-bottom: -1px;
  margin-top: -1px;
}

.md .-text, .md p, .md pre>code, .md th, .md td, .md li, .usertext-edit textarea .-text, .usertext-edit textarea p, .usertext-edit textarea pre>code, .usertext-edit textarea th, .usertext-edit textarea td, .usertext-edit textarea li {
   line-height: normal;
    }



/* Sidebar */
.md-container-small .md,
.side .md {
  background-color: #1c1c1c !important;
  padding-left: 6px !important;
}

div.sidebox.submit.submit-text {
  background: #131313 !important;
  letter-spacing: 0px;
  border: none !important;
}

.morelink a {
  color: #009BD7 !important;
}

.morelink {
  letter-spacing: 0px;
}

.goldvertisement {
  display: none;
}

.sidebox.create {
  display: none;
}

.titlebox .bottom {
  padding-top: 2px;
  padding-left: 6px;
  color: gray;
  background-color: #1c1c1c !important;
}

.res-nightmode .sidecontentbox .content {
  background-color: #1c1c1c !important;
}

.res-nightmode .link .usertext-body .md,
.res-nightmode .side .linkinfo {
  background: #1c1c1c !important;
  background-color: #1c1c1c !important;
}

.link .usertext-body .md,
.res-nightmode .side .linkinfo {
  color: gray !important;
  background: #1c1c1c !important;
  background-color: #1c1c1c !important;
}

.md-container-small .md .-text, .side .md .-text, .md-container-small .md p, .side .md p, .md-container-small .md pre > code, .side .md pre > code, .md-container-small .md th, .side .md th, .md-container-small .md td, .side .md td, .md-container-small .md li, .side .md li {
  font-size: 1em;
  color: gray !important;
}
div.linkinfo {
  background: #202020 !important;
}



/* Gold Subreddit Style Toggle */
form.toggle.sr_style_toggle {
  background: #262626 none repeat scroll 0% 0% !important;
}

div.side {
  background: #1c1c1c !important;
  color: #888888 !important;
  padding-left: 6px !important;
}

div.morelink {
  background: transparent !important;
}

div.titlebox {
  color: #666666 !important;
  background: transparent !important;
}

li {
  background: transparent !important;
}

.titlebox .md ul {
  background: #181818 !important;
}

.titlebox form.flairtoggle {
  color: #666666 !important;
  background: transparent !important;
}

h1.redditname {
  background: transparent !important;
}



/* Main */
body {
  background: #202020 !important;
}

.tabmenu li a {
  padding-left: 2px !important;
  padding-right: 2px !important;
  font-size: 9pt !important;
}

.pagename {
  font-variant: none !important;
}

li.selected > a.choice {
  background-color: #9b0700 !important;
  color: #f8f6f2 !important;
}

.flair,
.linkflairlabel,
a.submitter {
  color: #f8f6f2 !important;
  border-color: #303030 !important;
}

.content .link a.subreddit {
  color: #ff4545 !important;
}

.content .link a.author {
  color: #58DBFC !important;
  font-weight: bold !important;
  font-family: "tamsyn" !important;
  font-size: 9pt !important;
}

.content time {
  color: #7A7474 !important;
}

.tagline .live-timestamp {
  color: #7A7474 !important;
}

.content .link a.author.moderator {
  background-color:transparent!important;
  font-weight: bold !important;
  color: green!important;
}

.content .link a.author.admin {
  background-color:transparent!important;
  font-weight: bold !important;
  color: red!important;
}

.tagline {
  color: #423E3E !important;
}

p.tagline {
  padding-top: 2px !important;
  padding-bottom: 1px !important;
}

.stickied-tagline {
  color: #FF1200 !important;
}

.dropdown-title {
  color: #008ec4 !important;
}

.dropdown, .title {
  background: none !important;
  color: #f8f6f2 !important;
}

.dropdown.srdrop .selected {
  padding-right: 0 !important;
}

.thumbnail.self {
  background: url("https://raw.githubusercontent.com/google/material-design-icons/master/action/drawable-xxhdpi/ic_announcement_grey600_18dp.png") no-repeat center center !important;
}

.thumbnail.may-blank {
  background: url("https://raw.githubusercontent.com/google/material-design-icons/master/file/drawable-xxhdpi/ic_cloud_grey600_18dp.png") no-repeat center center !important;
}

.footer-parent {
  margin-left: 0 !important;
}

.usertext-edit textarea {
  -moz-appearance: none !important;
  background-color: #151515 !important;
  color: #ffffff !important;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  border: none !important;
}

.titlebox h1 a {
  color: #ff4545 !important;
  font-size: 14pt !important;
}



/* FRONTPAGE */

body.with-listing-chooser.listing-chooser-collapsed .listing-chooser .grippy {
  background: #202020 !important;
}

html.res-nightmode body.with-listing-chooser .listing-chooser .grippy::after {
	background-color: #2f2f2f !important;
	border-right-color: #444 !important;
}

.res-nightmode .thing {
  padding: 7px;
  margin-left: 1px;
  margin: 0;
  background-color: #202020;
}

.res-nightmode .thing:nth-of-type(4n+1) {
  background: rgb(24, 24, 24); 
}

.res-nightmode .midcol .score, .res-nightmode .moduleButton:not(.enabled) {
  color: #595454 !important;
}

.res-nightmode .rank .star, .res-nightmode .link .score.likes, .res-nightmode .linkcompressed .score.likes {
  color: rgb(255, 69, 0) !important;
}

.res-nightmode .rank .star, .res-nightmode .link .score.dislikes, .res-nightmode .linkcompressed .score.dislikes {
  color: rgb(140, 179, 217) !important;
}

.res-nightmode .flat-list a {
  color: #595454 !important;
}

.res-nightmode .content {
  background: rgb(17, 17, 17); 
  border-color: rgb(17, 17, 17); 
}

.res-nightmode .link .rank {
  color: #595454 !important;
}

.res-nightmode .domain a {
  color: rgb(173, 216, 230) !important;
}

.res-nightmode .subreddit {
  color: #ff4545 !important;
}

.res-nightmode .author {
  color: #58DBFC !important;
  font-weight: bold !important;
}

.res-nightmode .live-timestamp {
  color: #7A7474 !important;
}

.res-nightmode .RES-keyNav-activeElement > .tagline, .res-nightmode .RES-keyNav-activeElement .md-container > .md, .res-nightmode .RES-keyNav-activeElement .md-container > .md p {
  color: #ffffff !important;
}

.res-nightmode .flair, .res-nightmode .linkflairlabel {
  background-color: rgb(187, 187, 187);
  color: rgb(0, 0, 0);
  padding: 1px;
}    



/* Code */

p,
code,
strong,
td {
  color: #ffffff !important;
}

code {
  font-family: "tamsyn" !important;
  font-size: 9pt !important;
}

.commentarea code {
  background: #080808 !important;
}

.md pre {
  background-color: #121212 !important;
  border: 1px solid #000000 !important;
  padding: 0px 0px !important;
}

.md code {
  border-color: #000000 !important;
  background: #121212 !important;
}

input {
  background-color: #161616 !important;
  color: #009fc7 !important;
}



/* Links */
a {
  color: #6b6a68 !important;
}

a.userTagged {
  color: #58DBFC !important;
  font-weight: bold !important;
}

a.userTagged:hover {
  color: #ff4545 !important;
}

a.search-subreddit-link.may-blank {
  color: #ff4545 !important;
}

a.search-link {
  color: #009fc7 !important;
}

a.search-link:hover {
  color: #ff0000 !important;
}

a.search-title.may-blank {
  color: #ffffff !important;
}

.md a {
  color: #ff4545 !important;
}

.md a:hover {
  color: #ff0000
}

.md .imgScanned {
  color: #ff4545 !important;
}



/* Active Element */
.res-nightmode .RES-keyNav-activeElement {
  padding-right: 0px !important;
  padding-left: 2px !important;
}

.md blockquote {
  padding: 0px !important;
  border-left 2px solid !important;
}

.combined-search-page .search-result .search-expando.collapsed:before,
a.search-title.may-blank {
  color: #ffffff !important;
}

.md .imgScanned {
  color: #ff4545 !important;
}
.res-nightmode .RES-keyNav-activeThing {
  border-left: 1px solid #ff4545 !important;
  background-color: #1c1c1c !important;
}

.commentarea blockquote {
  margin: 1px !important;
  padding: 3px !important;
  color: #9b0700 !important;
  border-left: 1px solid #afd700 !important;
}

.combined-search-page .search-result .search-expando.collapsed:before,
.explore-comment .comment-fade {
  background: linear-gradient(to bottom, hsla(30, 0%, 10%, 0) 0%, hsl(30, 0%, 10%) 100%) !important;
}

.res-floater-visibleAfterScroll {
  top: 5px !important;
  z-index: 10000000000 !important;
}

#sr-header-area {
  text-transform: uppercase;
  border-bottom: none !important;
  height: 14px;
  font-size: 7pt !important;
  line-height: 14px;
}

.res-nightmode #sr-header-area,
.res-nightmode #sr-more-link {
  background-color: #202020 !important;
  margin-top: 2 !important;
  color: #dedede !important;
  padding: 0.5px !important;
}

.res-nightmode #RESSubredditGroupDropdown a,
.res-nightmode .RESNotificationContent,
.res-nightmode .RESNotificationFooter,
.res-nightmode .sr-bar a {
  color: rgb(222, 222, 222) !important;
}

.res-nightmode #header, .res-nightmode .liveupdate-home .content {
  background-color: rgb(105, 105, 105);
}


.tabmenu li.selected a {
  color: orangered;
  background-color: white;
  border: 1px solid rgb(160, 160, 160);
  border-bottom: 1px solid white;
  z-index: 100;
} 

.res-nightmode div#RESShortcutsEditContainer, .res-nightmode div#RESShortcutsSort, .res-nightmode div#RESShortcutsRight, .res-nightmode div#RESShortcutsLeft, .res-nightmode div#RESShortcutsAdd, .res-nightmode div#RESShortcutsTrash {
  background: #202020 !important;
}

/* Comments */
.comment {
  background: none !important;
}

.commentarea .author {
  color: #58DBFC !important;
  font-family: "tamsyn" !important;
  font-size: 9pt !important;
  font-weight: bold !important;
  background: transparent !important;
  /*font-weight: normal !important;*/
}

.res-nightmode .usertable tr:hover, .res-nightmode .moderator-table tr:hover, .res-nightmode .usertext.border .usertext-body, .res-nightmode .usertext.grayed .usertext-body {
  background-color: #252621 !important;
}

.res-nightmode body, .res-nightmode body .content, .res-nightmode .modal-body, .res-nightmode .side, .res-nightmode .icon-menu a, .res-nightmode .side .leavemoderator, .res-nightmode .side .leavecontributor-button, .res-nightmode .side .titlebox, .res-nightmode .side .spacer .titlebox .redditname, .res-nightmode .side .titlebox .flairtoggle, .res-nightmode .side .usertext-body .md ol, .res-nightmode .side .usertext-body .md ol ol, .res-nightmode .side .usertext-body .md ol ol li, .res-nightmode .modactionlisting table *, .res-nightmode .side .recommend-box .rec-item {
  background-color: #202020 !important;
}

.res-nightmode .thing .expando-button, .res-nightmode .thing .expando-button:hover {
  background-image: url("https://s3.amazonaws.com/a.thumbs.redditmedia.com/PkckcN8_3ijRUVP-GUQ6E-c8Ash_jQ3kCrEAoqKjSC4.png");
  -webkit-filter: grayscale(0%) invert(0%);
  background-color: transparent;
}

.res-nightmode .expando-button.video-muted.collapsed {
  background-position: 0px -384px !important;
}

.res-nightmode .expando-button.video-muted.collapsed:hover {
  background-position: 0px -408px !important;
}

.res-nightmode .expando-button.video-muted.expanded {
  background-position: 0px -432px !important;
}

.res-nightmode .expando-button.video-muted.expanded:hover {
  background-position: 0px -456px !important;
}

.res-nightmode .expando-button.selftext.collapsed {
  background-position: 0px -96px !important;
}

.res-nightmode .expando-button.selftext.collapsed:hover{
  background-position: 0px -120px !important;
}

.res-nightmode .expando-button.selftext.expanded {
  background-position: 0px -144px !important;
}

.res-nightmode .expando-button.selftext.expanded:hover {
  background-position: 0px -168px !important;
}

.res-nightmode .expando-button.image.gallery.collapsed {
  background-position: 0px -288px !important;
}

.res-nightmode .expando-button.image.gallery.collapsed:hover {
  background-position: 0px -312px !important;
}

.res-nightmode .expando-button.image.gallery.expanded {
  background-position: 0px -336px !important;
}

.res-nightmode .expando-button.image.gallery.expanded:hover {
  background-position: 0px -360px !important;
}

.res-nightmode .expando-button.video.collapsed {
  background-position: 0px -192px !important;
}

.res-nightmode .expando-button.video.collapsed:hover {
  background-position: 0px -216px !important;
}

.res-nightmode .expando-button.video.expanded {
  background-position: 0px -240px !important;
}

.res-nightmode .expando-button.video.expanded:hover {
  background-position: 0px -264px !important;
}

}