PluginProbe
Ultimate Post Kit – Elementor Post Grid, Post Carousel, Post Slider & Blog Layout Widgets / 4.1.18
Ultimate Post Kit – Elementor Post Grid, Post Carousel, Post Slider & Blog Layout Widgets v4.1.18
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.1.18, at assets/css/upk-social-share.css

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