/* ---------- HEADER: CHANGE LINK BAR AT TOP -------------------------------------- */
#sr-header-area .selected.title,
#sr-header-area .sr-list,
#sr-header-area .flat-list,
#sr-header-area .flat-list.sr-bar.hover a,
#sr-header-area a#sr-more-link {
text-shadow: none;
color: #000000;
background-color: #F0F0F0 !important}
#sr-header-area .flat-list.sr-bar .separator {
text-shadow: none;
color: #000000;
background-color: #F0F0F0 !important}
/* ---------- HEADER: BANNER ------------------------------------------------------ */
#header {
background: url(%%Banner%%) center/cover;
background-color: #FFFFFF !important;
background-repeat: no-repeat;
background-size: contain;
height: 180px;
border-bottom-color: #000000;}
#header-bottom-left {
position: absolute;
text-align: center;
bottom: 0;}
/* ---------- HEADER: CHANGE COLOR OF SUBREDDIT NAME ------------------------------- */
.pagename, .pagename a {
text-shadow: none;
background-color: #FFFFFF;
color: #ED6868 !important;}
/* ---------- HEADER: ICON POSITION ------------------------------------------------ */
#header-img.default-header {
margin-left: -50px;}
/* ---------- HEADER: PAGE TABS ---------------------------------------------------- */
#header .tabmenu {
bottom: 0;
width: 50vw;
line-height: 25px;}
#header .tabmenu li {
margin: 0;}
.theme-daymode #header .tabmenu li a {
display: inline-block;
color: #000000;
background-color: #FFFFFF;
text-transform: uppercase;
border: none;}
.theme-daymode #header .tabmenu li.selected a {
color: #000000;
background-color: #FFFFFF;
border: 1px solid black;
border-bottom: 1px solid white;
margin-bottom:-1px}
.theme-daymode #header .tabmenu li a:hover, .theme-daymode .tabmenu li.selected a:hover {
color: #000000;
background: #ED6868;}
/* ---------- HEADER: USER INFO & PREFERENCES -------------------------------------- */
#header-bottom-right,
#header-bottom-right a,
#header-bottom-right .user,
span.userkarma,
.message-count,
#header-bottom-right .logout a,
#header-bottom-right .separator,
#header-bottom-right .choice,
#header-bottom-left .pagename,
#modmail,
#modmail.nohavemail {
text-shadow: none;
color: #000000;
background-color: #F0F0F0;}
#header-bottom-right {
border: solid 1px #000000;}
/* ---------- SIDEBAR ------------------------------------------------------------- */
.theme-daymode .side {
background-color:#F0F0F0;
color: #COLOR; /* Subscribers & Online text color */
padding: 5px;
margin-top: 6px;
margin-left: 5px;
margin-right: 5px;
border: solid 1px black;}
body .side .titlebox .usertext .usertext-body .md > h3 a,
.side .titlebox .usertext .usertext-body .md > h3 a { /* makes Wiki links clickable buttons */
display: flex;
justify-content: center;
padding: 0;
height: 100%;
color: #000000;
background-color: #ED6868;
border: solid 1px black;
border-radius: 10px;
border-color: #696969;
font-size: 14px;
font-weight: bold;
text-align: center;
letter-spacing: 1.25pt;}
body .side .titlebox .usertext .usertext-body .md>h3 a:hover,
body.theme-daymode .side .titlebox .usertext .usertext-body .md>h3 a:hover {
background-color: #FFFFFF;
color: #000000;}
.side .md p { /* changes description text color */
color: #COLOR;}
.side .md h2 { /* separates "rules", "about us", etc into heading sections */
background: #000000;
color: #FFFFFF;
font-size: 20px;
font-weight: bold;
line-height: 2;
text-align: center;
border: solid 1px black;
border-radius: 3px;}
#search input[type=text] {
width: 250px;}
.theme-daymode .morelink, .theme-daymode .morelink a { /* "submit a post/link" buttons */
background-color: #ED6868;
color: #000000;
border-color: #696969;
border-radius: 10px;
font-weight: bold;}
.morelink:hover a {
background-color: #FFFFFF;
color: #000000;}
.morelink .nub, .morelink .nub a, .morelink:hover .nub {
display: none;}
.theme-daymode .titlebox h1 a { /* changes sub name color in sidebar */
color: #COLOR;}
.theme-daymode .sidebox .spacer,
.theme-daymode .titlebox form.toggle,
.theme-daymode .leavemoderator,
.theme-daymode .icon-menu a { /* "use subreddit style" and other boxed elements */
background: none;
color: #COLOR;}
.theme-daymode .titlebox .bottom,
.theme-daymode .age { /* "created by" and sub age */
color: #000000;}
.theme-daymode #moderation_tools h1 { color: #000000; } /* "moderation tools" text */
.theme-daymode #moderation_tools a { color: #COLOR; } /* Links within the mod tools box */
.theme-daymode .helplink { color: #000000; } /* "message the moderators" text */
.helplink ~ ul .author { color: #COLOR; } /* mod names in the mod box */
.theme-daymode .helplink ~ ul .more a { color: #000000; } /* "about moderation team" text */
.icon-menu a { background: none;} /* background of text in "moderation tools" */
.theme-daymode .sidecontentbox .title h1 { color: #000000; } /* "moderators" title text */
.sidecontentbox .more, .score.unvoted, .score.dislikes, .score.likes { color: #COLOR; } /* upvotes, downvotes, and "recently viewed links" */
/* ---------- SIDEBAR: CHANGES WORD FOR 'READERS' AND 'CURRENTLY ONLINE' ---------- */
*/ ---------- POSTS & OVERALL THEME ----------------------------------------------- */
*, :after, :before{
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;}
theme-daymode body { /* this is not working, with or without the dot, removing DAYMODE alters NIGHTMODE and cannot fix that either */
background-color: #DEE7DF !important;}
theme-daymode .link,
theme-daymode .comment {
background-color:rgba(204, 204, 204, 0.35);
margin-top: 5px;
/*margin-bottom: -7px;*/
margin-left: 5px;
/*margin-right: 320px;*/
padding: 5px;
border: 1px solid #000000;}
/* ---------- CHANGES TO THE SUBMISSION PAGE ----------------------------------------- */
/* ---------- FIXES TO FLAIR SELECTION PANELS -------------------------------------- */
.flairselector {
position: fixed;
top: 20% !important;
left: 40% !important;
padding: 10px !important;
width: 500px !important;}
flairselector .customizer {
display: none !important;}
.flairselector h2 {
background: none;}
.flairoptionpane {
max-height: 700px;
background: #D5D5D5;}
.link .flairselector {
width: auto !important;}
.link .flairoptionpane {
max-height: none;}
.link .flairoptionpane ul,
.link .flairoptionpane li {
text-align: left!important;
width: 300px !important;}
.link .flairoptionpane ul {
display: inline-block;
float: none!important;
vertical-align: top;}
/* ---------- USER FLAIR ------------------------------------------------------------ */
/* ---------- POST FLAIR ------------------------------------------------------------- */
.linkflairlabel {
max-width: 100% !important;
color: -webkit-text;}
.linkflair-SAMPLEFLAIR .linkflairlabel {
text-align:center;
background: gray;
font-weight: bold;
color:#FFFFFF;
border-color: gray;}
/* ---------- CHANGE USERNAME COLORS -------------------------------------------------- */
a.author[href$="automoderator"] {
background-color: green !important;
color: white;
padding: 0 2px;
border-radius: 3px;}
.link .author.moderator,
.comment .author.moderator {
background-color: green !important;
color: white;
padding: 0 2px 0 2px;
border-radius: 3px;}
.comment .author.submitter {
background-color: blue;
color: white;
padding: 0 2px 0 2px;
border-radius: 3px;}
.link .author.admin,
.comment .author.admin {
background-color: red !important;
color: white;
padding: 0 2px 0 2px;
border-radius: 3px;}
/* -------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------- */
/* -------------- NIGHTMODE COMPATIBILITY ----------------------------------------- */
/* -------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------- */
/* ---------- HEADER: CHANGE LINK BAR AT TOP -------------------------------------- */
/* ---------- HEADER: BANNER ------------------------------------------------------- */
/* ---------- HEADER: CHANGE COLOR OF SUBREDDIT NAME ------------------------------- */
/* ---------- HEADER: SNOO POSITION ------------------------------------------------ */
/* ---------- HEADER: PAGE TABS ---------------------------------------------------- */
/* ---------- HEADER: USER INFO & PREFERENCES -------------------------------------- */
/* ---------- SIDEBAR ------------------------------------------------------------- */
.theme-nightmode .side {
background-color:#COLOR;
color: #COLOR; /* Subscribers & Online text color */
padding: 5px;
margin-top: 6px;
margin-left: 5px;
margin-right: 5px;
border: solid 1px black;}
.theme-nightmode .morelink, .theme-nightmode .morelink a { /* "submit a post/link" buttons */
background-color: #ED6868;
color: #000000;
border-color: #ED6868;
border-radius: 10px;}
.theme-nightmode .morelink:hover a {
background-color: gray;
border-radius: 10px;}
.theme-nightmode .side .titlebox .usertext .usertext-body .md>h3 a:hover { /* clickable Wiki links */
background-color: gray;
border-color: #ED6868;
border-radius: 10px;}
.theme-nightmode .titlebox h1 a { /* changes sub name color in sidebar */
color: #D5D5D5;}
.theme-nightmode .sidebox .spacer,
.theme-nightmode .titlebox form.toggle,
.theme-nightmode .leavemoderator,
.theme-nightmode .icon-menu a { /* "use subreddit style" and other boxed elements */
background: none;
color: #D5D5D5;}
.theme-nightmode .titlebox .bottom, /* "created by" and sub age */
.theme-nightmode .age {
color: #D5D5D5;}
.theme-nightmode #moderation_tools h1 { color: #D5D5D5;} /* "moderation tools" text */
.theme-nightmode #moderation_tools a { color: #COLOR; } /* Links within the mod tools box */
.theme-nightmode .helplink { color: D5D5D5;} /* "message the moderators" text */
.theme-nightmode .helplink ~ ul .more a { color: #D5D5D5; } /* "about moderation team" text */
.theme-nightmode .sidecontentbox .title h1 { color: #D5D5D5; } /* "moderators" title text */
/* ---------- SIDEBAR: CHANGES WORD FOR 'READERS' AND 'CURRENTLY ONLINE' ----------- */
/* ---------- POSTS & OVERALL THEME ------------------------------------------------ */
/* ---------- CHANGES TO THE SUBMISSION PAGE --------------------------------------- */
/* ---------- FIXES TO FLAIR SELECTION PANELS -------------------------------------- */
/* ---------- USER FLAIR ----------------------------------------------------------- */
.theme-nightmode .flair {
background-color: gray;
color: #000000;
padding-right: 8px;}
/* ---------- POST FLAIR ----------------------------------------------------------- */
/* ---------- CHANGE USERNAME COLOR ------------------------------------------------ */
images
- Banner-daymode
link:url(%%Banner-daymode%%)
- Banner-nightmode
link:url(%%Banner-nightmode%%)
- Icon
link:url(%%Icon%%)
revision by — view source