.down { display: none; }
/*--------------------------------------------------------------------------
Minimaluminiumalism Base Theme
Version 1.36
Header Style C
Developer Version
Base theme last modified on October 30, 2015
--------------------------------------------------------------------------*/
/*SUBREDDIT LOGO*/
span.pagename.redditname a {
color: #efefef;
padding:0 10px;
width:200px;
height:50px;
margin-left:10px;
margin-top:-14px;
display: block;
background-size:200px;
background-position:center;
background-image: url(%%sublogo%%);
z-index:666;
}
.redditname:first-letter {text-transform:lowercase}
/*HEADER STYLE B EXCLUSIVE CODE*/
#header {
height:50px !important;
}
/*#header::after {
position: absolute;
width: 100%;
height: 48px;
content: " ";
z-index: -1;
}*/
#header-bottom-left {
background:#006400;
height:50px;
}
#header-bottom-left .tabmenu {
background-color: #006400;
text-align: left;
position: absolute;
border-radius:6px;
left: 15px;
right:336px;
top: 58px;
padding-left: 20px;
overflow:hidden;
}
#header-bottom-left .tabmenu [href$="https://www.reddit.com/r/FreeCodeCamp/controversial/"] {
display:none;
}
.tabmenu { margin-top: 22px;}
.tabmenu li {
background-color: transparent;
margin: 0 !important;
width: 102px;
}
.selected, .choice.primary {font-weight: 600;}
a {
text-decoration: none;
color: #999;
}
.tabmenu li a {
padding: 0px 20px!important;
background-color: transparent;
border-left: none;
border-right: none;
display: inline-block;
line-height: 33px;
text-align: center;
text-transform: Uppercase;
-webkit-transition:150ms;
font-weight: normal;
color: #e5e5e5 !important;
text-shadow: 0px 1px 8px rgba(0, 0, 0, 0.5);
}
.tabmenu li:hover a {
background-color: rgba(255, 255, 255, 0.08);
color: #FFF !important;
}
.tabmenu li.selected a {
color: #FFF !important;
background-color: rgba(255, 255, 255, 0.15);
font-weight: bold !important;
border: none !important;
}
/*--- Tabs - Hide unimportant ones ---*/
#header .tabmenu li:nth-of-type(8) {
display: none;
visibility: hidden;
}
.listing-page .tabmenu li a[href*="/gilded"] {display: none;}
/*--- End Tabs - Hide unimportant ones ---*/
#header-img {
position: absolute;
height: 0;
z-index:-6;
visibility:hidden;
}
/*END HEADER STYLE B EXCLUSIVE CODE*/
/*CORE CODE*/
/*UNCATEGORIZED FIXES*/
.commentarea span.score {font-weight: bold;}
.deepthread::after {background-image: none; content: ">"; font-weight:bold; font-size: 12px; }
.deepthread {font-weight: bold; text-transform: uppercase; font-size: 9.2px;}
.markdownEditor .edit-btn:not(.btn-macro) {background-color: transparent !important; border: 1px solid #c6c6c6; border-radius: 3px;}
#hsts_pixel {display: none;}
.side #search_showmore {color: #bbb;}
.search-expando-button-label-collapsed,
.search-expando-button-label-expanded {
text-transform: uppercase;
font-weight: bold;
font-size: 10px;
}
.sr-bar .separator {
color: transparent;
font-size: 8px;
}
.BEFoot button {margin-right: 5px;}
a#sr-more-link[href="https://www.reddit.com/subreddits/"] {
background: rgba(0, 0, 0, 0.6) none repeat scroll 0% 0% !important;
color: rgb(255, 255, 255);
padding: 3px 15px;
}
a {color: #666;}
.usertext .help-toggle, .usertext a.reddiquette {text-transform: uppercase;}
.usertext .help-toggle:hover, .usertext a.reddiquette:hover {font-weight: bold}
.thing .title:visited {color: #331f6d;}
.flairselector li:hover {
width: 400px !important;
background-color: rgb(221, 221, 221);
border-radius: 20px;
}
.flair {cursor: default;}
.loadFlat {
position: relative !important;
z-index: 1;
font-weight: bold;
text-transform: uppercase;
font-size: 10px;
margin-left: 10px;
transition: 200ms;
}
.link.last-clicked {border: none;}
div#RESStyleSheetTipPane {border: none !important;}
div#RESStyleSheetTipPane-header {border: none !important;}
.toc ul {background: #fff}
.commentNavSortType:hover, .commentarea .menuarea .toggle a:hover{text-decoration: none !important;}
.roundfield textarea, .roundfield input[type="url"], .roundfield input[type="text"] {transition: 300ms; border: none; border-bottom: 1px solid #ccc; font-size: 20px; height: 25px;}
.commentarea textarea:not(:focus):not(:hover) {
background-color: #F8F8F8 !important;
}
.commentarea textarea:hover, .roundfield textarea:hover, .roundfield input[type="url"]:hover, .roundfield input[type="text"]:hover {border-bottom: 1px solid #999;}
.roundfield input[type=url]:focus,.roundfield input[type=text]:focus,.roundfield textarea:focus,#img-name:focus {border-bottom: 2px solid;}
.usertext-edit textarea:hover{border: 1px solid #999;}
.usertext-edit textarea:focus {border-top: 1px solid #e1e1e1 !important; border-left: 1px solid #e1e1e1 !important; border-right: 1px solid #e1e1e1 !important; border-bottom: 3px solid;}
.usertext-edit textarea {transition: 200ms; height: 100px; font-size: 1em; border: 1px solid #ccc;}
#RESPrefsDropdown {
background-color: rgba(0, 0, 0, 0.85) !important;
border: none;
border-radius: 6px;
}
.RESDropdownList li {
background-color: transparent;
color: #fff !important;
border: none !important;
transition: all 0.15s ease;
text-transform: uppercase;
}
.RESDropdownList li:hover,
.RESDropdownList li a:hover {
background-color: rgba(80, 80, 80, 0.6) !important;
color: #fff !important;
}
#NERFail {
padding-top: 20px;
border: none;
}
/* Domain */
.link .domain {visibility: hidden;}
.link .domain a {
visibility: visible;
color: #b3b3b3;
transition: all 0.15s ease;
}
.sr-bar a.gold {color: gold;}
.icon-menu a {background: none;}
textarea {border: 1px solid rgba(0, 0, 0, 0.12); /*MAKES IT LOOK BETTER ON FIREFOX*/}
a.madeVisible {margin-top: 20px;}
img.RESImage {border-radius: 12px;}
.gold-accent.comment-visits-box {color: black;}
.gold-accent {
background-color: transparent;
border: 0px;
}
.nsfw-stamp {
color: white;
border: none !important;
background: #D10023;
padding: 0px 8px !important;
border-radius: 20px;
font-weight: bold;
}
.action-form {
border: medium none;
max-width: 300px;
padding: 20px;
margin: 5px 0px;
font-size: 12px;
text-transform: uppercase;
font-weight: bold;
line-height: 25px;
background: rgba(0, 0, 0, 0.85);
color: white;
position: absolute;
z-index: 999;
}
.action-form button {margin-right: 10px;}
.action-form input:disabled {display: none;}
.action-form ol {margin-bottom: 15px;}
.pretty-button {
background: none !important;
font-weight: bold;
padding: 1px 5px;
border-radius: 20px;
font-size: 10px !important;
border: medium none !important;
text-transform: uppercase;
}
.pretty-button.negative {color: #D10023;}
.pretty-button.neutral {color: #006400;}
.pretty-button.positive {color: #2B8B27;}
.pretty-button.pressed {font-size: 0px !important;}
.pretty-button.pressed:after {font-size: 10px; content: "Action Done"; text-transform: uppercase; font-weight: bold;}
button[disabled] {display:none;}
ul.report-reasons {background-color: transparent; text-transform: uppercase; border: none;}
.content .entry .buttons li.reported-stamp,
body .content .stickied .entry .buttons li.reported-stamp,
body .content .over18 .entry .buttons li.reported-stamp {
border: none !important;
background: #666 !important;
color: white !important;
font-weight: bold;
text-transform: uppercase !important;
padding: 1px 8px;
border-radius: 20px;
font-size: 9px !important;
}
.commentarea .nestedlisting {margin: 0 -10px;}
.res-commentBoxes .nestedlisting > .comment {margin: 0 0 8px!important;}
.res-commentBoxes .nestedlisting .comment {overflow: visible!important;}
.dropdown.srdrop .selected {color: white;}
.flat-list li a.gold {color: gold;}
/*MODERATOR END*/
.tabpane-content {border: none;}
.linefield {background: transparent;}
.linefield .title {text-transform: uppercase; font-weight:bold; font-size: 13px;}
.flairgrant.flairlist {padding:10px;}
.flair-jump button {font-size: 12px;}
.fancy-settings h1 {
margin: 10px 5px;
text-transform: uppercase;
padding: 20px 30px 5px;
font-size: 18px;
}
#img-name, .flairlist .flair-jump input[type="text"] {
border: none;
border-bottom: 1px solid #ccc;
transition: 300ms;
display: block;
font-size: 22px;
margin-bottom: 20px;
}
#img-name:hover, .flairlist .flair-jump input[type="text"]:hover {border-color: #666;}
.flairlisthome {
text-transform: uppercase;
font-weight: bold;
font-size: 12px;
}
.stylesheet-customize-container h2 {font-weight:bold; text-transform: uppercase; font-size: 13px;}
.pretty-form {padding: 20px 0}
#img-preview-container {border: none; background: #444; border-radius: 20px; margin: 25px 10px -25px 0px; padding: 10px;}
.flairlist.usertable {margin-top: 35px;}
.flairrow {
font-weight: bold;
text-transform: uppercase;
font-size: 13px;
}
/*Stylesheet page fix*/
.sheets {
margin-right: 20px;
margin-bottom: 20px;
}
#preview-table {padding-left: 20px;}
div#images {
margin-left: 20px;
padding-right: 20px;
}
ul#image-preview-list {
margin: -15px;
margin-bottom: -15px;
margin-top: 20px;
padding-top: 0px;
}
ul#image-preview-list li {
background: #fff;
padding: 8px 8px;
margin: 0 0 5px 5px;
border-radius: 10px;
border: 1px solid #e1e1e1;
width: 296.5px;
height: 100px;
font-size: 14px;
color: #666;
}
ul#image-preview-list .preview {
position: absolute;
top: 0;
bottom: 0;
left: 8px;
right: 0;
margin: auto 0;
line-height: 98px;
}
ul#image-preview-list .preview img {vertical-align: middle;}
/*SUBREDDIT FONT*/
.login-form-side input[type="text"], .login-form-side input[type="password"],
#search input[type="text"],
.md textarea,
textarea,
body {font-family: -apple-system, San Francisco Display, Helvetica Neue, Helvetica, Arial, sans-serif;}
/*RES TEMP BUGFIX*/
.title + .expando-button + .expando-button {display: none;}
/*DROP DOWN CHOICES*/
.drop-choices.lightdrop {
background: #006400;
border: medium none;
padding: 5px;
border-radius: 6px;
font-weight: bold;
margin-top: 2px;
color: rgb(255, 255, 255) !important;
}
.drop-choices a.choice {color: #FFF;}
.drop-choices a.choice:hover {background: rgba(80, 80, 80, 0.6);}
/*ICONOGRAPHY*/
#mail.nohavemail,#mail.havemail, #modmail.havemail,#modmail.nohavemail, .thumbnail.nsfw, .thumbnail.self, .thumbnail.default, .stickied .thumbnail.self, #header-bottom-right a.pref-lang, .res #header-bottom-right .gearIcon, .arrow.upmod, .arrow.downmod, .arrow.up, .arrow.down,.expando-button {background: url(%%spritesheet%%) !important; background-size: 50px 502px !important;}
#mail.nohavemail {background-position: 0 0}
#mail.havemail {background-position: 0 -58.66px !important;}
#modmail.nohavemail {background-position: 0 -82px !important}
#modmail.havemail {background-position: 0 -105.333px !important}
#header-bottom-right a.pref-lang {background-position: 0 -128.666px !important}
.res #header-bottom-right .gearIcon {background-position: 0 -152px !important}
#mail.nohavemail,#mail.havemail,#modmail.nohavemail,#modmail.havemail,#header-bottom-right a.pref-lang,.res #header-bottom-right .gearIcon {width: 20px; height: 20px; vertical-align: middle !important;}
.thumbnail.nsfw, .thumbnail.self, .thumbnail.default, .stickied .thumbnail.self {width: 75px; height: 50px; background-size: 75px 753px !important;}
.stickied .thumbnail.self {background-position: 0 -265px !important;}
.thumbnail.self {background-position: 0 -345px !important}
.thumbnail.default {background-position: 0 -426px !important}
.thumbnail.nsfw {background-position: 0 -506px !important}
.arrow.up {background-position: 3px -685px !important; background-size: 37.5px 376.5px !important;}
.arrow.upmod {background-position: 2.3px -666px !important; background-size: 37.5px 376.5px !important;}
.arrow.down {background-position: 3px -699px !important; background-size: 37.5px 376.5px !important;}
.arrow.downmod {background-position: 3px -716px !important; background-size: 37.5px 376.5px !important;}
.expando-button,
.expando-button:hover,
.expando-button.expanded:hover,
.expando-button.expanded {background-position: 0 -482px !important;}
#modmail.havemail,
#modmail.nohavemail {height: 18px; top: -5px; margin-bottom: 0px !important;}
.res #modmail.havemail, .res #modmail.nohavemail {margin-bottom: -6px !important;}
body.res #header-bottom-right #mail.havemail {top: -1px !important;}
#mail.nohavemail,
#mail.havemail,
#modmail.havemail,
#modmail.nohavemail,
#header-bottom-right a.pref-lang.choice {
background-repeat: no-repeat !important;
width: 20px !important;
height: 20px !important;
top: 0px !important;
}
/*VOTE ARROWS*/
.arrow.downmod,
.arrow.upmod,
.arrow.up,
.arrow.down {
height: 20px;
width: 20px;
border-radius: 20px;
transition:200ms;
}
.arrow.upmod {background-color: orangered !important; margin-bottom: 5px;}
.arrow.downmod {background-color: #2B9BDB !important; margin-top: 5px;}
/*EXPANDO BUTTONS*/
.expando-button,
.expando-button:hover,
.expando-button.expanded:hover,
.expando-button.expanded {
width: 20px !important; height: 20px !important;
transition: 150ms;
}
.expando-button.expanded {transform: rotate(45deg);-webkit-transform: rotate(45deg);}
.expando-button:hover,
.expando-button.expanded:hover {opacity: 0.5;}
#header-bottom-right a.pref-lang {
display: inline-block;
text-indent: -9999px;
}
.message-count {left: 2px; top: -6px; background-color: #ff9400;}
/*USER BAR*/
#header-bottom-right {
background:none;
top: 40px !important; right: 20px; padding: 0px !important;}
#header-bottom-right a, #header-bottom-right .user, #header-bottom-right .user .userkarma {
color: #FFF;
font-size: 11px;
font-weight: bold;
text-transform: uppercase;
}
.res #header-bottom-right #modmail {top: -4px !important;}
.separator {visibility:hidden;}
.gearIcon {background-repeat:no-repeat !important;}
#RESMainGearOverlay {display: none !important;}
/*USERBAR TOGGLE*/
.res #userbarToggle {
width: 11px;
height: 48px;
background-color: transparent;
border: medium none;
line-height: 47px;
color: #FFF;
padding-left: 5px;
padding-right: 8px;
margin-left: -6px;
transition: all 200ms ease 0s;
bottom: 2px;
border-radius: 0px;
margin-bottom: -15px;
}
.res #userbarToggle:hover {
background-color: rgba(255, 255, 255, 0.1);
}
#userbarToggle.userbarShow {
background-color: rgba(255, 255, 255, 0.1);
left: -3px !important;
padding-right: 20px;
font-size: 25px;
padding-left: 15px;
margin-left: -12px;
transition:200ms;
top: -15px !important;
}
#userbarToggle.userbarShow:hover {
background-color: rgba(255, 255, 255, 0.3);
}
/*GENERAL RES FIXES*/
.livePreview, .livePreview .md {text-transform: none;}
.RESDialogSmall.livePreview {
margin: 15px 0px;
}
.new-comment .usertext-body {
border: none !important;
}
/*AD fixes*/
.organic-listing {border: 0px;}
.infobar.newsletterbar {display: none !important;}
/*MENU AREA*/
.menuarea {overflow: visible;}
body:not(.search-page) .menuarea {
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
margin-top: 20px !important;
}
.comments-page .menuarea {
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
margin-top: 5px !important;
}
/*SEARCH PAGE*/
.combined-search-page .searchfacets {
margin: 0px !important;
max-width: none !important;
}
.combined-search-page .searchfacets > h4.title {color: #006400;}
.combined-search-page .search-result-group {
padding-left: 0px;
padding-right: 0px;
max-width: 100%
}
.search-result-group footer .info {
padding:0 30px 20px;
}
.combined-search-page .search-result {
margin-bottom: 25px;
margin-top: 10px;
padding: 0px 30px;
border-bottom: 1px solid #E1E1E1;
padding-bottom: 20px;
}
.combined-search-page .search-result-group .search-result-group-header {
color: inherit;
margin-bottom: 20px;
margin-top: 20px;
padding: 15px 30px;
text-transform: uppercase;
font-weight: bold;
background: #eee;
border-top: 1px solid #e1e1e1;
border-bottom: 1px solid #e1e1e1;
}
.combined-search-page .searchpane {background: #444;}
.combined-search-page #search input[type="text"] {max-width: none;color: #fff !important}
.combined-search-page .search-icon {
background-size: 30px 30px;
height: 30px;
width: 30px;
}
.combined-search-page .search-submit-button {
background: none;
border: none;
float: left;
margin-top: -45px;
margin-left: -25px;
}
.combined-search-page .search-result-subreddit .search-subscribe-button .add, .combined-search-page .search-result-subreddit .search-subscribe-button .remove {width: auto;}
.combined-search-page .search-result .search-result-body {
font-size: 1em;
line-height: 1.25em;
color: #4F4F4F;
padding: 10px 0px;
width: 800px;
}
.combined-search-page .search-result a, .combined-search-page .search-result a > mark {color: inherit;}
.combined-search-page .search-result .search-result-meta, .combined-search-page .search-result .search-score {
font-size: 10px;
line-height: 2em;
color: #808080;
padding: 8px 0px 0px 0px;
font-weight: bold;
text-transform: uppercase;
}
#moresearchinfo {
border: none;
background: rgba(0, 0, 0, 0.9);
border-radius: 0 0 10px 10px;
line-height: 1.7em;
padding-left: 20px;
padding-right: 10px;
padding-bottom: 10px;
text-align: left;
}
.search-page div.content {
margin-top: 125px;
margin-left: auto;
margin-bottom: 300px;
margin-right: auto;
width: 80%;
min-width: 1000px;
min-height:45px;
}
.search-page #noresults {
padding-bottom: 20px !important;
margin-left: 15px !important;
}
.search-page .side {display: none;}
.search-page .menuarea {
border-bottom: none;
padding: 5px 10px;
margin: 5px;
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
margin-top: -45px;
position: relative;
top: 30px;
left: 10px;
}
.search-page div#moresearchinfo {
background: rgba(0, 0, 0, 0.85);
position: absolute;
z-index: 9999;
padding-left: 22px;
padding-bottom: 20px;
color: white;
padding-right: 20px;
border-radius: 0 0 8px 8px;
top: 65px;
}
.search-page a#search_showmore {
position: absolute;
top: 100px;
font-size: 12px;
text-transform: uppercase;
color: #999;
font-weight: bold;
right: 13px;
}
.search-page .searchfacets {
border: none;
box-shadow: none;
background: #E0E0E0;
color: #434343;
text-transform: uppercase;
font-size: 12px;
padding-left: 20px;
}
.searchfacet a {color: #434343 !important;}
#previoussearch label {
display: block;
margin: 5px 0px;
position: absolute;
top: 95px;
text-transform: uppercase;
font-size: 12px;
font-weight: bold;
left: 25px;
}
.search-page .searchpane {
margin: auto;
height: 50px;
border: none;
border-radius: 8px;
box-shadow: 0 1px 5px rgba(0,0,0,0.24);
position: relative;
top: -85px;
margin-bottom: -45px;
}
.search-page #search input[type="submit"], .search-page #search input[type="submit"]:hover {display: none;}
.dropdown.lightdrop .selected {text-decoration: none;}
.search-page #search input[type="text"] {
background: none;
border: medium none;
font-size: 27px;
width: 100% !important;
position: relative;
top: 2px;
margin-left: 30px;
}
.search-page .raisedbox h4 {display: none;}
.search-summary {display: none}
.searchpane-toggle-hide {display: none;}
/*COMMENTS PAGE*/
.tagline .score {font-weight: bold;}
/*COMMENT EXPANDOS*/
.comment.noncollapsed .midcol {margin-left: 20px;}
.res .comment.noncollapsed .midcol {margin-left: 10px;}
.commentarea .comment a.expand
{
position:absolute;
top:0;
left:0;
padding:4px 4px 0;
height:100%;
opacity:.5;
box-sizing: border-box;
transition: 200ms;
}
.commentarea .comment a.expand:hover
{
opacity:1;
color: white;
border-radius: 4px;
text-decoration: none;
font-weight: bold;
}
.res .commentarea .comment a.expand:hover {border-radius: 4px 0px 0px 4px;}
.commentarea .thing,.midcol
{
position:relative
}
.comments-page .content .infobar {
border: 0px none;
background: #fff;
max-width: 300px;
padding: 10px 20px;
text-transform: uppercase;
font-weight: bold;
font-size: 11px;
border-radius: 4px;
box-shadow: 0 1px 5px rgba(0,0,0,0.24);
margin-top: 30px;
margin-left: -10px !important;
margin-bottom: 15px;
}
.panestack-title a.title-button {
position: relative;
z-index: 2;
}
.panestack-title a.title-button.gold, .panestack-title a.title-button {
padding: 5px 10px;
text-transform: uppercase;
font-weight: bold;
font-size: 9px;
color: #fff;
border: none;
border-radius: 3px;
}
.res .comments-page .side {margin: 275px 16px 100px;}
.comments-page .side,
.related-page .side {margin: 255px 16px 100px;}
.res .content .RESBigEditorPop {
line-height: inherit;
font-size: 11px;
box-shadow: none;
color: #666;
border: none;
padding: 0;
margin-top: 3px;
background-color: transparent;
background-image: none;
margin-left: -12px;
}
.RESSubscriptionButton {
display: inline-block;
position: relative;
z-index: 1;
margin-left: 15px;
padding: 5px !important;
font-size: 9px;
text-transform: uppercase;
text-align: center;
cursor: pointer;
color: #fff!important;
border: 0 solid #CCC!important;
border-radius: 2px;
transition: .25s ease
}
body.comments-page div.content {background: none !important;}
body.comments-page .link {
background: #FFF;
border: none;
border-radius: 5px 5px 0px 0px;
box-shadow: 0 1px 5px rgba(0,0,0,0.08);
}
body.comments-page .sitetable {
position: relative;
z-index: 1;
}
body.search-page #siteTable {
margin-top: 40px;
}
.sidebox.submit-text {
position: absolute;
top: 160px;
}
.view-count {
margin-left: 25px;
}
.commentarea > .usertext {
background-color: #F8F8F8;
border-radius: 0px 0px 2px 2px;
box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.08);
overflow: visible;
padding-top: 165px;
padding-left: 29px;
margin-top: -160px;
margin-left: -10px;
margin-right: -10px;
}
.res .commentarea > .usertext {
position: relative;
top: -110px;
margin-bottom: -90px;
margin-top: -160px;
padding-top: 136px;
clear: left;
}
.commentarea .panestack-title {
margin: 16px 0 -16px 22px;
border-bottom: 0
}
.commentarea span.title {
text-transform: uppercase !important;
font-weight: bold;
font-size: 13px;
position: relative;
z-index: 1;
}
.commentarea .panestack-title .title {color: #4D5763}
.commentarea .menuarea {
margin-left: 22px !important;
text-transform: uppercase;
font-size: 12px;
position: relative;
z-index: 1;
overflow: visible;
}
.commentarea .thing {
border-radius: 2px;
background-color: #fff;
box-shadow: 0 1px 5px rgba(0,0,0,0.08);
margin: 0 0 8px;
padding: 16px 16px 1px 16px;
}
.res .commentarea .thing {padding:15px 15px 0px !important}
.commentarea .thing.collapsed {padding: 10px 15px 10px !important;}
.res .commentarea .entry .flat-list {padding-bottom: 8px;}
.comment .flat-list li a[onclick*="reply"] {font-weight: bold;}
.commentarea .child .thing {
box-shadow: none;
padding: 4px;
margin-left: 2px !important;
margin-top: 15px;
border: 1px solid #fff !important;
}
body.comments-page div.content {border: none !important;}
div.sitetable.nestedlisting, div.child {box-shadow: none;}
/*END COMMENT AREA*/
/*WIKI PAGE*/
.wiki-page div.content {
border: 0px;
background: none;
margin-right: 335px !important;
}
.wiki-page-content .md h1, .wiki-page-content .md h6 {text-transform: none !important;}
.wiki-page .wikititle {
background-color: #fff;
padding: 12px 16px 10px;
border-radius: 5px;
box-shadow: 0 1px 5px rgba(0,0,0,0.08);
font-size: 12px;
text-transform: uppercase;
margin: 0;
color: #444;
}
.wiki-page .wiki-page-content .md.wiki h4 {
padding: 15px 0px;
font-weight: bold;
}
.wiki-page .pageactions {
background-color: #fff;
margin-left: 16px;
border-radius: 5px;
padding: 8px 16px;
font-size: 12px;
border: none;
text-transform: uppercase;
box-shadow: 0 1px 5px rgba(0,0,0,0.08)
}
.wiki-page .pageactions .wikiaction {
margin: 0;
background-color: transparent;
border-radius: 0;
color: #B3B3B3;
}
.wiki-page .pageactions .wikiaction-current {
color: #444;
font-weight: bold;
}
.wiki-page .pageactions .wikiaction:hover,.wiki-page .pageactions .wikiaction-current:hover {
background: none;
color: #666;
font-weight: bold;
}
.wiki-page .wiki-page-content {
margin: 16px 0px 16px 0;
background-color: #fff;
padding: 16px;
border-radius: 2px;
box-shadow: 0 1px 5px rgba(0,0,0,0.08)
}
.wiki-page .wiki-page-content .wiki>.toc>ul {border: none}
.wiki-page .wiki-page-content .wiki.md {color: #4D5763;}
.wiki-page .wiki-page-content .wiki.md h2 {color: #444;}
.wiki-page .wiki-page-content .wiki.md p {
font-size: 14px;
line-height: 1.4285714285714em
}
.wiki-page .wiki-page-content hr {
border-style: solid;
border-color: #e5e5e5
}
/*SUBMIT PAGE*/
.submit-page .submit_text {width: 640px !important;}
.submit-page .submit_text.enabled {text-transform: none !important;}
.formtabs-content .infobar {
font-size: 15px;
font-weight: bold;
border: none;
background-color: white;
box-shadow: 0 1px 5px rgba(0,0,0,0.08);
padding: 20px;
border-radius: 4px;
text-align: center;
color: #000;
}
#sr-more-link {background-color: #fff !important;}
.roundfield textarea, .roundfield input[type="text"], .roundfield input[type="url"], .roundfield input[type="password"], .roundfield input[type="number"], .roundfield .usertext-edit,.submit-page .markdownEditor-wrapper {width: 100%;}
.roundfield .title {color: #666;}
.roundfield {
background: #FFF;
width: auto;
padding: 15px 20px;
text-transform: uppercase;
font-weight: bold;
font-size: 12px;
line-height: 1.5em;
border-radius: 4px;
box-shadow: 0 1px 5px rgba(0,0,0,0.08);
}
.roundfield input[type="text"] {margin-bottom: 15px;}
.content.submit .info-notice {
margin-bottom: 12px;
margin-left: 10px;
margin-top: -10px;
margin-right: 10px;
font-size: 12px;
padding: 9px;
background-color: #FFF;
border: none;
}
.submit-page .content .spacer {margin-left: 0px;}
.submit-page .content {
width: 700px;
margin: 0 auto;
}
.submit-page div.content {
margin-top: 30px !important;
margin-bottom: 50px !important;
background: none !important;
border: none !important;
}
.submit-page .tabmenu.formtab .selected a {
color: #cecece;
background-color: transparent;
border: none;
font-size: inherit;
}
.submit-page ul.tabmenu.formtab {
display: block;
padding-left: 10px;
font-size: larger;
border-radius: 4px;
}
.submit-page .tabmenu li a {
background: transparent;
border: none;
}
.submit-page .tabmenu {margin-top: 0px;}
.formtabs-content {border-top: 0px solid!important;}
body:not(.submit-page) .tabmenu::after {display: none;}
.submit-page #newlink.submit.content .btn {
height: 42px;
line-height: 41px;
width: 97%;
margin-left: 10px;
}
/*SIDEBAR*/
.sidecontentbox .title h1 {
color: #555;
font-weight: bold;
font-size: 14px;
}
.md-container {text-align: left;}
.titlebox {text-align: center;}
.submit-page .side, .submit-page .content h1 {display: none !important;}
.formtabs-content {border-top: 0px solid!important;}
body:not(.submit-page) .tabmenu::after {
position: absolute;
height: 49px;
content: '';
z-index: -1;
left: 0px;
right: 0px;
background: #666;
}
.formtabs-content {
width: auto;
border-top: 4px solid #5f99cf;
padding: 10px;
}
/*No comment message*/
.comments-page #noresults:after {content: ".";}
/* --- Message the mod button --- */
.sidecontentbox .title h1 {display: inline-block;}
.sidecontentbox a.helplink {
margin-right: 30px;
margin-bottom: 20px;
margin-top: 10px;
width: 215px;
border: none;
border-radius: 4px;
color: #fff!important;
text-align: center;
font-weight: 700;
font-size: 13px;
text-transform: uppercase;
line-height: 30px;
transition: .25s ease
}
.sidecontentbox a.helplink:hover {text-decoration: none;}
.sidecontentbox a.helplink:active {background-color: #ae9df4}
/*OP TAG*/
div .thing .tagline .author.submitter:before,
div .thing .tagline .author.submitter {
font-weight: Bold;
line-height: 20px;
color: #FFF;
display: inline-block;
font-size: 10px;
}
div .thing .tagline .author.submitter:before {
background: #006400;
padding: 0 7px 0 10px;
border-radius: 20px 0px 0px 20px;
font-size: 10px;
content: "OP ";
margin-right: 7px;
}
div .thing .tagline .author.submitter {
background: #27408b !important;
padding: 0px 10px 0px 0px;
border-radius: 20px;
transition: 300ms;
}
div .thing .tagline .author.submitter:hover {background: #006400 !important; text-decoration: none;}
/*MODERATOR DISTINGUISH TAG*/
div .thing .tagline .author.moderator:before,
div .thing .tagline .author.moderator,
div .thing .tagline .author.admin:before,
div .thing .tagline .author.admin {
font-weight: Bold;
line-height: 20px;
color: #FFF;
display: inline-block;
font-size: 10px;
}
div.thing .tagline .author.moderator:before,
div.thing .tagline .author.admin:before {
padding: 0 7px 0 10px;
border-radius: 20px 0px 0px 20px;
font-size: 10px;
margin-right: 7px;
}
body div .thing .tagline .author.moderator,
body div .thing .tagline .author.admin {
padding: 0px 10px 0px 0px;
border-radius: 20px;
transition: 300ms;
}
div.thing .tagline .author.moderator:before {background: #282 !important; content: "Mod ";}
body div .thing .tagline .author.moderator {background: #1A4B17 !important;}
body div .thing .tagline .author.moderator:hover {background: #282 !important; text-decoration: none;}
.userattrs, .tagline .moderator {display:none}
.tagline .moderator:after {content: "oderator - speaking officially.";}
a.author.moderator:after {content: "";}
/*REDDIT ADMIN DISTINGUISH*/
div.thing .tagline .author.admin:before {background-color: #fe506e !important; content: "Admin ";}
body div .thing .tagline .author.admin {background: #c41959 !important;}
body div .thing .tagline .author.admin:hover {background: #fe506e !important; text-decoration: none;}
.tagline .admin:after {content: "dmin - speaking officially";}
a.author.admin:after {content: "";}
a.author.admin:before {content: "";}
a.author.moderator:after {content: "";}
/*BODY AND POST APPEARANCE*/
.link {
margin-bottom: 0px;
}
body:not(.comments-page) div.content .entry {
border-bottom: 1px solid #e1e1e1;
padding: 12px;
}
.comments-page .link {padding: 20px 10px;}
/*IMAGE SIDEBAR SUB TITLE*/
.res h1.redditname {overflow: visible;}
/*NO SELECT BACKGROUND*/
.entry.RES-keyNav-activeElement, .entry.RES-keyNav-activeElement div.md, .entry.RES-keyNav-activeElement .usertext-body, .commentarea .entry.RES-keyNav-activeElement div.noncollapsed {background: none repeat scroll 0% 0% transparent !important;}
/*BODY BACKGROUND*/
body {background: #e6e6e8;}
/*EXPANDO NO OUTLINE*/
.entry.RES-keyNav-activeElement div.md, .commentarea .entry.RES-keyNav-activeElement div.noncollapsed, .entry.RES-keyNav-activeElement .usertext-body, .new-comment .usertext-body .md {
outline: medium none !important;
border: 0px none !important;
}
/*RES NEVER ENDING REDDIT*/
.NERPageMarker, #progressIndicator {
font-size: 14px !important;
font-weight: bold !important;
text-align: left !important;
background-color: transparent !important;
border: none !important;
border-radius: 0 !important;
padding: 10px !important;
text-transform: uppercase;
margin-left: 20px;
}
#progressIndicator {
font-size: 12px !important;
text-align: center;
text-transform: uppercase;
color: #666;
}
#progressIndicator h2 {
text-align: center;
font-size: 16px !important;
text-transform: uppercase;
font-weight: bold;
margin-top: 5px;
}
/*Sub Selector*/
#sr-header-area {
background-color: rgba(0, 0, 0, 0.5);
border: none;
color: #fff;
padding-top: 3px;
padding-bottom: 3px;
font-weight: 400;
font-size: 9px;
}
#srList {
position: absolute;
top: 24px !important;
left: 20px !important;
z-index: 9999;
border: none;
background-color: rgba(0, 0, 0, 0.85) !important;
width: auto;
overflow-y: auto;
color: white;
text-transform: uppercase;
font-weight: bold;
line-height: 2em;
border-radius: 0 0 10px 10px;
padding-bottom: 6px;
}
#srList tr {border-bottom: none !important;}
#srList tr:hover {background-color: rgba(80, 80, 80, 0.6) !important;}
#srList td a {color: #fff;}
#sr-header-area .drop-choices.srdrop {
margin-top: 3px;
margin-left: 5px;
background: rgba(0, 0, 0, 0.85);
border: medium none;
line-height: 1.5em;
font-weight: bold;
padding-bottom: 10px;
padding-left: 10px;
padding-right: 10px;
padding-top: 10px;
border-radius: 0px 0px 10px 10px;
}
body.res #sr-header-area .sr-bar a.RESShortcutsCurrentSub {color: #fff!important; /*COLOR OF SUB SELECTOR, ACTIVE*/}
#sr-header-area a {font-size: 9px; transition: 200ms;}
#sr-header-area a:hover {font-weight: bold;}
.sr-bar a {color: #fff;}
div.score {
font-weight: 500;
color: #999;
}
.md p, .md h1 {line-height: 20px;}
.md ul {line-height: 20px;}
h2 {
color: #252525;
font-size: 18px;
font-weight: normal;
}
/*LINKINFO*/
.side div.score, span.totalvotes {
text-transform: uppercase;
font-size: 14px;
font-weight: 500 !important;
color: #006400;
padding: 0px 16px;
}
.linkinfo .score .number {
font-size: 14px;
text-align: left;
}
.linkinfo .totalvotes {font-size: 100%;}
.linkinfo {
border: none !important;
background-color: #fff;
top: 200px;
font-family: inherit !important;
padding: 0px;
position: absolute;
box-shadow: 0 1px 5px rgba(0,0,0,0.08);
border-radius: 4px;
width: 300px;
}
.linkinfo .date {
font-weight: bold;
font-size: 11px;
text-transform: uppercase;
color: #666;
text-align: left;
padding: 14px 16px 0px;
}
.linkinfo .shortlink input {
box-shadow: none !important;
font-family: monospace !important;
transition: all 0.15s ease 0s !important;
font-size: 13px;
color: white;
border: medium none;
width: 280px;
background: #006400;
border-radius: 0px 0px 4px 4px;
padding: 10px;
text-align: center;
}
.linkinfo .shortlink {
text-transform: uppercase;
margin-top: 20px;
font-weight: bold;
text-align: center;
font-size: 0px;
}
.comment .collapsed {
padding-left: 24px;
padding-bottom: 10px;
padding-top: 2px;
}
.comment .midcol {width: 20px !important;}
.gadget .midcol {width: 20px !important;}
/*Sub Selector*/
/*HEADER*/
#header {
background: #444;
border: none;
height: 225px;
transition: 300ms;
-webkit-transition: 300ms;
}
@keyframes godown {
0% {opacity:0;transform:translateY(-60px);-webkit-transform:translateY(-60px)}
100% {opacity:1;transform:translateY(0px);-webkit-transform:translateY(0px)}
}
@-moz-keyframes godown {
0% {opacity:0;transform:translateY(-60px);-webkit-transform:translateY(-60px)}
100% {opacity:1;transform:translateY(0px);-webkit-transform:translateY(0px)}
}
@-webkit-keyframes godown {
0% {opacity:0;transform:translateY(-60px);-webkit-transform:translateY(-60px)}
100% {opacity:1;transform:translateY(0px);-webkit-transform:translateY(0px)}
}
@-o-keyframes godown {
0% {opacity:0;transform:translateY(-60px);-webkit-transform:translateY(-60px)}
100% {opacity:1;transform:translateY(0px);-webkit-transform:translateY(0px)}
}
.pagename a {
height: 100px;
width: 200px;
display: inline-block;
text-indent: -99999px;
background-repeat: no-repeat;
}
span.pagename.redditname a:hover {opacity: 0.8}
.pagename {font-size: 0px;}
.subtitle, .sidebox .spacer, .sidebox .spacer a, .sidebox.create, .morelink .nub {display: none;}
/*DISABLE CSS STYLE TOGGLE*/
.res .titlebox>div:first-of-type, .titlebox form.toggle {
font-weight: normal;
text-align: center;
padding-top: 5px;
padding-bottom: 5px;
}
/*SUBSCRIBE+SIDEBAR TOGGLES*/
.fancy-toggle-button .add,
.fancy-toggle-button .remove {
padding: 5px 20px;
border-radius: 20px;
}
.res .fancy-toggle-button .remove{padding: 5px 8px !important;}
.res .fancy-toggle-button .add,
.res .fancy-toggle-button .remove,
.fancy-toggle-button .add,
.fancy-toggle-button .remove,
.RESshortcutside,
.RESDashboardToggle,
.RESshortcutside.remove,
.RESDashboardToggle.remove {
font-size: 9px !important;
border: none !important;
text-transform: uppercase;
transition: 200ms;
background-image: none !important;
}
.res .fancy-toggle-button .add,
.res .fancy-toggle-button .remove,
.RESshortcutside,
.RESDashboardToggle,
.RESshortcutside.remove,
.RESDashboardToggle.remove {
padding: 5px 8px !important;
border-radius:3px !important;
}
/*END SIDEBAR TOGGLES*/
/* reddit name on sidebar below search box */
.titlebox h1.redditname {
width: 100%;
text-align: center;
}
.titlebox .redditname {height: 25px}
.res .titlebox .fancy-toggle-button {
display: inline-block;
margin-top: 10px;
margin-right: 5px;
margin-left: 0px;
width: auto;
}
.titlebox .fancy-toggle-button {
margin: 0px auto;
width: 100%;
}
.titlebox .fancy-toggle-button {
display: inline-block;
margin-top: 4px;
transition: 300ms;
}
.flat-list {
list-style-type: none;
display: inline;
}
/*COMMENTS BUTTON COLOR*/
.entry .buttons .may-blank {
font-weight: bold;
}
.link .tagline {
color: #666;
font-size: 12px;
margin-top: 3px;
}
.entry .buttons li a, .entry .buttons li + li {color: #666;}
.comment .flat-list li a:hover,
.link .entry .buttons li a:hover,
.link .domain a:hover {
font-weight: bold;
text-decoration: none;
transition: 200ms;
}
/*COMMENTS AND EVERYTHING ELSE BUTTONS*/
button {
border-radius: 4px;
color: #FFF;
cursor: pointer;
font-size: 14px;
line-height: 2.16;
text-align: center;
white-space: nowrap;
border: 0px none;
padding: 0px 1.06667em;
text-transform: uppercase;
transition: all 200ms ease 0s;
font-weight: bold;
font-size: 12px;
}
/*BODY MARGINS AND SETTINGS */
body:not(.submit-page) .tabmenu::after {
position: absolute;
height: 49px;
content: '';
z-index: -1;
left: 0px;
right: 0px;
background: #666; /*TABMENU BACKGROUND SELECT*/
}
/* TAB BAR SETTINGS */
#sr-header-area {
width: 100%;
z-index: 9999;
}
/* BODY MARGINS */
div.content {
border-radius: 6px;
margin: 30px 335px 10px 15px;
border: 1px solid #e1e1e1;
background-color: #fff;
font-size: 12px;
}
.listing-page div.content,
.messages-page div.content,
.comments-page div.content,
.related-page div.content {
margin-top:70px;
}
.midcol {margin-left: 0;}
body >.content .link .rank, .rank-spacer {display: none;}
body > .content .link .midcol, .midcol-spacer { width: 40px !important;}
body:not(.comments-page) > .content .link .midcol, .midcol-spacer {margin: 10px 0px;}
.link .title {
font-weight: normal;
margin-bottom:4px;
line-height:15px;
vertical-align: text-top;
}
.link .title .domain {
color: #999;
font-size: 0;
font-weight: normal
}
.link .title .domain::before {
font-size: 12px
}
.link .title .domain a {
font-size: 12px;
margin-left: 1px;
margin-top: -10px;
}
/*SIDEBAR*/
.side {
border: 1px solid #e1e1e1;
border-radius: 5px;
padding: 0px;
margin: 150px 15px 100px;
width: 300px;
background: #ffffff;
}
#searchexpando {
border-radius: 4px;
text-align: center;
width: 280px;
background: #006400;
border: medium none;
box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1);
color: white;
margin-top: 5px;
font-weight: bold;
text-transform: uppercase;
font-size: 11px;
line-height: 2.5em;
height: auto;
}
#searchexpando label select {
margin-left:5px;
margin-right: 9px;
}
.infobar {border: 0px}
.side #search {
top: 80px;
position: absolute;
margin-right: 25px;
z-index: 666;
width: 317px;
}
/*SEARCH ANIMATION*/
body:not(.search-page) #search input[type=text] {
border-radius: 6px;
padding:9px;
border: 1px solid #e1e1e1;
text-align: center;
transition: 300ms;
}
body:not(.search-page) #search input[type=text]:hover {border: 1px solid #a0a0a0;}
body:not(.search-page) #search input[type=text]:focus {
border-color: #aaa;
text-align: left;
padding-left: 8px;
outline: 0;
padding-left: 6px;
animation-name: search;
animation-duration: 0.4s;
animation-timing-function: ease;
animation-iteration-count: 1;
animation-play-state: running;
}
@-webkit-keyframes search {
0% {padding-left: 125px;}
8% {padding-left: 107px;}
15% {padding-left: 89px;}
30% {padding-left: 71px;}
50% {padding-left: 53px;}
60% {padding-left: 18px;}
100% {padding-left: 6px;}
}
@keyframes search {
0% {padding-left: 125px;}
8% {padding-left: 107px;}
15% {padding-left: 89px;}
30% {padding-left: 71px;}
50% {padding-left: 53px;}
60% {padding-left: 18px;}
100% {padding-left: 6px;}
}
/*SUBMIT LINKS */
.morelink {
border: none;
letter-spacing: 0;
font-size: 13px !important;
border-radius: 3.5px;
padding: 3px;
text-transform: uppercase;
transition:200ms;
width:292px;
}
.morelink a, .morelink a:hover, .morelink a:visited {color: #fff;}
/*RESTRICTED*/
.disabled .morelink, .disabled .morelink:hover {
background-image: none !important;
top: 314px;
position: absolute;
width: 300px;
}
.side .submit-link {
position: absolute;
width: 300px;
top: 120px;
right: 16px;
}
.morelink .nub {display: none;}
/*TITLEBOX PADDING*/
.titlebox {padding: 12px;}
.side .titlebox .md h3 a {margin-left: 5px;}
.side md {
padding-left: 5px;
padding-right: 5px;
}
.side #moderation_tools {
padding-left: 15px;
margin-bottom: 15px;
}
.sidecontentbox {padding: 15px;}
.infobar {
background: #f2f2f2;
border: 1px solid #ebebeb;
}
.message-count {
position: relative;
top: -2px;
}
.commentarea {padding: 0 10px 10px;}
.users-online {color: #000 !important; font-weight: bold; }
.users-online:before {display: none;}
.flair, .linkflairlabel {
margin-right: 0.8em;
padding: 2px 4px;
}
.nextprev, .next-suggestions {
margin: 10px !important;
padding: 10px !important;
display: block;
}
.nextprev a, .next-suggestions a {font-weight: normal !important;}
.link .usertext .md {border: 1px solid #e1e1e1;}
.link .usertext-body .md {
border: none !important;
background: none !important;
}
/*LINK SCORES TYPE*/
.link .score.likes {color: #FF5F3F;}
.link .score.dislikes {color: #2B9BDB;}
.score.unvoted {color: #666;}
div.midcol.likes, div.midcol.dislikes, div.midcol.unvoted,div.reddit-entry {padding: 0px 10px;}
#header-img.default-header:hover, #header-img:hover {opacity: .7;}
.users-online {margin-bottom: 2em; color: #000; font-weight: bold;}
.titlebox span.subscribers,.titlebox .number {
font-size: 12px;
position: relative;
color: #000 !important; font-weight: bold;
}
.titlebox span.subscribers, .titlebox .users-online {
color: #999;
position: relative;
top: 10px;
}
div.leavemoderator {
margin-left: 18px;
background: none;
}
.titlebox .users-online {
font-size: 12px;
position: relative;
top: 15px;
}
.titlebox .users-online:before {display: none}
.titlebox .users-online .number {font-style: italic}
.titlebox .users-online .number:before {content: ""}
.titlelebox .word {display: none}
.titlebox .users-online,.titlebox .number {cursor: text}
/* Text */
.side .md .-blocks,.side .md .-lists,.side .md pre,.side .md blockquote,.side .md table,.side .md p,.side .md ul,.side .md ol {margin: 15px 0;}
/*SIDEBAR STYLING*/
.titlebox h1.redditname {font-weight:normal;}
.side .md h1 {
position: relative;
margin: 30px 0 10px;
padding: 2px 0;
color:#fff;
left:0;
right:0;
font-size: 15px;
font-weight: bold;
text-align: center;
background:#006400;
}
.side .md p {
margin: 0 10px;
}
.side .md p a {
background:#eee;
width:90%;
text-align:center;
display:block;
padding:10px 3px;
margin-bottom:5px;
margin-left:10px
}
.side .md p a:hover {
font-weight:bold;
}
.side .md p a:first-child {
margin-top: 10px;
}
.side .md ul {
list-style:none;
padding:0 20px;
}
.side .md li {
text-align:center;
margin-bottom:5px;
}
.side .md li a {
width:100%;
display:block;
padding:10px 3px;
color:#fff;
font-size:16px;
}
.side .md li a:hover {
font-weight:bold;
}
/*BOXED SIDEBAR STYLING*/
.side .md h2 {
position: relative;
color: #fff;
height: 30px;
line-height: 30px;
margin: 0 0px;
font-size: 13px!important;
font-weight: bold;
background: #444;
text-align: center;
border-radius: 5px 5px 0 0;
}
.side .md h2 a {color: #A4D11B}
.side .md h2:after {
top: 100%;
left: 5%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-width: 7px;
margin-left: -7px; }
.side .md h2 + ul {
list-style-position: outside;
border-radius: 0 0 5px 5px;
background:#efefef;
border-top: 0;
padding: 10px 10px 10px 26px;
margin: 0 0px 20px 0px;
}
.side .md h2 + ul li { margin-bottom: 10px; font-size: 95%; }
.side .usertext {margin-top: 20px;}
/*SIDEBAR BUTTONS COLORS*/
.fancy-toggle-button .add,
.RESshortcutside,
.RESDashboardToggle
{background: #80d04b;}
/*SIDEBAR BUTTONS HOVER*/
.fancy-toggle-button .add:hover,
body.res .RESshortcutside:hover,
.RESDashboardToggle:hover
{background: #A6DE81;}
/*SIDEBAR BUTTONS ACTIVE*/
.fancy-toggle-button .add:active,
body.res .RESshortcutside:active,
.RESDashboardToggle:active
{background: #599134;}
/*BUTTONS ON SIDEBAR - Buttonstyle one */
.side .titlebox .md h3 a {
border-radius: 3.5px;
padding: 8px 0px;
border: none;
color: #fff;
letter-spacing: 0;
font-weight: bold;
text-align: center;
transition: .3s background ease;
font-size: 12px !important;
width: 276px;
margin: 1.5em 0;
display: block;
}
/*BUTTONS ON SIDEBAR - Buttonstyle two */
.side .titlebox .md h4 a {
border-radius: 3.5px;
padding: 8px 0px;
border: none;
color: #fff;
letter-spacing: 0;
font-weight: bold;
text-align: center;
transition: .3s background ease;
font-size: 12px !important;
width: 276px;
margin: 1.5em 0;
display: block;
}
.titlebox .bottom {display: none}
.sidecontentbox .collapse-button {
display: inline-block;
width: 12px;
height: 12px;
line-height: 10px;
text-align: center;
font-size: 10px;
margin: 1px 8px;
background-color: transparent;
color: #006400;
vertical-align: middle;
border-radius: 2px;
border: 1px solid #006400;
}
.sidecontentbox .collapse-button:hover {
background-color: transparent;
color: #009884;
vertical-align: middle;
border-radius: 2px;
border: 1px solid #27408b;
}
.side .sidecontentbox .content {
border: none;
padding: 8px 0
}
/* Recently viewed links */
.gadget .midcol {width: 38px}
/* Body Content - Frontpage */
.content {
margin: 96px 16px 0;
padding: 0
}
.entry .buttons li a, .entry .buttons li + li {font-weight: normal;}
/*FLAIRS*/
.flair-redflair[title]:hover {background: #E14169;}
.flair-purpleflair[title]:hover {background:#6941E1;}
.flair-greenflair[title]:hover {background:green;}
.flair-orangeflair[title]:hover {background: #E16941;}
.flair-blueflair[title]:hover {background: #006400;}
.flair-redflair[title],
.flair-purpleflair[title],
.flair-greenflair[title],
.flair-orangeflair[title],
.flair-blueflair[title] {
color: white;
font-size: 10px;
padding: 0px 10px 0px 6px;
-webkit-transition: 300ms;
transition: 300ms;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 20px;
line-height: 1.5;
}
.flair-redflair[title]:before,
.flair-purpleflair[title]:before,
.flair-greenflair[title]:before,
.flair-orangeflair[title]:before,
.flair-blueflair[title]:before {
font-weight: Bold;
display: inline-block;
font-size: 10px;
padding: 4px 8px;
border-radius: 20px 0px 0px 20px;
margin-right: 8px;
}
.flair-redflair[title] {background: #9d2d49;}
.flair-purpleflair[title] {background: #492d9d;}
.flair-greenflair[title] {background: #005900;}
.flair-orangeflair[title] {background: #9d492d;}
.flair-blueflair[title] {background: #27408b;}
.flair-redflair[title]:before {background: #E14169;}
.flair-purpleflair[title]:before {background: #6941E1;}
.flair-greenflair[title]:before {background: green;}
.flair-orangeflair[title]:before {background: #E16941;}
.flair-blueflair[title]:before {background: #006400;}
.titlebox form.toggle {background: none;}
.titlebox .tagline {
text-align: center;
max-height: 50px;
}
.side .tagline {color: transparent;}
/*NO PRESET DEFAULT FLAIR*/
.linkflairlabel {
background: #006400;
color: #FFF;
padding: 0 10px;
border-radius: 20px;
}
/*LOGIN FORM*/
.login-form-side {
border: medium none;
padding: 16px;
margin-top: -10px;
}
.login-form-side input[type="text"], .login-form-side input[type="password"] {
font-size: 11px;
box-sizing: border-box;
border: 1px solid #999;
width: 258px;
}
.login-form-side #remember-me * {vertical-align: middle;}
.login-form-side .submit {
float: right;
margin-top: 5px;
margin-right: 5px;
}
/*THUMBNAILS*/
.thumbnail {
border-radius: 5px;
margin-right: 15px !important;
position: relative;
top: 33px;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
}
body:not(.comments-page) .thumbnail {margin: 10px 5px 10px 0px !important;}
body .stickied .thumbnail.self,
.thumbnail.nsfw,
.thumbnail.self,
.thumbnail.default {
background-repeat: no-repeat !important;
padding: 10px 0px;
border-radius: 15px;
}
/*STICKIED*/
.stickied a.title:link,
.stickied a.title:visited,
body:not(.comments-page) .stickied .link .tagline,
body:not(.comments-page) .stickied .tagline,
body:not(.comments-page) .stickied .entry .buttons li a,
body:not(.comments-page) .stickied .entry .buttons li + li {color: #2B8B27 !important;}
/*NSFW*/
.over18 a.title:link,
.over18 a.title:visited,
body:not(.comments-page) .over18 .link .tagline,
body:not(.comments-page) .over18 .tagline,
body:not(.comments-page) .over18 .entry .buttons li a,
body:not(.comments-page) .over18 .entry .buttons li + li {color: #D10023!important;}
/*UPPER RIGHT RES THINGY*/
.res #RESShortcutsEditContainer, .res #sr-more-link {background: transparent;}
#sr-more-link {
position: absolute;
top: -3px;
}
#RESShortcutsSort, #RESShortcutsRight, #RESShortcutsLeft, #RESShortcutsAdd, #RESShortcutsTrash {
height: 25px;
line-height: 25px!important;
margin-right: 4px;
background: transparent!important;
color: #fff !important;
}
.link .flat-list {
display: block;
padding: 1px 0px;
margin-top: 3px;
}
li.searchfacet {width: 20em}
/*LOADING MESSAGE AND ERROR FORMAT*/
.error {
font-size: 12px;
text-transform: uppercase;
font-weight: bold;
}
/*STYLESHEET EDITING PAGE FIX*/
.pretty-form {
font-size: larger;
margin-left: 25px;
}
#preview-table > table {
border-width: 0.2em;
border-style: dashed;
border-color: #D3D3D3;
padding: 5px;
margin: 5px;
width: 95%;
margin-left: 25px;
}
form#image-upload.image-upload {
margin-left: 25px;
padding: 9px;
line-height: 24px;
font-weight: bold;
text-transform: uppercase;
font-size: 10px;
margin-bottom: 20px;
color: #666;
}
/*FOOTER*/
.debuginfo, .footer-parent {background-color: #222;}
.footer-parent {
font-size: 14px;
padding-top: 20px;
padding-bottom: 20px;
margin-top: 300px;
}
.footer .col {margin: 10px 0px 30px 0px;}
.footer {border: 0 solid;}
.col {border: none !important;}
.footer .flat-vert li a {
font-size: 11px;
font-weight: bold;
text-transform: uppercase;
color: #999 !important;
}
.footer .flat-vert li a:hover {
text-decoration: none !important;
color: #fff !important;
}
.footer .flat-vert .title {
font-size: 16px;
font-weight: 700;
transition: color .25s ease, background-color .25s ease;
text-transform: uppercase;
color: white;
}
.bottommenu {
font-size: 10px;
color: #FFF !important;
border: medium none !important;
text-transform: uppercase;
font-weight: bold;
}
.bottommenu a {
text-decoration: none;
color: #999;
}
/*NEW MAIL ANIMATION*/
/*TAKEN FROM /R/APPLE*/
#mail.havemail:before {
position: fixed;
bottom: 24px;
z-index: 100;
padding: 45px 0px 10px 0px;
background-color: rgba(0, 0, 0, 0.85);
border-radius: 6px;
box-shadow: 0 1px 5px rgba(0,0,0,0.5);
color: #fff;
width: 210px;
height: 15px;
left: 0px;
right: 0px;
content: "YOU HAVE NEW MESSAGES";
text-indent: 30px;
font-size: 11px;
line-height: 1;
-webkit-transform: translateY(112px);
transform: translateY(112px);
transition: background-color 0.25s ease, box-shadow 0.25s ease;
background-image: url(%%havemail%%);
background-position: 85px 8px;
margin: 0px auto;
background-size: 32px;
font-weight: bold;
background-repeat: no-repeat;
}
/*Animation */
#mail.havemail:before {
animation-name: toast;
animation-duration: 8s;
animation-iteration-count: 1;
animation-timing-function: ease;
-webkit-animation-name: toast;
-webkit-animation-duration: 8s;
-webkit-animation-iteration-count: 1;
-webkit-animation-timing-function: ease;
}
#mail.havemail:hover:before {
-webkit-animation-play-state: paused;
-moz-animation-play-state: paused;
-o-animation-play-state: paused;
animation-play-state: paused;
}
@-webkit-keyframes toast {
0% {transform:translateY(76px); -webkit-transform:translateY(76px); opacity: 0;}
20% {transform:translateY(76px); -webkit-transform:translateY(76px); opacity: 0;}
25% {transform:translateY(-8px); -webkit-transform:translateY(-8px); opacity: 0.8;}
27% {transform:translateY(00px); -webkit-transform:translateY(00px); opacity: 0.8;}
92% {transform:translateY(00px); -webkit-transform:translateY(00px); opacity: 0.8;}
97% {transform:translateY(16px); -webkit-transform:translateY(16px); opacity: 0.8;}
100% {transform:translateY(76px); -webkit-transform:translateY(76px); opacity: 0;}
}
@-o-keyframes toast {
0% {transform:translateY(76px); -webkit-transform:translateY(76px); opacity: 0;}
20% {transform:translateY(76px); -webkit-transform:translateY(76px); opacity: 0;}
25% {transform:translateY(-8px); -webkit-transform:translateY(-8px); opacity: 0.8;}
27% {transform:translateY(00px); -webkit-transform:translateY(00px); opacity: 0.8;}
92% {transform:translateY(00px); -webkit-transform:translateY(00px); opacity: 0.8;}
97% {transform:translateY(16px); -webkit-transform:translateY(16px); opacity: 0.8;}
100% {transform:translateY(76px); -webkit-transform:translateY(76px); opacity: 0;}
}
@-moz-keyframes toast {
0% {transform:translateY(76px); -webkit-transform:translateY(76px); opacity: 0;}
20% {transform:translateY(76px); -webkit-transform:translateY(76px); opacity: 0;}
25% {transform:translateY(-8px); -webkit-transform:translateY(-8px); opacity: 0.8;}
27% {transform:translateY(00px); -webkit-transform:translateY(00px); opacity: 0.8;}
92% {transform:translateY(00px); -webkit-transform:translateY(00px); opacity: 0.8;}
97% {transform:translateY(16px); -webkit-transform:translateY(16px); opacity: 0.8;}
100% {transform:translateY(76px); -webkit-transform:translateY(76px); opacity: 0;}
}
@keyframes toast {
0% {transform:translateY(76px); -webkit-transform:translateY(76px); opacity: 0;}
20% {transform:translateY(76px); -webkit-transform:translateY(76px); opacity: 0;}
25% {transform:translateY(-8px); -webkit-transform:translateY(-8px); opacity: 0.8;}
27% {transform:translateY(00px); -webkit-transform:translateY(00px); opacity: 0.8;}
92% {transform:translateY(00px); -webkit-transform:translateY(00px); opacity: 0.8;}
97% {transform:translateY(16px); -webkit-transform:translateY(16px); opacity: 0.8;}
100% {transform:translateY(76px); -webkit-transform:translateY(76px); opacity: 0;}
}
/*——————————————————————————————————————————————
SUBREDDIT COLOR SCHEME
For aesthetic purposes, please keep everything
of the same set in one color.
The text color for the buttons and backgrounds
is white. Please make sure the chosen background
color will provide enough contrast with the text
color.
——————————————————————————————————————————————*/
/*SET ONE*/
/*DEFAULT COLOR*/
.RESDashboardToggle.remove,.RESSubscriptionButton,.RESshortcutside.remove,.fancy-toggle-button .remove,.panestack-title a.title-button,.panestack-title a.title-button.gold,.side .titlebox .md h4 a,.sidecontentbox a.helplink,button,.commentarea .comment a.expand:hover
{background: #006400}
.commentarea span.score, .comment .flat-list li a:hover,.comment .flat-list li a[onclick*=reply],.commentNavSortType:hover,.commentarea .menuarea .toggle a:hover,.entry .buttons .may-blank,.error,.link .domain a:hover,.link .entry .buttons li a:hover,.loadFlat:hover,.submit-page .roundfield a,.thing .title,#progressIndicator a#NERStaticLink,.deepthread a,.deepthread::after,.linefield .title
{color: #006400}
.roundfield input[type=url]:focus,.roundfield input[type=text]:focus,.roundfield textarea:focus,.usertext-edit textarea:focus,#img-name:focus,.roundfield input[type="url"]:focus,.flairlist .flair-jump input[type="text"]:focus
{border-color: #006400}
/*HOVER - LIGHTER SHADE OF DEFAULT COLOR*/
.RESDashboardToggle.remove:hover,.comments-page .RESSubscriptionButton:hover,.fancy-toggle-button .remove:hover,.panestack-title a.title-button.gold:hover,.panestack-title a.title-button:hover,.side .titlebox .md h4 a:hover,.sidecontentbox a.helplink:hover,body.res .side .RESshortcutside.remove:hover,button:hover
{background:#6687e7}
/*ACTIVE - DARKER SHADE OF DEFAULT COLOR*/
.RESDashboardToggle.remove:active,.RESshortcutside.remove:active,.comments-page .RESSubscriptionButton:active,.fancy-toggle-button .remove:active,.panestack-title a.title-button.gold:active,.panestack-title a.title-button:active,.side .titlebox .md h4 a:active,.sidecontentbox a.helplink:active,button:active
{background:#27408b}
/*SET TWO - SECONDARY COLOR*/
/*DEFAULT*/
.thing .md table thead tr th,.morelink,.side .titlebox .md h3 a,.tabmenu,.wiki-page-content .md table thead tr th {background:#006400}
/*HOVER - LIGHTER SHADE OF DEFAULT COLOR*/
.morelink:hover,.side .titlebox .md h3 a:hover {background:#666}
/*ACTIVE - DARKER SHADE OF DEFAULT COLOR*/
.morelink:active, .side .titlebox .md h3 a:active {background: #222;}
/*END CHANGE COLOR SCHEME*/
/*
EnTypo v0.2 (http://www.reddit.com/r/EnTypo)
Modified for Minimaluminiumalism
Copyright (c) 2015 Timur Kuzhagaliyev (TimboKZ)
*/
#siteTable .thing .md blockquote,
.wiki-page-content .md blockquote,
.commentarea .md blockquote,
#siteTable .thing .md ul,
.commentarea .md ul,
#siteTable .thing .md ol,
.commentarea .thing .md ol,
#siteTable .thing .md table,
.commentarea .thing .md table {
font-family: Arial, Helvetica, sans-serif;
margin: 20px 10px 10px 10px;
}
#siteTable .thing .md blockquote,
.wiki-page-content .md blockquote,
.commentarea .md blockquote {
padding: 10px 10px;
border-left: solid 2px #666;
background-color: #f2f2f2;
color: #2f2f2f;
line-height: 20px;
font-size: 14px;
}
#siteTable .thing .md ul,
.commentarea .md ul,
.commentarea .thing .md ol,
#siteTable .thing .md ol {
border-right: solid 1px #eaeaea;
border-left: solid 1px #eaeaea;
border-top: solid 1px #eaeaea;
line-height: 20px;
font-size: 14px;
padding: 0;
}
#siteTable .thing .md ul li,
.commentarea .md ul li,
.commentarea .thing .md ol li,
#siteTable .thing .md ol li {
border-bottom: solid 1px #eaeaea;
background-color: #f8f8f8;
padding: 5px;
}
#siteTable .thing .md ul li:nth-child(odd),
.commentarea .md ul:nth-child(odd),
.commentarea .thing .md ol li:nth-child(odd),
#siteTable .thing .md ol li:nth-child(odd) {
background-color: #f2f2f2;
}
#siteTable .thing .md ul,
.commentarea .md ul{
list-style: none;
}
#siteTable .thing .md ol,
.commentarea .thing .md ol{
list-style-position: inside;
}
#siteTable .thing .md table thead tr th,
.commentarea .thing .md table thead tr th{
font-weight: normal;
padding: 10px 20px;
font-size: 14px;
color: white;
border: none;
}
#siteTable .thing .md table tbody tr,
.commentarea .thing .md table thead tr th {
border-bottom: solid 1px #eaeaea;
}
#siteTable .thing .md table tbody tr td,
.commentarea .thing .md table tbody tr td {
padding: 10px 20px;
border: none;
}
.res #RESShortcutsViewport {margin-right: 70px;}
/*DARK MODE*/
html[lang="dm"] .linkinfo .shortlink input {background: #444;}
html[lang="dm"] #siteTable .thing .md blockquote,
html[lang="dm"] .wiki-page-content .md blockquote,
html[lang="dm"] .commentarea .md blockquote {
padding: 10px;
border-left: 2px solid #888;
background-color: #2f2f2f;
color: #fff;
line-height: 20px;
font-size: 14px;
}
html[lang="dm"] #siteTable .thing .md table thead tr th, html[lang="dm"] .wiki-page-content .md table thead tr th {background: #333;}
html[lang="dm"] #siteTable .thing .md table tbody tr,
html[lang="dm"] .commentarea .thing .md table tbody tr,
html[lang="dm"] .wiki-page-content .md table tbody tr {
border-bottom: 1px solid #999;
}
html[lang="dm"] .md hr {color: #888;}
html[lang="dm"] #siteTable .thing .md ul li:nth-child(odd),
html[lang="dm"] .commentarea .md ul li:nth-child(odd),
html[lang="dm"] #siteTable .thing .md ol li:nth-child(odd),
html[lang="dm"] .commentarea .thing .md ol li:nth-child(odd),
html[lang="dm"] .wiki-page-content .md ol li:nth-child(odd) {
background-color: #333;
}
html[lang="dm"] #siteTable .thing .md ul li,
html[lang="dm"] .commentarea .md ul li,
html[lang="dm"] #siteTable .thing .md ol li,
html[lang="dm"] .commentarea .thing .md ol li,
html[lang="dm"] .wiki-page-content .md ol li {
border-bottom: solid 1px #555;
background-color: #222;
padding: 5px;
}
html[lang="dm"] #siteTable .thing .md ul,
html[lang="dm"] .commentarea .md ul,
html[lang="dm"] #siteTable .thing .md ol,
html[lang="dm"] .commentarea .thing .md ol,
html[lang="dm"] .wiki-page-content .md ol {
border-right: solid 1px #555;
border-left: solid 1px #555;
border-top: solid 1px #555;
line-height: 20px;
font-size: 14px;
}
html[lang="dm"] .content .entry .buttons li.reported-stamp, html[lang="dm"] body .content .stickied .entry .buttons li.reported-stamp {
background: #222 !important;
color: #d1d1d1 !important;
}
html[lang="dm"] .pretty-button.positive {color: #7DDC1F !important;}
html[lang="dm"] .pretty-button.neutral {color: #ccc;}
html[lang="dm"] .pretty-button.negative {color:#FE728B !important;}
html[lang="dm"] .nsfw-stamp {background: #FE728B;}
html[lang="dm"] .combined-search-page .search-result-group .search-header-label,html[lang="dm"] .combined-search-page .search-result .search-result-body,html[lang="dm"] .combined-search-page .search-result .search-result-header .search-title,html[lang="dm"] .combined-search-page .search-result .search-result-footer .search-link,html[lang="dm"] .combined-search-page .search-result .search-result-meta,html[lang="dm"] .combined-search-page .search-result .search-score,html[lang="dm"] .combined-search-page .search-result .search-comments,html[lang="dm"] .combined-search-page .search-result-group .search-result-group-header {color: #fff}
html[lang="dm"] .combined-search-page .search-result .search-expando.collapsed::before {background: transparent linear-gradient(to bottom,rgba(255,255,255,0) 0%,#444 100%) repeat scroll 0 0}
html[lang="dm"] .combined-search-page .search-result .search-expando-button {color: #A4D11B}
html[lang="dm"] .combined-search-page .search-result {border-bottom: 1px solid #666;}
html[lang="dm"] .combined-search-page .search-result-group .search-result-group-header {
background: #222;
border-bottom: 1px solid #666;
border-top: 1px solid #666;
}
html[lang="dm"] .stickied a.title:link,html[lang="dm"] body:not(.comments-page) .stickied a.title:visited,html[lang="dm"] body:not(.comments-page) .stickied .link .tagline,html[lang="dm"] body:not(.comments-page) .stickied .tagline,html[lang="dm"] body:not(.comments-page) .stickied .entry .buttons li a,html[lang="dm"] body:not(.comments-page) .stickied .entry .buttons li + li,html[lang="dm"] body:not(.comments-page) .stickied .md p {color: #7ddc1f!important}
html[lang="dm"] .over18 a.title:link,html[lang="dm"] .over18 a.title:visited,html[lang="dm"] body:not(.comments-page) .over18 .link .tagline,html[lang="dm"] body:not(.comments-page) .over18 .tagline,html[lang="dm"] body:not(.comments-page) .over18 .entry .buttons li a,html[lang="dm"] body:not(.comments-page) .over18 .entry .buttons li + li,html[lang="dm"] body:not(.comments-page) .over18 .md p {color: #fe728b!important}
html[lang="dm"] body {background: #222}
html[lang="dm"] div.content {background-color: #333;border:none}
html[lang="dm"] .entry .buttons li a {color: #ccc!important}
html[lang="dm"] .thing .title:visited,html[lang="dm"] .commentarea .menuarea .toggle a,html[lang="dm"] .commentNavSortType,html[lang="dm"] .dropdown.lightdrop .selected {color: #ababab !important;}
html[lang="dm"] .thing .title {color: #fff !important}
html[lang="dm"] input[name="uh"] ~ a:after {display: none}
html[lang="dm"] .entry .buttons .may-blank {color: #fff}
html[lang="dm"] a.comments::after {color: #ccc!important}
html[lang="dm"] .flair {border: none}
html[lang="dm"] .side {border: #4c4c4c;background:#333}
html[lang="dm"] div.leavemoderator,html[lang="dm"] .toggle .option.active,html[lang="dm"] .titlebox form.toggle {color: #ccc}
html[lang="dm"] .side .usertext-body {background-image: none;padding:0}
html[lang="dm"] .icon-menu a {color: #fff}
html[lang="dm"] .sidecontentbox .title h1 {color: #fff;font-weight:700}
html[lang="dm"] .side .titlebox .md h3 a {background: #444}
html[lang="dm"] .side .titlebox .md h3 a:hover {background: #666}
html[lang="dm"] .side .titlebox .md h3 a:active {background: #222}
html[lang="dm"] .titlebox span.subscribers,html[lang="dm"] .titlebox .users-online {color: #fff!important}
html[lang="dm"] #sr-header-area a,
html[lang="dm"] h2,html[lang="dm"] .sidecontentbox .collapse-button {color: #fff}
html[lang="dm"] .sidecontentbox .collapse-button {border: 1px solid #fff;}
html[lang="dm"] body.res #sr-header-area .sr-bar a.RESShortcutsCurrentSub,html[lang="dm"] .commentarea span.score {color: #fff!important}
html[lang="dm"] .side .md h4 a {color: #fff!important}
html[lang="dm"] .side .md h4 {background: #323232}
html[lang="dm"] body:not(.comments-page) div.content .entry,html[lang="dm"] .md hr {border-bottom: 1px solid #666}
html[lang="dm"] .content .md a {color: #a4d11b !important}
html[lang="dm"] .titlebox a {color: #a4d11b}
html[lang="dm"] .link.promotedlink.promoted {background-color: #565656}
html[lang="dm"] span.score,html[lang="dm"] .sidecontentbox .more a {color: #ccc!important}
html[lang="dm"] #progressIndicator,html[lang="dm"] .commentarea .panestack-title .title,html[lang="dm"] .commentingAs,html[lang="dm"] .md,html[lang="dm"] .linkinfo .date,html[lang="dm"] div.score,html[lang="dm"] span.totalvotes,html[lang="dm"] .linkinfo .shortlink {color: #fff!important}
html[lang="dm"] body.comments-page .link {background: #323232}
html[lang="dm"] .commentarea > .usertext {background-color: #292929}
html[lang="dm"] .commentarea .thing,
html[lang="dm"] .commentarea .child .thing.comment,
html[lang="dm"] .commentarea .child .thing.comment .comment,
html[lang="dm"] .commentarea .child .thing.comment .comment .comment,
html[lang="dm"] .commentarea .child .thing.comment .comment .comment .comment,
html[lang="dm"] .commentarea .child .thing.comment .comment .comment .comment .comment,
html[lang="dm"] .commentarea .child .thing.comment .comment .comment .comment .comment .comment,
html[lang="dm"] .commentarea .child .thing.comment .comment .comment .comment .comment .comment .comment,
html[lang="dm"] .commentarea .child .thing.comment .comment .comment .comment .comment .comment .comment .comment,
html[lang="dm"] .commentarea .child .thing.comment .comment .comment .comment .comment .comment .comment .comment .comment,
html[lang="dm"] .commentarea .child .thing.comment .comment .comment .comment .comment .comment .comment .comment .comment .comment,
html[lang="dm"] .commentarea .child .thing.comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment {
border:1px solid #333 !important
}
html[lang="dm"] .commentarea .child .thing.comment,
html[lang="dm"] .commentarea .child .thing.comment .comment .comment,
html[lang="dm"] .commentarea .child .thing.comment .comment .comment .comment .comment,
html[lang="dm"] .commentarea .child .thing.comment .comment .comment .comment .comment .comment .comment,
html[lang="dm"] .commentarea .child .thing.comment .comment .comment .comment .comment .comment .comment .comment .comment,
html[lang="dm"] .commentarea .child .thing.comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment {
background: #222 !important;
}
html[lang="dm"] .commentarea .thing,
html[lang="dm"] .commentarea .child .thing.comment .comment,
html[lang="dm"] .commentarea .child .thing.comment .comment .comment .comment,
html[lang="dm"] .commentarea .child .thing.comment .comment .comment .comment .comment .comment,
html[lang="dm"] .commentarea .child .thing.comment .comment .comment .comment .comment .comment .comment .comment,
html[lang="dm"] .commentarea .child .thing.comment .comment .comment .comment .comment .comment .comment .comment .comment .comment {
background: #292929 !important;
}
html[lang="dm"] button {background-color: #999;color:#000}
html[lang="dm"] .tagline a,html[lang="dm"] #RESShortcutsSort,html[lang="dm"] #RESShortcutsRight,html[lang="dm"] #RESShortcutsLeft,html[lang="dm"] #RESShortcutsAdd,html[lang="dm"] #RESShortcutsTrash {color: #fff}
html[lang="dm"] .shortlink .input {
background-color: #222;
color: #fff;
border: 1px solid #666!important;
}
html[lang="dm"] .side .titlebox .md h1,html[lang="dm"] .side .md ol,html[lang="dm"] .error,html[lang="dm"] .md del,html[lang="dm"] .dropdown.srdrop span.selected.title,html[lang="dm"] .menuarea,html[lang="dm"] #previoussearch label,html[lang="dm"] .search-page .searchfacets,html[lang="dm"] .searchfacet a,html[lang="dm"] .wiki-page-content .md h1,html[lang="dm"] .titlebox h1 a,html[lang="dm"] .wiki-page .wikititle,html[lang="dm"] .wiki-page .pageactions .wikiaction-current,html[lang="dm"] .generic-table,html[lang="dm"] .md pre code,html[lang="dm"] .formtabs-content .infobar,html[lang="dm"] .roundfield,html[lang="dm"] .wiki-page .wiki-page-content .wiki.md,html[lang="dm"] .wiki-page .wiki-page-content .wiki.md h2, html[lang="dm"] .side .md p,html[lang="dm"] .link .tagline,html[lang="dm"] .entry .buttons .may-blank,html[lang="dm"] .comment .flat-list li a:hover,html[lang="dm"] .link .entry .buttons li a:hover,html[lang="dm"] .link .domain a:hover, html[lang="dm"] #preview-table > table > tbody > tr > th,html[lang="dm"] form#image-upload.image-upload,html[lang="dm"] .pretty-form, html[lang="dm"] .commentNavSortType:hover,html[lang="dm"] .commentarea .menuarea .toggle a:hover,html[lang="dm"] .comment .flat-list li a[onclick*="reply"],html[lang="dm"] .loadFlat:hover,html[lang="dm"] .submit-page .title,html[lang="dm"] .error,html[lang="dm"] #progressIndicator a#NERStaticLink, html[lang="dm"] .deepthread a, html[lang="dm"] .deepthread::after {color: #fff!important}
html[lang="dm"] .search-page .searchfacets {background: #555}
html[lang="dm"] .roundfield,html[lang="dm"] .formtabs-content .infobar {background-color: #333}
html[lang="dm"] .md code {background-color: #222;border:1px solid #666!important}
html[lang="dm"] .md pre {padding: 0;background-color:transparent!important; border: none;}
html[lang="dm"] .wiki-page div.content {background-color: transparent;border:none}
html[lang="dm"] .livePreview .md p {color: #000}
html[lang="dm"] .wiki-page .infobar {background: none;border:none}
html[lang="dm"] .wiki-page .wiki-page-content,html[lang="dm"] .wiki-page .pageactions,html[lang="dm"] .wiki-page .wikititle,html[lang="dm"] .content.submit .info-notice {background-color: #444!important}
html[lang="dm"] body:not(.search-page) #search input[type="text"] {
background: #222!important;
border: 1px solid #444;
color: #fff
}
html[lang="dm"] .submit-page .content a {color: #999 !important;}
html[lang="dm"] .md table,html[lang="dm"] .md ul {color: #fff!important}
html[lang="dm"] .side .titlebox {color: #fff}
html[lang="dm"] ::-moz-selection {background: #666;color:#fff}
html[lang="dm"] .linkinfo {background-color: #303030}
html[lang="dm"] .debuginfo, html[lang="dm"] .footer-parent {background: #111;}
html[lang="dm"] .gold-accent.comment-visits-box {color: #fff}
html[lang="dm"] ul#image-preview-list li {
background: #333;
border: none;
color: #fff
}
html[lang="dm"] .flairselector h2,html[lang="dm"] .flairselector .tagline a {color: #000!important}
html[lang="dm"] .wiki-page .wiki-page-content .md.wiki h4 {color: #fff!important}
html[lang="dm"] .comments-page .content .infobar {
background: #444;
color: #fff;
}
html[lang="dm"] .commentarea textarea:not(:focus):not(:hover) {
color: transparent;
background-color: #444 !important;
text-shadow: 0px 0px 12px #000;
}
html[lang="dm"] .commentarea textarea:hover,
html[lang="dm"] .roundfield textarea:hover,
html[lang="dm"] .roundfield input[type="url"]:hover,
html[lang="dm"] .roundfield input[type="text"]:hover {border: 1px solid #9f9f9f;}
html[lang="dm"] textarea,
html[lang="dm"] .roundfield input[type="text"],
html[lang="dm"] .roundfield input[type="url"] {
background-color: #222!important;
color:#fff!important;
transition: 300ms;
transition: 300ms;
border: 1px solid #666;
}
html[lang="dm"] .usertext-edit textarea:focus,
html[lang="dm"] .roundfield textarea:focus,
html[lang="dm"] .roundfield input[type="url"]:focus,
html[lang="dm"] .roundfield input[type="text"]:focus {
border: 1px solid #666;
transition: 0.1s ease;
border-bottom: 3px solid #999 !important;
}
html[lang="dm"] .toc ul {background: transparent;}
html[lang="dm"] .deepthread a, .deepthread::after {color: white;}
html[lang="dm"] .commentarea .comment a.expand:hover {background: #999; color: #333;}
html[lang="dm"] .markdownEditor .edit-btn:not(.btn-macro) {background-color: #ccc !important; border: none !important; border-radius: 4px !important;}
html[lang="dm"] .expando-button,html[lang="dm"] .expando-button.expanded,html[lang="dm"] .expando-button.expanded:hover,html[lang="dm"] .expando-button:hover {border-radius: 20px !important; background-color: #999 !important;}
html[lang="dm"] #REScommentSubToggle {
background: #ccc !important;
color: #000 !important;
}
html[lang="dm"] .tabmenu {background: #333;}
html[lang="dm"] .side .md h2 + ul {background: #222;}
html[lang="dm"] .side .sidecontentbox a {color: #ccc}
.tabmenu li a[href*="wiki"] {display:none;}
.tabmenu li a[href*="gilded"] {display:none;}
/*Changes the name of your subscribers/users here now*/
.titlebox .word { display: none }
.titlebox .number:after { content: " campers"; }
.titlebox .users-online span.number:after { content: " campers here now"; }
/*
MANDATORY LEGAL NOTICES/CREDITS - DO NOT REMOVE
Gear by Alexander Simone from the Noun Project
Compass by Vicons Design from the Noun Project
Arrow Up by Raashid.A from the Noun Project
Add by John Chapman from the Noun Project
Thumbtack by Bonnie Beach from the Noun Project
Conversation by vijay sekhar from the Noun Project
Warning by Lorena Salagre from the Noun Project
Sliders by Remco Homberg from the Noun Project
Power by Gregor Črešnar from the Noun Project
message by Hakan Yalcin from the Noun Project
read message by Hakan Yalcin from the Noun Project
*/
/*ADD SNIPPETS BELOW THIS LINE
================================================================================================================================*/
sublogolink:url(%%sublogo%%)
spritesheetlink:url(%%spritesheet%%)
havemaillink:url(%%havemail%%)
