1
a.login-with { display:inline-block; text-decoration:none; position:relative; width:auto; margin:2px; font-size:9pt; outline:none; user-select:none; -moz-user-select:none; -webkit-user-select:none; -ms-user-select:none; -o-user-select:none }
2
3
a.login-with:hover { background:none; text-decoration:none }
4
5
a.login-with b { font-weight:normal }
6
7
a.login-with i { display:inline-block;cursor:pointer;vertical-align:middle;width:26px; height:26px; background-color:#fff; background-position: center center; background-repeat: no-repeat; background-size:70% 55%; -webkit-transition: background-color .2s .01s ease-out, border-color .1s .01s ease-out;transition: background-color .2s .01s ease-out, border-color .1s .01s ease-out;border: none;position: static;opacity: 1;border-radius: 16px;}
8
9
a.telegram i { background-image: url(/.s/img/icon/social/tg.svg); border:2px solid #29B6F6 }
10
11
a.telegram:hover i {background-image: url(/.s/img/icon/social/tg-w.svg); background-color:#29B6F6 }
12
13
a.facebook i { background-image: url(/.s/img/icon/social/fb.svg); border:2px solid #3c599f }
14
15
a.facebook:hover i {background-image: url(/.s/img/icon/social/fb-w.svg); background-color:#3c599f }
16
17
a.vkontakte i { background-image: url(/.s/img/icon/social/vk.svg); border:2px solid #2f6caa }
18
19
a.vkontakte:hover i { background-image: url(/.s/img/icon/social/vk-w.svg); background-color:#2f6caa }
20
21
a.yandex i { background-image: url(/.s/img/icon/social/ya.svg); border:2px solid #dc4c39 }
22
23
a.yandex:hover i { background-image: url(/.s/img/icon/social/ya-w.svg); background-color:#dc4c39 }
24
25
a.google i { background-image: url(/.s/img/icon/social/gp.svg); border:2px solid #505050 }
26
27
a.google:hover i { background-image: url(/.s/img/icon/social/gp-w.svg); background-color:#505050 }
28
29
a.twitter i { background-image: url(/.s/img/icon/social/tw.svg); border:2px solid #00b3ec }
30
31
a.twitter:hover i { background-image: url(/.s/img/icon/social/tw-w.svg); background-color:#00b3ec }
32
33
a.ok i { background-image: url(/.s/img/icon/social/ok.svg); border:2px solid #ed812b }
34
35
a.ok:hover i { background-image: url(/.s/img/icon/social/ok-w.svg); background-color:#ed812b }
36
37
a.uid i { background-image: url(/.s/img/icon/social/u.svg); border:2px solid #3498db }
38
39
a.uid:hover i { background-image: url(/.s/img/icon/social/u-w.svg); background-color:#3498db }
40
...
</html>