/* ~~ Mindashq.Reddit.Theme
v1.3.6
http://www.reddit.com/r/mindashq/wiki
For reuse : Always copy latest from Github
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* [ A ]. Masonry and Template ............ */
/* ~~ A.1. Common Tags ~~~~~~~~~~~~~ */
body {
position: relative;
font-weight: normal;
font-style: normal;
font-variant: normal;
font-size: 10px;
line-height: 1.4;
}
h1, h2 {
margin-bottom: 6px;
letter-spacing: -1px;
}
h3, h4 {
margin-bottom: 3px;
}
.rounded {
border-radius: 4px;
}
.rounded .morelink {
border-radius: 2px;
}
hr {
width: auto;
height: 1px;
border: 0 none;
}
.md {
max-width: 70em;
}
/* -- A.1.1. Tables ---------- */
.md table {
margin: 10px 0;
border: 1px solid #fafafa;
}
.md table * {
border: 0;
}
.md table th {
text-align: center;
}
.md table thead {
}
.md table tr:nth-child(even) {
}
.md table tr:nth-child(odd) {
}
.md table td,
.md table th {
padding: 4px 8px;
}
/* -- A.1.2. Lists ---------- */
.md ul,
.md ol {
margin: 5px 0 5px 20px;
padding: 0 0 0 10px;
}
.md ul {
list-style: disc outside;
}
.md ul li,
.md ol li {
margin: 1px 10px 0 0;
padding: 2px 0;
}
.md ul li ul,
.md ol li ol {
margin: 5px 0 5px 10px;
}
.md ul li p,
.md ol li p {
margin: 2px;
}
/* -- A.1.3. Code Style ---------- */
.usertext-body pre,
.md.wiki pre {
margin: 10px 0;
padding: 10px;
}
.usertext-body pre,
.usertext-body p > code,
.usertext-body li > code,
.md.wiki pre,
.md.wiki p > code,
.md.wiki li > code {
overflow: auto;
border: 1px solid #fafafa;
}
.usertext-body code,
.md.wiki code {
line-height: 1.5em;
}
.usertext-body p > code,
.usertext-body li > code,
.md.wiki p > code,
.md.wiki li > code {
padding: 0 3px;
}
a[href='#s'],
a[href='/s'] {
display: inline-block;
padding: 0 4px;
cursor: default;
}
a[href='#s']:after,
a[href='/s']:after {
content: attr(title);
visibility: visible;
margin-left: 5px;
padding: 2px 3px;
}
a[href='#s']:hover:after,
a[href='#s']:active:after,
a[href='/s']:hover:after,
a[href='/s']:active:after {
text-decoration: none;
}
/* -- A.1.4. Common Button Style ---------- */
.btn button,
.btn .button {
margin: 0 0 0 20px;
}
.btn,
button,
.button,
input[type='submit'],
.side a[href*='/#btn'],
.entry .buttons a[onclick*='reply'] {
margin: 5px 5px 5px 0;
padding: 6px 10px;
min-width: 70px;
border: 1px solid #ba001f;
cursor: pointer;
}
.side a[href*='/#btn'] {
display: block;
margin: 10px 0;
width: auto;
line-height: 29px;
letter-spacing: 0;
text-align: center;
}
.btn a {
}
.btn:hover,
button:hover,
.button:hover,
input[type='submit']:hover,
.side a[href*='/#btn']:hover,
.entry .buttons a[onclick*='reply']:hover {
}
.btn.right,
button.cancel {
}
.btn.right:hover,
button.cancel {
}
/* -- A.1.5. Selective dimming of link buttons ---------- */
/* -- This is only in A, not in B ---------- */
.entry > .flat-list > li {
opacity: 0.40;
-ms-filter: Alpha(Opacity=40);
filter: Alpha(opacity=40);
}
.noncollapsed > .flat-list > li {
opacity: 0.10;
-ms-filter: Alpha(Opacity=10);
filter: Alpha(opacity=10);
}
.entry:hover > .flat-list > li,
.keyHighlight .flat-list > li,
.noncollapsed:hover > .flat-list > li {
opacity: 1;
-ms-filter: Alpha(Opacity=100);
filter: Alpha(opacity=100);
}
/* ~~ A.2. Top Sr-Bar ~~~~~~~~~~~~~ */
#sr-header-area {
margin-top: -21px;
margin-left: 0 !important;
padding: 0 0 0 5px;
height: 20px;
border: 1px solid #fafafa;
border-width: 0 0 1px;
font-weight: 500;
font-size: 11px;
line-height: 20px;
text-transform: none;
}
#sr-header-area .separator {
display: inline-block;
margin: 0;
width: 8px;
text-align: center;
}
#sr-header-area > .separator {
margin: 0 7px 0 2px;
}
.srSep {
margin: 0 5px;
}
.sr-bar {
display: inline;
margin-left: 0;
}
.sr-bar a {
line-height: 20px;
}
.srdrop.dropdown .selected {
position: relative;
font-size: 11px;
}
#sr-header-area a {
}
#sr-header-area .srdrop {
}
#sr-header-area .srdrop a {
}
#RESShortcutsViewport {
display: inline-block;
}
#RESShortcutsViewport:hover {
}
#RESStaticShortcuts {
text-transform: lowercase;
}
#RESStaticShortcuts a::first-letter {
}
#RESShortcutsEditContainer {
position: relative;
display: inline-block;
height: 23px;
word-spacing: -5px;
}
#RESShortcutsEditContainer div {
}
#RESSettingsButton {
vertical-align: middle;
}
#sr-more-link {
position: absolute;
top: 0;
right: 0;
margin: 0;
padding: 0 5px 0 15px;
font-weight: bold;
}
/* -- A.2.1. Dropdown Subreddits Bar ---------- */
#sr-header-area .drop-choices {
margin: 0;
padding: 0;
border: none !important;
font-weight: normal;
font-style: normal;
font-variant: normal;
font-size: 12px;
word-spacing: -1px;
z-index: 400;
}
#sr-header-area .drop-choices a.choice {
}
#sr-header-area .drop-choices a.choice:hover {
}
/* ~~ A.3. Header ~~~~~~~~~~~~~ */
#header {
margin: 20px 0 30px;
padding: 0;
min-height: 59px;
height: auto;
}
#header:after {
content: " ";
position: absolute;
bottom: -1px;
display: block;
width: 100%;
height: 30px;
border: 1px solid #9a0019;
border-width: 1px 0;
z-index: -1;
}
/* -- A.3.1. User Controls ---------- */
span.user {
}
a.pref-lang {
}
.logout {
font-weight: bold;
}
#header-bottom-right {
top: auto!important;
bottom: 0 !important;
padding: 6px 10px 4px !important;
height: 20px !important;
border-radius: 0 !important;
font-size: 10px;
word-spacing: -1px;
z-index: 102;
}
#header-bottom-right a {
}
#header-bottom-right.res-navTop {
}
/* -- A.3.2. Banner Image ---------- */
#header-bottom-left {
position: relative;
bottom: 0;
display: inline-block;
margin: 0 10px;
padding: 0;
font-size: larger;
}
#header-bottom-left:before {
content: " ";
position: absolute;
top: 28px;
left: -10px;
display: block;
padding: 0 10px;
width: 100%;
height: 26px;
z-index: -1;
}
#header-bottom-left:after {
content: '';
position: relative;
display: inline-block;
margin: 15px 0 0 310px;
width: 1px;
height: 30px;
}
/* -- A.3.3. The Reddit Name, applies to all pages ---------- */
.pagename {
display: inline-block;
margin: 0px;
font-weight: bold;
font-variant: normal;
font-size: 18px;
line-height: 30px;
vertical-align: bottom;
}
.pagename.redditname,
.pagename.redditname.hover {
padding: 0;
}
.pagename a,
.pagename.selected {
display: inline-block;
margin: 0 0 -10px 0;
padding: 10px 20px;
font-size: 18px!important;
line-height: 30px;
text-transform: capitalize;
}
.pagename a:hover {
text-decoration: none;
}
/* -- A.3.4. Reddit Image and Text ---------- */
#header-img.default-header {
margin: 15px 10px 0 5px;
width: auto;
background-position: -10000px -2058px;
font-weight: bold;
font-size: 12px;
line-height: 50px;
vertical-align: bottom;
text-indent: 0;
}
#header-img-a {
display: inline-block;
margin: 15px -3px -10px 0;
padding: 0;
height: 50px;
-webkit-border-top-left-radius: 2px;
-moz-border-radius-topleft: 2px;
-webkit-border-bottom-left-radius: 2px;
-moz-border-radius-bottomleft: 2px;
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
vertical-align: bottom;
}
#header-img-a img {
margin: 0 0 -15px 0;
padding: 0;
max-height: 50px;
width: auto!important;
height: auto!important;
-webkit-border-top-left-radius: 2px;
-moz-border-radius-topleft: 2px;
-webkit-border-bottom-left-radius: 2px;
-moz-border-radius-bottomleft: 2px;
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
vertical-align: bottom;
}
#header-img-a + .pagename a,
#header-img-a + .pagename.selected {
-webkit-border-top-left-radius: 0;
-moz-border-radius-topleft: 0;
-webkit-border-bottom-left-radius: 0;
-moz-border-radius-bottomleft: 0;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
/* -- A.3.5. Header Nav ---------- */
ul.tabmenu {
margin: 15px 10px -17px 35px;
height: 50px;
border: 0 none;
}
ul.tabmenu li {
margin: auto;
}
ul.tabmenu:after {
}
ul.tabmenu li a,
ul.tabmenu li a:visited,
ul.tabmenu li.selected a {
display: inline-block;
margin-top: 5px;
padding: 5px 8px;
}
ul.tabmenu li.selected a,
ul.tabmenu li.selected a:visited {
margin-top: -5px;
padding: 10px 15px;
border: 1px solid #fafafa;
}
ul.tabmenu li a:hover,
ul.tabmenu li.selected a:hover {
}
/* ~~ A.4. Content Pane and Link Listings ~~~~~~~~~~~~~ */
/* -- A.4.1. Content Box ---------- */
div.content {
overflow: hidden;
margin: 0 350px 10px 10px !important;
padding: 10px 20px;
border: 3px solid #fafafa;
}
body.listing-page > div.content,
body.single-page > div.content,
body.search-page > div.content,
body.messages-page > div.content {
padding: 0;
border: 0 none;
box-shadow: none;
}
body.listing-page > div.content,
body.messages-page > div.content,
body.search-page > div.content > .linklisting,
body.single-page > div.content > .linklisting {
margin: 3px 3px 15px;
border: 3px solid #fafafa;
}
body.single-page > div.content > .commentarea {
position: relative;
margin: 0 3px 1px;
padding: 0;
border: 3px solid #fafafa;
}
body.single-page > div.content > .linklisting .link {
list-style-type: none;
}
body.single-page > div.content > .linklisting .link .title {
font-weight: normal;
}
body.hot-page > div.content,
body.new-page > div.content,
body.rising-page > div.content,
body.top-page > div.content,
body.controversial-page > div.content,
body.related-page > div.content,
body.other-discussions-page > div.content {
}
/* -- A.4.2. Links (Post) ---------- */
.link.promotedlink.promoted {
}
.linklisting .even {
margin: 0;
padding: 2px 0 2px;
border-top: 1px solid #fafafa;
}
.linklisting .odd {
margin: 0;
padding: 2px 0 2px;
border-top: 1px solid #fafafa;
}
.linklisting .link:first-child {
border-top: 0 !important;
}
.linklisting .link:last-of-type .flairselector.drop-choices.active {
top: auto!important;
bottom: 0px!important;
}
.link.last-clicked {
border-width: 1px 0 0;
}
/* -- A.4.3. Links sub-parts ---------- */
.entry {
}
.link {
margin: 0;
padding: 5px;
}
.link .rank {
display: inline-block;
margin: 15px 0 0 10px;
padding: 5px 0 5px 0;
}
.link .midcol {
margin: 4px 4px 0 2px;
padding: 0 5px !important;
}
.link .thumbnail {
margin: 2px 2px 2px 5px;
max-height: 55px;
width: auto;
}
.link.compressed .thumbnail {
max-height: 35px;
}
.link .entry {
margin: 3px 0 3px 3px;
padding-left: 3px;
}
.link .title {
margin-top: 2px !important;
margin-bottom: 2px !important;
font-style: normal;
font-variant: normal;
word-spacing: -1px;
}
.link.self .usertext-body .md p,
.comment .usertext-body .md p {
}
.link .usertext .md {
padding: 5px 10px;
border: 0 none;
}
.entry .buttons {
display: inline-block;
}
.entry .buttons li a {
}
.commentarea .entry {
position: relative;
}
.commentarea .entry .buttons {
margin: 5px 0 0 61px;
}
.commentarea .entry .buttons a[onclick*='reply'] {
position: absolute;
left: 0;
margin: -5px 5px 5px 0;
padding: 3px 10px;
min-width: 30px;
}
.panestack-title {
margin: 10px 0 0 0;
padding: 2px 10px 5px;
padding-bottom: 3px;
border-bottom: 1px dotted;
font-size: larger;
}
.panestack-title .title {
margin: 0;
}
.author.submitter,
.author.moderator {
font-family: Verdana,Arial,'Nimbus Sans L',sans-serif;
}
/* -- A.4.4. Usertext-edit textarea ---------- */
form.usertext.cloneable {
margin: -3px;
padding: 0 20px;
border-width: 1px 0;
border-radius: 0;
}
div.usertext-edit {
margin-top: 5px !important;
padding: 10px 10px 0 2px;
}
div.usertext-edit textarea {
padding: 5px;
}
.commentarea > .usertext {
clear: left;
margin: 0;
}
.usertext {
}
.usertext .bottom-area {
padding: 0 5px;
}
.usertext button {
margin: 5px 5px 10px 0;
min-width: 70px;
}
.usertext span[class*='toggle'],
.btn.right {
margin: 5px 0;
padding: 6px 10px;
border: 0 none;
font-size: small;
}
.usertext span[class*='toggle'] a,
.btn.right a {
}
.usertext span[class*='toggle'] a:hover,
.btn.right a:hover {
}
.usertext table.markhelp {
width: 450px;
}
/* -- A.4.5. Link submission form ---------- */
.formtabs-content {
}
.formtabs-content .infobar {
padding: 10px;
}
ul.tabmenu.formtab {
margin: 15px 0px -19px 0;
padding: 0;
}
ul.tabmenu.formtab li {
}
ul.tabmenu.formtab li a {
padding: 5px 15px;
border-width: 0;
}
ul.tabmenu.formtab li.selected {
}
ul.tabmenu.formtab li.selected a {
-webkit-border-bottom-right-radius: 0;
-moz-border-radius-bottomright: 0;
-webkit-border-bottom-left-radius: 0;
-moz-border-radius-bottomleft: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
#noresults {
margin-right: 310px;
padding: 5px 10px;
font-weight: bold;
}
.nextprev {
margin: 0;
padding: 10px;
border-top: 1px dotted;
}
/* -- A.4.6. Custom Upvote/Downvote Arrows---------- */
/*.arrow {
padding-right: 0;
padding-left: 0;
width: 22px;
height: 22px;
}
.arrow.up {
background-position: 0 0;
opacity: 0.5;
filter: alpha(opacity=05);
-khtml-opacity: 0.5;
}
.arrow.down {
background-position: 0 -22px;
opacity: 0.5;
filter: alpha(opacity=05);
-khtml-opacity: 0.5;
}
.arrow.upmod,
.arrow.up:hover {
background-position: -22px 0;
}
.arrow.downmod,
.arrow.down:hover {
background-position: -22px -22px;
}*/
/* -- A.4.7. Comment Formatting ---------- */
body div.content > form > div .commentarea .even {
padding: 10px 0 10px 10px !important;
border-top: 1px solid #fafafa;
}
.commentarea .menuarea {
margin: 0;
padding: 0 10px;
font-size: 11px;
}
.commentarea p {
}
.commentarea h1,
.commentarea h2,
.commentarea h3,
.commentarea h4 {
font-weight: bold;
font-size: 1.1em;
letter-spacing: 0;
}
.commentarea .nestedlisting {
overflow: hidden;
}
.commentarea .comment {
margin: 2px 0 -1px 5px!important;
padding: 5px 0 0 10px!important;
border: 1px solid #fafafa!important;
}
.commentarea .sitetable.nestedlisting > .comment:first-child {
margin-top: 4px!important;
}
.commentarea .sitetable.nestedlisting > .comment {
margin: 1px 0 0 !important;
border: 1px solid #fafafa!important;
}
.even.comment {
}
.odd.comment {
}
.child {
margin: 0 0 0 15px !important;
}
.nestedlisting > .comment .comment {
margin-right: 0 !important;
}
.nestedlisting > .comment .comment .comment {
margin-right: 0 !important;
}
.comment .collapsed {
}
.comment .noncollapsed {
padding-bottom: 5px;
}
.comment a.expand {
}
.comment a.expand:hover {
}
.comment a.expand:visited {
}
.commentarea .author {
margin-left: 0;
}
.commentarea .collapsed .author {
font-style: normal;
}
.comment .child,
.comment .showreplies {
border: 0 none;
}
/* -- A.4.8. Sort By Dropdown ---------- */
div.drop-choices.lightdrop.inuse {
}
/* ~~ A.5. Sidebar ~~~~~~~~~~~~~ */
.side {
margin: 0 20px;
padding: 0 10px;
width: 300px;
line-height: 1.3;
z-index: 0;
}
.side .spacer {
clear: both;
margin: 5px 0 5px 0;
font-size: x-small;
}
.side .md {
overflow: hidden;
max-width: 100%;
}
.side .titlebox {
padding: 0;
}
.side .titlebox .bottom {
display: none;
}
.side .titlebox h1.redditname {
margin: 1.2em 0 .2em 0;
font-size: 26px;
letter-spacing: -1px;
text-transform: capitalize;
}
div.sidebox.create {
position: absolute;
right: 30px;
bottom: 121px;
display: block;
border: 0 solid #fafafa!important;
background: none transparent!important;
}
.icon-menu li {
margin: 0 0 5px;
}
.side h1 {
font-size: 19px;
}
.side h2 {
font-size: 16px;
}
.side h3 {
font-size: 14px;
}
.side li {
font-size: 12px;
}
/* -- A.5.1. Search ---------- */
.side .spacer #search {
margin: 0 0 15px 0;
padding: 0;
}
#search input[type="text"] {
padding: 10px;
width: 278px;
border: 1px solid #fafafa;
}
.searchpane {
margin: 0;
padding: 10px 0 20px 96px;
}
.searchfacets {
margin: -1px 0 0;
}
#search input[type='submit'] {
padding: 10px 15px;
}
/* -- 5.2 Infobar, MoreInfo and MoreSearch Divs ---------- */
.infobar {
}
.infobar .md {
}
.content .infobar {
}
div#moresearchinfo {
}
div#moresearchinfo a {
}
div#moresearchinfo a:hover {
}
.commentarea .infobar {
}
.commentarea .infobar a {
}
.commentarea .infobar a:hover {
text-decoration: underline;
}
.linkinfo {
margin: 0 0 10px;
padding: 10px 10px 0 10px;
border: 1px solid #fafafa;
font-weight: normal;
font-style: normal;
font-variant: normal;
font-size: 12px;
}
.linkinfo .date {
}
.linkinfo .score {
margin: 2px 0;
}
.linkinfo .score .number,
.linkinfo .score .word {
font-weight: bold;
font-size: 15px;
}
.linkinfo .score .number {
font-size: 22px;
}
.linkinfo .upvotes {
}
.linkinfo .upvotes .number,
.linkinfo .upvotes .word {
}
.linkinfo .upvotes .number {
}
.linkinfo .downvotes {
margin-left: 5px;
}
.linkinfo .downvotes .number,
.linkinfo .downvotes .word {
}
.linkinfo .downvotes .number {
}
.linkinfo .shortlink input {
margin-top: 7px !important;
border: 0 !important;
font-size: 12px !important;
}
/* -- A.5.3. Contributor and Moderator Buttons ---------- */
.titlebox form.toggle,
.leavemoderator {
background-repeat: no-repeat;
background-attachment: scroll;
background-position: center left;
}
.leavemoderator-button {
display: none;
}
.leavecontributor-button {
display: none;
}
/* -- A.5.4. Login Form ---------- */
.login-form-side {
margin: 0 0 10px;
padding: 10px 0 0;
border: 1px solid #fafafa;
}
.login-form-side input[type=text],
.login-form-side input[type=password] {
}
/* -- A.5.5. Flair Setting area ---------- */
.titlebox form.toggle {
}
.titlebox .tagline {
margin: 10px 0 25px 0;
padding: 10px;
border: 1px solid #fafafa;
}
.fancy-toggle-button .active,
.RESshortcutside,
.RESDashboardToggle {
padding: 3px 7px!important;
}
/* -- A.5.6. Submit Button ---------- */
.sidebox.submit {
width: 300px;
}
body .morelink,
body .morelink:hover {
padding: 4px 10px;
background: none transparent;
font-weight: normal;
letter-spacing: 0;
}
body .morelink a,
body .morelink a:hover {
font-weight: bold;
font-size: 16px;
}
body .morelink .nub,
body .morelink:hover .nub {
background: none transparent!important;
}
body .disabled .morelink a,
body .disabled .morelink a:hover {
cursor: default;
}
/* -- A.5.7. Moderators Area ---------- */
.sidecontentbox {
padding: 5px 0 5px;
line-height: 1.3;
}
.sidecontentbox a {
}
.sidecontentbox a:hover {
text-decoration: underline !important;
}
.sidecontentbox a:visited {
}
.sidecontentbox a.helplink {
font-size: 12px;
}
.sidecontentbox .title h1 {
letter-spacing: 0;
}
.spacer .sidecontentbox .content {
margin: 0 !important;
margin-top: 5px !important;
padding: 10px;
border: 1px solid #fafafa;
}
/* -- A.5.8. Account Activity area at Bottom of Sidebar ---------- */
.account-activity-box {
padding: 0;
height: 60px;
}
.account-activity-box a {
margin: 20px 0 0 0;
padding: 20px 0 0 0;
}
/* ~~ A.6. Footer ~~~~~~~~~~~~~ */
.footer-parent {
position: relative;
clear: both;
margin: 40px 0 0;
padding: 5px 0 15px 30px;
text-align: left;
z-index: -2;
}
.footer-parent:after {
content: " ";
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 30px;
border: 1px solid #fafafa;
border-width: 1px 0;
z-index: -1;
}
.footer {
margin: 0px 5px 5px;
border: 0 none;
top: -15px;
position: relative;
}
.footer .col {
border: 0 none;
}
/* -- A.6.1. Reddit Copyright Text ---------- */
.bottommenu,
.bottommenu a {
font-size: x-small;
}
.debuginfo:hover .content {
}
/* ~~ A.7. Other areas in Reddit - [WIP] ~~~~~~~~~~~~~ */
.menuarea {
overflow: hidden;
margin: 0 -2px;
padding: 10px;
border-bottom: 1px dotted;
}
#image-upload {
margin-bottom: 10px;
font-size: 12px;
}
#image-upload * {
font-size: 12px;
}
ul#image-preview-list {
margin: 20px 0 20px 20px;
font-size: larger;
}
body.profile-page .linklisting .odd, body.profile-page .linklisting .even {
padding: 5px 0 5px 15px!important;
}
.tabpane-content {
margin-top: -4px;
padding: 15px 10px;
}
/* -- A.7.1. Wiki Page ---------- */
body.wiki-page h1.wikititle {
display: inline-block;
margin: 10px 15px 5px;
letter-spacing: 0;
}
body.wiki-page .pageactions {
float: right;
border: 0 none;
}
body.wiki-page .wiki-page-content {
clear: both;
margin: 0 15px 15px;
border-top: 1px dotted;
}
body.wiki-page .wiki-page-content .md.wiki h1 {
font-size: 2.4em;
}
body.wiki-page .wiki-page-content .md.wiki h2 {
font-size: 1.8em;
}
body.wiki-page .wiki-page-content .md.wiki h3 {
font-size: 1.4em;
}
body.wiki-page .wiki-page-content .md.wiki h4 {
font-size: 1.2em;
}
body.wiki-page .wiki-page-content .md.wiki img {
max-width: 100%;
}
form#newlink {
margin-left: 20px;
}
.sheets {
margin: 10px;
}
/* ~~ A.8. RES Optimisation ~~~~~~~~~~~~~ */
.keyHighlight, .lcTagged {
outline: 1px dotted!important;
border: 0 !important;
border-right: 2px solid #fafafa !important;
}
.keyNavAnnotation {
}
div#userbarToggle {
left: 0 !important;
margin: 0 !important;
padding: 0 !important;
padding-bottom: 2px !important;
width: 16px !important;
height: 19px !important;
border: 0 !important;
}
div.userbarHide {
content: "|||";
}
.morecomments {
display: inline-block;
margin: 4px 0 -7px;
}
.morecomments a.button,
.morecomments a .gray {
display: inline-block;
margin: 0;
}
shinebar + body > #RESMainGearOverlay,
shinebar + body > #RESAccountSwitcherIconOverlay,
shinebar + body > #RESAccountSwitcherDropdown,
shinebar + body > #RESPrefsDropdown {
margin-top: -30px;
}
/* -- A.8.1. Progress Indicator and Page marker for RES mode ---------- */
#progressIndicator.neverEndingReddit,
div.NERPageMarker,
#NERFail {
margin: 0 -5px;
padding: 10px 0;
width: auto;
border: 1px solid #fafafa;
font-weight: bold;
font-size: 20px;
letter-spacing: -1px;
}
#progressIndicator.neverEndingReddit img {
}
#progressIndicator.neverEndingReddit a {
}
#RESNotifications {
z-index: 9999999;
}
/* ~~ A.9. Sidebar Boxes ~~~~~~~~~~~~~ */
/* -- A.9.1. Boxes ---------- */
.side blockquote {
position: relative;
margin: 5px 0 10px;
padding: 5px 10px 10px 5px;
border: 1px solid #fafafa;
}
.side blockquote blockquote {
margin: 5px 0 0 5px;
}
.side blockquote table {
margin: 5px -11px 5px -6px;
min-width: 299px;
max-width: 300px;
}
.side blockquote table:last-child {
margin-bottom: -11px;
}
.side .md blockquote + hr,
.side .md blockquote + h3,
.side .md blockquote + h4,
.side .md blockquote + h5,
.side .md blockquote + h6 {
margin: 0 0 5px 0;
width: 0;
height: 1px;
}
.side blockquote h1 ~ p {
margin-left: 10px;
}
.side h4 + blockquote p,
.side h5 + blockquote p,
.side h6 + blockquote p {
margin: 0 10px;
}
.side .md h1,
.side .md h2,
.side .md h3 {
margin: 5px;
}
.side blockquote + p,
.side p + blockquote,
.side p + h4,
.side p + h5,
.side p + h6 {
margin-top: 10px;
}
.side .md p {
margin: 5px 10px;
}
.side .md li p,
.side .md ol p {
margin: 0;
}
.side .md hr,
.side .md > hr + hr {
width: auto;
height: 1px;
}
.side .md > hr {
width: 0;
background-color: transparent;
}
.side .md > hr + hr {
margin: 5px 0 15px;
}
.side .icon-menu a {
}
/* -- A.9.2. Colored Boxes ---------- */
/*tip :h3 Blue h4 Green, h5 yellow, h6 red*/
.side h3 + blockquote,
.side h4 + blockquote,
.side h5 + blockquote,
.side h6 + blockquote {
display: block;
border: 1px solid #fafafa;
}
.side h3 + blockquote a[href*='#icon-']:before,
.side h4 + blockquote a[href*='#icon-']:before,
.side h5 + blockquote a[href*='#icon-']:before,
.side h6 + blockquote a[href*='#icon-']:before {
}
.side h3 + blockquote > h1,
.side h4 + blockquote > h1,
.side h5 + blockquote > h1,
.side h6 + blockquote > h1,
.side h3 + blockquote > h2,
.side h4 + blockquote > h2,
.side h5 + blockquote > h2,
.side h6 + blockquote > h2,
.side h3 + blockquote > h3,
.side h4 + blockquote > h3,
.side h5 + blockquote > h3,
.side h6 + blockquote > h3 {
font-size: 19px;
}
/* -- A.9.3. Sidebar Icons ---------- */
.side a[href*='#icon-'] {
margin: 0 10px;
cursor: default;
}
.side a[href*='#icon-']:hover {
text-decoration: none;
}
.side a[href*='#icon-']:before {
display: inline-block;
margin: -16px 5px 0 -10px;
padding: 5px 5px 0;
width: 30px;
height: 52px;
background-position: 0 0;
font-weight: bold;
font-size: 25px;
line-height: 60px;
text-align: center;
}
.side a[href*='#icon-exclamation']:before {
content: 'â™”';
}
.side a[href*='#icon-information']:before {
content: 'ⓘ';
}
.side a[href*='#icon-lightbulb']:before {
content: '☼';
}
.side a[href*='#icon-comments']:before {
content: 'â';
}
.side a[href*='#icon-unhappy']:before {
content: '☹';
}
.side a[href*='#icon-check']:before {
content: '✓';
}
.side a[href*='#icon-clock']:before {
content: 'â—”';
}
.side a[href*='#icon-cross']:before {
content: '⊘';
}
.side a[href*='#icon-smile']:before {
content: '☺';
}
.side a[href*='#icon-error']:before {
content: '☢';
}
.side a[href*='#icon-note']:before {
content: '✑';
}
.side a[href*='#icon-star']:before {
content: '✰';
}
.side a[href*='#icon-help']:before {
content: 'âœ';
}
.side a[href*='#icon-time']:before {
content: '⌚';
}
.side a[href*='#icon-bell']:before {
content: 'â‚';
}
.side a[href*='#icon-eye']:before {
content: '✿';
}
/* [ B ]. Presentation : Colors, fonts and borders ............ */
/* ~~ B.1. Common Tags ~~~~~~~~~~~~~ */
body {
background-color: #383838;
color: #333;
/* font-family: "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif; */
font-family: Helvetica,Arial,'Nimbus Sans L',sans-serif;
}
h1, h2, h3 {
color: #223f4f;
}
a,
.thing .title.loggedin {
color: #ba001f;
}
a:visited,
.thing .title.loggedin:visited,
.comment .md p > a:visited {
color: #1b1b1b;
}
a:hover,
.thing .title.loggedin:hover {
color: #1b1b1b;
}
a:active,
.thing .title.loggedin:active {
color: #861010;
}
.buttons li a {
color: #888 !important;
}
.buttons li a:hover {
color: #08c !important;
}
.buttons li a:visited {
color: #888 !important;
}
.buttons li a:active {
color: #861010;
}
hr,
.side .md hr {
background-color: #d2d2d2;
color: #c8c8c8;
}
.roundfield,
.linefield,
.content.submit .roundfield.info-notice {
border-color: #fff;
border-radius: 2px;
background-color: #eee;
box-shadow: 0 0 1px 1px #d7e2eb;
}
.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] {
border-color: #c8c8c8;
border-radius: 2px;
box-shadow: 0 1px 4px 1px #d1d5c6;
}
/* -- B.1.1. Tables ---------- */
.md table {
border-color: #ccc;
}
.md table thead {
border-bottom: 1px solid #ccc;
background-color: #f3f3f3;
}
.md table tbody tr:nth-child(even) {
background-color: #f6f6f6;
}
.md table tbody tr:nth-child(odd) {
background-color: #fbfbf9;
}
.md table td,
.md table th {
border-right: 1px solid #ccc;
}
/* -- B.1.2. Lists ---------- */
.md ul,
.md ol {
background-color: transparent;
}
/* -- B.1.3. Code Style ---------- */
.usertext-body pre,
.md.wiki pre {
color: #222 !important;
}
.usertext-body pre,
.usertext-body p > code,
.usertext-body li > code,
.md.wiki pre,
.md.wiki p > code,
.md.wiki li > code {
border-color: #ccc;
border-radius: 2px;
background-color: #f7f7f7;
color: #222 !important;
font-size: 11px;
}
.usertext-body code,
.md.wiki code {
color: #222 !important;
font-family: Consolas,Monaco,'Courier New',monospace;
}
.usertext-body p > code,
.usertext-body li > code,
.md.wiki p > code,
.md.wiki li > code {
color: #222 !important;
}
a[href='#s'],
a[href='/s'] {
background-color: #c2dcfe;
color: #00F;
}
a[href='#s']:after,
a[href='/s']:after {
background-color: #9a0019;
color: #9a0019;
font-size: small;
}
a[href='#s']:hover:after,
a[href='#s']:active:after,
a[href='/s']:hover:after,
a[href='/s']:active:after {
color: #fff;
font-size: small;
}
/* -- B.1.4. Common Button Style ---------- */
.btn button,
.btn .button {
}
.btn,
button,
.button,
input[type='submit'],
.side a[href*='/#btn'],
.entry .buttons a[onclick*='reply'] {
border-color: #9a0019;
border-radius: 2px;
background-color: #ba001f;
background-image: -webkit-linear-gradient(top,#ba001f,#9a0019);
background-image: -moz-linear-gradient(top,#ba001f,#9a0019);
background-image: linear-gradient(top,#ba001f,#9a0019);
color: #fff!important;
font-size: 13px;
font-family: Helvetica,Arial,'Nimbus Sans L',sans-serif;
text-shadow: 1px 1px 2px #0f0f0f;
}
.btn a {
color: #ba001f;
}
.btn:hover,
button:hover,
.button:hover,
input[type='submit']:hover,
.side a[href*='/#btn']:hover .entry .buttons a[onclick*='reply'] {
border-color: #ba001f;
background-color: #9a0019;
background-image: -webkit-linear-gradient(top,#ba001f,#9a0019);
background-image: -moz-linear-gradient(top,#ba001f,#9a0019);
background-image: linear-gradient(top,#ba001f,#9a0019);
color: #fff;
}
.btn.right,
button.cancel {
background: none transparent;
}
.btn.right:hover,
button.cancel:hover {
border-color: transparent;
background: none transparent;
color: #ba001f;
}
/* ~~ B.2. Top Sr-Bar ~~~~~~~~~~~~~ */
#sr-header-area {
border-bottom-color: #fff;
background-color: #9a0019;
box-shadow: -5px 1px 17px -1px #fff;
}
#sr-header-area .separator {
color: #9a0019;
}
#sr-header-area a {
color: #fefefe;
}
#sr-header-area:hover a {
color: #2d2d2d;
}
#srLeftContainer,
#RESStaticShortcuts,
#RESShortcuts,
#srDropdown {
background: none transparent;
}
#RESShortcutsEditContainer {
background: none transparent!important;
font-family: Consolas,Monaco,'Courier New',monospace;
}
#RESShortcutsEditContainer div {
background: none transparent;
background-color: transparent;
}
#RESSettingsButton {
vertical-align: middle;
}
#sr-more-link {
background-color: #fbfbf9;
color: black;
}
/* -- B.2.1. Dropdown Subreddits Bar ---------- */
#sr-header-area .drop-choices {
border-color: #d2d2d2;
border-radius: 5px;
background-color: #ffffff !important;
}
#sr-header-area .drop-choices a.choice {
background-color: #ffffff;
}
#sr-header-area .drop-choices a.choice:hover {
background-color: #ffffff;
}
/* ~~ B.3. Header ~~~~~~~~~~~~~ */
#header {
background-color: #ba001f;
box-shadow: 0 -3px 9px 5px #ddd;
font-family: Helvetica,Arial,'Nimbus Sans L',sans-serif;
}
#header:after,
.footer-parent:after {
border-top-color: #ba001f;
border-bottom-color: #ba001f;
}
#header:after,
#header-bottom-left:before,
.footer-parent:after {
background-color: #ba001f;
background-image: -webkit-linear-gradient(top,#ba001f,#9a0019);
background-image: -moz-linear-gradient(top,#ba001f,#9a0019);
background-image: linear-gradient(top,#ba001f,#9a0019);
}
/* -- B.3.1. User Controls ---------- */
span.user {
}
a.pref-lang {
}
.logout {
}
#header-bottom-right {
background-color: #fff;
}
#header-bottom-right a {
}
#header-bottom-right.res-navTop {
}
/* -- B.3.2. Banner Image ---------- */
#header-bottom-left {
background-color: transparent;
}
/* -- B.3.3. The Reddit Name, applies to all pages ---------- */
.pagename {
color: #1b1b1b;
}
.pagename.redditname,
.pagename.redditname.hover {
}
.pagename a,
.pagename.selected {
border-color: #9a0019;
border-radius: 2px;
background-color: #9a0019;
background-image: -webkit-linear-gradient(top,#ba001f,#9a0019);
background-image: -moz-linear-gradient(top,#ba001f,#9a0019);
background-image: linear-gradient(top,#ba001f,#9a0019);
box-shadow: 0 4px 8px #bbb;
color: #dcebfa;
text-shadow: 0 1px 0 #333;
}
.pagename a:hover {
border-color: #08c;
background-color: #ba001f;
background-image: -webkit-linear-gradient(top,#fbfbf9,#fbfbf9);
background-image: -moz-linear-gradient(top,#fbfbf9,#fbfbf9);
background-image: linear-gradient(top,#fbfbf9,#fbfbf9);
color: #ba001f
}
/* -- B.3.4. Reddit Image and Text ---------- */
#header-img.default-header {
}
#header-img-a {
background-color: #5b5b5b;
box-shadow: 0 4px 6px #bbb;
}
#header-img-a img {
}
/* -- B.3.5. Header Nav ---------- */
ul.tabmenu {
}
ul.tabmenu li {
}
ul.tabmenu li a,
ul.tabmenu li a:visited,
ul.tabmenu li.selected a {
background-color: #ba001f;
background-image: -webkit-linear-gradient(top,#383838,#5b5b5b);
background-image: -moz-linear-gradient(top,#383838,#5b5b5b);
background-image: linear-gradient(top,#383838,#5b5b5b);
color: #fff;
}
ul.tabmenu li a:hover,
ul.tabmenu li.selected a:hover {
color: #fff;
}
ul.tabmenu li.selected a,
ul.tabmenu li.selected a:hover,
ul.tabmenu li.selected a:visited {
border-color: #e20026;
border-radius: 2px;
background-color: #fbfbf9;
background-image: none;
color: #ff4500;
}
/* ~~ B.4. Content Pane and Link Listings ~~~~~~~~~~~~~ */
/* -- B.4.1. Content Box ---------- */
div.content {
border-color: #fdfdfd;
background-color: #fdfdfe;
box-shadow: 0 1px 4px 1px #cccccc;
}
body.listing-page > div.content,
body.single-page > div.content,
body.search-page > div.content,
body.messages-page > div.content {
background-color: transparent;
}
body.listing-page > div.content,
body.messages-page > div.content,
body.search-page > div.content > .linklisting,
body.single-page > div.content > .linklisting {
border-color: #fdfdfd;
box-shadow: 0 1px 4px 1px #cccccc;
}
body.single-page > div.content > .commentarea {
border-color: #fdfdfd;
box-shadow: 0 1px 4px 1px #cccccc;
}
body.single-page > div.content > .linklisting .link {
background-color: #fdfdfd;
background-image: -moz-linear-gradient(top, #f7fafd,#ba001f);
background-image: -webkit-linear-gradient(top, #f7fafd,#ba001f);
background-image: none;
}
body.single-page > div.content > .linklisting .link .title {
}
body.hot-page > div.content,
body.new-page > div.content,
body.rising-page > div.content,
body.top-page > div.content,
body.controversial-page > div.content,
body.related-page > div.content,
body.other-discussions-page > div.content {
}
/* -- B.4.2. Links (Post) ---------- */
.link.promotedlink.promoted {
border-color: #d2d2d2;
}
.linklisting .even {
border-top-color: #f1f1f1;
background-color: #fbfbfb;
background-image: -moz-linear-gradient(left,#fefefe,#fbfbfb);
background-image: -webkit-linear-gradient(left, #fefefe, #fbfbfb);
}
.linklisting .odd {
border-top-color: #f1f1f1;
background-color: #fefefe;
background-image: -moz-linear-gradient(left,#fdfdfd,#fefefe);
background-image: -webkit-linear-gradient(left, #fdfdfd, #fefefe);
}
.linklisting .link:first-child {
}
.link.last-clicked {
background-color: #f5f5f5;
background-image: -moz-linear-gradient(top,#fbfbfb,#f5f5f5);
background-image: -webkit-linear-gradient(top,#fbfbfb,#f5f5f5);
}
/* -- B.4.3. Links sub-parts ---------- */
.link {
}
.link .rank {
border-radius: 25px;
background-color: transparent;
/* box-shadow: inset -6px 0 9px -1px #dadac8; */
text-align: left;
}
.link .midcol {
}
.link .thumbnail {
}
.link.compressed .thumbnail {
}
.link .entry {
}
.link .title {
color: #ba001f;
}
.link.self .usertext-body .md p,
.comment .usertext-body .md p {
}
.link .usertext .md {
background-color: transparent;
}
.entry .buttons {
}
.entry .buttons li a {
}
.entry .buttons a[onclick*='reply'] {
font-size: 11px;
}
.panestack-title {
border-bottom-color: gray;
}
.panestack-title .title {
color: #888;
}
/* -- B.4.4. usertext-edit textarea ---------- */
form.usertext.cloneable {
/* border: 1px solid #d2d2d2; */
/* background-color: #f5f5f5; */
}
div.usertext-edit {
}
div.usertext-edit textarea {
}
.commentarea > .usertext {
}
.usertext {
}
.usertext .bottom-area {
}
.usertext button {
}
.usertext span[class*='toggle'],
.btn.right {
background-color: transparent;
}
.usertext span[class*='toggle'] a,
.btn.right a,
button.cancel {
border: 0;
color: #888!important;
text-decoration: underline;
text-shadow: 1px 1px 2px #eee;
}
.usertext span[class*='toggle'] a:hover,
.btn.right a:hover,
button.cancel:hover {
color: #ba001f;
text-shadow: 1px 1px 2px #ddd;
}
.usertext table.markhelp {
}
/* -- B.4.5. Link submission form ---------- */
.formtabs-content {
border-color: #ba001f;
}
.formtabs-content .infobar {
color: #222;
text-shadow: none;
}
ul.tabmenu.formtab {
}
ul.tabmenu.formtab li {
}
ul.tabmenu.formtab li a {
border-color: #ba001f;
}
ul.tabmenu.formtab li.selected {
}
ul.tabmenu.formtab li.selected a {
background-color: #ba001f;
}
#noresults {
}
.nextprev {
border-top-color: #d2d2d2;
}
/* -- B.4.6. Custom Upvote/Downvote Arrows ---------- */
/* Entire comment block in masonry template
.arrow {
}
.arrow.up {
}
.arrow.down {
}
.arrow.upmod,
.arrow.up:hover {
}
.arrow.downmod,
.arrow.down:hover {
}
*/
/* -- B.4.7. Comment Formatting ---------- */
body div.content > form > div .commentarea .even {
border-top-color: #eee;
background-color: transparent;
}
.commentarea .menuarea {
background-color: transparent;
}
.commentarea p {
}
.commentarea h1,
.commentarea h2,
.commentarea h3,
.commentarea h4 {
border-color: #d2d2d2;
}
.commentarea h1 {
font-size: 110%;
}
.commentarea h2 {
font-size: 108%;
}
.commentarea h3 {
font-size: 104%;
}
.commentarea h4 {
font-size: 102%;
}
.commentarea .nestedlisting {
background-color: #fdfdfd;
}
.commentarea .comment {
border-color: #eeeeee #eeeeee #e0e0e0 #eeeeee !important;
border-right: 0 !important;
border-radius: 0 !important;
}
.commentarea .sitetable.nestedlisting > .comment:first-child {
}
.commentarea .sitetable.nestedlisting > .comment {
border-color: #eeeeee #e0e0e0 #e0e0e0 #e0e0e0!important;
}
.even.comment {
background-color: #fbfbfb;
}
.odd.comment {
background-color: #f7f7f7;
}
.child {
background: none transparent!important;
}
.nestedlisting > .comment .comment {
background-color: #fbfbfa!important;
}
.nestedlisting > .comment .comment .comment {
background-color: #fdfdfd!important;
}
.comment .collapsed {
}
.comment .noncollapsed {
}
.comment a.expand {
color: #888 !important;
}
.comment a.expand:hover {
background-color: transparent;
}
.comment a.expand:visited {
color: #888 !important;
}
.commentarea .author {
font-weight: bold;
}
.commentarea .collapsed .author {
color: #888 !important;
}
.comment .child,
.comment .showreplies {
}
/* -- B.4.8. Sort By Dropdown ---------- */
div.drop-choices.lightdrop.inuse {
}
/* ~~ B.5. Sidebar ~~~~~~~~~~~~~ */
.side {
background-color: transparent;
}
.side .spacer {
background-color: transparent;
}
.side .md {
}
.side .titlebox {
}
.side .titlebox .bottom {
}
.side .titlebox h1.redditname {
text-shadow: 1px 1px 1px #fff, 2px 2px 3px #aaa, -1px -1px 1px #eee;
}
.icon-menu li {
}
.side h1,
.side h2,
.side h3 {
color: #222;
}
.side h1 {
}
.side h2 {
}
.side h3 {
}
.side li {
}
/* -- B.5.1. Search ---------- */
.side #search {
}
.side .spacer #search {
}
#search input[type="text"] {
border-color: #e3e3e3;
font-size: 14px;
}
.searchpane {
border-color: #d2d2d2;
background-color: #f5f5f5;
font-size: 12px;
}
.searchfacets {
border-color: #d2d2d2;
background-color: transparent;
box-shadow: none;
}
body.search-page .menuarea {
border-color: transparent;
background-color: transparent;
}
/* -- B.5.2. Infobar, MoreInfo and MoreSearch Divs ---------- */
.infobar {
}
.infobar .md {
}
.content .infobar {
}
div#moresearchinfo {
}
div#moresearchinfo a {
}
div#moresearchinfo a:hover {
}
.commentarea .infobar {
}
.commentarea .infobar a {
color: #08c !important;
}
.commentarea .infobar a:hover {
color: #08c !important;
}
.linkinfo {
border-width: 1px 0;
border-color: #d2d2d2;
border-radius: 0 !important;
background-color: transparent;
color: #333;
text-shadow: none;
}
.linkinfo .date {
}
.linkinfo .score {
color: #333;
}
.linkinfo .score .number,
.linkinfo .score .word {
color: #333;
}
.linkinfo .score .number {
color: #333;
}
.linkinfo .shortlink input {
background-color: transparent;
color: #0a0a0a !important;
}
/* -- B.5.3. Contributor and Moderator Buttons ---------- */
.titlebox form.toggle,
.leavemoderator {
background-color: transparent;
}
.leavemoderator-button {
background-color: transparent !important;
}
.leavecontributor-button {
background-color: transparent !important;
}
/* -- B.5.4. Login Form ---------- */
.login-form-side {
border-width: 1px 0;
border-color: #eee;
}
.login-form-side input[type=text],
.login-form-side input[type=password] {
border-color: #d2d2d2;
}
/* -- B.5.5. Flair Setting area ---------- */
.titlebox form.toggle {
background-color: transparent;
}
.titlebox .tagline {
border-color: #eaeaea;
background-color: #fefefe;
}
.fancy-toggle-button .active,
.RESshortcutside,
.RESDashboardToggle {
border-color: #e3e3e3!important;
}
/* -- B.5.6. Submit Button ---------- */
.sidebox.submit {
}
body:not(.listing-page) .morelink,
body:not(.listing-page) .morelink:hover {
border-color: #6c0012;
border-radius: 2px;
background-color: #ba001f;
background-image: -webkit-linear-gradient(top,#ba001f,#9a0019);
background-image: -moz-linear-gradient(top,#ba001f,#9a0019);
background-image: linear-gradient(top,#ba001f,#9a0019);
color: #1b1b1b;
text-shadow: 1px 1px 2px #eee;
}
body:not(.listing-page) .morelink a {
color: #1b1b1b;
}
body .morelink,
body .morelink:hover {
border-color: #9a0019;
border-radius: 2px;
background-color: #6c0012;
background-image: -webkit-linear-gradient(top,#ba001f,#9a0019);
background-image: -moz-linear-gradient(top,#ba001f,#9a0019);
background-image: linear-gradient(top,#ba001f,#9a0019);
color: #fff;
text-shadow: 1px 1px 2px #0f0f0f;
}
body .morelink:hover,
body:not(.listing-page) .morelink:hover {
border-color: #ba001f;
background-color: #ba001f;
background-image: -webkit-linear-gradient(top,#ba001f,#9a0019);
background-image: -moz-linear-gradient(top,#ba001f,#9a0019);
background-image: linear-gradient(top,#ba001f,#9a0019);
color: #fff;
}
body .morelink a {
color: #fff;
}
body .morelink a:hover,
body:not(.listing-page) .morelink a:hover {
color: #fff;
text-shadow: 1px 1px 2px #0f0f0f;
}
body .disabled .morelink,
body .disabled .morelink:hover {
border-color: #f5f5f5;
background-color: #f5f5f5;
background-image: none;
}
body .disabled .morelink a,
body .disabled .morelink a:hover {
color: #aaa;
text-shadow: none;
}
body .disabled .morelink .nub,
body .disabled .morelink:hover .nub {
background: none transparent!important;
}
/* -- B.5.7. Moderators Area ---------- */
.sidecontentbox {
background-color: transparent !important;
}
.sidecontentbox a {
color: #08c !important;
}
.sidecontentbox a:hover {
color: #08c !important;
}
.sidecontentbox a:visited {
color: #08c !important;
}
.sidecontentbox .title h1 {
color: #888;
}
.spacer .sidecontentbox .content {
border-color: #ccc;
border-radius: 2px;
background-color: #f5f5f5;
}
/* -- B.5.8. Account Activity area at Bottom of Sidebar ---------- */
.account-activity-box {
border-radius: 2px !important;
background-color: transparent;
background-position: center bottom;
}
/* ~~ B.6. Footer ~~~~~~~~~~~~~ */
.footer-parent {
background-color: #fff;
box-shadow: 0 -3px 9px -2px #ddd;
font-size: 12px;
}
.footer {
background-color: transparent;
}
/* -- B.6.1. Reddit Copyright Text ---------- */
.bottommenu {
background-color: transparent;
color: #05374e;
}
.bottommenu a {
color: #231307;
}
/* ~~ B.7. Other areas in Reddit - [WIP] ~~~~~~~~~~~~~ */
.menuarea {
border-bottom-color: #d2d2d2;
background-color: #fdfdfe;
}
/* -- B.7.1. Wiki Page ---------- */
body.wiki-page h1.wikititle {
color: #ba001f;
font-size: 1em;
}
body.wiki-page .pageactions {
border: 0 none;
}
body.wiki-page .wiki-page-content {
border-top-color: #d2d2d2;
}
body.wiki-page .wiki-page-content .md.wiki > .toc > ul {
border-color: #eee;
background-color: #fbfbf9;
}
body.wiki-page .wiki-page-content .md.wiki h1,
body.wiki-page .wiki-page-content .md.wiki h2,
body.wiki-page .wiki-page-content .md.wiki h3,
body.wiki-page .wiki-page-content .md.wiki h4 {
color: #323638;
text-shadow: 0px 0px 0px #fdfdfe,0px 0px 1px #585858;
}
body.wiki-page .wiki-page-content .md.wiki h5,
body.wiki-page .wiki-page-content .md.wiki h6 {
color: #08c;
}
/* ~~ B.8. RES Optimisation ~~~~~~~~~~~~~ */
.lcTagged {
outline: 0 !important;
border: 0 !important;
background-color: transparent !important;
}
.keyHighlight {
outline-color: #ffe0a5 !important;
border-right-color: #ffe0a5 !important;
background: none transparent !important;
}
.keyNavAnnotation {
color: #888;
}
div#userbarToggle {
background-color: transparent !important;
color: #888;
}
.morecomments {
}
.morecomments a.button {
border-color: #e0e0e0;
background-color: #ececec;
background-image: none;
color: #777;
text-shadow: 1px 1px 2px #eee;
}
/* -- B.8.1. Progress Indicator and Page marker for RES mode ---------- */
p#progressIndicator.neverEndingReddit,
div.NERPageMarker,
#NERFail {
border-width: 1px 0;
border-color: #d2d2d2;
border-radius: 0;
background-color: #fbfbf9;
font-size: 20px;
}
#NERFail {
color: #b90a0a;
font-size: 14px;
}
/* ~~ B.9. Sidebar Boxes ~~~~~~~~~~~~~ */
/* -- B.9.1 Boxes ---------- */
.side blockquote {
border-color: #ccc;
border-radius: 2px;
background-color: #f5f5f5;
}
.side blockquote h1 {
background-color: transparent;
}
.side h6 + blockquote p,
.side h5 + blockquote p,
.side h4 + blockquote p {
color: #000;
}
.side .spacer .md h1,
.side .spacer .md h2,
.side .spacer .md h3 {
background: none transparent;
text-shadow: 0 0 1px #585858;
}
.side blockquote + p,
.side p + blockquote,
.side p + h4,
.side p + h5,
.side p + h6 {
}
.side .md p {
}
.side .md li p,
.side .md ol p {
}
.side .icon-menu a {
background-color: transparent;
}
/* -- B.9.2 Colored Boxes ---------- */
.side blockquote a[href*='#icon-']:before {
border-radius: 3px;
background-color: #5c5c5c;
background-image: -moz-linear-gradient(top, #666666, #4d4d4d);
background-image: -webkit-linear-gradient(top, #666666, #4d4d4d);
background-image: -o-linear-gradient(top, #666666, #4d4d4d);
background-image: linear-gradient(to bottom, #666666, #4d4d4d);
color: #eee;
text-shadow: none;
}
/*Blue*/
.side h3 + blockquote {
border-color: #aacdf1;
background-color: #d4ecfe;
}
.side h3 + blockquote a[href*='#icon-']:before,
.side blockquote a[href$='blue']:before {
background-color: #a2e5f9;
background-image: -moz-linear-gradient(top,#50a3fd,#1c89d1);
background-image: -webkit-linear-gradient(top,#50a3fd,#1c89d1);
background-image: -o-linear-gradient(top,#50a3fd,#1c89d1);
background-image: -ms-linear-gradient(top,#50a3fd,#1c89d1);
background-image: linear-gradient(to bottom,#50a3fd,#1c89d1);
color: #e9f4f7;
}
/*Green*/
.side h4 + blockquote {
border-color: #45e745;
background-color: #e9ffe6;
}
.side h4 + blockquote a[href*='#icon-']:before,
.side blockquote a[href$='green']:before {
background-color: #5dd15d;
background-image: -moz-linear-gradient(top, #6de46d, #39c739);
background-image: -webkit-linear-gradient(top, #6de46d, #39c739);
background-image: -o-linear-gradient(top, #62c462, #51a351);
background-image: linear-gradient(to bottom, #6de46d, #39c739);
color: #e9ffe6;
}
/*Yellow*/
.side h5 + blockquote {
border-color: #fae296;
background-color: #fffde6;
}
.side h5 + blockquote a[href*='#icon-']:before,
.side blockquote a[href$='yellow']:before {
background-color: #ffce36;
background-image: -moz-linear-gradient(top, #fde000, #fcca2e);
background-image: -webkit-linear-gradient(top, #fde000, #fcca2e);
background-image: -o-linear-gradient(top, #fff185, #ffe40e);
background-image: linear-gradient(to bottom, #fde000, #fcca2e);
color: #ffffe6;
}
/*Red*/
.side h6 + blockquote {
border-color: #ff9185;
background-color: #fef0f0;
}
.side h6 + blockquote a[href*='#icon-']:before,
.side blockquote a[href$='red']:before {
background-color: #e86537;
background-image: -moz-linear-gradient(top, #ef784e, #dd4814);
background-image: -webkit-linear-gradient(top, #ef784e, #dd4814);
background-image: -o-linear-gradient(top, #ef784e, #dd4814);
background-image: linear-gradient(to bottom, #ef784e, #dd4814);
color: #fef0f0;
}
/* -- B.9.3 Sidebar Icons ---------- */
.side a[href*='#icon-'] {
color: #333;
}
/* ~~ B.10. Night Mode for RES ~~~~~~~~~~~~~ */
body.res-nightmode {
color: #ccc;
font-family: Helvetica,Arial,'Nimbus Sans L',sans-serif;
}
body.res-nightmode h1,
body.res-nightmode h2,
body.res-nightmode h3 {
border: 0 none!important;
color: #d7d7d7!important;
}
body.res-nightmode a {
color: #ff910b;
}
body.res-nightmode a:visited {
color: #7b9f6f;
}
body.res-nightmode a:hover {
color: #ff0;
}
body.res-nightmode a:active {
color: #79efef;
}
body.res-nightmode .buttons li a {
color: #777!important;
}
body.res-nightmode .buttons li a:hover {
color: #f73!important;
}
body.res-nightmode .buttons li a:visited {
color: #777!important;
}
body.res-nightmode .buttons li a:active {
color: #79efef;
}
body.res-nightmode .comment .md p > a:visited {
color: #6cf15a;
}
body.res-nightmode #sr-header-area {
border-bottom-color: #000;
background-color: #000 !important;
box-shadow: 0 1px 8px 1px #000;
}
body.res-nightmode #sr-header-area .separator {
color: #d2d2d2;
}
body.res-nightmode #sr-header-area a {
color: #d2d2d2;
}
body.res-nightmode #sr-header-area:hover a {
color: #fff;
}
body.res-nightmode #header #srLeftContainer,
body.res-nightmode #header #RESStaticShortcuts,
body.res-nightmode #header #RESShortcuts,
body.res-nightmode #header #srDropdown {
background: none transparent;
}
body.res-nightmode #header #RESShortcutsEditContainer {
background: none transparent;
font-family: Consolas,Monaco,'Courier New',monospace;
}
body.res-nightmode #header #RESShortcutsEditContainer div {
background: none transparent;
background-color: transparent;
}
body.res-nightmode #header #RESSettingsButton {
vertical-align: middle;
}
body.res-nightmode #sr-more-link {
background-color: #040406 !important;
color: black;
}
body.res-nightmode #sr-header-area .drop-choices {
border: none!important;
border-radius: 5px;
background-color: #000000!important;
}
body.res-nightmode #sr-header-area .drop-choices a.choice {
background-color: #000000;
}
body.res-nightmode #sr-header-area .drop-choices a.choice:hover {
background-color: #000000;
}
body.res-nightmode #header {
background-color: #000!important;
box-shadow: 0 -3px 9px 5px #000;
font-family: Helvetica,Arial,'Nimbus Sans L',sans-serif;
}
body.res-nightmode #header:after,
body.res-nightmode .footer-parent:after {
border-top-color: #494848;
border-bottom-color: #494848;
}
body.res-nightmode #header:after,
body.res-nightmode #header-bottom-left:before,
body.res-nightmode .footer-parent:after {
background-color: #414141;
background-image: -webkit-linear-gradient(top,#696969,#414141);
background-image: -moz-linear-gradient(top,#696969,#414141);
background-image: linear-gradient(top,#696969,#414141);
}
body.res-nightmode #header-bottom-right {
border-radius: 0 !important;
background-color: #1b1b1b !important;
}
body.res-nightmode #header-bottom-left {
background-color: transparent !important;
}
body.res-nightmode .pagename a,
body.res-nightmode .pagename.selected {
border-width: 0 0 1px 0;
background-color: #083e5c;
background-image: -webkit-linear-gradient(top,#546477,#083e5c);
background-image: -moz-linear-gradient(top,#546477,#083e5c);
background-image: linear-gradient(top,#546477,#083e5c);
box-shadow: 0 4px 6px #010611;
color: #eee;
font-size: 18px!important;
text-shadow: 0 1px 0 #231405;
}
body.res-nightmode .pagename a:hover {
background-color: #333;
background-image: -moz-linear-gradient(top,#4f4f52,#333333);
background-image: -webkit-linear-gradient(top,#4f4f52,#333333);
background-image: linear-gradient(tobottom,#4f4f52,#333333);
font-size: 18px!important;
}
body.res-nightmode #header-img-a {
border-width: 1px 0 1px 1px;
border-color: #1c1c1c;
background-color: #414141;
box-shadow: 0 4px 6px #444;
}
body.res-nightmode #header ul.tabmenu li a,
body.res-nightmode #header ul.tabmenu li a:visited,
body.res-nightmode #header ul.tabmenu li.selected a {
background-color: #414141;
background-image: -webkit-linear-gradient(top,#696969,#414141);
background-image: -moz-linear-gradient(top,#696969,#414141);
background-image: linear-gradient(top,#696969,#414141);
color: #ff910b;
}
body.res-nightmode #header ul.tabmenu li.selected a,
body.res-nightmode #header ul.tabmenu li.selected a:visited {
padding-bottom: 10px!important;
border: 1px solid #a35d17!important;
background-color: #040406;
background-image: none;
box-shadow: 0 13px 0 -9px #a35d17;
}
body.res-nightmode #header ul.tabmenu li a:hover,
body.res-nightmode #header ul.tabmenu li.selected a:hover {
color: #e06935;
}
body.res-nightmode div.content {
border-color: #202020;
background-color: #1b1b1b !important; /*020201;*/
box-shadow: 0 1px 4px 3px #000;
}
body.res-nightmode.listing-page > div.content,
body.res-nightmode.single-page > div.content,
body.res-nightmode.search-page > div.content,
body.res-nightmode.messages-page > div.content {
border: 0;
background-color: transparent!important;
box-shadow: none;
}
body.res-nightmode.listing-page > div.content,
body.res-nightmode.messages-page > div.content,
body.res-nightmode.search-page > div.content > .linklisting,
body.res-nightmode.single-page > div.content > .linklisting {
border-color: #202020;
box-shadow: 0 1px 4px 3px #000;
}
body.res-nightmode.single-page > div.content > .commentarea {
border-color: #202020;
box-shadow: 0 1px 4px 3px #000;
}
body.res-nightmode.single-page > div.content > .linklisting .link {
border-radius: 0;
background-color: #160f08;
background-image: -moz-linear-gradient(top,#160f08,#040404,#040404,#040404,#040404);
background-image: -webkit-linear-gradient(top,#160f08,#040404,#040404,#040404,#040404);
}
body.res-nightmode .linklisting .even {
border: 0 !important;
border-top: 1px solid #0e0e0e;
background-color: #262626;
background-image: -moz-linear-gradient(left,#222,#262626);
background-image: -webkit-linear-gradient(left,#222,#262626);
}
body.res-nightmode .linklisting .odd {
border: 0 !important;
border-top: 1px solid #0e0e0e;
background-color: #1e1e1e;
background-image: -moz-linear-gradient(left,#222,#1e1e1e);
background-image: -webkit-linear-gradient(left,#222,#1e1e1e);
}
body.res-nightmode .linklisting .even:first-child {
border-top: 0 !important;
}
body.res-nightmode .linklisting .odd:first-child {
border-top: 0 !important;
}
body.res-nightmode .link .rank {
border-radius: 25px;
background-color: transparent;
text-align: left;
}
body.res-nightmode .link .usertext .md {
border: 0 none;
background-color: transparent;
}
body.res-nightmode .entry .buttons li a {
}
body.res-nightmode .panestack-title {
border-bottom: 1px dotted gray;
}
body.res-nightmode .panestack-title .title {
color: #777;
}
body.res-nightmode form.usertext.cloneable {
border-width: 1px 0;
border-radius: 0;
}
body.res-nightmode .usertext span[class*="toggle"],
body.res-nightmode .btn.right {
border: 0 none;
background-color: transparent!important;
}
body.res-nightmode .usertext span[class*="toggle"] a,
body.res-nightmode .btn.right a {
color: #777;
text-decoration: underline;
text-shadow: 1px 1px 2px #111;
}
body.res-nightmode .usertext span[class*="toggle"] a:hover,
body.res-nightmode .btn.right a:hover {
color: #bb6107;
text-shadow: 1px 1px 2px #222;
}
body.res-nightmode .formtabs-content .infobar {
color: #ddd;
text-shadow: none;
}
body.res-nightmode .link.last-clicked {
border-width: 1px 0 0;
background-color: #0a0a0a;
background-image: -moz-linear-gradient(top,#040404,#0a0a0a);
background-image: -webkit-linear-gradient(top,#040404,#0a0a0a);
}
body.res-nightmode .nextprev {
border-top: 1px dotted #2d2d2d;
}
body.res-nightmode div.content > form > div .commentarea .even {
border-top: 1px solid #111;
background-color: transparent;
}
body.res-nightmode .commentarea .menuarea {
background-color: transparent;
}
body.res-nightmode .commentarea .nestedlisting {
background-color: #202020;
}
body.res-nightmode .commentarea .comment {
border: 1px solid #111!important;
border-color: #4f4f52 #4f4f52 #2d2d2d #4f4f52!important;
border-right: 0 !important;
border-radius: 0 !important;
}
body.res-nightmode .commentarea .sitetable.nestedlisting > .comment {
border: 1px solid #111!important;
border-color: #1f1f1f #2d2d2d #2d2d2d #1f1f1f!important;
}
body.res-nightmode .even.comment {
background-color: #131313!important;
}
body.res-nightmode .odd.comment {
background-color: #1b1b1b!important;
}
body.res-nightmode .child {
background: none transparent!important;
}
body.res-nightmode .nestedlisting > .comment .comment {
background-color: #131313!important;
}
body.res-nightmode .nestedlisting > .comment .comment .comment {
background-color: #1b1b1b!important;
}
body.res-nightmode .comment a.expand {
color: #777!important;
}
body.res-nightmode .comment a.expand:hover {
background-color: transparent;
}
body.res-nightmode .comment a.expand:visited {
color: #777!important;
}
body.res-nightmode .commentarea .author {
margin-left: 0;
font-weight: normal;
}
body.res-nightmode .commentarea .collapsed .author {
color: #777!important;
}
body.res-nightmode .comment .child,
body.res-nightmode .comment .showreplies {
border: 0 none;
}
body.res-nightmode .side {
background-color: transparent;
}
body.res-nightmode .side .titlebox {
padding: 0!important;
}
body.res-nightmode .side .titlebox > h1 {
text-shadow: 1px 1px 1px #000,2px 2px 3px #555,-1px -1px 1px #111;
}
body.res-nightmode .side h1,
body.res-nightmode .side h2,
body.res-nightmode .side h3 {
color: #ddd;
}
body.res-nightmode #search input[type="text"] {
border-color: #1c1c1c;
}
body.res-nightmode .searchpane {
border-color: #151515;
border-radius: 0 !important;
background-color: #393939;
box-shadow: none;
}
body.res-nightmode .searchfacets {
border-color: #151515;
background-color: transparent;
box-shadow: none;
}
body.res-nightmode.search-page .menuarea {
border-color: transparent;
background-color: transparent;
}
body.res-nightmode .commentarea .infobar {
}
body.res-nightmode .commentarea .infobar a {
color: #f73!important;
}
body.res-nightmode .commentarea .infobar a:hover {
color: #f73!important;
}
body.res-nightmode .linkinfo {
border: 1px solid #2d2d2d;
border-width: 1px 0;
border-radius: 0 !important;
background-color: transparent!important;
color: #ccc;
text-shadow: none;
}
body.res-nightmode .linkinfo .score {
color: #ccc;
}
body.res-nightmode .linkinfo .score .number,
body.res-nightmode .linkinfo .score .word {
color: #ccc;
}
body.res-nightmode .linkinfo .score .number {
color: #ccc;
}
body.res-nightmode .linkinfo .shortlink input {
border: 0 !important;
background-color: transparent!important;
color: #f5f5f5!important;
}
body.res-nightmode .titlebox form.toggle,
body.res-nightmode .leavemoderator {
background-color: transparent;
}
body.res-nightmode .leavemoderator-button {
background-color: transparent!important;
}
body.res-nightmode .leavecontributor-button {
background-color: transparent!important;
}
body.res-nightmode .login-form-side {
border: 1px solid #111!important;
border-width: 1px 0 !important;
background-color: transparent!important;
}
body.res-nightmode .login-form-side label {
color: #fff!important;
}
body.res-nightmode .titlebox form.toggle {
background-color: transparent;
}
body.res-nightmode .titlebox .tagline {
border: 1px solid #151515;
background-color: #010101;
}
body.res-nightmode .fancy-toggle-button .active,
body.res-nightmode .RESshortcutside,
body.res-nightmode .RESDashboardToggle {
border-color: #010101!important;
}
body.res-nightmode .sidebox.submit {
background: none transparent;
}
body.res-nightmode .morelink,
body.res-nightmode .morelink:hover {
border-color: #bb6107;
background-color: #083e5c!important;
background-image: -webkit-linear-gradient(top,#546477,#083e5c)!important;
background-image: -moz-linear-gradient(top,#546477,#083e5c)!important;
background-image: linear-gradient(top,#546477,#083e5c)!important;
text-shadow: 1px 1px 2px #010611;
}
body.res-nightmode .morelink:hover {
border-color: #a95908!important;
background-color: #333!important;
background-image: -moz-linear-gradient(top,#4f4f52,#333333)!important;
background-image: -webkit-linear-gradient(top,#4f4f52,#333333)!important;
background-image: linear-gradient(tobottom,#4f4f52,#333333)!important;
color: #ddd!important;
}
body.res-nightmode .morelink a,
body.res-nightmode .morelink a:hover {
color: #fff!important;
}
body.res-nightmode .morelink .nub,
body.res-nightmode .morelink:hover .nub {
background: none transparent!important;
}
body.res-nightmode .disabled .morelink a,
body.res-nightmode .disabled .morelink a:hover {
color: #555;
text-shadow: none;
}
body.res-nightmode .morelink:hover {
border-color: #a95908;
background-color: #a95908;
}
body.res-nightmode .disabled .morelink,
body.res-nightmode .disabled .morelink:hover {
border-color: #0a0a0a;
background-color: #0a0a0a;
}
body.res-nightmode .disabled .morelink .nub,
body.res-nightmode .disabled .morelink:hover .nub {
background: none transparent!important;
}
body.res-nightmode .sidecontentbox {
background-color: transparent!important;
}
body.res-nightmode .sidecontentbox a {
color: #f73!important;
}
body.res-nightmode .sidecontentbox a:hover {
color: #f73!important;
}
body.res-nightmode .sidecontentbox a:visited {
color: #f73!important;
}
body.res-nightmode .sidecontentbox .title h1 {
color: #d2d2d2;
}
body.res-nightmode .sidecontentbox .thing {
border: 0 none #222!important;
}
body.res-nightmode .spacer .sidecontentbox .content {
border: 1px solid #6a6a6a;
background-color: #222;
}
body.res-nightmode .account-activity-box {
border-radius: 0 3px;
background-color: transparent;
}
body.res-nightmode .footer-parent {
box-shadow: 0 -3px 9px -2px #222;
background-color: #393939;
}
body.res-nightmode .footer {
border: 0 none;
background-color: transparent;
}
body.res-nightmode .bottommenu {
color: #fac8b1;
}
body.res-nightmode .bottommenu a {
color: #dcecf8;
}
body.res-nightmode .menuarea {
border-bottom: 1px dotted #2d2d2d;
background-color: #020201;
}
body.res-nightmode #image-upload {
font-size: 12px;
}
body.res-nightmode #image-upload * {
font-size: 12px;
}
body.res-nightmode.wiki-page .wiki-page-content {
border-top: 1px dotted #414141;
}
body.res-nightmode.wiki-page .wiki-page-content .md.wiki > .toc > ul {
border-color: #111;
background-color: #040406;
}
body.res-nightmode.wiki-page .wiki-page-content .md.wiki h1,
body.res-nightmode.wiki-page .wiki-page-content .md.wiki h2 {
text-shadow: 0 0 2px #fff,1px 1px 3px #0a0a0a;
}
body.res-nightmode.wiki-page .wiki-page-content .md.wiki h5,
body.res-nightmode.wiki-page .wiki-page-content .md.wiki h6 {
color: #fff!important;
}
body.res-nightmode.wiki-page .pageactions .wikiaction-current:hover {
background-color: #ff910b;
}
body.res-nightmode.wiki-page .pageactions .wikiaction:hover {
background-color: #c2dcfe;
}
body.res-nightmode.wiki-page .pageactions .wikiaction-current {
background-color: #686868;
color: white;
}
body.res-nightmode .lcTagged {
outline: 0 !important;
border: 0 !important;
background-color: transparent!important;
}
body.res-nightmode .keyHighlight {
outline: 1px dotted #e46700!important;
border: 0 !important;
border-right: 2px solid #e46700!important;
background: none transparent!important;
}
body.res-nightmode .keyHighlight,
body.res-nightmode .keyHighlight .usertext-body,
body.res-nightmode .keyHighlight .usertext-body .md,
body.res-nightmode .keyHighlight .usertext-body .md p,
body.res-nightmode .keyHighlight .noncollapsed,
body.res-nightmode .keyHighlight .noncollapsed .md,
body.res-nightmode .keyHighlight .noncollapsed .md p {
background-color: transparent!important;
}
body.res-nightmode .keyNavAnnotation {
color: #777;
}
body.res-nightmode div#userbarToggle {
border: 0 !important;
background-color: transparent!important;
color: #777;
}
body.res-nightmode .morecomments a.button {
color: #111;
}
body.res-nightmode p#progressIndicator.neverEndingReddit,
body.res-nightmode div.NERPageMarker {
border: 1px solid #2d2d2d;
border-width: 1px 0;
border-radius: 0;
background-color: #040406;
font-size: 20px;
}
body.res-nightmode .md table {
border-color: #6a6a6a;
}
body.res-nightmode .md table thead {
border-bottom: 1px solid #000;
background-color: #090909;
}
body.res-nightmode .md table tr:nth-child(even) {
background-color: #222222;
}
body.res-nightmode .md table tr:nth-child(odd) {
background-color: #292929;
}
body.res-nightmode .md table td,
body.res-nightmode .md table th {
border-right: 1px solid #6a6a6a;
}
body.res-nightmode .md ul,
body.res-nightmode .md ol {
background-color: transparent;
}
body.res-nightmode .sidebox {
padding: 0 !important;
}
body.res-nightmode .btn,
body.res-nightmode button,
body.res-nightmode .button,
body.res-nightmode input[type="submit"],
body.res-nightmode .side a[href*="/#btn"],
body.res-nightmode form#newlink.submit button.btn {
border: none;
border-radius: 2px;
background-color: #083e5c!important;
background-image: -webkit-linear-gradient(top,#546477,#083e5c);
background-image: -moz-linear-gradient(top,#546477,#083e5c);
background-image: linear-gradient(top,#546477,#083e5c);
box-shadow: 0 4px 6px #010611;
color: #eee!important;
font-size: 13px;
font-family: Helvetica,Arial,'Nimbus Sans L',sans-serif;
text-shadow: 1px 1px 2px #000;
}
body.res-nightmode .btn a {
color: #000;
}
body.res-nightmode .btn:hover,
body.res-nightmode button:hover,
body.res-nightmode .button:hover,
body.res-nightmode input[type="submit"]:hover,
body.res-nightmode .side a[href*="/#btn"]:hover {
border-color: #a95908!important;
background-color: #333!important;
background-image: -moz-linear-gradient(top,#4f4f52,#333333);
background-image: -webkit-linear-gradient(top,#4f4f52,#333333);
background-image: -o-linear-gradient(top,#4f4f52,#333333);
background-image: -ms-linear-gradient(top,#4f4f52,#333333);
background-image: linear-gradient(tobottom,#4f4f52,#333333);
color: #ddd!important;
}
body.res-nightmode .btn.right,
body.res-nightmode .btn.right:hover {
border-color: transparent!important;
background: none transparent!important;
color: #a95908!important;
}
body.res-nightmode .usertext-body pre,
body.res-nightmode .md.wiki pre {
color: #ddd!important;
}
body.res-nightmode .usertext-body pre,
body.res-nightmode .usertext-body p > code,
body.res-nightmode .usertext-body li > code,
body.res-nightmode .md.wiki pre,
body.res-nightmode .md.wiki p > code,
body.res-nightmode .md.wiki li > code {
border: 1px solid #333;
border-radius: 2px;
background-color: #080808;
color: #ddd!important;
font-size: 11px;
}
body.res-nightmode .usertext-body code,
body.res-nightmode .md.wiki code {
color: #ddd!important;
font-family: Consolas,Monaco,'Courier New',monospace;
}
body.res-nightmode .usertext-body p > code,
body.res-nightmode .usertext-body li > code,
body.res-nightmode .md.wiki p > code,
body.res-nightmode .md.wiki li > code {
color: #ddd!important;
}
body.res-nightmode a[href='#s'],
body.res-nightmode a[href='/s'] {
background-color: #3d3d3d;
color: #f7f7f7;
}
body.res-nightmode a[href='#s']:after,
body.res-nightmode a[href='/s']:after {
background-color: #666;
color: #666;
}
body.res-nightmode a[href='#s']:hover:after,
body.res-nightmode a[href='#s']:active:after,
body.res-nightmode a[href='/s']:hover:after,
body.res-nightmode a[href='/s']:active:after {
color: #fff;
font-size: small;
}
body.res-nightmode .side blockquote {
border: 1px solid #6a6a6a;
border-radius: 2px;
background-color: #0a0a0a;
}
body.res-nightmode .side blockquote h1 {
background-color: transparent;
}
body.res-nightmode .side blockquote pre,
body.res-nightmode .side blockquote code {
color: #ddd!important;
}
body.res-nightmode .side h6 + blockquote p,
body.res-nightmode .side h5 + blockquote p,
body.res-nightmode .side h4 + blockquote p {
color: #fff;
}
body.res-nightmode .side .spacer .md h1,
body.res-nightmode .side .spacer .md h2,
body.res-nightmode .side .spacer .md h3 {
background-color: transparent!important;
}
body.res-nightmode hr,
body.res-nightmode .side .usertext-body .md hr {
border: none;
background-color: #414141;
color: #373737;
}
body.res-nightmode .side .icon-menu a {
background-color: transparent;
}
body.res-nightmode .side blockquote a[href*='#icon-']:before {
color: #111;
}
body.res-nightmode .side h4 + blockquote {
border: 1px solid #046f04;
background-color: #031401;
}
body.res-nightmode .side h4 + blockquote a[href*='#icon-']:before {
color: #160019;
}
body.res-nightmode .side h5 + blockquote {
border: 1px solid #e9cf7b;
background-color: #120e01;
}
body.res-nightmode .side h5 + blockquote a[href*='#icon-']:before {
color: #000019;
}
body.res-nightmode .side h6 + blockquote {
border: 1px solid #b91b0a;
background-color: #100000;
}
body.res-nightmode .side h6 + blockquote a[href*='#icon-']:before {
color: #010f0f;
}
body.res-nightmode .side a[href*='#icon-'] {
color: #ccc;
}
/* [ C ]. Modules for specific customization ............ */
/* visit http://www.reddit.com/r/mindashq/wiki/modules for ready to use code, samples and compatible modules */