1 | .social-likes,
|
2 | .social-likes__widget,
|
3 | .social-likes__button {
|
4 | animation: none 0s ease 0s 1 normal none running;
|
5 | backface-visibility: visible;
|
6 | background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
|
7 | border: medium none currentColor;
|
8 | border-collapse: separate;
|
9 | border-image: none;
|
10 | border-radius: 0;
|
11 | border-spacing: 0;
|
12 | bottom: auto;
|
13 | box-shadow: none;
|
14 | box-sizing: content-box;
|
15 | caption-side: top;
|
16 | clear: none;
|
17 | clip: auto;
|
18 | color: #000;
|
19 | columns: auto;
|
20 | column-count: auto;
|
21 | column-fill: balance;
|
22 | column-gap: normal;
|
23 | column-rule: medium none currentColor;
|
24 | column-span: 1;
|
25 | column-width: auto;
|
26 | content: normal;
|
27 | counter-increment: none;
|
28 | counter-reset: none;
|
29 | cursor: auto;
|
30 | direction: ltr;
|
31 | display: inline;
|
32 | empty-cells: show;
|
33 | float: none;
|
34 | font-family: serif;
|
35 | font-size: medium;
|
36 | font-style: normal;
|
37 | font-variant: normal;
|
38 | font-weight: normal;
|
39 | font-stretch: normal;
|
40 | line-height: normal;
|
41 | height: auto;
|
42 | hyphens: none;
|
43 | left: auto;
|
44 | letter-spacing: normal;
|
45 | list-style: disc outside none;
|
46 | margin: 0;
|
47 | max-height: none;
|
48 | max-width: none;
|
49 | min-height: 0;
|
50 | min-width: 0;
|
51 | opacity: 1;
|
52 | orphans: 2;
|
53 | outline: medium none invert;
|
54 | overflow: visible;
|
55 | overflow-x: visible;
|
56 | overflow-y: visible;
|
57 | padding: 0;
|
58 | page-break-after: auto;
|
59 | page-break-before: auto;
|
60 | page-break-inside: auto;
|
61 | perspective: none;
|
62 | perspective-origin: 50% 50%;
|
63 | position: static;
|
64 | right: auto;
|
65 | tab-size: 8;
|
66 | table-layout: auto;
|
67 | text-align: left;
|
68 | text-align-last: auto;
|
69 | text-decoration: none;
|
70 | text-indent: 0;
|
71 | text-shadow: none;
|
72 | text-transform: none;
|
73 | top: auto;
|
74 | transform: none;
|
75 | transform-origin: 50% 50% 0;
|
76 | transform-style: flat;
|
77 | transition: none 0s ease 0s;
|
78 | unicode-bidi: normal;
|
79 | vertical-align: baseline;
|
80 | visibility: visible;
|
81 | white-space: normal;
|
82 | widows: 2;
|
83 | width: auto;
|
84 | word-spacing: normal;
|
85 | z-index: auto;
|
86 | all: initial;
|
87 | box-sizing: border-box;
|
88 | }
|
89 | .social-likes::before,
|
90 | .social-likes::after,
|
91 | .social-likes__widget::before,
|
92 | .social-likes__widget::after,
|
93 | .social-likes__button::before,
|
94 | .social-likes__button::after {
|
95 | display: none;
|
96 | }
|
97 | .social-likes {
|
98 | opacity: 0;
|
99 | }
|
100 | .social-likes_visible {
|
101 | opacity: 1;
|
102 | transition: opacity 0.25s ease-in;
|
103 | }
|
104 | .social-likes > * {
|
105 | display: block;
|
106 | visibility: hidden;
|
107 | }
|
108 | .social-likes_visible > * {
|
109 | visibility: inherit;
|
110 | }
|
111 | .social-likes {
|
112 | display: -webkit-flex;
|
113 | display: flex;
|
114 | -webkit-flex-wrap: wrap;
|
115 | flex-wrap: wrap;
|
116 | font-size: 16px;
|
117 | }
|
118 | .social-likes__widget {
|
119 | display: block;
|
120 | position: relative;
|
121 | white-space: nowrap;
|
122 | cursor: pointer;
|
123 | font-size: inherit;
|
124 | line-height: inherit;
|
125 | }
|
126 | .social-likes__button {
|
127 | display: block;
|
128 | text-rendering: optimizeLegibility;
|
129 | font-family: 'Helvetica Neue', Arial, sans-serif;
|
130 | line-height: inherit;
|
131 | color: inherit;
|
132 | cursor: pointer;
|
133 | -webkit-user-select: none;
|
134 | -moz-user-select: none;
|
135 | -ms-user-select: none;
|
136 | user-select: none;
|
137 | }
|
138 | .social-likes__invisible-button {
|
139 | display: block;
|
140 | width: 100%;
|
141 | height: 100%;
|
142 | }
|
143 | .social-likes__icon {
|
144 | position: absolute;
|
145 | fill: currentColor;
|
146 | width: 1em;
|
147 | height: 1em;
|
148 | }
|
149 | .social-likes__widget_notext .social-likes__icon {
|
150 | position: static;
|
151 | display: block;
|
152 | margin: 0.3125em;
|
153 | }
|
154 | .social-likes_vertical {
|
155 | -webkit-flex-direction: column;
|
156 | flex-direction: column;
|
157 | }
|
158 | .social-likes {
|
159 | min-height: 36px;
|
160 | margin: -0.3em;
|
161 | line-height: 1.35;
|
162 | }
|
163 | .social-likes__widget {
|
164 | margin: 0.3em;
|
165 | color: #333;
|
166 | background: #fff;
|
167 | border: 1px solid #ccc;
|
168 | border-radius: 0.1875em;
|
169 | }
|
170 | .social-likes__widget:hover,
|
171 | .social-likes__widget:active,
|
172 | .social-likes__widget:focus,
|
173 | .social-likes__widget:hover .social-likes__icon,
|
174 | .social-likes__widget:active .social-likes__icon,
|
175 | .social-likes__widget:focus .social-likes__icon {
|
176 | -webkit-font-smoothing: antialiased;
|
177 | -moz-osx-font-smoothing: grayscale;
|
178 | color: #fff;
|
179 | }
|
180 | .social-likes__button {
|
181 | padding: 0.1875em 0.4em 0.25em 1.7em;
|
182 | vertical-align: middle;
|
183 | font-size: 0.875em;
|
184 | font-weight: normal;
|
185 | }
|
186 | .social-likes__icon {
|
187 | top: 0.25em;
|
188 | left: 0.25em;
|
189 | }
|
190 | .social-likes_vertical .social-likes__widget {
|
191 | width: 10em;
|
192 | }
|
193 | .social-likes__widget_facebook:hover,
|
194 | .social-likes__widget_facebook:active,
|
195 | .social-likes__widget_facebook:focus {
|
196 | background: #425497;
|
197 | border-color: #425497;
|
198 | }
|
199 | .social-likes__icon_facebook {
|
200 | color: #425497;
|
201 | }
|
202 | .social-likes__widget_twitter:hover,
|
203 | .social-likes__widget_twitter:active,
|
204 | .social-likes__widget_twitter:focus {
|
205 | background: #00b7ec;
|
206 | border-color: #00b7ec;
|
207 | }
|
208 | .social-likes__icon_twitter {
|
209 | color: #00b7ec;
|
210 | }
|
211 | .social-likes__widget_plusone:hover,
|
212 | .social-likes__widget_plusone:active,
|
213 | .social-likes__widget_plusone:focus {
|
214 | background: #dd4241;
|
215 | border-color: #dd4241;
|
216 | }
|
217 | .social-likes__icon_plusone {
|
218 | color: #dd4241;
|
219 | }
|
220 | .social-likes__widget_vkontakte:hover,
|
221 | .social-likes__widget_vkontakte:active,
|
222 | .social-likes__widget_vkontakte:focus {
|
223 | background: #526e8f;
|
224 | border-color: #526e8f;
|
225 | }
|
226 | .social-likes__icon_vkontakte {
|
227 | color: #526e8f;
|
228 | }
|
229 | .social-likes__widget_odnoklassniki:hover,
|
230 | .social-likes__widget_odnoklassniki:active,
|
231 | .social-likes__widget_odnoklassniki:focus {
|
232 | background: #f6903b;
|
233 | border-color: #f6903b;
|
234 | }
|
235 | .social-likes__icon_odnoklassniki {
|
236 | color: #f6903b;
|
237 | }
|
238 | .social-likes__widget_pinterest:hover,
|
239 | .social-likes__widget_pinterest:active,
|
240 | .social-likes__widget_pinterest:focus {
|
241 | background: #cc002b;
|
242 | border-color: #cc002b;
|
243 | }
|
244 | .social-likes__icon_pinterest {
|
245 | color: #cc002b;
|
246 | }
|
247 | .social-likes__widget_telegram:hover,
|
248 | .social-likes__widget_telegram:active,
|
249 | .social-likes__widget_telegram:focus {
|
250 | background: #34abde;
|
251 | border-color: #34abde;
|
252 | }
|
253 | .social-likes__icon_telegram {
|
254 | color: #34abde;
|
255 | }
|
256 | .social-likes__widget_linkedin:hover,
|
257 | .social-likes__widget_linkedin:active,
|
258 | .social-likes__widget_linkedin:focus {
|
259 | background: #0077b5;
|
260 | border-color: #0077b5;
|
261 | }
|
262 | .social-likes__icon_linkedin {
|
263 | color: #0077b5;
|
264 | }
|