reddit's stories are created by its users

join the community, vote, and change the world.

更に知る ›
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;
} 

画像

π Rendered by PID 6851 on app-586 at 2017-01-25 01:40:51.295172+00:00 running 6ff73fd country code: JP.