Skip to content

Instantly share code, notes, and snippets.

@avipars

avipars/styles.css

Created November 21, 2023 12:31
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save avipars/3cf00e3d534124c899ffca88f28dd80a to your computer and use it in GitHub Desktop.
Save avipars/3cf00e3d534124c899ffca88f28dd80a to your computer and use it in GitHub Desktop.
Download ZIP
GGA Reddit theme backup
Raw
styles.css
/*
Version 3.0
Edited by Flexxkii
Stylesheet by Cryptonaut
Last modified: 15 MAR 2015
Details: This is a custom template made by /u/Cryptonaut.
Find out more on /r/Naut.
-------------------------------------------------------------------------- */
*,:before,:after {
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box
}
body {
overflow-x:hidden;
background-color:#eee
}
/* General Styles - Links / Buttons / Inputs */
a {
color:#27ae60;
text-decoration:none!important;
transition:color .15s ease
}
input:not([type="submit"]),textarea {
box-shadow:none!important;
background-color:#fff!important;
border:1px solid #e5e5e5!important;
color:#707070!important;
transition:all .15s ease!important
}
input:hover,textarea:hover {
border-color:#C5C5C5!important
}
input:focus,textarea:focus {
outline:none!important;
border-color:#4F8EF7!important;
color:#4D5763!important
}
.btn,button {
margin:4px 8px 4px 0;
padding:1px 12px 2px;
background-color:#0288d1;
border:none;
border-radius:2px;
-moz-box-shadow:0 1px 0 rgba(0,0,0,0.05);
-ms-box-shadow:0 1px 0 rgba(0,0,0,0.05);
-webkit-box-shadow:0 1px 0 rgba(0,0,0,0.05);
box-shadow:0 1px 0 rgba(0,0,0,0.05);
color:#fff;
text-transform:capitalize;
font-weight:700;
line-height:26px;
cursor:default;
transition:all .15s ease;
height:29px
}
.btn:hover,button:hover {
/*-moz-box-shadow: 0 1px 0 0 rgba(0,0,0,0.27);
-ms-box-shadow: 0 1px 0 0 rgba(0,0,0,0.27);
-webkit-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.27);
box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.27);*/
background-color:#016ca7
}
.btn:active,button:active {
/*-moz-box-shadow: inset 0 2px 0 #d6d6d6;
-ms-box-shadow: inset 0 2px 0 #d6d6d6;
-webkit-box-shadow: inset 0 2px 0 #D6D6D6;
box-shadow: inset 0 2px 0 #D6D6D6;*/
background-color:#01517d
}
.btn:focus,button:focus {
outline:none
}
/* Header */
#header {
margin:0;
height:0;
border:none
}
#sr-header-area {
background-color:rgba(0,0,0,0.05);
border:0 solid;
transition:all .15s ease;
height:24px;
line-height:23px
}
#sr-header-area .width-clip {
right:300px
}
#sr-header-area .sr-list {
margin-right:48px
}
#sr-header-area .sr-bar a,#sr-more-link,#sr-header-area .separator,#sr-header-area .dropdown.srdrop .selected {
background-color:transparent;
color:rgba(255,255,255,0.6);
transition:all .15s ease
}
#sr-header-area:hover .sr-bar a,#sr-header-area:hover #sr-more-link,#sr-header-area:hover .seperator,#sr-header-area:hover .dropdown.srdrop .selected {
color:rgba(255,255,255,1)
}
#sr-header-area .sr-bar a:hover,#sr-more-link:hover,#sr-header-area .dropdown.srdrop .selected:hover {
background-color:transparent;
border:0 solid;
transition:all .15s ease
}
a.random.choice {
padding-top:2px;
position:relative;
display:inline-block;
margin-top:-2px
}
#sr-header-area .dropdown.srdrop .selected {
margin:0 12px 0 8px;
padding:0;
background-image:none
}
#sr-header-area .dropdown.srdrop .selected:hover {
text-decoration:underline
}
#sr-header-area .dropdown.srdrop .selected:after {
position:relative;
content:"▼";
margin-left:4px;
font-size:10px
}
/* My Subreddits Dropdown */
#sr-header-area .drop-choices.srdrop {
background-color:#fff;
border:none;
box-shadow:0 2px 3px rgba(0,0,0,0.15)
}
#sr-header-area .drop-choices a.choice {
border-bottom:1px solid #edeeee;
color:#4D5763;
padding:2px
}
#sr-header-area .drop-choices a.choice:hover {
background-color:#f1f1f1
}
#header-img.default-header,#header-img {
z-index: 99;
margin-top:0px;
margin-right:0px;
width: 50px;
height: 50px;
background-image:url(%%MotoAlien%%);
background-repeat: no-repeat;
background-size: 50px 50px;
position: absolute;
top: -65px;
left: 100px;
transition:all .25s ease
}
#header .pagename {
font-size:0;
top: -190px;
}
/* ADDON: CUSTOM LOGO */
#header .pagename a {padding:0;position:absolute;text-indent:-9999px;margin:0;top:-278px;background:url(%%goodguyappsBlack%%);background-position:0 0;background-repeat:no-repeat;transition:all .25s ease;background-size: 50%;}
/* CENTER */
#header-bottom-left {width:100%}
#header .pagename {width:100%;display:block;position:absolute;z-index: -1;}
.submit-page #header .pagename {top: -36px;}
#header .pagename a {position:relative;display:block;top:0;margin-left: auto;}
/* END CENTER */
#header .pagename a {
margin-top: 130px; /* Space from top */
left: 0; /* Space from left */
width: 70%; /* Width of image */
height: 86px; /* Half the height of your image */
}
/* END ADDON */
.submit-page #header .pagename a {
margin-top: -20px!important;
}
/* Tabmenu (hot/new/top) */
#header-bottom-left {
position:absolute;
top:120px;
animation-name:fadein;
animation-duration:.55s;
animation-iteration-count:1;
-webkit-animation-name:fadein;
-webkit-animation-duration:.55s;
-webkit-animation-iteration-count:1
}
#header .tabmenu {
border:none;
margin:0;
margin-left: 5px;
}
#header .tabmenu li a {
display:inline-block;
margin:0 4px;
padding:16px;
background-color:transparent;
border:0;
border-radius:0;
color:rgba(255,255,255,0.6);
text-transform:uppercase;
font-weight:400;
font-size:14px;
font-family:Arial,sans-serif;
transition:color .25s ease,background-color .25s ease
}
/* IF Headerimg is though */
#header .tabmenu li a {
}
#header .tabmenu li a:hover {
color:rgba(255,255,255,1);
background-color:transparent
}
#header .tabmenu li.selected a {
padding:16px 16px 14px;
background-color:transparent;
border:0;
border-bottom:2px solid #fff;
color:rgba(255,255,255,100);
font-weight:700
}
#header .tabmenu li.selected a:hover {
}
.listing-page .tabmenu li:nth-of-type(3),.wiki-page .tabmenu li:nth-of-type(3),/* Rising */
.listing-page .tabmenu li:nth-of-type(4),.wiki-page .tabmenu li:nth-of-type(4),/* Controversial */
.listing-page .tabmenu li:nth-of-type(6),.wiki-page .tabmenu li:nth-of-type(6),/* Self-serve advertising */
.listing-page .tabmenu li:nth-of-type(9),.wiki-page .tabmenu li:nth-of-type(9) /* gilded */ {
display:none
}
/* Sidebar */
.side {
margin:200px 16px 0 0;
padding:6px 16px;
background-color:#fff;
border-radius:2px;
box-shadow:0 1px 5px rgba(0,0,0,0.16)
}
/* Objects from top to bottom */
#header-bottom-right {
position:absolute;
top:0;
right:0;
width:auto;
max-width:300px;
height:24px;
background-color:transparent;
font-size:11px;
color:rgba(255,255,255,0.45);
padding:5px 8px 4px 2px
}
#header-bottom-right a {
color:#fff
}
#header-bottom-right a:hover {
text-decoration:underline
}
.user .userkarma {
font-weight:400;
color:rgba(255,255,255,0.45);
border:none;
font-size:9px;
transition:all .15s ease
}
.separator,.user {
color:rgba(255,255,255,0.45)
}
#mail,#modmail {
width:16px;
height:14px;
background-image:url(%%spritesheet%%)!important;
background-repeat:no-repeat!important;
background-color:transparent;
transition:all .25s ease
}
#mail {
top:-2px;
overflow:visible;
}
#mail.nohavemail {
background-position:-32px -0
}
#mail.havemail {
background-position:-32px -16px;
opacity:1;
}
.message-count {
background-color:#aa1919;
position:relative;
top:-1px
}
#mail.havemail:before {
position:fixed;
padding:16px 24px;
bottom:24px;
z-index:100;
background-color:#aa1919;
border-radius:2px;
box-shadow:0 1px 5px rgba(0,0,0,0.24);
color:#fff;
width:300px;
height:48px;
left:24px;
content:"You have new messages!";
text-indent:0;
font-size:14px;
font-family:arial,sans-serif;
line-height:1;
-webkit-transform:translateY(112px);
transform:translateY(112px);
transition:background-color .25s ease,box-shadow .25s ease;
background-image:url(%%spritesheet%%);
background-position:269px -32px;
background-repeat:no-repeat
}
#mail.havemail:hover:before {
background-color:#881414;
box-shadow:0 3px 12px rgba(0,0,0,0.48)
}
#mail.havemail:active:before {
background-color:#660f0f;
box-shadow:0 4px 14px rgba(0,0,0,0.76)
}
#modmail {
top:-3px
}
#modmail.nohavemail {
background-position:-48px -0;
}
#modmail.havemail {
background-position:-48px -16px;
opacity:1;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
animation-iteration-count:infinite;
-webkit-animation-iteration-count:infinite;
-webkit-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
animation-name: swing;
}
@-webkit-keyframes swing {
20%, 40%, 60%, 80%, 100% { -webkit-transform-origin: top center; }
20% { -webkit-transform: rotate(15deg); }
40% { -webkit-transform: rotate(-10deg); }
60% { -webkit-transform: rotate(5deg); }
80% { -webkit-transform: rotate(-5deg); }
100% { -webkit-transform: rotate(0deg); }
}
@keyframes swing {
20% { transform: rotate(15deg); }
40% { transform: rotate(-10deg); }
60% { transform: rotate(5deg); }
80% { transform: rotate(-5deg); }
100% { transform: rotate(0deg); }
}
/* preferences & logout icons */
#header-bottom-right a.pref-lang,.loggedin .logout a {
background-position:-0 -16px;
background-image:url(%%spritesheet%%);
width:16px;
height:14px;
display:inline-block;
text-indent:-9999px;
margin:0;
position:relative;
top:-1px;
transition:all .25s ease
}
.loggedin .logout a {
background-position:-16px -0
}
.side:after {
display:block;
margin:10px 0;
padding:10px 0;
color:#5B92FA;
content:"CSS Theme via /r/Naut";
text-transform:none;
font-size:16px;
font-family:arial,sans-serif;
position:absolute;
width:300px;
text-align:center;
right:16px
}
/* Search */
#search {
position:absolute;
right:16px;
top:176px;
z-index:1;
width:300px
}
#search input[type=text] {
padding:10px 25px 10px 16px;
border:0 solid!important;
border-radius:2px;
box-shadow:0 1px 5px rgba(0,0,0,0.24)!important;
transition:all .25s ease
}
#search input[type=text]:hover {
box-shadow:0 3px 12px rgba(0,0,0,0.32)!important
}
#search input[type=text]:focus {
border-radius:2px 2px 0 0
}
#search input[type=text]:focus:hover {
box-shadow:0 1px 5px rgba(0,0,0,0.24)!important
}
#search input[type="text"]:-moz-placeholder {
font-size:0
}
#search input[type="text"]::-webkit-input-placeholder {
font-size:0
}
#search input[type="text"]:-ms-input-placeholder {
font-size:0
}
#search input[type="text"]:-moz-placeholder::after {
font-size:14px;
content:"Search..";
position:relative;
top:1px
}
#search input[type="text"]::-webkit-input-placeholder::after {
font-size:14px;
content:"Search..";
position:relative;
top:1px
}
#search input[type="text"]:-ms-input-placeholder::after {
font-size:14px;
content:"Search..";
position:relative;
top:1px
}
#search input[type=text]::-webkit-input-placeholder {
color:#B3B3B3
}
#search input[type=text]:-moz-placeholder {
color:#B3B3B3
}
#search input[type=text]::-moz-placeholder {
color:#B3B3B3
}
#search input[type=text]:-ms-input-placeholder {
color:#B3B3B3
}
#search input[type=submit] {
height:32px;
width:32px;
margin-left:-38px;
background-image:url(%%spritesheet%%);
background-position:-215px -231px;
background-repeat:no-repeat;
border:none!important;
border-radius:16px;
background-color:rgba(0,0,0,0.00);
transition:background-color .15s ease
}
#search input[type=submit]:hover {
background-image:url(%%spritesheet%%);
background-position:-215px -231px;
background-repeat:no-repeat;
background-color:rgba(0,0,0,0.05)
}
/* Expando */
#search #searchexpando {
background-color:#f2f2f2;
border:none;
border-radius:0 0 2px 2px;
margin-top:-5px;
padding-top:10px;
padding-left:0;
padding-right:0;
height:57px;
line-height:45px
}
#search #searchexpando label {
padding:18px 8px 17px;
cursor:pointer;
transition:all .1s ease
}
#search #searchexpando label:hover {
background-color:rgba(0,0,0,0.1)
}
#search #searchexpando label:active {
background-color:rgba(0,0,0,0.25)
}
#search #searchexpando p {
display:none!important
}
/* Submit Button */
.morelink {
position:absolute;
top:220px;
box-shadow:0 1px 5px rgba(0,0,0,0.24);
background-color:#0288d1;
background-image:url(%%spritesheet%%)!important;
background-position:268px -214px!important;
background-repeat:no-repeat!important;
right:16px;
width:300px;
height:36px;
border-radius:2px;
line-height:36px;
border:none;
text-align:left;
padding:0 16px;
transition:all .25s ease;
font-family:verdana,arial,sans-serif
}
.morelink:hover {
background-color:#5a72ee;
box-shadow:0 1px 8px rgba(0,0,0,0.76)
}
.morelink:active {
background-color:#4059DB;
box-shadow:0 8px 12px rgba(0,0,0,0.60)
}
.morelink a {
color:#fff;
font-weight:400;
font-size:14px;
letter-spacing:0
}
.morelink:after {
content:"Please read the rules before submitting something :)";
padding:16px;
width:300px;
position:absolute;
right:0;
margin-top:0;
display:block;
background-color:#0288d1;
color:#fff;
letter-spacing:0;
z-index:2147483647!important;
opacity:0;
transition:all .25s ease;
transition-delay:0;
font-weight:400;
line-height:1.4em;
border-radius:2px 2px 0 0;
box-shadow:0 1px 5px rgba(0,0,0,0.16);
visibility:hidden;
pointer-events:none
}
.morelink:hover:after {
margin-top:16px;
opacity:100;
visibility:visible;
transition-delay:.25s
}
/* Restricted button */
.disabled .morelink {
box-shadow:none!important;
background-color:#CFCFCF
}
.disabled .morelink a {
color:#4d5763
}
.disabled .morelink:after {
content:"You must be approved by the moderators in order to submit.";
background-color:#CFCFCF;
color:#4d5763
}
.account-activity-box,.sidebox.create,.morelink .nub,.sidebox.submit.submit-text {
display:none
}
/* Login form */
.login-form-side {
border:none
}
.login-form-side input[type=text],.login-form-side input[type=password] {
width:128px
}
/* Redditname + Subscibers & Here right now */
.titlebox h1 {
color:#4d5763;
margin-bottom:6px
}
.titlebox span.subscribers,.titlebox .users-online,.titlebox .number {
color:#999;
font-size:12px;
position:relative;
top:-2px;
left:-2px
}
div.titlebox span.word {
display:none
}
.titlebox .users-online {
display:inline
}
.titlebox .users-online:before {
display:none
}
div.titlebox span.number:after {
content:" readers,"
}
.titlebox .users-online .number {
font-style:italic
}
.titlebox .users-online .number:before {
content:""
}
.titlebox .users-online .number:after {
content:" here"
}
.titlelebox .word {
display:none
}
.titlebox .users-online,.titlebox .number {
cursor:text
}
.titlebox .tagline {
font-size:12px;
margin:0
}
.titlebox .tagline:after {
content:"";
height:2px;
background-color:#f2f2f2;
display:block;
margin-top:16px
}
.titlebox .tagline a.flairselectbtn {
color:#4F8EF7
}
.titlebox .tagline a.flairselectbtn:after {
content:" flair"
}
.titlebox .tagline .flair:before {
content:""
}
.titlebox form.toggle,.leavemoderator,.titlebox .tagline a.author,.sidebox .subtitle {
display:none
}
/* Subscribe Button */
.titlebox .fancy-toggle-button {
position:relative
}
.titlebox .fancy-toggle-button .add,.fancy-toggle-button .remove {
text-indent:-9999px;
height:48px;
width:48px;
position:absolute;
right:-268px;
top:-36px;
background-image:none;
border-radius:32px;
background-color:#aa1919!important;
border:0 solid;
box-shadow:0 2px 4px rgba(0,0,0,0.24);
background-image:url(%%spritesheet%%);
transition:all .25s ease,background-position .25s ease,background-color .5s ease;
outline:none!important
}
.titlebox .fancy-toggle-button .add:hover,.fancy-toggle-button .remove:hover {
box-shadow:0 3px 6px rgba(0,0,0,0.48)
}
.titlebox .fancy-toggle-button .add:active,.fancy-toggle-button .remove:active {
box-shadow:0 4px 16px rgba(0,0,0,0.64)
}
.titlebox .fancy-toggle-button .add {
background-color:#0288d1;
background-position:-208px -144px
}
.titlebox .fancy-toggle-button .add:hover {
background-color:#5A72EE
}
.titlebox .fancy-toggle-button .add:active {
background-color:#fff;
background-position:-208px -192px
}
.fancy-toggle-button .remove {
background-color:#fff;
background-position:-208px -192px
}
.fancy-toggle-button .remove:hover {
background-color:rgba(0,0,0,0.05)
}
.fancy-toggle-button .remove:active {
background-color:#5A72EE;
background-position:-208px -144px
}
/* Hover Message */
.titlebox .fancy-toggle-button .add:after,.fancy-toggle-button .remove:after {
display:block;
visibility:hidden;
position:absolute;
z-index:1000;
right:-26px;
margin-top:16px;
padding:12px;
background-color:rgba(79,77,192,0);
border:none;
border-radius:2px;
color:rgba(255,255,255,0);
text-align:center;
letter-spacing:1px;
font-weight:400;
font-size:13px;
transition:all .25s ease;
pointer-events:none;
text-indent:0;
box-shadow:0 0 0 rgba(0,0,0,0.00)
}
.titlebox .fancy-toggle-button .add:after {
content:"Subscribe!"
}
.titlebox .fancy-toggle-button .add:hover:after {
visibility:visible;
margin-top:40px;
color:#fff;
background-color:#0288d1;
box-shadow:0 1px 5px rgba(0,0,0,0.24)
}
.titlebox .fancy-toggle-button .remove:after {
content:"Unsubscribe"
}
.titlebox .fancy-toggle-button .remove:hover:after {
visibility:visible;
color:#4D5763;
background-color:#fff;
margin-top:40px;
box-shadow:0 1px 5px rgba(0,0,0,0.24)
}
/* Text */
.side .md .-blocks,.side .md .-lists,.side .md pre,.side .md blockquote,.side .md table,.side .md p,.side .md ul,.side .md ol {
color:#4D5763;
font-size:13px;
font-family:Arial,sans-serif;
line-height:1.3333333333333em
}
.side .titlebox .md h1 {
line-height:18px;
margin:.5em 0 0!important
}
.side .titlebox .md h2 {
margin:16px 0 2px
}
/* Buttonstyle one */
.side .titlebox .md h3 a {
padding:12px 16px;
width:100%;
border-radius:2px;
background-color:#0288d1;
font-family:verdana,arial,sans-serif;
transition:all .25s ease;
color:#fff;
box-shadow:0 1px 5px rgba(0,0,0,0.24);
display:block;
margin:1.5em 0;
font-size:12px
}
.side .titlebox .md h3 a:hover {
background-color:#5A72EE;
box-shadow:0 2px 8px rgba(0,0,0,0.54)
}
.side .titlebox .md h3 a:active {
background-color:#4059DB;
box-shadow:0 4px 12px rgba(0,0,0,0.54)
}
.wiki-page .wiki-page-content .md.wiki h4 {
padding:12px 16px;
background-color:#FFF;
border:1px solid #D4D4D4;
border-radius:2px;
box-shadow:0 2px 5px rgba(0,0,0,0.12);
color:#737373;
font-weight:700;
transition:all .15s ease;
display:block;
margin:1.5em 0;
font-size:12px
}
.wiki-page .wiki-page-content .md.wiki h4:hover {
box-shadow:0 3px 8px rgba(0,0,0,0.24);
color:#4D5763
}
.wiki-page .wiki-page-content .md.wiki h4:active {
box-shadow:inset 0 2px 0 #D6D6D6;
background-color:#E5E5E5;
color:#999;
box-shadow:0 6px 12px rgba(0,0,0,0.36)
}
.md hr {
border:solid 1px #e5e5e5
}
.titlebox .bottom {
display:none
}
/* Mod Box */
.side #moderation_tools {
}
.side #moderation_tools .title {
}
.side #moderation_tools .title h1 {
text-transform:capitalize;
color:#4D5763
}
.sidecontentbox .collapse-button {
display:inline-block;
width:12px;
height:12px;
line-height:10px;
text-align:center;
font-size:10px;
margin:1px 8px;
background-color:transparent;
color:#aa1919;
vertical-align:middle;
border-radius:2px;
border:1px solid #aa1919
}
.sidecontentbox .collapse-button:hover {
background-color:transparent;
color:#881414;
vertical-align:middle;
border-radius:2px;
border:1px solid #881414
}
.side .sidecontentbox .content {
border:none;
margin-top: 0px;
padding:8px 0;
}
/* Ads */
#ad_sponsorship,#ad-frame,#ad_main {
margin-left:-16px
}
#ad_sponsorship {
margin-top:-18px;
border-radius:2px 2px 0 0
}
/* Recently viewed links */
.gadget .midcol {
width:38px
}
/* Body Content - Frontpage */
.content {
margin:96px 16px 0;
padding:0
}
.content:before {
height:166px;
top:0;
position:absolute;
width:100%;
left:0;
right:0;
background:#66B880;
content:"";
text-indent:-9999px;
z-index:-1
}
@media only screen and (min-width : 1920px) {
.content:before {
background-size:contain
}
}
.sitetable {
margin-right:316px;
box-shadow:0 1px 5px rgba(0,0,0,0.16);
position:relative
}
.link {
margin:0;
background-color:#fff
}
/* Objects on the link from left to right */
body >.content .link .rank,.rank-spacer {
display:none
}
/* Voting Arrows */
.link .midcol {
width:36px!important;
margin:15px 14px 0 11px;
overflow:visible;
height:60px
}
.link .score {
line-height:16px;
font-size:12px;
margin:1px 0
}
.link .score.likes {
color:#ff6422
}
.link .score.dislikes {
color:#5c5bd7
}
.arrow {
margin:0 0 0 2px;
background-image:url(%%spritesheet%%)!important;
background-color:transparent;
width:33px;
border-radius:2px;
transition:background-color .25s ease
}
.arrow:hover {
background-color:rgba(0,0,0,0.05)
}
/* Upvotes */
.arrow.up {
height:20px;
background-position:-64px 0;
transition:background-color .25s ease
}
.arrow.upmod {
height:20px;
background-position:-128px 0;
position:relative
}
.arrow.upmod:focus:after {
font-size:13px;
font-weight:700;
font-family:arial,sans-serif;
position:absolute;
left:8px;
opacity:1;
z-index:100;
white-space:nowrap;
content:"+1";
bottom:15px;
color:#f50;
-webkit-animation:upvote .8s ease-out forwards
}
/* downvotes */
.arrow.down {
height:20px;
background-position:-160px 0;
transition:background-color .25s ease
}
.arrow.downmod {
height:20px;
background-position:-224px 0
}
/* Hover Message on Downvote */
.arrow.down:after {
display:block;
visibility:hidden;
position:absolute;
z-index:1000;
margin-top:-6px;
margin-left:32px;
padding:12px;
background-color:#0288d1;
border:none;
border-radius:2px;
color:rgba(255,255,255,0);
content:"For content that does not contribute to this subreddit";
text-align:center;
letter-spacing:1px;
font-weight:400;
font-size:13px;
transition:all .25s ease;
pointer-events:none
}
.arrow.down:hover:after {
visibility:visible;
background-color:#0288d1;
color:#FFF;
margin-left:48px
}
/* Thumbnails */
.thumbnail {
max-width:64px;
max-height:56px;
margin:16px 16px 0 0;
background-color:#ddd
}
.thumbnail a img,.thumbnail.self,.thumbnail.default {
height:56px
}
.thumbnail.self {
background:url(%%spritesheet%%) -73px -80px
}
.thumbnail.default {
background:url(%%spritesheet%%) -143px -80px
}
.thumbnail.nsfw {
background:url(%%spritesheet%%) -3px -140px
}
/* Linkflairs */
.linkflairlabel {
padding:1px 6px;
height:17px;
border-radius:2px;
border:0 solid;
color:#fff;
font-weight:700;
font-style:normal;
font-variant:normal;
font-size:13px;
font-family:Arial,sans-serif;
cursor:default;
vertical-align:middle;
position:relative;
top:-2px;
background-color:#4F8EF7
}
.linkflair-help .thumbnail.self {
background:url(%%spritesheet%%) -73px -140px
}
.linkflair-mod .linkflairlabel {
background-color:#aa1919;
color:#fff
}
.linkflair-mod a {
color:#aa1919!important
}
.linkflair-mod .thumbnail.default,.linkflair-mod .thumbnail.self {
background:url(%%spritesheet%%) -3px -80px!important
}
/* Submission Title */
.link .title {
margin:-2px 0 0;
font-size:18px;
font-family:Arial,sans-serif;
overflow:visible;
transition:all .15s ease
}
body .content .sitetable .link .title a:hover {
color:#4F8EF7
}
.link .entry {
padding:15px 32px 14px 0;
border-bottom:1px solid #f2f2f2;
margin-left:0
}
/*Unvisited*/
.thing .title.loggedin.click,.thing .title.click,.thing .title.loggedin,.thing .title {
color:#0288d1
}
/*Visited */
.content .thing .title:visited,.content .thing.visited .title {
color:#0288d1
}
/*Clicking */
.thing .title.loggedin.click:visited,.thing .title.click:visited {
color:#0288d1
}
/* Domain */
.link .domain {
visibility:hidden
}
.link .domain a {
visibility:visible;
position:relative;
top:-1px;
color:#b3b3b3;
transition:all .15s ease
}
.link .domain a:hover {
color:#4F8EF7;
text-decoration:none
}
.approval-checkmark {
cursor:default
}
/* Expando Button */
.expando-button,.expando-button.image,.expando-button.video-muted {
position:relative;
margin:2px 6px 2px 0!important;
width:16px;
height:16px;
border-radius:2px;
background-color:#fff;
background-image:url(%%spritesheet%%)!important;
border:1px solid #e9e9e9;
cursor:pointer;
transition:.25s ease
}
.expando-button:hover {
background-color:#fff;
border-color:#fff
}
.expando-button.selftext:hover {
border-color:#0288d1!important
}
.expando-button.selftext.collapsed {
background-position:-32px -32px
}
.expando-button.selftext.collapsed:hover {
background-position:-48px -32px
}
.expando-button.selftext.expanded {
background-position:-64px -32px
}
.expando-button.selftext.expanded:hover {
background-position:-80px -32px
}
.expando-button.video.collapsed {
background-position:-96px -32px
}
.expando-button.video.collapsed:hover {
background-position:-112px -32px;
border-color:#0288d1
}
.expando-button.video.expanded {
background-position:-64px -32px
}
.expando-button.video.expanded:hover {
background-position:-80px -32px;
border-color:#0288d1
}
.expando-button.image.collapsedExpando {
background-position:-160px -32px
}
.expando-button.image.collapsedExpando:hover {
background-position:-176px -32px;
border-color:#0288d1
}
.expando-button.image.expanded {
background-position:-64px -32px
}
.expando-button.image.expanded:hover {
background-position:-80px -32px;
border-color:#0288d1
}
.expando-button.image.gallery.collapsedExpando {
background-position:-128px -32px
}
.expando-button.image.gallery.collapsedExpando:hover {
background-position:-144px -32px;
border-color:#0288d1
}
.expando-button.image.gallery.expanded {
background-position:-64px -32px
}
.expando-button.image.gallery.expanded:hover {
background-position:-80px -32px;
border-color:#0288d1
}
.expando-button.video-muted.collapsed {
background-position:-208px -32px
}
.expando-button.video-muted.collapsed:hover {
background-position:-224px -32px;
border-color:#0288d1
}
.expando-button.video-muted.expanded {
background-position:-64px -32px
}
.expando-button.video-muted.expanded:hover {
background-position:-80px -32px;
border-color:#0288d1
}
/* Expando Text */
.link .usertext .md {
margin-top:10px;
padding-top:3px;
padding-left:0;
background-color:transparent;
border:0 solid;
border-top:1px solid #F7F7F7;
border-radius:0;
color:#4D5763
}
/* Submitted X ago by.. */
.link .entry .tagline {
margin-top:4px;
color:#b3b3b3;
font-size:12px;
font-family:arial,sans-serif;
transition:all .15s ease
}
.link .entry .tagline a {
color:#0288d1
}
.link .entry .tagline:first-letter {
text-transform:capitalize
}
.link .entry .tagline time {
cursor:help
}
.link .entry .tagline a:hover {
color:#016ca7;
text-decoration:none
}
.link .entry .tagline a.author {
margin-right:inherit
}
.link .entry .tagline .userattrs {
visibility:hidden
}
.link .entry .tagline .userattrs a {
visibility:visible;
font-size:10px;
padding:1px 3px;
margin-left:2px;
background-color:red;
color:#fff!important;
vertical-align:middle;
border-radius:1px;
position:relative;
top:-1px;
cursor:auto
}
.link .entry .tagline .userattrs a.moderator {
background-color:#aa1919;
border-radius:2px
}
.link .entry .tagline .userattrs a.moderator:hover {
background-color:#881414
}
.link .entry .tagline .userattrs a.moderator:active {
background-color:#660f0f
}
.RESUserTagImage {
height:10px!important;
background-image:url(%%spritesheet%%)!important;
background-position:-192px -34px!important;
opacity:.25!important;
margin-left:2px!important;
transition:opacity .15s ease;
margin-top:1px!important
}
.RESUserTagImage:hover {
opacity:1!important
}
/* Comment / Share / Report */
.link .flat-list {
margin-top:3px
}
.link .entry .buttons li a {
padding:0 1px;
color:#b3b3b3;
font-weight:400;
font-size:13px;
font-family:Arial,sans-serif;
transition:all .15s ease
}
.link .entry .buttons li a:hover {
color:#4F8EF7;
text-decoration:none
}
.nsfw-stamp acronym {
padding:2px 3px;
background-color:transparent;
border-color:#e82e63!important;
border-radius:2px;
color:#e82e63;
opacity:100;
cursor:help
}
.link .entry .buttons li a.comments {
color:#4F8EF7;
font-weight:700!important;
opacity:100!important;
transition:all .25s ease-in-out!important
}
.link .entry li .comments:hover {
text-decoration:none
}
/* Save Category popup */
/* Reporting Comment */
.link .entry .report-form {
position:fixed;
top:35%;
left:50%;
margin-left:-150px;
margin:0;
padding:24px;
background-color:#fff;
z-index:100;
box-shadow:0 0 16px rgba(0,0,0,0.24);
border:none;
border-radius:2px
}
.link .entry .report-form .reason-prompt {
font-size:16px;
color:#4D5763;
padding-bottom:8px;
display:block
}
.link .entry .report-form .reason-prompt:first-letter {
text-transform:capitalize
}
.link .entry .report-form .reason-prompt li {
padding:4px 4px 4px 0;
display:block
}
.link .entry .report-form li label {
padding:4px 4px 4px 0;
cursor:pointer;
display:block;
color:#4D5763;
text-transform:capitalize
}
.link .entry .report-form li label:hover {
background-color:rgba(0,0,0,0.05)
}
.report-form input[name="other_reason"] {
padding:8px
}
/* .link .entry li .comments:hover .newComments {color: #fff !important;} */
/* Flair */
.link .entry .buttons li a.flairselectbtn {
color:#4F8EF7
}
/* RES L+C */
.link .entry .buttons li .redditSingleClick {
padding:0 1px;
color:#b3b3b3;
font-weight:400;
font-size:13px;
font-family:Calibri,Candara,Segoe,"Segoe UI",Optima,Arial,sans-serif;
transition:all .15s ease
}
/* Reported & Spam/Remove/Approves */
.entry .buttons li.reported-stamp {
background-color:transparent;
border:1px solid #EDEEEE!important;
border-radius:20px;
color:#4A4F57;
line-height:16px
}
a.pretty-button.negative,a.pretty-button.neutral,a.pretty-button.positive {
background-image:none;
border:1px solid;
border-radius:20px;
box-shadow:inset 0 0 0 rgba(0,0,0,0.25);
color:#fff;
line-height:15px;
transition:all .25s ease
}
a.pretty-button.negative {
background-color:#fb797e;
border-color:#fb797e
}
a.pretty-button.negative:hover {
background-color:#fc535a;
border-color:#fc535a
}
a.pretty-button.neutral {
background-color:#ddd;
border-color:#ddd;
color:#4A4F57
}
a.pretty-button.neutral:hover {
background-color:#ececec;
border-color:#ececec
}
a.pretty-button.positive {
background-color:#1ecd97;
border-color:#1ecd97
}
a.pretty-button.positive:hover {
background-color:#22e1a6;
border-color:#22e1a6
}
a.pretty-button.positive.pressed,a.pretty-button.neutral.pressed,a.pretty-button.negative.pressed {
background-image:none;
box-shadow:inset 0 3px 1px rgba(0,0,0,0.15)
}
/* Last Clicked */
.link.last-clicked {
background-color:#fff;
border:none
}
/* Sticky Post */
.thing.stickied {
border-radius:2px 2px 0 0
}
.thing.stickied a.title,,.thing.stickied .entry li .comments {
color:#aa1919!important
}
.thing.stickied a {
color:#aa1919
}
.thing.stickied .expando-button:hover {
background-color:#aa1919!important;
border-color:#aa1919!important
}
.tagline .stickied-tagline {
color:#b3b3b3;
cursor:help
}
.thing.stickied .domain {
display:none
}
/* Ad */
.link.promotedlink.promoted {
margin-right:0;
background-color:#EFF7FF;
border:none
}
/* Compressed post */
.link.compressed {
margin:0
}
.link.compressed .entry {
padding:11px 32px 9px 0
}
.link.compressed .title {
margin:0
}
body>.content .link.compressed .midcol {
height:auto;
margin:8px 0 0 4px
}
/* Flair Selector */
.flairselector {
position:fixed;
top:150px!important;
left:50%!important;
margin-left:-125px;
padding:32px!important;
width:250px!important;
border:none;
border-radius:2px;
box-shadow:0 0 16px rgba(0,0,0,0.64)
}
.flairselector.drop-choices.active {
border:1px solid #e2e2e2
}
.flairselector h2 {
margin-bottom:4px;
background-color:transparent;
color:#4F8EF7;
text-align:left;
text-transform:capitalize;
font-weight:400;
font-size:18px
}
.flairoptionpane {
max-height:600px;
text-align:left
}
.flairselector .flairoptionpane ul li {
padding:0!important
}
.flairoptionpane ul li .linkflair {
text-align:left;
padding:0
}
.flairoptionpane ul li .linkflair:hover,.flairselector li:hover {
background-color:#F5F8F9;
border:0 solid
}
.flairoptionpane ul li .linkflair span.linkflairlabel {
margin:8px 0;
line-height:1.35;
margin-right:6px
}
.flairoptionpane ul li .linkflair a.title {
font-size:18px!important;
opacity:100!important;
color:#4F8EF7!important
}
.flairselector form {
padding-top:12px;
border-top:1px solid #F7F7F7
}
.flairselector form .flairselection {
text-align:left
}
.flairselector form .flairselection:before {
display:block;
content:"Selected Flair:";
color:#b3b3b3
}
.flairselector form .flairselection .linkflair a.title {
font-size:18px!important;
opacity:100!important;
color:#4F8EF7!important;
cursor:default
}
.flairselector form .flairselection .flairremove {
padding:4px 0;
margin-bottom:8px;
visibility:hidden;
display:block!important
}
.flairselector form .flairselection .flairremove a {
visibility:visible;
opacity:100!important;
color:#4F8EF7!important;
margin-left:-4px;
text-transform:capitalize
}
.flairselector form .flairselection .flairremove a:first-letter {
text-transform:capitalize
}
.flairselector form .flairselection .flairremove a:hover {
text-decoration:underline!important
}
.flairselector .error {
text-align:left
}
.flairselector .error:first-letter {
text-transform:capitalize
}
.flairselector .error:after {
display:block;
color:#b3b3b3;
content:"Go to /r/.../about/flairs."
}
.flairselector img {
position:relative;
left:50%;
margin-left:-9px;
opacity:.5
}
.flairselector .flairoptionpane ul li {
margin:4px 0
}
.flairselector li.selected {
border:none;
background-color:
}
.flairselector .flairoptionpane ul li.flairsample-right {
padding:5px 0!important;
border:none
}
.flairselector li a,.flairselector form .flairselection a.author {
color:#b3b3b3!important;
font-size:11px
}
/* Unvotable Message */
.unvotable-message {
border:0 solid;
color:#b3b3b3
}
.unvotable-message:first-letter {
text-transform:capitalize
}
/* RES Selection */
.res .RES-keyNav-activeElement {
outline:0 dashed #E0E0E0!important;
transition:all .35s ease
}
.res .entry {
transition:all .15s ease
}
div.RES-keyNav-activeElement,div.commentarea div.RES-keyNav-activeElement.entry div.noncollapsed {
background-color:transparent!important;
padding-left:8px!important
/*border-left: 2px solid #4F8EF7;*/
}
div.commentarea div.RES-keyNav-activeElement .md {
background-color:transparent!important
}
.res .commentarea .thing {
padding:16px 16px 0 14px!important
}
.res .commentarea .entry .flat-list {
padding-bottom:16px
}
/* RES Tag dialog + RES Tag */
.userTagLink.hasTag,#userTaggerPreview {
font-size:11px!important;
border-radius:0!important;
border:0 solid!important;
margin-top:0!important;
margin-left:4px!important
}
.RESDialogSmall {
border:none;
box-shadow:0 2px 3px #DDD
}
.RESDialogSmall > h3 {
color:#4F8EF7;
background-color:#FFF;
border-bottom:1px solid #EDEDED;
height:36px;
padding-top:9px
}
.RESCloseButton {
line-height:19px;
height:22px;
width:22px;
transition:all .15s ease
}
.RESCloseButton:hover {
border:1px solid #D7D9DC
}
#userTaggerToolTip input[type=text],#userTaggerToolTip select {
line-height:22px;
padding-left:4px;
border:1px solid #E5E5E5!important
}
.toggleButton {
line-height:.8
}
.toggleButton .toggleOn {
border-radius:0;
border:1px solid #fff;
background-color:#0288d1;
color:#fff;
text-transform:capitalize
}
.toggleButton .toggleOff {
border-radius:0;
border:1px solid #fff;
background-color:transparent;
text-transform:capitalize
}
#userTaggerToolTip input[type=submit] {
bottom:10px!important
}
/* Sorting Menu (Top links today/this week/ever) */
.top-page .content .menuarea .drop-choices.lightdrop {
display:inline;
visibility:visible
}
.top-page .menuarea .spacer {
overflow:visible
}
.top-page .content .menuarea .drop-choices.lightdrop a.choice,.top-page .content .menuarea .drop-choices.lightdrop form {
display:inline
}
.top-page .content .menuarea .dropdown-title.lightdrop {
visibility:hidden
}
.top-page .content .menuarea {
border-bottom:0;
padding:0;
margin:0;
height:36px
}
.top-page .content .menuarea .dropdown.lightdrop .selected {
z-index:1002;
position:relative;
left:-70px;
top:11px;
background:none;
text-decoration:none;
text-transform:capitalize;
font-size:12px;
pointer-events:none;
padding:10px 16px;
border-top-left-radius:2px;
border-bottom-left-radius:2px;
overflow:visible;
color:#FFF
}
.top-page .content .menuarea .drop-choices.lightdrop {
padding:10px 16px 10px 104px;
margin-left:16px;
margin-top:1px;
border-radius:2px;
border:none;
width:calc(100% - 348px);
box-shadow:0 1px 5px rgba(0,0,0,0.16)
}
.top-page .content .menuarea .drop-choices.lightdrop a.choice {
padding:10px;
color:#4D5763;
transition:all .25s ease
}
.top-page .content .menuarea .drop-choices.lightdrop a.choice:[href*="/?t=all"] {
border-right:0 solid
}
.top-page .content .menuarea .drop-choices.lightdrop a.choice:hover {
background-color:#F5F8F9
}
.top-page .content .menuarea .drop-choices.lightdrop a.choice.selected {
background-color:#4f8ef7;
color:#fff
}
/* RES Popup */
.guider {
border:none;
box-shadow:0 2px 3px #DDD
}
.guider_content {
}
.guider_content h1 {
color:#4F8EF7
}
.guider_button {
font-size:11px;
border:none;
background-image:none;
background-color:#4F8EF7;
transition:all .15s ease
}
.guider_button:hover {
background-color:rgba(79,142,247,0.75)
}
.guider_close {
}
.x_button {
transition:all .25s ease;
box-shadow:0 1px 4px rgba(0,0,0,0.00)
}
.x_button:hover {
box-shadow:0 1px 4px rgba(0,0,0,0.15)
}
/* Infobar (Default yellow announcement bar) */
.content .infobar {
margin:0 0 16px;
padding:8px 16px;
line-height:26px;
border:none;
margin-right:316px;
background-color:#0288d1;
color:#fff;
box-shadow:0 1px 5px rgba(0,0,0,0.24);
border-radius:2px
}
.infobar .md {
color:#fff
}
.content .infobar:first-letter {
text-transform:capitalize
}
/* Welcome infobar */
.content .infobar.welcome {
line-height:inherit;
height:86px
}
.content .infobar.welcome h1 {
color:#4d5763
}
.commentarea .infobar {
padding:8px 16px;
line-height:16px;
right:70px!important;
top:685px;
max-width:300px;
position:absolute
}
.commentarea .infobar a {
color:rgba(0,0,0,0.54);
font-weight:700
}
/* Noresults image */
#noresults {
margin:0;
position:absolute;
top:72px;
width:100%;
height:312px;
background:transparent url(%%noresults%%) no-repeat 50% 50%;
text-indent:-9999px;
font-size:0;
display:block
}
/* Next Page */
.sitetable .nav-buttons {
padding:16px;
background-color:#fff;
color:#b3b3b3;
border-top:1px solid #F2F2F2;
margin-top:-1px
}
.sitetable .nav-buttons:first-letter {
text-transform:capitalize
}
.sitetable .nav-buttons .nextprev {
color:#b3b3b3;
font-size:14px
}
.sitetable .nav-buttons .nextprev a {
border:0;
background-color:transparent
}
.sitetable .nav-buttons .nextprev a:hover {
text-decoration:underline;
border:0;
background-color:transparent
}
/* Comments Page */
.comments-page .link {
border-radius:2px 2px 0 0
}
.comments-page .link .entry {
border-bottom:none;
padding-bottom:15px
}
.commentarea {
margin-right:316px
}
.commentarea .panestack-title {
margin:10px 0 0 22px;
border-bottom:0
}
.commentarea .panestack-title .title {
color:#4D5763
}
.panestack-title .title:first-letter {
text-transform:capitalize
}
.commentarea .menuarea {
margin:0 0 0 22px
}
.commentarea .menuarea .spacer:nth-of-type(2) {
}
.commentarea .menuarea span.dropdown-title.lightdrop {
color:#b3b3b3
}
.commentarea .menuarea span.dropdown-title.lightdrop:first-letter {
text-transform:capitalize
}
.commentarea .menuarea .dropdown.lightdrop .selected {
cursor:pointer;
text-decoration:none;
background-image:none;
padding-right:0;
font-weight:400;
color:#b3b3b3
}
.commentarea .menuarea .dropdown.lightdrop .selected:hover {
color:#4F8EF7
}
.commentarea .menuarea .dropdown.lightdrop .selected:after {
content:"▼"
}
.drop-choices.lightdrop {
border:none;
z-index:1001;
box-shadow:0 1px 3px rgba(0,0,0,0.2)
}
.drop-choices a.choice {
padding:6px;
transition:all .1s ease
}
.drop-choices a.choice:hover {
background-color:#4F8EF7;
color:#fff
}
.commentarea .menuarea .toggle a,.help-hoverable {
color:#b3b3b3;
font-weight:400
}
.commentarea .menuarea .toggle a:hover,.help-hoverable:hover {
color:#4F8EF7
}
.commentarea>.usertext {
background-color:#FAFAFA;
border-radius:0 0 2px 2px;
margin:-58px 0 16px;
padding:64px 16px 16px;
box-shadow:0 1px 5px rgba(0,0,0,0.16);
overflow:visible
}
.commentarea .usertext-edit {
}
.usertext-edit textarea {
position:relative;
border:none!important;
border-radius:2px;
color:#999;
box-shadow:0 2px 7px rgba(0,0,0,0.1)!important;
font-size:13px;
height:120px;
font-family:Helvetica,arial,sans-serif;
padding:10px;
padding-bottom:25px
}
button.save {
cursor:pointer;
background-image:url(%%Arrow%%);
background-size:22px 22px;
background-repeat:no-repeat;
border-radius:50%;
width:50px;
height:50px;
margin-left:10px;
pointer-events:all;
background-position:17px 14px;
color:rgba(0,0,0,0)!important;
box-shadow:0 2px 5px 0 rgba(0,0,0,0.26);
border-width:0;
margin-top:-35px;
position:absolute;
background-color:#0288d1
}
button.save:hover {
background-color:#016ca7
}
button.save:active {
background-color:#01517d
}
.usertext .bottom-area {
width:500px
}
.usertext .bottom-area a.reddiquette {
color:#4F8EF7
}
.commentarea .sitetable {
margin:0;
box-shadow:none
}
.commentarea .thing {
border-radius:2px;
background-color:#fff;
box-shadow:0 1px 5px rgba(0,0,0,0.16);
margin:0 0 8px;
padding:16px 16px 16px 14px
}
.commentarea .child .thing {
box-shadow:none;
padding:4px;
margin:12px 0 0
}
.commentarea .comment .midcol {
width:36px;
margin-right:2px
}
/* One stack of comments behind one parent comment */
.commentarea .sitetable .comment {
}
.comment .child,.comment .showreplies {
border-left:1px dotted #ECECEC;
margin-top:0
}
/* Vote arrows */
.comment .midcol {
width:24px;
margin-right:0
}
.comment .midcol .arrow {
margin-left:0;
margin-bottom:4px
}
.comment .entry {
}
.comment .entry .tagline {
color:#b3b3b3;
font-size:12px;
font-family:Arial,sans-serif
}
.comment .expand {
background-color:transparent;
transition:all .25s ease;
color:#B3B3B3;
padding-right:4px
}
.comment .expand:hover {
color:#24a35a
}
.comment .author {
color:#4D5763;
margin-right:0;
font-weight:700
}
.comment .author:hover {
color:#4f8ef7;
text-decoration:none
}
.tagline .moderator,.green {
color:#fff!important;
font-weight:700;
background-color:#aa1919;
padding:1px 4px;
border-radius:2px;
transition:.25s ease;
cursor:auto
}
.tagline .moderator:hover,.green {
background-color:#881414;
transition:.25s ease
}
.tagline .moderator:active,.green {
background-color:#660f0f;
transition:.25s ease
}
.tagline .submitter {
font-weight:700;
color:#4f8ef7
}
/* RES Fixes */
.res .thing .tagline .author.submitter {
padding:1px 4px;
border-radius:2px;
background-color:#0288d1!important;
box-shadow:0 0 0 rgba(0,0,0,0);
transition:all .15s ease
}
.res .thing .tagline .author.submitter:hover {
background-color:#016ca7!important
}
.comment .score {
font-size:inherit;
font-weight:700;
color:#0288d1;
margin-right:4px
}
.comment span.userattrs {
visibility:hidden;
float:right
}
.comment span.userattrs a {
float:right;
visibility:hidden
}
/* Comment Body Text */
.comment .usertext .md {
color:#4D5763
}
.comment .usertext .md p {
margin-top:0
}
.md a {
color:#2ecc71
}
.md a:visited {
color:#01517d
}
.comment .md p > a:visited {
color:#01517d
}
.md pre {
padding:8px
}
.md blockquote {
border-left:2px solid #E5E3DA;
color:#706F6F
}
.md h1,.md h2 {
margin:.5em 0 .25em;
border:none;
color:#4D5763
}
.md h3 {
color:#4D5763;
margin:16px 0 0
}
/* Deleted comment */
.usertext.grayed .usertext-body {
margin:4px 0;
background-color:transparent;
text-transform:italic;
padding:0
}
/* Reply / Share / report */
.comment .flat-list li a {
color:#b3b3b3;
font-weight:400
}
.comment .flat-list li a:hover {
color:#4F8EF7;
text-decoration:none
}
.comment .flat-list li a[onclick*="reply"] {
color:#4F8EF7;
font-weight:700;
font-size:11px
}
.comment .flat-list li a:hover[onclick*="reply"] {
}
.deepthread a {
color:#4F8EF7
}
/* Sidebar stuff */
.comments-page .side {
margin-top:312px
}
.comments-page .side .linkinfo {
position:absolute;
right:16px;
top:200px;
padding:16px;
width:300px;
background-color:#fff;
border-radius:2px;
box-shadow:0 1px 5px rgba(0,0,0,0.16);
border:none
}
.comments-page .side .linkinfo .date {
color:#B3B3B3
}
.comments-page .side .linkinfo .date:first-letter {
text-transform:capitalize
}
.comments-page .side .linkinfo .score {
color:#4D5763
}
.res.comments-page .side {
margin-top:326px
}
/* Submission Page */
.submit-page .side,.submit-page .content h1,#suggested-reddits {
display:none
}
.submit-page #newlink.submit.content {
width:524px;
margin:0 auto
}
.submit-page #newlink.submit.content form .spacer+.spacer {
margin:0
}
.submit-page #newlink.submit.content ul.tabmenu.formtab {
padding:0;
border:none
}
.submit-page #newlink.submit.content .tabmenu.formtab a {
padding:16px;
width:262px;
display:inline-block;
text-align:center;
background-color:#fff;
color:#4D5763;
text-transform:uppercase;
font-weight:700;
transition:all .25s ease;
font-size:16px;
border:none
}
.submit-page #newlink.submit.content .tabmenu.formtab .selected a {
font-size:16px;
background-color:#0288d1;
color:#fff
}
.submit-page #newlink.submit.content .tabmenu.formtab a:hover {
background-color:#0288d1;
color:#fff
}
.submit-page #newlink.submit.content .tabmenu.formtab .selected a:hover {
background-color:#6379ea
}
.submit-page .formtabs-content {
border-top:0;
padding-top:0
}
.submit-page .roundfield {
padding:16px;
width:524px;
background-color:#fff;
border-radius:2px;
margin-bottom:16px;
box-shadow:0 1px 5px rgba(0,0,0,0.16)
}
.submit-page .roundfield .title {
color:#4D5763;
text-transform:capitalize
}
.submit-page .infobar {
width:524px;
margin:0;
padding:16px;
color:#fff;
background-color:#0288d1;
border-radius:0 0 2px 2px;
border:none;
margin-top:-12px;
box-shadow:0 1px 5px rgba(0,0,0,0.24);
font-size:0
}
.submit-page .infobar:before {
font-size:14px;
content:"Please submit insightful content that allows for discussion!"
}
.content.submit .info-notice {
background-color:#fff;
border-radius:2px;
padding:16px;
box-shadow:0 1px 5px rgba(0,0,0,0.16);
border:none;
margin-bottom:0
}
.submit-page #newlink.submit.content .btn {
width:100%;
line-height:41px;
height:42px;
margin-top:24px;
background-color:#0288d1;
border:none;
color:#fff;
box-shadow:0 1px 5px rgba(0,0,0,0.24);
cursor:pointer
}
.submit-page #newlink.submit.content .btn:hover {
box-shadow:0 2px 12px rgba(0,0,0,0.48);
color:#fff
}
.submit-page #header-bottom-left {
}
/* Search Page */
.search-page .searchpane {
margin:0 316px 0 0;
background:#fff none;
padding:16px;
border:none;
border-radius:2px 2px 0 0;
box-shadow:0 1px 5px rgba(0,0,0,0.24);
position:relative
}
.raisedbox h4 {
color:#B3B3B3!important;
font-weight:400;
text-transform:capitalize
}
.search-page #search {
position:inherit
}
.search-page #search input[type=text] {
box-shadow:none!important;
font-size:20px;
padding:0;
margin:0;
border-radius:0;
padding-right: 35px;
margin-bottom:9px
}
.search-page #search input[type=text]:hover {
box-shadow:none!important
}
.search-page #search label {
padding:1em;
margin:.5em 0;
transition:background-color .1s ease;
cursor:pointer;
font-size:12px
}
.search-page #search label:hover {
background-color:rgba(0,0,0,0.05)
}
.search-page #previoussearch p {
margin-top:1.5em
}
.search-summary {
display:none
}
.search-page .morelink {
top:176px
}
.search-page .side {
margin-top:220px
}
.search-page .searchfacets {
box-shadow:0 1px 5px rgba(0,0,0,0.24);
border:none;
padding:16px;
margin:0 316px 0 0;
background-color:#F9F9F9;
border-radius:0 0 2px 2px
}
.searchfacets .title {
margin:0
}
.searchfacets h4.title {
color:#4D5763;
margin:0 0 8px
}
.searchfacets h4.title:first-letter {
text-transform:capitalize
}
.searchfacets .list {
margin:0
}
.searchfacets .facet.count {
color:#B3B3B3;
font-weight:400
}
.searchfacets .facet.count:hover {
text-decoration:none
}
.search-page .menuarea {
border-radius:2px 2px 0 0;
border-bottom:0;
margin:16px 316px 0 0;
padding:16px;
color:#B3B3B3;
background-color:#fff;
box-shadow:0 1px 5px rgba(0,0,0,0.16)
}
.search-page .menuarea .dropdown.lightdrop .selected {
text-decoration:none;
color:#4D5763;
font-weight:400;
cursor:pointer
}
.search-page #noresults {
}
/* Wiki Page */
.wiki-page .wikititle {
background-color:#fff;
padding:9px 16px 10px;
border-radius:2px;
box-shadow:0 1px 5px rgba(0,0,0,0.16);
font-size:16px;
font-family:arial,sans-serif;
text-transform:capitalize;
margin:0
}
.wiki-page .pageactions {
background-color:#fff;
margin-left:16px;
border-radius:2px;
padding:0 16px;
border:none;
box-shadow:0 1px 5px rgba(0,0,0,0.16)
}
.wiki-page .pageactions .wikiaction {
margin:0;
background-color:transparent;
border-radius:0;
padding:10px 16px 11px;
color:#B3B3B3
}
.wiki-page .pageactions .wikiaction-current {
padding:10px 16px 7px;
border-bottom:4px solid #4F8EF7;
color:#4F8EF7
}
.wiki-page .pageactions .wikiaction:hover,.wiki-page .pageactions .wikiaction-current:hover {
background-color:rgba(0,0,0,0.05)
}
.wiki-page .wiki-page-content {
margin:16px 316px 16px 0;
background-color:#fff;
padding:16px;
border-radius:2px;
box-shadow:0 1px 5px rgba(0,0,0,0.16)
}
.wiki-page .wiki-page-content .wiki>.toc>ul {
border:none
}
.wiki-page .wiki-page-content .wiki.md {
color:#4D5763
}
.wiki-page .wiki-page-content .wiki.md h2 {
color:#4D5763
}
.wiki-page .wiki-page-content .wiki.md p {
font-size:14px;
line-height:1.4285714285714em
}
.wiki-page .wiki-page-content hr {
border-style:solid;
border-color:#e5e5e5
}
.wiki-page .wiki-page-content em {
color:#B3B3B3
}
/* Subreddit Settings Page + Flair Page + Stylesheet Page */
.linefield {
background-color:#fff;
color:#B3B3B3;
border-radius:2px;
box-shadow:0 1px 5px rgba(0,0,0,0.16);
margin:0 0 8px;
width:531px
}
.linefield .title {
color:#24a35a;
text-transform:capitalize
}
.linefield .title:first-letter,.linefield label:first-letter {
text-transform:capitalize
}
.usertext .bottom-area a {
color:#b3b3b3
}
.usertext .bottom-area a:hover {
color:#4f8ef7
}
.pretty-form {
padding-top:24px
}
.fancy-settings h1,.create-promotion h1 {
color:rgba(255,255,255,.8)
/* padding-top: 24px;margin-bottom: -18px; This was breaking stuff */
}
.fancy-settings h1 strong {
color:rgba(255,255,255,1)
}
.tabmenu {
border-bottom:1px solid #edeeee;
margin-bottom:12px
}
.tabmenu li {
}
.tabmenu li a {
background-color:transparent;
color:#4D5763;
border:none;
font-size:14px
}
.tabmenu li.selected a {
color:#24a35a;
background-color:transparent;
border:none
}
.tabpane-content {
border:none
}
.tabpane-content .flairrow {
}
.tabpane-content .flairrow a.author {
color:#b3b3b3
}
.tabpane-content .tagline a {
color:#4F8EF7
}
.tabpane-content .thing .title {
overflow:visible
}
.fancy-settings .pretty-form {
padding-top:0
}
/* Stylesheet page */
.stylesheet-customize-container .pretty-form {
padding-top:0;
background-color:#fff;
padding:16px;
margin-right:316px;
border-radius:2px;
box-shadow:0 1px 5px rgba(0,0,0,0.16);
margin-bottom:16px
}
.stylesheet-customize-container .pretty-form .sheets {
margin-right:0
}
.stylesheet-customize-container h2 {
display:none
}
.sheets .btn.right {
background-color:transparent;
border:none;
box-shadow:none;
padding:0
}
#images {
padding:16px;
background-color:#fff;
border-radius:2px;
box-shadow:0 1px 5px rgba(0,0,0,0.16);
height:560px;
margin-right:316px
}
#images #image-upload {
margin:0 0 4em
}
/* Flairs */
.flair {
border:none;
border-radius:0;
font-size:12px;
font-family:arial,sans-serif;
font-weight:400;
background-color:transparent;
color:#B3B3B3;
padding-left:0;
margin-right:inherit
}
.link .flair {
font-size:12px
}
/*.flair:before {
margin-right: 3px;
height: auto;
content: "- ";
margin-left: 4px;
}
.side .flair:before {margin-left: 0px;}*/
/* Bunch of RES (Reddit Enhancement Suite) Fixes */
.res .link .tagline a.voteWeight {
background-color:transparent!important
}
.res .thing .tagline .author.moderator {
background-color:#aa1919!important;
padding:1px 4px;
border-radius:2px;
transition:.25s ease
}
.res .srSep {
color:rgba(255,255,255,0.45)
}
.res #RESShortcutsViewport,.res #RESShortcutsEditContainer {
margin-right:312px
}
.res #RESShortcutsEditContainer,#RESShortcutsSort,#RESShortcutsRight,#RESShortcutsLeft,#RESShortcutsAdd,#RESShortcutsTrash {
background-color:transparent!important;
color:rgba(255,255,255,0.45)!important;
top:1px!important
}
.res #header-bottom-right {
top:1px;
border-radius:0;
height:18px;
padding:0 8px 0 0
}
.res #userbarToggle {
background-color:transparent;
color:rgba(255,255,255,0.45);
border-radius:0;
border:none
}
.res #header-bottom-right .user .userkarma {
display:none
}
.res #header-bottom-right .user {
font-size:0
}
.res #header-bottom-right .user a {
font-size:11px
}
#RESAccountSwitcherIcon {
position:relative;
top:-4px
}
.res #REScommentNavToggle {
max-width:98px;
overflow:hidden;
max-height:15px;
background-color:#FAFAFA;
transition:all .35s ease
}
.res #REScommentNavToggle:hover {
max-width:100%
}
.res .commentarea>.usertext {
margin-top:-74px;
padding-top:76px
}
.res .content .RESBigEditorPop {
background-color:rgba(0,0,0,0);
line-height:inherit;
font-size:11px;
font-family:verdana,arial,sans-serif;
box-shadow:none;
font-weight:400;
color:#4D5763;
border:none;
padding:0;
height:inherit;
margin-left:4px;
margin-top:5px
}
html.res-commentBoxes .comment {
margin-left:0!important;
margin-right:0!important
}
.res .commentarea .thing {
border:none!important
}
.res .titlebox span.subscribers,.res .titlebox .users-online,.res .titlebox .number {
top:0;
left:0
}
.res .titlebox .tagline {
margin-top:6px
}
.res #progressIndicator {
width:inherit;
margin-right:316px;
border-radius:0;
border:none;
padding:16px;
margin:16px 316px 16px 0;
color:#b3b3b3;
background-color:#fff;
height:inherit
}
.res #progressIndicator h2 {
color:#4D5763
}
.res .NERPageMarker {
border-radius:0;
border:none;
background-color:#fff;
padding:16px 0;
margin:0
}
.res .sitetable .sitetable {
margin-right:0
}
.res #search #searchexpando {
width:300px;
box-shadow:0 2px 6px rgba(0,0,0,0.2);
height:auto
}
.res #search #searchexpando label {
padding:10px
}
.res #searchexpando .searchexpando-submit {
display:none
}
.res h1.hover.redditname {
margin-bottom:28px
}
.res .titlebox .fancy-toggle-button .add,.res .fancy-toggle-button .remove {
top:-78px
}
.res .titlebox .tagline {
margin-top:-14px
}
.res .titlebox span.subscribers,.res .titlebox .users-online,.res .titlebox .number {
top:-32px
}
.res .commentarea .panestack-title {
margin-top:0;
padding-top:12px
}
/* Gear dropdown */
.gearIcon {
background:url(%%spritesheet%%) -0 -0!important;
position:relative;
top:2px;
transition:all .25s ease
}
#RESMainGearOverlay {
background-color:#0288d1;
top:0!important;
height:26px!important;
border-radius:0!important
}
.RESDropdownList {
border-color:#0288d1;
box-shadow:0 1px 5px rgba(0,0,0,0.24);
margin-top:4px;
margin-right:8px
}
.RESDropdownList li {
background-color:#0288d1;
color:#fff;
border-color:#0288d1;
transition:all .15s ease
}
.RESDropdownList li:first-letter {
text-transform:capitalize
}
.RESDropdownList a,.RESDropdownList a:visited {
color:#fff
}
.RESDropdownList li:hover,.RESDropdownList li a:hover {
color:#fff;
background-color:#016ca7
}
#RESSearchMenuItem {
border:1px solid #0288d1;
border-radius:1px;
background-color:#0288d1
}
#RESSearchMenuItem:hover {
background-color:#016ca7
}
.toggleButton {
}
.toggleButton .toggleOn,.toggleButton .toggleOff {
text-transform:lowercase
}
/* Toggle off */
.moduleToggle:not(.enabled) .toggleOn,.toggleButton:not(.enabled) .toggleOn,.moduleToggle.enabled .toggleOff,.toggleButton.enabled .toggleOff {
background-color:transparent;
color:rgba(255,255,255,0.6);
border:1px solid #fff;
transition:all .15s ease;
border-top-left-radius:2px;
border-bottom-left-radius:2px
}
/* Toggle on */
.moduleToggle.enabled .toggleOn,.toggleButton.enabled .toggleOn,.moduleToggle:not(.enabled) .toggleOff,.toggleButton:not(.enabled) .toggleOff {
background-color:#fff;
color:#0288d1;
font-weight:bolder;
border:1px solid #fff;
transition:all .15s ease;
border-radius:2px
}
/* Header Reddit logo Animation */
#header-img.default-header, #header-img {
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
animation-iteration-count:1;
-webkit-animation-iteration-count:1;
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeft {
0% {opacity:0;transform:translateX(-60px);-webkit-transform:translateX(-60px)}
100% {opacity:1;transform:translateX(0px);-webkit-transform:translateX(0px)}
}
@-moz-keyframes fadeInLeft {
0% {opacity:0;transform:translateX(-60px);-webkit-transform:translateX(-60px)}
100% {opacity:1;transform:translateX(0px);-webkit-transform:translateX(0px)}
}
@-o-keyframes fadeInLeft {
0% {opacity:0;transform:translateX(-60px);-webkit-transform:translateX(-60px)}
100% {opacity:1;transform:translateX(0px);-webkit-transform:translateX(0px)}
}
@keyframes fadeInLeft {
0% {opacity:0;transform:translateX(-60px);-webkit-transform:translateX(-60px)}
100% {opacity:1;transform:translateX(0px);-webkit-transform:translateX(0px)}
}
/* Header Animation */
#header .pagename a {
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
animation-iteration-count:1;
-webkit-animation-iteration-count:1;
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDown {
0% {opacity:0;transform:translateY(-60px);-webkit-transform:translateY(-60px)}
100% {opacity:1;transform:translateY(0px);-webkit-transform:translateY(0px)}
}
@-moz-keyframes fadeInDown {
0% {opacity:0;transform:translateY(-60px);-webkit-transform:translateY(-60px)}
100% {opacity:1;transform:translateY(0px);-webkit-transform:translateY(0px)}
}
@-o-keyframes fadeInDown {
0% {opacity:0;transform:translateY(-60px);-webkit-transform:translateY(-60px)}
100% {opacity:1;transform:translateY(0px);-webkit-transform:translateY(0px)}
}
@keyframes fadeInDown {
0% {opacity:0;transform:translateY(-60px);-webkit-transform:translateY(-60px)}
100% {opacity:1;transform:translateY(0px);-webkit-transform:translateY(0px)}
}
/* Experimental fadein CSS */
.listing-page .sitetable,.search-page .sitetable,.top-page .menuarea .spacer {
animation-name:fadein;
animation-duration:.75s;
animation-iteration-count:1;
-webkit-animation-name:fadein;
-webkit-animation-duration:.75s;
-webkit-animation-iteration-count:1
}
@-webkit-keyframes fadein {
0% {opacity:0;transform:translateY(48px);-webkit-transform:translateY(48px)}
100% {opacity:1;transform:translateY(0px);-webkit-transform:translateY(0px)}
}
@-moz-keyframes fadein {
0% {opacity:0;transform:translateY(48px);-webkit-transform:translateY(48px)}
100% {opacity:1;transform:translateY(0px);-webkit-transform:translateY(0px)}
}
@-o-keyframes fadein {
0% {opacity:0;transform:translateY(48px);-webkit-transform:translateY(48px)}
100% {opacity:1;transform:translateY(0px);-webkit-transform:translateY(0px)}
}
@keyframes fadein {
0% {opacity:0;transform:translateY(48px);-webkit-transform:translateY(48px)}
100% {opacity:1;transform:translateY(0px);-webkit-transform:translateY(0px)}
}
/* Experimental pop-in message */
.flairselector {
animation-name:popin;
animation-duration:.5s;
animation-iteration-count:1;
animation-timing-function:ease-out;
-webkit-animation-name:popin;
-webkit-animation-duration:.5s;
-webkit-animation-iteration-count:1;
-webkit-animation-timing-function:ease-out
}
@-webkit-keyframes popin {
0% {
transform:scale(0);
-webkit-transform:scale(0)
}
80% {
transform:scale(1.15);
-webkit-transform:scale(1.15)
}
100% {
transform:scale(1);
-webkit-transform:scale(1)
}
}
@-moz-keyframes popin {
0% {
transform:scale(0);
-webkit-transform:scale(0)
}
80% {
transform:scale(1.15);
-webkit-transform:scale(1.15)
}
100% {
transform:scale(1);
-webkit-transform:scale(1)
}
}
@-o-keyframes popin {
0% {
transform:scale(0);
-webkit-transform:scale(0)
}
80% {
transform:scale(1.15);
-webkit-transform:scale(1.15)
}
100% {
transform:scale(1);
-webkit-transform:scale(1)
}
}
@keyframes popin {
0% {
transform:scale(0);
-webkit-transform:scale(0)
}
80% {
transform:scale(1.15);
-webkit-transform:scale(1.15)
}
100% {
transform:scale(1);
-webkit-transform:scale(1)
}
}
/* Experimental Toast Animation */
#mail.havemail:before {
animation-name:toast;
animation-duration:8s;
animation-iteration-count:1;
animation-timing-function:ease;
-webkit-animation-name:toast;
-webkit-animation-duration:8s;
-webkit-animation-iteration-count:1;
-webkit-animation-timing-function:ease
}
#mail.havemail:hover:before {
-webkit-animation-play-state:paused;
-moz-animation-play-state:paused;
-o-animation-play-state:paused;
animation-play-state:paused
}
@-webkit-keyframes toast {
0% {transform:translateY(76px);-webkit-transform:translateY(76px);opacity:0;}
20% {transform:translateY(76px);-webkit-transform:translateY(76px);opacity:0;}
25% {transform:translateY(-8px);-webkit-transform:translateY(-8px);opacity:1;}
27% {transform:translateY(00px);-webkit-transform:translateY(00px);opacity:1;}
92% {transform:translateY(00px);-webkit-transform:translateY(00px);opacity:1;}
97% {transform:translateY(16px);-webkit-transform:translateY(16px);opacity:1;}
100% {transform:translateY(76px);-webkit-transform:translateY(76px);opacity:0;}
}
@-o-keyframes toast {
0% {transform:translateY(76px);-webkit-transform:translateY(76px);opacity:0;}
20% {transform:translateY(76px);-webkit-transform:translateY(76px);opacity:0;}
25% {transform:translateY(-8px);-webkit-transform:translateY(-8px);opacity:1;}
27% {transform:translateY(00px);-webkit-transform:translateY(00px);opacity:1;}
92% {transform:translateY(00px);-webkit-transform:translateY(00px);opacity:1;}
97% {transform:translateY(16px);-webkit-transform:translateY(16px);opacity:1;}
100% {transform:translateY(76px);-webkit-transform:translateY(76px);opacity:0;}
}
@-moz-keyframes toast {
0% {transform:translateY(76px);-webkit-transform:translateY(76px);opacity:0;}
20% {transform:translateY(76px);-webkit-transform:translateY(76px);opacity:0;}
25% {transform:translateY(-8px);-webkit-transform:translateY(-8px);opacity:1;}
27% {transform:translateY(00px);-webkit-transform:translateY(00px);opacity:1;}
92% {transform:translateY(00px);-webkit-transform:translateY(00px);opacity:1;}
97% {transform:translateY(16px);-webkit-transform:translateY(16px);opacity:1;}
100% {transform:translateY(76px);-webkit-transform:translateY(76px);opacity:0;}
}
@keyframes toast {
0% {transform:translateY(76px);-webkit-transform:translateY(76px);opacity:0;}
20% {transform:translateY(76px);-webkit-transform:translateY(76px);opacity:0;}
25% {transform:translateY(-8px);-webkit-transform:translateY(-8px);opacity:1;}
27% {transform:translateY(00px);-webkit-transform:translateY(00px);opacity:1;}
92% {transform:translateY(00px);-webkit-transform:translateY(00px);opacity:1;}
97% {transform:translateY(16px);-webkit-transform:translateY(16px);opacity:1;}
100% {transform:translateY(76px);-webkit-transform:translateY(76px);opacity:0;}
}
@-webkit-keyframes upvote {
0% {transform:translateY(00px);-webkit-transform:translateY(00px);opacity:0;}
15% {opacity:1;}
80% {opacity:1;}
100% {transform:translateY(-12px);-webkit-transform:translateY(-12px);opacity:0;}
}
@-moz-keyframes upvote {
0% {transform:translateY(00px);-webkit-transform:translateY(00px);opacity:0;}
15% {opacity:1;}
80% {opacity:1;}
100% {transform:translateY(-12px);-webkit-transform:translateY(-12px);opacity:0;}
}
@-o-keyframes upvote {
0% {transform:translateY(00px);-webkit-transform:translateY(00px);opacity:0;}
15% {opacity:1;}
80% {opacity:1;}
100% {transform:translateY(-12px);-webkit-transform:translateY(-12px);opacity:0;}
}
@keyframes upvote {
0% {transform:translateY(00px);-webkit-transform:translateY(00px);opacity:0;}
15% {opacity:1;}
80% {opacity:1;}
100% {transform:translateY(-12px);-webkit-transform:translateY(-12px);opacity:0;}
}
/* ===============================================================================================================================
/////
End of the basic stylesheet - add your customizations below!
/////
==================================================================================================================================*/
/* --- Addon: Header Background Image --- */
.content:before {
height:208px;
background:#393D41 url(%%headerimg%%) fixed no-repeat 33% 0
}
@media only screen and (min-width : 1920px) {
.content:before {
background-size:contain
}
}
/* Add or subtract THE SAME AMOUNT ON EACH OF THESE */
.content {margin-top:176px;}
.side {margin-top:265px;}
.search-page .side {margin-top:394px;}
.comments-page .side {margin-top:370px;}
.res .comments-page .side {margin-top: 385px;}
.comments-page .side .linkinfo {margin-top:65px;}
.search-page .morelink {top:342px;}
/* --- End Addon --- */
/* --- Addon: Header Color (Primary Color) --- */
.content:before {
background-color:#0288d1
}
/* --- End Addon --- */
/* --- Addon: Button color (Secondary Color) --- */
.morelink,.titlebox .fancy-toggle-button .add,.morelink:after,.content .infobar,.submit-page #newlink.submit.content .tabmenu.formtab .selected a,.submit-page .infobar,.submit-page #newlink.submit.content .btn,.drop-choices a.choice:hover,.linkflairlabel,.fancy-toggle-button .remove:active
.expando-button:hover,.top-page .content .menuarea .dropdown.lightdrop .selected,.expando-button:hover,.side .titlebox .md h3 a,.res div.RES-keyNav-activeElement,.res div.commentarea div.RES-keyNav-activeElement.entry div.noncollapsed {
background-color:#0288d1
}
/* Hover color = 10% white overlay color */
.morelink:hover,.submit-page #newlink.submit.content .tabmenu.formtab .selected a:hover,.side .titlebox .md h3 a:hover,.titlebox .fancy-toggle-button .add:hover,.titlebox .fancy-toggle-button .add:hover:after {
background-color:#016ca7
}
/* Active color = 10% black overlay color */
.morelink:active,.side .titlebox .md h3 a:active {
background-color:#01517d
}
/* --- End Addon --- */
/* --- Addon: Link Color (Tertiary Color) - This color should be either similiar to the primary color,
or to the secondary color. Else the page will become too busy.-- */
a,.link .entry .buttons li a.comments,.md a,.titlebox .tagline a.flairselectbtn,.thing .title.loggedin.click,.thing .title.click,.thing .title.loggedin,.thing .title,body .content .sitetable .link .title a:hover,.link .domain a:hover,.link .entry .buttons li a:hover,.link .entry .buttons li a.flairselectbtn,.comment .flat-list li a[onclick*="reply"],.comment .flat-list li a:hover,.tagline .submitter,.tagline .submitter,.side:after,.usertext .bottom-area a.reddiquette,.side .titlebox .md h6 a {
color:#0288d1
}
/* --- End Addon --- */
/* --- Users Flair --- */
.flair {
height:auto;
background-color:transparent;
border:none;
color:#555;
font-size:11px!important;
font-family:Verdana,sans-serif;
cursor:default;
margin-left:5px;
margin-right:3px;
color:#fff;
font-weight:400;
padding-left:5px;
border-radius:7px;
padding-right:4px;
transition:all .25s ease
}
.flair-moderator:hover,.flair-appdev:hover,.flair-majordev:hover,.flair-romdev:hover,.flair-googledev:hover,.flair-androiddev:hover,.flair-redditdev:hover,.flair-contributor:hover,.flair-website:hover,.flair-themedev:hover,.flair-default:hover {
transition:all .25s ease
}
.flair-moderator:after,.flair-appdev:after,.flair-majordev:after,.flair-romdev:after,.flair-googledev:after,.flair-androiddev:after,.flair-redditdev:after,.flair-contributor:after,.flair-website:after,.flair-themedev:after,.flair-default:after {
color:#fff;
display:inline-block;
font-weight:800;
height:18px;
padding-top:4px;
padding-left:5px;
padding-right:5px;
font-size:7pt;
position:relative;
left:5px;
font-style:italic;
border-bottom-right-radius:7px;
border-top-right-radius:7px;
transition:all .25s ease
}
.flair-moderator {background-color:#e74c3c;}
.flair-moderator:hover {background-color:#8a2d24;}
.flair-moderator:after {content:"Mod";background-color:#8a2d24;}
.flair-appdev {background-color:#2ecc71;}
.flair-appdev:hover {background-color:#1b7a43;}
.flair-appdev:after {content:"App Dev";background-color:#1b7a43;}
.flair-majordev {background-color:#3498db;}
.flair-majordev:hover {background-color:#1f5b83;}
.flair-majordev:after {content:"Major Dev";background-color:#1f5b83;}
.flair-romdev {background-color:#9b59b6;}
.flair-romdev:hover {background-color:#5d356d;}
.flair-romdev:after {content:"Rom Dev";background-color:#5d356d;}
.flair-googledev {background-color:#f1c40f;}
.flair-googledev:hover {background-color:#907509;}
.flair-googledev:after {content:"Google Dev";background-color:#907509;}
.flair-androiddev {background-color:#34495e;}
.flair-androiddev:hover {background-color:#1f2b38;transition:all .25s ease;}
.flair-androiddev:after {content:"Android Dev";background-color:#1f2b38;}
.flair-redditdev {background-color:#e67e22;}
.flair-redditdev:hover {background-color:#8a4b14;}
.flair-redditdev:after {content:"Reddit Dev";background-color:#8a4b14;}
.flair-website {background-color:#123677;}
.flair-website:hover {background-color:#0a2047;transition:all .25s ease;}
.flair-website:after {content:"Website";background-color:#0a2047;}
.flair-contributor {background-color:#1abc9c;}
.flair-contributor:hover {background-color:#0f705d;transition:all .25s ease;}
.flair-contributor:after {content:"Contributor";background-color:#0f705d;}
.flair-themedev {background-color:#468499;}
.flair-themedev:hover {background-color:#2a4f5b;transition:all .25s ease;}
.flair-themedev:after {content:"Theme Dev";background-color:#2a4f5b;}
.flair-default {background-color:#383838;}
.flair-default:hover {background-color:#212121;transition:all .25s ease;}
.flair-default:after {content:"Android";background-color:#212121;}
/* --- End --- */
/* --- Flair Panel --- */
.flairselector {
position:fixed;
top:20px!important;
left:50%!important;
margin-left:-230px;
padding:32px!important;
width:490px!important;
border:none;
border-radius:2px;
box-shadow:0 0 16px rgba(0,0,0,0.64)
}
.flairselector.drop-choices.active {border:1px solid #e2e2e2;font-family:helvetica,Verdana,Sans-serif;}
.flairselector h2 {
margin-bottom:10px;
border-bottom:1px solid #f2f2f2;
background-color:transparent;
color:#24a35a;
text-transform:capitalize;
font-weight:400;
font-size:18px
}
.flairoptionpane {max-height:400px;text-align:left;}
.flairselector .flairoptionpane ul li {padding:0!important}
.flairoptionpane ul li .linkflair {text-align:left;padding:0;}
.flairoptionpane ul li .linkflair:hover,.flairselector li:hover {background-color:#F5F8F9;border:0 solid;}
.flairoptionpane ul li .linkflair span.linkflairlabel {
margin:8px 0;
line-height:1.35;
margin-right:6px
}
.flairoptionpane ul li .linkflair a.title {visibility:hidden!important}
.flairselector form {padding-top:20px;border-top:1px solid #f2f2f2;}
.flairselector form .flairselection {text-align:left}
.flairselector form .flairselection:before {
display:block;
content:"Selected Flair:";
color:#b3b3b3
}
.flairselector form .flairselection .linkflair a.title {
font-size:18px!important;
opacity:100!important;
color:#24a35a!important;
cursor:default
}
.flairselector form .flairselection .flairremove {
padding:4px 0;
margin-bottom:8px;
visibility:hidden;
display:block!important
}
.flairselector form .flairselection .flairremove a {
visibility:visible;
opacity:100!important;
color:#24a35a!important;
margin-left:-4px;
text-transform:capitalize
}
.flairselector form .flairselection .flairremove a:first-letter {text-transform:capitalize}
.flairselector form .flairselection .flairremove a:hover {text-decoration:underline!important}
.flairselector .error {text-align:left}
.flairselector .error:first-letter {text-transform:capitalize}
.flairselector .error:after {
display:block;
color:#24a35a;
font-weight:700;
content:"Go to /r/.../about/flairs."
}
/* --- End --- */
.error {
color:#aa1919;
float:right;
font-size:small;
padding:5px
}
/* --- OP Flair --- */
.thing .tagline .author.submitter {
font-weight:700;
color:#fff!important;
background-color:#0288d1;
padding-left:6px;
padding-right:7px;
padding-top:1px;
padding-bottom:2px;
border-radius:3px;
font-size:11px;
transition:.25s ease
}
.thing .tagline .author.submitter:hover {background-color:#01517d;transition:.25s ease;}
/* --- End --- */
/* --- Gold user stuff --- */
.gold-accent.comment-visits-box {
color:#24a35a!important;
margin:-1px 0 15px;
max-width:1000px;
padding:10px;
box-shadow:0 1px 5px rgba(0,0,0,0.16);
border-radius:3px!important;
text-align:center;
width:932px;
min-width:868px
}
.gold-accent {
margin-top:10px;
padding:0 10px 5px;
background-color:#fff;
color:#9a7d2e;
display:inline-block;
border:none!important
}
.buygold {color:#f1c40f}
.new-comment .usertext-body {
background-color:#FFF;
border:solid 1px #FFF;
margin:-1px 0;
padding:0 4px
}
/* --- End --- */
/* --- Post Ad --- */
.organic-listing {
background-color:#fff!important;
padding:0;
z-index:9999;
position:relative;
margin-bottom:-8px;
margin-right:317px;
border:none
}
.link.promotedlink.promoted {background-color:#fff!important}
/* --- End --- */
/* --- Removed post --- */
.thing.spam {background-color:#fff!important;border:5px solid #aa1919;}
/* --- End --- */
/* --- Cancel button --- */
button.cancel {
border-bottom-width:2px;
transition:all .35s ease 0;
background-repeat:no-repeat;
background-position:0 -2px;
line-height:26px;
pointer-events:all;
border-radius:3px;
border:none;
color:#7f8c8d!important;
box-shadow:none!important;
padding:0 8px;
margin-left:80px;
box-shadow:none!important;
background-color:#ecf0f1!important;
margin-top:-22px;
position:absolute
}
button.cancel:hover {color:#fff!important;background-color:#c0392b!important;border-color:#D10101;}
button.cancel:active {color:#fff!important;background-color:#d35400!important;border-color:#D10101;}
/* --- End --- */
/* --- Message the mod button --- */
.sidecontentbox a.helplink {
margin-right:27px;
margin-bottom:15px;
width:80%;
background-color:#0288d1;
border:none;
border-radius:2px;
color:#fff!important;
text-align:center;
font-weight:700;
font-size:13px;
font-family:Arial,sans-serif;
line-height:30px;
transition:.25s ease
}
.sidecontentbox a.helplink:hover {background-color:#016ca7;text-decoration:none;}
.sidecontentbox a.helplink:active {background-color:#01517d}
/* --- End --- */
/* --- RES comment box MarkdownEditor buttons styling --- */
.comments-page .markdownEditor .edit-btn:not(.btn-macro) {
border:0 solid #CCC!important;
box-shadow:0 1px 3px #D1D1D1;
border-radius:2px;
padding:0
}
/* --- End --- */
/* --- RES comment box subscription button --- */
.RESSubscriptionButton {
display:inline-block;
margin-left:15px;
padding:3px 1px!important;
text-align:center;
width:78px;
font-weight:700;
cursor:pointer;
color:#fff!important;
background-color:#0288d1;
border:0 solid #CCC!important;
border-radius:2px;
transition:.25s ease
}
.RESSubscriptionButton:hover {color:#fff!important;background-color:#016ca7!important;transition:.25s ease;}
.RESSubscriptionButton:active {color:#fff!important;background-color:#01517d!important;transition:.25s ease;}
.RESSubscriptionButton.unsubscribe {background-color:#aa1919!important;transition:.25s ease;}
.RESSubscriptionButton.unsubscribe:hover {background-color:#881414!important;transition:.25s ease;}
.RESSubscriptionButton.unsubscribe:active {background-color:#660f0f!important;transition:.25s ease;}
/* --- End --- */
/* --- RES Notification --- */
.RESNotificationHeader {background-color:#fff;border-radius:2px;border-color:none;}
.RESNotification a {color:#aa1919}
/* --- End --- */
/* --- RES newComments --- */
.newComments {color:#aa1919!important}
/* --- End --- */
/* --- RES Shortcut text --- */
#RESShortcuts {color:rgba(255,255,255,0.6)!important}
/* --- End --- */
/* --- RES Dashboard & Shortcut button --- */
.res .RESDashboardToggle,.res .RESshortcutside {
z-index:999999999;
background-image:none!important;
border:none;
color:#FFF;
text-transform:uppercase;
text-decoration:none;
font-size:8px;
border-radius:2px;
padding:4px 6px 4px 4px;
text-align:center;
width:auto;
background-color:#aa1919;
position:absolute;
right:5px;
top:95px;
transition:.25s ease;
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: bounceInLeft;
animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInLeft {
0% {opacity:0;-webkit-transform:translateX(2000px);}
60% {opacity:1;-webkit-transform:translateX(30px);}
80% {-webkit-transform:translateX(-10px);}
100% {-webkit-transform:translateX(0);}
}
@keyframes bounceInLeft {
0% {opacity:0;transform:translateX(2000px);}
60% {opacity:1;transform:translateX(30px);}
80% {transform:translateX(-10px);}
100% {transform:translateX(0);}
}
.res .RESDashboardToggle {margin-top:25px;width:80px}
.res .RESshortcutside {width:80px}
.res .RESshortcutside:hover,.res .RESDashboardToggle:hover {background-color:#881414;transition:.25s ease;}
/* --- End --- */
/* --- Footer border fix --- */
.footer {border:none!important}
/* --- End --- */
/* --- Moderation tools text background fix --- */
.icon-menu a {background-color:transparent}
/* --- End --- */
/* --- Dark/Light/Small mode buttons BETA --- */
.side .md h6 a,.side .md h5 a, .side .md h4 a {
text-align:center;
font-size:9px;
font-weight:900;
font-family:normal x-small verdana,arial,helvetica,sans-serif;
border-radius:2px;
position:absolute;
right:10px;
z-index:9999999;
width:80px;
height:18px;
transition:.25s ease;
box-shadow:0 1px 5px rgba(0,0,0,0.24)!important;
-webkit-animation-name: bounceInRight;
animation-name: bounceInRight;
-webkit-animation-duration: 2s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@-webkit-keyframes bounceInRight {
0% {opacity:0;-webkit-transform:translateX(2000px);}
60% {opacity:1;-webkit-transform:translateX(-30px);}
80% {-webkit-transform:translateX(10px);}
100% {-webkit-transform:translateX(0);}
}
@keyframes bounceInRight {
0% {opacity:0;transform:translateX(2000px);}
60% {opacity:1;transform:translateX(-30px);}
80% {transform:translateX(10px);}
100% {transform:translateX(0);}
}
.side .md h4 a {background:#ecf0f1;color:#202020!important;top:74px;}
.side .md h4 a:hover {background:#fff;box-shadow:0 3px 12px rgba(0,0,0,0.32)!important;}
.side .md h6 a {background:#ecf0f1;color:#202020!important;top:52px;}
.side .md h5 a {background:#202020;color:#ECF0F1!important;top:30px;}
.side .md h6 a:hover {background:#fff;box-shadow:0 3px 12px rgba(0,0,0,0.32)!important;}
.side .md h5 a:hover {background:#000;box-shadow:0 3px 12px rgba(0,0,0,0.32)!important;}
/* --- End --- */
/* --- Dark Mode BETA --- */
html[lang^="dm"] .res-commentBoxes .comments-page .comment, html[lang^="dm"]
.res-commentBoxes .comments-page .comment .comment .comment, html[lang^="dm"]
.res-commentBoxes .comments-page .comment .comment .comment .comment .comment, html[lang^="dm"]
.res-commentBoxes .comments-page .comment .comment .comment .comment .comment .comment .comment, html[lang^="dm"]
.res-commentBoxes .comments-page .comment .comment .comment .comment .comment .comment .comment .comment .comment {
background-color: #202020!important;
}
html[lang^="dm"] .comment .usertext .md p,
html[lang^="dm"] .res-commentBoxes .comments-page .comment .comment, html[lang^="dm"]
.res-commentBoxes .comments-page .comment .comment .comment .comment, html[lang^="dm"]
.res-commentBoxes .comments-page .comment .comment .comment .comment .comment .comment, html[lang^="dm"]
.res-commentBoxes .comments-page .comment .comment .comment .comment .comment .comment .comment .comment, html[lang^="dm"]
.res-commentBoxes .comments-page .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment {
background-color: #202020!important;
}
html[lang^="dm"] .hover-bubble.multi-selector strong, html[lang^="dm"] .hover-bubble, html[lang^="dm"] .pretty-form p, html[lang^="dm"] .RESDialogSmall>h3, html[lang^="dm"] .submit-page .roundfield .title, html[lang^="dm"] .submit-page .roundfield, html[lang^="dm"] .comment .author, html[lang^="dm"] .morelink a, html[lang^="dm"] #images, html[lang^="dm"] .gold-accent.comment-visits-box, html[lang^="dm"] .usertext-edit textarea, html[lang^="dm"] .commentarea .panestack-title .title, html[lang^="dm"] .comments-page .side .linkinfo .score, html[lang^="dm"] .comments-page .side .linkinfo, html[lang^="dm"] .md p, html[lang^="dm"] .titlebox h1 a, html[lang^="dm"] input:not([type="submit"]), html[lang^="dm"] #search #searchexpando label, html[lang^="dm"] .search-page .searchpane, html[lang^="dm"] .search-page .menuarea, html[lang^="dm"] .morelink, html[lang^="dm"] .titlebox .fancy-toggle-button .add, html[lang^="dm"] .morelink:after, html[lang^="dm"] .content .infobar, html[lang^="dm"] .submit-page #newlink.submit.content .tabmenu.formtab .selected a, html[lang^="dm"] .submit-page .infobar, html[lang^="dm"] .submit-page #newlink.submit.content .btn, html[lang^="dm"] .drop-choices a.choice:hover, html[lang^="dm"] .linkflairlabel, html[lang^="dm"] .fancy-toggle-button .remove:active .expando-button:hover, html[lang^="dm"] .top-page .content .menuarea .dropdown.lightdrop .selected, html[lang^="dm"] .expando-button:hover, html[lang^="dm"] .side .titlebox .md h3 a, html[lang^="dm"] .res div.RES-keyNav-activeElement, html[lang^="dm"] .res div.commentarea div.RES-keyNav-activeElement.entry div.noncollapsed, html[lang^="dm"] textarea, html[lang^="dm"] #RESStyleSheetTipPane-header, html[lang^="dm"] .commentingAs, html[lang^="dm"] .wiki-page .wikititle, html[lang^="dm"] .side .md, html[lang^="dm"] .side .md ul, html[lang^="dm"] .side .md h3, html[lang^="dm"] .side .md h4, html[lang^="dm"] .side .md h1, html[lang^="dm"] .side .md h2, html[lang^="dm"] .side .md table
{color:#e8e8e8;}
html[lang^="dm"] .hover-bubble, html[lang^="dm"] .submit-page #newlink.submit.content .tabmenu.formtab a, html[lang^="dm"] .content.submit .info-notice, html[lang^="dm"] .submit-page .roundfield, html[lang^="dm"] .search-page .searchfacets, html[lang^="dm"] .drop-choices, html[lang^="dm"] #images, html[lang^="dm"] .stylesheet-customize-container .pretty-form, html[lang^="dm"] .linefield, html[lang^="dm"] .commentarea .thing, html[lang^="dm"] .gold-accent.comment-visits-box, html[lang^="dm"] .commentarea>.usertext, html[lang^="dm"] .comments-page .side .linkinfo, html[lang^="dm"] .side, html[lang^="dm"] #search #searchexpando label, html[lang^="dm"] #search #searchexpando, html[lang^="dm"] .search-page .searchpane, html[lang^="dm"] .search-page .menuarea, html[lang^="dm"] .link, html[lang^="dm"] .RESDialogSmall, html[lang^="dm"] #BigEditor .BELeft .RESDialogContents, html[lang^="dm"] .wiki-page .pageactions, html[lang^="dm"] .wiki-page .wikititle, html[lang^="dm"] .wiki-page .wiki-page-content, html[lang^="dm"] .sitetable .nav-buttons
{background-color:#202020;}
html[lang^="dm"] .usertext-edit .RESDialogSmall .md.RESDialogContents, html[lang^="dm"] .RESDialogSmall>h3, html[lang^="dm"] .markdownEditor .edit-btn:not(.btn-macro), html[lang^="dm"] textarea, html[lang^="dm"] .usertext-edit textarea, html[lang^="dm"] body, html[lang^="dm"] input:not([type="submit"])
{background-color:#363636;}
html[lang^="dm"] .comment .score, html[lang^="dm"] .link .entry .tagline a, html[lang^="dm"] .flairselector h2, html[lang^="dm"] .bottommenu .updated, html[lang^="dm"] .content .thing .title:visited, html[lang^="dm"] .content .thing.visited .title, html[lang^="dm"] .icon-menu a, html[lang^="dm"] .md a:visited, html[lang^="dm"] .search-page .menuarea .dropdown.lightdrop .selected, html[lang^="dm"] a, html[lang^="dm"] .link .entry .buttons li a.comments, html[lang^="dm"] .md a, html[lang^="dm"] .titlebox .tagline a.flairselectbtn, html[lang^="dm"] .thing .title.loggedin.click, html[lang^="dm"] .thing .title.click, html[lang^="dm"] .thing .title.loggedin, html[lang^="dm"] .thing .title, html[lang^="dm"] body .content .sitetable .link .title a:hover, html[lang^="dm"] .link .domain a:hover, html[lang^="dm"] .link .entry .buttons li a:hover, html[lang^="dm"] .link .entry .buttons li a.flairselectbtn, html[lang^="dm"] .comment .flat-list li a[onclick*="reply"], html[lang^="dm"] .comment .flat-list li a:hover, html[lang^="dm"] .tagline .submitter, html[lang^="dm"] .tagline .submitter, html[lang^="dm"] .side:after, html[lang^="dm"] .usertext .bottom-area a.reddiquette, html[lang^="dm"] .side .titlebox .md h6 a
{color:#6576d4;}
html[lang^="dm"] .sitetable .nav-buttons {border-top: 1px solid #363636;}
html[lang^="dm"] .wiki-page .wiki-page-content hr {border-color: #363636;}
html[lang^="dm"] .search-page #search input[type=text] {border:none!important;}
html[lang^="dm"] .res .commentarea .thing {background-color: #202020!important;}
html[lang^="dm"] .side .md p {color:#e8e8e8!important;}
html[lang^="dm"] .usertext-edit textarea {background-color: #363636!important;color:#e8e8e8!important;}
html[lang^="dm"] .gold-accent.comment-visits-box {color: #e8e8e8!important;}
html[lang^="dm"] .usertext-edit .RESDialogSmall .md.RESDialogContents {background-color: #363636!important;}
html[lang^="dm"] .hover-bubble {border:1px solid #202020}
html[lang^="dm"] #RESStyleSheetTipPane-header {border:none;}
html[lang^="dm"] .RESDialogSmall>h3 {border-bottom: 1px solid #363636;}
html[lang^="dm"] .markdownEditor .edit-btn:not(.btn-macro) {background-color:#363636!important;box-shadow:none;border: 0 solid #363636!important;background-image:url(%%RES-comment-tools-icon-white%%);background-repeat:no-repeat;}
html[lang^="dm"] .submit-page #newlink.submit.content .tabmenu.formtab a {color: #959595;}
html[lang^="dm"] .link .usertext .md {border-top: 1px solid #363636;}
html[lang^="dm"] .flairselector .flairoptionpane ul li.flairsample-right {background-color:transparent;}
html[lang^="dm"] .flairselector form {border-top: 1px solid #363636;}
html[lang^="dm"] .drop-choices {border: 1px solid #202020!important;}
html[lang^="dm"] .comment .md p > a:visited {color:#aa1919}
html[lang^="dm"] .flairselector h2 {border-bottom: 1px solid #363636;}
html[lang^="dm"] textarea {background-color: #363636!important;border: 5px solid #363636!important;}
html[lang^="dm"] input:not([type="submit"]) {background-color:#363636!important;color:#e8e8e8!important;border:none!important;}
html[lang^="dm"] input:focus, textarea:focus {color: #797979!important;}
html[lang^="dm"] .link .entry {border-bottom: 1px solid #4c4c4c;}
html[lang^="dm"] .titlebox .tagline:after {background-color:#4c4c4c;}
html[lang^="dm"] .expando-button {background-color: transparent;border: 1px solid #8f8f8f;}
html[lang^="dm"] .expando-button.image {background-color: transparent;border: 1px solid #8f8f8f;}
html[lang^="dm"] .expando-button.video-muted {background-color: transparent;border: 1px solid #8f8f8f;}
html[lang^="dm"] .new-comment .usertext-body {background-color: transparent!important;border: none!important;}
html[lang^="dm"] .titlebox .redditname a {background-image: url(%%goodguyappsBlack%%);}
/* --- End --- */
/* --- Big Mode --- */
.side .titlebox .md h4:nth-of-type(2) a:nth-of-type(2) {display:none}
html[lang^="bm"] .side .titlebox .md h4:nth-of-type(2) a:nth-of-type(2) {display:block}
html[lang^="bm"] .side .titlebox .md h4:nth-of-type(2) a:first-of-type { display: none; }
html[lang^="bm"] .content:before {height:416px;background:#393D41 url(%%headerimg%%) fixed no-repeat 33% 0}
html[lang^="bm"] .content {margin-top:342px;}
html[lang^="bm"] .side {margin-top: 446px;}
html[lang^="bm"] .search-page .side {margin-top: 395px;}
html[lang^="bm"] .comments-page .side {margin-top:558px;}
html[lang^="bm"] .res .comments-page .side {margin-top:572px;}
html[lang^="bm"] .comments-page .side .linkinfo {margin-top:246px;}
html[lang^="bm"] #search {top: 342px;}
html[lang^="bm"] .search-page .morelink {top: 342px;}
html[lang^="bm"] .morelink {top: 395px;}
html[lang^="bm"] #header-bottom-left {top: 270px;}
html[lang^="bm"] .pagename a {margin-top: -75px;margin-left: 170px;}
html[lang^="bm"] #header .pagename {top: -190px;}
html[lang^="bm"] .side .sidecontentbox .content {margin-top: 0px;}
html[lang^="bm"] #header-img.default-header {top: -142px;}
html[lang^="bm"] #header-img {top: -142px;}
html[lang^="bm"] .submit-page #header .pagename a {margin-top: 60px!important;}
html[lang^="bm"] #header .pagename a {margin-top: 55px;}
/* --- End Addon --- */
.side .redditname a:nth-of-type(1) {
text-indent: -9999999px!important;
width: 100%;
height: 90px!important;
background-image: url(%%goodguyappsBlack%%);
background-repeat: no-repeat;
position: relative;
background-position: 0px 10px;
left: 5px;
display: block;
background-size: auto 24px;
}
/* --- Custom flairs --- */
.linkflair-gga .linkflairlabel {
background-color:#2ecc71; /* GGA flair color */
}
.linkflair-ssa .linkflairlabel {
background-color:#e74c3c; /* Suspicious App flair color */
}
.linkflair-rqa .linkflairlabel {
background-color:#3498db; /* Request for App flair color */
}
.linkflair-devapp .linkflairlabel {
background-color:#f5b342; /* Dev flair color */
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment