use zoom-in / zoom-out cursors to signify favoriting [ci skip]

This commit is contained in:
danielgrippi 2012-05-02 21:02:10 -07:00
parent ab99154a1a
commit 1b92fe7e7f
2 changed files with 15 additions and 12 deletions

View file

@ -14,6 +14,18 @@ body {
float : left;
margin : 10px;
/* expand / contract cursor declarations */
&.x2 .content {
cursor : nw-resize;
cursor : -moz-zoom-out;
cursor : -webkit-zoom-out;
}
.content {
cursor : nwse-resize;
cursor : -moz-zoom-in;
cursor : -webkit-zoom-in;
}
.content {
@include transition(box-shadow);
@include box-shadow(0,1px,3px,rgba(0,0,0,0.2));
@ -26,8 +38,6 @@ body {
.info {
top : 0;
}
cursor : pointer;
}
&:active {
@ -65,7 +75,6 @@ body {
}
.embed-frame {
.thumb {
position : relative;
}
@ -107,14 +116,6 @@ body {
background-image : image_url('buttons/delete_hover.png');
}
}
.fav {
background-image : image_url('buttons/star_not_faved.png');
&.faved, &:hover {
background-image : image_url('buttons/star_faved.png');
}
}
}
.info {
@ -122,6 +123,8 @@ body {
@include box-shadow(0,1px,3px,rgba(0,0,0,0.3));
@include opacity(0.8);
cursor : pointer;
background-color : rgba(255,255,255,0.8);
border-bottom : 1px solid #fff;

View file

@ -36,7 +36,7 @@
{{/if}}
<i class="icon-time timestamp" title="{{created_at}}" rel="tooltip"></i>
<i class="icon-share permalink" title="View Post" rel="tooltip"></i>
<i class="icon-chevron-right permalink" title="View Post" rel="tooltip"></i>
<i class="icon-heart"></i> {{likes_count}}
<i class="icon-retweet"></i> {{reshares_count}}