Skip to content

Instantly share code, notes, and snippets.

@h-collector
Created May 13, 2014 22:29
Show Gist options
  • Save h-collector/ab09993aa6dc61e98312 to your computer and use it in GitHub Desktop.
Save h-collector/ab09993aa6dc61e98312 to your computer and use it in GitHub Desktop.
CSS NSFW tag filter for Soup.io mypage
.post_image .imagecontainer{
margin: 0 auto;
background:#fff;
cursor:pointer;
}
.tag-nsfw .imagecontainer img{
opacity:0.1
}
.tag-nsfw .imagecontainer:hover img {
opacity:1.0
}
.tag-nsfw {
position: relative;
}
.content.tag-nsfw:after {
content: 'NSFW';
background:#000;
color:red;
font-size:200%;
padding: 8px;
position: absolute;
left: 40%;
top: 50%;
white-space: nowrap;
z-index: 20;
border-radius: 5px;
box-shadow: 0px 0px 4px #222;
background:rgba(0,0,0, 0.8);
}
.content.tag-nsfw:hover:after{
display:none;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment