diff --git a/src/demo.html b/src/demo.html index 34a5fb3..48b8056 100644 --- a/src/demo.html +++ b/src/demo.html @@ -21,7 +21,7 @@
  • Одноклассники
  • Google+
  • LiveJournal
  • -
  • Pinterest
  • +
  • Pinterest
  • Код
  • diff --git a/src/icons/pinterest.png b/src/icons/pinterest.png index 236b44d..bc0b441 100644 Binary files a/src/icons/pinterest.png and b/src/icons/pinterest.png differ diff --git a/src/icons/twitter.png b/src/icons/twitter.png index e97b801..48eeec1 100644 Binary files a/src/icons/twitter.png and b/src/icons/twitter.png differ diff --git a/src/social-likes.js b/src/social-likes.js index 2aa42f3..74f5177 100644 --- a/src/social-likes.js +++ b/src/social-likes.js @@ -180,13 +180,13 @@ var services = { } }, pinterest: { - counterUrl: "http://api.pinterest.com/v1/urls/count.json?url={url}&callback=?", + counterUrl: 'http://api.pinterest.com/v1/urls/count.json?url={url}&callback=?', convertNumber: function(data) { return data.count; }, - popupUrl: "http://pinterest.com/pin/create/button/?url={url}&description={title}", - popupHeight: 320, - popupWidth: 800 + popupUrl: 'http://pinterest.com/pin/create/button/?url={url}&description={title}', + popupWidth: 630, + popupHeight: 270 } }; diff --git a/src/styles/styles.styl b/src/styles/styles.styl index 68fca4d..9a500d2 100644 --- a/src/styles/styles.styl +++ b/src/styles/styles.styl @@ -400,25 +400,32 @@ // Pinterest -.social-likes__icon_pinterest { - height: 22px; - width: 63px; - background-repeat: no-repeat; - background-image:embedurl('../icons/pinterest.png'); -} -.social-likes__widget_pinterest { - color: #fff; - border-color:#fff; -} .social-likes__button_pinterest { - width: 38px; + padding-left:20px; + background:#eee; + background:linear-gradient(top, #fefefe, #d3d3d3); + color:hsl(355,77%,44%); + border-color:#bbb; + border-color:hsla(0,0%,73%,.8); + border-bottom-color:hsla(0,0%,60%,.8); +} +.social-likes__button_pinterest:hover { + background:#efefef; + background:linear-gradient(top, #fff, #d9d9d9); + color:hsl(355,80%,42%); + border-color:hsla(0,0%,73%,.6); + border-bottom-color:hsla(0,0%,60%,.6); +} +.social-likes__icon_pinterest { + background-image:embedurl('../icons/pinterest.png'); + background-position:2px 1px; } .social-likes__counter_pinterest { - background: #ffeaea; - border-color: #f78080; + background:hsl(355,100%,98%); + border-color:hsl(355,70%,80%); } .social-likes__counter_pinterest:after { - border-right-color: #ffeaea; + border-right-color:hsl(355,100%,98%); }