/* ~~ 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 ............ */