PluginProbe
Ultimate Post Kit – Elementor Post Grid, Post Carousel, Post Slider & Blog Layout Widgets / 4.2.0
Ultimate Post Kit – Elementor Post Grid, Post Carousel, Post Slider & Blog Layout Widgets v4.2.0
4.5.6 4.5.5 4.5.4 4.2.1 4.2.2 4.2.3 4.5.0 4.5.2 4.5.3 4.2.0 4.1.18 4.1.17 4.1.16 4.1.15 4.1.14 4.1.13 4.1.12 4.1.11 4.1.10 4.1.9 4.1.8 4.0.9 4.1.0 4.1.1 4.1.2 All 148 releases
ultimate-post-kit / assets / css / upk-social-share.css

upk-social-share.css in Ultimate Post Kit – Elementor Post Grid, Post Carousel, Post Slider & Blog Layout Widgets 4.2.0, at assets/css/upk-social-share.css

555 lines 24.4 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 .upk-layout-style--inline .upk-social-share {
2 display: flex;
3 flex-wrap: wrap;
4 gap: 0;
5 }
6 .upk-layout-style--inline .upk-social-share .upk-social-share-item {
7 display: flex;
8 }
9 .upk-layout-style--inline .upk-social-share .upk-ss-btn {
10 margin: 0;
11 }
12
13 .upk-layout-style--grid .upk-social-share {
14 display: grid;
15 }
16
17 .upk-ss-position--top-left .upk-social-share,
18 .upk-ss-position--top-right .upk-social-share,
19 .upk-ss-position--center-left .upk-social-share,
20 .upk-ss-position--center-right .upk-social-share,
21 .upk-ss-position--bottom-left .upk-social-share,
22 .upk-ss-position--bottom-right .upk-social-share {
23 position: fixed;
24 z-index: 111;
25 }
26
27 .upk-ss-position--top-left .upk-social-share {
28 left: 0;
29 top: 0;
30 }
31
32 .upk-ss-position--top-right .upk-social-share {
33 right: 0;
34 top: 0;
35 }
36
37 .upk-ss-position--bottom-left .upk-social-share {
38 left: 0;
39 bottom: 0;
40 }
41
42 .upk-ss-position--bottom-right .upk-social-share {
43 right: 0;
44 bottom: 0;
45 }
46
47 .upk-ss-position--center-left .upk-social-share,
48 .upk-ss-position--center-right .upk-social-share {
49 display: inline;
50 top: 50%;
51 transform: translateY(-50%);
52 }
53 .upk-ss-position--center-left .upk-social-share .upk-ss-btn,
54 .upk-ss-position--center-right .upk-social-share .upk-ss-btn {
55 height: 4.2em;
56 width: 4.2em;
57 }
58 .upk-ss-position--center-left .upk-social-share .upk-ss-btn:hover,
59 .upk-ss-position--center-right .upk-social-share .upk-ss-btn:hover {
60 width: 100%;
61 }
62 .upk-ss-position--center-left .upk-social-share .upk-ss-icon,
63 .upk-ss-position--center-right .upk-social-share .upk-ss-icon {
64 width: 4.2em;
65 min-width: 4.2em;
66 }
67 .upk-ss-position--center-left.upk-ss-btns-view-text .upk-social-share .upk-ss-btn,
68 .upk-ss-position--center-right.upk-ss-btns-view-text .upk-social-share .upk-ss-btn {
69 width: 100%;
70 }
71 .upk-ss-position--center-left.upk-ss-btns-view-text .upk-social-share .upk-social-share-text,
72 .upk-ss-position--center-right.upk-ss-btns-view-text .upk-social-share .upk-social-share-text {
73 padding-left: 1.3em;
74 padding-right: 1.3em;
75 }
76
77 .upk-ss-position--center-left .upk-social-share {
78 left: 0;
79 }
80
81 .upk-ss-position--center-right .upk-social-share {
82 right: 0;
83 direction: rtl;
84 }
85 .upk-ss-position--center-right .upk-social-share .upk-social-share-text {
86 padding-left: 1.3em;
87 padding-right: 0;
88 }
89
90 .upk-ss-btn {
91 cursor: pointer;
92 }
93
94 .elementor-widget-share-buttons .upk-ep-grid {
95 overflow: hidden;
96 }
97
98 .upk-ss-btns-style-boxed .upk-social-share-text,
99 .upk-ss-btns-style-minimal .upk-social-share-text,
100 .upk-ss-btns-style-gradient .upk-social-share-text {
101 padding-left: 0.9em;
102 }
103
104 .upk-ss-btns-style-flat .upk-social-share,
105 .upk-ss-btns-style-flat .upk-social-share:hover,
106 .upk-ss-btns-style-gradient .upk-social-share,
107 .upk-ss-btns-style-gradient .upk-social-share:hover {
108 color: #fff;
109 }
110
111 .upk-ss-btns-style-flat .upk-social-link a,
112 .upk-ss-btns-style-flat .upk-social-link a:hover,
113 .upk-ss-btns-style-gradient .upk-social-link a,
114 .upk-ss-btns-style-gradient .upk-social-link a:hover {
115 color: #fff;
116 }
117
118 .upk-ss-icon-top--yes .upk-ss-btn {
119 flex-direction: column;
120 height: auto;
121 }
122 .upk-ss-icon-top--yes .upk-ss-btn .upk-ss-icon {
123 width: auto;
124 padding: 10px 10px 0 10px;
125 }
126 .upk-ss-icon-top--yes .upk-ss-btn .upk-social-share-text {
127 padding: 10px;
128 display: inline-block;
129 width: 100%;
130 text-align: center;
131 }
132 .upk-ss-icon-top--yes.upk-ss-btns-style-minimal .upk-ss-btn, .upk-ss-icon-top--yes.upk-ss-btns-style-gradient .upk-ss-btn, .upk-ss-icon-top--yes.upk-ss-btns-style-boxed .upk-ss-btn {
133 padding: 0px;
134 }
135 .upk-ss-icon-top--yes.upk-ss-btns-style-minimal .upk-ss-btn .upk-ss-icon, .upk-ss-icon-top--yes.upk-ss-btns-style-gradient .upk-ss-btn .upk-ss-icon, .upk-ss-icon-top--yes.upk-ss-btns-style-boxed .upk-ss-btn .upk-ss-icon {
136 padding: 10px;
137 }
138
139 .upk-ss-btns-style-minimal.upk-ss-btns-shape-rounded .upk-ss-icon {
140 border-radius: 0.5em;
141 }
142 .upk-ss-btns-style-minimal.upk-ss-btns-shape-circle .upk-ss-icon {
143 border-radius: 99.9em;
144 }
145 .upk-ss-btns-style-minimal .upk-social-share-text {
146 color: #222;
147 }
148
149 .upk-ss-btns-view-text .upk-social-share-text {
150 padding-left: 1.3em;
151 }
152
153 .upk-ss-btns-view-text .upk-ss-icon,
154 .upk-ss-btns-view-text .upk-social-share-text,
155 .upk-ss-btns-view-icon .upk-ss-icon,
156 .upk-ss-btns-view-icon .upk-social-share-text {
157 flex-grow: 1;
158 justify-content: center;
159 }
160
161 .upk-ss-btn {
162 overflow: hidden;
163 font-size: 10px;
164 display: flex;
165 align-items: center;
166 justify-content: flex-start;
167 transition-duration: 0.2s;
168 transition-property: filter, background-color, border-color, width;
169 height: 4.2em;
170 cursor: pointer;
171 }
172
173 .upk-ss-icon,
174 .upk-social-share-text {
175 transition-property: color, background-color;
176 transition-duration: 0.2s;
177 }
178
179 .upk-ss-icon {
180 display: flex;
181 align-self: stretch;
182 justify-content: center;
183 align-items: center;
184 text-align: center;
185 width: 4.2em;
186 position: relative;
187 }
188
189 .upk-ss-icon i {
190 font-size: 1.5em;
191 }
192
193 .upk-social-share-text {
194 font-size: 1.3em;
195 padding-right: 1.3em;
196 align-self: stretch;
197 flex-grow: 1;
198 align-items: center;
199 display: flex;
200 font-weight: 100;
201 }
202
203 .upk-social-share-title {
204 font-weight: bold;
205 flex-shrink: 0;
206 }
207
208 .upk-social-share-title + .upk-social-share-counter {
209 margin-left: 0.5em;
210 flex-shrink: 0;
211 }
212
213 .upk-ss-btns-color-original.upk-ss-btns-style-flat .upk-ss-vkontakte, .upk-ss-btns-color-original.upk-ss-btns-style-gradient .upk-ss-vkontakte {
214 background-color: #45668e;
215 }
216 .upk-ss-btns-color-original.upk-ss-btns-style-flat .upk-ss-facebook, .upk-ss-btns-color-original.upk-ss-btns-style-gradient .upk-ss-facebook {
217 background-color: #3b5998;
218 }
219 .upk-ss-btns-color-original.upk-ss-btns-style-flat .upk-ss-odnoklassniki, .upk-ss-btns-color-original.upk-ss-btns-style-gradient .upk-ss-odnoklassniki {
220 background-color: #F4731C;
221 }
222 .upk-ss-btns-color-original.upk-ss-btns-style-flat .upk-ss-moimir, .upk-ss-btns-color-original.upk-ss-btns-style-gradient .upk-ss-moimir {
223 background-color: #168DE2;
224 }
225 .upk-ss-btns-color-original.upk-ss-btns-style-flat .upk-ss-googleplus, .upk-ss-btns-color-original.upk-ss-btns-style-gradient .upk-ss-googleplus {
226 background-color: #dd4b39;
227 }
228 .upk-ss-btns-color-original.upk-ss-btns-style-flat .upk-ss-linkedin, .upk-ss-btns-color-original.upk-ss-btns-style-gradient .upk-ss-linkedin {
229 background-color: #0077b5;
230 }
231 .upk-ss-btns-color-original.upk-ss-btns-style-flat .upk-ss-twitter, .upk-ss-btns-color-original.upk-ss-btns-style-gradient .upk-ss-twitter {
232 background-color: #1DA1F2;
233 }
234 .upk-ss-btns-color-original.upk-ss-btns-style-flat .upk-ss-livejournal, .upk-ss-btns-color-original.upk-ss-btns-style-gradient .upk-ss-livejournal {
235 background-color: #00B0EA;
236 }
237 .upk-ss-btns-color-original.upk-ss-btns-style-flat .upk-ss-tumblr, .upk-ss-btns-color-original.upk-ss-btns-style-gradient .upk-ss-tumblr {
238 background-color: #35465c;
239 }
240 .upk-ss-btns-color-original.upk-ss-btns-style-flat .upk-ss-blogger, .upk-ss-btns-color-original.upk-ss-btns-style-gradient .upk-ss-blogger {
241 background-color: #F06A35;
242 }
243 .upk-ss-btns-color-original.upk-ss-btns-style-flat .upk-ss-pinterest, .upk-ss-btns-color-original.upk-ss-btns-style-gradient .upk-ss-pinterest {
244 background-color: #bd081c;
245 }
246 .upk-ss-btns-color-original.upk-ss-btns-style-flat .upk-ss-digg, .upk-ss-btns-color-original.upk-ss-btns-style-gradient .upk-ss-digg {
247 background-color: #005be2;
248 }
249 .upk-ss-btns-color-original.upk-ss-btns-style-flat .upk-ss-evernote, .upk-ss-btns-color-original.upk-ss-btns-style-gradient .upk-ss-evernote {
250 background-color: #2DBE60;
251 }
252 .upk-ss-btns-color-original.upk-ss-btns-style-flat .upk-ss-reddit, .upk-ss-btns-color-original.upk-ss-btns-style-gradient .upk-ss-reddit {
253 background-color: #ff4500;
254 }
255 .upk-ss-btns-color-original.upk-ss-btns-style-flat .upk-ss-delicious, .upk-ss-btns-color-original.upk-ss-btns-style-gradient .upk-ss-delicious {
256 background-color: #3399ff;
257 }
258 .upk-ss-btns-color-original.upk-ss-btns-style-flat .upk-ss-mix, .upk-ss-btns-color-original.upk-ss-btns-style-gradient .upk-ss-mix {
259 background-color: #fd8235;
260 }
261 .upk-ss-btns-color-original.upk-ss-btns-style-flat .upk-ss-pocket, .upk-ss-btns-color-original.upk-ss-btns-style-gradient .upk-ss-pocket {
262 background-color: #EF3F56;
263 }
264 .upk-ss-btns-color-original.upk-ss-btns-style-flat .upk-ss-surfingbird, .upk-ss-btns-color-original.upk-ss-btns-style-gradient .upk-ss-surfingbird {
265 background-color: #25B1F6;
266 }
267 .upk-ss-btns-color-original.upk-ss-btns-style-flat .upk-ss-liveinternet, .upk-ss-btns-color-original.upk-ss-btns-style-gradient .upk-ss-liveinternet {
268 background-color: #5382C4;
269 }
270 .upk-ss-btns-color-original.upk-ss-btns-style-flat .upk-ss-buffer, .upk-ss-btns-color-original.upk-ss-btns-style-gradient .upk-ss-buffer {
271 background-color: #1B1B1B;
272 }
273 .upk-ss-btns-color-original.upk-ss-btns-style-flat .upk-ss-instapaper, .upk-ss-btns-color-original.upk-ss-btns-style-gradient .upk-ss-instapaper {
274 background-color: #000000;
275 }
276 .upk-ss-btns-color-original.upk-ss-btns-style-flat .upk-ss-xing, .upk-ss-btns-color-original.upk-ss-btns-style-gradient .upk-ss-xing {
277 background-color: #026466;
278 }
279 .upk-ss-btns-color-original.upk-ss-btns-style-flat .upk-ss-wordpress, .upk-ss-btns-color-original.upk-ss-btns-style-gradient .upk-ss-wordpress {
280 background-color: #21759b;
281 }
282 .upk-ss-btns-color-original.upk-ss-btns-style-flat .upk-ss-baidu, .upk-ss-btns-color-original.upk-ss-btns-style-gradient .upk-ss-baidu {
283 background-color: #2319DC;
284 }
285 .upk-ss-btns-color-original.upk-ss-btns-style-flat .upk-ss-renren, .upk-ss-btns-color-original.upk-ss-btns-style-gradient .upk-ss-renren {
286 background-color: #237EC5;
287 }
288 .upk-ss-btns-color-original.upk-ss-btns-style-flat .upk-ss-weibo, .upk-ss-btns-color-original.upk-ss-btns-style-gradient .upk-ss-weibo {
289 background-color: #E6162D;
290 }
291 .upk-ss-btns-color-original.upk-ss-btns-style-flat .upk-ss-skype, .upk-ss-btns-color-original.upk-ss-btns-style-gradient .upk-ss-skype {
292 background-color: #00AFF0;
293 }
294 .upk-ss-btns-color-original.upk-ss-btns-style-flat .upk-ss-telegram, .upk-ss-btns-color-original.upk-ss-btns-style-gradient .upk-ss-telegram {
295 background-color: #2CA5E0;
296 }
297 .upk-ss-btns-color-original.upk-ss-btns-style-flat .upk-ss-viber, .upk-ss-btns-color-original.upk-ss-btns-style-gradient .upk-ss-viber {
298 background-color: #834995;
299 }
300 .upk-ss-btns-color-original.upk-ss-btns-style-flat .upk-ss-whatsapp, .upk-ss-btns-color-original.upk-ss-btns-style-gradient .upk-ss-whatsapp {
301 background-color: #25d366;
302 }
303 .upk-ss-btns-color-original.upk-ss-btns-style-flat .upk-ss-line, .upk-ss-btns-color-original.upk-ss-btns-style-gradient .upk-ss-line {
304 background-color: #00B900;
305 }
306 .upk-ss-btns-color-original.upk-ss-btns-style-flat .upk-ss-wechat, .upk-ss-btns-color-original.upk-ss-btns-style-gradient .upk-ss-wechat {
307 background-color: #2DC100;
308 }
309 .upk-ss-btns-color-original.upk-ss-btns-style-flat .upk-ss-meneame, .upk-ss-btns-color-original.upk-ss-btns-style-gradient .upk-ss-meneame {
310 background-color: #F86100;
311 }
312 .upk-ss-btns-color-original.upk-ss-btns-style-flat .upk-ss-flipboard, .upk-ss-btns-color-original.upk-ss-btns-style-gradient .upk-ss-flipboard {
313 background-color: #F52827;
314 }
315 .upk-ss-btns-color-original.upk-ss-btns-style-framed .upk-ss-vkontakte, .upk-ss-btns-color-original.upk-ss-btns-style-boxed .upk-ss-vkontakte {
316 color: #45668e;
317 }
318 .upk-ss-btns-color-original.upk-ss-btns-style-framed .upk-ss-facebook, .upk-ss-btns-color-original.upk-ss-btns-style-boxed .upk-ss-facebook {
319 color: #3b5998;
320 }
321 .upk-ss-btns-color-original.upk-ss-btns-style-framed .upk-ss-odnoklassniki, .upk-ss-btns-color-original.upk-ss-btns-style-boxed .upk-ss-odnoklassniki {
322 color: #F4731C;
323 }
324 .upk-ss-btns-color-original.upk-ss-btns-style-framed .upk-ss-moimir, .upk-ss-btns-color-original.upk-ss-btns-style-boxed .upk-ss-moimir {
325 color: #168DE2;
326 }
327 .upk-ss-btns-color-original.upk-ss-btns-style-framed .upk-ss-googleplus, .upk-ss-btns-color-original.upk-ss-btns-style-boxed .upk-ss-googleplus {
328 color: #dd4b39;
329 }
330 .upk-ss-btns-color-original.upk-ss-btns-style-framed .upk-ss-linkedin, .upk-ss-btns-color-original.upk-ss-btns-style-boxed .upk-ss-linkedin {
331 color: #0077b5;
332 }
333 .upk-ss-btns-color-original.upk-ss-btns-style-framed .upk-ss-twitter, .upk-ss-btns-color-original.upk-ss-btns-style-boxed .upk-ss-twitter {
334 color: #1DA1F2;
335 }
336 .upk-ss-btns-color-original.upk-ss-btns-style-framed .upk-ss-livejournal, .upk-ss-btns-color-original.upk-ss-btns-style-boxed .upk-ss-livejournal {
337 color: #00B0EA;
338 }
339 .upk-ss-btns-color-original.upk-ss-btns-style-framed .upk-ss-tumblr, .upk-ss-btns-color-original.upk-ss-btns-style-boxed .upk-ss-tumblr {
340 color: #35465c;
341 }
342 .upk-ss-btns-color-original.upk-ss-btns-style-framed .upk-ss-blogger, .upk-ss-btns-color-original.upk-ss-btns-style-boxed .upk-ss-blogger {
343 color: #F06A35;
344 }
345 .upk-ss-btns-color-original.upk-ss-btns-style-framed .upk-ss-pinterest, .upk-ss-btns-color-original.upk-ss-btns-style-boxed .upk-ss-pinterest {
346 color: #bd081c;
347 }
348 .upk-ss-btns-color-original.upk-ss-btns-style-framed .upk-ss-digg, .upk-ss-btns-color-original.upk-ss-btns-style-boxed .upk-ss-digg {
349 color: #005be2;
350 }
351 .upk-ss-btns-color-original.upk-ss-btns-style-framed .upk-ss-evernote, .upk-ss-btns-color-original.upk-ss-btns-style-boxed .upk-ss-evernote {
352 color: #2DBE60;
353 }
354 .upk-ss-btns-color-original.upk-ss-btns-style-framed .upk-ss-reddit, .upk-ss-btns-color-original.upk-ss-btns-style-boxed .upk-ss-reddit {
355 color: #ff4500;
356 }
357 .upk-ss-btns-color-original.upk-ss-btns-style-framed .upk-ss-delicious, .upk-ss-btns-color-original.upk-ss-btns-style-boxed .upk-ss-delicious {
358 color: #3399ff;
359 }
360 .upk-ss-btns-color-original.upk-ss-btns-style-framed .upk-ss-mix, .upk-ss-btns-color-original.upk-ss-btns-style-boxed .upk-ss-mix {
361 color: #fd8235;
362 }
363 .upk-ss-btns-color-original.upk-ss-btns-style-framed .upk-ss-pocket, .upk-ss-btns-color-original.upk-ss-btns-style-boxed .upk-ss-pocket {
364 color: #EF3F56;
365 }
366 .upk-ss-btns-color-original.upk-ss-btns-style-framed .upk-ss-surfingbird, .upk-ss-btns-color-original.upk-ss-btns-style-boxed .upk-ss-surfingbird {
367 color: #25B1F6;
368 }
369 .upk-ss-btns-color-original.upk-ss-btns-style-framed .upk-ss-liveinternet, .upk-ss-btns-color-original.upk-ss-btns-style-boxed .upk-ss-liveinternet {
370 color: #5382C4;
371 }
372 .upk-ss-btns-color-original.upk-ss-btns-style-framed .upk-ss-buffer, .upk-ss-btns-color-original.upk-ss-btns-style-boxed .upk-ss-buffer {
373 color: #1B1B1B;
374 }
375 .upk-ss-btns-color-original.upk-ss-btns-style-framed .upk-ss-instapaper, .upk-ss-btns-color-original.upk-ss-btns-style-boxed .upk-ss-instapaper {
376 color: #000000;
377 }
378 .upk-ss-btns-color-original.upk-ss-btns-style-framed .upk-ss-xing, .upk-ss-btns-color-original.upk-ss-btns-style-boxed .upk-ss-xing {
379 color: #026466;
380 }
381 .upk-ss-btns-color-original.upk-ss-btns-style-framed .upk-ss-wordpress, .upk-ss-btns-color-original.upk-ss-btns-style-boxed .upk-ss-wordpress {
382 color: #21759b;
383 }
384 .upk-ss-btns-color-original.upk-ss-btns-style-framed .upk-ss-baidu, .upk-ss-btns-color-original.upk-ss-btns-style-boxed .upk-ss-baidu {
385 color: #2319DC;
386 }
387 .upk-ss-btns-color-original.upk-ss-btns-style-framed .upk-ss-renren, .upk-ss-btns-color-original.upk-ss-btns-style-boxed .upk-ss-renren {
388 color: #237EC5;
389 }
390 .upk-ss-btns-color-original.upk-ss-btns-style-framed .upk-ss-weibo, .upk-ss-btns-color-original.upk-ss-btns-style-boxed .upk-ss-weibo {
391 color: #E6162D;
392 }
393 .upk-ss-btns-color-original.upk-ss-btns-style-framed .upk-ss-skype, .upk-ss-btns-color-original.upk-ss-btns-style-boxed .upk-ss-skype {
394 color: #00AFF0;
395 }
396 .upk-ss-btns-color-original.upk-ss-btns-style-framed .upk-ss-telegram, .upk-ss-btns-color-original.upk-ss-btns-style-boxed .upk-ss-telegram {
397 color: #2CA5E0;
398 }
399 .upk-ss-btns-color-original.upk-ss-btns-style-framed .upk-ss-viber, .upk-ss-btns-color-original.upk-ss-btns-style-boxed .upk-ss-viber {
400 color: #834995;
401 }
402 .upk-ss-btns-color-original.upk-ss-btns-style-framed .upk-ss-whatsapp, .upk-ss-btns-color-original.upk-ss-btns-style-boxed .upk-ss-whatsapp {
403 color: #25d366;
404 }
405 .upk-ss-btns-color-original.upk-ss-btns-style-framed .upk-ss-line, .upk-ss-btns-color-original.upk-ss-btns-style-boxed .upk-ss-line {
406 color: #00B900;
407 }
408 .upk-ss-btns-color-original.upk-ss-btns-style-framed .upk-ss-wechat, .upk-ss-btns-color-original.upk-ss-btns-style-boxed .upk-ss-wechat {
409 color: #2DC100;
410 }
411 .upk-ss-btns-color-original.upk-ss-btns-style-framed .upk-ss-meneame, .upk-ss-btns-color-original.upk-ss-btns-style-boxed .upk-ss-meneame {
412 color: #F86100;
413 }
414 .upk-ss-btns-color-original.upk-ss-btns-style-framed .upk-ss-flipboard, .upk-ss-btns-color-original.upk-ss-btns-style-boxed .upk-ss-flipboard {
415 color: #F52827;
416 }
417 .upk-ss-btns-color-original.upk-ss-btns-style-boxed .upk-ss-vkontakte .upk-ss-icon, .upk-ss-btns-color-original.upk-ss-btns-style-minimal .upk-ss-vkontakte .upk-ss-icon {
418 background-color: #45668e;
419 }
420 .upk-ss-btns-color-original.upk-ss-btns-style-boxed .upk-ss-facebook .upk-ss-icon, .upk-ss-btns-color-original.upk-ss-btns-style-minimal .upk-ss-facebook .upk-ss-icon {
421 background-color: #3b5998;
422 }
423 .upk-ss-btns-color-original.upk-ss-btns-style-boxed .upk-ss-odnoklassniki .upk-ss-icon, .upk-ss-btns-color-original.upk-ss-btns-style-minimal .upk-ss-odnoklassniki .upk-ss-icon {
424 background-color: #F4731C;
425 }
426 .upk-ss-btns-color-original.upk-ss-btns-style-boxed .upk-ss-moimir .upk-ss-icon, .upk-ss-btns-color-original.upk-ss-btns-style-minimal .upk-ss-moimir .upk-ss-icon {
427 background-color: #168DE2;
428 color: #FFAF32;
429 }
430 .upk-ss-btns-color-original.upk-ss-btns-style-boxed .upk-ss-googleplus .upk-ss-icon, .upk-ss-btns-color-original.upk-ss-btns-style-minimal .upk-ss-googleplus .upk-ss-icon {
431 background-color: #dd4b39;
432 }
433 .upk-ss-btns-color-original.upk-ss-btns-style-boxed .upk-ss-linkedin .upk-ss-icon, .upk-ss-btns-color-original.upk-ss-btns-style-minimal .upk-ss-linkedin .upk-ss-icon {
434 background-color: #0077b5;
435 }
436 .upk-ss-btns-color-original.upk-ss-btns-style-boxed .upk-ss-twitter .upk-ss-icon, .upk-ss-btns-color-original.upk-ss-btns-style-minimal .upk-ss-twitter .upk-ss-icon {
437 background-color: #1DA1F2;
438 }
439 .upk-ss-btns-color-original.upk-ss-btns-style-boxed .upk-ss-livejournal .upk-ss-icon, .upk-ss-btns-color-original.upk-ss-btns-style-minimal .upk-ss-livejournal .upk-ss-icon {
440 background-color: #00B0EA;
441 }
442 .upk-ss-btns-color-original.upk-ss-btns-style-boxed .upk-ss-tumblr .upk-ss-icon, .upk-ss-btns-color-original.upk-ss-btns-style-minimal .upk-ss-tumblr .upk-ss-icon {
443 background-color: #35465c;
444 }
445 .upk-ss-btns-color-original.upk-ss-btns-style-boxed .upk-ss-blogger .upk-ss-icon, .upk-ss-btns-color-original.upk-ss-btns-style-minimal .upk-ss-blogger .upk-ss-icon {
446 background-color: #F06A35;
447 }
448 .upk-ss-btns-color-original.upk-ss-btns-style-boxed .upk-ss-pinterest .upk-ss-icon, .upk-ss-btns-color-original.upk-ss-btns-style-minimal .upk-ss-pinterest .upk-ss-icon {
449 background-color: #bd081c;
450 }
451 .upk-ss-btns-color-original.upk-ss-btns-style-boxed .upk-ss-digg .upk-ss-icon, .upk-ss-btns-color-original.upk-ss-btns-style-minimal .upk-ss-digg .upk-ss-icon {
452 background-color: #005be2;
453 }
454 .upk-ss-btns-color-original.upk-ss-btns-style-boxed .upk-ss-evernote .upk-ss-icon, .upk-ss-btns-color-original.upk-ss-btns-style-minimal .upk-ss-evernote .upk-ss-icon {
455 background-color: #2DBE60;
456 }
457 .upk-ss-btns-color-original.upk-ss-btns-style-boxed .upk-ss-reddit .upk-ss-icon, .upk-ss-btns-color-original.upk-ss-btns-style-minimal .upk-ss-reddit .upk-ss-icon {
458 background-color: #ff4500;
459 }
460 .upk-ss-btns-color-original.upk-ss-btns-style-boxed .upk-ss-delicious .upk-ss-icon, .upk-ss-btns-color-original.upk-ss-btns-style-minimal .upk-ss-delicious .upk-ss-icon {
461 background-color: #3399ff;
462 }
463 .upk-ss-btns-color-original.upk-ss-btns-style-boxed .upk-ss-mix .upk-ss-icon, .upk-ss-btns-color-original.upk-ss-btns-style-minimal .upk-ss-mix .upk-ss-icon {
464 background-color: #fd8235;
465 }
466 .upk-ss-btns-color-original.upk-ss-btns-style-boxed .upk-ss-pocket .upk-ss-icon, .upk-ss-btns-color-original.upk-ss-btns-style-minimal .upk-ss-pocket .upk-ss-icon {
467 background-color: #EF3F56;
468 }
469 .upk-ss-btns-color-original.upk-ss-btns-style-boxed .upk-ss-surfingbird .upk-ss-icon, .upk-ss-btns-color-original.upk-ss-btns-style-minimal .upk-ss-surfingbird .upk-ss-icon {
470 background-color: #25B1F6;
471 }
472 .upk-ss-btns-color-original.upk-ss-btns-style-boxed .upk-ss-liveinternet .upk-ss-icon, .upk-ss-btns-color-original.upk-ss-btns-style-minimal .upk-ss-liveinternet .upk-ss-icon {
473 background-color: #5382C4;
474 }
475 .upk-ss-btns-color-original.upk-ss-btns-style-boxed .upk-ss-buffer .upk-ss-icon, .upk-ss-btns-color-original.upk-ss-btns-style-minimal .upk-ss-buffer .upk-ss-icon {
476 background-color: #1B1B1B;
477 }
478 .upk-ss-btns-color-original.upk-ss-btns-style-boxed .upk-ss-instapaper .upk-ss-icon, .upk-ss-btns-color-original.upk-ss-btns-style-minimal .upk-ss-instapaper .upk-ss-icon {
479 background-color: #000000;
480 }
481 .upk-ss-btns-color-original.upk-ss-btns-style-boxed .upk-ss-xing .upk-ss-icon, .upk-ss-btns-color-original.upk-ss-btns-style-minimal .upk-ss-xing .upk-ss-icon {
482 background-color: #026466;
483 }
484 .upk-ss-btns-color-original.upk-ss-btns-style-boxed .upk-ss-wordpress .upk-ss-icon, .upk-ss-btns-color-original.upk-ss-btns-style-minimal .upk-ss-wordpress .upk-ss-icon {
485 background-color: #21759b;
486 }
487 .upk-ss-btns-color-original.upk-ss-btns-style-boxed .upk-ss-baidu .upk-ss-icon, .upk-ss-btns-color-original.upk-ss-btns-style-minimal .upk-ss-baidu .upk-ss-icon {
488 background-color: #2319DC;
489 }
490 .upk-ss-btns-color-original.upk-ss-btns-style-boxed .upk-ss-renren .upk-ss-icon, .upk-ss-btns-color-original.upk-ss-btns-style-minimal .upk-ss-renren .upk-ss-icon {
491 background-color: #237EC5;
492 }
493 .upk-ss-btns-color-original.upk-ss-btns-style-boxed .upk-ss-weibo .upk-ss-icon, .upk-ss-btns-color-original.upk-ss-btns-style-minimal .upk-ss-weibo .upk-ss-icon {
494 background-color: #E6162D;
495 }
496 .upk-ss-btns-color-original.upk-ss-btns-style-boxed .upk-ss-skype .upk-ss-icon, .upk-ss-btns-color-original.upk-ss-btns-style-minimal .upk-ss-skype .upk-ss-icon {
497 background-color: #00AFF0;
498 }
499 .upk-ss-btns-color-original.upk-ss-btns-style-boxed .upk-ss-telegram .upk-ss-icon, .upk-ss-btns-color-original.upk-ss-btns-style-minimal .upk-ss-telegram .upk-ss-icon {
500 background-color: #2CA5E0;
501 }
502 .upk-ss-btns-color-original.upk-ss-btns-style-boxed .upk-ss-viber .upk-ss-icon, .upk-ss-btns-color-original.upk-ss-btns-style-minimal .upk-ss-viber .upk-ss-icon {
503 background-color: #834995;
504 }
505 .upk-ss-btns-color-original.upk-ss-btns-style-boxed .upk-ss-whatsapp .upk-ss-icon, .upk-ss-btns-color-original.upk-ss-btns-style-minimal .upk-ss-whatsapp .upk-ss-icon {
506 background-color: #25d366;
507 }
508 .upk-ss-btns-color-original.upk-ss-btns-style-boxed .upk-ss-line .upk-ss-icon, .upk-ss-btns-color-original.upk-ss-btns-style-minimal .upk-ss-line .upk-ss-icon {
509 background-color: #00B900;
510 }
511 .upk-ss-btns-color-original.upk-ss-btns-style-boxed .upk-ss-wechat .upk-ss-icon, .upk-ss-btns-color-original.upk-ss-btns-style-minimal .upk-ss-wechat .upk-ss-icon {
512 background-color: #2DC100;
513 }
514 .upk-ss-btns-color-original.upk-ss-btns-style-boxed .upk-ss-meneame .upk-ss-icon, .upk-ss-btns-color-original.upk-ss-btns-style-minimal .upk-ss-meneame .upk-ss-icon {
515 background-color: #F86100;
516 }
517 .upk-ss-btns-color-original.upk-ss-btns-style-boxed .upk-ss-flipboard .upk-ss-icon, .upk-ss-btns-color-original.upk-ss-btns-style-minimal .upk-ss-flipboard .upk-ss-icon {
518 background-color: #F52827;
519 }
520 .upk-ss-btns-color-original.upk-ss-btns-style-boxed .upk-ss-btn .upk-ss-icon, .upk-ss-btns-color-original.upk-ss-btns-style-minimal .upk-ss-btn .upk-ss-icon {
521 color: #fff;
522 }
523 .upk-ss-btns-color-original.upk-ss-btns-style-boxed .upk-ss-moimir .upk-ss-icon .fa-moimir:before, .upk-ss-btns-color-original.upk-ss-btns-style-minimal .upk-ss-moimir .upk-ss-icon .fa-moimir:before {
524 color: #FFAF32;
525 }
526
527 .upk-ss-btns-style-framed .upk-ss-btn,
528 .upk-ss-btns-style-boxed .upk-ss-btn {
529 border-style: solid;
530 }
531
532 .upk-ss-btns-style-gradient .upk-social-share-text {
533 background: linear-gradient(135deg, rgba(0, 0, 0, 0.12) 0%, rgba(0, 0, 0, 0) 100%);
534 }
535 .upk-ss-btns-style-gradient.upk-ss-btns-view-icon .upk-ss-icon {
536 background-image: linear-gradient(to right, rgba(0, 0, 0, 0.12), transparent);
537 }
538
539 .upk-ss-btns-color-original .upk-ss-btn:hover {
540 filter: saturate(1.2) brightness(1.1);
541 }
542
543 .upk-ss-btns-color-custom.upk-ss-btns-style-flat .upk-ss-btn, .upk-ss-btns-color-custom.upk-ss-btns-style-gradient .upk-ss-btn {
544 background-color: #666;
545 }
546 .upk-ss-btns-color-custom.upk-ss-btns-style-framed .upk-ss-btn, .upk-ss-btns-color-custom.upk-ss-btns-style-minimal .upk-ss-btn, .upk-ss-btns-color-custom.upk-ss-btns-style-boxed .upk-ss-btn {
547 color: #666;
548 border-color: #666;
549 }
550 .upk-ss-btns-color-custom.upk-ss-btns-style-boxed .upk-ss-btn .upk-ss-icon, .upk-ss-btns-color-custom.upk-ss-btns-style-minimal .upk-ss-btn .upk-ss-icon {
551 background-color: #666;
552 }
553 .upk-ss-btns-color-custom.upk-ss-btns-style-boxed .upk-ss-icon, .upk-ss-btns-color-custom.upk-ss-btns-style-minimal .upk-ss-icon {
554 color: #fff;
555 }