vitalif-js
/
social-likes-nojq
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

1. Removed unnecessary right margin. 

2. Removed some unnecessary CSS.
3. Fixed dirty angles rendering in Firefox.
4. Urls are always without hashes now.
master
Artem Sapegin 2011-06-06 13:41:54 +04:00
parent 97f71b24ee
commit ae0838adc0
2 changed files with 10 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
social-likes.css
View File

@ -11,9 +11,12 @@
word-spacing: 0; word-spacing: 0;
} }
.social-likes li { .social-likes li {
margin-right: 8px; margin-left: 8px;
white-space: nowrap; white-space: nowrap;
} }
.social-likes li:first-child {
margin-left: 0;
}
.social-likes li:before { .social-likes li:before {
display: none; display: none;
} }
@ -28,7 +31,6 @@
line-height: 18px; line-height: 18px;
-webkit-border-radius: 3px; -webkit-border-radius: 3px;
-moz-border-radius: 3px; -moz-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px; border-radius: 3px;
border: 1px solid #dfdfdf; border: 1px solid #dfdfdf;
outline: none; outline: none;
@ -50,10 +52,11 @@
text-shadow: 0 1px 0 rgba(255, 255, 255, .6); text-shadow: 0 1px 0 rgba(255, 255, 255, .6);
font-weight: bold; font-weight: bold;
border-bottom-color: #ccc; border-bottom-color: #ccc;
/* Gradient transition don’t work yet in any browser. This is for future :) */
-webkit-transition: border .1s ease-in-out, color .2s ease-in-out, background .2s ease-in-out; -webkit-transition: border .1s ease-in-out, color .2s ease-in-out, background .2s ease-in-out;
-moz-transition: border .1s ease-in-out, color .2s ease-in-out, background .2s ease-in-out; -moz-transition: border .1s ease-in-out, color .2s ease-in-out, background .2s ease-in-out;
-o-transition: border .1s ease-in-out, color .2s ease-in-out, background .2s ease-in-out; -o-transition: border .1s ease-in-out, color .2s ease-in-out, background .2s ease-in-out;
transition: border .1s ease-in-out, color .2s ease-in-out, background .2s ease-in-out; transition: border .1s ease-in-out, color .2s ease-in-out, background .2s ease-in-out;
} }
.social-likes li a:hover, .social-likes li a:active { .social-likes li a:hover, .social-likes li a:active {
background: #e0e0e0; background: #e0e0e0;
@ -89,7 +92,7 @@
} }
.social-likes li b i { .social-likes li b i {
display: block; display: block;
border: 6px solid transparent; border: 6px inset transparent; /* inset fixes strange artefacts in Firefox */
border-left: 0; border-left: 0;
border-right: 6px solid #dfdfdf; border-right: 6px solid #dfdfdf;
width: 0; width: 0;
@ -99,7 +102,7 @@
left: -6px; left: -6px;
} }
.social-likes li b i i { .social-likes li b i i {
border: 5px solid transparent; border: 5px inset transparent; /* inset fixes strange artefacts in Firefox */
border-left: 0; border-left: 0;
border-right: 5px solid #fff !important; border-right: 5px solid #fff !important;
top: -5px; top: -5px;
@ -116,7 +119,6 @@
background: rgba(0, 0, 0, .75); background: rgba(0, 0, 0, .75);
-webkit-border-radius: 5px; -webkit-border-radius: 5px;
-moz-border-radius: 5px; -moz-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px; border-radius: 5px;
color: #fff; color: #fff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, .3); text-shadow: 0 -1px 0 rgba(0, 0, 0, .3);

4
social-likes.js
View File

@ -4,7 +4,7 @@
* *
* Sharing buttons for Russian and worldwide social networks. * Sharing buttons for Russian and worldwide social networks.
* *
* @version 1.2 * @version 1.2.1
* @requires jQuery 1.4 * @requires jQuery 1.4
* @author Artem Sapegin * @author Artem Sapegin
* @copyright 2011 Artem Sapegin (sapegin.ru) * @copyright 2011 Artem Sapegin (sapegin.ru)
@ -19,7 +19,7 @@
socialLikes.prototype = { socialLikes.prototype = {
init: function() { init: function() {
this.pageUrl = window.location.href; this.pageUrl = window.location.href.replace(window.location.hash, '');
this.container = $('.social-likes'); this.container = $('.social-likes');
var this_ = this; var this_ = this;
this.counters = {}; this.counters = {};