diff --git a/social-likes.css b/social-likes.css index 39208d9..f335514 100644 --- a/social-likes.css +++ b/social-likes.css @@ -1,66 +1,499 @@ /* Social Likes Artem Sapegin - http://sapegin.github.com/social-likes - Licensed MIT */ -.social-likes,.social-likes__widget{display:inline-block;vertical-align:middle;line-height:20px;margin:2px 0;padding:0;word-spacing:0;font-size:14px} -.social-likes{margin-right:-8px;line-height:26px;list-style:none;*zoom:1;} -.social-likes__widget{position:relative;*zoom:1;*display:inline;margin-right:8px;white-space:nowrap} -.social-likes__widget:before{display:none} -.social-likes__button,.social-likes__counter,.social-likes__balloon,.social-likes__balloon__code{font-family:"Trebuchet MS","Helvetica Neue",Tahoma,sans-serif;font-size:14px;text-rendering:optimizeLegibility} -.social-likes__button,.social-likes__counter{display:inline-block;*display:inline;*float:left;margin:0;line-height:18px;border-width:1px;border-style:solid;border-radius:3px;outline:0} -.social-likes__button{position:relative;padding:1px 4px 1px 20px;font-weight:bold;text-shadow:0 1px 0 rgba(255,255,255,0.6);-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.05);box-shadow:0 1px 1px rgba(0,0,0,0.05);-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;-ms-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;cursor:pointer;user-select:none} -.social-likes__icon{position:absolute;top:0;left:0;width:20px;height:20px;background-repeat:no-repeat} -.social-likes__counter{position:relative;margin-left:7px;padding:1px 4px;font-weight:normal;color:#666;color:rgba(0,0,0,0.5);cursor:default} -.social-likes__counter:before,.social-likes__counter:after{content:"";position:absolute;width:0;height:0} -.social-likes__counter:before{top:4px;left:-6px;border:6px inset transparent;border-left:0;border-right:6px solid;border-right-color:inherit;opacity:.7} -.social-likes__counter:after{top:5px;left:-4px;border:5px inset transparent;border-left:0;border-right:5px solid} -.social-likes__close{position:absolute;right:0;top:0;padding:2px 4px;font:16px Verdana,Geneva,Tahoma,sans-serif;color:#999;cursor:pointer} -.social-likes__close:hover{color:#111} -.social-likes__close:before{display:none} -.social-likes_vertical{margin-right:0;} -.social-likes_vertical .social-likes__widget{display:block;margin-bottom:8px;margin-right:0} -.social-likes_single-w{position:relative;display:inline-block} -.social-likes_single{position:absolute;display:none;top:-19px;left:-15px;padding:15px 15px 9px 15px;background:#fff;text-align:left;-webkit-box-shadow:0 0 15px rgba(0,0,0,0.3);box-shadow:0 0 15px rgba(0,0,0,0.3);z-index:99999} -.social-likes__button_single{position:relative;padding-left:19px;background:#e2e2e2;background:-webkit-linear-gradient(top, #f7f7f7, #e2e2e2);background:-moz-linear-gradient(top, #f7f7f7, #e2e2e2);background:-ms-linear-gradient(top, #f7f7f7, #e2e2e2);background:-o-linear-gradient(top, #f7f7f7, #e2e2e2);background:linear-gradient(top, #f7f7f7, #e2e2e2);color:#444;border-color:#ccc;border-color:rgba(179,179,179,0.8);border-bottom-color:rgba(153,153,153,0.8)} -.social-likes__button_single:hover{background:#f4f4f4;background:-webkit-linear-gradient(top, #f0f0f0, #cfcfcf);background:-moz-linear-gradient(top, #f0f0f0, #cfcfcf);background:-ms-linear-gradient(top, #f0f0f0, #cfcfcf);background:-o-linear-gradient(top, #f0f0f0, #cfcfcf);background:linear-gradient(top, #f0f0f0, #cfcfcf);color:#222;border-color:#bbb;border-bottom-color:#9f9f9f} -.social-likes__icon_single{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAplJREFUeNpMkl9IU2EYxp/zt50NxU3bnNYMLEANVQoCvYmJgQyI8Mbwxju9KlSEVClE8G4iiOq1oBhDoRQIQiTGCEMYkoyIMmyItrbh3Dk7/8/X2QmiB96bD37v9z4PD0UIoaPb0ZcZPfPUgBGgQFm6pUM3dZTFMRw4mgMBoVmwvwN84PXok9FXTJpLj2nXtTGNaDc0SnMRlgjeCq/gq/QJ/iq/IFmSkFNzAhi4LMryFeni3e232xzrueXpk1TJZ4NgORZ9bX3ovt2N/7X3bQ+7qV2IsghapX3CTSHCXqqXzSZrguIoTIen0VjdiLPCGRI/Ew7UFepyFqUyKcRP4nBTbqia2sSWtBLJy3lMPJpwoJ0vO1j8uAhJkxxw42gDbbVtSP1KOV5VQwXRCWFDvpC1GllFjacGWSmL+fg86irrsBBZAAFBNB5F4jQBN+dGUSvCTg6cwRGaoRlShsraP9lHRspg+MEwmv3NaPG3YPDeIEpGCV7Bi6ZAkzM8y4M9PD2keld7QfEU7NTg5t0oyIV/wRSVIi6uLjATnkHPnR7nberNlMUqhgJFVkBbNOzvHQ9zH+aQlbMghGD5YBm1FbUIN4ZhmAZixzGkc2mwpmkSjuJgEQsMGEw+nMRacg3j78ad7eWTlyJLsC1hPbmOka0RBPmgAwIGIOoiBu4PoL+135nkeRIUKLQH250Fm0ebmH0/i4aqBliKZYOG+R0mfAIrYCu5BVmVMdQ5hI5ghwOkC2msJFYQ+xyDh/aAmASmbv6gQo9Dz6o7q1/YcJAwBHYhnH7WuP8mnS1lnd56r3kBgrLO85/yC0zr89aD3HFOp3k6QAzCuIjrijEZsSSVRKWkiLzFiy7LJVqaJZuK+VU+k1fqO+ujfwQYAFtLOreC/KO5AAAAAElFTkSuQmCC");background-position:2px 3px} -.social-likes__counter_single{background:#f6f6f6;border-color:#ddd} -.social-likes__counter_single:after{border-right-color:#f6f6f6} -.social-likes__button_facebook{padding-left:19px;background:#eceef5;background:-webkit-linear-gradient(top, #fff, #d8def4);background:-moz-linear-gradient(top, #fff, #d8def4);background:-ms-linear-gradient(top, #fff, #d8def4);background:-o-linear-gradient(top, #fff, #d8def4);background:linear-gradient(top, #fff, #d8def4);color:#3b5998;border-color:#cad4e7;border-color:rgba(202,212,231,0.8);border-bottom-color:rgba(189,194,203,0.8)} -.social-likes__button_facebook:hover{background:#c0cdf3;background:-webkit-linear-gradient(top, #f2f3f7, #c0cdf3);background:-moz-linear-gradient(top, #f2f3f7, #c0cdf3);background:-ms-linear-gradient(top, #f2f3f7, #c0cdf3);background:-o-linear-gradient(top, #f2f3f7, #c0cdf3);background:linear-gradient(top, #f2f3f7, #c0cdf3);color:#253860;border-color:#b4bfd4;border-bottom-color:#b3b7bf} -.social-likes__icon_facebook{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAMAAAAolt3jAAAAFVBMVEVheaw7WZhgeKvr7vT///9FYp5thLQcmmHvAAAAN0lEQVR42oXPAQYAMAxD0W5Jd/8jrzUmwuyjPAKNGFJLu5wghSVl40VWMgZIwMZf5jqRddJoL2yDCwGTID+dDQAAAABJRU5ErkJggg==");background-position:3px 3px} -.social-likes__counter_facebook{background:#f2f3f7;border-color:#cad4e7} -.social-likes__counter_facebook:after{border-right-color:#f2f3f7} -.social-likes__button_twitter{padding-left:19px;background:#d5e6ef;background:-webkit-linear-gradient(top, #fff, #d5e6ef);background:-moz-linear-gradient(top, #fff, #d5e6ef);background:-ms-linear-gradient(top, #fff, #d5e6ef);background:-o-linear-gradient(top, #fff, #d5e6ef);background:linear-gradient(top, #fff, #d5e6ef);color:#186487;border-color:#a4cce5;border-color:rgba(164,204,229,0.8);border-bottom-color:rgba(158,186,204,0.8)} -.social-likes__button_twitter:hover{background:#bfdfed;background:-webkit-linear-gradient(top, #f2f8fc, #bfdfed);background:-moz-linear-gradient(top, #f2f8fc, #bfdfed);background:-ms-linear-gradient(top, #f2f8fc, #bfdfed);background:-o-linear-gradient(top, #f2f8fc, #bfdfed);background:linear-gradient(top, #f2f8fc, #bfdfed);color:#0b3752;border-color:#9cbbcf;border-bottom-color:#68a0c4} -.social-likes__icon_twitter{background-image:url("data:image/png;base64,AAABAAEAEBAAAAEAIABoBAAAFgAAACgAAAAQAAAAIAAAAAEAIAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAAAAD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wz///8f////H////x////8Y////B////wD///8A////AP///wD///8A////AP///wD///8A////A////yj7789g9tV+ofbVfqH21X6h+N+eifz03lf///8o////A////wD///8A////AP///wD///8A////APr37g/PsGCftogQ7r2JAP/bnwD/7qwA/+6sAP/urAD/9Mtftv357z////8D////AP///wD///8A////AP///wD///8A////AP///w/57c5a88VQwu6sAP/urAD/7qwA/+6sAP/xvDDb/fnvP////wD///8A////AP///wD///8A////AP///wDz5L5X7bgv2+6sAP/urAD/7qwA/+6sAP/urAD/7qwA//G8MNv///8Y////AP///wD///8A////AP///wD///8M9NN+n+6wD/PurAD/7qwA/+6sAP/urAD/7qwA/+6sAP/urAD/9Nyegf///wD///8A////AP///wD///8A+O3PVu6wD/PurAD/7qwA/+6sAP/urAD/7qwA/+6sAP/urAD/7qwA//G8MNv///8A////AP///wD///8A////ANasQMXurAD/7qwA/+qpAP/YnAD/1JkA/+6sAP/urAD/7qwA/+6sAP/urAD/////FP///wD///8A////AP///wDz255+7qwA/9icAP+6ixDuz7Bgn9m8b5TurAD/7qwA/+6sAP/urAD/7qwA//jkr3j///8M////AP///wD///8A47Y/ysmRAP/PsGCf+vfuD////wDw584w46QA/+6sAP/urAD/7qwA/9+hAP/orA/z9OrPQv///wD///8A////AMypT7Hhz55g////AP///wD///8A////AMOaL9DMlAD/0JYA/8mRAP/FoEC/vpIf4OPQnmL///8A////AP///wD69+4P////AP///wD///8A////AP///wD69+4P3ceOcNi/foHhz55g////APr37g/69+4P////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A//8AAP//AAD//wAA8P8AAMA/AAD4HwAA8A8AAOAHAADgBwAAwAcAAOAHAADHAwAA3wMAAP/fAAD//wAA//8AAA==");background-position:2px 3px} -.social-likes__counter_twitter{background:#f2f8fc;border-color:#a4cce5} -.social-likes__counter_twitter:after{border-right-color:#f2f8fc} -.social-likes__button_plusone{padding-left:12px;background:#e4e4e4;background:-webkit-linear-gradient(top, #f5f5f5, #e4e4e4);background:-moz-linear-gradient(top, #f5f5f5, #e4e4e4);background:-ms-linear-gradient(top, #f5f5f5, #e4e4e4);background:-o-linear-gradient(top, #f5f5f5, #e4e4e4);background:linear-gradient(top, #f5f5f5, #e4e4e4);color:#da573b;border-color:#bbb;border-color:rgba(204,204,204,0.8);border-bottom-color:rgba(179,179,179,0.8)} -.social-likes__button_plusone:hover{background:#f4f4f4;background:-webkit-linear-gradient(top, #f9f9f9, #f0f0f0);background:-moz-linear-gradient(top, #f9f9f9, #f0f0f0);background:-ms-linear-gradient(top, #f9f9f9, #f0f0f0);background:-o-linear-gradient(top, #f9f9f9, #f0f0f0);background:linear-gradient(top, #f9f9f9, #f0f0f0);color:#cd4427;border-color:#ddd;border-bottom-color:#ccc} -.social-likes__icon_plusone{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAPCAMAAADqIa48AAAA1VBMVEX////w8PDaVzv6+vr29vbijXveaU/s5uXcalHmqp3p5eTfeGLnoJH77erw6ujcYUX39PTlinfhiHXfbVPxysLaWT3u6urbWz/t6enx6efggm78/PzutKfdZUvecVjq4d/kraHcYUb02NLjgWvcZ03gkH7fiXbcYkf33df4+Pj44dzxxLrebVXmu7Lw8PDgdFzgfGbo4+LssqXccVnl1tPcmozdemTcdFznlILaWTzcaE/kzsrik4L48fDsq53219Hhd2DdclvaVzr57Orj09Dqp5jl2daL4EW+AAAAAnRSTlMA+MX1txYAAACPSURBVHheDMC3DYAwAETRz4FFzkFEuaBmB8T+U7in8AbwyNIu189UJEW47TrKEOoGaLUCPcCgcULRDBheD88FxLpBeAuLdRCc1n1jBIIbDAyMmkBa7M8hBjDQ03cyMGSAACMnJ2MTBgZGU0bGc8aMnD8YjzKxs5/5f4btCAcbAwMjAxAwOLM5uTBAgauTGwBNlBSKiV4UqwAAAABJRU5ErkJggg==");background-position:0 6px} -.social-likes__counter_plusone{background:#f9f9f9;border-color:#d2d2d2} -.social-likes__counter_plusone:after{border-right-color:#f9f9f9} -.social-likes__button_mailru{padding-left:18px;background:#004584;background:-webkit-linear-gradient(top, #5d90ba, #004584);background:-moz-linear-gradient(top, #5d90ba, #004584);background:-ms-linear-gradient(top, #5d90ba, #004584);background:-o-linear-gradient(top, #5d90ba, #004584);background:linear-gradient(top, #5d90ba, #004584);color:#fff;color:rgba(255,255,255,0.95);border-color:#1e65a5;border-color:rgba(11,84,153,0.8);border-bottom-color:rgba(3,27,48,0.8);text-shadow:0 -1px 0 rgba(0,0,0,0.3)} -.social-likes__button_mailru:hover{background:#001e5d;background:-webkit-linear-gradient(top, #618cae, #001e5d);background:-moz-linear-gradient(top, #618cae, #001e5d);background:-ms-linear-gradient(top, #618cae, #001e5d);background:-o-linear-gradient(top, #618cae, #001e5d);background:linear-gradient(top, #618cae, #001e5d);color:#fff;color:rgba(255,255,255,0.99);border-color:#094984;border-bottom-color:#031b30} -.social-likes__icon_mailru{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAl1JREFUeNp8k21IU2EYhi81NVsYKn6iuaUpGpYgEkW/KsCyCCGgEEOKrACS6H+IIVJIUJSZYoauoMokwahUK5riEtEwzVErm6kt21Rzc1u69ZyYMRN84eKcw/Pxvvf9nBdWWYs9bFwt7vdfcghQKBQJmT4hg3BHuB6QzdyKYinUeDw88/MjxfgNQ/cA5skp7AnRhGamEpUUT7LERyWeKw0GAPy9heFuNy9t88QWlqDNLuDKdwuN6Rq6XnRTm5LHpeIKHszMoVLylsmxd1K98JbF/H1Uai+yX4LDgseHW5YO2s8cpmpOh114+E+nS49Td5v3J/PI+K3np+Exhqw0bgDlBbk0/HqDRWnyuobj98poUzZSTrvGMsPWiA0EDRppu1zMbtEUdqKU8t4P1ALTDS2o1bH4lZwi3+Ek8OsETZKzR2Rt9/8yTipAcCB9P6zsmLVh0/VToxQCACOuBeoBAGIiGAYYNbPZf8iIAyBVzdqPJqZDVajkSG7fEYqc6KV3cT4SwDSB07+umT6HC6cmjoMVWprsDhyLbrTSYL3Xk/T4KCqWiiPDyBXHPY0d9AIEtlylSzFk/DkHcnZybbIdk9flv0a9qkZv68RhbuWpYq58vwPWASCGHTI2My4uzsvzbHAQ547mUF96mvu7MqkC8pQNFJc/PWE0TcMx3z8sICOZ83fLKNqyiSTAJFPQma1YE2OIUIUQt+0IlWOTZE3NMgLUCY4AAMAjTvfffITVOovT48YVFY46MZa9Ngdhg5+x9QxxQcbZCuiFhRUXw7tSBI2Q4MUijAlNwrIp/BFgAHH5FbuI+bRlAAAAAElFTkSuQmCC");background-position:1px 2px} -.social-likes__counter_mailru{background:#fff1c2;border-color:#ffc70d} -.social-likes__counter_mailru:after{border-right-color:#fff1c2} -.social-likes__button_vkontakte{background:#436f96;background:-webkit-linear-gradient(top, #8faecf, #436f96);background:-moz-linear-gradient(top, #8faecf, #436f96);background:-ms-linear-gradient(top, #8faecf, #436f96);background:-o-linear-gradient(top, #8faecf, #436f96);background:linear-gradient(top, #8faecf, #436f96);color:#fff;color:rgba(255,255,255,0.95);border-color:#4d84c1;border-color:rgba(78,131,193,0.8);border-bottom-color:rgba(52,88,127,0.8);text-shadow:0 -1px 0 rgba(0,0,0,0.3)} -.social-likes__button_vkontakte:hover{background:#4e80ab;background:-webkit-linear-gradient(top, #a2c0df, #4e80ab);background:-moz-linear-gradient(top, #a2c0df, #4e80ab);background:-ms-linear-gradient(top, #a2c0df, #4e80ab);background:-o-linear-gradient(top, #a2c0df, #4e80ab);background:linear-gradient(top, #a2c0df, #4e80ab);color:#fff;color:rgba(255,255,255,0.99);border-color:#5788be;border-bottom-color:#3b6798} -.social-likes__icon_vkontakte{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAQCAYAAADwMZRfAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAhVJREFUeNpi+f//P4OCWw4LAwODIBDLArEwELMBMSMDdvAbiN8D8VMgfg3Ev1iABoAUiwc6myalh7lmKEiJinCws7LhMIDhz99//x6/ePt684Ez2/sWbm0HCt1jkHfN5vTN7oz8+v3nj/8kAKBZ/yr6lzUC9QsxAU3idbXS8+LiYGNnIAEwMTIyWhuqe4OCARQWHDxcHGLICt5/+vrFMKS8F8i8BsTcQMwS7GpuV5ro6y0hIiAIUwe0mBNIcYIMYfz/7z8TFsuOG2spvYvzs8u8fu/J9Rmr9sxmYmLk6i6OCUJTx8iEz8WyEsLy/k4miQHOZtGgGBPg5cbqZRY8hvw7c/XenaqJK+rPXLl7x9ZYUzgz3NUOq214DGEUFuDh1FGV1QG6xvHw2esvE2um93/78esnKS5hkhQVVInysg4FcT58/nZ+9pq9x2/ef/rcUFNRgWjvANPO0xMXb5/98Pnrp/V7T91kZ2OVkxYXEsDuEkbG/1gM0QF64ToQTwUFqqK0qNWkysRYMSF+dEP+gwz5+fvPn0/IorzcnFyHFjaUw/jAsOHh5uTgQLfl568/f0B5BxSwn49fuLUXlCfgzmNmYpKTFBGBYWwGgMD1e09PgIKLWUDZ7O+DZ6/fsbIyi+iqyqmzsjCzEEryf/78/bNuz6nDzTPXtQC5jxihRQEo10oAsTwQ8+EpBmDgKxA/geLvAAEGAAgS4DPCeVV4AAAAAElFTkSuQmCC");background-position:1px 2px} -.social-likes__counter_vkontakte{background:#eaeef3;border-color:#afc1d4} -.social-likes__counter_vkontakte:after{border-right-color:#eaeef3} -.social-likes__button_odnoklassniki{padding-left:17px;background:#f6900b;background:-webkit-linear-gradient(top, #f6bb6d, #f6900b);background:-moz-linear-gradient(top, #f6bb6d, #f6900b);background:-ms-linear-gradient(top, #f6bb6d, #f6900b);background:-o-linear-gradient(top, #f6bb6d, #f6900b);background:linear-gradient(top, #f6bb6d, #f6900b);color:#fff;color:rgba(255,255,255,0.95);border-color:#d99c27;border-color:rgba(217,154,38,0.8);border-bottom-color:rgba(197,137,7,0.8);text-shadow:0 -1px 0 rgba(0,0,0,0.12)} -.social-likes__button_odnoklassniki:hover{background:#f69a21;background:-webkit-linear-gradient(top, #fbcc5a, #f69a21);background:-moz-linear-gradient(top, #fbcc5a, #f69a21);background:-ms-linear-gradient(top, #fbcc5a, #f69a21);background:-o-linear-gradient(top, #fbcc5a, #f69a21);background:linear-gradient(top, #fbcc5a, #f69a21);color:#fff;color:rgba(255,255,255,0.99);border-color:#f0b22c;border-bottom-color:#c59121} -.social-likes__icon_odnoklassniki{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAPCAYAAAA2yOUNAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAUBJREFUeNpkkD9LhWAUxtVEaKhLIUTDDeIWBX2AloaGpjtEuDnUF2jUwdXP4RKFIOQluJvQ4mY0FW1G4JCUWFQogaj2nMurWL3wcDjP+XH+vDzHXtM0cwiH0Ab0CE15nq+4HrAM3TS/3z35HVRV1Rm5ZVl+pGk6pUg5/IsOquv6k0zHcRSkq5ZljSmH/93v9EVmHMd7lKPbwT8oSZIJ24PGXKL4Tgngqw7SNG07z/O7/taUk091nk4viuJI1/UnRVF2ZVleQYdXz/NuTdMcSZI0IegY8DmUAb6my0RRXEBxDG8eOuFs297MsuzvH3UjXdedjRShoe/7p30gCAIN/hqrz358HRc9s3rJzn9B2GqBQQug/YNhGPvtpQwccGEYLmLZNyqoqrpD7SnSnuRHUbREzQRoxOYL7OsoDpkv/AgwAFAVNqIm5OzEAAAAAElFTkSuQmCC");background-position:4px 3px} -.social-likes__counter_odnoklassniki{background:#ffe9be;border-color:#d9ab53} -.social-likes__counter_odnoklassniki:after{border-right-color:#ffe9be} -.social-likes__button_livejournal{background:#cadcf3;background:-webkit-linear-gradient(top, #fff, #cadcf3);background:-moz-linear-gradient(top, #fff, #cadcf3);background:-ms-linear-gradient(top, #fff, #cadcf3);background:-o-linear-gradient(top, #fff, #cadcf3);background:linear-gradient(top, #fff, #cadcf3);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-linear-gradient(top, #ecf1f7, #bad2f0);background:-moz-linear-gradient(top, #ecf1f7, #bad2f0);background:-ms-linear-gradient(top, #ecf1f7, #bad2f0);background:-o-linear-gradient(top, #ecf1f7, #bad2f0);background:linear-gradient(top, #ecf1f7, #bad2f0);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} -.social-likes__button_code{background:#efefef;background:-webkit-linear-gradient(top, #fff, #efefef);background:-moz-linear-gradient(top, #fff, #efefef);background:-ms-linear-gradient(top, #fff, #efefef);background:-o-linear-gradient(top, #fff, #efefef);background:linear-gradient(top, #fff, #efefef);color:#555;border-color:#dfdfdf;border-color:rgba(230,230,230,0.8);border-bottom-color:rgba(204,204,204,0.8);border-bottom-color:#b3c1ce} -.social-likes__button_code:hover{background:#e0e0e0;background:-webkit-linear-gradient(top, #fafafa, #e0e0e0);background:-moz-linear-gradient(top, #fafafa, #e0e0e0);background:-ms-linear-gradient(top, #fafafa, #e0e0e0);background:-o-linear-gradient(top, #fafafa, #e0e0e0);background:linear-gradient(top, #fafafa, #e0e0e0);color:#333;border-color:rgba(191,191,191,0.8);border-bottom-color:rgba(166,166,166,0.8)} -.social-likes__icon_code{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAQlBMVEX///+YmJihoaFhYWFVVVWMjIxvb29lZWX09PShoaHk5OR+fn7x8fFVVVWYmJjX19dhYWFpaWmIiIjv7+/R0dHd3d1uafizAAAABXRSTlMAlpaWlp2pZ2YAAABZSURBVHheYqANYOIEAiYEzcjHwcPDwccIoxlYhVlZ+TjBgI8VyGHgFuVmEOLgAQIOIRCHCbDf/3+z/f//Gwj+/2cDchiYBfi5uPgFmGE0AwMLLxCwwGlqAACkRhE1ClCHRQAAAABJRU5ErkJggg==");background-position:2px 2px} -.social-likes__balloon{position:absolute;display:none;bottom:29px;right:0;padding:6px;color:#fff;text-align:left;text-shadow:0 -1px 0 rgba(0,0,0,0.4);line-height:1.2;background:#666;background:rgba(0,0,0,0.6);border-radius:5px;-webkit-box-shadow:0 2px 18px -7px rgba(0,0,0,0.8);box-shadow:0 2px 18px -7px rgba(0,0,0,0.8);} -.social-likes__balloon__code{width:300px;height:60px;margin-top:3px;border:1px #aaa inset;background:#fff;-webkit-box-shadow:1px 1px 3px rgba(0,0,0,0.25) inset;box-shadow:1px 1px 3px rgba(0,0,0,0.25) inset;resize:none;outline:0} -.social-likes__balloon__arrow{position:absolute;bottom:-6px;right:8px;width:0;height:0;border:6px solid transparent;border-bottom:none;border-top:6px solid #666} -.social-likes__balloon_right{left:0;right:auto;} -.social-likes__balloon_right .social-likes__balloon__arrow{left:8px;right:auto} +.social-likes, +.social-likes__widget { + display: inline-block; + vertical-align: middle; + line-height: 20px; + padding: 0; + word-spacing: 0; + font-size: 14px; + *zoom: 1; + *display: inline; +} +.social-likes { + margin: -3px; + line-height: 26px; + list-style: none; +} +.social-likes li { + display: inline-block; + *zoom: 1; + *display: inline; +} +.social-likes_vertical li { + display: block; +} +.social-likes__widget { + display: inline-block; + position: relative; + margin: 3px; + white-space: nowrap; +} +.social-likes__widget:before { + display: none; +} +.social-likes__button, +.social-likes__counter, +.social-likes__balloon, +.social-likes__balloon__code { + font-family: "Trebuchet MS", "Helvetica Neue", Tahoma, sans-serif; + font-size: 14px; + text-rendering: optimizeLegibility; +} +.social-likes__button, +.social-likes__counter { + display: inline-block; + *display: inline; + *float: left; + margin: 0; + line-height: 18px; + border-width: 1px; + border-style: solid; + border-radius: 3px; + outline: 0; +} +.social-likes__button { + position: relative; + padding: 1px 4px 1px 20px; + font-weight: bold; + text-shadow: 0 1px 0 rgba(255,255,255,0.6); + -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.05); + box-shadow: 0 1px 1px rgba(0,0,0,0.05); + -webkit-transition: border 0.1s ease-in-out, color 0.2s ease-in-out; + -moz-transition: border 0.1s ease-in-out, color 0.2s ease-in-out; + -ms-transition: border 0.1s ease-in-out, color 0.2s ease-in-out; + -o-transition: border 0.1s ease-in-out, color 0.2s ease-in-out; + transition: border 0.1s ease-in-out, color 0.2s ease-in-out; + cursor: pointer; + user-select: none; +} +.social-likes__icon { + position: absolute; + top: 0; + left: 0; + width: 20px; + height: 20px; + background-repeat: no-repeat; +} +.social-likes__counter { + position: relative; + margin-left: 7px; + padding: 1px 4px; + font-weight: normal; + color: #666; + color: rgba(0,0,0,0.5); + cursor: default; +} +.social-likes__counter:before, +.social-likes__counter:after { + content: ""; + position: absolute; + width: 0; + height: 0; +} +.social-likes__counter:before { + top: 4px; + left: -6px; + border: 6px inset transparent; + border-left: 0; + border-right: 6px solid; + border-right-color: inherit; + opacity: 0.7; +} +.social-likes__counter:after { + top: 5px; + left: -4px; + border: 5px inset transparent; + border-left: 0; + border-right: 5px solid; +} +.social-likes__close { + position: absolute; + right: 0; + top: 0; + padding: 2px 4px; + font: 16px Verdana, Geneva, Tahoma, sans-serif; + color: #999; + cursor: pointer; +} +.social-likes__close:hover { + color: #111; +} +.social-likes__close:before { + display: none; +} +.social-likes_vertical { + margin: -6px -4px; +} +.social-likes_vertical .social-likes__widget { + display: block; + margin: 6px 4px; +} +.social-likes_single-w { + position: relative; + display: inline-block; +} +.social-likes_single { + position: absolute; + display: none; + top: -19px; + left: -15px; + padding: 6px 6px 4px; + background: #fff; + text-align: left; + -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.3); + box-shadow: 0 0 15px rgba(0,0,0,0.3); + z-index: 99999; +} +.social-likes__button_single { + position: relative; + padding-left: 19px; + background: #e2e2e2; + background: -webkit-linear-gradient(top, #f7f7f7, #e2e2e2); + background: -moz-linear-gradient(top, #f7f7f7, #e2e2e2); + background: -ms-linear-gradient(top, #f7f7f7, #e2e2e2); + background: -o-linear-gradient(top, #f7f7f7, #e2e2e2); + background: linear-gradient(top, #f7f7f7, #e2e2e2); + color: #444; + border-color: #ccc; + border-color: rgba(179,179,179,0.8); + border-bottom-color: rgba(153,153,153,0.8); +} +.social-likes__button_single:hover { + background: #f4f4f4; + background: -webkit-linear-gradient(top, #f0f0f0, #cfcfcf); + background: -moz-linear-gradient(top, #f0f0f0, #cfcfcf); + background: -ms-linear-gradient(top, #f0f0f0, #cfcfcf); + background: -o-linear-gradient(top, #f0f0f0, #cfcfcf); + background: linear-gradient(top, #f0f0f0, #cfcfcf); + color: #222; + border-color: #bbb; + border-bottom-color: #9f9f9f; +} +.social-likes__icon_single { + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAplJREFUeNpMkl9IU2EYxp/zt50NxU3bnNYMLEANVQoCvYmJgQyI8Mbwxju9KlSEVClE8G4iiOq1oBhDoRQIQiTGCEMYkoyIMmyItrbh3Dk7/8/X2QmiB96bD37v9z4PD0UIoaPb0ZcZPfPUgBGgQFm6pUM3dZTFMRw4mgMBoVmwvwN84PXok9FXTJpLj2nXtTGNaDc0SnMRlgjeCq/gq/QJ/iq/IFmSkFNzAhi4LMryFeni3e232xzrueXpk1TJZ4NgORZ9bX3ovt2N/7X3bQ+7qV2IsghapX3CTSHCXqqXzSZrguIoTIen0VjdiLPCGRI/Ew7UFepyFqUyKcRP4nBTbqia2sSWtBLJy3lMPJpwoJ0vO1j8uAhJkxxw42gDbbVtSP1KOV5VQwXRCWFDvpC1GllFjacGWSmL+fg86irrsBBZAAFBNB5F4jQBN+dGUSvCTg6cwRGaoRlShsraP9lHRspg+MEwmv3NaPG3YPDeIEpGCV7Bi6ZAkzM8y4M9PD2keld7QfEU7NTg5t0oyIV/wRSVIi6uLjATnkHPnR7nberNlMUqhgJFVkBbNOzvHQ9zH+aQlbMghGD5YBm1FbUIN4ZhmAZixzGkc2mwpmkSjuJgEQsMGEw+nMRacg3j78ad7eWTlyJLsC1hPbmOka0RBPmgAwIGIOoiBu4PoL+135nkeRIUKLQH250Fm0ebmH0/i4aqBliKZYOG+R0mfAIrYCu5BVmVMdQ5hI5ghwOkC2msJFYQ+xyDh/aAmASmbv6gQo9Dz6o7q1/YcJAwBHYhnH7WuP8mnS1lnd56r3kBgrLO85/yC0zr89aD3HFOp3k6QAzCuIjrijEZsSSVRKWkiLzFiy7LJVqaJZuK+VU+k1fqO+ujfwQYAFtLOreC/KO5AAAAAElFTkSuQmCC"); + background-position: 2px 3px; +} +.social-likes__counter_single { + background: #f6f6f6; + border-color: #ddd; +} +.social-likes__counter_single:after { + border-right-color: #f6f6f6; +} +.social-likes__button_facebook { + padding-left: 19px; + background: #eceef5; + background: -webkit-linear-gradient(top, #fff, #d8def4); + background: -moz-linear-gradient(top, #fff, #d8def4); + background: -ms-linear-gradient(top, #fff, #d8def4); + background: -o-linear-gradient(top, #fff, #d8def4); + background: linear-gradient(top, #fff, #d8def4); + color: #3b5998; + border-color: #cad4e7; + border-color: rgba(202,212,231,0.8); + border-bottom-color: rgba(189,194,203,0.8); +} +.social-likes__button_facebook:hover { + background: #c0cdf3; + background: -webkit-linear-gradient(top, #f2f3f7, #c0cdf3); + background: -moz-linear-gradient(top, #f2f3f7, #c0cdf3); + background: -ms-linear-gradient(top, #f2f3f7, #c0cdf3); + background: -o-linear-gradient(top, #f2f3f7, #c0cdf3); + background: linear-gradient(top, #f2f3f7, #c0cdf3); + color: #253860; + border-color: #b4bfd4; + border-bottom-color: #b3b7bf; +} +.social-likes__icon_facebook { + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAMAAAAolt3jAAAAFVBMVEVheaw7WZhgeKvr7vT///9FYp5thLQcmmHvAAAAN0lEQVR42oXPAQYAMAxD0W5Jd/8jrzUmwuyjPAKNGFJLu5wghSVl40VWMgZIwMZf5jqRddJoL2yDCwGTID+dDQAAAABJRU5ErkJggg=="); + background-position: 3px 3px; +} +.social-likes__counter_facebook { + background: #f2f3f7; + border-color: #cad4e7; +} +.social-likes__counter_facebook:after { + border-right-color: #f2f3f7; +} +.social-likes__button_twitter { + padding-left: 19px; + background: #d5e6ef; + background: -webkit-linear-gradient(top, #fff, #d5e6ef); + background: -moz-linear-gradient(top, #fff, #d5e6ef); + background: -ms-linear-gradient(top, #fff, #d5e6ef); + background: -o-linear-gradient(top, #fff, #d5e6ef); + background: linear-gradient(top, #fff, #d5e6ef); + color: #186487; + border-color: #a4cce5; + border-color: rgba(164,204,229,0.8); + border-bottom-color: rgba(158,186,204,0.8); +} +.social-likes__button_twitter:hover { + background: #bfdfed; + background: -webkit-linear-gradient(top, #f2f8fc, #bfdfed); + background: -moz-linear-gradient(top, #f2f8fc, #bfdfed); + background: -ms-linear-gradient(top, #f2f8fc, #bfdfed); + background: -o-linear-gradient(top, #f2f8fc, #bfdfed); + background: linear-gradient(top, #f2f8fc, #bfdfed); + color: #0b3752; + border-color: #9cbbcf; + border-bottom-color: #68a0c4; +} +.social-likes__icon_twitter { + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAALCAYAAABPhbxiAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RTc0QTk5RjMwNDIyMTFFMjg2MTBFREU2NkVFODBCRDEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RTc0QTk5RjQwNDIyMTFFMjg2MTBFREU2NkVFODBCRDEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpFNzRBOTlGMTA0MjIxMUUyODYxMEVERTY2RUU4MEJEMSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpFNzRBOTlGMjA0MjIxMUUyODYxMEVERTY2RUU4MEJEMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PvjtrbMAAAGBSURBVChTZZG9S0JRGMbfGhrCwZaGZnH2D2hpa+tfcIsCoa0hjIt9GVjQEBhmF0srMzNJIwMpo1BTKoOyGvzI9GpX05QGc3i756jhvQ7Pfc+57/N7n8M5gIgADCsnVSpgXHLQOqdg1sUIVd32UpFNn859AlqXWgr2LpzFYPUaYS2MYLhCWDy/6J07TQ/ovePUoDRHUrSh87AkpTnZq4L1O4SdNILtA8GSRNh8wf6Nh7rh9n2SgjOhrA+23pAYe/T+Csx72SFjiAVLAsFRQjj8atY9Dk3xckRgFBQcNN/HwJZF2M0hHWB8RDDFqZFCbVkzgh2H6YnIx5MoW2X2XINOdRQR9vNNkXUbEnpKZ6r2f3GthWIi+Pkqc/INUUKn7AVkIoWAFISlKKdXuLlvUUpnmjtL0ka7QEEqX6Z2NOLn+a4jevha7ufXInpj+sjMMQvL/jK9/u0UwgHfgoo4FihxLUgmAls/pi+z1YDmJp/UhItJTbScXHmqxp8r9SDpSSGiP/hvleBumiVHAAAAAElFTkSuQmCC"); + background-position: 3px 5px; +} +.social-likes__counter_twitter { + background: #f2f8fc; + border-color: #a4cce5; +} +.social-likes__counter_twitter:after { + border-right-color: #f2f8fc; +} +.social-likes__button_plusone { + padding-left: 12px; + background: #e4e4e4; + background: -webkit-linear-gradient(top, #f5f5f5, #e4e4e4); + background: -moz-linear-gradient(top, #f5f5f5, #e4e4e4); + background: -ms-linear-gradient(top, #f5f5f5, #e4e4e4); + background: -o-linear-gradient(top, #f5f5f5, #e4e4e4); + background: linear-gradient(top, #f5f5f5, #e4e4e4); + color: #da573b; + border-color: #bbb; + border-color: rgba(204,204,204,0.8); + border-bottom-color: rgba(179,179,179,0.8); +} +.social-likes__button_plusone:hover { + background: #f4f4f4; + background: -webkit-linear-gradient(top, #f9f9f9, #f0f0f0); + background: -moz-linear-gradient(top, #f9f9f9, #f0f0f0); + background: -ms-linear-gradient(top, #f9f9f9, #f0f0f0); + background: -o-linear-gradient(top, #f9f9f9, #f0f0f0); + background: linear-gradient(top, #f9f9f9, #f0f0f0); + color: #cd4427; + border-color: #ddd; + border-bottom-color: #ccc; +} +.social-likes__icon_plusone { + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAPCAMAAADqIa48AAAA1VBMVEX////w8PDaVzv6+vr29vbijXveaU/s5uXcalHmqp3p5eTfeGLnoJH77erw6ujcYUX39PTlinfhiHXfbVPxysLaWT3u6urbWz/t6enx6efggm78/PzutKfdZUvecVjq4d/kraHcYUb02NLjgWvcZ03gkH7fiXbcYkf33df4+Pj44dzxxLrebVXmu7Lw8PDgdFzgfGbo4+LssqXccVnl1tPcmozdemTcdFznlILaWTzcaE/kzsrik4L48fDsq53219Hhd2DdclvaVzr57Orj09Dqp5jl2daL4EW+AAAAAnRSTlMA+MX1txYAAACPSURBVHheDMC3DYAwAETRz4FFzkFEuaBmB8T+U7in8AbwyNIu189UJEW47TrKEOoGaLUCPcCgcULRDBheD88FxLpBeAuLdRCc1n1jBIIbDAyMmkBa7M8hBjDQ03cyMGSAACMnJ2MTBgZGU0bGc8aMnD8YjzKxs5/5f4btCAcbAwMjAxAwOLM5uTBAgauTGwBNlBSKiV4UqwAAAABJRU5ErkJggg=="); + background-position: 0 6px; +} +.social-likes__counter_plusone { + background: #f9f9f9; + border-color: #d2d2d2; +} +.social-likes__counter_plusone:after { + border-right-color: #f9f9f9; +} +.social-likes__button_mailru { + padding-left: 18px; + background: #004584; + background: -webkit-linear-gradient(top, #5d90ba, #004584); + background: -moz-linear-gradient(top, #5d90ba, #004584); + background: -ms-linear-gradient(top, #5d90ba, #004584); + background: -o-linear-gradient(top, #5d90ba, #004584); + background: linear-gradient(top, #5d90ba, #004584); + color: #fff; + color: rgba(255,255,255,0.95); + border-color: #1e65a5; + border-color: rgba(11,84,153,0.8); + border-bottom-color: rgba(3,27,48,0.8); + text-shadow: 0 -1px 0 rgba(0,0,0,0.3); +} +.social-likes__button_mailru:hover { + background: #001e5d; + background: -webkit-linear-gradient(top, #618cae, #001e5d); + background: -moz-linear-gradient(top, #618cae, #001e5d); + background: -ms-linear-gradient(top, #618cae, #001e5d); + background: -o-linear-gradient(top, #618cae, #001e5d); + background: linear-gradient(top, #618cae, #001e5d); + color: #fff; + color: rgba(255,255,255,0.99); + border-color: #094984; + border-bottom-color: #031b30; +} +.social-likes__icon_mailru { + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAl1JREFUeNp8k21IU2EYhi81NVsYKn6iuaUpGpYgEkW/KsCyCCGgEEOKrACS6H+IIVJIUJSZYoauoMokwahUK5riEtEwzVErm6kt21Rzc1u69ZyYMRN84eKcw/Pxvvf9nBdWWYs9bFwt7vdfcghQKBQJmT4hg3BHuB6QzdyKYinUeDw88/MjxfgNQ/cA5skp7AnRhGamEpUUT7LERyWeKw0GAPy9heFuNy9t88QWlqDNLuDKdwuN6Rq6XnRTm5LHpeIKHszMoVLylsmxd1K98JbF/H1Uai+yX4LDgseHW5YO2s8cpmpOh114+E+nS49Td5v3J/PI+K3np+Exhqw0bgDlBbk0/HqDRWnyuobj98poUzZSTrvGMsPWiA0EDRppu1zMbtEUdqKU8t4P1ALTDS2o1bH4lZwi3+Ek8OsETZKzR2Rt9/8yTipAcCB9P6zsmLVh0/VToxQCACOuBeoBAGIiGAYYNbPZf8iIAyBVzdqPJqZDVajkSG7fEYqc6KV3cT4SwDSB07+umT6HC6cmjoMVWprsDhyLbrTSYL3Xk/T4KCqWiiPDyBXHPY0d9AIEtlylSzFk/DkHcnZybbIdk9flv0a9qkZv68RhbuWpYq58vwPWASCGHTI2My4uzsvzbHAQ547mUF96mvu7MqkC8pQNFJc/PWE0TcMx3z8sICOZ83fLKNqyiSTAJFPQma1YE2OIUIUQt+0IlWOTZE3NMgLUCY4AAMAjTvfffITVOovT48YVFY46MZa9Ngdhg5+x9QxxQcbZCuiFhRUXw7tSBI2Q4MUijAlNwrIp/BFgAHH5FbuI+bRlAAAAAElFTkSuQmCC"); + background-position: 1px 2px; +} +.social-likes__counter_mailru { + background: #fff1c2; + border-color: #ffc70d; +} +.social-likes__counter_mailru:after { + border-right-color: #fff1c2; +} +.social-likes__button_vkontakte { + background: #436f96; + background: -webkit-linear-gradient(top, #8faecf, #436f96); + background: -moz-linear-gradient(top, #8faecf, #436f96); + background: -ms-linear-gradient(top, #8faecf, #436f96); + background: -o-linear-gradient(top, #8faecf, #436f96); + background: linear-gradient(top, #8faecf, #436f96); + color: #fff; + color: rgba(255,255,255,0.95); + border-color: #4d84c1; + border-color: rgba(78,131,193,0.8); + border-bottom-color: rgba(52,88,127,0.8); + text-shadow: 0 -1px 0 rgba(0,0,0,0.3); +} +.social-likes__button_vkontakte:hover { + background: #4e80ab; + background: -webkit-linear-gradient(top, #a2c0df, #4e80ab); + background: -moz-linear-gradient(top, #a2c0df, #4e80ab); + background: -ms-linear-gradient(top, #a2c0df, #4e80ab); + background: -o-linear-gradient(top, #a2c0df, #4e80ab); + background: linear-gradient(top, #a2c0df, #4e80ab); + color: #fff; + color: rgba(255,255,255,0.99); + border-color: #5788be; + border-bottom-color: #3b6798; +} +.social-likes__icon_vkontakte { + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAQCAYAAADwMZRfAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAhVJREFUeNpi+f//P4OCWw4LAwODIBDLArEwELMBMSMDdvAbiN8D8VMgfg3Ev1iABoAUiwc6myalh7lmKEiJinCws7LhMIDhz99//x6/ePt684Ez2/sWbm0HCt1jkHfN5vTN7oz8+v3nj/8kAKBZ/yr6lzUC9QsxAU3idbXS8+LiYGNnIAEwMTIyWhuqe4OCARQWHDxcHGLICt5/+vrFMKS8F8i8BsTcQMwS7GpuV5ro6y0hIiAIUwe0mBNIcYIMYfz/7z8TFsuOG2spvYvzs8u8fu/J9Rmr9sxmYmLk6i6OCUJTx8iEz8WyEsLy/k4miQHOZtGgGBPg5cbqZRY8hvw7c/XenaqJK+rPXLl7x9ZYUzgz3NUOq214DGEUFuDh1FGV1QG6xvHw2esvE2um93/78esnKS5hkhQVVInysg4FcT58/nZ+9pq9x2/ef/rcUFNRgWjvANPO0xMXb5/98Pnrp/V7T91kZ2OVkxYXEsDuEkbG/1gM0QF64ToQTwUFqqK0qNWkysRYMSF+dEP+gwz5+fvPn0/IorzcnFyHFjaUw/jAsOHh5uTgQLfl568/f0B5BxSwn49fuLUXlCfgzmNmYpKTFBGBYWwGgMD1e09PgIKLWUDZ7O+DZ6/fsbIyi+iqyqmzsjCzEEryf/78/bNuz6nDzTPXtQC5jxihRQEo10oAsTwQ8+EpBmDgKxA/geLvAAEGAAgS4DPCeVV4AAAAAElFTkSuQmCC"); + background-position: 1px 2px; +} +.social-likes__counter_vkontakte { + background: #eaeef3; + border-color: #afc1d4; +} +.social-likes__counter_vkontakte:after { + border-right-color: #eaeef3; +} +.social-likes__button_odnoklassniki { + padding-left: 17px; + background: #f6900b; + background: -webkit-linear-gradient(top, #f6bb6d, #f6900b); + background: -moz-linear-gradient(top, #f6bb6d, #f6900b); + background: -ms-linear-gradient(top, #f6bb6d, #f6900b); + background: -o-linear-gradient(top, #f6bb6d, #f6900b); + background: linear-gradient(top, #f6bb6d, #f6900b); + color: #fff; + color: rgba(255,255,255,0.95); + border-color: #d99c27; + border-color: rgba(217,154,38,0.8); + border-bottom-color: rgba(197,137,7,0.8); + text-shadow: 0 -1px 0 rgba(0,0,0,0.12); +} +.social-likes__button_odnoklassniki:hover { + background: #f69a21; + background: -webkit-linear-gradient(top, #fbcc5a, #f69a21); + background: -moz-linear-gradient(top, #fbcc5a, #f69a21); + background: -ms-linear-gradient(top, #fbcc5a, #f69a21); + background: -o-linear-gradient(top, #fbcc5a, #f69a21); + background: linear-gradient(top, #fbcc5a, #f69a21); + color: #fff; + color: rgba(255,255,255,0.99); + border-color: #f0b22c; + border-bottom-color: #c59121; +} +.social-likes__icon_odnoklassniki { + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAPCAYAAAA2yOUNAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAUBJREFUeNpkkD9LhWAUxtVEaKhLIUTDDeIWBX2AloaGpjtEuDnUF2jUwdXP4RKFIOQluJvQ4mY0FW1G4JCUWFQogaj2nMurWL3wcDjP+XH+vDzHXtM0cwiH0Ab0CE15nq+4HrAM3TS/3z35HVRV1Rm5ZVl+pGk6pUg5/IsOquv6k0zHcRSkq5ZljSmH/93v9EVmHMd7lKPbwT8oSZIJ24PGXKL4Tgngqw7SNG07z/O7/taUk091nk4viuJI1/UnRVF2ZVleQYdXz/NuTdMcSZI0IegY8DmUAb6my0RRXEBxDG8eOuFs297MsuzvH3UjXdedjRShoe/7p30gCAIN/hqrz358HRc9s3rJzn9B2GqBQQug/YNhGPvtpQwccGEYLmLZNyqoqrpD7SnSnuRHUbREzQRoxOYL7OsoDpkv/AgwAFAVNqIm5OzEAAAAAElFTkSuQmCC"); + background-position: 4px 3px; +} +.social-likes__counter_odnoklassniki { + background: #ffe9be; + border-color: #d9ab53; +} +.social-likes__counter_odnoklassniki:after { + border-right-color: #ffe9be; +} +.social-likes__button_livejournal { + background: #cadcf3; + background: -webkit-linear-gradient(top, #fff, #cadcf3); + background: -moz-linear-gradient(top, #fff, #cadcf3); + background: -ms-linear-gradient(top, #fff, #cadcf3); + background: -o-linear-gradient(top, #fff, #cadcf3); + background: linear-gradient(top, #fff, #cadcf3); + 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-linear-gradient(top, #ecf1f7, #bad2f0); + background: -moz-linear-gradient(top, #ecf1f7, #bad2f0); + background: -ms-linear-gradient(top, #ecf1f7, #bad2f0); + background: -o-linear-gradient(top, #ecf1f7, #bad2f0); + background: linear-gradient(top, #ecf1f7, #bad2f0); + 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; +} +.social-likes__button_code { + background: #efefef; + background: -webkit-linear-gradient(top, #fff, #efefef); + background: -moz-linear-gradient(top, #fff, #efefef); + background: -ms-linear-gradient(top, #fff, #efefef); + background: -o-linear-gradient(top, #fff, #efefef); + background: linear-gradient(top, #fff, #efefef); + color: #555; + border-color: #dfdfdf; + border-color: rgba(230,230,230,0.8); + border-bottom-color: rgba(204,204,204,0.8); + border-bottom-color: #b3c1ce; +} +.social-likes__button_code:hover { + background: #e0e0e0; + background: -webkit-linear-gradient(top, #fafafa, #e0e0e0); + background: -moz-linear-gradient(top, #fafafa, #e0e0e0); + background: -ms-linear-gradient(top, #fafafa, #e0e0e0); + background: -o-linear-gradient(top, #fafafa, #e0e0e0); + background: linear-gradient(top, #fafafa, #e0e0e0); + color: #333; + border-color: rgba(191,191,191,0.8); + border-bottom-color: rgba(166,166,166,0.8); +} +.social-likes__icon_code { + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAQlBMVEX///+YmJihoaFhYWFVVVWMjIxvb29lZWX09PShoaHk5OR+fn7x8fFVVVWYmJjX19dhYWFpaWmIiIjv7+/R0dHd3d1uafizAAAABXRSTlMAlpaWlp2pZ2YAAABZSURBVHheYqANYOIEAiYEzcjHwcPDwccIoxlYhVlZ+TjBgI8VyGHgFuVmEOLgAQIOIRCHCbDf/3+z/f//Gwj+/2cDchiYBfi5uPgFmGE0AwMLLxCwwGlqAACkRhE1ClCHRQAAAABJRU5ErkJggg=="); + background-position: 2px 2px; +} +.social-likes__balloon { + position: absolute; + bottom: 29px; + right: 0; + padding: 6px; + color: #fff; + text-align: left; + text-shadow: 0 -1px 0 rgba(0,0,0,0.4); + line-height: 1.2; + background: #666; + background: rgba(0,0,0,0.6); + border-radius: 5px; + -webkit-box-shadow: 0 2px 18px -7px rgba(0,0,0,0.8); + box-shadow: 0 2px 18px -7px rgba(0,0,0,0.8); +} +.social-likes__balloon__code { + width: 300px; + height: 60px; + margin-top: 3px; + border: 1px #aaa inset; + background: #fff; + -webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.25) inset; + box-shadow: 1px 1px 3px rgba(0,0,0,0.25) inset; + resize: none; + outline: 0; +} +.social-likes__balloon__arrow { + position: absolute; + bottom: -6px; + right: 8px; + width: 0; + height: 0; + border: 6px solid transparent; + border-bottom: none; + border-top: 6px solid #666; +} +.social-likes__balloon_right { + left: 0; + right: auto; +} +.social-likes__balloon_right .social-likes__balloon__arrow { + left: 8px; + right: auto; +} diff --git a/social-likes.min.js b/social-likes.min.js index f71e017..dbef42e 100644 --- a/social-likes.min.js +++ b/social-likes.min.js @@ -1,2 +1,2 @@ -/*! Social Likes v2.0.0 alpha by Artem Sapegin - http://sapegin.github.com/social-likes - Licensed MIT */ -(function(a){typeof define=="function"&&define.amd?define(["jquery"],a):a(jQuery)})(function(a){function f(a){this.container=a,this.init()}function g(b,c){this.widget=b,this.options=a.extend({},c),this.detectService(),this.service&&this.init()}function h(a,b){for(var c in b)b.hasOwnProperty(c)&&(a=a.replace("{"+c+"}",encodeURIComponent(b[c])));return a}function i(a,b){for(var c in b)b.hasOwnProperty(c)&&(a=a.replace("{"+c+"}",b[c]));return a}function j(a,c){var d=b+a;return d+" "+d+"_"+c}function k(b){var d=a(document),e="click.social-likes"+Math.random();d.on(e,function(f){a(f.target).closest(b).length||(b.fadeOut(c),d.off(e))})}function l(a,b){if(document.documentElement.getBoundingClientRect){var d=parseInt(a.css("left"),10),e=parseInt(a.css("top"),10);a.css("visibility","hidden").show();var f=a[0].getBoundingClientRect();f.leftwindow.innerWidth-b&&a.css("left",window.innerWidth-f.right-b+d),f.topwindow.innerHeight-b&&a.css("top",window.innerHeight-f.bottom-b+e),a.hide().css("visibility","visible")}a.fadeIn(c)}"use strict";var b="social-likes__",c="fast",d={facebook:{counterUrl:"http://graph.facebook.com/?ids={url}&callback=?",convertNumber:function(a){for(var b in a)if(a.hasOwnProperty(b))return a[b].shares},popupUrl:"http://www.facebook.com/sharer/sharer.php?u={url}",pupupWidth:600,popupHeight:500},twitter:{counterUrl:"http://urls.api.twitter.com/1/urls/count.json?url={url}&callback=?",convertNumber:function(a){return a.count},popupUrl:"http://twitter.com/intent/tweet?url={url}&text={title}",pupupWidth:600,popupHeight:450,additionalParams:["via","related"]},mailru:{counterUrl:"http://connect.mail.ru/share_count?url_list={url}&callback=1&func=?",convertNumber:function(a){for(var b in a)if(a.hasOwnProperty(b))return a[b].shares},popupUrl:"http://connect.mail.ru/share?share_url={url}&title={title}",pupupWidth:550,popupHeight:360},vkontakte:{counterUrl:"http://vkontakte.ru/share.php?act=count&url={url}&index={index}",counter:function(b,c){var e=d.vkontakte;e._||(e._=[],window.VK||(window.VK={}),window.VK.Share={count:function(a,b){e._[a].resolve(b)}});var f=e._.length;e._.push(c),a.ajax({url:h(b,{index:f}),dataType:"jsonp"})},popupUrl:"http://vk.com/share.php?url={url}&title={title}",pupupWidth:550,popupHeight:330},odnoklassniki:{counterUrl:"http://www.odnoklassniki.ru/dk?st.cmd=extLike&ref={url}&uid={index}",counter:function(b,c){var e=d.odnoklassniki;e._||(e._=[],window.ODKL||(window.ODKL={}),window.ODKL.updateCount=function(a,b){e._[a].resolve(b)});var f=e._.length;e._.push(c),a.ajax({url:h(b,{index:f}),dataType:"jsonp"})},popupUrl:"http://www.odnoklassniki.ru/dk?st.cmd=addShare&st._surl={url}",pupupWidth:550,popupHeight:360},plusone:{popupUrl:"https://plus.google.com/share?url={url}",pupupWidth:700,popupHeight:500},code:{click:function(d){var e=this._codeBalloon;if(e){if(e.is(":visible")){e.fadeOut(c);return}}else e=a(i('
'+'
'+"{prompt}
"+''+"
",{prompt:this.widget.data("prompt")||"Copy code to clipboard:",html:this.options.pageHtml})),this.widget.append(e),this._codeBalloon=e;e.fadeIn(c),e.find("textarea").select(),e.is(":visible")&&(e.removeClass(b+"balloon_right"),e.offset().left<0&&e.addClass(b+"balloon_right"),k(e))}},livejournal:{click:function(b){var c=this._livejournalForm;if(!c){var d=this.options.pageHtml.replace(/&/g,"&").replace(/"/g,""");c=a(i('
',{title:this.options.pageTitle,html:d})),this.widget.append(c),this._livejournalForm=c}c.submit()}}},e={promises:{},fetch:function(b,c){e.promises[b]||(e.promises[b]={});var f=e.promises[b];if(f[c])return f[c];var g=d[b],i=a.Deferred(),j=g.counterUrl&&h(g.counterUrl,{url:c});return a.isFunction(g.counter)?g.counter(j,i):g.counterUrl&&a.getJSON(j).done(function(b){try{var c=b;a.isFunction(g.convertNumber)&&(c=g.convertNumber(b)),i.resolve(c)}catch(d){i.reject(d)}}),f[c]=i.promise(),f[c]}};a.fn.socialLikes=function(){return this.each(function(){new f(a(this))})},f.prototype={optionsMap:{pageUrl:{attr:"url",defaultValue:function(){return window.location.href.replace(window.location.hash,"")}},pageTitle:{attr:"title",defaultValue:function(){return document.title}},pageHtml:{attr:"html",defaultValue:function(){return''+this.options.pageTitle+""}},pageCounters:{attr:"counters",defaultValue:"yes",convert:function(a){return a==="yes"}}},init:function(){this.readOptions(),this.single=this.container.hasClass("social-likes_single"),this.initUserButtons(),this.single&&this.container.on("counter.social-likes",a.proxy(this.updateCounter,this));var b=this.options;this.container.find("li").each(function(){new g(a(this),b)}),this.single&&this.makeSingleButton()},readOptions:function(){this.options={};for(var b in this.optionsMap){var c=this.optionsMap[b];this.options[b]=this.container.data(c.attr)||(a.isFunction(c.defaultValue)?a.proxy(c.defaultValue,this)():c.defaultValue),a.isFunction(c.convert)&&(this.options[b]=c.convert(this.options[b]))}},initUserButtons:function(){!this.userButtonInited&&window.socialLikesButtons&&a.extend(d,socialLikesButtons),this.userButtonInited=!0},makeSingleButton:function(){var d=this.container;d.addClass("social-likes_vertical"),d.wrap(a("
",{"class":"social-likes_single-w"}));var e=d.parent(),f=parseInt(d.css("left"),10),g=parseInt(d.css("top"),10);d.hide();var h=a("
",{"class":j("button","single"),text:d.data("single-title")||"Share"});h.prepend(a("",{"class":j("icon","single")})),e.append(h);var i=a("
  • ",{"class":b+"close",html:"×"});d.append(i),this.number=0,h.click(function(){return d.css({left:f,top:g}),l(d,20),k(d),!1}),i.click(function(){d.fadeOut(c)}),this.wrapper=e},updateCounter:function(a,b){if(!b)return;this.number+=b,this.getCounterElem().text(this.number)},getCounterElem:function(){var c=this.wrapper.find("."+b+"counter_single");return c.length||(c=a("",{"class":j("counter","single")}),this.wrapper.append(c)),c}},g.prototype={init:function(){this.detectParams(),this.initHtml(),this.options.pageCounters&&(this.options.counterNumber?this.updateCounter(this.options.counterNumber):e.fetch(this.service,this.options.pageUrl).done(a.proxy(this.updateCounter,this)))},detectService:function(){var b=this.widget[0].classList||this.widget[0].className.split(" ");for(var c=0;c":"",{"class":this.getElementClassNames("button"),text:c.text()});if(d){var g=h(b.clickUrl,{url:b.pageUrl,title:b.pageTitle});f.attr("href",g)}else f.click(a.proxy(this.click,this));f.prepend(a("",{"class":this.getElementClassNames("icon")})),c.empty().append(f),this.button=f},cloneDataAttrs:function(a,b){var c=a.data();for(var d in c)c.hasOwnProperty(d)&&b.data(d,c[d])},getElementClassNames:function(a){return j(a,this.service)},updateCounter:function(b){b=parseInt(b,10);if(!b)return;var c=a("",{"class":this.getElementClassNames("counter"),text:b});this.widget.append(c),this.widget.trigger("counter.social-likes",b)},click:function(b){var c=this.options;if(a.isFunction(c.click))c.click.call(this,b);else{var d=h(c.popupUrl,{url:c.pageUrl,title:c.pageTitle});d=this.addAdditionalParamsToUrl(d),this.openPopup(d,{width:c.pupupWidth,height:c.popupHeight})}return!1},addAdditionalParamsToUrl:function(b){var c=this.options.additionalParams;if(!c)return b;var d={};for(var e=0;eb.height&&(d=Math.round(screen.height/3-b.height/2));var e=window.open(a,"sl_"+this.service,"left="+c+",top="+d+","+"width="+b.width+",height="+b.height+",personalbar=0,toolbar=0,scrollbars=1,resizable=1");e?e.focus():location.href=a}},a(function(){a(".social-likes").socialLikes()})}); \ No newline at end of file +/*! Social Likes v2.0.1 by Artem Sapegin - http://sapegin.github.com/social-likes - Licensed MIT */ +(function(e){typeof define=="function"&&define.amd?define(["jquery"],e):e(jQuery)})(function(e){"use strict";function s(e){this.container=e,this.init()}function o(t,n){this.widget=t,this.options=e.extend({},n),this.detectService(),this.service&&this.init()}function u(e,t){for(var n in t)t.hasOwnProperty(n)&&(e=e.replace("{"+n+"}",encodeURIComponent(t[n])));return e}function a(e,t){for(var n in t)t.hasOwnProperty(n)&&(e=e.replace("{"+n+"}",t[n]));return e}function f(e,n){var r=t+e;return r+" "+r+"_"+n}function l(t){var r=e(document),i="click.social-likes"+Math.random();r.on(i,function(s){e(s.target).closest(t).length||(t.fadeOut(n),r.off(i))})}function c(e,t){if(document.documentElement.getBoundingClientRect){var r=parseInt(e.css("left"),10),i=parseInt(e.css("top"),10);e.css("visibility","hidden").show();var s=e[0].getBoundingClientRect();s.leftwindow.innerWidth-t&&e.css("left",window.innerWidth-s.right-t+r),s.topwindow.innerHeight-t&&e.css("top",window.innerHeight-s.bottom-t+i),e.hide().css("visibility","visible")}e.fadeIn(n)}var t="social-likes__",n="fast",r={facebook:{counterUrl:"http://graph.facebook.com/?ids={url}&callback=?",convertNumber:function(e){for(var t in e)if(e.hasOwnProperty(t))return e[t].shares},popupUrl:"http://www.facebook.com/sharer/sharer.php?u={url}",pupupWidth:600,popupHeight:500},twitter:{counterUrl:"http://urls.api.twitter.com/1/urls/count.json?url={url}&callback=?",convertNumber:function(e){return e.count},popupUrl:"http://twitter.com/intent/tweet?url={url}&text={title}",pupupWidth:600,popupHeight:450,additionalParams:["via","related"]},mailru:{counterUrl:"http://connect.mail.ru/share_count?url_list={url}&callback=1&func=?",convertNumber:function(e){for(var t in e)if(e.hasOwnProperty(t))return e[t].shares},popupUrl:"http://connect.mail.ru/share?share_url={url}&title={title}",pupupWidth:550,popupHeight:360},vkontakte:{counterUrl:"http://vkontakte.ru/share.php?act=count&url={url}&index={index}",counter:function(t,n){var i=r.vkontakte;i._||(i._=[],window.VK||(window.VK={}),window.VK.Share={count:function(e,t){i._[e].resolve(t)}});var s=i._.length;i._.push(n),e.ajax({url:u(t,{index:s}),dataType:"jsonp"})},popupUrl:"http://vk.com/share.php?url={url}&title={title}",pupupWidth:550,popupHeight:330},odnoklassniki:{counterUrl:"http://www.odnoklassniki.ru/dk?st.cmd=extLike&ref={url}&uid={index}",counter:function(t,n){var i=r.odnoklassniki;i._||(i._=[],window.ODKL||(window.ODKL={}),window.ODKL.updateCount=function(e,t){i._[e].resolve(t)});var s=i._.length;i._.push(n),e.ajax({url:u(t,{index:s}),dataType:"jsonp"})},popupUrl:"http://www.odnoklassniki.ru/dk?st.cmd=addShare&st._surl={url}",pupupWidth:550,popupHeight:360},plusone:{popupUrl:"https://plus.google.com/share?url={url}",pupupWidth:700,popupHeight:500},code:{click:function(r){var i=this._codeBalloon;if(i){if(i.is(":visible")){i.fadeOut(n);return}}else i=e(a('
    '+'
    '+"{prompt}
    "+''+"
    ",{prompt:this.widget.data("prompt")||"Copy code to clipboard:",html:this.options.pageHtml})),this.widget.append(i),this._codeBalloon=i,i.hide();i.fadeIn(n),i.find("textarea").select(),i.is(":visible")&&(i.removeClass(t+"balloon_right"),i.offset().left<0&&i.addClass(t+"balloon_right"),l(i))}},livejournal:{click:function(t){var n=this._livejournalForm;if(!n){var r=this.options.pageHtml.replace(/&/g,"&").replace(/"/g,""");n=e(a('
    ',{title:this.options.pageTitle,html:r})),this.widget.append(n),this._livejournalForm=n}n.submit()}}},i={promises:{},fetch:function(t,n){i.promises[t]||(i.promises[t]={});var s=i.promises[t];if(s[n])return s[n];var o=r[t],a=e.Deferred(),f=o.counterUrl&&u(o.counterUrl,{url:n});return e.isFunction(o.counter)?o.counter(f,a):o.counterUrl&&e.getJSON(f).done(function(t){try{var n=t;e.isFunction(o.convertNumber)&&(n=o.convertNumber(t)),a.resolve(n)}catch(r){a.reject(r)}}),s[n]=a.promise(),s[n]}};e.fn.socialLikes=function(){return this.each(function(){new s(e(this))})},s.prototype={optionsMap:{pageUrl:{attr:"url",defaultValue:function(){return window.location.href.replace(window.location.hash,"")}},pageTitle:{attr:"title",defaultValue:function(){return document.title}},pageHtml:{attr:"html",defaultValue:function(){return''+this.options.pageTitle+""}},pageCounters:{attr:"counters",defaultValue:"yes",convert:function(e){return e==="yes"}}},init:function(){this.readOptions(),this.single=this.container.hasClass("social-likes_single"),this.initUserButtons(),this.single&&this.container.on("counter.social-likes",e.proxy(this.updateCounter,this));var t=this.options;this.container.find("li").each(function(){new o(e(this),t)}),this.single&&this.makeSingleButton()},readOptions:function(){this.options={};for(var t in this.optionsMap){var n=this.optionsMap[t];this.options[t]=this.container.data(n.attr)||(e.isFunction(n.defaultValue)?e.proxy(n.defaultValue,this)():n.defaultValue),e.isFunction(n.convert)&&(this.options[t]=n.convert(this.options[t]))}},initUserButtons:function(){!this.userButtonInited&&window.socialLikesButtons&&e.extend(r,socialLikesButtons),this.userButtonInited=!0},makeSingleButton:function(){var r=this.container;r.addClass("social-likes_vertical"),r.wrap(e("
    ",{"class":"social-likes_single-w"}));var i=r.parent(),s=parseInt(r.css("left"),10),o=parseInt(r.css("top"),10);r.hide();var u=e("
    ",{"class":f("button","single"),text:r.data("single-title")||"Share"});u.prepend(e("",{"class":f("icon","single")})),i.append(u);var a=e("
  • ",{"class":t+"close",html:"×"});r.append(a),this.number=0,u.click(function(){return r.css({left:s,top:o}),c(r,20),l(r),!1}),a.click(function(){r.fadeOut(n)}),this.wrapper=i},updateCounter:function(e,t){if(!t)return;this.number+=t,this.getCounterElem().text(this.number)},getCounterElem:function(){var n=this.wrapper.find("."+t+"counter_single");return n.length||(n=e("",{"class":f("counter","single")}),this.wrapper.append(n)),n}},o.prototype={init:function(){this.detectParams(),this.initHtml(),this.options.pageCounters&&(this.options.counterNumber?this.updateCounter(this.options.counterNumber):i.fetch(this.service,this.options.pageUrl).done(e.proxy(this.updateCounter,this)))},detectService:function(){var t=this.widget[0].classList||this.widget[0].className.split(" ");for(var n=0;n":"",{"class":this.getElementClassNames("button"),text:n.text()});if(r){var o=u(t.clickUrl,{url:t.pageUrl,title:t.pageTitle});s.attr("href",o)}else s.click(e.proxy(this.click,this));s.prepend(e("",{"class":this.getElementClassNames("icon")})),n.empty().append(s),this.button=s},cloneDataAttrs:function(e,t){var n=e.data();for(var r in n)n.hasOwnProperty(r)&&t.data(r,n[r])},getElementClassNames:function(e){return f(e,this.service)},updateCounter:function(t){t=parseInt(t,10);if(!t)return;var n=e("",{"class":this.getElementClassNames("counter"),text:t});this.widget.append(n),this.widget.trigger("counter.social-likes",t)},click:function(t){var n=this.options;if(e.isFunction(n.click))n.click.call(this,t);else{var r=u(n.popupUrl,{url:n.pageUrl,title:n.pageTitle});r=this.addAdditionalParamsToUrl(r),this.openPopup(r,{width:n.pupupWidth,height:n.popupHeight})}return!1},addAdditionalParamsToUrl:function(t){var n=this.options.additionalParams;if(!n)return t;var r={};for(var i=0;it.height&&(r=Math.round(screen.height/3-t.height/2));var i=window.open(e,"sl_"+this.service,"left="+n+",top="+r+","+"width="+t.width+",height="+t.height+",personalbar=0,toolbar=0,scrollbars=1,resizable=1");i?i.focus():location.href=e}},e(function(){e(".social-likes").socialLikes()})}); \ No newline at end of file diff --git a/src/grunt.js b/src/grunt.js index 5e87303..af4c163 100644 --- a/src/grunt.js +++ b/src/grunt.js @@ -11,13 +11,14 @@ How to build this project? */ /*global module:false*/ +/*jshint node:true*/ module.exports = function(grunt) { 'use strict'; // Project configuration grunt.initConfig({ meta: { - version: '2.0.0 alpha', + version: '2.0.1', banner: "/*! Social Likes v<%= meta.version %> by Artem Sapegin - " + "http://sapegin.github.com/social-likes - " + "Licensed MIT */" @@ -42,8 +43,7 @@ module.exports = function(grunt) { options: { 'compress': true, 'include css': true, - 'urlfunc': 'embedurl', - 'paths': ['styles'] + 'urlfunc': 'embedurl' } } }, @@ -69,7 +69,8 @@ module.exports = function(grunt) { }, imgo: { imgo: { - files: 'icons/*.png' + files: 'icons/*.png', + skip: require('os').platform() === 'win32' } }, uglify: {}