Skip to content

Instantly share code, notes, and snippets.

@lean8086
Last active December 14, 2015 04:19
Show Gist options
  • Save lean8086/5027705 to your computer and use it in GitHub Desktop.
Save lean8086/5027705 to your computer and use it in GitHub Desktop.
.reblogr {
position: absolute;
right: 5px;
top: 5px;
}
.reblogr a {
background-color: rgba(0, 0, 0, 0.5);
float: left;
margin-left: 3px;
padding: 0 5px;
border-radius: 3px;
z-index: 999;
font: 14px Arial, sans-serif;
font-weight: bold;
height: 32px;
line-height: 32px;
text-align: center;
min-width: 21px;
-webkit-transition: all 200ms ease;
transition: all 200ms ease;
}
.reblogr a,
.reblogr a:hover,
.reblogr a:active,
.reblogr a:visited {
color: white;
text-decoration: none;
}
.reblogr a:hover {
background-color: rgba(0, 0, 0, 0.75);
}
.reblogr-reblog,
.reblogr-like {
background-image: url(http://static.tumblr.com/tpqedpr/Zbmm9zw4y/master.png);
}
.reblogr-reblog {
background-position: 2px -57px;
}
.reblogr-reblog:hover {
background-position: -29px -57px;
}
.reblogr-like {
background-position: 2px 0;
}
.reblogr-like:hover {
background-position: -27px 0;
}
<div class="reblogr">
<a class="reblogr-notes" href="{Permalink}">{NoteCount}</a>
<a class="reblogr-reblog" href="http://www.tumblr.com/reblog/{PostID}/xDjDBBhs" target="_blank"></a>
<a class="reblogr-like" href="{Permalink}"></a>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment