Skip to content

Instantly share code, notes, and snippets.

@DrummerHead
Created February 11, 2012 03:34
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save DrummerHead/1795821 to your computer and use it in GitHub Desktop.
Save DrummerHead/1795821 to your computer and use it in GitHub Desktop.
Wroc_badge
<a href='http://wrocloverb.com/' rel='external' id='wroc'>I&#8217;m Speaking at Wroc_love.rb! A fresh Ruby Conference</a>
<!-- Make sure to add this code in a place where its positioned parent renders in the same place as the viewport... try putting it in different places until you see that the dude goes to the right and up of the window -->
#wroc {
width: 182px;
height: 182px;
position: absolute;
top: 1%;
right: 1%;
background-image: url('../img/wroc_love.png'); /* change as needed, get the badges here: http://blog.wrocloverb.com/post/14503359263/badges */
overflow: hidden;
text-indent: -777em;
border-radius: 97px;
border: 6px solid #0e7279; /* may want to change the border color */
box-shadow: 0 0 10px rgba(0, 0, 0, .3);
}
#wroc:hover {
background-color: #94cbbd;
border-color: #94cbbd;
}
@media (max-width: 1237px) { /* The width may change depending on your page's width and behavior; don't add it at first, test your page and see where stuff breaks to know what value to put here. Congratulations! You're fiddling with things related to what I'm going to give my talk about :D */
#wroc {
display: none;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment