/*
_ _ _____ __ __ _____ _____ _____ _ _ __ _
| | | | | _ | | | | | | ___| | ___| | _ | | | | | | | | |
| |_| | | | | | | | | | | | | |___ | |___ | |_| | | | | | | | | | |
| _ | | | | | | | | | | | ___| |___ | | ___| | | | | | | -- | |
| | | | | |_| | | | | | | |___ ___| | | | | |_| | | | | | |
|_| |_| |_____| |_| |_| |_____| |_____| |_| |_____| |_| |__|
________________________
| |
| a reddit theme |
| by /u/KudosInc |
| --- |
| 1/3/2018 |
|________________________|
MODIFIED BY U/ALT_GHOST
*/
a {
text-decoration: none;
color: #091523;
}
.md {
color: #091523;
}
.md a {
color: #091523;
}
.md a:hover {
text-decoration: underline;
}
.md table {
width: 100% !important;
}
body {
background-color: #fafafa;
color: #091523;
}
body>.content {
margin-top: 12px;
margin-left: 12px;
}
button {
background: #eaeaea;
border: 1px solid #ccc;
padding: 4px 10px;
border-radius: 0px;
}
button:hover {
background: #e6e6e6;
border: 1px solid #a6a6a6;
}
#stylesheet_contents {
width: 95%;
margin-left: 2%;
}
::selection {
background-color: #5ea6ed;
color: #fff;
}
body::-webkit-scrollbar {
width: 1em;
}
body::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
body::-webkit-scrollbar-thumb {
background-color: darkgrey;
outline: 1px solid slategrey;
}
.reddit-infobar {
/* background-color: #091523; */
border-color: #091523 !important;
}
.reddit-infobar.with-icon {
min-height: 45px;
padding-left: 55px;
}
.reddit-infobar.with-icon:before {
background-color: #f58e19;
}
.reddit-infobar .md {
color: #000;
}
/***********
USERBAR
**********/
#header-bottom-right a:hover {
text-decoration: underline;
}
#header-bottom-right,
.res #header-bottom-right {
position: absolute;
right: 0px;
top: 184px;
background-color: #091523;
border: 0;
border-radius: 0px;
padding: 5px 12px;
line-height: 22px;
height: 22px;
padding: 5px 10px;
text-align: center;
}
#header-bottom-right a,
#header-bottom-right .user,
#header-bottom-right .separator {
color: #f3f3f3;
font-size: 14px;
font-family: "Segoe UI", sans-serif;
font-weight: normal;
line-height: 17px;
}
#header-bottom-right a:hover {
text-decoration: none;
color: black;
}
#header-bottom-right .separator {
color: #777;
}
#header-bottom-right .user .userkarma {
display: none;
}
#header-bottom-right .user {
font-size: 0px !important;
}
#header-bottom-right #RESAccountSwitcherIcon {
position: relative;
bottom: 3px;
}
/***********
TOP NAVBAR
**********/
#sr-header-area {
background: none;
border-bottom: solid 1px #091523;
color: #091523;
}
#sr-header-area a {
color: #FFF;
}
#sr-more-link {
background-color: #091523;
}
/***********
COMMENTS PAGE AUTHOR TAG
**********/
.res .thing .tagline .author.submitter {
background-color: transparent !important;
color: blue !important;
}
.res .thing .tagline .author.moderator {
background-color: transparent !important;
color: green !important;
}
.res .thing .tagline .author.submitter:hover,
.res .thing .tagline .author.moderator:hover {
background-color: transparent !important;
}
/***********
POSTS (LINKS)
**********/
.link {
margin: 0px 335px 10px 0px;
background-color: #fff;
border: 0px solid #f4f4f4;
border-left: 4px solid #091523;
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.03);
border-radius: 0px;
}
.link.last-clicked {
border: 0;
border-left: 4px solid #091523;
}
.link .entry {
padding: 15px;
}
.stickied {
border: solid 1px #091523!important;
border-left: solid 4px #091523!important;
}
.nsfw-stamp {
border: 0;
background-color: #8a0330;
color: #FFF;
font-weight: bold;
border: 0px solid #8a0330;
}
.spoiler-stamp {
border: 0;
background-color: #8a0330;
color: #FFF;
font-weight: bold;
border: 0px solid #8a0330;
}
.thing a.thumbnail,
.link .thumbnail.self {
margin-top: 15px;
margin-left: 8px;
background: url(%%reddit-linkflair%%);
background-position: 0px 0px;
width: 60px !important;
height: 60px !important;
}
.thing .entry .buttons li {
text-transform: uppercase;
}
/* report button styling */
.thing .entry .buttons li.report-button a {
color: #d196a0;
padding: 2px 4px;
}
/* report button styling */
.thing .entry .buttons li.report-button a:hover {
color: #fff;
background-color: #c76c7c;
padding: 2px 4px;
text-decoration: none;
}
/* reply button styling */
.thing .flat-list li.reply-button a {
color: #FFF;
background-color: #091523;
padding: 2px 4px;
}
/* hiding img post thumbnail */
.link .thumbnail img, .linkflair .thumbnail img {
display: none;
}
.thumbnail {
overflow: visible !important;
}
.thumbnail.nsfw {
visibility: hidden;
}
#progressIndicator,
.NERPageMarker {
border: 1px solid #e1e1e1;
background-color: #f0f0f0;
border-radius: 0px;
margin: 10px 335px 10px 0px;
border-radius: 0px;
}
.link .midcol {
position: relative;
top: 20px;
}
.link .rank,
.domain {
display: none;
}
.link .usertext-body .md {
border: none;
border-radius: 0px;
background: transparent;
padding: 10px;
}
.link .entry .buttons li a,
.link .tagline {
color: #999;
font-weight: 100;
font-size: x-small;
}
.link .entry .buttons li a:hover {
text-decoration: none;
color: #091523;
}
.link .tagline a {
font-size: x-small;
}
.link .title {
font-size: 15px;
font-family: "Segoe UI", "Arial", sans-serif;
margin-bottom: 5px;
}
.thing .title {
color: #091523;
}
.thing .title:visited {
color: #865401;
}
.thing.stickied.link a.title {
color: #3da999;
}
.tagline .stickied-tagline {
color: #3da999;
}
.res .RES-keyNav-activeElement,
.res .commentarea .RES-keyNav-activeElement .md,
.res .RES-keyNav-activeElement .md-container,
.res .commentarea .RES-keyNav-activeElement.entry .noncollapsed {
background-color: transparent !important;
outline: none !important;
}
.res .RES-keyNav-activeElement {
border-right: 2px solid #69c9bb;
}
.thing .entry.res-selected,
.thing .entry.res-selected .md-container {
background-color: transparent !important;
outline: none !important;
}
.link:hover .entry {
background-color: #FFF !important;
}
.titlebox .redditname a {
color: #091523;
font-size: 14px;
font-family: "Segoe UI", "Arial", sans-serif;
text-transform: uppercase;
letter-spacing: 0.5px;
background-color: #f3f3f3;
border: 0;
border-radius: 0px;
text-align: center;
display: block;
width: 300px;
height: 38px;
line-height: 38px;
padding: 0;
margin: 0;
transition: letter-spacing 0.5s;
}
.titlebox .redditname a:hover {
text-decoration: none;
letter-spacing: 5px;
}
/***********
PAGENAME
**********/
.pagename {
position: absolute;
top: 69px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
font-size: 0px;
}
.pagename a {
font-size: 54px;
color: #fff;
font-family: "Arial", sans-serif;
letter-spacing: -2px;
text-transform: uppercase;
font-variant: none;
transition: 0.2s;
}
.pagename a:before {
content: "/r/";
font-variant: none;
text-transform: lowercase;
font-size: 70%;
letter-spacing: -1px;
}
.pagename a:hover {
text-decoration: none;
opacity: 0.8;
}
/***********
HEADER
**********/
#header {
height: 180px;
background-color: #f3f3f3;
border-bottom: 40px solid #091523;
}
#header-img.default-header {
position: absolute;
left: 10px;
bottom: -3px;
width: 35px;
height: 27px;
transition: 300ms ease;
z-index: 89 !important;
opacity: 0.85;
}
#header-img.default-header:hover {
height: 30px;
opacity: 1;
}
/***********
SIDEBAR BUTTONS
**********/
.morelink {
background: none;
border: none;
margin-bottom: 15px;
}
.morelink:hover {
background: none;
}
.nub {
display: none;
}
.morelink a {
color: #f3f3f3;
font-size: 14px;
text-transform: uppercase;
font-family: "Segoe UI", "Arial", sans-serif;
letter-spacing: 0.2px;
background-color: #091523;
border: 0;
border-radius: 0px;
display: block;
width: 300px;
height: 40px;
line-height: 40px;
padding: 0;
margin: 0;
}
.morelink a:hover {
background: #f3f3f3;
color: #091523;
}
.users-online,
.subscribers {
display: block;
font-family: Arial, sans-serif;
font-size: 11px;
color: #091523;
letter-spacing: 0.5px;
font-weight: normal;
text-align: center;
background-color: #f3f3f3;
border-radius: 0px;
margin: 0 10px;
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
}
.subscribers {
margin-top: 10px;
font-size: 140%;
border-radius: 1px 1px 0 0;
padding-top: 10px;
margin-top: 10px;
}
body.res .subscribers {
margin-top: 35px;
}
.users-online {
margin-bottom: 10px;
padding-bottom: 10px;
border-radius: 0 0 1px 1px;
}
.users-online:before {
display: none;
}
.subButtons {
text-align: center;
}
.res-sr-style-toggle {
display: none;
}
.RESshortcutside,
.RESDashboardToggle,
.RESshortcutside.remove,
.RESDashboardToggle.remove {
font-family: Arial, sans-serif;
font-size: 13px;
color: #808080;
letter-spacing: 0.5px;
font-weight: normal;
border: 0;
border-radius: 0px;
background-image: none;
background-color: #e6e6e6;
display: inline-block;
width: 120px;
height: 17px;
line-height: 17px;
margin: 5px 0 0 0;
}
.RESshortcutside {
float: left;
margin-left: 10px !important;
}
.RESDashboardToggle {
float: right;
margin-right: 10px !important;
}
.RESshortcutside:hover,
.RESDashboardToggle:hover,
.RESshortcutside.remove:hover,
.RESDashboardToggle.remove:hover {
background: #d9d9d9;
}
.fancy-toggle-button .active {
display: block !important;
width: 280px;
height: 33px;
line-height: 33px;
padding: 0;
margin: 15px 10px -5px 10px;
background-image: none;
background-color: #85e085;
border: 0;
font-family: Arial, sans-serif;
font-size: 14px;
text-transform: uppercase;
text-align: center;
color: #fff;
font-weight: bold;
letter-spacing: 0.5px;
border-radius: 0px;
}
body.subscriber .fancy-toggle-button .active {
background-color: #f0f0f0;
color: #a6a6a6;
text-transform: lowercase;
font-weight: normal;
}
.fancy-toggle-button .active:hover {
background-color: #71da71;
}
/***********
SIDEBAR
**********/
.sidebox .spacer {
background: none;
}
.sidebox .subtitle {
background: none;
color: #fff;
}
.disabled .morelink a {
color: #f3f3f3;
}
.disabled .morelink a:hover {
color: #091523;
}
.disabled .morelink, .disabled .morelink:hover {
background-image: none;
}
.side {
background: #fff;
padding: 10px;
margin: 8px;
padding-top: 5px;
}
.flairselector h2 {
background-color: #69c9bb;
color: #fff;
font-weight: 500;
}
.icon-menu a {
color: #091523;
background: none !important;
}
.side .titlebox .bottom {
display: none;
}
.sidecontentbox .content .flair {
font-size: x-small;
vertical-align: middle;
}
a.author {
vertical-align: middle;
}
/* sidebar formatting */
.md h1 {
color: #262626;
font-size: large;
text-transform: uppercase;
font-family: "Segoe UI", "Arial", sans-serif;
letter-spacing: 0.2px;
}
.md h2 {
color: #404040;
font-size: medium;
text-transform: uppercase;
font-family: "Segoe UI", "Arial", sans-serif;
letter-spacing: 0.2px;
}
.side .titlebox .md h1,
.side .titlebox .md h2 {
text-align: center;
}
.side .titlebox .md h1 {
display: block;
color: #333;
font-size: 20px;
}
.md h3 {
color: #091523;
font-size: medium;
font-family: "Segoe UI", "Arial", sans-serif;
letter-spacing: 0px;
}
.md blockquote {
margin: 10px;
padding: 10px;
background-color: #fff;
border: 1px solid #eee;
border-left: 4px solid #e1e1e1;
}
.md pre {
margin: 10px;
padding: 10px;
background-color: #f0f0f0 !important;
border: 1px solid #e1e1e1;
}
.md hr {
background-color: #bfbfbf;
margin: 20px 35px;
height: 1px;
}
.md h6,
.md h6 a {
text-decoration: none !important;
}
.md ul {
padding-bottom: 10px;
}
/* so that above ul css doesnt mess up h4 hover button */
.side h4+ul {
padding-bottom: 0px;
}
.side .titlebox .md h6 a {
display: block;
margin-left: 30px;
margin-right: 30px;
padding: 6px 0px;
background-color: #8cb3d9;
color: #fff;
text-align: center;
font-weight: 500;
font-family: "Segoe UI", "Arial", sans-serif;
font-size: 1em;
border-radius: 0px;
}
.side .titlebox .md h6 a:hover {
background-color: #79a6d2;
}
/* end sidebar formatting */
.sidecontentbox .title h1 {
color: #f3f3f3;
font-weight: 700;
display: block;
height: 30px;
line-height: 30px;
padding-left: 10px;
background-color: #091523;
text-transform: uppercase;
border-radius: 0px 0px 0 0;
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
}
.sidecontentbox .collapse-button {
position: absolute;
margin-left: 280px;
}
.sidecontentbox a.helplink {
color: #f3f3f3;
background-color: #091523;
border: solid 1px #f3f3f3;
padding: 4px 12px;
margin-right: 4px;
border-radius: 0px;
text-transform: uppercase;
}
.sidecontentbox a.helplink:hover {
color: #091523;
background-color: #f3f3f3;
border-radius: 0px;
}
.content {
z-index: 1;
/* margin: 8px 0px 0px 5px !important; */
}
.side .content {
background: #f3f3f3;
border: 0px solid #fff;
border-radius: 0 0 0px 0px;
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
}
.side .content:hover {
border: 0px solid #e1e1e1;
}
.side .titlebox .md {
background: transparent;
margin: 5px 0px;
border-bottom: 0px solid #bfbfbf;
/* padding-bottom: 25px; --- no idea wy this is here so let me get back to it later */
margin-bottom: 15px;
}
.side .md p {
padding: 5px;
}
.side .titlebox .bottom {
border: none;
margin: 5px 0px 25px 0px;
border-bottom: 1px solid #bfbfbf;
padding-bottom: 20px;
}
.sidebox.create,
.leavemoderator,
.leavecontributor-button {
display: none;
}
.titlebox form.flairtoggle {
margin: 20px 0px 0px 0px;
padding: 0px 0px 6px 0px;
text-align: center;
border: 0px solid #fff;
border-bottom: none;
background-color: #f3f3f3;
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
}
.titlebox form.flairtoggle:before {
display: block;
background-color: #091523;
content: "FLAIR";
height: 20px;
line-height: 20px;
color: #f3f3f3;
font-weight: normal;
font-weight: 700;
height: 30px;
line-height: 30px;
padding-left: 10px;
text-transform: uppercase;
font-size: 130%;
text-align: left;
margin-bottom: 5px;
border-radius: 0px 0px 0 0;
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
}
.titlebox .tagline {
margin: 0px;
padding: 0px 0px 10px 0px;
text-align: center;
border: 0px solid #fff;
border-top: none;
background: #f3f3f3;
border-radius: 0 0 0px 0px;
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
}
.titlebox .tagline a {
color: #091523;
}
#search input[type=text] {
padding: 10px;
border: 1px solid #091523;
border-radius: 0px;
font-family: Arial, sans-serif;
letter-spacing: 0.2px;
z-index: 9999;
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.03);
background: #f3f3f3;
color: #091523;
}
#search input[type=text]:hover {
border: 1px solid #FFF;
}
#searchexpando {
background-color: #091523;
border-radius: 0px;
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
border: none;
padding: 20px;
margin: 10px 10px 0 10px;
}
#searchexpando a {
color: #FFF;
}
#searchexpando label {
color: #FFF;
}
/* FLAIRS */
.flair, .linkflairlabel {
border-radius: 0px;
color: #555;
background-color: #f5f5f5;
border: 1px solid #ddd;
vertical-align: middle;
}
.flairselector ul {
max-width: 260px !important;
width: 260px !important;
}
.flairselector li {
margin: 5px;
border: none;
}
.flairselector li.selected {
border: none;
}
.flairoptionpane, .flairselector {
width: 260px !important;
}
.flairsample-left {
text-align: left !important;
}
.linkflair .linkflairlabel {
vertical-align: bottom;
display: inline-block;
color: #808080;
font-weight: 500;
padding: 2px 4px;
max-width: none;
border-radius: 0px;
}
/* User Flair - Original */
.flair-mod,
.flair-blue,
.flair-red {
vertical-align: middle;
display: inline-block;
color: #808080;
font-weight: 500;
padding: 0px 2px;
max-width: none;
border-radius: 0px;
}
.flair-mod {
color: #28c074;
background-color: #f5f5f5;
border: 1px solid #28C074;
}
.flair-blue {
color: #0084b4;
background-color: #f5f5f5;
border: 1px solid #0084b4;
}
.flair-red {
color: #C74375;
background-color: #f5f5f5;
border: 1px solid #C74375;
}
/* Custom User flair */
.flair-xxx {
background: url(%%mod-20%%) no-repeat -9999px;
background-position: 4px 0;
height: 20px;
line-height: 20px;
min-width: 20px;
text-indent: 23px;
color: #268942;
/* padding: 0px 4px 0px 4px; ****hide cuz no text*/
border: 0px solid #268942;
text-indent: -9999em;
/* hiding text */
}
.flair-xxxx {
background: url(%%logo-20%%) no-repeat -9999px;
background-position: 4px 0;
height: 20px;
line-height: 20px;
min-width: 20px;
text-indent: 23px;
color: #091523;
padding: 0px 4px 0px 4px;
border: 1px solid #091523;
}
.flair-xxxxx {
background: url(%%dota-20%%) no-repeat -9999px;
background-position: 4px 0;
height: 20px;
line-height: 20px;
min-width: 20px;
text-indent: 23px;
/* text-indent: -9999em; */
color: #bc3727;
padding: 0px 4px 0px 4px;
border: 1px solid #bc3727;
}
/* END */
/* Link Flair*/
.thing.stickied .thumbnail.self {
background-position: -180px 0px;
}
.thing.spoiler a.thumbnail {
background-position: -240px 0px !important;
}
/* link flair label css */
.linkflair-other .title>.linkflairlabel,
.flairselector .linkflair-other>.linkflairlabel {
color: #808080;
background-color: #f3f3f3;
border: 1px solid #808080;
}
.linkflair-twitter .title>.linkflairlabel,
.flairselector .linkflair-twitter>.linkflairlabel {
color: #808080;
background-color: #f3f3f3;
border: 1px solid #808080;
}
.thing.linkflair-twitter a.thumbnail {
background-position: -60px 0px;
}
.linkflair-youtube .title>.linkflairlabel,
.flairselector .linkflair-youtube>.linkflairlabel {
color: #808080;
background-color: #f3f3f3;
border: 1px solid #808080;
}
.thing.linkflair-youtube a.thumbnail {
background-position: -120px 0px;
}
.linkflair-pinned .title>.linkflairlabel,
.flairselector .linkflair-pinned>.linkflairlabel {
color: #808080;
background-color: #f3f3f3;
border: 1px solid #808080;
}
.thing.linkflair-pinned a.thumbnail {
background-position: -180px 0px;
}
.linkflair-spoiler .title>.linkflairlabel,
.flairselector .linkflair-spoiler>.linkflairlabel {
color: #808080;
background-color: #f3f3f3;
border: 1px solid #808080;
}
.thing.linkflair-spoiler a.thumbnail {
background-position: -240px 0px;
}
.linkflair-disc .title>.linkflairlabel,
.flairselector .linkflair-disc>.linkflairlabel {
color: #808080;
background-color: #f3f3f3;
border: 1px solid #808080;
}
.thing.linkflair-disc a.thumbnail {
background-position: -300px 0px;
}
.linkflair-info .title>.linkflairlabel,
.flairselector .linkflair-info>.linkflairlabel {
color: #808080;
background-color: #f3f3f3;
border: 1px solid #808080;
}
.thing.linkflair-info a.thumbnail {
background-position: -360px 0px;
}
.linkflair-reddit .title>.linkflairlabel,
.flairselector .linkflair-reddit>.linkflairlabel {
color: #808080;
background-color: #f3f3f3;
border: 1px solid #808080;
}
.thing.linkflair-reddit a.thumbnail {
background-position: -420px 0px;
}
.linkflair-twitch .title>.linkflairlabel,
.flairselector .linkflair-reddit>.linkflairlabel {
color: #808080;
background-color: #f3f3f3;
border: 1px solid #808080;
}
.thing.linkflair-twitch a.thumbnail {
background-position: -480px 0px;
}
.linkflair-question .title>.linkflairlabel,
.flairselector .linkflair-question>.linkflairlabel {
color: #808080;
background-color: #f3f3f3;
border: 1px solid #808080;
}
.thing.linkflair-question a.thumbnail {
background-position: -540px 0px;
}
.linkflair-ama .title>.linkflairlabel,
.flairselector .linkflair-ama>.linkflairlabel {
color: #808080;
background-color: #f3f3f3;
border: 1px solid #808080;
}
.thing.linkflair-ama a.thumbnail {
background-position: -0px -60px;
}
.linkflair-fluff .title>.linkflairlabel,
.flairselector .linkflair-fluff>.linkflairlabel {
color: #808080;
background-color: #f3f3f3;
border: 1px solid #808080;
}
.thing.linkflair-fluff a.thumbnail {
background-position: -60px -60px;
}
.linkflair-bugs .title>.linkflairlabel,
.flairselector .linkflair-bugs>.linkflairlabel {
color: #808080;
background-color: #f3f3f3;
border: 1px solid #808080;
}
.thing.linkflair-bugs a.thumbnail {
background-position: -120px -60px;
}
.linkflair-nsfw .title>.linkflairlabel,
.flairselector .linkflair-nsfw>.linkflairlabel {
color: #808080;
background-color: #f3f3f3;
border: 1px solid #808080;
}
.thing.linkflair-nsfw a.thumbnail {
background-position: -180px -60px;
}
.linkflair-img .title>.linkflairlabel,
.flairselector .linkflair-img>.linkflairlabel {
color: #808080;
background-color: #f3f3f3;
border: 1px solid #808080;
}
.thing.linkflair-img a.thumbnail {
background-position: -240px -60px;
}
/***********
COMMENTS PAGE
**********/
.new-comment .usertext-body {
background-color: #000 !important;
border: solid 0px #cddaf3;
border-left: solid 2px #091523;
margin-top: 7px;
}
.comments-page .comment,
.comment .comment,
/*targets child comments*/
.res-commentBoxes .thing.comment .thing.comment
/*overrides RES CSS*/
{
padding: 10px !important;
border: 0px solid #eee !important;
border-radius: 2px !important;
}
.res-commentBoxes.res-commentBoxes-rounded .comment {
background: none;
margin-bottom: 10px !important;
margin-left: 10px !important;
border: 1px solid #d9d9d9 !important;
border-radius: 2px !important;
}
.comment {
background: #none !important;
margin-bottom: 10px !important;
margin-left: 15px !important;
border: 0px solid #d9d9d9 !important;
border-radius: 0px !important;
}
.commentarea .comment .comment,
.commentarea .comment .comment .comment .comment,
.commentarea .comment .comment .comment .comment .comment .comment,
.commentarea .comment .comment .comment .comment .comment .comment .comment .comment,
.commentarea .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment {
background: none !important;
}
.commentarea .comment .comment .comment,
.commentarea .comment .comment .comment .comment .comment,
.commentarea .comment .comment .comment .comment .comment .comment .comment,
.commentarea .comment .comment .comment .comment .comment .comment .comment .comment .comment,
.commentarea .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment {
background: none !important;
}
.comment-visits-box,
.linkinfo,
.login-form-side {
background: none;
border: none;
color: #999;
}
.linkinfo {
padding: 5px;
border: 1px solid #091523;
border-radius: 0px;
}
.comment-visits-box .title {
color: #369;
}
.linklisting .md {
padding: 10px;
}
/***********
FOOTER
**********/
.debuginfo {
width: calc(100% - 10px);
background: none;
}
.debuginfo:before {
float: left;
content: "Base theme : /r/homespun - Modified by /u/alt_ghost";
display: block;
position: relative;
top: 2px;
color: #808080;
font-size: 9px;
}
.footer {
background: #f3f3f3;
border: 0px solid #fff;
border-radius: 0px;
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
}
.footer:hover {
border: 0px solid #e1e1e1;
border-top: 0px solid #fff;
}
.footer-parent {
background: #f3f3f3;
margin-bottom: -12px;
padding-bottom: 20px;
}
.footer .col {
border: 0px solid #e1e1e1 !important;
}
.flat-vert.title {
background: #091523;
color: #f3f3f3;
padding: 10px;
margin: -20px -20px 10px -20px;
border-radius: 0px 0px 0 0;
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
text-transform: uppercase;
font-weight: 700;
text-align: center;
}
/***********
COMMENTS BOX
**********/
.commentarea .menuarea .toggle a {
font-weight: normal;
}
.menuarea {
background-color: transparent;
margin-left: 15px;
margin-right: 335px;
margin-bottom: 0px;
border-bottom: none;
}
.drop-choices {
border: 0;
}
.dropdown.srdrop .selected {
color: #FFF;
}
.dropdown.lightdrop .selected {
text-decoration: none;
font-weight: bold;
font-family: "Segoe UI", "Arial", sans-serif;
text-transform: uppercase;
font-size: 120%;
}
.drop-choices {
background-color: #091523;
border: solid 1px #FFF;
}
.drop-choices a.choice {
padding: 4px 12px;
margin: 6px;
}
.drop-choices.lightdrop {
background-color: #FFF;
border: 1px solid #091523;
margin-top: 2px;
}
.panestack-title {
color: #f3f3f3;
background-color: #091523;
border-bottom: 0;
padding: 10px;
margin-left: 10px;
margin-right: 335px;
border-bottom: none;
margin-top: 15px;
border-radius: 0px 0px 0 0;
}
.commentarea .menuarea {
background-color: none;
border-bottom: 0px solid #d9d9d9;
border-top: 0;
padding: 10px;
margin-left: 10px;
margin-right: 335px;
}
.commentarea>.usertext {
background-color: none;
border-top: 0;
padding: 10px;
margin-left: 10px;
margin-right: 335px;
margin-top: -10px;
margin-bottom: 15px;
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
border-radius: 0 0 0px 0px;
}
.gold-accent.comment-visits-box {
background-color: transparent;
border: 0;
border-radius: 0px;
padding: 10px;
margin-left: 15px;
margin-bottom: 8px;
}
.comment-visits-box .title {
color: #373737;
font-weight: normal;
}
/***********
SUBMIT PAGE
**********/
.submit-page #header-img.default-header {
display: none;
}
ul.tabmenu.formtab,
.formtabs-content .infobar,
#reddit-field,
.submit-page h1 {
display: none;
}
.submit .formtabs-content {
border-top: none;
}
.submit .roundfield {
background: transparent;
border-radius: 0px;
}
.submit-page .side,
.submit-page .footer-parent {
display: none !important;
}
.submit-page .content {
width: 500px;
position: absolute;
left: calc(50% - 250px);
}
.formtabs-content .infobar {
margin-bottom: 10px;
}
.submit_text .content {
position: static;
}
.submit_text .content .md {
padding: 20px 0;
border-top: 1px solid #bfbfbf;
border-bottom: 1px solid #bfbfbf;
}
.submit-page .debuginfo {
display: none;
}
.formtabs-content .infobar,
.content.submit .info-notice {
background: #f3f3f3;
border: 1px solid #e1e1e1;
padding: 10px;
border-radius: 0px;
}
#items-required {
display: none;
}
.submit.content button[name="submit"] {
background-color: #091523;
border: 0px solid #8cb3d9;
font-size: 16px;
color: #f3f3f3;
display: block;
width: 200px;
position: relative;
top: 10px;
left: calc(50% - 100px);
padding: 6px 0;
text-transform: uppercase;
}
.submit.content button[name="submit"]:hover {
background-color: #f3f3f3;
color: #091523;
border: solid 1px #091523;
}
/**********
Customisation options start here:
Remove the " /* " symbols before and after the blocks of code to active them. If you don't want a header or sidebar image, keep them there.
Next, upload an image onto your stylesheet and name it either "header" for the header image or "sidebar" for the sidebar image.
Hit save and you're done!
**********/
#header {
background-image: url(%%header%%);
background-position: left center;
background-size: cover;
background-repeat: no-repeat;
z-index: 2;
}
/*
.side:before {
content: "";
display: block;
width: 280px;
height: 200px;
background-image: url(%%logo%%);
background-size: 100%;
background-repeat: no-repeat;
background-color: transparent;
margin-left: 10px;
margin-bottom: -10px;
z-index: -1;
border-radius: 0px;
box-shadow: 0px 0px 2px rgba(0,0,0,0.1);
}
*/
.pagename a {
font-size: 0;
}
.pagename a:after {
content: "SUBREDDIT";
font-size: 54px;
color: #FFF;
letter-spacing: 5px !important;
}
#header {
z-index: 1;
box-shadow: 0 2px 1.5px 0 rgba(0, 0, 0, .12), 0 0 4px 0 rgba(0, 0, 0, .12)
}
/*----- Edit number of subscribers/online -----*/
div.titlebox span.word {
/*disables default text*/
display: none
}
p.users-online span.number:after {
/*changes 'users here now' to whatever*/
content: " Online(s) "
}
span.subscribers:after {
/*changes # of 'subscribers' to whatever*/
content: " Subscribers "
}
/***********
TABMENU
**********/
#header .tabmenu {
position: absolute;
top: 175px;
left: 0px;
}
#header .tabmenu li {
margin: 0;
}
#header .tabmenu li a {
background-color: #091523;
color: #f3f3f3;
font-size: 14px;
font-family: "Segoe UI", sans-serif;
text-transform: uppercase;
letter-spacing: 0.2;
border: 0;
padding: 0 10px;
display: inline-block;
height: 40px;
line-height: 40px;
}
#header .tabmenu li.selected a {
color: #091523;
background-color: #f3f3f3;
}
#header .tabmenu li:hover a {
background-color: #f3f3f3;
color: #091523;
/* background-color: rgba(89, 140, 192, 0.07); */
}
/* making sure the expando buttons are OK */
.link {
position: relative;
}
.beta-hint a {
height: 20px;
}
/* SIDEBAR TITLE BOX h5 */
.side h5 {
color: #f3f3f3;
display: block;
height: 30px;
line-height: 30px !important;
padding-left: 10px;
background-color: #091523;
text-transform: uppercase;
border-radius: 0px 0px 0 0;
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
}
/* Expandable menu */
.side h4 {
background: #f3f3f3;
padding: 8px;
padding-left: 8px;
margin: 0 !important;
font-size: 14px !important;
color: #091523;
border: solid 1px #091523;
border-radius: 0px
}
.side h4+ul {
margin: 0 !important;
margin-bottom: 6px !important;
height: auto;
max-height: 0;
overflow: hidden;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.side h4+ul a {
list-style-type: circle !important;
}
.side h4+ul sup {
margin-top: 6px;
display: block;
}
.side h4:hover {
cursor: pointer;
}
.side h4:hover+ul,
.side h4+ul:hover {
max-height: 400px;
padding-top: 8px;
padding-bottom: 8px;
}
/* USER BAR - RES IS NOT INCLUDED YET*/
#header #header-bottom-right {
top: auto;
bottom: -50px;
height: 50px;
line-height: 50px;
background: 0 0;
text-transform: uppercase;
font-size: 11px;
color: #696969;
}
#header #header-bottom-right #RESAccountSwitcherIcon, #header #header-bottom-right #RESSettingsButton, #header #header-bottom-right #chat, #header #header-bottom-right #mail, #header #header-bottom-right #modmail, #header #header-bottom-right #new_modmail, #header #header-bottom-right .logout a, #header #header-bottom-right .pref-lang, #header #header-bottom-right .user>a {
width: 20px !important;
height: 20px !important;
margin: 16px 35px 0 0 !important;
display: inline-block !important;
position: relative;
top: 0 !important;
overflow: visible;
vertical-align: top;
background: url(%%spritesheet2%%);
font-size: 0 !important;
}
#header #header-bottom-right #RESAccountSwitcherIcon:before, #header #header-bottom-right #RESSettingsButton:before, #header #header-bottom-right #chat:before, #header #header-bottom-right #mail:before, #header #header-bottom-right #modmail:before, #header #header-bottom-right #new_modmail:before, #header #header-bottom-right .logout a:before, #header #header-bottom-right .pref-lang:before, #header #header-bottom-right .user>a:before {
position: absolute;
pointer-events: none;
opacity: 0;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
transform: translateX(-50%);
top: -33px;
box-shadow: 0 0 10px rgba(0, 0, 0, .5);
padding: 0 15px;
background: #091523;
white-space: nowrap;
line-height: 24px;
text-indent: 0px;
font-family: inherit;
font-size: 10px;
font-weight: 700;
letter-spacing: 1px;
color: #FFF;
transition: .2s;
z-index: 99;
}
#header #header-bottom-right #RESAccountSwitcherIcon:hover:before, #header #header-bottom-right #RESSettingsButton:hover:before, #header #header-bottom-right #chat:hover:before, #header #header-bottom-right #mail:hover:before, #header #header-bottom-right #modmail:hover:before, #header #header-bottom-right #new_modmail:hover:before, #header #header-bottom-right .logout a:hover:before, #header #header-bottom-right .pref-lang:hover:before, #header #header-bottom-right .user>a:hover:before {
opacity: 1;
top: -45px;
}
#header #header-bottom-right #RESAccountSwitcherIcon:after, #header #header-bottom-right #RESSettingsButton:after, #header #header-bottom-right #chat:after, #header #header-bottom-right #mail:after, #header #header-bottom-right #modmail:after, #header #header-bottom-right #new_modmail:after, #header #header-bottom-right .logout a:after, #header #header-bottom-right .pref-lang:after, #header #header-bottom-right .user>a:after {
position: absolute;
pointer-events: none;
opacity: 0;
top: -9px;
left: calc(50% - 4px);
width: 1px;
height: 1px;
border: 4px solid transparent;
border-bottom-width: 0;
border-top-color: #091523;
content: "";
transition: .2s;
}
#header #header-bottom-right #RESAccountSwitcherIcon:hover:after, #header #header-bottom-right #RESSettingsButton:hover:after, #header #header-bottom-right #chat:hover:after, #header #header-bottom-right #mail:hover:after, #header #header-bottom-right #modmail:hover:after, #header #header-bottom-right #new_modmail:hover:after, #header #header-bottom-right .logout a:hover:after, #header #header-bottom-right .pref-lang:hover:after, #header #header-bottom-right .user>a:hover:after {
opacity: 1;
top: -22px;
z-index: 99;
}
#header #header-bottom-right #openRESPrefs {
margin: 16px 35px 0 0 !important;
width: 18px;
height: 30px;
}
#header #header-bottom-right .logout a {
margin: 16px 24px 0 0 !important;
}
#header #header-bottom-right .user>a {
background-position: -18px 0px;
}
#header #header-bottom-right #mail.nohavemail {
background-position: -36px 0px;
}
#header #header-bottom-right #mail.havemail {
background-position: -36px 0px;
}
#header #header-bottom-right #modmail {
background-position: -71px 0px;
}
#header #header-bottom-right .pref-lang {
background-position: -108px 0px;
}
#header #header-bottom-right #RESSettingsButton {
background-position: -76px 0px;
}
#header #header-bottom-right .logout a {
background-position: -125px 0px;
}
#header #header-bottom-right #new_modmail {
background-position: -90px 0px;
}
#header #header-bottom-right #new_modmail.havemail {
background-position: -90px 0px;
}
#header #header-bottom-right .beta-hint {
display: none;
}
#header #header-bottom-right #RESAccountSwitcherIcon {
background-position: -199px -204px;
width: 20px !important;
height: 20px !important;
}
#header #header-bottom-right #chat {
background-position: 90px 0px;
width: 19px !important;
}
#header #header-bottom-right .user>a:before {
content: "Profile Page";
}
#header #header-bottom-right #RESAccountSwitcherIcon:before {
content: "Switch Accounts";
}
#header #header-bottom-right #mail:before {
content: "Inbox";
}
#header #header-bottom-right #modmail:before {
content: "Mod Mail";
}
#header #header-bottom-right #new_modmail:before {
content: "New Mod Mail";
}
#header #header-bottom-right .pref-lang:before {
content: "Preferences";
}
#header #header-bottom-right #RESSettingsButton:before {
content: "RES Settings";
}
#header #header-bottom-right .logout a:before {
content: "Logout";
}
#header #header-bottom-right #chat:before {
content: "Reddit Chat";
}
#header #header-bottom-right a.message-count {
position: relative;
margin: 15px 23px 0 -42px;
top: -5px;
width: 20px;
height: 20px;
border-radius: 50%;
text-align: center;
line-height: 20px;
font-size: 10px;
font-weight: 400;
background: #c871ad;
}
#header #header-bottom-right .user, #header #header-bottom-right.res-userbar-toggle>.user {
font-size: 0;
margin-left: 0;
}
#header #header-bottom-right #userbarToggle, #header #header-bottom-right .separator {
display: none !important;
}
/* Subreddit Setting Page BG*/
.linefield {
background-color: none;
}
.drop-choices a.choice:hover {
background-color: #091523 !important;
color: #f3f3f3 !important;
}
.submit.mod-override .morelink a:after {
display: none;
}
/* Reddit New Join/Leave Button */
.fancy-toggle-button .active {
font-size: 14px !important;
text-transform: uppercase !important;
letter-spacing: 0.2px !important;
line-height: 35px !important;
font-weight: bold !important;
color: #f3f3f3 !important;
background-color: #091523 !important;
}
/* Discord button based on r/videos */
.side .usertext-body:first-of-type a[href$="#dis"] {
background: #6381ea url(%%discord%%) 6px 6px no-repeat !important;
background-size: 16px !important;
font-size: 13px !important;
color: #fff !important;
padding: 2px 5px !important;
padding-left: 29px !important;
border-radius: 0px;
font-weight: bold;
text-decoration: none;
line-height: 1.6em !important;
top: -37px !important;
position: relative;
float: right;
}
.side .usertext-body:first-of-type a[href$="#dis"]:hover {
background: #4569e8 url(%%discord%%) 6px 6px no-repeat !important;
background-size: 16px !important;
}
/* sidebar image above search bar */
/* Sidebar image
.side:before {
content: "";
display: block;
width: 280px;
height: 280px;
background-image: url(%%logo%%);
background-size: 100%;
background-repeat: no-repeat;
background-color: transparent;
margin-left: 10px;
margin-bottom: -10px;
z-index: -1;
border-radius: 0px;
}
*/