Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- /* ~~ 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 */
Add Comment
Please, Sign In to add comment