/* ---------- HEADER: CHANGE LINK BAR AT TOP -------------------------------------- */
.theme-daymode #sr-header-area .selected.title,
.theme-daymode #sr-header-area .sr-list,
.theme-daymode #sr-header-area .flat-list.sr-bar.separator {
text-shadow: none;
color: #000000;
background-color: #FFFFFF !important;
border-bottom: 1px solid black;}
.theme-daymode #sr-header-area a#sr-more-link,
.theme-daymode #sr-header-area .flat-list,
.theme-daymode .sr-bar a,
.theme-daymode #sr-header-area .flat-list.sr-bar.hover a {
text-shadow: none;
color: #000000;
background-color: #FFFFFF !important;}
/* ---------- HEADER: BANNER ------------------------------------------------------ */
.theme-daymode #header {
background: url(%%Banner-daymode%%) center/cover;
background-color: #FFFFFF !important;
background-repeat: no-repeat;
background-size: contain;
height: 180px;
border-bottom: solid 1px #000000;}
#header-bottom-left {
position: absolute;
text-align: center;
bottom: 0;}
.pagename a:after { /* makes banner clickable for refresh */
content: '';
position: absolute;
bottom: 25px;
left: 15vw;
margin-left: -250px;
height: 130px;
width: 65vw;}
/* ---------- HEADER: CHANGE COLOR OF SUBREDDIT NAME ------------------------------- */
#header-bottom-left .pagename, #header-bottom-left .pagename a, #header-bottom-left .pagename a:after {
/* text-shadow: none; */
/* color: #ED6868 !important; */
font-size: 0px !important;}
/* ---------- HEADER: ICON POSITION ------------------------------------------------ */
#header-img, #header-img.default-header {
background-position: 0;
width: 140px;
margin: 32px 32px 0px 0px;
position: fixed;
top: 35px;
right: 0px; }
/* ---------- HEADER: PAGE TABS ---------------------------------------------------- */
#header .tabmenu { /* all tabs, position and effects */
width: 80vw;
position: absolute;
z-index: 3;
bottom: 0px;
left: 70%;
right: 0;
border-bottom: 2px solid transparent !important;
display: flex;
justify-content: center;}
#header .tabmenu li { /* all tabs, remove static underlining from text */
border-bottom: 2px solid transparent;
margin-bottom: -1px;}
/* all tabs, underline text only when hovering*/
#header .tabmenu li:hover:after {
width: 100%;
transition-delay: .15s;}
#header .tabmenu li:after {
content: "";
display: block;
height: 4px;
background: #ED6868;
position: relative;
bottom: -5px;
margin: 0 auto;
width: 0;
transition: all 250ms ease-out 0s;
pointer-events: none;}
.theme-daymode #header .tabmenu li.selected { /* selected tab, static underlining */
border-bottom-color: #000000 !important;
margin-bottom: -4px;
border-bottom-width: 4px;}
.theme-daymode #header .tabmenu li a, .theme-daymode #header .tabmenu li.selected a { /*all tabs, text */
border: none;
background: 0 0;
color: #000000 !important;
text-transform: uppercase;
letter-spacing: 4px;}
#header .tabmenu li.selected a:hover, #header .tabmenu li:hover a { /*all tabs, text when hovering */
padding-bottom: 5px;
bottom: 2px;
color: #ED6868 !important;}
/* ---------- HEADER: USER INFO & PREFERENCES -------------------------------------- */
.theme-daymode #header-bottom-right,
.theme-daymode #header-bottom-right a,
.theme-daymode #header-bottom-right .user,
.theme-daymode span.userkarma,
.theme-daymode .message-count,
.theme-daymode #header-bottom-right .logout a,
.theme-daymode #header-bottom-right .separator,
.theme-daymode #header-bottom-right .choice,
.theme-daymode #header-bottom-left .pagename,
.theme-daymode #modmail,
.theme-daymode #modmail.nohavemail {
text-shadow: none;
color: #000000;
background-color: #FFFFFF;}
.theme-daymode #header-bottom-right {
border: solid 1px #000000;
border-bottom: none;}
/* ---------- 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 'USERS' ---------- */
*/ ---------- POSTS & OVERALL THEME ----------------------------------------------- */
*, :after, :before{
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;}
body.theme-daymode {
background-color:#F0F0F0;}
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 ------------------------------------------------------------ */
.flair {
/* background: url(%%spritesheet%%) no-repeat -9999px; */
border: 0;
padding: 0;
min-width: 40px;
text-indent: 43px;
height: 25px;
line-height: 25px;}
.flair-1 {
background-position: 0 0;}
.flair-2 {
background-position: 0 -25px;}
.flair-3 {
background-position: 0 -50px;}
/* ---------- POST FLAIR ------------------------------------------------------------- */
.linkflairlabel {
max-width: 100% !important;
color: -webkit-text;}
.linkflair-SAMPLEFLAIR .linkflairlabel {
text-align:center;
background: gray;
font-weight: bold;
color:#D5D5D5;
border-color: gray;}
body:not(.moderator) .link .flairselector ul:nth-child(3) li:nth-child(10),
body:not(.moderator) .link .flairselector ul:nth-child(3) li:nth-child(11) { /* hides the last 2 flairs in the third column for non-mods */
display: none!important;}
/* ---------- 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 -------------------------------------- */
.theme-nightmode #sr-header-area .selected.title,
.theme-nightmode #sr-header-area .sr-list,
.theme-nightmode #sr-header-area .flat-list.sr-bar.separator {
text-shadow: none;
border-bottom: 1px solid white;}
.theme-nightmode #sr-header-area a#sr-more-link,
.theme-nightmode #sr-header-area .flat-list,
.theme-nightmode .sr-bar a,
.theme-nightmode #sr-header-area .flat-list.sr-bar.hover a {
text-shadow: none;}
/* ---------- HEADER: BANNER ------------------------------------------------------- */
.theme-nightmode #header {
background: url(%%Banner-nightmode%%) center/cover;
background-color: #000000 !important;
background-repeat: no-repeat;
background-size: contain;
height: 180px;
border-bottom: solid 1px #FFFFFF;}
/* ---------- HEADER: CHANGE COLOR OF SUBREDDIT NAME ------------------------------- */
/* ---------- HEADER: ICON POSITION ------------------------------------------------ */
/* ---------- HEADER: PAGE TABS ---------------------------------------------------- */
.theme-nightmode #header .tabmenu li.selected { /* selected tab, static underlining */
border-bottom-color: #FFFFFF !important;
margin-bottom: -4px;
border-bottom-width: 4px;}
.theme-nightmode #header .tabmenu li a, .theme-nightmode #header .tabmenu li.selected a { /*all tabs, text */
border: none;
background: 0 0;
color: #FFFFFF !important;
text-transform: uppercase;
letter-spacing: 4px;}
/* ---------- HEADER: USER INFO & PREFERENCES -------------------------------------- */
.theme-nightmode #header-bottom-right {
border: solid 1px #FFFFFF;
border-bottom: none;}
/* ---------- 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 #000000;}
.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-color: gray;
border-radius: 10px;}
.theme-nightmode body .side .titlebox .usertext .usertext-body .md > h3 a,
.theme-nightmode .side .titlebox .usertext .usertext-body .md > h3 a { /* makes Wiki links clickable buttons */
border-color: #ED6868;}
.theme-nightmode .side .titlebox .usertext .usertext-body .md>h3 a:hover {
background-color: gray;}
.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 'USERS' ---------------------- */
/* ---------- 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