2.0.1.
Artem Sapegin
parent
c420427f78
commit
f8f5987778
563
social-likes.css
563
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;
|
||||
}
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
|
|
@ -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: {}
|
||||
|
|
|
|||
Loading…
Reference in New Issue