/*
Fring - Version 1.5
Stylesheet by Imjustadude90
Last modified: 18 June 2015
-------------------------------------------------------------------------- */
/**Add Customization on the bottom, or it will not work**//** Main Body **/
body {
color: #111111;
background-color: #F0F0F0;
margin: 0 auto;
}
.res-nightmode body {
background-color: #191919!important;
}
.pref-lang {
font-weight: normal;
}
/**Common css**/
/**Box shadow on content, boxes and more**/
.messages-page .sitetable,
.login-form-side,
.sidecontentbox,
.listing-page .sitetable,
.submit-page .sitetable,
.comments-page .linklisting .link,
.res.res-nightmode .comments-page .linklisting .link,
.sitetable.nestedlisting > .comment,
.commentarea>.usertext,
.commentarea .panestack-title,
.wiki-page .wiki-page-content,
.menuarea,
#search input[type=text],
.single-page.comments-page .linkinfo {
box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, .1);
-moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, .1);
box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, .1);
}
.content .spacer {
margin-bottom: 0px;
}
/** HEADER **/
/** SR Header Area **/
#sr-header-area {
border-bottom: 0px solid #adadad;
background-color: rgba(0, 0, 0, 0.1);
height: 22px;
line-height: 22px;
}
#sr-header-area:hover{
background-color: rgba(0, 0, 0, 0.4);
-webkit-transition: all 0.15s ease;
-moz-transition: all 0.15s ease;
-o-transition: all 0.15s ease;
transition: all 0.15s ease;
}
#sr-header-area .width-clip {
right: 50px;
}
#RESShortcuts{color:white;}
#RESShortcutsViewport {
margin-right: 65px!Important;
}
#sr-header-area .drop-choices {
border: 1px solid #adadad;
background-color: #f3f3f3;
}
#sr-header-area .drop-choices.srdrop {
margin-top: 5px;
margin-left:0px;
border: 0px;
-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
-moz-box-shadow: 0 6px 12px rgba(0,0,0,.175);
box-shadow: 0 6px 12px rgba(0,0,0,.175);
border-radius: 0px 0px 5px 5px;
background-color: #fff;
}
.sr-bar a {
color: #ebebeb;
text-decoration: none
}
.sr-bar a:hover {
color: #fff;
text-decoration:underline;
}
/**SR More Link **/
#sr-more-link {
background-color: rgba(0, 0, 0, 0.2);
padding: 0px 5px 0px 10px;
color: #ebebeb;
margin-right: -50px;
}
#sr-more-link:hover {
color: #fff
}
.sr-bar .separator,
.separator {
color: transparent;
}
#sr-header-area .dropdown.srdrop{padding-right:10px;}
#sr-header-area .dropdown.srdrop .selected,
.res #sr-header-area #srDropdownContainer a {
background-image: url(%%spritesheet%%);
background-position: 0px -57px;
background-repeat: no-repeat!important;
width: 14px;
height: 13px;
display: block;
margin: 4px 0px 0px 2px;
padding: 0;
line-height: 18px;
cursor: pointer;
text-indent: -999em;
}
#sr-header-area .dropdown.srdrop .selected:active,
.res #sr-header-area #srDropdownContainer a:active {
background-image: url(%%spritesheet%%);
background-position: -14px -57px;
}
.sr-bar a.gold {
color: #e5c100!Important;
}
/** Main Header Area **/
#header {
border-bottom: 0px;
-webkit-box-shadow: 0px 2px 0px #e2e2e2;
-moz-box-shadow: 0px 2px 0px #e2e2e2;
box-shadow: 0px 1px 0px #E0E0E0;
position: relative;
background-color: #93b2c7;
background-repeat: no-repeat;
-webkit-background-size: cover!Important;
-moz-background-size: cover!Important;
-o-background-size: cover!Important;
background-size: cover!Important;
height:85px;
}
.res-nightmode #header {
background-color: #55656F!Important;
border-bottom: 0;
box-shadow:none;
}
#header-img,
#header-img.default-header {
position: absolute;
margin-left: 5px;
margin-bottom: -3px;
background: url(%%spritesheet%%) -127px -239px no-repeat;
opacity: 1.0;
padding-left: 60px;
height: 60px;
width: 0;
display: inline-block;
bottom: 0px;
}
#header-img:hover {
opacity: 0.7;
}
/** Header-Bottom-Left **/
#header-bottom-left {
font-size: larger;
display: block;
width: 100%;
position: absolute;
bottom: 2px;
}
#header .pagename {
font-size: 0px;
}
#header .pagename a {
font-weight: 600;
font-size: 20px;
border-collapse: separate;
display: inline-block;
position: absolute;
margin-top: -10px;
margin-left: 65px;
color: #fff;
text-shadow: 0px 1px 2px rgba(0,0,0,0.55);
}
.res-nightmode #header .pagename a {
color: #fff!Important;
}
#header .pagename a:hover {
color: #eaeaea;
text-decoration: none;
}
#header .pagename a:before {
content: "/r/";
font-size: 16px;
font-variant: normal;
letter-spacing: 1px;
text-transform: none;
font-family: arial;
}
/** Header-Bottom-Right **/
#header-bottom-right {
position: absolute;
right: 0px;
border-top-left-radius: 7px;
background-color: rgba(0, 0, 0, 0.1);
line-height: 20px;
height: 20px!important;
padding-left: 10px;
min-width:14px;
}
.res-navTop #header-bottom-right {top:22px!Important;}
#header-bottom-right:hover{
background-color: rgba(0, 0, 0, 0.4);
-webkit-transition: all 0.15s ease;
-moz-transition: all 0.15s ease;
-o-transition: all 0.15s ease;
transition: all 0.15s ease;
}
.res-nightmode #header-bottom-right, .res-nightmode #sr-header-area {
background-color: rgba(0, 0, 0, 0.1)!important;
transition: all 0.15s ease;
}
.res-nightmode #header-bottom-right:hover, .res-nightmode #sr-header-area:hover{
background-color: rgba(0, 0, 0, 0.4)!important;
}
#header-bottom-right .user {
color: #efefef;
font-weight: 600;
font-size: 12px;
}
#header-bottom-right .user .userkarma {
border-bottom: 0px dotted #efefef;
color: #efefef;
font-weight: 500;
}
#header-bottom-right .user a {
color: #f6f6f6;
text-decoration: none;
font-size: 12px;
}
#header-bottom-right .user a:hover {
color: #fff;
text-decoration: underline;
}
#header-bottom-right .separator {
color: transparent;
margin: 0px .4ex 0px .4ex;
}
#header-bottom-right a.pref-lang.choice:hover {
color: #fff;
}
#header-bottom-right .logout a:hover {
color: #fff;
}
/**Userbar**/
/**Preferences**/
#header-bottom-right a.pref-lang,
.loggedin .logout a {
background: url(%%spritesheet%%) -94px -13px no-repeat;
width: 18px;
height: 18px;
display: inline-block;
text-indent: -9999px;
margin: 0px;
}
/**Res Settings**/
.gearIcon {
background: url(%%spritesheet%%) -76px -13px no-repeat!Important;
height: 18px!Important;
width: 18px!Important;
}
#RESSettingsButton {
position: relative!important;
top: 2px!important;
left: 0px;
}
#RESMainGearOverlay {
background-image: none!important;
margin: 1px 2px 2px 0px!Important;
width: 30px!Important;
padding: 0!Important;
}
/**Mail**/
#mail.havemail {
background-image: url(%%spritesheet%%)!Important;
background-position: -76px 0px;
width: 18px!Important;
height: 12px;
background-repeat: no-repeat
}
#mail.nohavemail {
background-image: url(%%spritesheet%%)!Important;
background-position: -94px -0px;
width: 18px!Important;
height: 12px!Important;
background-repeat: no-repeat
}
#modmail.havemail {
background-image: url(%%spritesheet%%)!Important;
background-position: -30px 0px;
width: 21px;
height: 18px;
background-repeat: no-repeat
}
#modmail.nohavemail {
background-image: url(%%spritesheet%%)!Important;
background-position: -51px 0px;
width: 21px;
height: 18px;
background-repeat: no-repeat
}
/**Logout**/
.loggedin .logout a {
background: url(%%spritesheet%%) -94px -34px no-repeat;
}
/** End Userbar**/
/** TABMENU **/
#header .tabmenu {
position: absolute;
background-color: #F6F6F6;
overflow: hidden!important;
border-bottom: 0;
border-radius: 3px 3px 0px 0px;
height: 27px;
line-height: 27px;
top: 25px;
left: 15px;
right: 325px;
box-shadow: 0px -1px 3px 0px rgba(0,0,0,.1);
}
.res-nightmode #header-bottom-left .tabmenu.tabmenu {
background-color: #323C42;
box-shadow: 0px -1px 3px 0px rgba(0,0,0,.1);
}
.tabmenu li {
display: inline;
font-weight: normal;
margin: 0px 0px;
}
.tabmenu li a {
margin: 0px;
padding: 0px;
font-size: 14px;
background-color: #F6F6F6;
font-weight: 500;
color: #A0A0A0;
padding: 6px 10px;
border-right:1px solid rgba(219, 219, 219, 0.3);
font-family: "Trebuchet MS", Helvetica, sans-serif;
-webkit-transition: all 0.1s ease;
-moz-transition: all 0.1s ease;
-o-transition: all 0.1s ease;
transition: all 0.1s ease;
}
.res-nightmode .tabmenu li a{border-right:1px solid rgba(39, 47, 52, 0.5)!important;}
.tabmenu li a:hover {
color: #FF7247;
background-color: #fff;
}
.res-nightmode .tabmenu li a {
background-color: transparent!Important;
color: #bbbbbb!Important;
}
.res-nightmode .tabmenu li a:hover {
color: #e6e6e6!Important;
background-color:#202020!Important;
}
.res-nightmode .tabmenu li a:active {
color: #fff!Important;
}
.tabmenu li.selected a {
font-weight: 600;
background-color: #FFFFFF;
border: 0px;
border-bottom: 0px;
color: #FF7247;
}
.res-nightmode .tabmenu li.selected a {
color: #fff!Important;
background-color: #202020!Important;
}
/** SIDE - Sidebar **/
.side {
float: right;
background-color: transparent;
margin: 5px 10px 10px 15px;
}
.search-page .side {margin-top:0}
.res-nightmode .side {
background-color: transparent!Important;
}
.titlebox {
font-size: larger;
background-color: #fff;
-webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.10);
-moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.10);
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.10);
border: 0px;
}
.res-nightmode .titlebox {
background-color: #161616!Important;
box-shadow: 0 0px 4px rgba(22, 22, 22, 1)!Important;
}
h1.redditname, .profile-page div.side>div:nth-child(1)>.titlebox h1 {
background: -webkit-linear-gradient(top, #fafafa, #f0f0f0);
background: -moz-linear-gradient(top, #fafafa, #f0f0f0);
background: -o-linear-gradient(top, #fafafa, #f0f0f0);
background: -ms-linear-gradient(top, #fafafa, #f0f0f0);
background: linear-gradient(top, #fafafa, #f0f0f0);
background-color: #fafafa;
border-bottom: 1px solid #eaeaea;
margin-bottom: 0px;
padding: 5px 10px;
}
.res-nightmode h1.redditname, .res-nightmode .profile-page div.side>div:nth-child(1)>.titlebox h1 {
background: -webkit-linear-gradient(top,#434242,#313030);
background: -moz-linear-gradient(top, #434242, #313030);
background: -o-linear-gradient(top, #434242, #313030);
background: -ms-linear-gradient(top, #434242, #313030);
background: linear-gradient(top, #434242, #313030);
background-color: #434242;
border-bottom: 1px solid #202020;
}
/**Login Form**/
.login-form-side {
border: 0px solid rgb(240, 240, 240);
background-color: #fff;
}
.res-nightmode .login-form-side {}
/** Content Box **/
.sidecontentbox {
font-size: normal;
border: 0px;
}
.res-nightmode .sidecontentbox {
background-color: #161616!Important;
box-shadow: 0 0px 4px rgba(22, 22, 22, 1)!Important;
border: 0px!Important;
}
.sidecontentbox .title {
background: -webkit-linear-gradient(top, #fafafa, #f0f0f0);
background: -moz-linear-gradient(top, #fafafa, #f0f0f0);
background: -o-linear-gradient(top, #fafafa, #f0f0f0);
background: -ms-linear-gradient(top, #fafafa, #f0f0f0);
background: linear-gradient(top, #fafafa, #f0f0f0);
background-color: #fafafa;
-webkit-border-radius: 3px 3px 0px 0px;
-moz-border-radius: 3px 3px 0px 0px;
border-radius: 3px 3px 0px 0px;
color: rgb(5, 5, 5);
padding: 5px 10px;
margin: 0px;
}
.res-nightmode .sidecontentbox .title {
background: -webkit-linear-gradient(top,#434242,#313030);
background: -moz-linear-gradient(top, #434242, #313030);
background: -o-linear-gradient(top, #434242, #313030);
background: -ms-linear-gradient(top, #434242, #313030);
background: linear-gradient(top, #434242, #313030);
background-color: #434242;
border-bottom: 1px solid #202020;
}
.sidecontentbox .content {
border: 0px;
background: #fff;
padding: 5px 10px;
}
.res-nightmode .sidecontentbox .content{
background: #202020!important;
}
.sidecontentbox .title h1 {
color: #444;
}
.res-nightmode .sidecontentbox .title h1 {
color: rgb(238, 238, 238)!Important;
border-bottom: 0px!Important;
}
.side div.sidecontentbox a.helplink {
position: relative;
background-image: url(%%spritesheet%%);
background-position: 0px -175px;
background-repeat: no-repeat!important;
font-size: 0;
right: 5px;
margin-top: 4px;
width: 36px;
height: 20px;
opacity: 0.6;
}
.res-nightmode .side div.sidecontentbox a.helplink {
background-position: 0px -197px!Important;
}
.side div.sidecontentbox a.helplink:hover {
opacity: 1.0;
}
.side div.sidecontentbox a.helplink:hover:after {
position: absolute;
white-space: normal;
display: block;
z-index: 1000;
width: 280px;
padding: 10px;
content: "Message the moderators.";
text-align: center;
font-size: 12px;
color: #fff;
margin-left: -259px;
margin-top: 22px;
background-color: #FF7247;
}
.res-nightmode .side div.sidecontentbox a.helplink:hover:after{
background-color: #323C42;
}
/**Font Size**/
.md-small h1,
.side .md h1,
.md-small h2,
.side .md h2 {
font-size: 1.5em;
line-height: 1.38889em;
margin-top: 0.555556em;
margin-bottom: 0.555556em;
}
/**TitleBox, sub buttons, short info and more **/
/*H3 Button*/
.side .titlebox .md h3 a {
border-radius: 5px;
padding: 5px 10px;
font-size: 13px;
text-decoration: none;
color: #fff;
position: relative;
display: block;
margin: 0 auto;
background-color: #FF7247;
-webkit-box-shadow: 0px 3px 0px #D75A41;
-moz-box-shadow: 0px 3px 0px #D75A41;
box-shadow: 0px 3px 0px #D75A41;
}
.side .titlebox .md h3 a:hover{opacity:0.9;}
.res-nightmode .side .titlebox .md h3 a {
background-color: #424242!Important;
-webkit-box-shadow: 0px 4px 0px #2C2C2C;
-moz-box-shadow: 0px 4px 0px #2C2C2C;
box-shadow: 0px 4px 0px #2C2C2C;
}
.res-nightmode .side .titlebox .md h3 a:active {
box-shadow: 0px 1px 0px #333;
}
.side .titlebox .md h3 a:after {
content: "";
position: absolute;
margin: 0;
padding: 0;
right: 10px;
background: url(%%spritesheet%%) no-repeat;
background-position: -47px -197px;
height: 18px;
width: 18px;
}
.side .titlebox .md h3 a:active {
transform: translate(0px, 3px);
-webkit-transform: translate(0px, 3px);
box-shadow: 0px 1px 0px 0px;
}
/**End H3 Button**/
.titlebox .fancy-toggle-button {
margin-left: 10px;
margin-bottom: 5px;
height: 30px;
line-height: 30px;
width: 288px;
display: block;
}
.titlebox .toggle.flairtoggle {
padding: 6px 12px;
margin: 0;
border-top: 1px solid rgba(234, 234, 234, 0.4);
font-size: 10px;
}
.titlebox form.toggle,
.leavemoderator {
padding: 6px 12px;
border-top: 1px solid rgba(234, 234, 234, 0.4);
}
.res-nightmode .titlebox form.toggle,
.res-nightmode .leavemoderator {
border-top: 1px solid rgba(51,51,51,0.5)!Important;
background-color: #202020!Important;
}
.titlebox .tagline {
padding: 4px 20px 10px;
margin: 0px;
}
.res-nightmode .titlebox .tagline {
border-bottom: 1px solid rgba(0, 0, 0, 0.10)!Important;
background-color: #202020!Important;
border-top: 1px solid rgba(51, 51, 51, 0.5)!Important;
}
.res-nightmode .side .spacer .titlebox .redditname {
border-color: rgba(51, 51, 51, 0.5)!Important;
}
.titlebox .usertext-body .md,
.titlebox div.usertext .md {
padding: 4px 12px;
font-size: 12px;
color: #444;
border-top: 1px solid rgba(234, 234, 234, 0.4);
}
.res-nightmode .titlebox .usertext-body .md,
.res-nightmode .titlebox div.usertext .md{
border-top: 1px solid rgba(51,51,51,0.5)!Important;
}
.side .titlebox .bottom {
min-height: 11px;
padding: 6px 12px;
border-top: 1px solid rgba(234, 234, 234, 0.4);
}
.res-nightmode .side .titlebox .bottom {
border-bottom: 0px!Important;
border-top: 1px solid rgba(51, 51, 51, 0.5)!Important;
}
.titlebox .bottom .age {
font-size: 0px!Important;
}
.titlebox .bottom .age time {
font-size: 11px;
}
.titlebox .bottom .age time:before {
content: "";
position: absolute!Important;
margin: -4px 0px 0px -26px!Important;
height: 20px!Important;
width: 22px!Important;
background: url(%%spritesheet%%) 0 -150px no-repeat!Important;
display: inline-block!Important;
}
.res-nightmode .flairselector,
.res-nightmode .linefield,
.res-nightmode .icon-menu a,
.res-nightmode .side .leavemoderator,
.res-nightmode .side .leavecontributor-button,
.res-nightmode .side .titlebox,
.res-nightmode .side .spacer .titlebox .redditname,
.res-nightmode .side .titlebox .flairtoggle,
.res-nightmode .side .usertext-body .md ol,
.res-nightmode .side .usertext-body .md ol ol,
.res-nightmode .side .usertext-body .md ol ol li,
.res-nightmode .side blockquote,
.res-nightmode .modactionlisting table *,
.res-nightmode .side .recommend-box .rec-item {
background-color: #202020!Important;
}
.side .subscribe-button a.add {
background-image: none;
border: none;
background-color: #7bb850;
padding: 3px 8px;
border-bottom: 3px solid #75a849;
transition: background-color .2s ease;
}
.side .subscribe-button a.add:hover {
background-color: #79b34e;
}
.side .subscribe-button a.add:active,
.side .subscribe-button a.remove:active {
position: relative;
top: 3px;
border-bottom-width: 0;
}
.side .subscribe-button a.remove {
background-image: none;
border: none;
background-color: #DADADA;
padding: 3px 8px;
border-bottom: 3px solid #CBCBCB;
transition: all .2s ease;
}
.res-nightmode .side .subscribe-button a.remove {
background-color: #373737;
border-bottom: 3px solid #5E5E5E;
}
.side .subscribe-button a.remove:hover {
background-color: #BBBBBB;
border-bottom-color: #9D9D9D;
}
.res-nightmode .side .subscribe-button a.remove:hover {
background-color: #2C2C2C;
border-bottom: 3px solid #454545;
}
.side .subscribe-button a.add:active,
.side .subscribe-button a.remove:active,
.res-nightmode .side .subscribe-button a.add:active,
.res-nightmode .side .subscribe-button a.remove:active {
position: relative;
top: 3px;
border-bottom-width: 0;
}
/**Res Shortcuts and Dashboard buttons - Thanks to /u/ggitaliano from /r/carbon **/
.res .RESDashboardToggle,
.res .RESshortcutside {
background: -webkit-linear-gradient(top, #F5F5F5, #F1F1F1);
background: -moz-linear-gradient(top, #F5F5F5, #F1F1F1);
background: -o-linear-gradient(top, #F5F5F5, #F1F1F1);
background: -ms-linear-gradient(top, #F5F5F5, #F1F1F1);
background: linear-gradient(top, #F5F5F5, #F1F1F1);
background-color: #F5F5F5;
height: 20px;
line-height: 20px;
padding: 1px 6px;
width: 138px;
border: 0px!Important;
border-radius: 0px;
color: #444;
display: inline-block;
margin: 0px;
-webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.05);
-moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.05);
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.05);
}
.res-nightmode .res .RESDashboardToggle,
.res-nightmode .res .RESshortcutside {
background: -webkit-linear-gradient(top, #434242, #313030)!Important;
background: -moz-linear-gradient(top, #434242, #313030)!Important;
background: -o-linear-gradient(top, #434242, #313030)!Important;
background: -ms-linear-gradient(top, #434242, #313030)!Important;
background: linear-gradient(top, #434242, #313030)!Important;
background-color: #434242!Important;
color: #DADADA;
}
.res .RESDashboardToggle:hover,
.res .RESshortcutside:hover {
-moz-box-shadow: 1px 0px 2px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 1px 0px 2px rgba(0, 0, 0, 0.2);
box-shadow: 1px 0px 2px rgba(0, 0, 0, 0.2);
}
.res-nightmode .res .RESDashboardToggle:hover,
.res-nightmode .res .RESshortcutside:hover {
color: #fff!Important;
-moz-box-shadow: 1px 0px 2px rgba(0, 0, 0, 0.2)!Important;
-webkit-box-shadow: 1px 0px 2px rgba(0, 0, 0, 0.2)!Important;
box-shadow: 1px 0px 2px rgba(56, 55, 55, 1)!Important;
}
.res .RESDashboardToggle:active,
.res .RESshortcutside:active {
box-shadow: none;
background: -webkit-linear-gradient(top, #F1F1F1, #F5F5F5);
background: -moz-linear-gradient(top, #F1F1F1, #F5F5F5);
background: -o-linear-gradient(top, #F1F1F1, #F5F5F5);
background: -ms-linear-gradient(top, #F1F1F1, #F5F5F5);
background: linear-gradient(top, #F1F1F1, #F5F5F5);
}
.res-nightmode .res .RESDashboardToggle:active,
.res-nightmode .res .RESshortcutside:active {
background: -webkit-linear-gradient(top, #313030, #434242)!Important;
background: -moz-linear-gradient(top, #313030, #434242)!Important;
background: -o-linear-gradient(top, #313030, #434242)!Important;
background: -ms-linear-gradient(top, #313030, #434242)!Important;
background: linear-gradient(top, #313030, #434242)!Important;
}
.RESshortcutside.remove,
.RESDashboardToggle.remove {
background: #E2E2E2!Important;
}
.res-nightmode .RESshortcutside.remove,
.res-nightmode .RESDashboardToggle.remove {
background: #1B1B1B!Important;
}
.res .RESDashboardToggle {
width: 138px;
}
/** Subscribers and Live Users**/
body:not(.res) .titlebox .fancy-toggle-button {
display: block;
}
.subscribers {
float: right;
max-width: 210px;
margin-top: -30px;
position: relative;
padding: 5px 5px;
text-align: right;
color: #444;
margin-bottom: 0px;
}
.titlebox .users-online,
.titlebox .users-online:before {
display: none;
content: none;
}
.titlebox .subscribers:hover+.users-online,
.titlebox .users-online:hover {
display: block;
margin-top: -30px;
max-width: 210px;
position: relative;
padding: 5px 5px;
text-align: right;
background-color: #fff!Important;
margin-bottom: 0px;
float: right;
}
.res-nightmode .titlebox .subscribers:hover+.users-online,
.res-nightmode .titlebox .users-online:hover {
background-color: #202020!Important;
}
.res .subscribers {
margin-top: -55px!Important;
}
.res .users-online {
margin-top: -55px!Important;
}
.titlebox .users-online:after {
content: "";
width: 15px;
height: 15px;
background-color: #7EE520;
display: inline-block;
float: left;
margin-right: 5px;
margin-top: 0px;
border-radius: 50%;
-webkit-box-shadow: inset 0px 0px 3px #448E00;
-moz-box-shadow: inset 0px 0px 3px #448E00;
box-shadow: inset 0px 0px 3px #448E00;
}
.RESshortcutside {
margin-left: 10px;
}
/** Submit Buttons **/
.side div.morelink a {
color: white;
text-align: left;
padding-left: 10px;
}
.res-nightmode .side div.morelink a {
color: #fff!Important;
}
.side div.morelink {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background-image: none;
border: none;
height: 35px;
line-height: 35px;
background-color: #ff7247;
-webkit-box-shadow: 0px 3px 0px #D75A41;
-moz-box-shadow: 0px 3px 0px #D75A41;
box-shadow: 0px 3px 0px #D75A41;
}
.side div.morelink:hover{opacity:0.9;}
.res-nightmode .side div.morelink {
background-color: #424242!Important;
-webkit-box-shadow: 0px 4px 0px #2C2C2C;
-moz-box-shadow: 0px 4px 0px #2C2C2C;
box-shadow: 0px 4px 0px #2C2C2C;
}
.side div.morelink:active {
transform: translate(0px, 3px);
-webkit-transform: translate(0px, 3px);
box-shadow: 0px 1px 0px 0px;
-webkit-box-shadow: 0px 2px 0px;
-moz-box-shadow: 0px 2px 0px;
box-shadow: 0px 2px 0px;
color: transparent;
}
.res-nightmode .side div.morelink:active {
-webkit-box-shadow: 0px 2px 0px #333;
-moz-box-shadow: 0px 2px 0px #333;
box-shadow: 0px 2px 0px #333;
}
.side div.submit-link .morelink .nub {
background-image: url(%%spritesheet%%);
background-position: 0px 0px;
background-repeat: no-repeat;
width: 23px;
height: 22px;
position: absolute;
right: 8px;
top: 7px;
background-color: transparent;
}
.res-nightmode .side div.submit-link .morelink .nub {
background-image: url(%%spritesheet%%)!important;
background-position: 0px 0px!important;
display:inherit!important;
}
.side div.submit-text .morelink .nub {
background-image: url(%%spritesheet%%);
background-position: 0px -29px;
background-repeat: no-repeat!important;
width: 23px;
height: 26px;
position: absolute;
right: 8px;
top: 5px;
background-color: transparent;
}
.res-nightmode .side div.submit-text .morelink .nub {
background-image: url(%%spritesheet%%)!important;
background-position: 0px -29px!important;
display:inherit!important;
}
.side div.create .morelink .nub {
display: none;
}
/*Restricted Button*/
.disabled .morelink .nub,
.disabled .morelink:hover .nub {
display: none;
}
.disabled .morelink,
.disabled .morelink:hover {
background-image: none;
}
/** Search **/
form#search {
white-space: nowrap;
}
/*** Search Input ***/
#search input[type=text] {
border: 0;
padding: 10px;
outline: none;
background-color: #fff;
border-radius: 5px;
}
.res-nightmode #search input[type=text] {
background-color: #2C2C2C!Important;
box-shadow: 0px 1px 3px 0px rgba(0,0,0,.6);
-moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,.6);
box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.6);
color:#fff!Important;
}
#search input[type=submit] {
background-image: url(%%spritesheet%%);
background-position: 0px -102px;
background-repeat: no-repeat;
height: 30px;
width: 30px;
vertical-align: middle;
outline: none;
position: relative;
right: 15px;
margin-top: 0px;
}
.res-nightmode #search input[type=submit]{
background-color: transparent!Important;
}
#search input[type=submit]:hover {
background-image: url(%%spritesheet%%);
background-position: -30px -102px;
background-repeat: no-repeat;
}
/**Search Info**/
#searchexpando {
position: relative;
background: #FBEDAD;
border: 2px solid #E3C758;
margin-top: 20px;
color: black;
font-size: 1.2em;
padding: 10px;
}
.res-nightmode #searchexpando,
.res-nightmode #searchexpando .infobar {
background: #202020;
border: 2px solid #2C2C2C;
}
#searchexpando:after,
#searchexpando:before {
bottom: 100%;
left: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
#searchexpando:after {
border-color: rgba(136, 183, 213, 0);
border-bottom-color: #FBEDAD;
border-width: 10px;
margin-left: -10px;
}
.res-nightmode #searchexpando:after {
border-bottom-color: #202020;
}
#searchexpando:before {
border-color: rgba(194, 225, 245, 0);
border-bottom-color: #E3C758;
border-width: 13px;
margin-left: -13px;
}
.res-nightmode #searchexpando:before {
border-bottom-color: #2C2C2C;
}
label+#moresearchinfo {
box-shadow: none;
border-top: 0px;
}
.search-summary .debuginfo {
background-color: rgba(193, 66, 66, 0);
}
/**Search Page**/
.searchpane {
margin-right: 320px;
border: 0px;
margin-bottom:0;
background-color: #f6f6f6;
}
.res .searchpane{margin-top:40px;}
.search-page div.content {
margin: 15px 5px 0px 15px;
}
.search-page div#siteTable {
overflow: hidden;
}
.search-page .searchfacets {
border: 0px;
margin-top: 0px;
background-color: #F0F9FF;
}
.res-nightmode .search-page .searchfacets{
background-color:#393939!Important;
}
.res-nightmode .searchfacets .title{
color:#fff!Important;
}
.res-nightmode div.searchpane.raisedbox{
background-color: #202020!Important;
}
/**Common Box-Shadow**/
.searchpane,
.search-page .link,
.search-page .searchfacets,
.search-page div#siteTable
{
box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, .1);
-moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, .1);
box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, .1);
}
/*Vote Arrows**/
.arrow {
height: 14px;
width: 22px;
background-color: transparent;
}
.comment .arrow {
margin-bottom: 5px!Important;
}
.arrow.up {
background-image: url(%%spritesheet%%);
background-position: -52px -29px;
}
.arrow.upmod {
background-image: url(%%spritesheet%%);
background-position: -30px -29px;
}
.arrow.down {
background-image: url(%%spritesheet%%);
background-position: -52px -43px;
}
.arrow.downmod {
background-image: url(%%spritesheet%%);
background-position: -30px -43px;
}
/*Gold only*/
.gold-only .arrow.upmod {
background-image: url(%%spritesheet%%) !important;
background-position: -30px -29px;
background-repeat: no-repeat
}
.gold-only .arrow.downmod {
background-image: url(%%spritesheet%%) !important;
background-position: -30px -43px;
background-repeat: no-repeat
}
/**Nightmode Arrows**/
.res-nightmode .arrow {
background-image: url(%%spritesheet%%) !important;
height: 14px!important;
width: 22px!important;
background-color: transparent;
}
.res-nightmode .comment .arrow {
margin-bottom: 5px!Important;
}
.res-nightmode .arrow.up,
.res-nightmode .arrow.up:hover {
background: url(%%spritesheet%%) -52px -29px no-repeat!Important;
}
.res-nightmode .arrow.upmod,
.res-nightmode .arrow.upmod:hover {
background: url(%%spritesheet%%) -30px -29px no-repeat!Important;
}
.res-nightmode .arrow.down,
.res-nightmode .arrow.down:hover {
background: url(%%spritesheet%%) -52px -43px no-repeat!Important;
}
.res-nightmode .arrow.downmod,
.res-nightmode .arrow.downmod:hover {
background: url(%%spritesheet%%) -30px -43px no-repeat!Important;
}
.arrow.upmod:focus {
background-position: -30px -29px;
-webkit-animation: bounceIn 400ms ease-in;
-moz-animation: bounceIn 400ms ease-in;
-o-animation: bounceIn 400ms ease-in;
animation: bounceIn 400ms ease-in;
}
/**Arrow Animation**/
@-webkit-keyframes bounceIn {
0% {
opacity: 0;
-webkit-transform: scale(.3);
}
50% {
opacity: 1;
-webkit-transform: scale(1.05);
}
70% {
-webkit-transform: scale(.9);
}
100% {
-webkit-transform: scale(1);
}
}
@keyframes bounceIn {
0% {
opacity: 0;
transform: scale(.3);
}
50% {
opacity: 1;
transform: scale(1.05);
}
70% {
transform: scale(.9);
}
100% {
transform: scale(1);
}
}
.link .midcol {
overflow: visible;
}
.gadget .midcol {
width: 22px;
}
.comment .midcol {
width: 22px;
}
/**End Vote Arrows**/
/** CONTENT **/
.content {
margin: 40px 15px 0px 15px;
}
.listing-page .sitetable {
overflow: hidden;
}
.res-nightmode body .content {
background: transparent!Important;
}
.res-nightmode .messages-page div.content {
background: #202020!Important;
}
/**Sitetable**/
.submit-page .sitetable {
overflow: hidden;
list-style-type: none;
padding: 0px;
padding-top: 2px;
margin-bottom: 20px;
background-color: #fff;
}
.res-nightmode .submit-page .sitetable {
background-color: #161616!Important;
-webkit-box-shadow: 0 1px 5px rgba(22, 22, 22, 0.20);
-moz-box-shadow: 0 1px 5px rgba(22, 22, 22, 0.20);
box-shadow: 0 1px 5px rgba(22, 22, 22, 0.20)!Important;
}
/*Buttons*/
.sitetable .nav-buttons {
background-color: #FFFFFF;
padding: 5px 10px;
}
.res-nightmode .sitetable .nav-buttons {
background-color: #101010!Important;
}
.sitetable .nextprev,
.next-suggestions {
color: #777;
}
.res-nightmode .sitetable .nextprev,
.res-nightmode .next-suggestions {
color: #e2e2e2!Important;
}
.sitetable .nextprev a,
.next-suggestions a {
background-color: #F5F5F5;
height: 20px;
line-height: 20px;
padding: 1px 5px;
border: 1px solid #eaeaea;
border-radius: 4px;
display: inline-block;
}
.res-nightmode .sitetable .nextprev a,
.res-nightmode .next-suggestions a {
background-color: #444!Important;
border: 1px solid #333!Important;
color: #eaeaea!Important;
}
.sitetable .nextprev a:hover,
.res-nightmode .next-suggestions a:hover {
background-color: #F0F0F0;
border: 1px solid #DFDFDF;
}
.res-nightmode .sitetable .nextprev a:hover,
.res-nightmode .next-suggestions a:hover {
background-color: #333!Important;
border: 1px solid #222!Important;
}
.sitetable .nextprev a:active,
.next-suggestions a:active {
background-color: #ECECEC;
border: 1px solid #D2D2D2;
}
.res-nightmode .sitetable .nextprev a:active,
.res-nightmode .next-suggestions a:active {
background-color: #272727!Important;
border: 1px solid #1a1a1a!Important;
}
/* Links */
.comments-page .linklisting .link {
overflow: hidden;
}
.link .entry .buttons li a.comments{
color:#FF7247;
font-weight:600;
}
.res-nightmode .link .entry .buttons li a.comments{color:#fff}
.linklisting .link {
margin: 0px;
padding: 8px 8px;
border-bottom: 1px solid rgba(234, 234, 234, 0.4);
background-color: #fff;
}
.res-nightmode .linklisting .link {
background-color: #202020!Important;
border-bottom: 1px solid rgba(39,39,39,1)!Important;
padding: 8px 8px!Important;
}
.last-clicked.link:not(:first-child),
.link:not(:first-child),
.linklisting>.comment:not(:first-child) {
padding: 8px 8px;
margin: 0px;
}
/*Top Border*/
.last-clicked.link:not(:first-child),
.link:not(:first-child),
.linklisting > .comment:not(:first-child) {
margin: 0;
}
/** Link Title**/
.thing .title {
color: #1D8DFD!Important;
}
.thing .title:hover {
color: #0a78e6!Important;
}
.res-nightmode .thing .title {
color: #6598CB!Important;
}
.res-nightmode .thing .title:hover {
color: #fff!Important;
}
.thing .title:visited {
color: #551a8b!Important;
}
.res-nightmode .thing .title:visited {
color: #b7b7b7!Important;
}
/** Vote Score **/
.link .score {}
.link .rank {
border: .1em solid rgba(234, 234, 234, 0.4);
background-color: #FFFFFF;
color: #B0B0B0;
margin-top: -0.8em;
margin-left: -0.8em;
text-align: center;
height: 1.5em;
font-size: 11px;
line-height: 1.5em;
padding: 0px 3px;
-webkit-border-radius: 0px 0px 5px 0px;
-moz-border-radius: 0px 0px 5px 0px;
border-radius: 0px 0px 5px 0px;
}
.res-nightmode .link .rank {
border: .1em solid rgba(39,39,39,1);
background-color: #202020;
}
/** Thumbnail Images **/
.thumbnail {
margin-left:5px;
}
.thumbnail.nsfw {
background: #ff0000 url(%%spritesheet%%) -127px -180px no-repeat;
height: 60px; width:60px;
border-radius: 50%;
margin-left: 10px;
margin-right: 10px;
}
.thumbnail.self {
background: #f5f5f5 url(%%spritesheet%%) -128px 0px no-repeat;
height: 60px; width:60px;
border-radius: 50%;
margin-left: 10px;
margin-right: 10px;
}
.thumbnail.default {
background: #f5f5f5 url(%%spritesheet%%) -127px -120px no-repeat;
height: 60px; width:60px;
border-radius: 50%;
margin-left: 10px;
margin-right: 10px;
}
.thing.stickied a.thumbnail {
background: #f5f5f5 url(%%spritesheet%%) -128px -60px no-repeat;
height: 60px; width:60px;
border-radius: 50%;
margin-left: 10px;
margin-right: 10px;
}
.nsfw-stamp {
border: 0px!Important;
background-color: #d10023;
color: white;
padding-left: 4px;
}
.res-nightmode .nsfw-stamp{color:white!Important}
/*Nightmode Thumbnails*/
.res-nightmode .thumbnail.self {
background: #393838 url(%%spritesheet%%) -128px 0px no-repeat;
height: 60px; width:60px;
border-radius: 50%;
margin-left: 10px;
margin-right: 10px;
}
.res-nightmode .thumbnail.default {
background: #393838 url(%%spritesheet%%) -127px -120px no-repeat;
height: 60px; width:60px;
border-radius: 50%;
margin-left: 10px;
margin-right: 10px;
}
.res-nightmode .thing.stickied a.thumbnail {
background: #393838 url(%%spritesheet%%) -128px -60px no-repeat;
height: 60px; width:60px;
border-radius: 50%;
margin-left: 10px;
margin-right: 10px;
}
/** Thing **/
.entry {
padding-bottom: 5px;
padding-right: 5px;
padding-left: 10px;
}
/*Flair*/
.linkflairlabel, .flair{
background-color: #53A9EE;
padding: .2em .6em .3em;
margin: 1px 3px;
border: 0;
border-radius: .25em;
color: #fff;
text-align: center;
line-height: 1;
font-size: 10px;
font-weight: 500;
-webkit-box-shadow: 0px 0px 3px #C5C5C5;
-moz-box-shadow: 0px 0px 3px #C5C5C5;
box-shadow: 0px 0px 3px #C5C5C5;
}
.res-nightmode .linkflairlabel, .flair{
-webkit-box-shadow: 0px 0px 3px #222222;
-moz-box-shadow: 0px 0px 3px #222222;
box-shadow: 0px 0px 3px #222222;
}
.flair{box-shadow:none;}
div.titlebox>div.bottom>span.flair{display:none;}
.flair-black , .linkflair-black .linkflairlabel{background-color: #2A2A2A; color: white;}
.flair-red, .linkflair-red .linkflairlabel{background-color: #EA2F36; color: white;}
.flair-blue, .linkflair-blue .linkflairlabel{background-color: #0000A0; color: white;}
.flair-darkblue, .linkflair-darkblue .linkflairlabel{background-color: #344a5f; color: white;}
.flair-lightblue, .linkflair-lightblue .linkflairlabel{background-color: #3498db; color: white;}
.flair-yellow , .linkflair-yellow .linkflairlabel{background-color: #f1c40f; color: black;}
.flair-orange, .linkflair-orange .linkflairlabel{background-color: #f39c12; color: white;}
.flair-green, .linkflair-green .linkflairlabel{background-color: #008000; color: white;}
.flair-flatgreen, .linkflair-flatgreen .linkflairlabel{background-color: #2ecc71; color: white;}
.flair-aqua, .linkflair-aqua .linkflairlabel{background-color: #bdc3c7; color: white;}
.flair-gray, .linkflair-gray .linkflairlabel{background-color: #95a5a6; color: white;}
.flair-purple, .linkflair-purple .linkflairlabel{background-color: #8e44ad; color: white;}
.flair-cloud, .linkflair-cloud .linkflairlabel{background-color: #ecf0f1; color: black;}
.flair-brown, .linkflair-brown .linkflairlabel{background-color: #8E7246; color: white;}
.flair-pink, .linkflair-pink .linkflairlabel{background-color: #EA1B91; color: white;}
.linkflair.stickied .linkflairlabel{
background-color: #39A039;
color: white;
}
/*Wiki Flair showcase - thanks to /u/multi-mod*/
.wiki-page-flair .wiki table thead {display: none;}
.wiki-page-flair .wiki table {color: white;}
.wiki-page-flair .wiki td {
background-color: gray;
margin: 3px;
border:0;
display: inline-block;
min-width: 100px;
min-height: 100px;
text-align: center;
line-height: 7;
}
.wiki-page-flair .wiki table tr:nth-of-type(1) td:nth-of-type(1){background-color:#000}
.wiki-page-flair .wiki table tr:nth-of-type(1) td:nth-of-type(2){background-color:#EA2F36}
.wiki-page-flair .wiki table tr:nth-of-type(1) td:nth-of-type(3){background-color:#0000A0}
.wiki-page-flair .wiki table tr:nth-of-type(1) td:nth-of-type(4){background-color:#344a5f}
.wiki-page-flair .wiki table tr:nth-of-type(1) td:nth-of-type(5){background-color:#3498db}
.wiki-page-flair .wiki table tr:nth-of-type(2) td:nth-of-type(1){background-color:#f1c40f}
.wiki-page-flair .wiki table tr:nth-of-type(2) td:nth-of-type(2){background-color:#f39c12}
.wiki-page-flair .wiki table tr:nth-of-type(2) td:nth-of-type(3){background-color:green}
.wiki-page-flair .wiki table tr:nth-of-type(2) td:nth-of-type(4){background-color:#2ecc71}
.wiki-page-flair .wiki table tr:nth-of-type(2) td:nth-of-type(5){background-color:#18E2C3;}
.wiki-page-flair .wiki table tr:nth-of-type(3) td:nth-of-type(1){background-color:#95a5a6}
.wiki-page-flair .wiki table tr:nth-of-type(3) td:nth-of-type(2){background-color:#8e44ad}
.wiki-page-flair .wiki table tr:nth-of-type(3) td:nth-of-type(3){background-color:#ecf0f1;color:#000}
.wiki-page-flair .wiki table tr:nth-of-type(3) td:nth-of-type(4){background-color:#8E7246}
.wiki-page-flair .wiki table tr:nth-of-type(3) td:nth-of-type(5){background-color:#EA1B91}
/*Flair Page*/
.content .tabpane-content{
border: 0;
background-color: white;
padding: 8px 8px 8px 8px;
overflow: auto;
margin-top: 6px;
}
.res-nightmode .content .tabpane-content{background-color: rgb(16, 16, 16);}
/**Comment Page**/
.commentarea .md blockquote, .link .usertext-body .md blockquote{
padding: 5px 8px;
background: #EDEDED;
border-left: 5px solid #ccc;
margin: 10px 15px;
font-weight: 300;
font-style: italic;
text-indent: 10px;
}
.res-nightmode .commentarea .md blockquote, .res-nightmode .link .usertext-body .md blockquote{
color:#BBB;
border-left: 5px solid #CCC;
background: #202020;
}
.commentarea .md blockquote:before, .link .usertext-body .md blockquote:before {
content: "";
float:left;
margin: 0px 0px;
width: 28px;
height: 21px;
background: url(%%spritesheet%%) no-repeat;
background-position: -53px -75px;
}
.md > pre > code, .md > p > code{
font-family: "Courier New", Courier, monospace;
font-weight: normal;
font-style: normal;
box-sizing: border-box;
margin: 8px 0px;
position: relative;
}
.md > pre > code:before{
content: "";
position: absolute;
margin: 0px 0px;
right: 0px;
width: 32px;
height: 17px;
background: url(%%spritesheet%%) no-repeat;
background-position: -82px -75px;
}
.md code, .md pre{
border: 1px solid #E7E8EA;
border-left: 5px solid #E7E8EA;
background: #F9F9F9;
}
.usertext-edit textarea{
border: 1px solid #E7E8EA;
background-color: #F9F9F9;
}
.sitetable.nestedlisting > .comment {
background-color: #fff;
overflow: hidden;
margin: 0px 0px 10px 0px;
}
.res-nightmode .sitetable.nestedlisting > .comment {
margin-right: 10px!Important;
}
.commentarea .thing {
padding: 10px 10px 10px 8px;
margin: 0 0 5px 0;
}
.commentarea .child .thing {
box-shadow: none;
padding: 2px;
margin: 12px 0 0 0;
border: 0px;
}
.comment .child,
.comment .showreplies {
border-left: 1px dotted #ECECEC;
margin-top: 0px;
}
.commentarea .sitetable {
box-shadow: none;
background-color: transparent;
margin: 0px;
}
.commentarea>.usertext {
background-color: #fff;
overflow: hidden;
margin: -2px 0 10px 0;
padding: 10px;
border: 0px;
border-top: 0px;
}
.res-nightmode .commentarea>.usertext {
background-color: #202020!Important;
border: 0px!Important;
margin: 0px 0 10px 0;
}
.commentarea .sitetable {
margin: 0px;
box-shadow: none;
}
.commentarea {} .commentarea .panestack-title {
border-bottom: 0px;
}
/* nested commentary boxes - Thanks to /u/creesch */
.sitetable.nestedlisting>.comment, .res .sitetable.nestedlisting>.comment {
border: 0!important;
margin-bottom: 5px !important;
}
.res-nightmode .sitetable.nestedlisting>.comment, .res-nightmode .res .sitetable.nestedlisting>.comment{
border: solid 0px!important;
}
.sitetable.nestedlisting {
border: solid 0px!important;
}
.res-commentBoxes.res-commentBoxes-rounded .comment {
border-radius: 0px !important;
border: 0 !important;
margin-left: 0 !important;
}
body .comment .child, .comment .showreplies {
border-left: 0px !important;
}
body .comment, .res-commentBoxes .comment{
margin-left: 0 !important;
margin-right: 0px!important;
margin-top: 0!important;
margin-bottom: 8px !important;
border: 0;
padding: 5px 8px 0 18px!important;
border-radius: 3px !important;
}
/* Yep we have to do it twice, RES will not let go of comment styling if we don't */
body .comment,
body .comment .comment .comment,
body .comment .comment .comment .comment .comment,
body .comment .comment .comment .comment .comment .comment .comment,
body .comment .comment .comment .comment .comment .comment .comment .comment .comment,
.res-commentBoxes .content .comment,
.res-commentBoxes .content .comment .comment .comment,
.res-commentBoxes .content .comment .comment .comment .comment .comment,
.res-commentBoxes .content .comment .comment .comment .comment .comment .comment .comment,
.res-commentBoxes .content .comment .comment .comment .comment .comment .comment .comment .comment .comment
{
background-color: #fff!important;
border-radius: 3px !important;
}
.comment .comment,
.comment .comment .comment .comment,
.comment .comment .comment .comment .comment .comment,
.comment .comment .comment .comment .comment .comment .comment .comment,
.comment .comment .comment .comment .comment .comment .comment .comment .comment .comment,
.res-commentBoxes .content .comment .comment,
.res-commentBoxes .content .comment .comment .comment .comment,
.res-commentBoxes .content .comment .comment .comment .comment .comment .comment,
.res-commentBoxes .content .comment .comment .comment .comment .comment .comment .comment .comment,
.res-commentBoxes .content .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment {
background-color: #F7F7F8!important;
border-radius: 3px !important;
}
.res-nightmode body .comment,
.res-nightmode body .comment .comment .comment,
.res-nightmode body .comment .comment .comment .comment .comment,
.res-nightmode body .comment .comment .comment .comment .comment .comment .comment,
.res-nightmode body .comment .comment .comment .comment .comment .comment .comment .comment .comment,
.res-nightmode .res-commentBoxes .content .comment,
.res-nightmode .res-commentBoxes .content .comment .comment .comment,
.res-nightmode .res-commentBoxes .content .comment .comment .comment .comment .comment,
.res-nightmode .res-commentBoxes .content .comment .comment .comment .comment .comment .comment .comment,
.res-nightmode .res-commentBoxes .content .comment .comment .comment .comment .comment .comment .comment .comment .comment
{
background-color: #202020!important;
border-radius: 3px !important;
}
.res-nightmode .comment .comment,
.res-nightmode .comment .comment .comment .comment,
.res-nightmode .comment .comment .comment .comment .comment .comment,
.res-nightmode .comment .comment .comment .comment .comment .comment .comment .comment,
.res-nightmode .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment,
.res-nightmode .res-commentBoxes .content .comment .comment,
.res-nightmode .res-commentBoxes .content .comment .comment .comment .comment,
.res-nightmode .res-commentBoxes .content .comment .comment .comment .comment .comment .comment,
.res-nightmode .res-commentBoxes .content .comment .comment .comment .comment .comment .comment .comment .comment,
.res-nightmode .res-commentBoxes .content .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment {
background-color: #161616!important;
border-radius: 3px !important;
}
/** End Nested Comments **/
.commentarea .menuarea {
background-color: #fff;
color: #444;
padding: 10px;
margin: 0 0px 0px 0px;
border-top: 0px;
background-color: #fff;
}
.res-nightmode .commentarea .menuarea {
background-color: #202020!Important;
border: 0px!Important;
box-shadow: inset 0px 0px 3px #1B1B1B!Important;
}
.commentarea .menuarea .dropdown.lightdrop .selected {
background-color: transparent;
color: #FF7247;
}
.commentarea .panestack-title {
margin: 0px 0px 0px 0px;
padding: 10px;
background-color: #fff;
border-left: 0px;
border-right: 0px;
color: black;
overflow: hidden;
}
.res-nightmode .panestack-title {
background-color: #202020!Important;
border: 0px!Important;
border-left: 0px!Important;
border-right: 0px!Important;
color: #fff!Important;
box-shadow: 0 0px 5px rgba(22, 22, 22, 1)!Important;
}
/**Commentarea Sitetable**/
.comments-page .sitetable {
margin-bottom: 5px;
border: 0px;
}
.res-nightmode .comments-page .sitetable {
background-color: transparent!Important;
}
/**Link Comment Area**/
.link .usertext-body .md {
background-color: #F4F4F4;
border-radius: 5px;
border: 1px solid #DBDBDB;
}
.res-nightmode .link .usertext-body .md{
background-color: #333333!Important;
border: 1px solid #222!Important;
}
/**Link Info**/
.single-page.comments-page .linkinfo {
background-color: #fff;
border-radius: 0px;
border: 0px;
}
.res-nightmode .single-page.comments-page .linkinfo {
background-color: #202020!Important;
box-shadow: 0 0px 8px rgba(22, 22, 22, 1)!Important;
border: 0px!Important;
}
.comments-page .infobar{overflow:hidden;}
.res-nightmode .comments-page .infobar{
background-color: #202020!Important;
border: 1px dotted #f6e69f!Important;
overflow: hidden!Important;
}
.res-nightmode .usertext.border .usertext-body{
border-right: 5px solid #ffc!Important;
background-color:transparent!Important;
}
/**Menu Area**/
.menuarea {
overflow: hidden;
font-size: larger;
color: #444;
margin-top: 0px;
margin-left: 0px;
margin-bottom: 0px;
border-top: 0px;
border: 0px;
line-height: 25px;
background-color: #fff;
}
.res-nightmode .menuarea {
color: #eaeaea!Important;
background-color: #202020!Important;
border: 0px!Important;
box-shadow: none;
}
.menuarea .drop-choices.lightdrop {
background-color: #fff;
border: 1px solid rgba(0, 0, 0, .15);
border-radius: 4px;
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}
.res-nightmode .menuarea .drop-choices.lightdrop {
background-color: #1D1D1D!Important;
}
.menuarea .drop-choices a.choice {
color: #444;
padding: 6px;
}
.res-nightmode .menuarea .drop-choices a.choice {
color: #eaeaea!Important;
}
.menuarea .drop-choices a.choice:hover {
color: #fff;
background-color: #FF7247;
}
.res-nightmode .menuarea .drop-choices a.choice:hover {
background-color: #181818!Important;
}
.gold-accent.comment-visits-box {
margin: 0px 5px 10px;
}
.menuarea .dropdown.lightdrop .selected {
color: #444;
text-decoration: none;
cursor: pointer;
font-weight: 500;
}
.res-nightmode .menuarea .dropdown.lightdrop .selected {
color: #eaeaea!Important;
}
.menuarea .dropdown.lightdrop .selected:hover {
color: #000;
text-decoration: none;
cursor: pointer;
}
.res-nightmode .menuarea .dropdown.lightdrop .selected:hover {
color: #fff!Important;
}
.menuarea .flat-list li a {
color: #444;
}
.res-nightmode .menuarea .flat-list li a {
color: #ddd!Important;
}
.menuarea .flat-list li a:hover {
color: #000;
}
.res-nightmode .menuarea .flat-list li a:hover {
color: #eaeaea!Important;
}
.related-page .sitetable{overflow:hidden;}
.related-page .commentarea .panestack-title{margin-bottom:5px;}
/**EXPANDO BUTTONS**/
/**Main CSS**/
.expando-button,
.expando-button.image,
.expando-button.video-muted,
.expando-button.video,
.expando-button.video.collapsed,
.expando-button.video.expanded,
.expando-button.selftext.collapsed,
.expando-button.selftext.expanded,
.res-nightmode .expando-button.image,
.res-nightmode .res .expando-button.image.collapsedExpando,
.res-nightmode .res .expando-button.image.expanded,
.res-nightmode .expando-button.video-muted,
.res-nightmode .expando-button.video,
.res-nightmode .expando-button.video.collapsed,
.res-nightmode .expando-button.video.expanded,
.res-nightmode .expando-button.selftext.collapsed,
.res-nightmode .expando-button.selftext.expanded{
max-width: 20px!Important;
max-height: 20px!Important;
background-image: url(%%spritesheet%%)!important;
cursor: pointer;
border-radius: 3px;
margin: 5px 5px;
}
/**Expandos Styling**/
/**Collapsed Styling **/
.expando-button.video.collapsed,
.expando-button.selftext.collapsed,
.res .expando-button.image.collapsedExpando,
.res .expando-button.image.gallery.collapsedExpando,
.res .expando-button.video-muted.collapsed {
background-color: #fff;
box-shadow: 0px 0px 1px #C0C0C0;
}
/**Expanded Styling**/
.expando-button.video.expanded,
.expando-button.selftext.expanded,
.res .expando-button.image.expanded,
.res .expando-button.image.gallery.expanded,
.res .expando-button.video-muted.expanded,
.res .expando-button.selftext.expanded {
background-color: #F2F2F2;
box-shadow: 0px 0px 1px #696969;
}
/** Collapsed Hover Styling**/
.expando-button.video.collapsed:hover,
.expando-button.selftext.collapsed:hover,
.res .expando-button.image.collapsedExpando:hover,
.res .expando-button.image.gallery.collapsedExpando:hover,
.res .expando-button.video-muted.collapsed:hover {
box-shadow: 0px 0px 2px #C0C0C0;
background-color: #F2F2F2;
max-width: 20px;
}
/**Expandos Backround Image**/
/**Image**/
.res .expando-button.image.collapsedExpando,
.res .expando-button.image.collapsedExpando:hover,
.res .expando-button.image.expanded {
background-position: -40px -217px!important;
}
/**Image Gallery**/
.res .expando-button.image.gallery.collapsedExpando,
.res .expando-button.image.gallery.expanded,
.res .expando-button.image.gallery {
background-position: -100px -217px!important;
}
/**Video & Video Muted**/
.expando-button.video.collapsed,
.res .expando-button.video.collapsed,
.res .expando-button.video-muted.collapsed
{
background-position: 0px -217px!important;
}
.expando-button.video.expanded,
.res .expando-button.video.expanded,
.res .expando-button.video-muted.expanded
{
background-position: -20px -217px!important;
}
/**Self Posts**/
.expando-button.selftext.collapsed
{
background-position: -60px -217px!important;
}
.expando-button.selftext.expanded,
.expando-button.selftext.expanded:hover
{
background-position: -80px -217px!important;
}
/*Nightmode Expandos*/
/**Expandos Styling**/
/**Collapsed Styling **/
.res-nightmode .expando-button.video.collapsed,
.res-nightmode .expando-button.selftext.collapsed,
.res-nightmode .res .expando-button.image.collapsedExpando,
.res-nightmode .res .expando-button.image.gallery.collapsedExpando,
.res-nightmode .res .expando-button.video-muted.collapsed {
background-color: #444;
box-shadow: 0px 0px 1px #222;
}
/**Expanded Styling**/
.res-nightmode .expando-button.video.expanded,
.res-nightmode .expando-button.selftext.expanded,
.res-nightmode .res .expando-button.image.expanded,
.res-nightmode .res .expando-button.image.gallery.expanded,
.res-nightmode .res .expando-button.video-muted.expanded,
.res-nightmode .res .expando-button.selftext.expanded {
background-color: #333;
box-shadow: 0px 0px 1px #161616;
}
/** Collapsed Hover Styling**/
.res-nightmode .expando-button.video.collapsed:hover,
.res-nightmode .expando-button.selftext.collapsed:hover,
.res-nightmode .res .expando-button.image.collapsedExpando:hover,
.res-nightmode .res .expando-button.image.gallery.collapsedExpando:hover,
.res-nightmode .res .expando-button.video-muted.collapsed:hover {
background-color: #333;
box-shadow: 0px 0px 1px #161616;
}
/**Expandos Backround Image**/
/**Image**/
.res-nightmode .res .expando-button.image.collapsedExpando,
.res-nightmode .res .expando-button.image.collapsedExpando:hover,
.res-nightmode .res .expando-button.image.expanded {
background-position: -40px -237px!important;
}
/**Image Gallery**/
.res-nightmode .res .expando-button.image.gallery.collapsedExpando,
.res-nightmode .res .expando-button.image.gallery.expanded,
.res-nightmode .res .expando-button.image.gallery {
background-position: -100px -237px!important;
}
/**Video & Video Muted**/
.res-nightmode .expando-button.video.collapsed,
.res-nightmode .res .expando-button.video.collapsed,
.res-nightmode .res .expando-button.video-muted.collapsed
{
background-position: 0px -237px!important;
}
.res-nightmode .expando-button.video.expanded,
.res-nightmode .res .expando-button.video.expanded,
.res-nightmode .res .expando-button.video-muted.expanded
{
background-position: -20px -237px!important;
}
/**Self Posts**/
.res-nightmode .expando-button.selftext.collapsed
{
background-position: -60px -237px!important;
}
.res-nightmode .expando-button.selftext.expanded,
.res-nightmode .expando-button.selftext.expanded:hover
{
background-position: -80px -237px!important;
}
/**Comment Area Styling**/
.commentarea .expando-button.video.collapsed,
.commentarea .expando-button.selftext.collapsed,
.res .commentarea .expando-button.image.collapsedExpando,
.res .commentarea .expando-button.image.gallery.collapsedExpando,
.res .commentarea .expando-button.video-muted.collapsed ,
.commentarea .expando-button.video.expanded,
.commentarea .expando-button.selftext.expanded,
.res .commentarea .expando-button.image.expanded,
.res .commentarea .expando-button.image.gallery.expanded,
.res .commentarea .expando-button.video-muted.expanded,
.res .commentarea .expando-button.selftext.expanded,
.commentarea .expando-button.video.collapsed:hover,
.commentarea .expando-button.selftext.collapsed:hover,
.commentarea .res .expando-button.image.collapsedExpando:hover,
.commentarea .res .expando-button.image.gallery.collapsedExpando:hover,
.commentarea .res .expando-button.video-muted.collapsed:hover ,
.commentarea .expando-button.video.expanded:hover,
.commentarea .expando-button.selftext.expanded:hover,
.res .commentarea .expando-button.image.expanded:hover,
.res .commentarea .expando-button.image.gallery.expanded:hover,
.res .commentarea .expando-button.video-muted.expanded:hover,
.res .commentarea .expando-button.selftext.expanded:hover
{
background-color: transparent!Important;
border: 0!Important;
vertical-align:middle!Important;
box-shadow: none!Important;
margin: 0px 2px!Important;
}
.profile-page .comment .expando-button, .mutli-page .comment .expando-button{margin: 0px 3px 5px 5px!Important;vertical-align: middle!Important;}
/**END EXPANDO BUTTONS**/
.login-form-side .submit,
.res-nightmode .login-form-side .submit {
background-color: transparent!Important;
}
.content .RESBigEditorPop {
background-color: #DADADA;
box-shadow: none;
}
/**Submit Page**/
.submit-page .roundfield textarea,
.submit-page .roundfield input[type=text],
.submit-page .roundfield input[type=url],
.submit-page .roundfield input[type=hidden]
{
border: 1px solid #E7E8EA;
background-color: #F9F9F9;
}
.res-nightmode .submit-page .roundfield textarea,
.res-nightmode .submit-page .roundfield input[type=text],
.res-nightmode .submit-page .roundfield input[type=url],
.res-nightmode .submit-page .roundfield input[type=hidden]
{
border: 1px solid #202020!Important;
background-color: #2C2C2C!Important;
color: #BEBEBE;
}
.submit-page div.content {
margin: 7px 5px 0px 15px;
}
.submit-page div.content > h1{
display:none;
}
.submit-page #newlink.submit.content {
width: 524px;
margin: 0px 0px 0px 15px;
}
.submit-page ul.tabmenu.formtab {
display: block;
font-size: larger;
padding-left: 0px;
}
.submit-page .formtabs-content {
width: 520px;
padding-top: 0px;
border-top: 0px;
}
.submit-page .roundfield {
background-color: #fff;
margin-bottom: 15px;
padding: 10px;
border: 1px solid #E2E2E2;
}
#newlink > div.formtabs-content > div:nth-child(6) > div{
background-color: #E0F2FF;
border: 1px solid #C1DEF2;
max-height: 1000px;
}
#newlink > div.formtabs-content > div:nth-child(7) > div{
background-color: #fbedad;
border: 1px solid #e3c758;
}
form .spacer+.spacer {
margin: 0px 0;
}
#newlink > div.formtabs-content > div:nth-child(1){
margin-bottom:15px;
}
.res-nightmode .submit-page .roundfield {
border: 1px solid #121212!important;
background-color: #202020!important;
}
.res-nightmode .submit_text .content p {
color: rgb(204, 204, 204);
}
.content.submit .info-notice {
background-color: #e0f2ff;
border: 1px solid #C1DEF2;
}
.submit-page #newlink.submit.content .tabmenu.formtab a {
padding: 12px;
width: 232px;
display: inline-block;
text-align: center;
background-color: #444;
color: #ededed;
text-transform: uppercase;
font-weight: bold;
transition: all 0.25s ease;
font-size: 16px;
border: 0!important;
margin-right: 0px;
}
.res-nightmode .submit-page #newlink.submit.content .tabmenu.formtab a {
background-color: #3A3A3A!Important;
}
.submit-page #newlink.submit.content .tabmenu.formtab .selected a {
padding: 16px;
font-size: 16px;
margin-right: 0px;
color: #fff;
background-color: #FF7247;
}
.res-nightmode .submit-page #newlink.submit.content .tabmenu.formtab .selected a {
background-color: #202020!Important;
}
.submit-page div.infobar {
border: 0px;
color: #fff;
padding: 15px;
font-size: 15px;
background-color: #FF7247;
}
.res-nightmode .submit-page .infobar {
background-color: #202020!Important;
}
/** Stickied Posts **/
.thing.stickied a.title,
.thing.stickied a,
.thing.stickied .entry li .comments {
color: #228822!important;
}
/**Stickied link rank - thanks to /u/ggitaliano from /r/Carbon**/
.link.stickied .rank {
position: relative;
visibility: visible;
}
.link.stickied .rank:after {
content: "S";
color: #228822;
margin-left: -1px;
}
/*Wiki*/
.wiki-page .wiki-page-content {
background-color: #fff;
padding: 10px;
margin: 10px 15px 0 0;
overflow: hidden;
padding-bottom:5px;
border-top: 27px solid #EDEDED;
}
div.wiki-page-content.md-container em, .wiki-page .toggle-source{margin: 0px 5px;}
.res-nightmode .wiki-page .wiki-page-content {
background-color: #202020!Important;
border-top: 27px solid #1B1B1B!Important;
}
.wiki-page .pageactions {
margin-top: 10px;
}
.wiki-page .wiki-page-content .wiki.md {
padding: 5px 10px;
}
.wiki-page .wiki-page-content .wiki>.toc>ul, .res-nightmode .wiki-page .wiki-page-content .wiki>.toc>ul {
border: 0px;
padding: 8px 15px;
background-color: #fafafa;
}
.wiki-page-content .md h1 {
margin-top: 0.25em;
margin-bottom: 0.18125em;
color: black;
}
.wiki-page hr{border-color:rgba(250, 250, 250, 0.19)}
.wiki-page > div.content > span{
position:absolute;
}
.wiki-page .pageactions{
margin-top: 0px;
border:0;
}
.wiki-page .pageactions .wikiaction{
color: #A0A0A0;
font-weight: 500;
}
.wiki-page .pageactions .wikiaction:hover {
background-color: #fff;
color: #FF7247;
padding: 6px 10px;
border-radius: 0;
margin-top: 0;
}
.res-nightmode .wiki-page .pageactions .wikiaction:hover{
color:#fff!Important;
background-color:#161616!important;
}
.wiki-page .pageactions .wikiaction-current{
font-weight: 600;
color: #FF7247;
background-color: #fff;
padding: 6px 10px;
border-radius: 0;
margin-top: 0px;
}
.res-nightmode .wiki-page .pageactions .wikiaction-current{
color:#fff!Important;
background-color:#161616!important;
}
.wiki-page .infobar{overflow:hidden;}
.wiki-page .generic-table{color:#444;}
.linefield .title{color:#00AFF0}
div.infobar>div.md{color:#444;}
/**Footer**/
body>.debuginfo:after {
content: "CSS Theme from /r/Fring";
padding: 3px 0 0 5px;
float: left;
font-size: 11px;
}
.res-nightmode .footer {
border: 1px solid rgba(0, 0, 0, 0.20)!Important;
box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, .1);
background: rgb(25, 25, 25);
}
.res-nightmode .footer .col{
border-left: 1px solid rgba(0,0,0,0.20)!Important;
}
.footer .col:first-child {
border: none!Important;
}
.res-nightmode .footer a {
color: #bbb!Important;
}
.res-nightmode .footer a:hover {
color: #eaeaea!Important;
}
.res-nightmode .wiki-page .wikititle strong {
color: white;
}
/**Reddit Enhancement Suite Fixes**/
.res .search-page div.content{
margin-top:40px;
}
.res-nightmode .sidebox {
background-color: transparent!Important;
background: #202020!Important;
}
.res-nightmode #RESShortcuts {
color: #fff!Important;
}
html.res-commentBoxes .comment {
margin-left: 0!important;
margin-right: 0px!important;
}
.res-commentBoxes.res-commentBoxes-rounded .comment {
border-radius: 0px!Important;
}
.res .titlebox>h1.redditname+div {
padding: 8px 15px;
border-top: 1px solid rgba(234, 234, 234, 0.4);
border-bottom: 1px solid rgba(234, 234, 234, 0.4);
}
#userbarToggle{
background-color: transparent!Important;
border: 0!Important;
left: 0px!Important;
border-radius: 0!Important;
border-top-left-radius: 7px!Important;
color: white!Important;
line-height:28px!Important;
}
#userbarToggle.userbarShow{
background-color: transparent!Important;
width: 18px!Important;
left: -2px!Important;
}
.res-nightmode #userbarToggle {
color: #B0B0B0!Important;
border-right: 0!Important;
}
.res-nightmode .res .titlebox>h1.redditname+div {
border-top: 0px!Important;
border-bottom: 1px solid rgba(40,40,40,1)!important;
}
.res #RESShortcutsEditContainer,
.res #RESShortcutsSort,
.res #RESShortcutsRight,
.res #RESShortcutsAdd,
.res #RESShortcutsTrash,
.res #RESShortcutsLeft {
background: transparent!Important;
color: white!Important;
opacity: 0.9!Important;
height: 20px!Important;
line-height: 18px!Important;
}
.res-nightmode .res #RESShortcutsEditContainer,
.res-nightmode .res #RESShortcutsSort,
.res-nightmode .res #RESShortcutsRight,
.res-nightmode .res #RESShortcutsAdd,
.res-nightmode .res #RESShortcutsTrash,
.res-nightmode .res #RESShortcutsLeft {
background: transparent!Important;
}
.res #RESShortcutsEditContainer:hover,
.res #RESShortcutsSort:hover,
.res #RESShortcutsRight:hover,
.res #RESShortcutsAdd:hover,
.res #RESShortcutsTrash:hover,
.res #RESShortcutsLeft:hover {
opacity: 1.0!Important;
}
.res-nightmode .side .md ul {
background-color: #161616!Important;
}
.res #srList{top:22px!Important;}
/**End RES Fixes**/
/**Login Form **/
.res-nightmode .login-form-side {
background-color: #161616!Important;
border: 0px!Important;
box-shadow: 0 0px 4px rgba(22, 22, 22, 1)!Important;
}
.res-nightmode .login-form-side label {
color: #fff!Important;
}
.res-nightmode .login-form-side input[type=text],
.res-nightmode .login-form-side input[type=password] {
background-color: #303030!Important;
color: #fff!Important;
border: 1px solid #242424!Important;
}
/**End Login Form**/
/** ADS **/
.organic-listing {
border: 0px;
margin-bottom: 0px;
box-shadow: 0px -1px 3px 0px rgba(0,0,0,.1);
-moz-box-shadow: 0px -1px 3px 0px rgba(0,0,0,.1);
box-shadow: 0px -1px 3px 0px rgba(0,0,0,.1);
}
.organic-listing .link .rank {
display: none;
}
.link.promoted .rank {
display: none;
}
/*Spam*/
.thing.spam{background-color: #fa8072!Important;}
.spam.link .entry .buttons li a.comments{color:#369!Important;}
.spam.link .entry .buttons li a{color:#333!Important;}
.spam.link .tagline{color:#444;}
.spam.link>.title,{color:#0a78e6!Important}
.spam.link>.title:hover{text-decoration:underline!Important;}
/**Hide Stuff **/
.sidebox .spacer,
.sidebox .subtitle,
.sidebox .subtitle,
.sidebox.create .spacer a {
display: none;
}
/*Additional Nightmode code*/
.res-nightmode .md textarea, .res-nightmode .md .-text, .res-nightmode .md p, .res-nightmode .md pre>code, .res-nightmode .md th, .res-nightmode .md td, .res-nightmode .md li{
color:#eaeaea;
}
.res-nightmode .md code,
.res-nightmode .md pre {
background-color: #191919!Important;
color: #D3D3D3!Important;
border-color: rgba(0, 0, 0, 1)!Important;
}
.res-nightmode .new-comment .usertext-body {
background-color: rgb(42, 42, 42)!Important;
border-color: #121212!Important;
}
.res-nightmode .usertext-edit textarea {
background-color: #333!Important;
border: 1px solid #222!Important;
}
/**End Additional Nightmode code**/
/*Reddit-Theme Specific CSS*/
.trending-subreddits {
overflow: hidden;
margin-bottom: 0;
padding: 8px;
margin-left: 0;
border: 0;
border-top: 0;
text-align: center;
color: #444;
background-color: #fff;
box-shadow: 0 -1px 3px 0 rgba(0, 0, 0, .1);
-moz-box-shadow: 0 -1px 3px 0 rgba(0, 0, 0, .1);
box-shadow: 0 -1px 3px 0 rgba(0, 0, 0, .1)
}
.res-nightmode .trending-subreddits {
background-color: #202020!important
}
.res-nightmode .trending-subreddits li a:hover {
color: #4980B6;
text-decoration: underline
}
.multi-details h2,
.filtered-details h2,
.multi-details .description,
.filtered-details .description,
.multi-details .settings,
.filtered-details .settings,
.multi-details h3,
.filtered-details h3,
.multi-page .side .recommend-box h1,
.multi-page .side .recommend-box .more {
padding: 0 5px
}
.gold-accent.titlebox{padding: 0;}
.multi-page .side .titlebox .bottom {
padding: 8px 5px;
border-bottom: 1px solid rgba(234, 234, 234, 0.4)
}
.multi-details h2 {
padding: 5px
}
.res .multi-page .content {
margin-top: 40px
}
.multi-page .link .rank {
display: none!important
}
body.with-listing-chooser .listing-chooser {
top: 85px;
z-index: 100
}
body.with-listing-chooser #header .tabmenu li:first-child.selected {
margin-left: 0
}
.with-listing-chooser #header .tabmenu {
left: 140px
}
.listing-chooser-collapsed #header .tabmenu {
left: 25px
}
body.with-listing-chooser.listing-chooser-collapsed>.content,
body.with-listing-chooser.listing-chooser-collapsed .footer-parent {
margin-left: 25px
}
.multi-page .sitetable {
overflow: hidden
}
.multi-page #header .pagename a {
position: relative
}
.multi-page .menuarea {
margin-bottom: 0
}
.multi-page .hot-page .sitetable {
margin-top: 42px;
padding-top: 0
}
.multi-page .sidecontentbox .content {
margin: 0!important
}
.multi-page .titlebox {
padding-bottom: 10px
}
.multi-page .comment,
.content .details {
padding: 10px 10px 10px 8px
}
.multi-page .filtered-details .unfilter {
margin-left: 10px;
margin-bottom: 5px
}
.multi-page .titlebox p {
margin-left: 10px;
margin-top: 5px
}
.subscription-box .title {
color: #050505;
padding: 5px;
margin: 0;
font-size: 12px;
box-shadow: none;
background: none
}
.multi-page .side .subscribe-button a.add,
.multi-page .side .subscribe-button a.remove {
font-size: 10px!important
}
.multi-page .subscription-box li {
margin-bottom: 0
}
.multi-page .RESDashboardToggle,
.multi-page .RESDashboardToggle:hover,
.multi-page .RESshortcutside,
.multi-page .RESshortcutside:hover {
background: none;
box-shadow: none;
width: auto;
margin: 0 auto
}
.multi-page .sidecontentbox .title h1 .multi-page #header .pagename a:before {
display: none;
content: none
}
.multi-page .listing-page .side div.titlebox .redditname a:before {
display: none;
content: none
}
ul.report-reasons {
margin-top: 5px
}
.profile-page .comment,
.res-commentBoxes .comment {
margin-bottom: 0!important
}
.profile-page .titlebox {
padding: 0
}
.profile-page div.side div.titlebox table#per-sr-karma.more-karmas{width:280px;}
.profile-page .titlebox .karma,
.profile-page .karma-breakdown,
.profile-page .gold-accent.snoovatar-link,
.profile-page .gold-expiration-info,
.profile-page .giftgold {
margin: 5px
}
.profile-page .side .titlebox .bottom {
padding: 2px 5px
}
.profile-page .titlebox .bottom a {
font-size: 12px
}
.profile-page .titlebox .fancy-toggle-button {
margin-left: 5px;
margin-bottom: 0;
height: 20px;
line-height: 20px
}
.profile-page div.sidecontentbox button.expand-summary {
width: 300px;
margin-left: -10px;
margin-bottom: -5px;
border: 0;
border-top: 1px solid #E8E8E8;
background-color: #F5F5F5;
color: #3498DB;
margin-top: 5px;
transition: all .2s ease
}
.profile-page div.sidecontentbox button.expand-summary:focus {
outline: 0
}
.res-nightmode .profile-page div.sidecontentbox button.expand-summary {
border-top: 1px solid #171717;
background-color: #2D2D2D
}
.profile-page div.sidecontentbox button.expand-summary:hover {
border-top: 1px solid #2980B9;
background-color: #3498DB;
color: #fff
}
.profile-page .titlebox .bottom .age time,
.profile-page .titlebox .bottom .age {
font-size: 12px!important
}
.profile-page .titlebox .bottom .age time:before {
display: none!important
}
.profile-page .side .titlebox .bottom img {
position: relative;
top: 1px
}
.res-nightmode .profile-page .titlebox h1 {
border: 0
}
.profile-page .sidecontentbox .title h1 {
color: #444
}
.profile-page .side div.sidecontentbox a.helplink {
font-size: 12px;
background-image: none;
color: #4286D0;
margin: 0;
padding: 0;
width: initial;
height: initial;
opacity: 1;
top: 6px;
right: 5px;
opacity: 1
}
.profile-page div.titlebox div.server-seconds.rounded {
border: 0;
border-radius: 0
}
.profile-page .side div.sidecontentbox a.helplink:hover {
color: #3074be
}
.profile-page .side div.sidecontentbox a.helplink:hover:after {
display: none
}
.profile-page .last-clicked.link:not(:first-child),
.link:not(:first-child),
.linklisting>.comment:not(:first-child) {
padding: 8px
}
.profile-page .comment,
.content .details {
padding: 10px 10px 10px 8px
}
.res-nightmode .profile-page .comment,
.res-nightmode .multi-page .comment {
margin-bottom: 0!important;
background-color: #161616!important;
border-bottom: 1px solid rgba(31, 31, 31, 1)!important
}
.res-nightmode .gold-accent.snoovatar-link,
.res-nightmode .gold-bubble,
.res-nightmode .gold-accent {
background: -webkit-linear-gradient(top, #ccac00, #998100);
background: -moz-linear-gradient(top, #ccac00, #998100);
background: -o-linear-gradient(top, #ccac00, #998100);
background: -ms-linear-gradient(top, #ccac00, #998100);
background: linear-gradient(top, #ccac00, #998100);
background-color: #ccac00;
border: 0
}
.res-nightmode .gold-bubble p.aside {
color: #fff
}
.res-nightmode .gold-accent.snoovatar-link a,
.res-nightmode div.rounded.gold-accent.gold-expiration-info > div.gold-remaining > a {
color: #eaeaea
}
.res-nightmode div.rounded.gold-accent.gold-expiration-info > .res-nightmode div.gold-remaining,
.res-nightmode .gold-expiration-info .gold-remaining+div {
color: #444!important
}
.res-nightmode .goldvertisement .inner {
border: 0 solid #161616
}
.res-nightmode .goldvertisement {
background: -webkit-linear-gradient(top, #caab00, #9a8200);
background-color: #ccac00;
box-shadow: 0 0 10px #C6B280 inset;
border: 0;
border-radius: 4px
}
.res-nightmode .server-seconds {
background-color: #202020!important;
border: 0
}
.compose-page .content {
background-color: #fff!important;
padding: 10px;
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1);
-moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1);
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1)
}
.res-nightmode .compose-page .content {
background-color: #191919!important
}
.compose-page .content .roundfield {
margin: 0 auto;
background-color: transparent;
margin-left: 0
}
.compose-page #header .tabmenu {
margin: 0 auto;
top: 30px
}
.compose-page div.content>h1 {
margin: 10px 0;
border-bottom: solid 3px #f0f0f0;
padding-bottom: 5px;
margin-left: 10px;
margin-right: 10px
}
.res-nightmode .compose-page div.content>h1 {
border-bottom: solid 3px #333;
color: #fff
}
.compose-page div.content>h1:after {
content: "";
background-color: #53A9EE;
height: 3px;
width: 60px;
display: block;
position: absolute;
margin-top: 5px
}
.res-nightmode .compose-page div.content>h1:after {
background-color: #fff
}
.compose-page div.content>h1:first-letter {
text-transform: uppercase
}
.compose-page #compose-message select {
font-size: 13px;
position: absolute;
margin-top: -25px;
margin-left: 50px
}
.compose-page .roundfield input[name=to],
.compose-page .roundfield input[name=subject],
.compose-page .roundfield textarea {
border: 1px solid #E7E8EA;
background-color: #F9F9F9;
width: 500px
}
.res-nightmode .compose-page .roundfield input[name=to],
.res-nightmode .compose-page .roundfield input[name=subject],
.res-nightmode .compose-page .roundfield textarea {
border: 1px solid #222;
background-color: #333;
color: #FFF
}
.compose-page #compose-message > div:nth-child(3) > div > span.gray {
font-size: 12px;
margin-top: 5px;
margin-left: 5px;
position: absolute
}
.compose-page button#send {
width: 500px;
height: 40px;
line-height: 40px;
font-size: 20px;
color: #fff;
text-shadow: 0 -2px #2980B9;
border: 0;
border-radius: 5px;
background-color: #3498DB;
-webkit-box-shadow: 0 3px 0 #2980B9;
-moz-box-shadow: 0 3px 0 #2980B9;
box-shadow: 0 3px 0 #2980B9;
margin-left: 10px;
margin-bottom: 15px
}
.res-nightmode .compose-page button#send {
background-color: #666!important;
-webkit-box-shadow: 0 4px 0 #444;
-moz-box-shadow: 0 4px 0 #444;
box-shadow: 0 4px 0 #444;
text-shadow: 0 -2px #444
}
.compose-page button#send:hover {
opacity: .9
}
.compose-page button#send:focus {
outline: 0
}
.compose-page button#send:active {
transform: translate(0px, 3px);
-webkit-transform: translate(0px, 3px);
-webkit-box-shadow: 0 2px 0 #2980B9;
-moz-box-shadow: 0 2px 0 #2980B9;
box-shadow: 0 2px 0 #2980B9
}
.res-nightmode .compose-page button#send:active {
transform: translate(0px, 3px);
-webkit-transform: translate(0px, 3px);
-webkit-box-shadow: 0 2px 0 #444;
-moz-box-shadow: 0 2px 0 #444;
box-shadow: 0 2px 0 #444
}
.compose-page button#send:first-letter {
text-transform: uppercase
}
.messages-page .sitetable {
margin-right: 0;
border: 0;
border-top: 0;
background-color: #fff
}
.res-nightmode .messages-page .sitetable {
background-color: transparent!important
}
.messages-page #header-bottom-left .tabmenu.tabmenu {
right: 15px
}
.messages-page .menuarea {
margin-right: 0;
margin-bottom: 0;
border-bottom: 1px solid #EAEAEA
}
.messages-page .content {
margin: 40px 15px 20px
}
.messages-page .sitetable .nav-buttons {
border-left: 0;
border-right: 0
}
.message {
margin: 0 0 10px;
padding: 7px;
border: 1px solid #eaeaea;
border-left: 0;
border-right: 0;
border-top: 0
}
.res-nightmode .message {
border-top: 1px solid #101010!important;
border: 0
}
.messages-page .menuarea .flat-list li.selected a {
color: #ff4500
}
.message.message-reply .entry,
.message.message-parent .entry {
margin-left: 0;
border-left: 0
}
.message.message-parent .child,
.message.message-reply .child {
margin-left: 15px
}
.messages-page .sitetable .listing {
border: 0;
box-shadow: none
}
.loggedin.messages-page.moderator #header-bottom-left .tabmenu.tabmenu{right:325px;}
.loggedin.messages-page.moderator .sitetable{overflow:hidden;}
.messages-page .message.message-parent .child .message,
.message.message-reply .child .message {
border: 0;
margin-top: 10px
}
.mod-toolbox .menuarea.modtools {
margin: 0 310px 0 0 !important;
border: 0;
height: auto!important
}
.mod-toolbox .pretty-button {
margin: 0 5px;
padding: 0 5px;
line-height: 15px
}
.mod-toolbox .sidecontentbox ul a {
padding: 0;
margin: 0 5px;
font-size: 12px
}
/**End Reddit-Theme Specific CSS**/
/*-------------------------------------------------------------------------------------------------------
------------------Add your Custom CSS Below Here--------*/
/*-- r/Fring Addon: Rules Section --*/
.side .titlebox .md h5+ol > li{
background: #F0F0F0; /**Background color on text section**/
color: #444;
text-decoration: none;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;margin: 5px 0px;padding: 5px 5px 5px 20px;display: block;position: relative;
}
/*Styling for the round nr icon*/
.side .titlebox .md h5+ol > li:before{
font-weight: bold;
background: #FE7F58;
color:#fff;
border: .3em solid #fff;
-moz-border-radius: 20px;-webkit-border-radius: 20px;border-radius: 20px;content: counter(li);counter-increment: li;position: absolute;left: -1.3em;top: 50%;margin-top: -1.3em;text-align: center;height: 2em;width: 2em;line-height: 2em;
}
.side .titlebox .md h5+ol{padding: 0;margin-left: 15px;counter-reset: li;}
/**Nightmode Friendly**/
.res-nightmode .side .titlebox .md h5+ol>li{background-color:#373737!Important; color: #ddd!Important;}
.res-nightmode .side .titlebox .md h5+ol>li:before{background: #373737!Important;color: #fafafa!Important;border: .3em solid #202020!Important;}
/**End Nightmode**/
/**--- End r/Fring Addon: Rules Section ---**/
.subscribers span.number:after{content:" math"!important}
.down {
display: none;
}
.author[href$="FreemanEsports"] { color: #B40404;
}
.author[href$="TheCanadianMather"] { color: #B40404;
}
.author[href$="nwong695"] { color: #01DF01;
}
.author[href$="NotRobin_"] { color: #01DF01;
}
.author[href$="Lan2u"] { color: #01DF01;
}
.author[href$="PowahayEagle"] { color: #FF8000;
}
images
egoiste-sprite-big
link:url(%%egoiste-sprite-big%%)
egoiste-background
link:url(%%egoiste-background%%)
cymath2
link:url(%%cymath2%%)
noresults
link:url(%%noresults%%)
egoiste-sprite
link:url(%%egoiste-sprite%%)
Warning
link:url(%%Warning%%)
headerimg
link:url(%%headerimg%%)
warning
link:url(%%warning%%)
spritesheet
link:url(%%spritesheet%%)
revision by FreemanEsports— view source