body {background:url(%%background%%) #f1f1f1}
.md hr{
margin: 10px 20px;
background-color: #ccc;
border: none;
height: 1px;
}
/*SUBREDDIT BAR*/
#sr-header-area, .res-nightmode #sr-header-area {
background: transparent;
border:none;
color:#444;
}
#RESShortcutsSort, #RESShortcutsRight, #RESShortcutsLeft, #RESShortcutsAdd, #RESShortcutsTrash {
height: 25px;
background: transparent!important;
color: #444 !important;
}
#RESShortcutsEditContainer {background: transparent!important;}
#sr-header-area a {opacity: 0.6;}
#sr-header-area a:hover {opacity: 1; transition: all 0.3s ease;}
/*HEADER*/
#header-img, #header-img.default-header{margin-left:15px;margin-top:5px;}
#header-img:hover, #header-img.default-header:hover {opacity: 0.6; transition: all 0.3s ease;}
#header {
background-color:#f1f1f1;
background-image: url(%%header%%);
background-repeat: repeat-x;
background-position:bottom left;
border:none;
height: 120px;
}
.res-nightmode #header {background-color:#262626;}
#header .pagename a {
width: 200px;height: 65px;
display: inline-block;
font-size: 0;
}
#header .pagename a {
height:61px;
padding:0;
text-indent:-9999px;
margin:0;
background:url(%%logo%%);
background-position:0 0;
background-repeat:no-repeat;
position:absolute;
top:25px;
left:50px;
}
#header .pagename a:hover {
-webkit-animation: hover 0.3s steps(3) infinite;
-ms-animation: hover 0.3s steps(3) infinite;
-o-animation: hover 0.3s steps(3) infinite;
-moz-animation: hover 0.3s steps(3) infinite;
animation: hover 0.3s steps(3) infinite;
}
@-webkit-keyframes hover{from { background-position: 0 -61px; } to { background-position: 0 -244px; }}
@-moz-keyframes hover {from { background-position: 0 -61px; } to { background-position: 0 -244px; }}
@-ms-keyframes hover {from { background-position: 0 -61px; } to { background-position: 0 -244px; }}
@-o-keyframes hover {from { background-position: 0 -61px; } to { background-position: 0 -244px; }}
@keyframes hover {from { background-position: 0 -61px; } to { background-position: 0 -244px; }}
/*TABMENU*/
#header .tabmenu{margin-left:-20px;margin-bottom:-30px;}
#header .tabmenu li a{
background-color: transparent;
color: white;
text-transform: uppercase;
font-size: x-small;
font-weight: bold;
opacity: 1;
text-shadow: 0px 1px 8px rgba(0, 0, 0, 0.5);
border:none;
}
#header .tabmenu li a:hover, .res-nightmode .tabmenu li a:hover {opacity: 0.6;transition: all 0.3s ease;}
#header .tabmenu li.selected a{
color:yellow;
background:transparent;
border: none;
font-weight:bold;
opacity: 1;
font-size:small;
text-shadow:-1px -1px 0 black,1px -1px 0 black,-1px 1px 0 black,1px 1px 0 black;
}
.res-nightmode .tabmenu li.selected a{
color:yellow;
background:transparent;
border: none;
font-weight:bold!important;
opacity: 1!important;
font-size:small;
text-shadow:-1px -1px 0 black,1px -1px 0 black,-1px 1px 0 black,1px 1px 0 black;
}
/*USERNAME TOP RIGHT*/
#header-bottom-right, div#header-bottom-right.res-navTop{
background:transparent;
text-transform:uppercase;
text-shadow: 0px 1px 8px rgba(0, 0, 0, 0.5);
font-size:x-small;
top:90px!important;
font-weight:bold;
}
.res-navTop #header-bottom-right{top:90px!important}
#header-bottom-right a, #header-bottom-right .user, #header-bottom-right .user .userkarma{color:white; opacity:1;}
#header-bottom-right a:hover, #header-bottom-right .user:hover, #header-bottom-right .user .userkarma:hover{opacity:0.6;transition: all 0.3s ease;text-decoration:none;}
#header-bottom-right .separator{visibility: hidden;}
.res #userbarToggle {
background-color: transparent;
color: white;
border-radius: 0px;
border: none;
}
.res #userbarToggle:hover {
background-color: rgba(255, 255, 255, 0.1);
transition: all 0.3s ease;
}
/*ICONOGRAPHY*/
#mail.nohavemail {
background: url(%%spritesheet%%);
background-position: -32px 0;
height: 18px; width: 18px!important;
background-repeat: no-repeat;
}
#mail.havemail {
background: url(%%spritesheet%%);
background-position: -50px 0;
height: 18px; width: 18px!important;
background-repeat: no-repeat;
}
#modmail.nohavemail {
background: url(%%spritesheet%%);
background-position: -68px -0;
height: 18px; width: 18px;
background-repeat: no-repeat;
}
#modmail.havemail {
background: url(%%spritesheet%%);
background-position: -86px 0;
height: 18px; width: 18px;
background-repeat: no-repeat;
}
.message-count {background-color: #fe5e36;}
.gearIcon {
background: url(%%spritesheet%%) -0px -0px !important;
position: relative;
top: 2px;
transition: all 0.25s ease;
}
#RESMainGearOverlay {
background-color: #6497b1;
height: 26px !important;
border-radius: 0px !important;
border:none!important;
margin-top:3px;
}
#RESMainGearOverlay .gearIcon {top:7px!important;}
/*LINKS AND COMMENTS*/
body >.content .link .rank, .rank-spacer {display: none;}
.comment.odd {background: #fafafa;}
.comment.even, .comment {background: white;}
div.commentarea {width: calc(100% - 330px);}
.thumbnail {max-width: 50px;max-height: 50px;}
a.thumbnail img {height: 50px; width: 50px;}
.stickied .thumbnail.self {background: url(%%spritesheet%%) 0 -48px no-repeat; }
.thumbnail.self {background: url(%%spritesheet%%) -50px -48px no-repeat;}
.thumbnail.default {background: url(%%spritesheet%%) -100px -48px no-repeat;}
.thumbnail.nsfw {background: url(%%spritesheet%%) -150px -48px no-repeat;}
.link {
margin:0;
margin-right: 330px;
padding: 6px 10px;
background: transparent;
border-bottom: solid 1px #ccc;
}
.res-nightmode .link {border-bottom: solid 1px #333;}
.res-nightmode body .content {background:transparent;}
.link:hover {background:#f5f5f5;transition: all 0.3s ease;}
.res-nightmode .link:hover {background:#222!important;}
.link .title{font-size: 14px; font-weight: bold; color: #369;}
.link .usertext-body .md {border-color: #ccc;}
.domain {font-weight:normal;}
/* MODERATOR DISTINGUISH */
div.thing .tagline .author.moderator, div.thing .tagline .author.submitter, div.thing .tagline .author.admin {padding: 0 4px; line-height:20px;display: inline-block;}
a.author.moderator, .res a.author.moderator {
color:white!important;
background: -moz-linear-gradient(180deg, red, orange, yellow, green, blue, indigo, violet);
background: -webkit-linear-gradient(left, red, orange, yellow, green, blue, indigo, violet );
text-shadow:-1px -1px 0 black,1px -1px 0 black,-1px 1px 0 black,1px 1px 0 black;
}
a.author.moderator:before, .res a.author.moderator:before {content:'((('}
a.author.moderator:after, .res a.author.moderator:after {content:')))'}
/* ADMIN DISTINGUISH */
a.author.admin, .res a.author.admin {
color:white!important;
-webkit-animation: rb 6s linear infinite;
-moz-animation: rb 6s linear infinite;
animation: rb 6s linear infinite;
text-shadow:-1px -1px 0 black,1px -1px 0 black,-1px 1px 0 black,1px 1px 0 black;
}
a.author.admin:before, .res a.author.admin:before {content:'((('}
a.author.admin:after, .res a.author.admin:after {content:')))'}
@keyframes rb{10%{background-color:red !important}20%{background-color:orange !important}30%{background-color:yellow !important}40%{background:green !important}50%{background-color:cyan !important}70%{background-color:blue !important}80%{background-color::indigo !important}90%{background-color:violet !important}}
@-moz-keyframes rb{10%{background:red}20%{background:orange}30%{background:yellow}40%{background:green}50%{background:cyan}70%{background:blue}80%{background:indigo}90%{background:violet}}
@-webkit-keyframes rb{10%{background:red}20%{background:orange}30%{background:yellow}40%{background:green}50%{background:cyan}70%{background:blue}80%{background:indigo}90%{background:violet}}
/*FLAIR*/
.linkflairlabel { max-width: 100%; }
.linkflair-juicy .linkflairlabel {
background: url(%%linkflair%%) no-repeat;
border: 0;
width: 75px;height: 50px;
text-indent: -9999em;
vertical-align: middle;
background-color:transparent;
background-position: 0 0;
}
.linkflair-tarded .linkflairlabel {
background: url(%%linkflair%%) no-repeat;
border: 0;
width: 110px; height: 50px;
text-indent: -9999em;
vertical-align: middle;
background-color:transparent;
background-position: 0 -50px;
}
.linkflair-leaks .linkflairlabel {
background: url(%%linkflair%%) no-repeat;
border: 0;
width: 95px; height: 50px;
text-indent: -9999em;
vertical-align: middle;
background-color:transparent;
background-position: 0 -100px;
}
.linkflair-loweffort .linkflairlabel {
background: url(%%linkflair%%) no-repeat;
border: 0;
width: 134px; height: 50px;
text-indent: -9999em;
vertical-align: middle;
background-color:transparent;
background-position: 0 -150px;
}
.linkflair-meta .linkflairlabel {
background: url(%%linkflair%%) no-repeat;
border: 0;
width: 75px; height: 50px;
text-indent: -9999em;
vertical-align: middle;
background-color:transparent;
background-position: 0 -200px;
}
.linkflair-shitshow .linkflairlabel {
background: url(%%linkflair%%) no-repeat;
border: 0;
width: 165px; height: 50px;
text-indent: -9999em;
vertical-align: middle;
background-color:transparent;
background-position: 0 -250px;
}
.linkflair-politic .linkflairlabel {
background: url(%%linkflair%%) no-repeat;
border: 0;
width: 123px; height: 50px;
text-indent: -9999em;
vertical-align: middle;
background-color:transparent;
background-position: 0 -300px;
}
.flair, .res-nightmode .flair{
display: inline-block;
vertical-align: middle;
padding: 0px !important;
border: 0;
background-color:transparent!important;
}
.flair-america, .flair-gayflag, .flair-transflag, .flair-needle, .flair-banana, .flair-cigarette, .flair-frank, .flair-flag, .flair-dollar, .flair-wheelchair, .flair-pizza, .flair-weed, .flair-rim, .flair-handcuff,
.flair-condom, .flair-diamond, .flair-kiss, .flair-chewing, .flair-martini, .flair-rose, .flair-pbr, .flair-cosmo, .flair-cherrie, .flair-goldsign, .flair-monster, .flair-heel, .flair-goldtooth, .flair-crown, .flair-clover,
.flair-binky, .flair-beer, .flair-cocaine, .flair-desitin, .flair-dickbutt, .flair-brass, .flair-pregnancy, .flair-nazi, .flair-buddha, .flair-biohazard, .flair-toxic, .flair-skull, .flair-drink, .flair-knife, .flair-hydra,
.flair-male, .flair-female, .flair-laden, .flair-gun, .flair-rifle, .flair-regina, .flair-wig, .flair-flower, .flair-dramagoldstar {background: url(%%flairsheet%%); height: 25px; text-indent: -9999em;}
.flair-america {background-position:0 0; width: 25px;}
.flair-gayflag {background-position:0 -25px; width: 35px;}
.flair-transflag{background-position:0 -50px; width: 48px;}
.flair-needle {background-position:0 -75px; width: 50px;}
.flair-banana {background-position:0 -100px; width: 50px;}
.flair-cigarette{background-position:0 -125px; width: 43px;}
.flair-frank {background-position:0 -150px; width: 32px;}
.flair-flag {background-position:0 -175px; width: 40px;}
.flair-dollar {background-position:0 -200px; width: 50px;}
.flair-wheelchair{background-position:0 -225px; width: 25px;}
.flair-pizza {background-position:0 -250px; width: 36px;}
.flair-weed {background-position:0 -275px; width: 25px;}
.flair-rim {background-position:0 -300px; width: 25px;}
.flair-handcuff {background-position:0 -325px; width: 46px;}
.flair-condom {background-position:0 -350px; width: 25px;}
.flair-diamond {background-position:0 -375px; width: 30px;}
.flair-kiss {background-position:0 -400px; width: 33px;}
.flair-chewing {background-position:0 -425px; width: 36px;}
.flair-martini {background-position:0 -450px; width: 19px;}
.flair-rose {background-position:0 -475px; width: 26px;}
.flair-pbr {background-position:0 -500px; width: 48px;}
.flair-cosmo {background-position:0 -525px; width: 18px;}
.flair-cherrie {background-position:0 -550px; width: 23px;}
.flair-goldsign {background-position:0 -575px; width: 23px;}
.flair-monster {background-position:0 -600px; width: 18px;}
.flair-heel {background-position:0 -625px; width: 28px;}
.flair-goldtooth{background-position:0 -650px; width: 47px;}
.flair-crown {background-position:0 -675px; width: 33px;}
.flair-clover {background-position:0 -700px; width: 24px;}
.flair-binky {background-position:0 -725px; width: 26px;}
.flair-beer {background-position:0 -750px; width: 23px;}
.flair-cocaine {background-position:0 -775px; width: 35px;}
.flair-desitin {background-position:0 -800px; width: 50px;}
.flair-dickbutt {background-position:0 -825px; width: 21px;}
.flair-brass {background-position:0 -850px; width: 46px;}
.flair-pregnancy{background-position:0 -875px; width: 50px;}
.flair-nazi {background-position:0 -900px; width: 26px;}
.flair-buddha {background-position:0 -925px; width: 25px;}
.flair-biohazard{background-position:0 -950px; width: 26px;}
.flair-toxic {background-position:0 -975px; width: 25px;}
.flair-skull {background-position:0 -1000px; width: 25px;}
.flair-drink {background-position:0 -1025px; width: 19px;}
.flair-knife {background-position:0 -1050px; width: 50px;}
.flair-hydra {background-position:0 -1075px; width: 25px;}
.flair-male {background-position:0 -1100px; width: 23px;}
.flair-female {background-position:0 -1125px; width: 17px;}
.flair-laden {background-position:0 -1150px; width: 15px;}
.flair-gun {background-position:0 -1175px; width: 34px;}
.flair-rifle {background-position:0 -1200px; width: 50px;}
.flair-regina {background-position:0 -1225px; width: 23px;}
.flair-wig {background-position:0 -1250px; width: 25px;}
.flair-flower {background-position:0 -1275px; width: 34px;}
.flair-dramagoldstar{background-position:0 -1300px; width: 26px;}
.flair-lilp,.flair-pirate,.flair-furry,.flair-wacnews,.flair-cfo,.flair-316,.flair-assy,.flair-velvet,.flair-specialmodcop,.flair-specialmodcop2,.flair-speciallohan,.flair-specialprinceflair,.flair-miranda,.flair-circo,
.flair-cummies,.flair-magyar,.flair-zach, .flair-LSU, .flair-bino, .flair-TRAINS, .flair-serialMom, .flair-badnews, .flair-cummies2, .flair-pablo, .flair-brd, .flair-autism, .flair-incel
{background: url(%%specialflairsheet%%);text-indent: -9999px;}
.flair-lilp {background-position: 0px 0px;width: 50px;height: 50px;}
.flair-pirate {background-position: 0px -50px;width: 29px;height: 27px;}
.flair-furry {background-position: 0px -77px;width: 50px; height: 50px;}
.flair-wacnews {background-position: 0px -128px;width: 93px;height: 75px;}
.flair-cfo {background-position: 0px -203px;width: 70px;height: 100px;}
.flair-316 {background-position: 0px -303px;width: 224px;height: 50px;}
.flair-assy {background-position: 0px -353px;width: 100px;height: 75px;}
.flair-velvet {background-position: 0px -428px;width: 121px;height: 80px;}
.flair-specialmodcop {background-position: 0px -508px;width: 55px;height: 80px;}
.flair-specialmodcop2 {background-position: 0px -588px;width: 49px;height:80px;}
.flair-speciallohan {background-position: 0px -668px;width:93px;height:84px;}
.flair-specialprinceflair {background-position: 0px -753px;width: 102px;height:80px;}
.flair-miranda {background-position: 0px -834px;width: 187px;height:50px;}
.flair-circo {background-position: 0px -909px;width: 77px;height:74px;}
.flair-cummies {background-position: 0px -983px;width: 133px;height:38px;}
.flair-magyar {background-position: 0px -1021px;width: 62px;height:30px;}
.flair-zach {background-position: 0px -1051px;width: 61px;height:50px;}
.flair-LSU {background-position: 0px -1101px;width:53px;height:50px;}
.flair-bino {background-position: -86px 0px;width:88px;height:50px;}
.flair-TRAINS {background-position: 0px -1175px;width:54px;height:50px;}
.flair-serialMom{background-position: -54px -1175px;width:65px;height:50px;}
.flair-badnews {background-position: -150px -667px;width: 74px;height: 86px;}
.flair-cummies2 {background-position: -112px -753px;width: 112px; height: 80px;}
.flair-pablo {background-position: -67px -1051px;width: 70px; height: 50px;}
.flair-brd {background-position: -125px -1175px;width: 51px; height: 50px;}
.flair-autism {background-position: -89px -78px;width:135px;height:50px;}
.flair-incel {background-position: -174px -4px;width:50px;height:46px;}
.flair-strato {
border: 0px;
background-position: 0px -753px;
width: 130px;
height: 73px;
background: url(%%strato%%) no-repeat;
}
.flair-whitegirl {
width: 90px;height: 100px;
background: url(%%white-girl%%) no-repeat;
-webkit-animation: unidan 2s steps(27) infinite;
-moz-animation: unidan 2s steps(27) infinite;
-ms-animation: unidan 2s steps(27) infinite;
-o-animation: unidan 2s steps(27) infinite;
animation: unidan 2s steps(27) infinite;
text-indent: -9999px;
}
@-webkit-keyframes unidan {from { background-position: 0 0px; } to { background-position: 0 -2700px; }}
@-moz-keyframes unidan {from { background-position: 0 0px; } to { background-position: 0 -2700px; }}
@-ms-keyframes unidan {from { background-position: 0 0px; } to { background-position: 0 -2700px; }}
@-o-keyframes unidan {from { background-position: 0 0px; } to { background-position: 0 -2700px; }}
@keyframes unidan {from { background-position: 0 0px; } to { background-position: 0 -2700px; }}
.flair-shitposter {
width: 128px;height: 50px;
background: url(%%animatedsheet%%) no-repeat;
-webkit-animation: shitposter 1s steps(10) infinite;
-moz-animation: shitposter 1s steps(10) infinite;
-ms-animation: shitposter 1s steps(10) infinite;
-o-animation: shitposter 1s steps(10) infinite;
animation: shitposter 1s steps(10) infinite;
text-indent: -9999px;
}
@-webkit-keyframes shitposter {from { background-position: -34px 0px; } to { background-position: -34px -500px; }}
@-moz-keyframes shitposter {from { background-position: -34px 0px; } to { background-position: -34px -500px; }}
@-ms-keyframes shitposter {from { background-position: -34px 0px; } to { background-position: -34px -500px; }}
@-o-keyframes shitposter {from { background-position: -34px 0px; } to { background-position: -34px -500px; }}
@keyframes shitposter {from { background-position: -34px 0px; } to { background-position: -34px -500px; }}
.flair-miley {
width: 115px;height: 100px;
background: url(%%mileysheet%%) no-repeat;
-webkit-animation: miley 5s steps(83) infinite;
-moz-animation: miley 5s steps(83) infinite;
-ms-animation: miley 5s steps(83) infinite;
-o-animation: miley 5s steps(83) infinite;
animation: miley 5s steps(83) infinite;
text-indent: -9999px;
}
@-webkit-keyframes miley{from { background-position: 0 0px; } to { background-position: 0 -8300px; }}
@-moz-keyframes miley {from { background-position: 0 0px; } to { background-position: 0 -8300px; }}
@-ms-keyframes miley {from { background-position: 0 0px; } to { background-position: 0 -8300px; }}
@-o-keyframes miley {from { background-position: 0 0px; } to { background-position: 0 -8300px; }}
@keyframes miley {from { background-position: 0 0px; } to { background-position: 0 -8300px; }}
.flair-miley2 {
width: 90px;height: 100px;
background: url(%%miley2sheet%%) no-repeat;
-webkit-animation: miley2 10s steps(113) infinite;
-moz-animation: miley2 10s steps(113) infinite;
-ms-animation: miley2 10s steps(113) infinite;
-o-animation: miley2 10s steps(113) infinite;
animation: miley2 10s steps(113) infinite;
text-indent: -9999px;
}
@-webkit-keyframes miley2 {from { background-position: 0 0px; } to { background-position: 0 -11300px; }}
@-moz-keyframes miley2 {from { background-position: 0 0px; } to { background-position: 0 -11300px; }}
@-ms-keyframes miley2 {from { background-position: 0 0px; } to { background-position: 0 -11300px; }}
@-o-keyframes miley2 {from { background-position: 0 0px; } to { background-position: 0 -11300px; }}
@keyframes miley2 {from { background-position: 0 0; } to { background-position: 0 -11300px; }}
.flair-birb {
width: 71px;height: 50px;
background: url(%%animatedsheet%%) no-repeat;
-webkit-animation: birb 0.4s steps(5) infinite;
-moz-animation: birb 0.4s steps(5) infinite;
-ms-animation: birb 0.4s steps(5) infinite;
-o-animation: birb 0.4s steps(5) infinite;
animation: birb 0.4s steps(5) infinite;
text-indent: -9999px;
}
@-webkit-keyframes birb {from { background-position: -162px 0px; } to { background-position: -162px -250px; }}
@-moz-keyframes birb {from { background-position: -162px 0px; } to { background-position: -162px -250px; }}
@-ms-keyframes birb {from { background-position: -162px 0px; } to { background-position: -162px -250px; }}
@-o-keyframes birb {from { background-position: -162px 0px; } to { background-position: -162px -250px; }}
@keyframes birb {from { background-position: -162px 0px; } to { background-position: -162px -250px; }}
.flair-ninja {
width: 222px;height: 50px;
background: url(%%ninja%%) no-repeat;
-webkit-animation: ninja 2.5s steps(35) infinite;
-moz-animation: ninja 2.5s steps(35) infinite;
-ms-animation: ninja 2.5s steps(35) infinite;
-o-animation: ninja 2.5s steps(35) infinite;
animation: ninja 2.5s steps(35) infinite;
text-indent: -9999px;
}
@-webkit-keyframes ninja {from { background-position: 0 0px; } to { background-position: 0 -1750px; }}
@-moz-keyframes ninja {from { background-position: 0 0px; } to { background-position: 0 -1750px; }}
@-ms-keyframes ninja {from { background-position: 0 0px; } to { background-position: 0 -1750px; }}
@-o-keyframes ninja {from { background-position: 0 0px; } to { background-position: 0 -1750px; }}
@keyframes ninja {from { background-position: 0 0px; } to { background-position: 0 -1750px; }}
.flair-cocksucker {
width: 208px;height: 34px;
background: url(%%animatedsheet%%) no-repeat;
-webkit-animation: cocksucker 0.7s steps(6) infinite;
-moz-animation: cocksucker 0.7s steps(6) infinite;
-ms-animation: cocksucker 0.7s steps(6) infinite;
-o-animation: cocksucker 0.7s steps(6) infinite;
animation: cocksucker 0.7s steps(6) infinite;
text-indent: -9999px;
}
@-webkit-keyframes cocksucker {from { background-position: -34px -500px; } to { background-position: -34px -704px; }}
@-moz-keyframes cocksucker {from { background-position: -34px -500px; } to { background-position: -34px -704px; }}
@-ms-keyframes cocksucker {from { background-position: -34px -500px; } to { background-position: -34px -704px; }}
@-o-keyframes cocksucker {from { background-position: -34px -500px; } to { background-position: -34px -704px; }}
@keyframes cocksucker {from { background-position: -34px -500px; } to { background-position: -34px -704px; }}
.flair-goat {
width: 34px;height: 32px;
background: url(%%animatedsheet%%) no-repeat;
-webkit-animation: goat 3s steps(27) infinite;
-moz-animation: goat 3s steps(27) infinite;
-ms-animation: goat 3s steps(27) infinite;
-o-animation: goat 3s steps(27) infinite;
animation: goat 3s steps(27) infinite;
text-indent: -9999px;
}
@-webkit-keyframes goat {from { background-position: 0 0px; } to { background-position: 0 -864px; }}
@-moz-keyframes goat {from { background-position: 0 0px; } to { background-position: 0 -864px; }}
@-ms-keyframes goat {from { background-position: 0 0px; } to { background-position: 0 -864px; }}
@-o-keyframes goat {from { background-position: 0 0px; } to { background-position: 0 -864px; }}
@keyframes goat {from { background-position: 0 0px; } to { background-position: 0 -864px; }}
/*EXPANDO BUTTONS*/
.expando-button, .expando-button.image, .expando-button.video-muted {
position: relative;
margin: 2px 6px 2px 0px !important;
width: 16px !important;
height: 16px !important;
border-radius: 2px;
background-color: transparent;
background-image: url(%%spritesheet%%) !important;
border: 1px solid #ccc;
cursor: pointer;
}
.expando-button:hover {
background-color: #369;
border-color: #369;
}
.expando-button.selftext.collapsed {background-position: -32px -32px!important;}
.expando-button.selftext.collapsed:hover {background-position: -48px -32px!important;}
.expando-button.selftext.expanded {background-position: -64px -32px!important;}
.expando-button.selftext.expanded:hover {background-position: -80px -32px!important;}
.expando-button.video.collapsed {background-position: -96px -32px!important;}
.expando-button.video.collapsed:hover {background-position: -112px -32px!important;}
.expando-button.video.expanded {background-position: -64px -32px!important;}
.expando-button.video.expanded:hover {background-position: -80px -32px!important;}
.expando-button.image.collapsedExpando {background-position: -160px -32px!important;}
.expando-button.image.collapsedExpando:hover {background-position: -176px -32px!important;}
.expando-button.image.expanded {background-position: -64px -32px!important;}
.expando-button.image.expanded:hover {background-position: -80px -32px!important;}
.expando-button.image.gallery.collapsedExpando {background-position: -128px -32px!important;}
.expando-button.image.gallery.collapsedExpando:hover{background-position: -144px -32px!important;}
.expando-button.image.gallery.expanded {background-position: -64px -32px!important;}
.expando-button.image.gallery.expanded:hover {background-position: -80px -32px!important;}
.expando-button.video-muted.collapsed {background-position: -208px -32px!important;}
.expando-button.video-muted.collapsed:hover {background-position: -224px -32px!important;}
.expando-button.video-muted.expanded {background-position: -64px -32px!important;}
.expando-button.video-muted.expanded:hover {background-position: -80px -32px!important;}
.linkinfo {
background:white;
border:none;
}
.linkinfo .shortlink input {
border-color:#ccc;
}
/*SIDEBAR*/
.side {
float: right;
margin: 7px 10px 0px 0px;
border-radius: 2px;
width: 300px;
padding: 310px 5px 0 5px;
}
#search input[type=text] {
border: 1px solid #ccc;
font-weight: normal;
text-transform: uppercase;
font-size: 90%;
}
.res-nightmode #search input[type=text] {border: 1px solid #444;}
.account-activity-box, .sidebox.create, .morelink .nub {display: none;}
.morelink {border: none;background: #b40457;}
.morelink:hover, .morelink:focus {background: #d2106c;transition: all 0.3s ease;}
.morelink a, .morelink a:hover, .morelink a:visited, .res-nightmode .morelink a, .res-nightmode .morelink a:hover, .res-nightmode .morelink a:visited {
color: white;
text-decoration:none;
font-weight:normal;
text-transform: uppercase;
font-size:small;
}
/*SUBSCRIBERS REPLACEMENT*/
.titlebox .word { display: none; }
.subscribers .number:after { content: ' drama kweens'; }
.users-online .number:after { content: ' throwing shade right now'; }
body > .side h1.redditname a {display:none;}
input[name=uh] ~ a:after {
position: absolute;
top: 30px;
right: 15px;
width: 300px;
height: 300px!important;
}
.res-navTop input[name=uh] ~ a:after {top: 50px;}
body:not(.loggedin) .side {padding-top: 10px;}
body:not(.loggedin) .side:before {content: url(%%n%%);}
input[name=uh][value^="0"] ~ a:after ~ a:after { content: url('%%0%%'); }
input[name=uh][value^="1"] ~ a:after ~ a:after { content: url('%%1%%'); }
input[name=uh][value^="2"] ~ a:after { content: url('%%2%%'); }
input[name=uh][value^="3"] ~ a:after { content: url('%%3%%'); }
input[name=uh][value^="4"] ~ a:after, input[name=uh][value^="p"] ~ a:after { content: url('%%4%%'); }
input[name=uh][value^="5"] ~ a:after, input[name=uh][value^="q"] ~ a:after { content: url('%%5%%'); }
input[name=uh][value^="6"] ~ a:after, input[name=uh][value^="r"] ~ a:after { content: url('%%6%%'); }
input[name=uh][value^="7"] ~ a:after, input[name=uh][value^="s"] ~ a:after { content: url('%%7%%'); }
input[name=uh][value^="8"] ~ a:after, input[name=uh][value^="t"] ~ a:after { content: url('%%8%%'); }
input[name=uh][value^="9"] ~ a:after, input[name=uh][value^="u"] ~ a:after { content: url('%%9%%'); }
input[name=uh][value^="a"] ~ a:after, input[name=uh][value^="v"] ~ a:after { content: url('%%a%%'); }
input[name=uh][value^="b"] ~ a:after, input[name=uh][value^="w"] ~ a:after { content: url('%%b%%'); }
input[name=uh][value^="c"] ~ a:after, input[name=uh][value^="x"] ~ a:after { content: url('%%c%%'); }
input[name=uh][value^="d"] ~ a:after, input[name=uh][value^="y"] ~ a:after { content: url('%%d%%'); }
input[name=uh][value^="e"] ~ a:after { content: url('%%e%%'); }
input[name=uh][value^="f"] ~ a:after { content: url('%%f%%'); }
input[name=uh][value^="g"] ~ a:after { content: url('%%g%%'); }
input[name=uh][value^="h"] ~ a:after { content: url('%%h%%'); }
input[name=uh][value^="i"] ~ a:after { content: url('%%i%%'); }
input[name=uh][value^="j"] ~ a:after { content: url('%%j%%'); }
input[name=uh][value^="k"] ~ a:after { content: url('%%k%%'); }
input[name=uh][value^="l"] ~ a:after { content: url('%%l%%'); }
input[name=uh][value^="m"] ~ a:after { content: url('%%m%%'); }
input[name=uh][value^="n"] ~ a:after { content: url('%%n%%'); }
input[name=uh][value^="o"] ~ a:after { content: url('%%o%%'); }
input[name=uh][value^="z"] ~ a:after { content: url('%%rare%%'); }
.loggedin .side:before {
content: '';
position: absolute;
top: 140px;
width: 300px; height: 305px;
z-index: 99;
}
/*ANGRYMAIL*/
.side a[href="http://www.reddit.com/r/angrymail"] {
display: inline-block;
width: 300px; height: 240px;
margin-top: 20px;
background: url(%%angrymail%%) no-repeat 0 0;
}
.res-nightmode .side .titlebox{background-color:transparent}
.titlebox form.toggle, .leavemoderator, .icon-menu a {background:transparent;}
.sidecontentbox .content {border:none;}
.titlebox .bottom {border:none;font-size:0%;padding:0;}
/*SUBSCRIBE+SIDEBAR TOGGLES*/
.fancy-toggle-button {margin-left:40px;}
.fancy-toggle-button .add {
font-size: 9px;
border: none !important;
padding:0;
text-transform: uppercase;
transition:0.3s ease all;
background:none;
color:#444;
}
.fancy-toggle-button .remove {
border: none !important;
padding:0;
text-transform: uppercase;
font-size: 9px;
background:none;
color:#b40457;
}
.RESshortcutside {
font-size: 9px !important;
border: none !important;
padding:0;
text-transform: uppercase;
background: none !important;
transition:0.3s ease all;
color:#444!important;
}
.RESshortcutside.remove {
border: none !important;
padding:0!important;
text-transform: uppercase;
font-size: 9px;
background:none;
color:#b40457;
}
.RESDashboardToggle {
font-size: 9px !important;
border: none !important;
padding:0!important;
text-transform: uppercase;
transition:0.3s ease all;
background:transparent!important;
color:#444!important;
}
.RESDashboardToggle.remove {
border: none !important;
padding: 0 !important;
text-transform: uppercase;
font-size: 9px;
background:transparent;
color:#b40457;
}
.fancy-toggle-button.add:hover, .fancy-toggle-button.remove:hover, .RESshortcutside:hover, .RESshortcutside.remove:hover, .RESDashboardToggle:hover, .RESDashboardToggle.remove:hover {color:#d2106c!important;}
/*MOD BUTTON*/
.sidecontentbox .title h1 {display: inline-block;}
.sidecontentbox a.helplink {
margin-bottom: 20px;
width: 300px;
background-color: #b40457;
border: none;
}
.res-nightmode .sidecontentbox a.helplink{background:#444;}
.sidecontentbox a.helplink:hover, .sidecontentbox a.helplink:active{background-color: #d2106c;transition: all 0.3s ease; }
.res-nightmode .sidecontentbox a.helplink:hover, .res-nightmode .sidecontentbox a.helplink:active {background-color: #333;}
.sidecontentbox a.helplink, .sidecontentbox a.helplink:hover, .sidecontentbox a.helplink:active{
color:white;
text-decoration:none;
text-align: center;
font-size: small;
text-transform: uppercase;
line-height: 30px;
}
/*GENERAL BUTTON*/
button{
text-transform:uppercase;
border:none;
border-radius:0px;
background: #b40457;
color:white;
font-size:x-small;
padding: 5px 8px;
}
button:hover, button:active{background:#d2106c;transition: all 0.3s ease;}
/*INTENSIFIES*/
a[href="#intensifies"] {
color: black;
text-transform: uppercase;
display: block;
font-size: 15px;
-webkit-animation: intensify .1s steps(5) infinite;
-moz-animation: intensify .1s steps(5) infinite;
-ms-animation: intensify .1s steps(5) infinite;
-o-animation: intensify .1s steps(5) infinite;
animation: intensify .1s steps(5) infinite;
}
@-webkit-keyframes intensify{0% { margin-left: 0px; } 100% { margin-left: 2px; }}
@-moz-keyframes intensify {0% { margin-left: 0px; } 100% { margin-left: 2px; }}
@-ms-keyframes intensify {0% { margin-left: 0px; } 100% { margin-left: 2px; }}
@-o-keyframes intensify {0% { margin-left: 0px; } 100% { margin-left: 2px; }}
@keyframes intensify {0% { margin-left: 0px; } 100% { margin-left: 2px; }}
a[href="#intensifies"]:before {content: "[";}
a[href="#intensifies"]:after {content: "]";}
/*SPOILERS Your comment should be: "[This is a spoiler sentence.](/spoiler)"*/
a[href$="#spoiler"] {background: black !important;color: black !important}
a[href$="#spoiler"]:hover {color: white !important}
/*Classic Party Parrot*/
.md [href="#partyparrot"] {
background: url(%%parrot%%);
cursor: default;
display: inline-block;
height: 25px;
width: 35px;
-webkit-animation: partyparrot .5s steps(10) infinite;
-moz-animation: partyparrot .5s steps(10) infinite;
-ms-animation: partyparrot .5s steps(10) infinite;
-o-animation: partyparrot .5s steps(10) infinite;
animation: partyparrot .5s steps(10) infinite;
}
@-webkit-keyframes partyparrot {from { background-position: 0 0; } to { background-position: 0 -250px; }}
@-moz-keyframes partyparrot {from { background-position: 0 0; } to { background-position: 0 -250px; }}
@-ms-keyframes partyparrot {from { background-position: 0 0; } to { background-position: 0 -250px; }}
@-o-keyframes partyparrot {from { background-position: 0 0; } to { background-position: 0 -250px; }}
@keyframes partyparrot {from { background-position: 0 0; } to { background-position: 0 -250px; }}
/*Aussie Parrot*/
.md [href="#aussieparrot"] {
background: url(%%parrot%%);
cursor: default;
display: inline-block;
height: 25px;
width: 35px;
-webkit-animation: aussieparrot .5s steps(10) infinite;
-moz-animation: aussieparrot .5s steps(10) infinite;
-ms-animation: aussieparrot .5s steps(10) infinite;
-o-animation: aussieparrot .5s steps(10) infinite;
animation: aussieparrot .5s steps(10) infinite;
}
@-webkit-keyframes aussieparrot {from { background-position: -35px 0; } to { background-position: -35px -250px; }}
@-moz-keyframes aussieparrot {from { background-position: -35px 0; } to { background-position: -35px -250px; }}
@-ms-keyframes aussieparrot {from { background-position: -35px 0; } to { background-position: -35px -250px; }}
@-o-keyframes aussieparrot {from { background-position: -35px 0; } to { background-position: -35px -250px; }}
@keyframes aussieparrot {from { background-position: -35px 0; } to { background-position: -35px -250px; }}
/*Conga Parrot*/
.md [href="#congaparrot"] {
background: url(%%parrot%%);
cursor: default;
display: inline-block;
height: 25px;
width: 30px;
-webkit-animation: congaparrot .5s steps(10) infinite;
-moz-animation: congaparrot .5s steps(10) infinite;
-ms-animation: congaparrot .5s steps(10) infinite;
-o-animation: congaparrot .5s steps(10) infinite;
animation: congaparrot .5s steps(10) infinite;
}
@-webkit-keyframes congaparrot {from { background-position: -70px 0; } to { background-position: -70px -250px; }}
@-moz-keyframes congaparrot {from { background-position: -70px 0; } to { background-position: -70px -250px; }}
@-ms-keyframes congaparrot {from { background-position: -70px 0; } to { background-position: -70px -250px; }}
@-o-keyframes congaparrot {from { background-position: -70px 0; } to { background-position: -70px -250px; }}
@keyframes congaparrot {from { background-position: -70px 0; } to { background-position: -70px -250px; }}
/*Shuffle Parrot*/
.md [href="#shuffleparrot"] {
background: url(%%parrot%%);
cursor: default;
display: inline-block;
height: 25px;
width: 30px;
-webkit-animation: shuffleparrot .5s steps(20) infinite;
-moz-animation: shuffleparrot .5s steps(20) infinite;
-ms-animation: shuffleparrot .5s steps(20) infinite;
-o-animation: shuffleparrot .5s steps(20) infinite;
animation: shuffleparrot .5s steps(20) infinite;
}
@-webkit-keyframes shuffleparrot{from { background-position: -100px 0; } to { background-position: -100px -500px; }}
@-moz-keyframes shuffleparrot {from { background-position: -100px 0; } to { background-position: -100px -500px; }}
@-ms-keyframes shuffleparrot {from { background-position: -100px 0; } to { background-position: -100px -500px; }}
@-o-keyframes shuffleparrot {from { background-position: -100px 0; } to { background-position: -100px -500px; }}
@keyframes shuffleparrot {from { background-position: -100px 0; } to { background-position: -100px -500px; }}
/*SUBMIT PAGE*/
#suggested-reddits, #link-desc, #text-desc, #reddit-field, .roundfield.info-notice {display:none;}
div#link-desc.infobar, div#text-desc.infobar {display:none!important;}
.formtabs-content{border:none;}
.content.submit .info-notice, .roundfield {border:none;background:white; border-radius:0px;}
#newlink .tabmenu.formtab a{
border: 1px solid #d2106c;
margin: 0px -1px;
padding: 5px 40px;
background-color: white;
color: black;
text-transform: uppercase;
letter-spacing: -1px;
}
#newlink .tabmenu.formtab a:hover{
color: #d2106c;
border: 1px solid #d2106c;
transition: all 0.3s ease;
}
#newlink .tabmenu.formtab .selected a {
font-weight:normal;
color: white;
font-size: 100%;
background-color: #d2106c;
border: 1px solid #d2106c;
}
#newlink .tabmenu.formtab .selected a:hover {
color: white;
cursor: default;
}
/*PEPE*/
a[href="/pepe"] {
width: 300px !important;
height: 300px !important;
cursor: default !important;
display: inline-block !important;
background-image: url(%%pepe%%) !important;
background-repeat: no-repeat !important;
background-position: 0 0;
text-align: center !important;
color: white !important;
font-family: Impact !important;
font-size: 24px !important;
text-transform:uppercase;
line-height: 24px !important;
text-shadow: 3px 3px 3px black, -1px -1px 1px black, -1px 1px 1px black, 1px -1px 1px black !important;
overflow: hidden !important;
position: relative !important;
-webkit-animation: pepe 0.2s steps(6) infinite;
-moz-animation: pepe 0.2s steps(6) infinite;
-o-animation: pepe 0.2s steps(6) infinite;
-ms-animation: pepe 0.2s steps(6) infinite;
animation: pepe 0.2s steps(6) infinite;
}
@-webkit-keyframes pepe { from { background-position: 0 0px; } to { background-position: 0 -1800px; }}
@-moz-keyframes pepe { from { background-position: 0 0px; } to { background-position: 0 -1800px; }}
@-ms-keyframes pepe { from { background-position: 0 0px; } to { background-position: 0 -1800px; }}
@-o-keyframes pepe { from { background-position: 0 0px; } to { background-position: 0 -1800px; }}
@keyframes pepe { from { background-position: 0 0px; } to { background-position: 0 -1800px; }}
/*HAMPLANET*/
a[href="/planet"] {
width: 300px !important;
height: 300px !important;
cursor: default !important;
display: inline-block !important;
background-image: url(%%planet%%) !important;
background-repeat: no-repeat !important;
background-position: 0 0;
text-align: center !important;
color: white !important;
font-family: Impact !important;
font-size: 24px !important;
text-transform:uppercase;
line-height: 24px !important;
text-shadow: 3px 3px 3px black, -1px -1px 1px black, -1px 1px 1px black, 1px -1px 1px black !important;
overflow: hidden !important;
position: relative !important;
-webkit-animation: b 6s steps(60) infinite;
-moz-animation: b 6s steps(60) infinite;
-o-animation: b 6s steps(60) infinite;
-ms-animation: b 6s steps(60) infinite;
animation: b 6s steps(60) infinite;
}
@-webkit-keyframes b{from { background-position: 0 0px; }to { background-position: 0 -18000px; }}
@-moz-keyframes b {from { background-position: 0 0px; }to { background-position: 0 -18000px; }}
@-ms-keyframes b {from { background-position: 0 0px; }to { background-position: 0 -18000px; }}
@-o-keyframes b {from { background-position: 0 0px; }to { background-position: 0 -18000px; }}
@keyframes b {from { background-position: 0 0px; }to { background-position: 0 -18000px; }}
/*MR SKELTAL*/
a[href="/doot"] {
width: 300px !important;
height: 300px !important;
cursor: default !important;
display: inline-block !important;
background-image: url(%%doot%%) !important;
background-repeat: no-repeat !important;
background-position: 0 0;
text-align: center !important;
color: white !important;
font-family: Impact !important;
font-size: 24px !important;
text-transform:uppercase;
line-height: 24px !important;
text-shadow: 3px 3px 3px black, -1px -1px 1px black, -1px 1px 1px black, 1px -1px 1px black !important;
overflow: hidden !important;
position: relative !important;
-webkit-animation: doot 2.4s steps(21) infinite;
-moz-animation: doot 2.4s steps(21) infinite;
-o-animation: doot 2.4s steps(21) infinite;
-ms-animation: doot 2.4s steps(21) infinite;
animation: doot 2.4s steps(21) infinite;
}
@-webkit-keyframes doot {from { background-position: 0 0px; }to { background-position: 0 -6300px; }}
@-moz-keyframes doot {from { background-position: 0 0px; }to { background-position: 0 -6300px; }}
@-ms-keyframes doot {from { background-position: 0 0px; }to { background-position: 0 -6300px; }}
@-o-keyframes doot {from { background-position: 0 0px; }to { background-position: 0 -6300px; }}
@keyframes doot {from { background-position: 0 0px; }to { background-position: 0 -6300px; }}
/*AUTISM*/
a[href="/autism"] {
width: 300px !important;
height: 300px !important;
cursor: default !important;
display: inline-block !important;
background-image: url(%%autism%%) !important;
background-repeat: no-repeat !important;
background-position: 0 0;
text-align: center !important;
color: white !important;
font-family: Impact !important;
font-size: 24px !important;
text-transform:uppercase;
line-height: 24px !important;
text-shadow: 3px 3px 3px black, -1px -1px 1px black, -1px 1px 1px black, 1px -1px 1px black !important;
overflow: hidden !important;
position: relative !important;
-webkit-animation: autist 3s steps(29) infinite;
-moz-animation: autist 3s steps(29) infinite;
-o-animation: autist 3s steps(29) infinite;
-ms-animation: autist 3s steps(29) infinite;
animation: autist 3s steps(29) infinite;
}
@-webkit-keyframes autist {from { background-position: 0 0px; }to { background-position: 0 -8700px; }}
@-moz-keyframes autist {from { background-position: 0 0px; }to { background-position: 0 -8700px; }}
@-ms-keyframes autist {from { background-position: 0 0px; }to { background-position: 0 -8700px; }}
@-o-keyframes autist {from { background-position: 0 0px; }to { background-position: 0 -8700px; }}
@keyframes autist {from { background-position: 0 0PX; }to { background-position: 0 -8700px; }}
a[href="/pepe"] em, a[href="/planet"] em, a[href="/doot"] em, a[href="/autism"] em{
font-style: normal !important;
position: absolute !important;
top: 12px !important;
width: 300px !important;
left: 100% !important;
right: 100% !important;
}
a[href="/pepe"] strong, a[href="/planet"] strong, a[href="/doot"] strong, a[href="/autism"] strong {display: none!important;}
/*GREENTEXT*/
a[href$="#gt"],a[href$="#gt"]:visited{color:green !important;cursor:default}a[href$="#gt"]:before{content:">"}
/* WELCOME NP USERS WITH GLORIOUS RAINBOWS*/
body:lang(np)>div,
body:lang(np) .content .sitetable,
body:lang(np) div.side div.spacer > *,
body:lang(np) div.titlebox > *,
body:lang(np) div.titlebox span.fancy-toggle-button,
body:lang(np) #header > div,
body:lang(np) #header-bottom-right > *,
body:lang(np) .error,
body:lang(np) img,
body:lang(np) .infobar,
body:lang(np) label,
body:lang(np) input,
body:lang(np) #userbarToggle,
body:lang(np) #modmail,
body:lang(np) #mail,
body:lang(np).separator,
body:lang(np) .pref-lang,
body:lang(np) .titlebox p.users-online,
body:lang(np) .bottommenu,
body:lang(np) .debuginfo,
body:lang(np) .cloneable {display: none;}
body:lang(np)>div.content,
body:lang(np) div.side,
body:lang(np) div.side div.spacer > div.titlebox,
body:lang(np) div.titlebox > form.usertext,
body:lang(np)>#header,
body:lang(np) #header > #header-bottom-right,
body:lang(np) #header-bottom-right > span.user {display: none;}
body:lang(np) .infobar.welcome { visibility: hidden; margin-left: 99999em; }
body:lang(np) #header { position: static; border: 0; background: none; }
body:lang(np) #header-bottom-right { position: static; margin: 0; padding: 0; background: none; }
body:lang(np) #header-bottom-right form { display: block; padding: 0; margin: 0; height: 100%; width: 100%; position: absolute; top: 0; right: 0; }
body:lang(np) #header-bottom-right form * { display: none; }
body:lang(np) span.user {text-indent: -9999em; background: none;}
body:lang(np) #header-bottom-right a {z-index: 50;}
body:lang(np) .side,body:lang(np) .side div,body:lang(np) .side form, body:lang(np) .side p { float: none; height: 100%; width: 100%; margin: 0; padding: 0; text-align: center; max-width: none; background: none; }
body:lang(np) .side p { position: fixed; bottom: 0; display: block; text-indent: -9999em; line-height: 0px; }
body:lang(np) .content { display:none;}
body:lang(np) a { outline: 0px; }
body:lang(np) {
background-color: white;
background-image: url(%%noparticipation%%);
background-repeat: no-repeat;
background-position:center center;
background-size: auto 100%;
border: 0;
outline: 0;
}
/* chat */
.titlebox .usertext-body .md em a[href^="https://app.orangechat.io"] {
font-style: normal;
display: block;
text-decoration: none;
padding: 12px 12px 12px 12px;
margin: 12px 0;
border-radius: 3px;
text-align: center;
cursor: pointer;
font-size: 1.5em;
border: 1px solid #d93400;
text-shadow: 1px 1px 1px #e73700;
color: #fff;
background-color: #ff5722;
background-image: -webkit-linear-gradient(top, #ff5722 0%, #f63b00 100%);
background-image: linear-gradient(to bottom, #ff5722 0%, #f63b00 100%);
background-image: url(%%logo-white%%), -webkit-linear-gradient(top, #ff5722 0%, #f63b00 100%);
background-image: url(%%logo-white%%), linear-gradient(to bottom, #ff5722 0%, #f63b00 100%);
background-position: 12px center, center center;
background-size: 22px 22px, cover;
background-repeat: no-repeat;
}
.titlebox .usertext-body .md em a[href^="https://app.orangechat.io"]:hover {
background-image: -webkit-linear-gradient(top, #ff5722 0%, #f63b00 100%);
background-image: linear-gradient(to bottom, #ff5722 0%, #f63b00 100%);
background-image: url(%%logo-white%%), -webkit-linear-gradient(top, #ff7043 0%, #f63b00 100%);
background-image: url(%%logo-white%%), linear-gradient(to bottom, #ff7043 0%, #f63b00 100%);
}
a.author[href$="/Br00ce"] {
font-size: 0px !important;
display: inline-block;
vertical-align: bottom;
overflow: hidden;
letter-spacing: -20px;
}
a.author[href$="/Br00ce"]:after {
content: "Br00ce";
font-size: 25px !important;
visibility: visible !important;
display: block;
letter-spacing: normal;
Color: red;
} 画像
- header
link:url(%%header%%)
- strato
link:url(%%strato%%)
- logo
link:url(%%logo%%)
- angrymail
link:url(%%angrymail%%)
- autism
link:url(%%autism%%)
- pepe
link:url(%%pepe%%)
- 1
link:url(%%1%%)
- 0
link:url(%%0%%)
- 3
link:url(%%3%%)
- 2
link:url(%%2%%)
- 5
link:url(%%5%%)
- 4
link:url(%%4%%)
- 7
link:url(%%7%%)
- 6
link:url(%%6%%)
- 9
link:url(%%9%%)
- 8
link:url(%%8%%)
- spritesheet
link:url(%%spritesheet%%)
- doot
link:url(%%doot%%)
- linkflair
link:url(%%linkflair%%)
- white-girl
link:url(%%white-girl%%)
- mileysheet
link:url(%%mileysheet%%)
- animatedsheet
link:url(%%animatedsheet%%)
- specialflairsheet
link:url(%%specialflairsheet%%)
- background
link:url(%%background%%)
- ninja
link:url(%%ninja%%)
- noparticipation
link:url(%%noparticipation%%)
- miley2sheet
link:url(%%miley2sheet%%)
- a
link:url(%%a%%)
- c
link:url(%%c%%)
- b
link:url(%%b%%)
- rare
link:url(%%rare%%)
- d
link:url(%%d%%)
- g
link:url(%%g%%)
- f
link:url(%%f%%)
- i
link:url(%%i%%)
- h
link:url(%%h%%)
- k
link:url(%%k%%)
- j
link:url(%%j%%)
- m
link:url(%%m%%)
- l
link:url(%%l%%)
- o
link:url(%%o%%)
- n
link:url(%%n%%)
- planet
link:url(%%planet%%)
- logo-white
link:url(%%logo-white%%)
- flairsheet
link:url(%%flairsheet%%)
- flair
link:url(%%flair%%)
- parrot
link:url(%%parrot%%)
- e
link:url(%%e%%)
π Rendered by PID 6851 on app-586 at 2017-01-25 01:40:51.295172+00:00 running 6ff73fd country code: JP.