
get the best of reddit, delivered once a week
×/**
COPYRIGHT /R/OPPRESSION
**/
/**HEADER**/
#header {
/*background-color: red!important;*/
/**FEARLESS LEADER**/
background: repeating-linear-gradient(
45deg,
#D16C5E,
#D16C5E 10px,
#C2A68E 10px,
#C2A68E 20px
);
/** proletariat background **/
background-color: white;
background-image: url(%%proletariat%%);
background-position: bottom right;
height: 175px;
position: relative;
border-bottom: 0px;
}
#header-bottom-right {
height: 18px;
position: absolute;
right: 8px;
width: auto;
background-color: #D16C5E;
color:#fff !important;
}
.user {
color:#fff
}
.user .userkarma {
cursor: normal;
font-weight: normal;
border-bottom: 0px;
font-size: 14px;
}
#header-bottom-right a {
color:#fff;
font-weight:400;
font-size:14px;
}
#header-bottom-right a:hover {
border-bottom:1px solid #0288D1;
color:#333;
text-decoration:none;
}
/* Snoo */
#header-img {
float: left;
margin-left:0px
margin-bottom:5px
}
/* subreddit name */
.redditname a {
display: block;
visibility: visible!important;
position: absolute;
margin-left:25px;
float:left;
top: 47px;
left: 120px;
z-index: 99;
width: 356px !important;
height: 65px!important;
background-position: 0 0;
background-repeat: no-repeat;
background:url(%%oppression-logo%%);
color: #fff;
transition: all .35s;
text-indent:-9999px;
}
/**MENU**/
#header .tabmenu {
position: absolute;
top: 130px;
}
#sr-header-area {
height:18px;
line-height:18px;
background-color:#D16C5E;
border-bottom:0 solid #333;
font-size:10px;
}
#sr-header-area a {
font-size:114%!important;
color:#fff!important;
text-transform:lowercase;
}
.dropdown.srdrop .selected {
background-image:none;
}
.dropdown.srdrop .selected:after {
content:"▼";
}
#sr-header-area .width-clip .dropdown.srdrop .selected.title {
color:#fff;
font-size:9px;
font-weight:400;
font-family:Verdana, Arial, sans-serif;
padding-right:3px;
}
#sr-header-area .drop-choices a.choice {
color:#333!important;
}
#sr-more-link{
background-color:#b0120a!important;
}
.tabmenu li {
display: inline-block;
margin: 0
}
.tabmenu li a {
transition: background-color 0.38s ease 0s;
text-transform: uppercase;
background-color: transparent;
color: #FFF;
font-weight: 400;
font-size: 13px;
font-family: Helvetica,Arial,sans-serif;
border: none;
padding: 10px 15px
}
.tabmenu li a:hover {
color: black;
font-weight: 400;
border-bottom-color: #0288D1;
background-color: white;
text-decoration: none
}
.tabmenu li.selected a {
background-color: transparent;
border-width: 0px 0px 4px;
border-color: #259b24;
line-height: 30px;
padding: 0px 20px 16px;
color: white;
}
.tabmenu li.selected a:hover {
border-color: green;
}
.tabmenu li a,.choice{
color:black;
}
/**UPVOTES AND DOWNVOTES**/
.entry:not(.unvoted) .author,.entry:not(.unvoted) .score,.entry:not(.unvoted) .tagline > time, .entry.dislikes .md,.entry.dislikes .title a
{
-webkit-animation: blackbars 2s cubic-bezier(0.02,0.98,0.61,0.98);
animation: blackbars 2s cubic-bezier(0.02,0.98,0.61,0.98);
}
/* Chrome, Safari, Opera */
@-webkit-keyframes blackbars {
100% {color: black;
background:black;}
}
/* Standard syntax */
@keyframes blackbars {
100% {color:black;
background:black;}
}
.arrow.downmod:focus{
animation: animationFrames linear 4s;
animation-iteration-count: 1;
transform-origin: ;
-webkit-animation: animationFrames linear 4s;
-webkit-animation-iteration-count: 1;
-webkit-transform-origin: ;
-moz-animation: animationFrames linear 4s;
-moz-animation-iteration-count: 1;
-moz-transform-origin: ;
}
@keyframes animationFrames{
0% {
left:-25px;
top:-23px;
opacity:1;
transform: rotate(0deg) scaleX(1) scaleY(1) ;
}
100% {
left:-22px;
top:-23px;
opacity:1;
transform: rotate(360deg) scaleX(1) scaleY(1) ;
}
}
@-moz-keyframes animationFrames{
0% {
left:-25px;
top:-23px;
opacity:1;
-moz-transform: rotate(0deg) scaleX(1) scaleY(1) ;
}
100% {
left:-22px;
top:-23px;
opacity:1;
-moz-transform: rotate(360deg) scaleX(1) scaleY(1) ;
}
}
@-webkit-keyframes animationFrames {
0% {
left:-25px;
top:-23px;
opacity:1;
-webkit-transform: rotate(0deg) scaleX(1) scaleY(1) ;
}
100% {
left:-22px;
top:-23px;
opacity:1;
-webkit-transform: rotate(360deg) scaleX(1) scaleY(1) ;
}
}
.thing .arrow { background: url(%%vote%%); width: 15px; height: 15px; background-position: 48px 31px; }
.comment .midcol { width: 20px; }
.thing .up { background-position: 0px -15px; background-repeat: no-repeat; }
.thing .down { background-position: -16px 0px; }
.thing .upmod { background-position: -30px -15px; background-repeat: no-repeat; }
.thing .downmod { background-position: 0 0px; }
.thing .up:hover { background-position: -15px -15px; }
.thing .down:hover { background-position: 0 0px; }
a[href="/sidebar"]:after { content: url(%%tutu%%) }
/* Changes Deleted Comment Text To Redacted Bar
--------------------------------*/
.grayed .md p { display: none; }
.usertext.grayed .usertext-body:after {
content: url(%%redacted1-vectorized%%);
}
/* Changes Deleted Username To Redacted Bar
--------------------------------*/
p.tagline em {
visibility:hidden;
font-size:0;
}
p.tagline em:after {
visibility:visible;
font-size: 10px;
content: url(%%redactedname1%%);
}
/*Spoiler tag within comments. Your comment should be: "[This is a spoiler sentence.](/ooc)"
*/
a[href$="/ooc"] {
background: #ededed !important;
color: #ededed !important
}
a[href$="/ooc"]:hover {
color: #000 !important
}
a[href$="/OOC"] {
background: #D8D8D8 !important;
color: #D8D8D8 !important
}
a[href$="/OOC"]:hover {
color: #000 !important
}
/*replaces default thumbnails*/
.self.thumbnail,.default.thumbnail{
background-image: url(%%oppressionsprites%%);
background-repeat: no-repeat;
display: block;
}
.self.thumbnail {
width: 70px;
height: 70px;
background-position: -5px -85px;
}
.default.thumbnail,.linkflair-censorship .self.thumbnail {
width: 70px;
height: 70px;
background-position: -85px -5px;
}
.thing.stickied:not(.linkflair-mod) a.thumbnail {
width: 70px;
height: 70px;
background-position: -165px -85px;
}
.linkflair-modabuse .default.thumbnail,.linkflair-modabuse .self.thumbnail {
width: 70px;
height: 70px;
background-position: -165px -5px;
}
.linkflair-adminabuse .default.thumbnail,.linkflair-adminabuse .self.thumbnail {
width: 70px;
height: 70px;
background-position: -5px -5px;
}
.linkflair-corruption .default.thumbnail, .linkflair-corruption .self.thumbnail{
width: 70px;
height: 70px;
background-position: -85px -85px;
}
.flair-shadowban{
color:red !important;
}
/*subredditoftheday quote styling*/
.link .md > blockquote {
border: 1px solid #777;
background: #eee;
margin: 0px;
font-weight: bold;
color: #444;
padding: 0px 10px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
.link .md blockquote blockquote {
border: 1px solid #bbb;
background: #fafafa;
margin: 0px 0 1em 0;
font-weight: normal;
color: black;
padding: 2px 10px;
border-bottom-width: 2px;
}
/*Link styling*/
a:hover,
a:focus {
text-decoration: underline;
}
.thing .title {
color: black;
}
.thing .title:visited,
.thing .title.click,
.thing .title:visited,
.thing .title.click,
.thing .title.click:visited {
color: grey;
}
/* Sub / Unsub button */
.fancy-toggle-button .active {
padding: 1px 8px;
background-image: none !important;
outline: none !important;
border: 0px;
border-radius: 2px;
color: #fff !important;
text-transform: capitalize;
font-weight: bold;
font-size: 12px;
font-family: arial, sans-serif!important;
line-height: 26px;
cursor: default;
}
/* Sub */
.fancy-toggle-button .add {
background-color: #D16C5E;
border-top: 2px solid #D16C5E;
border-bottom: 2px solid #D16C5E;
-webkit-box-shadow: 0 1px 0 #e2e0e0;
box-shadow: 0 1px 0 #e2e0e0;
}
.fancy-toggle-button .add:hover {
background-color: #f36c60;
border-top: 2px solid #f36c60;
border-bottom: 2px solid #D16C5E;
-webkit-box-shadow: none;
box-shadow: none;
text-decoration: none;
}
/* Unsub */
/* Unsub */
.fancy-toggle-button .remove {
background-color: #fff;
border: 1px solid #d4d4d4;
-webkit-box-shadow: 0 1px 0 #e2e0e0;
box-shadow: 0 1px 0 #e2e0e0;
font-size: 10px;
line-height: 16px;
color: #737373 !important;
cursor: pointer;
}
.fancy-toggle-button .remove:hover {
background-color: #fff;
color: #333;
border-bottom-width: 2px;
border-color: #bababa;
text-decoration: none;
}
.disabled .morelink,.disabled .morelink:hover {
background-image: none;
border: 0px solid;
color: white;
font-size: 0px;
background-color: #c8c8c8;
margin-top: 3px;
text-shadow: none;
box-shadow:none;
}
.disabled .morelink a {
color: #fff;
letter-spacing: 0px;
font-weight: 600;
font-size: 14px;
font-family: sans-serif;
cursor: default;
text-indent: 0px;
text-shadow: none;
}
.account-activity-box, .sidebox.create, .morelink .nub {display: none;}
/*Link Flair*/
.link .linkflairlabel {
/*background-color: #CCC!important;*/
color: #666!important;
font-size: 11px;
line-height: 1em;
vertical-align: top;
text-align: center;
padding: 3px 5px;
margin-top: 1px;
border-radius:0;
border: 0px;
min-width:58px;
}
.linkflair-censorship .linkflairlabel, .flairoptionpane .linkflair-censorship .linkflairlabel {
background-color:#FACCCC!important;
color:#444!important;
}
.linkflair-modabuse .linkflairlabel, .flairoptionpane .linkflair-modabuse .linkflairlabel {
background-color:#BFAEFF!important;
color:#444!important;
}
.linkflair-corruption .linkflairlabel, .flairoptionpane .linkflair-corruption .linkflairlabel {
background-color:#F8EBC0!important;
color:#666!important;
}
.linkflair-meta .linkflairlabel, .flairoptionpane .linkflair-meta .linkflairlabel {
background-color:#C3DBF6!important;
color:#444!important;
border-color: #CCC!important;
}
.linkflair-adminabuse .linkflairlabel, .flairoptionpane .linkflair-adminabuse .linkflairlabel {
background-color:#ADA!important;
color: #444!important;
border-color: #CCC!important;
}
/*** SCROLLBAR ***/
::-webkit-scrollbar {
width: 12px;
height: 12px;
background-color: white;
}
::-webkit-scrollbar-thumb {
background-color: #D16C5E;
}
::-webkit-scrollbar-button {
display: none;
width: 0;
height: 0;
}
::-webkit-scrollbar-corner {
background-color: transparent;
color: #555555;
}
/*** SELECTION ***/
::selection {
background-color: #ff4d4d;
color: white;
font-weight: bold;
}
/*Changes submit buttons*/
.morelink {
font-weight:normal;
letter-spacing:0;
background: transparent;
border: 2px solid #b01e1e;
transition: background .2s ease-in;
-moz-transition: background .2s ease-in;
-webkit-transition: background .2s ease-in;
}
.morelink:hover {
font-weight:normal;
letter-spacing:0;
background:#b01e1e;
color: white;
border: 2px solid #b01e1e;
}
.morelink a { color: #b01e1e }
.morelink .nub { display: none }
/*-----------------*/
/*end*/