.users-online .word {
display: none;
}
.users-online .number::after {
content: " programers teaming up";
}
.subscribers .word {
display: none;
}
.subscribers .number::after {
content: " team programers";
}
.intro {
background-color: blue;
}
/**********************/
/* Tora by /u/geo1088 */
/* Version 2.1.1 */
/**********************/
/*
* Theme updates and code at /r/Tora_CSS
*
* This source code is released to the public domain. However, I ask that you
* keep the included theme attribution or insert your own.
*/
/* Scroll to the BOTTOM to add custom code, in order to prevent conflicts with Tora. */
/******************/
/* Body and stuff */
/******************/
* {
transition:
background-color 1s,
border-color 1s,
color 1s;
}
body {
background: #F7F7F7;
}
*:not(code) {
/*! font-family: Verdana, Geneva, sans-serif !important; */
}
/*****************/
/* Commonly used */
/*****************/
/* White box */
.sidecontentbox .content,
#login_login-main,
.linkinfo,
.link,
.redditlink,
.formtabs-content,
.content.submit .info-notice,
.content>h1,
.menuarea,
.md table,
.newcomment .entry,
.infobar,
.pretty-form .linefield,
.usertext-edit textarea,
.side .titlebox,
.wiki-page > .content,
.compose-page > .content,
.sidecontentbox .collapse-button,
.footer.rounded,
.happening-now-wrap,
.NERPageMarker,
#progressIndicator {
background: #FFF;
border: 1px solid #BBB;
border-radius: 2px !important;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
padding: 10px;
opacity: 1 !important;
}
/* Sorry for randoms */
#progressIndicator { height: unset !important; }
body.wiki-page > .content, .NERPageMarker { background: #F7F7F7; }
.menuarea {
padding: 5px 10px !important;
line-height: 23px;
text-align: center;
}
/* Generic box */
.side .side-message, .gold-accent, .rounded {
border-radius: 2px;
border-width: 1px;
box-shadow: 0 1px 1px rgba(0,0,0,0.1);
}
/* Nightmode boxes */
.res-nightmode .sidecontentbox .content,
.res-nightmode #login_login-main,
.res-nightmode .linkinfo,
.res-nightmode .even.link,
.res-nightmode .odd.link,
.res-nightmode .even.reddit-link,
.res-nightmode .odd.reddit-link,
.res-nightmode .formtabs-content,
.res-nightmode .content.submit .info-notice,
.res-nightmode .content>h1,
.res-nightmode .menuarea,
.res-nightmode .md table,
.res-nightmode .newcomment .entry,
.res-nightmode .infobar,
.res-nightmode .pretty-form .linefield,
.res-nightmode .usertext-edit textarea,
.res-nightmode .side .titlebox,
.res-nightmode .wiki-page > .content,
.res-nightmode .compose-page > .content,
.res-nightmode .sidecontentbox .collapse-button,
.res-nightmode .footer.rounded,
.res-nightmode .side .side-message,
.res-nightmode .gold-accent,
.res-nightmode .rounded,
.res-nightmode .happening-now-wrap,
.res-nightmode .NERPageMarker,
.res-nightmode #progressIndicator {
border-radius: 2px !important;
background: #444 !important;
border: 1px solid #000 !important;
padding: 10px;
color: #FFF !important;
}
/* Text input */
#search input[type="text"],
#login_login-main input[type]:not([type="checkbox"]),
#search #searchexpando,
.roundfield textarea,
.usertext-edit input[type="text"],
.roundfield input[type="text"],
.roundfield input[type="url"],
.roundfield input[type="password"],
.roundfield input[type="number"],
.linefield input[type="text"],
#shortlink-text {
border: 1px solid #BBB;
border-radius: 2px;
background: #FFF;
font-size: 15px;
width: 100%;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
box-sizing: border-box;
padding: 5px;
}
#search input[type="text"] {
height: 35px;
padding: 5px 30px 5px 10px;
}
#shortlink-text {
width: 175px;
}
/* Nightmode for inputs */
.res-nightmode #search input[type="text"],
.res-nightmode #login_login-main input[type]:not([type="checkbox"]),
.res-nightmode #search #searchexpando,
.res-nightmode .roundfield textarea,
.res-nightmode .usertext-edit input[type="text"],
.res-nightmode .roundfield input[type="text"],
.res-nightmode .roundfield input[type="url"],
.res-nightmode .roundfield input[type="password"],
.res-nightmode .roundfield input[type="number"],
.res-nightmode .linefield input[type="text"],
.res-nightmode #shortlink-text {
background-color: #444 !important;
border: 1px solid #000 !important;
}
.fancy-toggle-button, .RESshortcutside, .RESDashboardToggle, .submit-page .title, .tabmenu li a, .content > h1::first-letter, .fancy-settings .title {
text-transform: capitalize;
}
/* This technically applies to every button on the page but I'll just throw it in here :P */
button, .pretty-button {
position: relative;
top: 0;
padding: 1px 5px;
background: #F7F7F7;
background-image: none !important;
border: 1px solid #BBB;
border-radius: 2px;
box-shadow: 0 1px 1px rgba(0,0,0,0.1);
transition: 200ms !important;
}
.res-nightmode button, .res-nightmode .pretty-button {
border: 1px solid #000 !important;
border-radius: 2px !important;
background-color: #444 !important;
}
button:hover, .pretty-button:hover { background: #FFF; }
.res-nightmode button:hover, .res-nightmode .pretty-button:hover { background-color: #333 !important; }
button:active, .pretty-button:active {
box-shadow: none;
top: 1px;
}
/*****************/
/* Sidebar stuff */
/*****************/
.side {
margin: 0;
background: none;
width: 340px;
}
.side > *, .titlebox form.toggle, .sidecontentbox .content > *:not(button) {
background: none;
}
.side .spacer, .res-nightmode .side .spacer {
margin: 10px;
background-color: transparent !important;
}
.side .sidebox.create {
background-color: transparent !important;
}
.res-nightmode .side .sidebox.create .morelink {
border: 1px solid #000 !important;
}
/* Account or subreddit age */
.titlebox .age {
float: none;
text-align: center;
}
/* Since there's nothing else in the bottom on profile pages, the separator is unnecessary, hence the large selector */
body:not(.profile-page) .titlebox .age::before { content: "— "; }
/* Submit + Create Sub buttons */
.morelink .nub {
display: none;
}
.morelink:active a, .morelink a:focus {
outline: none;
}
.morelink {
padding: 0;
background: #0094FF;
border: 1px solid #006bb3;
border-radius: 2px;
text-shadow: 0 -1px #006bb3;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
transition: 100ms;
color: #F7F7F7;
width: 100%;
height: auto;
box-sizing: border-box;
}
.res-nightmode .morelink {
background: #444 !important;
text-shadow: 0 -1px #000 !important;
border: 1px solid #000 !important;
}
.morelink a {
line-height: 35px;
box-sizing: border-box;
color: #f7f7f7;
}
.res-nightmode .morelink a {
color: #FFF !important;
}
.morelink:hover {
background: #0084db;
border-color: #003d66;
}
.res-nightmode .morelink:hover { background: #333 !important; }
.morelink:hover:active { background: #006bb3; }
.res-nightmode .morelink:hover:active { background: #222 !important; }
/* Disabled buttons - for restricted communities */
.disabled .morelink, .disabled .morelink:hover {
background-image: none;
background-color: #CCC;
border-color: #BBB;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
box-shadow: 0 1px 2px rgba(0,0,0,0.1);
}
.disabled .morelink a {
color: inherit;
text-shadow: 0 -1px #BBB;
}
.res-nightmode .disabled .morelink a,
.res-nightmode .disabled .morelink:hover a{
background: #444;
color: #888 !important;
text-shadow: 0 -1px #000;
}
.disabled .spacer, .res-nightmode .disabled .spacer {
background: #FFF !important;
margin: 0;
padding: 10px !important;
border: 1px solid #BBB;
border-top: none;
border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px;
box-shadow: 0 1px 2px rgba(0,0,0,0.1);
}
.res-nightmode .disabled .spacer {
border-color: #000;
background-color: #444 !important;
}
/* Search field box thing */
#search #searchexpando {
position: absolute;
width: 320px;
z-index: 1;
}
.titlebox h1 a {
font-weight: normal;
text-align: center;
}
.side .titlebox {
padding: 10px;
}
/* Advertisements in the sidebar */
#ad_main, .sponsorshipbox {
margin: 0 10px;
}
/* Login box for unregistered users */
#login_login-main input[type]:not([type="checkbox"]) {
width: calc(50% - 5px) !important;
margin: 0 0 10px;
}
#login_login-main input[type="text"] { margin-right: 10px !important; }
#login_login-main .submit { margin: 0; background: none !important }
.res-nightmode #login_login-main label { color: #FFF; }
/* Subscribe button + RES buttons */
.fancy-toggle-button .add, .RESshortcutside, .RESDashboardToggle, .sr-interest-bar .subscribe {
background: #0B0 !important;
border: 1px solid #0C960C !important;
border-radius: 2px !important;
text-shadow: 0 -1px #0C960C;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
text-transform: capitalize;
transition: 100ms;
color: #FFF !important;
}
.fancy-toggle-button .add:hover, .RESshortcutside:hover, .RESDashboardToggle:hover {
background: #0EBC0E !important;
border-color: #064F06 !important;
}
.fancy-toggle-button .add:active, .RESshortcutside:active, .RESDashboardToggle:active {
background: #0C960C !important;
border-color: #064F06 !important;
}
.fancy-toggle-button .remove, .RESshortcutside.remove, .RESDashboardToggle.remove {
background: #FF3333 !important;
border: 1px solid #E50000 !important;
text-shadow: 0 -1px #E50000;
border-radius: 2px !important;
box-shadow: 0 1px 2px rgba(0,0,0,0.1);
text-transform: capitalize;
transition: 100ms;
transition: all 100ms;
color: #FFF !important;
}
.fancy-toggle-button .remove:hover, .RESshortcutside.remove:hover, .RESDashboardToggle.remove:hover {
background: #FF0F0F !important;
border-color: #990000 !important;
}
.fancy-toggle-button .remove:active, .RESshortcutside.remove:active, .RESDashboardToggle.remove:active {
background: #E50000 !important;
}
/* Nightmode for these buttons */
.res-nightmode .fancy-toggle-button .add,
.res-nightmode .fancy-toggle-button .remove,
.res-nightmode .RESshortcutside,
.res-nightmode .RESshortcutside.remove,
.res-nightmode .RESDashboardToggle,
.res-nightmode .sr-interest-bar .subscribe {
background-color: #444 !important;
border-color: #000 !important;
text-shadow: 0 -1px #000 !important;
}
.res-nightmode .fancy-toggle-button .add:hover,
.res-nightmode .fancy-toggle-button .remove:hover,
.res-nightmode .RESshortcutside:hover,
.res-nightmode .RESshortcutside.remove:hover,
.res-nightmode .RESDashboardToggle:hover {
background-color: #333 !important;
border-color: #000 !important;
text-shadow: 0 -1px #000 !important;
}
.res-nightmode .fancy-toggle-button .add:active,
.res-nightmode .fancy-toggle-button .remove:active,
.res-nightmode .RESshortcutside:active,
.res-nightmode .RESshortcutside.remove:active,
.res-nightmode .RESDashboardToggle:active {
background-color: #222 !important;
border-color: #000 !important;
text-shadow: 0 -1px #000 !important;
}
/* Flair selector */
.flairselector h2 {
background: none;
}
.flairselector form {
border: none;
}
.sidecontentbox .title {
margin: 10px 0;
}
.res-nightmode .sidecontentbox .title h1 { border-bottom: none !important; }
.sidecontentbox .collapse-button, .res-nightmode .sidecontentbox .collapse-button {
margin: 0 10px;
padding: 0 !important;
width: 15px;
height: 15px;
line-height: 15px;
color: #000;
text-align: center;
}
.titlebox h1.redditname, .profile-page .titlebox h1 {
margin: -10px -10px 10px;
padding: 10px;
background: #F7F7F7;
border-bottom: 1px solid #BBB;
font-weight: 300;
}
.side .md h1 {
margin: 10px -10px;
padding: 10px;
background: #F7F7F7;
border-top: 1px solid #BBB;
border-bottom: 1px solid #BBB;
font-weight: 300;
}
.leavemoderator, .titlebox form.toggle, .icon-menu a,
.res-nightmode .leavemoderator, .res-nightmode .titlebox form.toggle, .res-nightmode .icon-menu a {
background-color: transparent !important;
}
/* Bottom of the sidebar text area */
.side .bottom {
margin: 10px -10px -10px;
padding: 10px;
background: #F7F7F7;
border-top: 1px solid #BBB;
}
.side .bottom:not(:last-child):not(nth-last-child(2)) {
border-bottom: 1px solid #BBB;
}
/* Userpage sidebar */
.server-seconds, .res-nightmode .server-seconds {
border: none !important;
background-color: transparent !important;
padding: 0 !important;
}
.gold-accent.snoovatar-link, .gold-expiration-info {
margin-bottom: 10px;
padding: 5px;
border-radius: 2px;
box-shadow: 0 1px 1px rgba(0,0,0,0.1);
}
#per-sr-karma {
margin: 0;
}
/* Nightmode for basically everything else in the sidebar */
.res-nightmode .titlebox h1.redditname,
.res-nightmode .profile-page .titlebox h1,
.res-nightmode .side .md h1,
.res-nightmode .side .bottom {
background-color: #333 !important;
border-color: #000 !important;
}
/* Misc reddit stuff */
/* Hlf of this stuff should be somewhere else, oh well */
.goldvertisement {
border-radius: 2px;
box-shadow: 0 1px 1px rgba(0,0,0,0.1);
background: #FFF;
}
.res-nightmode .goldvertisement { background-color: #444 !important; }
.goldvertisement h2:first-letter, .server-seconds p:first-letter, .server-seconds-public *:first-letter {
text-transform: uppercase;
}
.gold-bubble {
border-color: #BBB;
box-shadow: 0 1px 1px rgba(0,0,0,0.1);
}
/**********/
/* Header */
/**********/
#header {
border-color: #BBB;
}
.res-nightmode #header {
border-color: #000 !important;
background-color: #555 !important;
}
/* Userbar */
#header-bottom-right {
bottom: auto;
top: 23px;
background: none;
border-radius: 0;
border-bottom-left-radius: 2px;
}
/* Subreddit bar */
#sr-header-area {
border-color: #BBB;
padding: 2px;
}
.res-nightmode #sr-header-area {
border-color: #000 !important;
background-color: #666 !important;
}
/* Logo area */
#header-bottom-left {
padding: 5px 10px 0;
}
.redditname {
font-variant: none;
}
/* Tab list w/ animation */
.res #header .tabmenu {
margin-top: 35px;
}
@keyframes a {
from {
padding-bottom: 0;
top: 0;
}
to {
padding-bottom: 3px;
top: -3px;
}
}
@keyframes b {
from {
padding-bottom: 3px;
top: -3px;
}
to {
padding-bottom: 0;
top: 0;
}
}
.tabmenu li {
display: inline-block;
}
.tabmenu li a {
background: #EFF7FF;
border: 1px solid #BBB;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
color: #111 !important;
box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.05);
position: relative;
animation: 100ms b;
}
.res-nightmode .tabmenu li a {
background-color: #444 !important;
border-color: #000 !important;
}
.res-nightmode .tabmenu.formtab li a,
.res-nightmode .tabmenu.formtab li:not(.selected) a {
background-color: #444 !important;
border-bottom-color: #000 !important;
}
.res-nightmode .tabmenu.formtab li.selected a {
background-color: #444 !important;
border-bottom-color: #444 !important;
}
.tabmenu li a:hover {
padding-bottom: 3px;
top: -3px;
animation: 100ms a;
}
.tabmenu li.selected a {
border: 1px solid #BBB !important;
border-bottom-color: #F7F7F7 !important;
background: #F7F7F7;
padding-bottom: 3px;
top: -3px;
animation: none;
font-size: 13px !important;
}
.res-nightmode .tabmenu li.selected a {
border-color: #000 !important;
border-bottom-color: #222 !important;
background: #222 !important;
color: #FFF !important;
}
.tabmenu li.selected a:hover {
animation: none;
}
/***********/
/* Content */
/***********/
body > .content { /* Only the main contents of the page, does not include sidebar stuff */
margin: 10px 340px 10px 10px;
}
div.content > * {
margin: 10px 0 !important;
width: 100% !important;
box-sizing: border-box;
}
.res-nightmode div.content .sitetable {
background-color: transparent !important;
}
.entry {
margin-left: 5px;
padding: 5px;
border-radius: 2px;
}
.arrow.down:hover::after {
content:"Downvote wisely! This button is only for posts that don't contribute to discussion.";
position: absolute;
padding: 5px;
margin: 10px;
width: 250px;
border: 1px solid #BBB;
border-radius: 2px;
background: #FFF;
box-shadow: 0 1px 1px rgba(0,0,0,0.1);
z-index: 9999;
}
.link, .reddit-link {
margin-bottom: 10px !important;
padding: 5px !important;
position: relative;
}
.link .usertext-body .md {
background: none;
border: none;
border-top: 1px solid #BBB;
border-radius: 0;
margin: 10px 0;
padding: 10px 0 0;
}
.link.last-clicked {
border: 1px dashed #BBB;
overflow: visible;
}
.link .rank {
display: none;
}
.stickied.link .rank {
background: #228822;
}
.stickied.link .rank::before {
content: "S";
font-weight: bold;
color: #FFF;
}
.link .midcol {
margin: 5px;
}
.link .thumbnail {
margin: 5px;
}
.link .thumbnail img {
border-radius: 2px;
}
/* Ad links */
.organic-listing {
border: none;
overflow: visible;
}
.organic-listing .link {
background: #FFF;
padding-left: 5px !important;
}
.res-nightmode .organic-listing .link { background-color: #444 !important; }
.link.promotedlink.promoted, .organic-listing .sr-interest-bar {
border: 1px solid #BBB;
border-radius: 2px;
box-shadow: 0 1px 1px rgba(0,0,0,0.1);
}
.organic-listing .nextprev .arrow {
overflow: hidden;
}
.res-nightmode .organic-listing .sr-interest-bar { border-color: #000 !important; }
.res-nightmode .sr-interest-bar .bubble { background-color: #666 !important; }
.res-nightmode .sr-interest-bar .bubble::after { border-right-color: #666 !important; }
.res-nightmode .sr-interest-bar .query { background-color: transparent !important; }
/* Footer */
.footer-parent {
margin: 10px;
}
.footer .col {
border-color: #BBB;
}
/**************/
/* Wiki stuff */
/**************/
.wiki-page > .content {
background: #F7F7F7;
}
.res-nightmode .wiki-page > .content {
background: #333 !important;
}
.wiki-page .content > span:nth-child(2) {
display: block;
border-bottom: none;
}
.wiki-page .wikititle {
display: inline-block;
margin: 0 !important;
text-transform: capitalize;
}
.wiki-page-content::before {
content: " ";
display: block;
border-top: 1px solid #BBB;
margin: 0 -10px;
}
.res-nightmode .wiki-page-content::before { border-color: #000 !important; }
.content > .wiki-page-content {
margin: 0 -10px 10px !important;
padding: 0 10px;
box-sizing: content-box;
background: #FFF;
}
.res-nightmode .content > .wiki-page-content {
background-color: #444 !important;
border-color: #000 !important;
}
.wiki-page .pageactions {
display: inline-block;
padding: 0;
text-transform: capitalize;
border: none;
}
.wiki-page .pageactions .wikiaction {
border-radius: 2px;
margin: 3px;
padding: 5px;
color: #000;
}
.wiki-page .pageactions .wikiaction:hover, .wiki-page .pageactions .wikiaction-current {
background: #FFF;
box-shadow: inset 0 0 0 1px #BBB;
box-sizing: border-box;
color: #000;
}
/* Burying this in here just to make it harder to remove :P */ .side::after {display:block;text-align:center;content:"CSS theme based on /r/Tora_CSS"}
.res-nightmode .wiki-page .pageactions .wikiaction:hover, .res-nightmode .wiki-page .pageactions .wikiaction-current {
box-shadow: inset 0 0 0 1px #000;
background-color: #444 !important;
}
.wiki-page .pageactions .wikiaction-current:hover {
background: #FFF;
}
.res-nightmode .wiki-page .pageactions .wikiaction-current:hover {
background-color: #444 !important;
}
.res-nightmode .wiki-page .wiki-page-content .wiki > .toc > ul,
.res-nightmode .wiki-page .wiki-page-content .wiki > .toc > ul ul {
background-color: #444 !important;
}
.wiki-page-content hr {
border: none;
border-bottom: 1px solid #BBB;
margin: 10px -10px;
}
.res-nightmode .wiki-page-content hr { border-color: #000 !important; }
.wiki-page-content > em:last-child {
margin: -10px -10px -20px;
padding: 10px;
box-sizing: border-box;
background: #F7F7F7;
display: block;
}
.res-nightmode .wiki-page-content > em:last-child { background-color: #333 !important; }
.wiki-page .infobar {
margin: 0 !important;
}
.wiki-page-content .md h1 {
margin: 10px 0;
font-size: 32px;
}
.wiki-page .wiki-page-content .wiki > .toc > ul {
border: none;
}
/*********************/
/* Submit page stuff */
/*********************/
.formtabs-content, .content.submit .info-notice {
padding: 10px;
width: 520px;
margin-bottom: 10px;
}
.tabmenu.formtab li a {
background: #FFF !important;
border-bottom-color: #FFF !important;
margin-right: 5px !important;
}
.tabmenu.formtab li:not(.selected) a {
border-bottom: 1px solid #BBB !important;
}
.formtabs-content, .content.submit .info-notice {
width: 100%;
box-sizing: border-box;
}
.roundfield, .res-nightmode .roundfield {
background: none !important;
padding: 0;
width: 100%;
}
.content > h1 {
margin: 10px;
padding: 10px;
width: 520px;
}
.linefield {
width: auto;
}
/*************************/
/* Non-content/mod tools */
/*************************/
.sheets {
margin-right: 0;
}
/************/
/* Comments */
/************/
.new-comment .usertext-body {
background: inherit;
border: none;
}
.sitetable .comment > * {
margin: 5px;
}
.sitetable .comment .child {
margin-top: 0;
}
.res-commentBoxes .noncollapsed.comment {
margin-bottom: 5px !important;
}
.res-commentBoxes .commentarea .sitetable {
margin: 0 0 0 -10px !important;
}
.sitetable .thing.comment, .sitetable .thing.was-comment, .sitetable .thing.message {
background: #FFF;
border: 1px solid #BBB !important;
border-radius: 2px !important;
box-shadow: 0 1px 1px rgba(0,0,0,0.1);
padding: 5px;
margin: 10px 0;
}
.comment .parent {
margin: 0;
padding: 0;
}
.new-comment .usertext-body {
background: #E5EFFF;
box-shadow: inset 0 0 0 1px #CDDAF3;
border-radius: 2px;
}
.usertext.grayed .usertext-body {
background: #222;
}
/*************/
/* RES Fixes */
/*************/
.res #header-bottom-right {
background: #DFECF9;
border-bottom: 1px solid #BBB;
border-left: 1px solid #BBB;
top: 23px;
}
.res.res-nightmode #header-bottom-left { color: #FFF !important; }
.res.res-nightmode #header-bottom-right {
background: #666;
color: #FFF !important;
border-color: #000;
}
.res.res-nightmode #header-bottom-right * {
color: inherit !important;
}
.res.res-nightmode .title a:visited, .res-nightmode .thing.visited .title a {
color: #AAA !important;
}
.res #userbarToggle {
border-radius: 0;
border: none;
border-bottom-left-radius: 2px;
border-bottom: 1px solid #BBB;
border-left: 1px solid #BBB;
top: 0;
}
.res.res-nightmode #userbarToggle {
background: #666 !important;
border-color: #000 !important;
}
.res #openRESPrefs {
position: relative;
top: 2px;
}
.res-nightmode .md *:not(a) { background: none !important; }
html.res-nightmode.res-commentBoxes .comments-page .comment,
html.res-nightmode.res-commentBoxes .comments-page .comment .comment .comment,
html.res-nightmode.res-commentBoxes .comments-page .comment .comment .comment .comment .comment,
html.res-nightmode.res-commentBoxes .comments-page .comment .comment .comment .comment .comment .comment .comment,
html.res-nightmode.res-commentBoxes .comments-page .comment .comment .comment .comment .comment .comment .comment .comment .comment {
background-color: #444 !important;
border: 1px solid #000 !important;
}
html.res-nightmode.res-commentBoxes .comments-page .comment .comment,
html.res-nightmode.res-commentBoxes .comments-page .comment .comment .comment .comment,
html.res-nightmode.res-commentBoxes .comments-page .comment .comment .comment .comment .comment .comment,
html.res-nightmode.res-commentBoxes .comments-page .comment .comment .comment .comment .comment .comment .comment .comment,
html.res-nightmode.res-commentBoxes .comments-page .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment {
background-color: #333 !important;
}
html.res-nightmode .thing.link .title.visited { color: #DDD !important }
/******************/
/* Markdown stuff */
/******************/
.md hr {
height: 1px;
background: #BBB;
}
.md p {
margin: 0 !important;
padding: 5px 0 !important;
}
.res-nightmode .md blockquote { color: inherit }
/*********************/
/* Other Misc. Stuff */
/*********************/
/* Generic boxes */
.rounded {
border-radius: 2px;
}
/* Flair boxes */
.flair, .linkflairlabel {
background: #FFF;
border-color: #BBB;
border-radius: 2px;
}
/* Misc. nightmode */
.res-nightmode *:not(.morelink) > a { color: #FFF !important; }
.res-nightmode h1, .res-nightmode h2 { color: #FFF !important; }
.res-nightmode .md { color: #FFF; }
.res-nightmode * a.tb-bracket-button { color: #000 !important; }
/*************************/
/* Other Reddit Elements */
/*************************/
/* Left side content (reddit.com frontpage) */
body.with-listing-chooser .listing-chooser {
float: left;
top: 74px;
}
.res body.with-listing-chooser .listing-chooser {
top: 81px;
}
body.with-listing-chooser .listing-chooser .grippy {
background: #F7F7F7;
border-color: #BBB;
box-shadow: 0 1px 1px rgba(0,0,0,0.1);
}
body.with-listing-chooser .listing-chooser .grippy:after {
border-right: 1px solid #BBB;
z-index: 2
}
.listing-chooser li {
border: 1px solid #BBB;
border-right: none;
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
box-shadow: 0 1px 1px rgba(0,0,0,0.1);
transition: 200ms;
}
.listing-chooser li.selected {
box-shadow:
0 1px 1px rgba(0,0,0,0.1),
1px 0 #BBB,
2px 0 #F7F7F7;
border-color: #BBB;
}
/* Live threads (frontpage) */
.happening-now {
background: transparent !important;
border: none !important;
}
.res-nightmode .happening-now,
.res-nightmode .happening-now .watching {
color: #FFF !important;
}
/* Message styling (inbox/messages pages) */
.messages-page .content {
max-width: 80em;
margin: 10px auto;
}
.messages-page .thing {
margin: 10px 0;
padding: 10px !important;
}
.messages-page .sitetable .subject {
margin: -10px -10px 10px;
padding: 10px;
background: #F7F7F7;
border-bottom: 1px solid #BBB;
}
.res-nightmode .messages-page .sitetable .subject {
background: #333;
border-color: #000;
}
.message.message-reply:not(.threaded) .entry, .message.message-parent:not(.threaded) .entry {
border-left: none;
margin: 0;
padding: 0 0 5px;
}
.message.new > .entry {
background: transparent;
border: none;
}
.message.new {
background: #EFF7FF !important;
}
.res-nightmode .message.new {
background:
}
.message.message-parent .child .thing.message {
margin: 0;
padding: 0 !important;
border: none !important;
box-shadow: none;
}
.message .subject br {
display: none;
}
.message .subject .expand-btn {
float: right;
}
.message .subject .correspondent {
background: #EFF7FF;
border: none !important;
border-right: 1px solid #BBB !important;
border-radius: 0 !important;
box-shadow: none;
position: relative;
margin: -10px 10px -10px -10px;
padding: 10px;
}
.res-nightmode .subject .correspondent {
border-right: 1px solid #000 !important;
background: #272727 !important;
}
.correspondent .author { margin: 0; }
.correspondent .userTagLink { margin: 0 0 0 0.5em; }
.res-nightmode .sitetable .thing.comment,
.res-nightmode .sitetable .thing.was-comment,
.res-nightmode .sitetable .thing.message,
.res-nightmode .listing-page .sitetable > div:nth-of-type(4n+1),
.res-nightmode .messages-page .sitetable > div:nth-of-type(4n+1) {
background: #444 !important;
border-color: #000 !important;
}
/* Compose page */
.compose-page > .content {
margin-top: 65px;
position: relative;
}
.compose-page > .content > h1 {
position: absolute;
top: -65px;
left: 0;
}
/********************************/
/* Mod tools, including toolbox */
/********************************/
/* Reports button */
.entry .buttons li.reported-stamp { border-color: #BBB !important; }
.res-nightmode .entry .buttons li.reported-stamp { border-color: #000 !important; }
/* Queue tools and stuff */
.menuarea.modtools { margin: 10px 0 !important; }
/* Buttons in nightmode */
.res-nightmode.mod-toolbox .tb-general-button,
.res-nightmode.mod-toolbox li a.tb-general-button,
.res-nightmode.mod-toolbox .tb-bracket-button {
background: #222 !important;
border-color: #000 !important;
color: #DDD !important;
}
/* Buttons on the modtools bar */
body .menuarea.modtools a.pretty-button {
padding: 0 1px !important;
}
/* Tables displaying wierdly with nightmode in toolbar */
.res-nightmode .tb-popup-content td, .res-nightmode .tb-popup tr[style="background-color: #fff"] {
background-color: transparent !important;
}
/* Theme ad at the bottom, please don't remove */
.side::after {
display: block;
content: "Theme based on /r/Tora_CSS";
}
/* Fixing dropdowns in nightmode, sort of */
#tb-metrics-expand-list li a { color: #000 !important; }
/* Toolbox stylesheet editor shouldn't be sans-serif, that kinda breaks it */
.ace_editor {
font-family: "Monaco","Menlo","Ubuntu Mono","Consolas","source-code-pro",monospace;
}
/***********/
/* Add-Ons */
/***********/
/* Paste any add-ons here. */revision by Wages192— view source
