diff --git a/contrib/css/livejournal.css b/contrib/css/livejournal.css new file mode 100644 index 0000000..4a13b8e --- /dev/null +++ b/contrib/css/livejournal.css @@ -0,0 +1,29 @@ +/** Author: Artem Sapegin, http://sapegin.me, 2012 */ +.social-likes__button_livejournal { + background: #cadcf3; + background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(1, #cadcf3)); + background: -webkit-linear-gradient(top, #fff 0%, #cadcf3 100%); + background: -moz-linear-gradient(top, #fff 0%, #cadcf3 100%); + background: -o-linear-gradient(top, #fff 0%, #cadcf3 100%); + background: -ms-linear-gradient(top, #fff 0%, #cadcf3 100%); + background: linear-gradient(top, #fff 0%, #cadcf3 100%); + color: #5183b4; + border-color: rgba(182,216,246,0.8); + border-bottom-color: rgba(131,154,175,0.8); +} +.social-likes__button_livejournal:hover { + background: #dce2f5; + background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ecf1f7), color-stop(1, #bad2f0)); + background: -webkit-linear-gradient(top, #ecf1f7 0%, #bad2f0 100%); + background: -moz-linear-gradient(top, #ecf1f7 0%, #bad2f0 100%); + background: -o-linear-gradient(top, #ecf1f7 0%, #bad2f0 100%); + background: -ms-linear-gradient(top, #ecf1f7 0%, #bad2f0 100%); + background: linear-gradient(top, #ecf1f7 0%, #bad2f0 100%); + color: #253759; + border-color: #b7cfe4; + border-bottom-color: #9caebe; +} +.social-likes__icon_livejournal { + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAABBVBMVEUAAAAAM2bAwMD///9uodQaSH+FYnt+X3eOZXx6XHYOMWCDYXtDYYVLao87UnkeS4IzUHhVcJNYjMA6apmZzvkkUYc1V38pXZRfkcKd0Pyh1f+YzfklUYcjQWwtXpBwpNhLfrFPgbKbzfqh1P+azvooVIoVPWtrn9Kl2f9KfbBRg7Sazfqi1f+ZzfonU4gdSoFpndBMf7JPgrOazfum2f+f1P8vW5IbSoFpntFNgLRNf7B/s+Z8telek8UAJVtonM9wo9ZEerBJZH6Jioe2o4qLhX0XRXxqndBalM53hI3/1pj/2Z7fuZEXRn1OicOIjY7/15r/zpr/05t7enzkwZP/1pzwypnA4MqSAAAAAXRSTlMAQObYZgAAAJJJREFUeF5EyyEPglAYheHzMi7eO6cJm82MTYO/3WbUaDTi6GzQ2Mf4BvBupzzbQUKSaSkTcXcQG1AMqSOxgvKi1T4dWSH0dgmnUM4CosT7m4M4M/czv1jdxDpOVUjyXflWTL3NQdz53Fxe5iDyB97TsnFggf9/2CEAZChEZDcbGDDAPAFiBAG1rAbSCBEEhSwIAHICG8xK35H0AAAAAElFTkSuQmCC"); + background-position: 2px 2px; +} diff --git a/contrib/github.html b/contrib/github.html index 2c7e77c..ebebd40 100644 --- a/contrib/github.html +++ b/contrib/github.html @@ -3,7 +3,7 @@ Social Likes GitHub button - + diff --git a/src/styles/classic/icons/livejournal.png b/contrib/icons/livejournal.png similarity index 100% rename from src/styles/classic/icons/livejournal.png rename to contrib/icons/livejournal.png diff --git a/contrib/livejournal.html b/contrib/livejournal.html new file mode 100644 index 0000000..23385f3 --- /dev/null +++ b/contrib/livejournal.html @@ -0,0 +1,49 @@ + + + + + Social Likes LiveJournal button + + + + + + + + + + +

LiveJournal button

+ + + + + + + diff --git a/contrib/styles/livejournal.styl b/contrib/styles/livejournal.styl new file mode 100644 index 0000000..9279493 --- /dev/null +++ b/contrib/styles/livejournal.styl @@ -0,0 +1,24 @@ +/** Author: Artem Sapegin, http://sapegin.me, 2012 */ + +@import "nib/gradients" +@import "nib/vendor"; + +// Livejournal +.social-likes__button_livejournal { + background:#cadcf3; + background:linear-gradient(top, #fff, #cadcf3); + color:#5183b4; + border-color:hsla(208,78%,84%,.8); + border-bottom-color:hsla(209,22%,60%,.8); +} +.social-likes__button_livejournal:hover { + background:#dce2f5; + background:linear-gradient(top, #ecf1f7, #bad2f0); + color:#253759; + border-color:#b7cfe4; + border-bottom-color:#9caebe; +} +.social-likes__icon_livejournal { + background-image:embedurl('../icons/livejournal.png'); + background-position:2px 2px; +} diff --git a/src/Gruntfile.js b/src/Gruntfile.js index 0b23702..fa84a66 100644 --- a/src/Gruntfile.js +++ b/src/Gruntfile.js @@ -40,7 +40,8 @@ module.exports = function(grunt) { }, contrib: { files: { - '../contrib/css/github.css': '../contrib/styles/github.styl' + '../contrib/css/github.css': '../contrib/styles/github.styl', + '../contrib/css/livejournal.css': '../contrib/styles/livejournal.styl' }, options: { 'urlfunc': 'embedurl', diff --git a/src/demo.html b/src/demo.html index c453913..9d4f84a 100644 --- a/src/demo.html +++ b/src/demo.html @@ -30,7 +30,6 @@ body {
  • Вконтакте
  • Одноклассники
  • Google+
    • -
  • LiveJournal
  • Pinterest
    • @@ -43,7 +42,6 @@ body {
  • Вконтакте
  • Одноклассники
  • Google+
    • -
  • LiveJournal
  • Pinterest
    • @@ -59,7 +57,6 @@ body {
  • Вконтакте
  • Одноклассники
  • Google+
    • -
  • LiveJournal
  • Pinterest
    • @@ -73,7 +70,6 @@ body {
  • Вконтакте
  • Одноклассники
  • Google+
    • -
  • LiveJournal
  • Pinterest
    • @@ -95,7 +91,6 @@ body {
  • Вконтакте
  • Одноклассники
  • Google+
    • -
  • LiveJournal
  • Pinterest

    • Icons only

    @@ -116,7 +110,6 @@ body {
  • -
  • @@ -128,7 +121,6 @@ body {
  • -
  • diff --git a/src/social-likes.js b/src/social-likes.js index bba411b..f9bcafe 100644 --- a/src/social-likes.js +++ b/src/social-likes.js @@ -101,30 +101,6 @@ var services = { popupWidth: 700, popupHeight: 500 }, - livejournal: { - click: function(e) { - var form = this._livejournalForm; - if (!form) { - var html = this.options.pageHtml - .replace(/&/g, '&') - .replace(/"/g, '"'); - form = $(template( - '
    ' + - '' + - '' + - '' + - '
    ', - { - title: this.options.pageTitle, - html: html - } - )); - this.widget.append(form); - this._livejournalForm = form; - } - form.submit(); - } - }, pinterest: { counterUrl: 'http://api.pinterest.com/v1/urls/count.json?url={url}&callback=?', convertNumber: function(data) { diff --git a/src/styles/classic/index.styl b/src/styles/classic/index.styl index f6668f7..3c0bd7d 100644 --- a/src/styles/classic/index.styl +++ b/src/styles/classic/index.styl @@ -347,27 +347,6 @@ } -// Livejournal -.social-likes__button_livejournal { - background:#cadcf3; - background:linear-gradient(top, #fff, #cadcf3); - color:#5183b4; - border-color:hsla(208,78%,84%,.8); - border-bottom-color:hsla(209,22%,60%,.8); -} -.social-likes__button_livejournal:hover { - background:#dce2f5; - background:linear-gradient(top, #ecf1f7, #bad2f0); - color:#253759; - border-color:#b7cfe4; - border-bottom-color:#9caebe; -} -.social-likes__icon_livejournal { - background-image:embedurl('icons/livejournal.png'); - background-position:2px 2px; -} - - // Pinterest .social-likes__button_pinterest { padding-left:20px; diff --git a/src/styles/flat/index.styl b/src/styles/flat/index.styl index 987025d..745f04d 100644 --- a/src/styles/flat/index.styl +++ b/src/styles/flat/index.styl @@ -31,6 +31,8 @@ font-size:18px; font-weight:bold; color:#fff; + -webkit-font-smoothing:antialiased; + -moz-osx-font-smoothing:grayscale; // transition:border .1s ease-in-out, color .2s ease-in-out; }