Simple Author Box - Version 2.1.0

Version Description

Release Info

Developer	machothemes
Plugin	Simple Author Box
Version	2.1.0
Comparing to
See all releases

Code changes from version 2.0.9 to 2.1.0

Files changed (30) hide show

assets/css/images/ui-bg_flat_0_aaaaaa_40x100.png +0 -0
assets/css/images/ui-bg_glass_100_f6f6f6_1x400.png +0 -0
assets/css/images/ui-icons_444444_256x240.png +0 -0
assets/css/images/ui-icons_555555_256x240.png +0 -0
assets/css/images/ui-icons_777620_256x240.png +0 -0
assets/css/images/ui-icons_777777_256x240.png +0 -0
assets/css/images/ui-icons_cc0000_256x240.png +0 -0
assets/css/images/ui-icons_ffffff_256x240.png +0 -0
assets/css/sabox-admin-style.css +363 -328
assets/css/sabox-admin-style.min.css +1 -1
assets/css/sabox.css +4 -0
assets/css/sabox.min.css +1 -1
assets/css/simple-author-box.css +205 -1239
assets/css/simple-author-box.min.css +1 -1
assets/img/handshake.png +0 -0
assets/img/kiwi.png +0 -0
assets/img/modula.jpg +0 -0
assets/img/speed.png +0 -0
assets/js/sab-preview.js +401 -0
assets/js/sabox-admin.js +6 -2
inc/class-simple-author-box-admin-page.php +92 -64
inc/class-simple-author-box-helper.php +160 -48
inc/class-simple-author-box-previewer.php +274 -0
inc/class-simple-author-box-social.php +439 -0
inc/class-simple-author-box-user-profile.php +5 -3
inc/class-simple-author-box.php +66 -66
inc/functions.php +1 -1
readme.txt +16 -1
simple-author-box.php +2 -2
template/template-sab.php +13 -17

assets/css/images/ui-bg_flat_0_aaaaaa_40x100.png ADDED Viewed

Binary file

assets/css/images/ui-bg_glass_100_f6f6f6_1x400.png ADDED Viewed

Binary file

assets/css/images/ui-icons_444444_256x240.png ADDED Viewed

Binary file

assets/css/images/ui-icons_555555_256x240.png ADDED Viewed

Binary file

assets/css/images/ui-icons_777620_256x240.png ADDED Viewed

Binary file

assets/css/images/ui-icons_777777_256x240.png ADDED Viewed

Binary file

assets/css/images/ui-icons_cc0000_256x240.png ADDED Viewed

Binary file

assets/css/images/ui-icons_ffffff_256x240.png ADDED Viewed

Binary file

assets/css/sabox-admin-style.css CHANGED Viewed

	@@ -1,277 +1,277 @@
1	/* ADMIN PLUGIN STYLE
2	-------------------------------------------------------------- */
3	.sabox-table.form-table th {
4	- width: 400px;
5	- padding: 10px 15px;
6	- vertical-align: middle;
7	}
8
9	.sabox-table.form-table {
10	- margin-bottom: 30px;
11	}
12
13	.sabox-table .epfw-tooltip {
14	- color: #b8cad7;
15	- margin-right: 10px;
16	}
17
18	.sabox-table .wp-picker-container {
19	- text-align: right;
20	}
21
22	.sabox-table .wp-picker-holder {
23	- position: absolute;
24	}
25
26	.sabox-table select {
27	- float: right;
28	}
29
30	.sabox-table.form-table tr {
31	- background-color: #fff;
32	- border-bottom: 1px solid #eee;
33	- vertical-align: middle !important;
34	}
35
36	.sabox-table tbody {
37	- border: 1px solid #ddd;
38	}
39
40	.sabox-table.form-table tr:last-of-type {
41	- border-bottom: 0;
42	}
43
44	.sabox-wrap {
45	- max-width: 860px;
46	- padding-left: 20px;
47	- margin: 0 auto;
48	}
49
50	.hide {
51	- display: none;
52	}
53
54	/*.sabox-slider-container .saboxfield {
55	display: none;
56	}*/
57	.sabox-slider-container {
58	- max-width: 390px;
59	- padding-bottom: 5px;
60	- box-sizing: border-box;
61	}
62
63	.sabox-slider-container .ui-slider .ui-slider-handle {
64	- width: auto;
65	- text-align: center;
66	- min-width: 1.2em;
67	}
68
69	.sabox-table p.description {
70	- font-weight: normal;
71	}
72
73	.wp-admin .checkbox_switch {
74	- display: inline-block;
75	- width: 100%;
76	- text-align: right;
77	}
78
79	.customize-control-title.onoffswitch_label {
80	- width: 71%;
81	}
82
83	.sabox-table .onoffswitch_label {
84	- display: inline-block;
85	- vertical-align: top;
86	- margin-right: 21px;
87	- margin-top: -1px;
88	}
89
90	.sabox-table .onoffswitch {
91	- position: relative;
92	- width: 52px;
93	- display: inline-block;
94	- -webkit-user-select: none;
95	- -moz-user-select: none;
96	- -ms-user-select: none;
97	}
98
99	.sabox-table .onoffswitch-checkbox {
100	- display: none !important;
101	}
102
103	.sabox-table .onoffswitch-label {
104	- display: block;
105	- overflow: hidden;
106	- cursor: pointer;
107	- height: 22px;
108	- padding: 0;
109	- line-height: 19px;
110	- transition: background-color 0.2s ease-in;
111	- -webkit-border-radius: 11px;
112	- -moz-border-radius: 11px;
113	- border-radius: 30px;
114	- background-color: #c4c4c4;
115	- -webkit-box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.11);
116	- -moz-box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.11);
117	- box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.11);
118	}
119
120	.sabox-table .onoffswitch-label:before {
121	- content: "";
122	- display: block;
123	- width: 18px;
124	- height: 18px;
125	- margin: 0;
126	- position: absolute;
127	- top: 2px;
128	- bottom: 0;
129	- right: 32px;
130	- background-color: #fff;
131	- -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
132	- -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
133	- box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
134	- -webkit-border-radius: 10px;
135	- -moz-border-radius: 10px;
136	- border-radius: 10px;
137	- transition: all 0.2s ease-in 0s;
138	}
139
140	.sabox-table .onoffswitch-label:after {
141	- content: "OFF";
142	- display: block;
143	- color: #fff;
144	- position: absolute;
145	- top: 2px;
146	- bottom: 2px;
147	- right: 6px;
148	- font-size: 11px;
149	- font-family: 'Arial';
150	}
151
152	.sabox-table .onoffswitch-checkbox:checked + .onoffswitch-label {
153	- background-color: #3caf0e;
154	}
155
156	.sabox-table .onoffswitch-checkbox:checked + .onoffswitch-label,
157	.sabox-table .onoffswitch-checkbox:checked + .onoffswitch-label:before {
158	- border-color: #3caf0e;
159	}
160
161	.sabox-table .onoffswitch-checkbox:checked + .onoffswitch-label:before {
162	- right: 2px;
163	}
164
165	.sabox-table .onoffswitch-checkbox:checked + .onoffswitch-label:after {
166	- content: "ON";
167	- display: block;
168	- color: #fff;
169	- position: absolute;
170	- top: 2px;
171	- bottom: 2px;
172	- right: 27px;
173	- font-size: 11px;
174	- font-family: 'Arial';
175	}
176
177	.sabox-table .slider-container {
178	- position: relative;
179	- padding-left: 50px;
180	}
181
182	.sabox-table .slider-container input[type="text"] {
183	- border: none;
184	- text-align: center;
185	- padding: 2px;
186	- margin: 0;
187	- font-size: 12px;
188	- color: #333;
189	- border-radius: 10px;
190	- background-color: #f8f8f8;
191	- -webkit-box-shadow: inset 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
192	- -moz-box-shadow: inset 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
193	- box-shadow: inset 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
194	- width: 42px;
195	- height: 22px;
196	- position: absolute;
197	- left: 0;
198	- top: 2px;
199	}
200
201	.sabox-table .slider-container .ui-slider {
202	- position: relative;
203	- text-align: left;
204	- height: 2px;
205	- border-radius: 3px;
206	- border: none;
207	- margin-top: 10px;
208	- margin-left: 22px;
209	- display: inline-block;
210	- width: 97%;
211	- background: #d6d6d6;
212	}
213
214	.sabox-table .slider-container .ui-slider .ui-slider-handle {
215	- position: absolute;
216	- z-index: 2;
217	- top: -10px;
218	- cursor: default;
219	- -ms-touch-action: none;
220	- touch-action: none;
221	- width: 18px;
222	- height: 18px;
223	- -webkit-border-radius: 9px;
224	- -moz-border-radius: 9px;
225	- border-radius: 9px;
226	- background-color: #fff;
227	- -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
228	- -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
229	- box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
230	- border: solid 1px #d7d7d7;
231	- transform: translateX(-50%);
232	}
233
234	.sabox-table .slider-container .ui-slider .ui-slider-range {
235	- position: absolute;
236	- z-index: 1;
237	- font-size: 0.7em;
238	- display: block;
239	- border: 0;
240	- background-position: 0 0;
241	- background: #e04d43;
242	- top: 0;
243	- bottom: 0;
244	}
245
246	/* Social Links */
247	.sabox-add-social-link {
248	- text-align: center;
249	- padding: 10px 0;
250	- max-width: 570px;
251	}
252
253	.sabox-add-social-link:hover {
254	- border-color: #000;
255	}
256
257	#sabox-social-table .dashicons-trash {
258	- vertical-align: middle;
259	- cursor: pointer;
260	- color: #a00;
261	}
262
263	#sabox-social-table .dashicons-trash:hover {
264	- color: #dc3232;
265	}
266
267	/* Simple Author Box Badge */
268	#sab-current-image img {
269	- max-width: 130px;
270	- height: auto;
271	}
272
273	.checkbox-label {
274	- text-transform: capitalize;
275	}
276
277	/* EPFW Styles
	@@ -282,314 +282,349 @@
282
283	/* tab styling */
284	.epfw-tab-wrapper.nav-tab-wrapper {
285	- background: #fff;
286	- padding: 0;
287	- border: 1px solid #ddd;
288	- text-align: center;
289	- margin-bottom: ~~40px~~;
290	}
291
292	.epfw-tab.nav-tab {
293	- background: ~~#fff~~;
294	- border: 0;
295	- display: inline-block;
296	- margin-right: 20px;
297	- margin-left: 0;
298	- padding: 10px;
299	- border-bottom: 2px solid transparent;
300	- color: #0073aa;
301	- font-weight: 400;


302	}
303
304	.epfw-tab.nav-tab.nav-tab-active {
305	- border-bottom: 2px solid #2e4453;
306	- color: #2e4453;
307	}
308
309	/* admin options page styling */
310	.masthead {
311	- ~~background~~-~~color~~: ~~#fff~~;
312	- ~~text~~-~~align~~: ~~center~~;
313	- ~~box~~-~~shadow~~: ~~0 1px 0 rgba(200, 215, 225, 0.5), 0 1px 2px #ddd~~;
314	- ~~margin-bottom~~: ~~40px~~;
315	- padding: 20px;
316	}
317
318	.masthead h1 {
319	- margin: 0;
320	- padding: 0;
321	- display: inline-block;
322	- font-size: 20px;
323	- color: #000;
324	- font-weight: 500;
325	}
326
327	.masthead a {
328	- display: inline-block;
329	- margin: 0 10px;
330	- text-decoration: none;
331	}
332
333	.sabox-version {
334	- margin: 20px auto;
335	- padding: 20px 0;
336	- display: block;
337	- text-align: center;
338	- border-bottom: 1px solid #ddd;
339	- border-top: 1px solid #ddd;
340	}
341
342	body.toplevel_page_simple-author-box-options {
343	- background-color: #f3f6f8;
344	}
345
346	body.toplevel_page_simple-author-box-options #wpcontent {
347	- padding-left: 0;
348	}
349
350	.sabox-masthead-left,
351	.sabox-masthead-right {
352	- display: inline-block;
353	}
354
355	.sabox-masthead-left {
356	- float: left;
357	}
358
359	.sabox-masthead-right {
360	- float: right;
361	}
362
363	/* tooltips styling */
364	.epfw-tooltip {
365	- position: relative;
366	- display: inline;
367	- margin-right: 10px;
368	}
369
370	.epfw-tooltip:after {
371	- font-weight: 400;
372	- display: block;
373	- visibility: hidden;
374	- position: absolute;
375	- bottom: 0;
376	- left: 20%;
377	- opacity: 0;
378	- content: attr(data-tooltip); /* might also use attr(title) */
379	- height: auto;
380	- min-width: 300px;
381	- z-index: 999;
382	- text-decoration: none;
383	- text-align: center;
384	- border: 1px solid #c8d7e1;
385	- border-radius: 4px;
386	- box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1), 0 0 56px rgba(0, 0, 0, 0.075);
387	- background: #fff;
388	- color: #4f748e;
389	- font-size: 13px;
390	- padding: 16px;
391	}
392
393	.epfw-tooltip:before {
394	- position: absolute;
395	- visibility: hidden;
396	- width: 0;
397	- height: 0;
398	- left: 50%;
399	- bottom: 0px;
400	- opacity: 0;
401	- content: "";
402	- border-style: solid;
403	- border-width: 6px 6px 0 6px;
404	- border-color: rgba(255, 255, 255, 0.85) transparent transparent transparent;
405	}
406
407	.epfw-tooltip:hover:after {
408	- visibility: visible;
409	- opacity: 1;
410	- bottom: 20px;
411	}
412
413	.epfw-tooltip:hover:before {
414	- visibility: visible;
415	- opacity: 1;
416	- bottom: 14px;
417	}
418
419	/* radio group styling */
420	.sabox-table input[type="radio"] {
421	- display: none;
422	- margin: 10px;
423	}
424
425	.sabox-table input[type="radio"] + label {
426	- margin: .25em 0 .5em !important;
427	- min-width: 100px;
428	- display: inline-block;
429	- padding: 4px 12px;
430	- font-size: 14px;
431	- line-height: 20px;
432	- color: #333;
433	- text-align: center;
434	- text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
435	- vertical-align: middle;
436	- cursor: pointer;
437	- background-color: #f5f5f5;
438	- background-image: -moz-linear-gradient(top, #fff, #e6e6e6);
439	- background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#e6e6e6));
440	- background-image: -webkit-linear-gradient(top, #fff, #e6e6e6);
441	- background-image: -o-linear-gradient(top, #fff, #e6e6e6);
442	- background-image: linear-gradient(to bottom, #fff, #e6e6e6);
443	- background-repeat: repeat-x;
444	- border: 1px solid #ccc;
445	- border-color: #e6e6e6 #e6e6e6 #bfbfbf;
446	- border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
447	- border-bottom-color: #b3b3b3;
448	- filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
449	- filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
450	- -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
451	- -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
452	- box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
453	}
454
455	.sabox-table input[type="radio"]:checked + label {
456	- background-image: none;
457	- outline: 0;
458	- -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
459	- -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
460	- box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
461	- background-color: #e0e0e0;
462	}
463
464	.sabox-radio-group {
465	- text-align: right;
466	}
467
468	.sabox-multicheckbox {
469	- text-align: right;
470	}
471
472	.sabox-multicheckbox > div {
473	- display: inline-block;
474	- margin: 0 0 10px 10px;
475	}
476
477	/* Upsell */
478	a.upgrade-pro {
479	- float: right;
480	- color: red !important;
481	- margin-right: 0 !important;
482	- text-decoration: none;
483	- font-size: 14px;
484	- padding: 12px;
485	}
486
487	a.upgrade-pro:after {
488	- font-family: 'dashicons';
489	- content: '\f155';
490	- margin-left: 7px;
491	- vertical-align: middle;
492	}
493
494	.wp-has-submenu a[href*="admin.php?page=sab-upgrade"] {
495	- color: red !important;
496	}
497
498	.wp-has-submenu a[href*="admin.php?page=sab-upgrade"]:after {
499	- font-family: 'dashicons';
500	- content: '\f155';
501	- margin-left: 7px;
502	- vertical-align: middle;
503	}
504
505	/* Lite vs PRO SEction */
506	.featured-section.features .row {
507	- display: inline-block;
508	- width: 97%;
509	- padding: 15px;
510	- border-bottom: 1px solid rgba(0, 0, 0, .06);
511	}
512
513	.featured-section.features .row .dashicons-yes {
514	- color: #2cbe4e;
515	}
516
517	.featured-section.features .row .dashicons-no-alt {
518	- color: #~~FF3D2E~~;
519	}
520
521	.featured-section.features .row > div {
522	- display: inline-block;
523	- float: left;
524	- width: 15%;
525	- text-align: center;
526	}
527
528	.featured-section.features .row > .feature {
529	- width: 70%;
530	- text-align: left;
531	}
532
533	.featured-section .free-pro-table {
534	- border-spacing: 0;
535	- width: 100%;
536	- margin-top: 40px;
537	}
538
539	.featured-section .free-pro-table th {
540	- padding-bottom: 20px;
541	}
542
543	.featured-section .free-pro-table td {
544	- border-top: 1px solid #ccc;
545	- padding: 20px 0 25px;
546	}
547
548	.featured-section .free-pro-table h3 {
549	- margin: 0;
550	}
551
552	.featured-section .free-pro-table td p {
553	- margin: 0;
554	}
555
556	.featured-section .free-pro-table .sab-feature,
557	.featured-section .free-pro-table .sab-pro-feature {
558	- text-align: center;
559	- width: 15%;
560	}
561
562	.featured-section .free-pro-table .dashicons-yes {
563	- color: #~~00A878~~;
564	}
565
566	.featured-section .free-pro-table .dashicons-no-alt {
567	- color: #ff3439;
568	}
569
570	.featured-section .free-pro-table .dashicons-before:before,
571	.featured-section .free-pro-table .dashicons-before:before {
572	- font-size: 35px;
573	- height: 35px;
574	- width: 35px;
575	}
576
577	.featured-section .button-hero .dashicons {
578	- font-size: 16px;
579	- vertical-align: middle;
580	}
581
582	.featured-section .ti-about-page-text-center {
583	- text-align: center;
584	}
585
586	.free-pro-table .text-right {
587	- text-align: right;
588	}
589
590	body .simple-author-box-wrap .wp-badge {
591	- background: url('../img/sab-big-icon.png') center 35px no-repeat #~~27547D~~;
592	- padding-top: 160px;
593	- height: 0;
594	- background-size: 80%;
595	- }


1	/* ADMIN PLUGIN STYLE
2	-------------------------------------------------------------- */
3	.sabox-table.form-table th {
4	+ width: 400px;
5	+ padding: 10px 15px;
6	+ vertical-align: middle;
7	}
8
9	.sabox-table.form-table {
10	+ margin-bottom: 30px;
11	}
12
13	.sabox-table .epfw-tooltip {
14	+ color: #b8cad7;
15	+ margin-right: 10px;
16	}
17
18	.sabox-table .wp-picker-container {
19	+ text-align: right;
20	}
21
22	.sabox-table .wp-picker-holder {
23	+ position: absolute;
24	}
25
26	.sabox-table select {
27	+ float: right;
28	}
29
30	.sabox-table.form-table tr {
31	+ background-color: #fff;
32	+ border-bottom: 1px solid #eee;
33	+ vertical-align: middle !important;
34	}
35
36	.sabox-table tbody {
37	+ border: 1px solid #ddd;
38	}
39
40	.sabox-table.form-table tr:last-of-type {
41	+ border-bottom: 0;
42	}
43
44	.sabox-wrap {
45	+ max-width: 860px;
46	+ padding-left: 20px;
47	+ margin: 0 auto;
48	}
49
50	.hide {
51	+ display: none;
52	}
53
54	/*.sabox-slider-container .saboxfield {
55	display: none;
56	}*/
57	.sabox-slider-container {
58	+ max-width: 390px;
59	+ padding-bottom: 5px;
60	+ box-sizing: border-box;
61	}
62
63	.sabox-slider-container .ui-slider .ui-slider-handle {
64	+ width: auto;
65	+ text-align: center;
66	+ min-width: 1.2em;
67	}
68
69	.sabox-table p.description {
70	+ font-weight: normal;
71	}
72
73	.wp-admin .checkbox_switch {
74	+ display: inline-block;
75	+ width: 100%;
76	+ text-align: right;
77	}
78
79	.customize-control-title.onoffswitch_label {
80	+ width: 71%;
81	}
82
83	.sabox-table .onoffswitch_label {
84	+ display: inline-block;
85	+ vertical-align: top;
86	+ margin-right: 21px;
87	+ margin-top: -1px;
88	}
89
90	.sabox-table .onoffswitch {
91	+ position: relative;
92	+ width: 52px;
93	+ display: inline-block;
94	+ -webkit-user-select: none;
95	+ -moz-user-select: none;
96	+ -ms-user-select: none;
97	}
98
99	.sabox-table .onoffswitch-checkbox {
100	+ display: none !important;
101	}
102
103	.sabox-table .onoffswitch-label {
104	+ display: block;
105	+ overflow: hidden;
106	+ cursor: pointer;
107	+ height: 22px;
108	+ padding: 0;
109	+ line-height: 19px;
110	+ transition: background-color 0.2s ease-in;
111	+ -webkit-border-radius: 11px;
112	+ -moz-border-radius: 11px;
113	+ border-radius: 30px;
114	+ background-color: #c4c4c4;
115	+ -webkit-box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.11);
116	+ -moz-box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.11);
117	+ box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.11);
118	}
119
120	.sabox-table .onoffswitch-label:before {
121	+ content: "";
122	+ display: block;
123	+ width: 18px;
124	+ height: 18px;
125	+ margin: 0;
126	+ position: absolute;
127	+ top: 2px;
128	+ bottom: 0;
129	+ right: 32px;
130	+ background-color: #fff;
131	+ -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
132	+ -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
133	+ box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
134	+ -webkit-border-radius: 10px;
135	+ -moz-border-radius: 10px;
136	+ border-radius: 10px;
137	+ transition: all 0.2s ease-in 0s;
138	}
139
140	.sabox-table .onoffswitch-label:after {
141	+ content: "OFF";
142	+ display: block;
143	+ color: #fff;
144	+ position: absolute;
145	+ top: 2px;
146	+ bottom: 2px;
147	+ right: 6px;
148	+ font-size: 11px;
149	+ font-family: 'Arial';
150	}
151
152	.sabox-table .onoffswitch-checkbox:checked + .onoffswitch-label {
153	+ background-color: #3caf0e;
154	}
155
156	.sabox-table .onoffswitch-checkbox:checked + .onoffswitch-label,
157	.sabox-table .onoffswitch-checkbox:checked + .onoffswitch-label:before {
158	+ border-color: #3caf0e;
159	}
160
161	.sabox-table .onoffswitch-checkbox:checked + .onoffswitch-label:before {
162	+ right: 2px;
163	}
164
165	.sabox-table .onoffswitch-checkbox:checked + .onoffswitch-label:after {
166	+ content: "ON";
167	+ display: block;
168	+ color: #fff;
169	+ position: absolute;
170	+ top: 2px;
171	+ bottom: 2px;
172	+ right: 27px;
173	+ font-size: 11px;
174	+ font-family: 'Arial';
175	}
176
177	.sabox-table .slider-container {
178	+ position: relative;
179	+ padding-left: 50px;
180	}
181
182	.sabox-table .slider-container input[type="text"] {
183	+ border: none;
184	+ text-align: center;
185	+ padding: 2px;
186	+ margin: 0;
187	+ font-size: 12px;
188	+ color: #333;
189	+ border-radius: 10px;
190	+ background-color: #f8f8f8;
191	+ -webkit-box-shadow: inset 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
192	+ -moz-box-shadow: inset 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
193	+ box-shadow: inset 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
194	+ width: 42px;
195	+ height: 22px;
196	+ position: absolute;
197	+ left: 0;
198	+ top: 2px;
199	}
200
201	.sabox-table .slider-container .ui-slider {
202	+ position: relative;
203	+ text-align: left;
204	+ height: 2px;
205	+ border-radius: 3px;
206	+ border: none;
207	+ margin-top: 10px;
208	+ margin-left: 22px;
209	+ display: inline-block;
210	+ width: 97%;
211	+ background: #d6d6d6;
212	}
213
214	.sabox-table .slider-container .ui-slider .ui-slider-handle {
215	+ position: absolute;
216	+ z-index: 2;
217	+ top: -10px;
218	+ cursor: default;
219	+ -ms-touch-action: none;
220	+ touch-action: none;
221	+ width: 18px;
222	+ height: 18px;
223	+ -webkit-border-radius: 9px;
224	+ -moz-border-radius: 9px;
225	+ border-radius: 9px;
226	+ background-color: #fff;
227	+ -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
228	+ -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
229	+ box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
230	+ border: solid 1px #d7d7d7;
231	+ transform: translateX(-50%);
232	}
233
234	.sabox-table .slider-container .ui-slider .ui-slider-range {
235	+ position: absolute;
236	+ z-index: 1;
237	+ font-size: 0.7em;
238	+ display: block;
239	+ border: 0;
240	+ background-position: 0 0;
241	+ background: #e04d43;
242	+ top: 0;
243	+ bottom: 0;
244	}
245
246	/* Social Links */
247	.sabox-add-social-link {
248	+ text-align: center;
249	+ padding: 10px 0;
250	+ max-width: 570px;
251	}
252
253	.sabox-add-social-link:hover {
254	+ border-color: #000;
255	}
256
257	#sabox-social-table .dashicons-trash {
258	+ vertical-align: middle;
259	+ cursor: pointer;
260	+ color: #a00;
261	}
262
263	#sabox-social-table .dashicons-trash:hover {
264	+ color: #dc3232;
265	}
266
267	/* Simple Author Box Badge */
268	#sab-current-image img {
269	+ max-width: 130px;
270	+ height: auto;
271	}
272
273	.checkbox-label {
274	+ text-transform: capitalize;
275	}
276
277	/* EPFW Styles

282
283	/* tab styling */
284	.epfw-tab-wrapper.nav-tab-wrapper {
285	+ background: #fff;
286	+ padding: 0;
287	+ border: 1px solid #ddd;
288	+ text-align: center;
289	+ margin-bottom: 20px;
290	}
291
292	.epfw-tab.nav-tab {
293	+ background: transparent;
294	+ border: 0;
295	+ display: inline-block;
296	+ margin-right: 20px;
297	+ margin-left: 0;
298	+ padding: 10px;
299	+ border-bottom: 2px solid transparent;
300	+ color: #0073aa;
301	+ font-weight: 400;
302	+ position: relative;
303	+ bottom: -2px;
304	}
305
306	.epfw-tab.nav-tab.nav-tab-active {
307	+ border-bottom: 2px solid #2e4453;
308	+ color: #2e4453;
309	}
310
311	/* admin options page styling */
312	.masthead {
313	+ text-align: center;
314	+ border-bottom: 1px solid #DDD;
315	+ margin-bottom: 20px;
316	+ padding: 20px;

317	}
318
319	.masthead h1 {
320	+ margin: 0;
321	+ padding: 0;
322	+ display: inline-block;
323	+ font-size: 20px;
324	+ color: #000;
325	+ font-weight: 500;
326	}
327
328	.masthead a {
329	+ display: inline-block;
330	+ margin: 0 10px;
331	+ text-decoration: none;
332	}
333
334	.sabox-version {
335	+ margin: 20px auto;
336	+ padding: 20px 0;
337	+ display: block;
338	+ text-align: center;
339	+ border-bottom: 1px solid #ddd;
340	+ border-top: 1px solid #ddd;
341	}
342
343	body.toplevel_page_simple-author-box-options {
344	+ background-color: #f3f6f8;
345	}
346
347	body.toplevel_page_simple-author-box-options #wpcontent {
348	+ padding-left: 0;
349	}
350
351	.sabox-masthead-left,
352	.sabox-masthead-right {
353	+ display: inline-block;
354	}
355
356	.sabox-masthead-left {
357	+ float: left;
358	}
359
360	.sabox-masthead-right {
361	+ float: right;
362	}
363
364	/* tooltips styling */
365	.epfw-tooltip {
366	+ position: relative;
367	+ display: inline;
368	+ margin-right: 10px;
369	}
370
371	.epfw-tooltip:after {
372	+ font-weight: 400;
373	+ display: block;
374	+ visibility: hidden;
375	+ position: absolute;
376	+ bottom: 0;
377	+ left: 20%;
378	+ opacity: 0;
379	+ content: attr(data-tooltip); /* might also use attr(title) */
380	+ height: auto;
381	+ min-width: 300px;
382	+ z-index: 999;
383	+ text-decoration: none;
384	+ text-align: center;
385	+ border: 1px solid #c8d7e1;
386	+ border-radius: 4px;
387	+ box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1), 0 0 56px rgba(0, 0, 0, 0.075);
388	+ background: #fff;
389	+ color: #4f748e;
390	+ font-size: 13px;
391	+ padding: 16px;
392	}
393
394	.epfw-tooltip:before {
395	+ position: absolute;
396	+ visibility: hidden;
397	+ width: 0;
398	+ height: 0;
399	+ left: 50%;
400	+ bottom: 0px;
401	+ opacity: 0;
402	+ content: "";
403	+ border-style: solid;
404	+ border-width: 6px 6px 0 6px;
405	+ border-color: rgba(255, 255, 255, 0.85) transparent transparent transparent;
406	}
407
408	.epfw-tooltip:hover:after {
409	+ visibility: visible;
410	+ opacity: 1;
411	+ bottom: 20px;
412	}
413
414	.epfw-tooltip:hover:before {
415	+ visibility: visible;
416	+ opacity: 1;
417	+ bottom: 14px;
418	}
419
420	/* radio group styling */
421	.sabox-table input[type="radio"] {
422	+ display: none;
423	+ margin: 10px;
424	}
425
426	.sabox-table input[type="radio"] + label {
427	+ margin: .25em 0 .5em !important;
428	+ min-width: 100px;
429	+ display: inline-block;
430	+ padding: 4px 12px;
431	+ font-size: 14px;
432	+ line-height: 20px;
433	+ color: #333;
434	+ text-align: center;
435	+ text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
436	+ vertical-align: middle;
437	+ cursor: pointer;
438	+ background-color: #f5f5f5;
439	+ background-image: -moz-linear-gradient(top, #fff, #e6e6e6);
440	+ background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#e6e6e6));
441	+ background-image: -webkit-linear-gradient(top, #fff, #e6e6e6);
442	+ background-image: -o-linear-gradient(top, #fff, #e6e6e6);
443	+ background-image: linear-gradient(to bottom, #fff, #e6e6e6);
444	+ background-repeat: repeat-x;
445	+ border: 1px solid #ccc;
446	+ border-color: #e6e6e6 #e6e6e6 #bfbfbf;
447	+ border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
448	+ border-bottom-color: #b3b3b3;
449	+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
450	+ filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
451	+ -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
452	+ -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
453	+ box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
454	}
455
456	.sabox-table input[type="radio"]:checked + label {
457	+ background-image: none;
458	+ outline: 0;
459	+ -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
460	+ -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
461	+ box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
462	+ background-color: #e0e0e0;
463	}
464
465	.sabox-radio-group {
466	+ text-align: right;
467	}
468
469	.sabox-multicheckbox {
470	+ text-align: right;
471	}
472
473	.sabox-multicheckbox > div {
474	+ display: inline-block;
475	+ margin: 0 0 10px 10px;
476	}
477
478	/* Upsell */
479	a.upgrade-pro {
480	+ float: right;
481	+ color: red !important;
482	+ margin-right: 0 !important;
483	+ text-decoration: none;
484	+ font-size: 14px;
485	+ padding: 12px;
486	}
487
488	a.upgrade-pro:after {
489	+ font-family: 'dashicons';
490	+ content: '\f155';
491	+ margin-left: 7px;
492	+ vertical-align: middle;
493	}
494
495	.wp-has-submenu a[href*="admin.php?page=sab-upgrade"] {
496	+ color: red !important;
497	}
498
499	.wp-has-submenu a[href*="admin.php?page=sab-upgrade"]:after {
500	+ font-family: 'dashicons';
501	+ content: '\f155';
502	+ margin-left: 7px;
503	+ vertical-align: middle;
504	}
505
506	/* Lite vs PRO SEction */
507	.featured-section.features .row {
508	+ display: inline-block;
509	+ width: 97%;
510	+ padding: 15px;
511	+ border-bottom: 1px solid rgba(0, 0, 0, .06);
512	}
513
514	.featured-section.features .row .dashicons-yes {
515	+ color: #2cbe4e;
516	}
517
518	.featured-section.features .row .dashicons-no-alt {
519	+ color: #ff3d2e;
520	}
521
522	.featured-section.features .row > div {
523	+ display: inline-block;
524	+ float: left;
525	+ width: 15%;
526	+ text-align: center;
527	}
528
529	.featured-section.features .row > .feature {
530	+ width: 70%;
531	+ text-align: left;
532	}
533
534	.featured-section .free-pro-table {
535	+ border-spacing: 0;
536	+ width: 100%;
537	+ margin-top: 40px;
538	}
539
540	.featured-section .free-pro-table th {
541	+ padding-bottom: 20px;
542	}
543
544	.featured-section .free-pro-table td {
545	+ border-top: 1px solid #ccc;
546	+ padding: 20px 0 25px;
547	}
548
549	.featured-section .free-pro-table h3 {
550	+ margin: 0;
551	}
552
553	.featured-section .free-pro-table td p {
554	+ margin: 0;
555	}
556
557	.featured-section .free-pro-table .sab-feature,
558	.featured-section .free-pro-table .sab-pro-feature {
559	+ text-align: center;
560	+ width: 15%;
561	}
562
563	.featured-section .free-pro-table .dashicons-yes {
564	+ color: #00a878;
565	}
566
567	.featured-section .free-pro-table .dashicons-no-alt {
568	+ color: #ff3439;
569	}
570
571	.featured-section .free-pro-table .dashicons-before:before,
572	.featured-section .free-pro-table .dashicons-before:before {
573	+ font-size: 35px;
574	+ height: 35px;
575	+ width: 35px;
576	}
577
578	.featured-section .button-hero .dashicons {
579	+ font-size: 16px;
580	+ vertical-align: middle;
581	}
582
583	.featured-section .ti-about-page-text-center {
584	+ text-align: center;
585	}
586
587	.free-pro-table .text-right {
588	+ text-align: right;
589	}
590
591	body .simple-author-box-wrap .wp-badge {
592	+ background: url('../img/sab-big-icon.png') center 35px no-repeat #27547d;
593	+ padding-top: 160px;
594	+ height: 0;
595	+ background-size: 80%;
596	+ }
597	+
598	+ /* Preview */
599	+ .sabox-preview {
600	+ border: 1px solid #ddd;
601	+ margin: 20px auto;
602	+ padding: 0;
603	+ }
604	+
605	+ .sabox-preview .saboxplugin-wrap {
606	+ background-color: #FFF;
607	+ }
608	+
609	+ .sabox-preview .sabox-preview-topbar {
610	+ background-color: #FAFAFA;
611	+ border-bottom: 1px solid #DDD;
612	+ text-align: center;
613	+ padding: 10px;
614	+ margin-bottom: 40px;
615	+ }
616	+
617	+ .sabox-preview .sabox-preview-topbar .dashicons {
618	+ position: relative;
619	+ top: 2px;
620	+ margin-right: 10px;
621	+ }
622	+
623	+ .sabox-preview .note {
624	+ margin-top: 40px;
625	+ padding: 10px;
626	+ background-color: #fafafa;
627	+ border-top: 1px solid #ddd;
628	+ font-style: italic;
629	+ color: #777;
630	+ }

assets/css/sabox-admin-style.min.css CHANGED Viewed

@@ -1 +1 @@

- .sabox-table.form-table th{width:400px;padding:10px 15px;vertical-align:middle}.sabox-table.form-table{margin-bottom:30px}.sabox-table .epfw-tooltip{color:#b8cad7;margin-right:10px}.sabox-table .wp-picker-container{text-align:right}.sabox-table .wp-picker-holder{position:absolute}.sabox-table select{float:right}.sabox-table.form-table tr{background-color:#fff;border-bottom:1px solid #eee;vertical-align:middle!important}.sabox-table tbody{border:1px solid #ddd}.sabox-table.form-table tr:last-of-type{border-bottom:0}.sabox-wrap{max-width:860px;padding-left:20px;margin:0 auto}.hide{display:none}.sabox-slider-container{max-width:390px;padding-bottom:5px;box-sizing:border-box}.sabox-slider-container .ui-slider .ui-slider-handle{width:auto;text-align:center;min-width:1.2em}.sabox-table p.description{font-weight:400}.wp-admin .checkbox_switch{display:inline-block;width:100%;text-align:right}.customize-control-title.onoffswitch_label{width:71%}.sabox-table .onoffswitch_label{display:inline-block;vertical-align:top;margin-right:21px;margin-top:-1px}.sabox-table .onoffswitch{position:relative;width:52px;display:inline-block;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.sabox-table .onoffswitch-checkbox{display:none!important}.sabox-table .onoffswitch-label{display:block;overflow:hidden;cursor:pointer;height:22px;padding:0;line-height:19px;transition:background-color .2s ease-in;-webkit-border-radius:11px;-moz-border-radius:11px;border-radius:30px;background-color:#c4c4c4;-webkit-box-shadow:inset 0 2px 1px rgba(0,0,0,.11);-moz-box-shadow:inset 0 2px 1px rgba(0,0,0,.11);box-shadow:inset 0 2px 1px rgba(0,0,0,.11)}.sabox-table .onoffswitch-label:before{content:"";display:block;width:18px;height:18px;margin:0;position:absolute;top:2px;bottom:0;right:32px;background-color:#fff;-webkit-box-shadow:0 0 3px rgba(0,0,0,.1);-moz-box-shadow:0 0 3px rgba(0,0,0,.1);box-shadow:0 0 3px rgba(0,0,0,.1);-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;transition:all .2s ease-in 0s}.sabox-table .onoffswitch-checkbox:checked+.onoffswitch-label:after,.sabox-table .onoffswitch-label:after{display:block;color:#fff;position:absolute;bottom:2px;font-size:11px;font-family:Arial;top:2px}.sabox-table .onoffswitch-label:after{content:"OFF";right:6px}.sabox-table .onoffswitch-checkbox:checked+.onoffswitch-label{background-color:#3caf0e}.sabox-table .onoffswitch-checkbox:checked+.onoffswitch-label,.sabox-table .onoffswitch-checkbox:checked+.onoffswitch-label:before{border-color:#3caf0e}.sabox-table .onoffswitch-checkbox:checked+.onoffswitch-label:before{right:2px}.sabox-table .onoffswitch-checkbox:checked+.onoffswitch-label:after{content:"ON";right:27px}.sabox-table .slider-container{position:relative;padding-left:50px}.sabox-table .slider-container input[type=text]{border:none;text-align:center;padding:2px;margin:0;font-size:12px;color:#333;border-radius:10px;background-color:#f8f8f8;-webkit-box-shadow:inset 0 2px 5px 0 rgba(0,0,0,.1);-moz-box-shadow:inset 0 2px 5px 0 rgba(0,0,0,.1);box-shadow:inset 0 2px 5px 0 rgba(0,0,0,.1);width:42px;height:22px;position:absolute;left:0;top:2px}.sabox-table .slider-container .ui-slider{position:relative;text-align:left;height:2px;border-radius:3px;border:none;margin-top:10px;margin-left:22px;display:inline-block;width:97%;background:#d6d6d6}.sabox-table .slider-container .ui-slider .ui-slider-handle{position:absolute;z-index:2;top:-10px;cursor:default;-ms-touch-action:none;touch-action:none;width:18px;height:18px;-webkit-border-radius:9px;-moz-border-radius:9px;border-radius:9px;background-color:#fff;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.1);-moz-box-shadow:0 1px 1px rgba(0,0,0,.1);box-shadow:0 1px 1px rgba(0,0,0,.1);border:1px solid #d7d7d7;transform:translateX(-50%)}.sabox-table .slider-container .ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background:#e04d43;top:0;bottom:0}.sabox-add-social-link{text-align:center;padding:10px 0;max-width:570px}.sabox-add-social-link:hover{border-color:#000}#sabox-social-table .dashicons-trash{vertical-align:middle;cursor:pointer;color:#a00}#sabox-social-table .dashicons-trash:hover{color:#dc3232}#sab-current-image img{max-width:130px;height:auto}.checkbox-label{text-transform:capitalize}.epfw-tab-wrapper.nav-tab-wrapper{background:#fff;padding:0;border:1px solid #ddd;text-align:center;margin-bottom:40px}.epfw-tab.nav-tab{background:#fff;border:0;display:inline-block;margin-right:20px;margin-left:0;padding:10px;border-bottom:2px solid transparent;color:#0073aa;font-weight:400}.epfw-tab.nav-tab.nav-tab-active{border-bottom:2px solid #2e4453;color:#2e4453}.masthead{background-color:#fff;text-align:center;box-shadow:0 1px 0 rgba(200,215,225,.5),0 1px 2px #ddd;margin-bottom:40px;padding:20px}.masthead h1{margin:0;padding:0;display:inline-block;font-size:20px;color:#000;font-weight:500}.masthead a{display:inline-block;margin:0 10px;text-decoration:none}.sabox-version{margin:20px auto;padding:20px 0;display:block;text-align:center;border-bottom:1px solid #ddd;border-top:1px solid #ddd}body.toplevel_page_simple-author-box-options{background-color:#f3f6f8}body.toplevel_page_simple-author-box-options #wpcontent{padding-left:0}.sabox-masthead-left,.sabox-masthead-right{display:inline-block}.sabox-masthead-left{float:left}.sabox-masthead-right{float:right}.epfw-tooltip{position:relative;display:inline;margin-right:10px}.epfw-tooltip:after{font-weight:400;display:block;visibility:hidden;position:absolute;bottom:0;left:20%;opacity:0;content:attr(data-tooltip);height:auto;min-width:300px;z-index:999;text-decoration:none;text-align:center;border:1px solid #c8d7e1;border-radius:4px;box-shadow:0 2px 5px rgba(0,0,0,.1),0 0 56px rgba(0,0,0,.075);background:#fff;color:#4f748e;font-size:13px;padding:16px}.epfw-tooltip:before{position:absolute;visibility:hidden;width:0;height:0;left:50%;bottom:0;opacity:0;content:"";border-style:solid;border-width:6px 6px 0;border-color:rgba(255,255,255,.85) transparent transparent}.epfw-tooltip:hover:after{visibility:visible;opacity:1;bottom:20px}.epfw-tooltip:hover:before{visibility:visible;opacity:1;bottom:14px}.sabox-table input[type=radio]{display:none;margin:10px}.sabox-table input[type=radio]+label{margin:.25em 0 .5em!important;min-width:100px;display:inline-block;padding:4px 12px;font-size:14px;line-height:20px;color:#333;text-align:center;text-shadow:0 1px 1px rgba(255,255,255,.75);vertical-align:middle;cursor:pointer;background-color:#f5f5f5;background-image:-moz-linear-gradient(top,#fff,#e6e6e6);background-image:-webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6));background-image:-webkit-linear-gradient(top,#fff,#e6e6e6);background-image:-o-linear-gradient(top,#fff,#e6e6e6);background-image:linear-gradient(to bottom,#fff,#e6e6e6);background-repeat:repeat-x;border:1px solid #ccc;border-color:#e6e6e6 #e6e6e6 #bfbfbf;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);border-bottom-color:#b3b3b3;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05)}.wp-has-submenu a[href*="admin.php?page=sab-upgrade"],a.upgrade-pro{color:red!important}.sabox-table input[type=radio]:checked+label{background-image:none;outline:0;-webkit-box-shadow:inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05);-moz-box-shadow:inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05);box-shadow:inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05);background-color:#e0e0e0}.sabox-multicheckbox,.sabox-radio-group{text-align:right}.sabox-multicheckbox>div{display:inline-block;margin:0 0 10px 10px}.wp-has-submenu a[href*="admin.php?page=sab-upgrade"]:after,a.upgrade-pro:after{font-family:dashicons;content:'\f155';margin-left:7px;vertical-align:middle}a.upgrade-pro{float:right;margin-right:0!important;text-decoration:none;font-size:14px;padding:12px}.featured-section.features .row{display:inline-block;width:97%;padding:15px;border-bottom:1px solid rgba(0,0,0,.06)}.featured-section.features .row .dashicons-yes{color:#2cbe4e}.featured-section.features .row .dashicons-no-alt{color:#FF3D2E}.featured-section.features .row>div{display:inline-block;float:left;width:15%;text-align:center}.featured-section.features .row>.feature{width:70%;text-align:left}.featured-section .free-pro-table{border-spacing:0;width:100%;margin-top:40px}.featured-section .free-pro-table th{padding-bottom:20px}.featured-section .free-pro-table td{border-top:1px solid #ccc;padding:20px 0 25px}.featured-section .free-pro-table h3,.featured-section .free-pro-table td p{margin:0}.featured-section .free-pro-table .sab-feature,.featured-section .free-pro-table .sab-pro-feature{text-align:center;width:15%}.featured-section .free-pro-table .dashicons-yes{color:#00A878}.featured-section .free-pro-table .dashicons-no-alt{color:#ff3439}.featured-section .free-pro-table .dashicons-before:before{font-size:35px;height:35px;width:35px}.featured-section .button-hero .dashicons{font-size:16px;vertical-align:middle}.featured-section .ti-about-page-text-center{text-align:center}.free-pro-table .text-right{text-align:right}body .simple-author-box-wrap .wp-badge{background:url(../img/sab-big-icon.png) center 35px no-repeat #27547D;padding-top:160px;height:0;background-size:80%}

+ .sabox-table.form-table th{width:400px;padding:10px 15px;vertical-align:middle}.sabox-table.form-table{margin-bottom:30px}.sabox-table .epfw-tooltip{color:#b8cad7;margin-right:10px}.sabox-table .wp-picker-container{text-align:right}.sabox-table .wp-picker-holder{position:absolute}.sabox-table select{float:right}.sabox-table.form-table tr{background-color:#fff;border-bottom:1px solid #eee;vertical-align:middle!important}.sabox-table tbody{border:1px solid #ddd}.sabox-table.form-table tr:last-of-type{border-bottom:0}.sabox-wrap{max-width:860px;padding-left:20px;margin:0 auto}.hide{display:none}.sabox-slider-container{max-width:390px;padding-bottom:5px;box-sizing:border-box}.sabox-slider-container .ui-slider .ui-slider-handle{width:auto;text-align:center;min-width:1.2em}.sabox-table p.description{font-weight:400}.wp-admin .checkbox_switch{display:inline-block;width:100%;text-align:right}.customize-control-title.onoffswitch_label{width:71%}.sabox-table .onoffswitch_label{display:inline-block;vertical-align:top;margin-right:21px;margin-top:-1px}.sabox-table .onoffswitch{position:relative;width:52px;display:inline-block;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.sabox-table .onoffswitch-checkbox{display:none!important}.sabox-table .onoffswitch-label{display:block;overflow:hidden;cursor:pointer;height:22px;padding:0;line-height:19px;transition:background-color .2s ease-in;-webkit-border-radius:11px;-moz-border-radius:11px;border-radius:30px;background-color:#c4c4c4;-webkit-box-shadow:inset 0 2px 1px rgba(0,0,0,.11);-moz-box-shadow:inset 0 2px 1px rgba(0,0,0,.11);box-shadow:inset 0 2px 1px rgba(0,0,0,.11)}.sabox-table .onoffswitch-label:before{content:"";display:block;width:18px;height:18px;margin:0;position:absolute;top:2px;bottom:0;right:32px;background-color:#fff;-webkit-box-shadow:0 0 3px rgba(0,0,0,.1);-moz-box-shadow:0 0 3px rgba(0,0,0,.1);box-shadow:0 0 3px rgba(0,0,0,.1);-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;transition:all .2s ease-in 0s}.sabox-table .onoffswitch-checkbox:checked+.onoffswitch-label:after,.sabox-table .onoffswitch-label:after{display:block;color:#fff;position:absolute;bottom:2px;font-size:11px;font-family:Arial;top:2px}.sabox-table .onoffswitch-label:after{content:"OFF";right:6px}.sabox-table .onoffswitch-checkbox:checked+.onoffswitch-label{background-color:#3caf0e}.sabox-table .onoffswitch-checkbox:checked+.onoffswitch-label,.sabox-table .onoffswitch-checkbox:checked+.onoffswitch-label:before{border-color:#3caf0e}.sabox-table .onoffswitch-checkbox:checked+.onoffswitch-label:before{right:2px}.sabox-table .onoffswitch-checkbox:checked+.onoffswitch-label:after{content:"ON";right:27px}.sabox-table .slider-container{position:relative;padding-left:50px}.sabox-table .slider-container input[type=text]{border:none;text-align:center;padding:2px;margin:0;font-size:12px;color:#333;border-radius:10px;background-color:#f8f8f8;-webkit-box-shadow:inset 0 2px 5px 0 rgba(0,0,0,.1);-moz-box-shadow:inset 0 2px 5px 0 rgba(0,0,0,.1);box-shadow:inset 0 2px 5px 0 rgba(0,0,0,.1);width:42px;height:22px;position:absolute;left:0;top:2px}.sabox-table .slider-container .ui-slider{position:relative;text-align:left;height:2px;border-radius:3px;border:none;margin-top:10px;margin-left:22px;display:inline-block;width:97%;background:#d6d6d6}.sabox-table .slider-container .ui-slider .ui-slider-handle{position:absolute;z-index:2;top:-10px;cursor:default;-ms-touch-action:none;touch-action:none;width:18px;height:18px;-webkit-border-radius:9px;-moz-border-radius:9px;border-radius:9px;background-color:#fff;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.1);-moz-box-shadow:0 1px 1px rgba(0,0,0,.1);box-shadow:0 1px 1px rgba(0,0,0,.1);border:1px solid #d7d7d7;transform:translateX(-50%)}.sabox-table .slider-container .ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background:#e04d43;top:0;bottom:0}.sabox-add-social-link{text-align:center;padding:10px 0;max-width:570px}.sabox-add-social-link:hover{border-color:#000}#sabox-social-table .dashicons-trash{vertical-align:middle;cursor:pointer;color:#a00}#sabox-social-table .dashicons-trash:hover{color:#dc3232}#sab-current-image img{max-width:130px;height:auto}.checkbox-label{text-transform:capitalize}.epfw-tab-wrapper.nav-tab-wrapper{background:#fff;padding:0;border:1px solid #ddd;text-align:center;margin-bottom:20px}.epfw-tab.nav-tab{background:0 0;border:0;display:inline-block;margin-right:20px;margin-left:0;padding:10px;border-bottom:2px solid transparent;color:#0073aa;font-weight:400;position:relative;bottom:-2px}.epfw-tab.nav-tab.nav-tab-active{border-bottom:2px solid #2e4453;color:#2e4453}.masthead{text-align:center;border-bottom:1px solid #DDD;margin-bottom:20px;padding:20px}.masthead h1{margin:0;padding:0;display:inline-block;font-size:20px;color:#000;font-weight:500}.masthead a{display:inline-block;margin:0 10px;text-decoration:none}.sabox-version{margin:20px auto;padding:20px 0;display:block;text-align:center;border-bottom:1px solid #ddd;border-top:1px solid #ddd}body.toplevel_page_simple-author-box-options{background-color:#f3f6f8}body.toplevel_page_simple-author-box-options #wpcontent{padding-left:0}.sabox-masthead-left,.sabox-masthead-right{display:inline-block}.sabox-masthead-left{float:left}.sabox-masthead-right{float:right}.epfw-tooltip{position:relative;display:inline;margin-right:10px}.epfw-tooltip:after{font-weight:400;display:block;visibility:hidden;position:absolute;bottom:0;left:20%;opacity:0;content:attr(data-tooltip);height:auto;min-width:300px;z-index:999;text-decoration:none;text-align:center;border:1px solid #c8d7e1;border-radius:4px;box-shadow:0 2px 5px rgba(0,0,0,.1),0 0 56px rgba(0,0,0,.075);background:#fff;color:#4f748e;font-size:13px;padding:16px}.epfw-tooltip:before{position:absolute;visibility:hidden;width:0;height:0;left:50%;bottom:0;opacity:0;content:"";border-style:solid;border-width:6px 6px 0;border-color:rgba(255,255,255,.85) transparent transparent}.epfw-tooltip:hover:after{visibility:visible;opacity:1;bottom:20px}.epfw-tooltip:hover:before{visibility:visible;opacity:1;bottom:14px}.sabox-table input[type=radio]{display:none;margin:10px}.sabox-table input[type=radio]+label{margin:.25em 0 .5em!important;min-width:100px;display:inline-block;padding:4px 12px;font-size:14px;line-height:20px;color:#333;text-align:center;text-shadow:0 1px 1px rgba(255,255,255,.75);vertical-align:middle;cursor:pointer;background-color:#f5f5f5;background-image:-moz-linear-gradient(top,#fff,#e6e6e6);background-image:-webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6));background-image:-webkit-linear-gradient(top,#fff,#e6e6e6);background-image:-o-linear-gradient(top,#fff,#e6e6e6);background-image:linear-gradient(to bottom,#fff,#e6e6e6);background-repeat:repeat-x;border:1px solid #ccc;border-color:#e6e6e6 #e6e6e6 #bfbfbf;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);border-bottom-color:#b3b3b3;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05)}.wp-has-submenu a[href*="admin.php?page=sab-upgrade"],a.upgrade-pro{color:red!important}.sabox-table input[type=radio]:checked+label{background-image:none;outline:0;-webkit-box-shadow:inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05);-moz-box-shadow:inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05);box-shadow:inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05);background-color:#e0e0e0}.sabox-multicheckbox,.sabox-radio-group{text-align:right}.sabox-multicheckbox>div{display:inline-block;margin:0 0 10px 10px}.wp-has-submenu a[href*="admin.php?page=sab-upgrade"]:after,a.upgrade-pro:after{font-family:dashicons;content:'\f155';margin-left:7px;vertical-align:middle}a.upgrade-pro{float:right;margin-right:0!important;text-decoration:none;font-size:14px;padding:12px}.featured-section.features .row{display:inline-block;width:97%;padding:15px;border-bottom:1px solid rgba(0,0,0,.06)}.featured-section.features .row .dashicons-yes{color:#2cbe4e}.featured-section.features .row .dashicons-no-alt{color:#ff3d2e}.featured-section.features .row>div{display:inline-block;float:left;width:15%;text-align:center}.featured-section.features .row>.feature{width:70%;text-align:left}.featured-section .free-pro-table{border-spacing:0;width:100%;margin-top:40px}.featured-section .free-pro-table th{padding-bottom:20px}.featured-section .free-pro-table td{border-top:1px solid #ccc;padding:20px 0 25px}.featured-section .free-pro-table h3,.featured-section .free-pro-table td p{margin:0}.featured-section .free-pro-table .sab-feature,.featured-section .free-pro-table .sab-pro-feature{text-align:center;width:15%}.featured-section .free-pro-table .dashicons-yes{color:#00a878}.featured-section .free-pro-table .dashicons-no-alt{color:#ff3439}.featured-section .free-pro-table .dashicons-before:before{font-size:35px;height:35px;width:35px}.featured-section .button-hero .dashicons{font-size:16px;vertical-align:middle}.featured-section .ti-about-page-text-center{text-align:center}.free-pro-table .text-right{text-align:right}body .simple-author-box-wrap .wp-badge{background:url(../img/sab-big-icon.png) center 35px no-repeat #27547d;padding-top:160px;height:0;background-size:80%}.sabox-preview{border:1px solid #ddd;margin:20px auto;padding:0}.sabox-preview .saboxplugin-wrap{background-color:#FFF}.sabox-preview .sabox-preview-topbar{background-color:#FAFAFA;border-bottom:1px solid #DDD;text-align:center;padding:10px;margin-bottom:40px}.sabox-preview .sabox-preview-topbar .dashicons{position:relative;top:2px;margin-right:10px}.sabox-preview .note{margin-top:40px;padding:10px;background-color:#fafafa;border-top:1px solid #ddd;font-style:italic;color:#777}

assets/css/sabox.css CHANGED Viewed

	@@ -4,4 +4,8 @@
4	}
5	#adminmenu #toplevel_page_simple-author-box-options.current .wp-menu-image img {
6	opacity: 1;




7	}


4	}
5	#adminmenu #toplevel_page_simple-author-box-options.current .wp-menu-image img {
6	opacity: 1;
7	+ }
8	+ img.sab-custom-avatar {
9	+ max-width: 96px;
10	+ max-height: 96px;
11	}

assets/css/sabox.min.css CHANGED Viewed

	@@ -1 +1 @@
1	- #adminmenu #toplevel_page_simple-author-box-options .wp-menu-image img{height:18px;padding-top:8px}#adminmenu #toplevel_page_simple-author-box-options.current .wp-menu-image img{opacity:1}


1	+ #adminmenu #toplevel_page_simple-author-box-options .wp-menu-image img{height:18px;padding-top:8px}#adminmenu #toplevel_page_simple-author-box-options.current .wp-menu-image img{opacity:1}img.sab-custom-avatar{max-width:96px;max-height:96px}

assets/css/simple-author-box.css CHANGED Viewed

@@ -71,21 +71,19 @@
             	display: block;
             	background: #fcfcfc;
             	padding: 5px;
-            -
            	-webkit-box-shadow: 0 1px 0 0 #eee inset;
-            -
            	-moz-box-shadow: 0 1px 0 0 #eee inset;
-            -
            	box-shadow: 0 1px 0 0 #eee inset;
+            }
-            -
            .saboxplugin-wrap .saboxplugin-socials a {
-            -
            	text-decoration: none;
-            -
            	box-shadow: none; /* twentyseventeen adds a box shadow under all links inside content */
-            -
            	padding: 0;
-            -
            	margin: 0;
-            -
            	border: 0;
-            -
            	-webkit-transition: opacity 0.4s;
-            -
            	-moz-transition: opacity 0.4s;
-            -
            	-o-transition: opacity 0.4s;
-            -
            	transition: opacity 0.4s;
+            }
             .saboxplugin-wrap .saboxplugin-socials a:hover {
@@ -99,13 +97,20 @@
+            }
             .saboxplugin-wrap .saboxplugin-socials .saboxplugin-icon-color {
-            -
            	font-style: normal;
-            -
            	font-weight: normal;
             	text-decoration: inherit;
             	margin: 5px;
-            -
            	background-clip: content-box;
-            -
            	-moz-background-clip: content-box;
-            -
            	-webkit-background-clip: content-box;
             	-webkit-border-radius: 0;
             	-moz-border-radius: 0;
             	-ms-border-radius: 0;
@@ -114,20 +119,14 @@
             	overflow: hidden;
+            }
-            -
-            -
             .saboxplugin-wrap .saboxplugin-socials .saboxplugin-icon-grey {
-            -
            	font-style: normal;
-            -
            	font-weight: normal;
             	text-decoration: inherit;
-            -
            	font-size: 20px;
             	position: relative;
             	display: -moz-inline-stack;
             	display: inline-block;
             	vertical-align: middle;
-            -
            	*vertical-align: auto;
             	zoom: 1;
-            -
            	*display: inline;
             	margin: 10px 5px;
             	color: #444;
+            }
@@ -144,1221 +143,176 @@
             	zoom: 1;
+            }
-            -
            .saboxplugin-wrap .saboxplugin-socials.sabox-colored .saboxplugin-icon-color {
-            -
            	color: #fff;
+            }
-            -
            .saboxplugin-socials .fa {
-            -
            	text-align: center;
-            -
            	display: inline-block;
+            }
-            -
            /* Hotfixes for a few icons */
-            -
            .saboxplugin-socials .fa-googleplus:before {
-            -
            	content: '\f0d5' !important;
+            }
-            -
            .saboxplugin-socials .fa-sharethis:before {
-            -
            	content: '\f1e0' !important;
+            }
-            -
            .saboxplugin-socials .fa-addthis:before {
-            -
            	content: '\f0fe' !important;
+            }
-            -
            .saboxplugin-socials .fa-stackoverflow:before {
-            -
            	content: '\f16c' !important;
+            }
-            -
            .saboxplugin-socials .fa-stumbleUpon:before {
-            -
            	content: '\f1a4' !important;
+            }
-            -
            .saboxplugin-socials .fa-user_email:before {
-            -
            	content: '\f0e0' !important;
+            }
-            -
            /*  COLORED BACKGROUND AND LONG SHADOW EFFECT FOR SOCIAL ICONS
-            -
            -------------------------------------------------------------- */
-            -
            .saboxplugin-socials.sabox-colored .saboxplugin-icon-color.fa-twitch {
-            -
            	background-color: #6441a5;
-            -
            }
-            -
-            -
            .saboxplugin-socials.sabox-colored .saboxplugin-icon-color.fa-addthis {
-            -
            	background: #ff8662;
-            -
            	border: 1px solid #d5644b;
-            -
            	text-shadow: rgb(213, 100, 75) 1px 1px,
-            -
            	rgb(213, 100, 75) 2px 2px,
-            -
            	rgb(213, 100, 75) 3px 3px,
-            -
            	rgb(213, 100, 75) 4px 4px,
-            -
            	rgb(213, 100, 75) 5px 5px,
-            -
            	rgb(213, 100, 75) 6px 6px,
-            -
            	rgb(213, 100, 75) 7px 7px,
-            -
            	rgb(213, 100, 75) 8px 8px,
-            -
            	rgb(213, 100, 75) 9px 9px,
-            -
            	rgb(213, 100, 75) 10px 10px,
-            -
            	rgb(213, 100, 75) 11px 11px,
-            -
            	rgb(213, 100, 75) 12px 12px,
-            -
            	rgb(213, 100, 75) 13px 13px,
-            -
            	rgb(213, 100, 75) 14px 14px,
-            -
            	rgb(213, 100, 75) 15px 15px,
-            -
            	rgb(213, 100, 75) 16px 16px,
-            -
            	rgb(213, 100, 75) 17px 17px,
-            -
            	rgb(213, 100, 75) 18px 18px,
-            -
            	rgb(213, 100, 75) 19px 19px,
-            -
            	rgb(213, 100, 75) 20px 20px,
-            -
            	rgb(213, 100, 75) 21px 21px,
-            -
            	rgb(213, 100, 75) 22px 22px,
-            -
            	rgb(213, 100, 75) 23px 23px,
-            -
            	rgb(213, 100, 75) 24px 24px,
-            -
            	rgb(213, 100, 75) 25px 25px,
-            -
            	rgb(213, 100, 75) 26px 26px,
-            -
            	rgb(213, 100, 75) 27px 27px,
-            -
            	rgb(213, 100, 75) 28px 28px,
-            -
            	rgb(213, 100, 75) 29px 29px,
-            -
            	rgb(213, 100, 75) 30px 30px;
-            -
            }
-            -
-            -
            .saboxplugin-socials.sabox-colored .saboxplugin-icon-color.fa-behance {
-            -
            	background: #0294ff;
-            -
            	border: 1px solid #0083d4;
-            -
            	text-shadow: rgb(0, 131, 212) 1px 1px,
-            -
            	rgb(0, 131, 212) 2px 2px,
-            -
            	rgb(0, 131, 212) 3px 3px,
-            -
            	rgb(0, 131, 212) 4px 4px,
-            -
            	rgb(0, 131, 212) 5px 5px,
-            -
            	rgb(0, 131, 212) 6px 6px,
-            -
            	rgb(0, 131, 212) 7px 7px,
-            -
            	rgb(0, 131, 212) 8px 8px,
-            -
            	rgb(0, 131, 212) 9px 9px,
-            -
            	rgb(0, 131, 212) 10px 10px,
-            -
            	rgb(0, 131, 212) 11px 11px,
-            -
            	rgb(0, 131, 212) 12px 12px,
-            -
            	rgb(0, 131, 212) 13px 13px,
-            -
            	rgb(0, 131, 212) 14px 14px,
-            -
            	rgb(0, 131, 212) 15px 15px,
-            -
            	rgb(0, 131, 212) 16px 16px,
-            -
            	rgb(0, 131, 212) 17px 17px,
-            -
            	rgb(0, 131, 212) 18px 18px,
-            -
            	rgb(0, 131, 212) 19px 19px,
-            -
            	rgb(0, 131, 212) 20px 20px,
-            -
            	rgb(0, 131, 212) 21px 21px,
-            -
            	rgb(0, 131, 212) 22px 22px,
-            -
            	rgb(0, 131, 212) 23px 23px,
-            -
            	rgb(0, 131, 212) 24px 24px,
-            -
            	rgb(0, 131, 212) 25px 25px,
-            -
            	rgb(0, 131, 212) 26px 26px,
-            -
            	rgb(0, 131, 212) 27px 27px,
-            -
            	rgb(0, 131, 212) 28px 28px,
-            -
            	rgb(0, 131, 212) 29px 29px,
-            -
            	rgb(0, 131, 212) 30px 30px;
-            -
            }
-            -
-            -
            .saboxplugin-socials.sabox-colored .saboxplugin-icon-color.fa-delicious {
-            -
            	background: #0294ff;
-            -
            	border: 1px solid #007ecd;
-            -
            	text-shadow: rgb(0, 126, 205) 1px 1px,
-            -
            	rgb(0, 126, 205) 2px 2px,
-            -
            	rgb(0, 126, 205) 3px 3px,
-            -
            	rgb(0, 126, 205) 4px 4px,
-            -
            	rgb(0, 126, 205) 5px 5px,
-            -
            	rgb(0, 126, 205) 6px 6px,
-            -
            	rgb(0, 126, 205) 7px 7px,
-            -
            	rgb(0, 126, 205) 8px 8px,
-            -
            	rgb(0, 126, 205) 9px 9px,
-            -
            	rgb(0, 126, 205) 10px 10px,
-            -
            	rgb(0, 126, 205) 11px 11px,
-            -
            	rgb(0, 126, 205) 12px 12px,
-            -
            	rgb(0, 126, 205) 13px 13px,
-            -
            	rgb(0, 126, 205) 14px 14px,
-            -
            	rgb(0, 126, 205) 15px 15px,
-            -
            	rgb(0, 126, 205) 16px 16px,
-            -
            	rgb(0, 126, 205) 17px 17px,
-            -
            	rgb(0, 126, 205) 18px 18px,
-            -
            	rgb(0, 126, 205) 19px 19px,
-            -
            	rgb(0, 126, 205) 20px 20px,
-            -
            	rgb(0, 126, 205) 21px 21px,
-            -
            	rgb(0, 126, 205) 22px 22px,
-            -
            	rgb(0, 126, 205) 23px 23px,
-            -
            	rgb(0, 126, 205) 24px 24px,
-            -
            	rgb(0, 126, 205) 25px 25px,
-            -
            	rgb(0, 126, 205) 26px 26px,
-            -
            	rgb(0, 126, 205) 27px 27px,
-            -
            	rgb(0, 126, 205) 28px 28px,
-            -
            	rgb(0, 126, 205) 29px 29px,
-            -
            	rgb(0, 126, 205) 30px 30px;
-            -
            }
-            -
-            -
            .saboxplugin-socials.sabox-colored .saboxplugin-icon-color.fa-deviantart {
-            -
            	background: #dce22b;
-            -
            	border: 1px solid #b2b423;
-            -
            	text-shadow: rgb(178, 180, 35) 1px 1px,
-            -
            	rgb(178, 180, 35) 2px 2px,
-            -
            	rgb(178, 180, 35) 3px 3px,
-            -
            	rgb(178, 180, 35) 4px 4px,
-            -
            	rgb(178, 180, 35) 5px 5px,
-            -
            	rgb(178, 180, 35) 6px 6px,
-            -
            	rgb(178, 180, 35) 7px 7px,
-            -
            	rgb(178, 180, 35) 8px 8px,
-            -
            	rgb(178, 180, 35) 9px 9px,
-            -
            	rgb(178, 180, 35) 10px 10px,
-            -
            	rgb(178, 180, 35) 11px 11px,
-            -
            	rgb(178, 180, 35) 12px 12px,
-            -
            	rgb(178, 180, 35) 13px 13px,
-            -
            	rgb(178, 180, 35) 14px 14px,
-            -
            	rgb(178, 180, 35) 15px 15px,
-            -
            	rgb(178, 180, 35) 16px 16px,
-            -
            	rgb(178, 180, 35) 17px 17px,
-            -
            	rgb(178, 180, 35) 18px 18px,
-            -
            	rgb(178, 180, 35) 19px 19px,
-            -
            	rgb(178, 180, 35) 20px 20px,
-            -
            	rgb(178, 180, 35) 21px 21px,
-            -
            	rgb(178, 180, 35) 22px 22px,
-            -
            	rgb(178, 180, 35) 23px 23px,
-            -
            	rgb(178, 180, 35) 24px 24px,
-            -
            	rgb(178, 180, 35) 25px 25px,
-            -
            	rgb(178, 180, 35) 26px 26px,
-            -
            	rgb(178, 180, 35) 27px 27px,
-            -
            	rgb(178, 180, 35) 28px 28px,
-            -
            	rgb(178, 180, 35) 29px 29px,
-            -
            	rgb(178, 180, 35) 30px 30px;
-            -
            }
-            -
-            -
            .saboxplugin-socials.sabox-colored .saboxplugin-icon-color.fa-digg {
-            -
            	background: #1b8ec4;
-            -
            	border: 1px solid #126c92;
-            -
            	text-shadow: rgb(18, 108, 146) 1px 1px,
-            -
            	rgb(18, 108, 146) 2px 2px,
-            -
            	rgb(18, 108, 146) 3px 3px,
-            -
            	rgb(18, 108, 146) 4px 4px,
-            -
            	rgb(18, 108, 146) 5px 5px,
-            -
            	rgb(18, 108, 146) 6px 6px,
-            -
            	rgb(18, 108, 146) 7px 7px,
-            -
            	rgb(18, 108, 146) 8px 8px,
-            -
            	rgb(18, 108, 146) 9px 9px,
-            -
            	rgb(18, 108, 146) 10px 10px,
-            -
            	rgb(18, 108, 146) 11px 11px,
-            -
            	rgb(18, 108, 146) 12px 12px,
-            -
            	rgb(18, 108, 146) 13px 13px,
-            -
            	rgb(18, 108, 146) 14px 14px,
-            -
            	rgb(18, 108, 146) 15px 15px,
-            -
            	rgb(18, 108, 146) 16px 16px,
-            -
            	rgb(18, 108, 146) 17px 17px,
-            -
            	rgb(18, 108, 146) 18px 18px,
-            -
            	rgb(18, 108, 146) 19px 19px,
-            -
            	rgb(18, 108, 146) 20px 20px,
-            -
            	rgb(18, 108, 146) 21px 21px,
-            -
            	rgb(18, 108, 146) 22px 22px,
-            -
            	rgb(18, 108, 146) 23px 23px,
-            -
            	rgb(18, 108, 146) 24px 24px,
-            -
            	rgb(18, 108, 146) 25px 25px,
-            -
            	rgb(18, 108, 146) 26px 26px,
-            -
            	rgb(18, 108, 146) 27px 27px,
-            -
            	rgb(18, 108, 146) 28px 28px,
-            -
            	rgb(18, 108, 146) 29px 29px,
-            -
            	rgb(18, 108, 146) 30px 30px;
-            -
            }
-            -
-            -
            .saboxplugin-socials.sabox-colored .saboxplugin-icon-color.fa-dribbble {
-            -
            	background: #ef76a4;
-            -
            	border: 1px solid #c05c84;
-            -
            	text-shadow: rgb(192, 92, 132) 1px 1px,
-            -
            	rgb(192, 92, 132) 2px 2px,
-            -
            	rgb(192, 92, 132) 3px 3px,
-            -
            	rgb(192, 92, 132) 4px 4px,
-            -
            	rgb(192, 92, 132) 5px 5px,
-            -
            	rgb(192, 92, 132) 6px 6px,
-            -
            	rgb(192, 92, 132) 7px 7px,
-            -
            	rgb(192, 92, 132) 8px 8px,
-            -
            	rgb(192, 92, 132) 9px 9px,
-            -
            	rgb(192, 92, 132) 10px 10px,
-            -
            	rgb(192, 92, 132) 11px 11px,
-            -
            	rgb(192, 92, 132) 12px 12px,
-            -
            	rgb(192, 92, 132) 13px 13px,
-            -
            	rgb(192, 92, 132) 14px 14px,
-            -
            	rgb(192, 92, 132) 15px 15px,
-            -
            	rgb(192, 92, 132) 16px 16px,
-            -
            	rgb(192, 92, 132) 17px 17px,
-            -
            	rgb(192, 92, 132) 18px 18px,
-            -
            	rgb(192, 92, 132) 19px 19px,
-            -
            	rgb(192, 92, 132) 20px 20px,
-            -
            	rgb(192, 92, 132) 21px 21px,
-            -
            	rgb(192, 92, 132) 22px 22px,
-            -
            	rgb(192, 92, 132) 23px 23px,
-            -
            	rgb(192, 92, 132) 24px 24px,
-            -
            	rgb(192, 92, 132) 25px 25px,
-            -
            	rgb(192, 92, 132) 26px 26px,
-            -
            	rgb(192, 92, 132) 27px 27px,
-            -
            	rgb(192, 92, 132) 28px 28px,
-            -
            	rgb(192, 92, 132) 29px 29px,
-            -
            	rgb(192, 92, 132) 30px 30px;
-            -
            }
-            -
-            -
            .saboxplugin-socials.sabox-colored .saboxplugin-icon-color.fa-facebook {
-            -
            	background: #3b5998;
-            -
            	border: 1px solid #1e3d7a;
-            -
            	text-shadow: rgb(30, 61, 122) 1px 1px,
-            -
            	rgb(30, 61, 122) 2px 2px,
-            -
            	rgb(30, 61, 122) 3px 3px,
-            -
            	rgb(30, 61, 122) 4px 4px,
-            -
            	rgb(30, 61, 122) 5px 5px,
-            -
            	rgb(30, 61, 122) 6px 6px,
-            -
            	rgb(30, 61, 122) 7px 7px,
-            -
            	rgb(30, 61, 122) 8px 8px,
-            -
            	rgb(30, 61, 122) 9px 9px,
-            -
            	rgb(30, 61, 122) 10px 10px,
-            -
            	rgb(30, 61, 122) 11px 11px,
-            -
            	rgb(30, 61, 122) 12px 12px,
-            -
            	rgb(30, 61, 122) 13px 13px,
-            -
            	rgb(30, 61, 122) 14px 14px,
-            -
            	rgb(30, 61, 122) 15px 15px,
-            -
            	rgb(30, 61, 122) 16px 16px,
-            -
            	rgb(30, 61, 122) 17px 17px,
-            -
            	rgb(30, 61, 122) 18px 18px,
-            -
            	rgb(30, 61, 122) 19px 19px,
-            -
            	rgb(30, 61, 122) 20px 20px,
-            -
            	rgb(30, 61, 122) 21px 21px,
-            -
            	rgb(30, 61, 122) 22px 22px,
-            -
            	rgb(30, 61, 122) 23px 23px,
-            -
            	rgb(30, 61, 122) 24px 24px,
-            -
            	rgb(30, 61, 122) 25px 25px,
-            -
            	rgb(30, 61, 122) 26px 26px,
-            -
            	rgb(30, 61, 122) 27px 27px,
-            -
            	rgb(30, 61, 122) 28px 28px,
-            -
            	rgb(30, 61, 122) 29px 29px,
-            -
            	rgb(30, 61, 122) 30px 30px;
-            -
            }
-            -
-            -
            .saboxplugin-socials.sabox-colored .saboxplugin-icon-color.fa-flickr {
-            -
            	background: #ff0586;
-            -
            	border: 1px solid #d0006f;
-            -
            	text-shadow: rgb(208, 0, 111) 1px 1px,
-            -
            	rgb(208, 0, 111) 2px 2px,
-            -
            	rgb(208, 0, 111) 3px 3px,
-            -
            	rgb(208, 0, 111) 4px 4px,
-            -
            	rgb(208, 0, 111) 5px 5px,
-            -
            	rgb(208, 0, 111) 6px 6px,
-            -
            	rgb(208, 0, 111) 7px 7px,
-            -
            	rgb(208, 0, 111) 8px 8px,
-            -
            	rgb(208, 0, 111) 9px 9px,
-            -
            	rgb(208, 0, 111) 10px 10px,
-            -
            	rgb(208, 0, 111) 11px 11px,
-            -
            	rgb(208, 0, 111) 12px 12px,
-            -
            	rgb(208, 0, 111) 13px 13px,
-            -
            	rgb(208, 0, 111) 14px 14px,
-            -
            	rgb(208, 0, 111) 15px 15px,
-            -
            	rgb(208, 0, 111) 16px 16px,
-            -
            	rgb(208, 0, 111) 17px 17px,
-            -
            	rgb(208, 0, 111) 18px 18px,
-            -
            	rgb(208, 0, 111) 19px 19px,
-            -
            	rgb(208, 0, 111) 20px 20px,
-            -
            	rgb(208, 0, 111) 21px 21px,
-            -
            	rgb(208, 0, 111) 22px 22px,
-            -
            	rgb(208, 0, 111) 23px 23px,
-            -
            	rgb(208, 0, 111) 24px 24px,
-            -
            	rgb(208, 0, 111) 25px 25px,
-            -
            	rgb(208, 0, 111) 26px 26px,
-            -
            	rgb(208, 0, 111) 27px 27px,
-            -
            	rgb(208, 0, 111) 28px 28px,
-            -
            	rgb(208, 0, 111) 29px 29px,
-            -
            	rgb(208, 0, 111) 30px 30px;
-            -
            }
-            -
-            -
            .saboxplugin-socials.sabox-colored .saboxplugin-icon-color.fa-github {
-            -
            	background: #829aa8;
-            -
            	border: 1px solid #4f7385;
-            -
            	text-shadow: rgb(79, 115, 133) 1px 1px,
-            -
            	rgb(79, 115, 133) 2px 2px,
-            -
            	rgb(79, 115, 133) 3px 3px,
-            -
            	rgb(79, 115, 133) 4px 4px,
-            -
            	rgb(79, 115, 133) 5px 5px,
-            -
            	rgb(79, 115, 133) 6px 6px,
-            -
            	rgb(79, 115, 133) 7px 7px,
-            -
            	rgb(79, 115, 133) 8px 8px,
-            -
            	rgb(79, 115, 133) 9px 9px,
-            -
            	rgb(79, 115, 133) 10px 10px,
-            -
            	rgb(79, 115, 133) 11px 11px,
-            -
            	rgb(79, 115, 133) 12px 12px,
-            -
            	rgb(79, 115, 133) 13px 13px,
-            -
            	rgb(79, 115, 133) 14px 14px,
-            -
            	rgb(79, 115, 133) 15px 15px,
-            -
            	rgb(79, 115, 133) 16px 16px,
-            -
            	rgb(79, 115, 133) 17px 17px,
-            -
            	rgb(79, 115, 133) 18px 18px,
-            -
            	rgb(79, 115, 133) 19px 19px,
-            -
            	rgb(79, 115, 133) 20px 20px,
-            -
            	rgb(79, 115, 133) 21px 21px,
-            -
            	rgb(79, 115, 133) 22px 22px,
-            -
            	rgb(79, 115, 133) 23px 23px,
-            -
            	rgb(79, 115, 133) 24px 24px,
-            -
            	rgb(79, 115, 133) 25px 25px,
-            -
            	rgb(79, 115, 133) 26px 26px,
-            -
            	rgb(79, 115, 133) 27px 27px,
-            -
            	rgb(79, 115, 133) 28px 28px,
-            -
            	rgb(79, 115, 133) 29px 29px,
-            -
            	rgb(79, 115, 133) 30px 30px;
-            -
            }
-            -
-            -
            .saboxplugin-socials.sabox-colored .saboxplugin-icon-color.fa-google {
-            -
            	background: #e8262f;
-            -
            	border: 1px solid #c20c18;
-            -
            	text-shadow: rgb(194, 12, 24) 1px 1px,
-            -
            	rgb(194, 12, 24) 2px 2px,
-            -
            	rgb(194, 12, 24) 3px 3px,
-            -
            	rgb(194, 12, 24) 4px 4px,
-            -
            	rgb(194, 12, 24) 5px 5px,
-            -
            	rgb(194, 12, 24) 6px 6px,
-            -
            	rgb(194, 12, 24) 7px 7px,
-            -
            	rgb(194, 12, 24) 8px 8px,
-            -
            	rgb(194, 12, 24) 9px 9px,
-            -
            	rgb(194, 12, 24) 10px 10px,
-            -
            	rgb(194, 12, 24) 11px 11px,
-            -
            	rgb(194, 12, 24) 12px 12px,
-            -
            	rgb(194, 12, 24) 13px 13px,
-            -
            	rgb(194, 12, 24) 14px 14px,
-            -
            	rgb(194, 12, 24) 15px 15px,
-            -
            	rgb(194, 12, 24) 16px 16px,
-            -
            	rgb(194, 12, 24) 17px 17px,
-            -
            	rgb(194, 12, 24) 18px 18px,
-            -
            	rgb(194, 12, 24) 19px 19px,
-            -
            	rgb(194, 12, 24) 20px 20px,
-            -
            	rgb(194, 12, 24) 21px 21px,
-            -
            	rgb(194, 12, 24) 22px 22px,
-            -
            	rgb(194, 12, 24) 23px 23px,
-            -
            	rgb(194, 12, 24) 24px 24px,
-            -
            	rgb(194, 12, 24) 25px 25px,
-            -
            	rgb(194, 12, 24) 26px 26px,
-            -
            	rgb(194, 12, 24) 27px 27px,
-            -
            	rgb(194, 12, 24) 28px 28px,
-            -
            	rgb(194, 12, 24) 29px 29px,
-            -
            	rgb(194, 12, 24) 30px 30px;
-            -
            }
-            -
-            -
            .saboxplugin-socials.sabox-colored .saboxplugin-icon-color.fa-googleplus {
-            -
            	background: #dd4b39;
-            -
            	border: 1px solid #b32414;
-            -
            	text-shadow: rgb(179, 36, 20) 1px 1px,
-            -
            	rgb(179, 36, 20) 2px 2px,
-            -
            	rgb(179, 36, 20) 3px 3px,
-            -
            	rgb(179, 36, 20) 4px 4px,
-            -
            	rgb(179, 36, 20) 5px 5px,
-            -
            	rgb(179, 36, 20) 6px 6px,
-            -
            	rgb(179, 36, 20) 7px 7px,
-            -
            	rgb(179, 36, 20) 8px 8px,
-            -
            	rgb(179, 36, 20) 9px 9px,
-            -
            	rgb(179, 36, 20) 10px 10px,
-            -
            	rgb(179, 36, 20) 11px 11px,
-            -
            	rgb(179, 36, 20) 12px 12px,
-            -
            	rgb(179, 36, 20) 13px 13px,
-            -
            	rgb(179, 36, 20) 14px 14px,
-            -
            	rgb(179, 36, 20) 15px 15px,
-            -
            	rgb(179, 36, 20) 16px 16px,
-            -
            	rgb(179, 36, 20) 17px 17px,
-            -
            	rgb(179, 36, 20) 18px 18px,
-            -
            	rgb(179, 36, 20) 19px 19px,
-            -
            	rgb(179, 36, 20) 20px 20px,
-            -
            	rgb(179, 36, 20) 21px 21px,
-            -
            	rgb(179, 36, 20) 22px 22px,
-            -
            	rgb(179, 36, 20) 23px 23px,
-            -
            	rgb(179, 36, 20) 24px 24px,
-            -
            	rgb(179, 36, 20) 25px 25px,
-            -
            	rgb(179, 36, 20) 26px 26px,
-            -
            	rgb(179, 36, 20) 27px 27px,
-            -
            	rgb(179, 36, 20) 28px 28px,
-            -
            	rgb(179, 36, 20) 29px 29px,
-            -
            	rgb(179, 36, 20) 30px 30px;
-            -
            }
-            -
-            -
            .saboxplugin-socials.sabox-colored .saboxplugin-icon-color.fa-html5 {
-            -
            	background: #f16528;
-            -
            	border: 1px solid #c23d08;
-            -
            	text-shadow: rgb(194, 61, 8) 1px 1px,
-            -
            	rgb(194, 61, 8) 2px 2px,
-            -
            	rgb(194, 61, 8) 3px 3px,
-            -
            	rgb(194, 61, 8) 4px 4px,
-            -
            	rgb(194, 61, 8) 5px 5px,
-            -
            	rgb(194, 61, 8) 6px 6px,
-            -
            	rgb(194, 61, 8) 7px 7px,
-            -
            	rgb(194, 61, 8) 8px 8px,
-            -
            	rgb(194, 61, 8) 9px 9px,
-            -
            	rgb(194, 61, 8) 10px 10px,
-            -
            	rgb(194, 61, 8) 11px 11px,
-            -
            	rgb(194, 61, 8) 12px 12px,
-            -
            	rgb(194, 61, 8) 13px 13px,
-            -
            	rgb(194, 61, 8) 14px 14px,
-            -
            	rgb(194, 61, 8) 15px 15px,
-            -
            	rgb(194, 61, 8) 16px 16px,
-            -
            	rgb(194, 61, 8) 17px 17px,
-            -
            	rgb(194, 61, 8) 18px 18px,
-            -
            	rgb(194, 61, 8) 19px 19px,
-            -
            	rgb(194, 61, 8) 20px 20px,
-            -
            	rgb(194, 61, 8) 21px 21px,
-            -
            	rgb(194, 61, 8) 22px 22px,
-            -
            	rgb(194, 61, 8) 23px 23px,
-            -
            	rgb(194, 61, 8) 24px 24px,
-            -
            	rgb(194, 61, 8) 25px 25px,
-            -
            	rgb(194, 61, 8) 26px 26px,
-            -
            	rgb(194, 61, 8) 27px 27px,
-            -
            	rgb(194, 61, 8) 28px 28px,
-            -
            	rgb(194, 61, 8) 29px 29px,
-            -
            	rgb(194, 61, 8) 30px 30px;
-            -
            }
-            -
-            -
            .saboxplugin-socials.sabox-colored .saboxplugin-icon-color.fa-instagram {
-            -
            	background: #417096;
-            -
            	border: 1px solid #244f70;
-            -
            	text-shadow: rgb(36, 79, 112) 1px 1px,
-            -
            	rgb(36, 79, 112) 2px 2px,
-            -
            	rgb(36, 79, 112) 3px 3px,
-            -
            	rgb(36, 79, 112) 4px 4px,
-            -
            	rgb(36, 79, 112) 5px 5px,
-            -
            	rgb(36, 79, 112) 6px 6px,
-            -
            	rgb(36, 79, 112) 7px 7px,
-            -
            	rgb(36, 79, 112) 8px 8px,
-            -
            	rgb(36, 79, 112) 9px 9px,
-            -
            	rgb(36, 79, 112) 10px 10px,
-            -
            	rgb(36, 79, 112) 11px 11px,
-            -
            	rgb(36, 79, 112) 12px 12px,
-            -
            	rgb(36, 79, 112) 13px 13px,
-            -
            	rgb(36, 79, 112) 14px 14px,
-            -
            	rgb(36, 79, 112) 15px 15px,
-            -
            	rgb(36, 79, 112) 16px 16px,
-            -
            	rgb(36, 79, 112) 17px 17px,
-            -
            	rgb(36, 79, 112) 18px 18px,
-            -
            	rgb(36, 79, 112) 19px 19px,
-            -
            	rgb(36, 79, 112) 20px 20px,
-            -
            	rgb(36, 79, 112) 21px 21px,
-            -
            	rgb(36, 79, 112) 22px 22px,
-            -
            	rgb(36, 79, 112) 23px 23px,
-            -
            	rgb(36, 79, 112) 24px 24px,
-            -
            	rgb(36, 79, 112) 25px 25px,
-            -
            	rgb(36, 79, 112) 26px 26px,
-            -
            	rgb(36, 79, 112) 27px 27px,
-            -
            	rgb(36, 79, 112) 28px 28px,
-            -
            	rgb(36, 79, 112) 29px 29px,
-            -
            	rgb(36, 79, 112) 30px 30px;
-            -
            }
-            -
-            -
            .saboxplugin-socials.sabox-colored .saboxplugin-icon-color.fa-linkedin {
-            -
            	background: #1583bb;
-            -
            	border: 1px solid #036390;
-            -
            	text-shadow: rgb(3, 99, 144) 1px 1px,
-            -
            	rgb(3, 99, 144) 2px 2px,
-            -
            	rgb(3, 99, 144) 3px 3px,
-            -
            	rgb(3, 99, 144) 4px 4px,
-            -
            	rgb(3, 99, 144) 5px 5px,
-            -
            	rgb(3, 99, 144) 6px 6px,
-            -
            	rgb(3, 99, 144) 7px 7px,
-            -
            	rgb(3, 99, 144) 8px 8px,
-            -
            	rgb(3, 99, 144) 9px 9px,
-            -
            	rgb(3, 99, 144) 10px 10px,
-            -
            	rgb(3, 99, 144) 11px 11px,
-            -
            	rgb(3, 99, 144) 12px 12px,
-            -
            	rgb(3, 99, 144) 13px 13px,
-            -
            	rgb(3, 99, 144) 14px 14px,
-            -
            	rgb(3, 99, 144) 15px 15px,
-            -
            	rgb(3, 99, 144) 16px 16px,
-            -
            	rgb(3, 99, 144) 17px 17px,
-            -
            	rgb(3, 99, 144) 18px 18px,
-            -
            	rgb(3, 99, 144) 19px 19px,
-            -
            	rgb(3, 99, 144) 20px 20px,
-            -
            	rgb(3, 99, 144) 21px 21px,
-            -
            	rgb(3, 99, 144) 22px 22px,
-            -
            	rgb(3, 99, 144) 23px 23px,
-            -
            	rgb(3, 99, 144) 24px 24px,
-            -
            	rgb(3, 99, 144) 25px 25px,
-            -
            	rgb(3, 99, 144) 26px 26px,
-            -
            	rgb(3, 99, 144) 27px 27px,
-            -
            	rgb(3, 99, 144) 28px 28px,
-            -
            	rgb(3, 99, 144) 29px 29px,
-            -
            	rgb(3, 99, 144) 30px 30px;
-            -
            }
-            -
-            -
            .saboxplugin-socials.sabox-colored .saboxplugin-icon-color.fa-pinterest {
-            -
            	background: #cb2027;
-            -
            	border: 1px solid #9d060e;
-            -
            	text-shadow: rgb(157, 6, 62) 1px 1px,
-            -
            	rgb(157, 6, 62) 2px 2px,
-            -
            	rgb(157, 6, 62) 3px 3px,
-            -
            	rgb(157, 6, 62) 4px 4px,
-            -
            	rgb(157, 6, 62) 5px 5px,
-            -
            	rgb(157, 6, 62) 6px 6px,
-            -
            	rgb(157, 6, 62) 7px 7px,
-            -
            	rgb(157, 6, 62) 8px 8px,
-            -
            	rgb(157, 6, 62) 9px 9px,
-            -
            	rgb(157, 6, 62) 10px 10px,
-            -
            	rgb(157, 6, 62) 11px 11px,
-            -
            	rgb(157, 6, 62) 12px 12px,
-            -
            	rgb(157, 6, 62) 13px 13px,
-            -
            	rgb(157, 6, 62) 14px 14px,
-            -
            	rgb(157, 6, 62) 15px 15px,
-            -
            	rgb(157, 6, 62) 16px 16px,
-            -
            	rgb(157, 6, 62) 17px 17px,
-            -
            	rgb(157, 6, 62) 18px 18px,
-            -
            	rgb(157, 6, 62) 19px 19px,
-            -
            	rgb(157, 6, 62) 20px 20px,
-            -
            	rgb(157, 6, 62) 21px 21px,
-            -
            	rgb(157, 6, 62) 22px 22px,
-            -
            	rgb(157, 6, 62) 23px 23px,
-            -
            	rgb(157, 6, 62) 24px 24px,
-            -
            	rgb(157, 6, 62) 25px 25px,
-            -
            	rgb(157, 6, 62) 26px 26px,
-            -
            	rgb(157, 6, 62) 27px 27px,
-            -
            	rgb(157, 6, 62) 28px 28px,
-            -
            	rgb(157, 6, 62) 29px 29px,
-            -
            	rgb(157, 6, 62) 30px 30px;
-            -
            }
-            -
-            -
            .saboxplugin-socials.sabox-colored .saboxplugin-icon-color.fa-reddit {
-            -
            	background: #ff4107;
-            -
            	border: 1px solid #c62d02;
-            -
            	text-shadow: rgb(198, 45, 2) 1px 1px,
-            -
            	rgb(198, 45, 2) 2px 2px,
-            -
            	rgb(198, 45, 2) 3px 3px,
-            -
            	rgb(198, 45, 2) 4px 4px,
-            -
            	rgb(198, 45, 2) 5px 5px,
-            -
            	rgb(198, 45, 2) 6px 6px,
-            -
            	rgb(198, 45, 2) 7px 7px,
-            -
            	rgb(198, 45, 2) 8px 8px,
-            -
            	rgb(198, 45, 2) 9px 9px,
-            -
            	rgb(198, 45, 2) 10px 10px,
-            -
            	rgb(198, 45, 2) 11px 11px,
-            -
            	rgb(198, 45, 2) 12px 12px,
-            -
            	rgb(198, 45, 2) 13px 13px,
-            -
            	rgb(198, 45, 2) 14px 14px,
-            -
            	rgb(198, 45, 2) 15px 15px,
-            -
            	rgb(198, 45, 2) 16px 16px,
-            -
            	rgb(198, 45, 2) 17px 17px,
-            -
            	rgb(198, 45, 2) 18px 18px,
-            -
            	rgb(198, 45, 2) 19px 19px,
-            -
            	rgb(198, 45, 2) 20px 20px,
-            -
            	rgb(198, 45, 2) 21px 21px,
-            -
            	rgb(198, 45, 2) 22px 22px,
-            -
            	rgb(198, 45, 2) 23px 23px,
-            -
            	rgb(198, 45, 2) 24px 24px,
-            -
            	rgb(198, 45, 2) 25px 25px,
-            -
            	rgb(198, 45, 2) 26px 26px,
-            -
            	rgb(198, 45, 2) 27px 27px,
-            -
            	rgb(198, 45, 2) 28px 28px,
-            -
            	rgb(198, 45, 2) 29px 29px,
-            -
            	rgb(198, 45, 2) 30px 30px;
-            -
            }
-            -
-            -
            .saboxplugin-socials.sabox-colored .saboxplugin-icon-color.fa-rss {
-            -
            	background: #ff7a21;
-            -
            	border: 1px solid #c24b02;
-            -
            	text-shadow: rgb(194, 75, 2) 1px 1px,
-            -
            	rgb(194, 75, 2) 2px 2px,
-            -
            	rgb(194, 75, 2) 3px 3px,
-            -
            	rgb(194, 75, 2) 4px 4px,
-            -
            	rgb(194, 75, 2) 5px 5px,
-            -
            	rgb(194, 75, 2) 6px 6px,
-            -
            	rgb(194, 75, 2) 7px 7px,
-            -
            	rgb(194, 75, 2) 8px 8px,
-            -
            	rgb(194, 75, 2) 9px 9px,
-            -
            	rgb(194, 75, 2) 10px 10px,
-            -
            	rgb(194, 75, 2) 11px 11px,
-            -
            	rgb(194, 75, 2) 12px 12px,
-            -
            	rgb(194, 75, 2) 13px 13px,
-            -
            	rgb(194, 75, 2) 14px 14px,
-            -
            	rgb(194, 75, 2) 15px 15px,
-            -
            	rgb(194, 75, 2) 16px 16px,
-            -
            	rgb(194, 75, 2) 17px 17px,
-            -
            	rgb(194, 75, 2) 18px 18px,
-            -
            	rgb(194, 75, 2) 19px 19px,
-            -
            	rgb(194, 75, 2) 20px 20px,
-            -
            	rgb(194, 75, 2) 21px 21px,
-            -
            	rgb(194, 75, 2) 22px 22px,
-            -
            	rgb(194, 75, 2) 23px 23px,
-            -
            	rgb(194, 75, 2) 24px 24px,
-            -
            	rgb(194, 75, 2) 25px 25px,
-            -
            	rgb(194, 75, 2) 26px 26px,
-            -
            	rgb(194, 75, 2) 27px 27px,
-            -
            	rgb(194, 75, 2) 28px 28px,
-            -
            	rgb(194, 75, 2) 29px 29px,
-            -
            	rgb(194, 75, 2) 30px 30px;
-            -
            }
-            -
-            -
            .saboxplugin-socials.sabox-colored .saboxplugin-icon-color.fa-sharethis {
-            -
            	background: #1d9565;
-            -
            	border: 1px solid #076840;
-            -
            	text-shadow: rgb(7, 104, 64) 1px 1px,
-            -
            	rgb(7, 104, 64) 2px 2px,
-            -
            	rgb(7, 104, 64) 3px 3px,
-            -
            	rgb(7, 104, 64) 4px 4px,
-            -
            	rgb(7, 104, 64) 5px 5px,
-            -
            	rgb(7, 104, 64) 6px 6px,
-            -
            	rgb(7, 104, 64) 7px 7px,
-            -
            	rgb(7, 104, 64) 8px 8px,
-            -
            	rgb(7, 104, 64) 9px 9px,
-            -
            	rgb(7, 104, 64) 10px 10px,
-            -
            	rgb(7, 104, 64) 11px 11px,
-            -
            	rgb(7, 104, 64) 12px 12px,
-            -
            	rgb(7, 104, 64) 13px 13px,
-            -
            	rgb(7, 104, 64) 14px 14px,
-            -
            	rgb(7, 104, 64) 15px 15px,
-            -
            	rgb(7, 104, 64) 16px 16px,
-            -
            	rgb(7, 104, 64) 17px 17px,
-            -
            	rgb(7, 104, 64) 18px 18px,
-            -
            	rgb(7, 104, 64) 19px 19px,
-            -
            	rgb(7, 104, 64) 20px 20px,
-            -
            	rgb(7, 104, 64) 21px 21px,
-            -
            	rgb(7, 104, 64) 22px 22px,
-            -
            	rgb(7, 104, 64) 23px 23px,
-            -
            	rgb(7, 104, 64) 24px 24px,
-            -
            	rgb(7, 104, 64) 25px 25px,
-            -
            	rgb(7, 104, 64) 26px 26px,
-            -
            	rgb(7, 104, 64) 27px 27px,
-            -
            	rgb(7, 104, 64) 28px 28px,
-            -
            	rgb(7, 104, 64) 29px 29px,
-            -
            	rgb(7, 104, 64) 30px 30px;
-            -
            }
-            -
-            -
            .saboxplugin-socials.sabox-colored .saboxplugin-icon-color.fa-skype {
-            -
            	background: #3fc1f4;
-            -
            	border: 1px solid #1b95c2;
-            -
            	text-shadow: rgb(27, 149, 194) 1px 1px,
-            -
            	rgb(27, 149, 194) 2px 2px,
-            -
            	rgb(27, 149, 194) 3px 3px,
-            -
            	rgb(27, 149, 194) 4px 4px,
-            -
            	rgb(27, 149, 194) 5px 5px,
-            -
            	rgb(27, 149, 194) 6px 6px,
-            -
            	rgb(27, 149, 194) 7px 7px,
-            -
            	rgb(27, 149, 194) 8px 8px,
-            -
            	rgb(27, 149, 194) 9px 9px,
-            -
            	rgb(27, 149, 194) 10px 10px,
-            -
            	rgb(27, 149, 194) 11px 11px,
-            -
            	rgb(27, 149, 194) 12px 12px,
-            -
            	rgb(27, 149, 194) 13px 13px,
-            -
            	rgb(27, 149, 194) 14px 14px,
-            -
            	rgb(27, 149, 194) 15px 15px,
-            -
            	rgb(27, 149, 194) 16px 16px,
-            -
            	rgb(27, 149, 194) 17px 17px,
-            -
            	rgb(27, 149, 194) 18px 18px,
-            -
            	rgb(27, 149, 194) 19px 19px,
-            -
            	rgb(27, 149, 194) 20px 20px,
-            -
            	rgb(27, 149, 194) 21px 21px,
-            -
            	rgb(27, 149, 194) 22px 22px,
-            -
            	rgb(27, 149, 194) 23px 23px,
-            -
            	rgb(27, 149, 194) 24px 24px,
-            -
            	rgb(27, 149, 194) 25px 25px,
-            -
            	rgb(27, 149, 194) 26px 26px,
-            -
            	rgb(27, 149, 194) 27px 27px,
-            -
            	rgb(27, 149, 194) 28px 28px,
-            -
            	rgb(27, 149, 194) 29px 29px,
-            -
            	rgb(27, 149, 194) 30px 30px;
-            -
            }
-            -
-            -
            .saboxplugin-socials.sabox-colored .saboxplugin-icon-color.fa-soundcloud {
-            -
            	background: #ff5419;
-            -
            	border: 1px solid #c73002;
-            -
            	text-shadow: rgb(199, 48, 2) 1px 1px,
-            -
            	rgb(199, 48, 2) 2px 2px,
-            -
            	rgb(199, 48, 2) 3px 3px,
-            -
            	rgb(199, 48, 2) 4px 4px,
-            -
            	rgb(199, 48, 2) 5px 5px,
-            -
            	rgb(199, 48, 2) 6px 6px,
-            -
            	rgb(199, 48, 2) 7px 7px,
-            -
            	rgb(199, 48, 2) 8px 8px,
-            -
            	rgb(199, 48, 2) 9px 9px,
-            -
            	rgb(199, 48, 2) 10px 10px,
-            -
            	rgb(199, 48, 2) 11px 11px,
-            -
            	rgb(199, 48, 2) 12px 12px,
-            -
            	rgb(199, 48, 2) 13px 13px,
-            -
            	rgb(199, 48, 2) 14px 14px,
-            -
            	rgb(199, 48, 2) 15px 15px,
-            -
            	rgb(199, 48, 2) 16px 16px,
-            -
            	rgb(199, 48, 2) 17px 17px,
-            -
            	rgb(199, 48, 2) 18px 18px,
-            -
            	rgb(199, 48, 2) 19px 19px,
-            -
            	rgb(199, 48, 2) 20px 20px,
-            -
            	rgb(199, 48, 2) 21px 21px,
-            -
            	rgb(199, 48, 2) 22px 22px,
-            -
            	rgb(199, 48, 2) 23px 23px,
-            -
            	rgb(199, 48, 2) 24px 24px,
-            -
            	rgb(199, 48, 2) 25px 25px,
-            -
            	rgb(199, 48, 2) 26px 26px,
-            -
            	rgb(199, 48, 2) 27px 27px,
-            -
            	rgb(199, 48, 2) 28px 28px,
-            -
            	rgb(199, 48, 2) 29px 29px,
-            -
            	rgb(199, 48, 2) 30px 30px;
-            -
            }
-            -
-            -
            .saboxplugin-socials.sabox-colored .saboxplugin-icon-color.fa-spotify {
-            -
            	background: #aecf02;
-            -
            	border: 1px solid #829900;
-            -
            	text-shadow: rgb(130, 153, 0) 1px 1px,
-            -
            	rgb(130, 153, 0) 2px 2px,
-            -
            	rgb(130, 153, 0) 3px 3px,
-            -
            	rgb(130, 153, 0) 4px 4px,
-            -
            	rgb(130, 153, 0) 5px 5px,
-            -
            	rgb(130, 153, 0) 6px 6px,
-            -
            	rgb(130, 153, 0) 7px 7px,
-            -
            	rgb(130, 153, 0) 8px 8px,
-            -
            	rgb(130, 153, 0) 9px 9px,
-            -
            	rgb(130, 153, 0) 10px 10px,
-            -
            	rgb(130, 153, 0) 11px 11px,
-            -
            	rgb(130, 153, 0) 12px 12px,
-            -
            	rgb(130, 153, 0) 13px 13px,
-            -
            	rgb(130, 153, 0) 14px 14px,
-            -
            	rgb(130, 153, 0) 15px 15px,
-            -
            	rgb(130, 153, 0) 16px 16px,
-            -
            	rgb(130, 153, 0) 17px 17px,
-            -
            	rgb(130, 153, 0) 18px 18px,
-            -
            	rgb(130, 153, 0) 19px 19px,
-            -
            	rgb(130, 153, 0) 20px 20px,
-            -
            	rgb(130, 153, 0) 21px 21px,
-            -
            	rgb(130, 153, 0) 22px 22px,
-            -
            	rgb(130, 153, 0) 23px 23px,
-            -
            	rgb(130, 153, 0) 24px 24px,
-            -
            	rgb(130, 153, 0) 25px 25px,
-            -
            	rgb(130, 153, 0) 26px 26px,
-            -
            	rgb(130, 153, 0) 27px 27px,
-            -
            	rgb(130, 153, 0) 28px 28px,
-            -
            	rgb(130, 153, 0) 29px 29px,
-            -
            	rgb(130, 153, 0) 30px 30px;
-            -
            }
-            -
-            -
            .saboxplugin-socials.sabox-colored .saboxplugin-icon-color.fa-stackoverflow {
-            -
            	background: #ff661e;
-            -
            	border: 1px solid #ce3a00;
-            -
            	text-shadow: rgb(206, 58, 0) 1px 1px,
-            -
            	rgb(206, 58, 0) 2px 2px,
-            -
            	rgb(206, 58, 0) 3px 3px,
-            -
            	rgb(206, 58, 0) 4px 4px,
-            -
            	rgb(206, 58, 0) 5px 5px,
-            -
            	rgb(206, 58, 0) 6px 6px,
-            -
            	rgb(206, 58, 0) 7px 7px,
-            -
            	rgb(206, 58, 0) 8px 8px,
-            -
            	rgb(206, 58, 0) 9px 9px,
-            -
            	rgb(206, 58, 0) 10px 10px,
-            -
            	rgb(206, 58, 0) 11px 11px,
-            -
            	rgb(206, 58, 0) 12px 12px,
-            -
            	rgb(206, 58, 0) 13px 13px,
-            -
            	rgb(206, 58, 0) 14px 14px,
-            -
            	rgb(206, 58, 0) 15px 15px,
-            -
            	rgb(206, 58, 0) 16px 16px,
-            -
            	rgb(206, 58, 0) 17px 17px,
-            -
            	rgb(206, 58, 0) 18px 18px,
-            -
            	rgb(206, 58, 0) 19px 19px,
-            -
            	rgb(206, 58, 0) 20px 20px,
-            -
            	rgb(206, 58, 0) 21px 21px,
-            -
            	rgb(206, 58, 0) 22px 22px,
-            -
            	rgb(206, 58, 0) 23px 23px,
-            -
            	rgb(206, 58, 0) 24px 24px,
-            -
            	rgb(206, 58, 0) 25px 25px,
-            -
            	rgb(206, 58, 0) 26px 26px,
-            -
            	rgb(206, 58, 0) 27px 27px,
-            -
            	rgb(206, 58, 0) 28px 28px,
-            -
            	rgb(206, 58, 0) 29px 29px,
-            -
            	rgb(206, 58, 0) 30px 30px;
-            -
            }
-            -
-            -
            .saboxplugin-socials.sabox-colored .saboxplugin-icon-color.fa-steam,
-            -
            .saboxplugin-socials.sabox-colored .saboxplugin-icon-color.fa-user_email {
-            -
            	background: #484848;
-            -
            	border: 1px solid #302b2b;
-            -
            	text-shadow: rgb(48, 43, 43) 1px 1px,
-            -
            	rgb(48, 43, 43) 2px 2px,
-            -
            	rgb(48, 43, 43) 3px 3px,
-            -
            	rgb(48, 43, 43) 4px 4px,
-            -
            	rgb(48, 43, 43) 5px 5px,
-            -
            	rgb(48, 43, 43) 6px 6px,
-            -
            	rgb(48, 43, 43) 7px 7px,
-            -
            	rgb(48, 43, 43) 8px 8px,
-            -
            	rgb(48, 43, 43) 9px 9px,
-            -
            	rgb(48, 43, 43) 10px 10px,
-            -
            	rgb(48, 43, 43) 11px 11px,
-            -
            	rgb(48, 43, 43) 12px 12px,
-            -
            	rgb(48, 43, 43) 13px 13px,
-            -
            	rgb(48, 43, 43) 14px 14px,
-            -
            	rgb(48, 43, 43) 15px 15px,
-            -
            	rgb(48, 43, 43) 16px 16px,
-            -
            	rgb(48, 43, 43) 17px 17px,
-            -
            	rgb(48, 43, 43) 18px 18px,
-            -
            	rgb(48, 43, 43) 19px 19px,
-            -
            	rgb(48, 43, 43) 20px 20px,
-            -
            	rgb(48, 43, 43) 21px 21px,
-            -
            	rgb(48, 43, 43) 22px 22px,
-            -
            	rgb(48, 43, 43) 23px 23px,
-            -
            	rgb(48, 43, 43) 24px 24px,
-            -
            	rgb(48, 43, 43) 25px 25px,
-            -
            	rgb(48, 43, 43) 26px 26px,
-            -
            	rgb(48, 43, 43) 27px 27px,
-            -
            	rgb(48, 43, 43) 28px 28px,
-            -
            	rgb(48, 43, 43) 29px 29px,
-            -
            	rgb(48, 43, 43) 30px 30px;
-            -
            }
-            -
-            -
            .saboxplugin-socials.sabox-colored .saboxplugin-icon-color.fa-stumbleUpon {
-            -
            	background: #eb4923;
-            -
            	border: 1px solid #be2507;
-            -
            	text-shadow: rgb(190, 37, 7) 1px 1px,
-            -
            	rgb(190, 37, 7) 2px 2px,
-            -
            	rgb(190, 37, 7) 3px 3px,
-            -
            	rgb(190, 37, 7) 4px 4px,
-            -
            	rgb(190, 37, 7) 5px 5px,
-            -
            	rgb(190, 37, 7) 6px 6px,
-            -
            	rgb(190, 37, 7) 7px 7px,
-            -
            	rgb(190, 37, 7) 8px 8px,
-            -
            	rgb(190, 37, 7) 9px 9px,
-            -
            	rgb(190, 37, 7) 10px 10px,
-            -
            	rgb(190, 37, 7) 11px 11px,
-            -
            	rgb(190, 37, 7) 12px 12px,
-            -
            	rgb(190, 37, 7) 13px 13px,
-            -
            	rgb(190, 37, 7) 14px 14px,
-            -
            	rgb(190, 37, 7) 15px 15px,
-            -
            	rgb(190, 37, 7) 16px 16px,
-            -
            	rgb(190, 37, 7) 17px 17px,
-            -
            	rgb(190, 37, 7) 18px 18px,
-            -
            	rgb(190, 37, 7) 19px 19px,
-            -
            	rgb(190, 37, 7) 20px 20px,
-            -
            	rgb(190, 37, 7) 21px 21px,
-            -
            	rgb(190, 37, 7) 22px 22px,
-            -
            	rgb(190, 37, 7) 23px 23px,
-            -
            	rgb(190, 37, 7) 24px 24px,
-            -
            	rgb(190, 37, 7) 25px 25px,
-            -
            	rgb(190, 37, 7) 26px 26px,
-            -
            	rgb(190, 37, 7) 27px 27px,
-            -
            	rgb(190, 37, 7) 28px 28px,
-            -
            	rgb(190, 37, 7) 29px 29px,
-            -
            	rgb(190, 37, 7) 30px 30px;
-            -
            }
-            -
-            -
            .saboxplugin-socials.sabox-colored .saboxplugin-icon-color.fa-tumblr {
-            -
            	background: #3c576c;
-            -
            	border: 1px solid #1e3546;
-            -
            	text-shadow: rgb(30, 53, 70) 1px 1px,
-            -
            	rgb(30, 53, 70) 2px 2px,
-            -
            	rgb(30, 53, 70) 3px 3px,
-            -
            	rgb(30, 53, 70) 4px 4px,
-            -
            	rgb(30, 53, 70) 5px 5px,
-            -
            	rgb(30, 53, 70) 6px 6px,
-            -
            	rgb(30, 53, 70) 7px 7px,
-            -
            	rgb(30, 53, 70) 8px 8px,
-            -
            	rgb(30, 53, 70) 9px 9px,
-            -
            	rgb(30, 53, 70) 10px 10px,
-            -
            	rgb(30, 53, 70) 11px 11px,
-            -
            	rgb(30, 53, 70) 12px 12px,
-            -
            	rgb(30, 53, 70) 13px 13px,
-            -
            	rgb(30, 53, 70) 14px 14px,
-            -
            	rgb(30, 53, 70) 15px 15px,
-            -
            	rgb(30, 53, 70) 16px 16px,
-            -
            	rgb(30, 53, 70) 17px 17px,
-            -
            	rgb(30, 53, 70) 18px 18px,
-            -
            	rgb(30, 53, 70) 19px 19px,
-            -
            	rgb(30, 53, 70) 20px 20px,
-            -
            	rgb(30, 53, 70) 21px 21px,
-            -
            	rgb(30, 53, 70) 22px 22px,
-            -
            	rgb(30, 53, 70) 23px 23px,
-            -
            	rgb(30, 53, 70) 24px 24px,
-            -
            	rgb(30, 53, 70) 25px 25px,
-            -
            	rgb(30, 53, 70) 26px 26px,
-            -
            	rgb(30, 53, 70) 27px 27px,
-            -
            	rgb(30, 53, 70) 28px 28px,
-            -
            	rgb(30, 53, 70) 29px 29px,
-            -
            	rgb(30, 53, 70) 30px 30px;
-            -
            }
-            -
-            -
            .saboxplugin-socials.sabox-colored .saboxplugin-icon-color.fa-twitter {
-            -
            	background: #00aced;
-            -
            	border: 1px solid #008ab8;
-            -
            	text-shadow: rgb(0, 138, 184) 1px 1px,
-            -
            	rgb(0, 138, 184) 2px 2px,
-            -
            	rgb(0, 138, 184) 3px 3px,
-            -
            	rgb(0, 138, 184) 4px 4px,
-            -
            	rgb(0, 138, 184) 5px 5px,
-            -
            	rgb(0, 138, 184) 6px 6px,
-            -
            	rgb(0, 138, 184) 7px 7px,
-            -
            	rgb(0, 138, 184) 8px 8px,
-            -
            	rgb(0, 138, 184) 9px 9px,
-            -
            	rgb(0, 138, 184) 10px 10px,
-            -
            	rgb(0, 138, 184) 11px 11px,
-            -
            	rgb(0, 138, 184) 12px 12px,
-            -
            	rgb(0, 138, 184) 13px 13px,
-            -
            	rgb(0, 138, 184) 14px 14px,
-            -
            	rgb(0, 138, 184) 15px 15px,
-            -
            	rgb(0, 138, 184) 16px 16px,
-            -
            	rgb(0, 138, 184) 17px 17px,
-            -
            	rgb(0, 138, 184) 18px 18px,
-            -
            	rgb(0, 138, 184) 19px 19px,
-            -
            	rgb(0, 138, 184) 20px 20px,
-            -
            	rgb(0, 138, 184) 21px 21px,
-            -
            	rgb(0, 138, 184) 22px 22px,
-            -
            	rgb(0, 138, 184) 23px 23px,
-            -
            	rgb(0, 138, 184) 24px 24px,
-            -
            	rgb(0, 138, 184) 25px 25px,
-            -
            	rgb(0, 138, 184) 26px 26px,
-            -
            	rgb(0, 138, 184) 27px 27px,
-            -
            	rgb(0, 138, 184) 28px 28px,
-            -
            	rgb(0, 138, 184) 29px 29px,
-            -
            	rgb(0, 138, 184) 30px 30px;
-            -
            }
-            -
-            -
            .saboxplugin-socials.sabox-colored .saboxplugin-icon-color.fa-vimeo {
-            -
            	background: #006599;
-            -
            	border: 1px solid #00496a;
-            -
            	text-shadow: rgb(0, 73, 106) 1px 1px,
-            -
            	rgb(0, 73, 106) 2px 2px,
-            -
            	rgb(0, 73, 106) 3px 3px,
-            -
            	rgb(0, 73, 106) 4px 4px,
-            -
            	rgb(0, 73, 106) 5px 5px,
-            -
            	rgb(0, 73, 106) 6px 6px,
-            -
            	rgb(0, 73, 106) 7px 7px,
-            -
            	rgb(0, 73, 106) 8px 8px,
-            -
            	rgb(0, 73, 106) 9px 9px,
-            -
            	rgb(0, 73, 106) 10px 10px,
-            -
            	rgb(0, 73, 106) 11px 11px,
-            -
            	rgb(0, 73, 106) 12px 12px,
-            -
            	rgb(0, 73, 106) 13px 13px,
-            -
            	rgb(0, 73, 106) 14px 14px,
-            -
            	rgb(0, 73, 106) 15px 15px,
-            -
            	rgb(0, 73, 106) 16px 16px,
-            -
            	rgb(0, 73, 106) 17px 17px,
-            -
            	rgb(0, 73, 106) 18px 18px,
-            -
            	rgb(0, 73, 106) 19px 19px,
-            -
            	rgb(0, 73, 106) 20px 20px,
-            -
            	rgb(0, 73, 106) 21px 21px,
-            -
            	rgb(0, 73, 106) 22px 22px,
-            -
            	rgb(0, 73, 106) 23px 23px,
-            -
            	rgb(0, 73, 106) 24px 24px,
-            -
            	rgb(0, 73, 106) 25px 25px,
-            -
            	rgb(0, 73, 106) 26px 26px,
-            -
            	rgb(0, 73, 106) 27px 27px,
-            -
            	rgb(0, 73, 106) 28px 28px,
-            -
            	rgb(0, 73, 106) 29px 29px,
-            -
            	rgb(0, 73, 106) 30px 30px;
-            -
            }
-            -
-            -
            .saboxplugin-socials.sabox-colored .saboxplugin-icon-color.fa-windows {
-            -
            	background: #00adef;
-            -
            	border: 1px solid #038bbc;
-            -
            	text-shadow: rgb(3, 139, 188) 1px 1px,
-            -
            	rgb(3, 139, 188) 2px 2px,
-            -
            	rgb(3, 139, 188) 3px 3px,
-            -
            	rgb(3, 139, 188) 4px 4px,
-            -
            	rgb(3, 139, 188) 5px 5px,
-            -
            	rgb(3, 139, 188) 6px 6px,
-            -
            	rgb(3, 139, 188) 7px 7px,
-            -
            	rgb(3, 139, 188) 8px 8px,
-            -
            	rgb(3, 139, 188) 9px 9px,
-            -
            	rgb(3, 139, 188) 10px 10px,
-            -
            	rgb(3, 139, 188) 11px 11px,
-            -
            	rgb(3, 139, 188) 12px 12px,
-            -
            	rgb(3, 139, 188) 13px 13px,
-            -
            	rgb(3, 139, 188) 14px 14px,
-            -
            	rgb(3, 139, 188) 15px 15px,
-            -
            	rgb(3, 139, 188) 16px 16px,
-            -
            	rgb(3, 139, 188) 17px 17px,
-            -
            	rgb(3, 139, 188) 18px 18px,
-            -
            	rgb(3, 139, 188) 19px 19px,
-            -
            	rgb(3, 139, 188) 20px 20px,
-            -
            	rgb(3, 139, 188) 21px 21px,
-            -
            	rgb(3, 139, 188) 22px 22px,
-            -
            	rgb(3, 139, 188) 23px 23px,
-            -
            	rgb(3, 139, 188) 24px 24px,
-            -
            	rgb(3, 139, 188) 25px 25px,
-            -
            	rgb(3, 139, 188) 26px 26px,
-            -
            	rgb(3, 139, 188) 27px 27px,
-            -
            	rgb(3, 139, 188) 28px 28px,
-            -
            	rgb(3, 139, 188) 29px 29px,
-            -
            	rgb(3, 139, 188) 30px 30px;
-            -
            }
-            -
-            -
            .saboxplugin-socials.sabox-colored .saboxplugin-icon-color.fa-wordpress {
-            -
            	background: #21759a;
-            -
            	border: 1px solid #0f607e;
-            -
            	text-shadow: rgb(15, 96, 126) 1px 1px,
-            -
            	rgb(15, 96, 126) 2px 2px,
-            -
            	rgb(15, 96, 126) 3px 3px,
-            -
            	rgb(15, 96, 126) 4px 4px,
-            -
            	rgb(15, 96, 126) 5px 5px,
-            -
            	rgb(15, 96, 126) 6px 6px,
-            -
            	rgb(15, 96, 126) 7px 7px,
-            -
            	rgb(15, 96, 126) 8px 8px,
-            -
            	rgb(15, 96, 126) 9px 9px,
-            -
            	rgb(15, 96, 126) 10px 10px,
-            -
            	rgb(15, 96, 126) 11px 11px,
-            -
            	rgb(15, 96, 126) 12px 12px,
-            -
            	rgb(15, 96, 126) 13px 13px,
-            -
            	rgb(15, 96, 126) 14px 14px,
-            -
            	rgb(15, 96, 126) 15px 15px,
-            -
            	rgb(15, 96, 126) 16px 16px,
-            -
            	rgb(15, 96, 126) 17px 17px,
-            -
            	rgb(15, 96, 126) 18px 18px,
-            -
            	rgb(15, 96, 126) 19px 19px,
-            -
            	rgb(15, 96, 126) 20px 20px,
-            -
            	rgb(15, 96, 126) 21px 21px,
-            -
            	rgb(15, 96, 126) 22px 22px,
-            -
            	rgb(15, 96, 126) 23px 23px,
-            -
            	rgb(15, 96, 126) 24px 24px,
-            -
            	rgb(15, 96, 126) 25px 25px,
-            -
            	rgb(15, 96, 126) 26px 26px,
-            -
            	rgb(15, 96, 126) 27px 27px,
-            -
            	rgb(15, 96, 126) 28px 28px,
-            -
            	rgb(15, 96, 126) 29px 29px,
-            -
            	rgb(15, 96, 126) 30px 30px;
-            -
            }
-            -
-            -
            .saboxplugin-socials.sabox-colored .saboxplugin-icon-color.fa-yahoo {
-            -
            	background: #4101af;
-            -
            	border: 1px solid #290074;
-            -
            	text-shadow: rgb(41, 0, 116) 1px 1px,
-            -
            	rgb(41, 0, 116) 2px 2px,
-            -
            	rgb(41, 0, 116) 3px 3px,
-            -
            	rgb(41, 0, 116) 4px 4px,
-            -
            	rgb(41, 0, 116) 5px 5px,
-            -
            	rgb(41, 0, 116) 6px 6px,
-            -
            	rgb(41, 0, 116) 7px 7px,
-            -
            	rgb(41, 0, 116) 8px 8px,
-            -
            	rgb(41, 0, 116) 9px 9px,
-            -
            	rgb(41, 0, 116) 10px 10px,
-            -
            	rgb(41, 0, 116) 11px 11px,
-            -
            	rgb(41, 0, 116) 12px 12px,
-            -
            	rgb(41, 0, 116) 13px 13px,
-            -
            	rgb(41, 0, 116) 14px 14px,
-            -
            	rgb(41, 0, 116) 15px 15px,
-            -
            	rgb(41, 0, 116) 16px 16px,
-            -
            	rgb(41, 0, 116) 17px 17px,
-            -
            	rgb(41, 0, 116) 18px 18px,
-            -
            	rgb(41, 0, 116) 19px 19px,
-            -
            	rgb(41, 0, 116) 20px 20px,
-            -
            	rgb(41, 0, 116) 21px 21px,
-            -
            	rgb(41, 0, 116) 22px 22px,
-            -
            	rgb(41, 0, 116) 23px 23px,
-            -
            	rgb(41, 0, 116) 24px 24px,
-            -
            	rgb(41, 0, 116) 25px 25px,
-            -
            	rgb(41, 0, 116) 26px 26px,
-            -
            	rgb(41, 0, 116) 27px 27px,
-            -
            	rgb(41, 0, 116) 28px 28px,
-            -
            	rgb(41, 0, 116) 29px 29px,
-            -
            	rgb(41, 0, 116) 30px 30px;
-            -
            }
-            -
-            -
            .saboxplugin-socials.sabox-colored .saboxplugin-icon-color.fa-youtube {
-            -
            	background: #e52c27;
-            -
            	border: 1px solid #be0707;
-            -
            	text-shadow: rgb(190, 7, 7) 1px 1px,
-            -
            	rgb(190, 7, 7) 2px 2px,
-            -
            	rgb(190, 7, 7) 3px 3px,
-            -
            	rgb(190, 7, 7) 4px 4px,
-            -
            	rgb(190, 7, 7) 5px 5px,
-            -
            	rgb(190, 7, 7) 6px 6px,
-            -
            	rgb(190, 7, 7) 7px 7px,
-            -
            	rgb(190, 7, 7) 8px 8px,
-            -
            	rgb(190, 7, 7) 9px 9px,
-            -
            	rgb(190, 7, 7) 10px 10px,
-            -
            	rgb(190, 7, 7) 11px 11px,
-            -
            	rgb(190, 7, 7) 12px 12px,
-            -
            	rgb(190, 7, 7) 13px 13px,
-            -
            	rgb(190, 7, 7) 14px 14px,
-            -
            	rgb(190, 7, 7) 15px 15px,
-            -
            	rgb(190, 7, 7) 16px 16px,
-            -
            	rgb(190, 7, 7) 17px 17px,
-            -
            	rgb(190, 7, 7) 18px 18px,
-            -
            	rgb(190, 7, 7) 19px 19px,
-            -
            	rgb(190, 7, 7) 20px 20px,
-            -
            	rgb(190, 7, 7) 21px 21px,
-            -
            	rgb(190, 7, 7) 22px 22px,
-            -
            	rgb(190, 7, 7) 23px 23px,
-            -
            	rgb(190, 7, 7) 24px 24px,
-            -
            	rgb(190, 7, 7) 25px 25px,
-            -
            	rgb(190, 7, 7) 26px 26px,
-            -
            	rgb(190, 7, 7) 27px 27px,
-            -
            	rgb(190, 7, 7) 28px 28px,
-            -
            	rgb(190, 7, 7) 29px 29px,
-            -
            	rgb(190, 7, 7) 30px 30px;
-            -
            }
-            -
-            -
            .saboxplugin-socials.sabox-colored .saboxplugin-icon-color.fa-xing {
-            -
            	background: #026466;
-            -
            	border: 1px solid #004746;
-            -
            	text-shadow: rgb(0, 71, 70) 1px 1px,
-            -
            	rgb(0, 71, 70) 2px 2px,
-            -
            	rgb(0, 71, 70) 3px 3px,
-            -
            	rgb(0, 71, 70) 4px 4px,
-            -
            	rgb(0, 71, 70) 5px 5px,
-            -
            	rgb(0, 71, 70) 6px 6px,
-            -
            	rgb(0, 71, 70) 7px 7px,
-            -
            	rgb(0, 71, 70) 8px 8px,
-            -
            	rgb(0, 71, 70) 9px 9px,
-            -
            	rgb(0, 71, 70) 10px 10px,
-            -
            	rgb(0, 71, 70) 11px 11px,
-            -
            	rgb(0, 71, 70) 12px 12px,
-            -
            	rgb(0, 71, 70) 13px 13px,
-            -
            	rgb(0, 71, 70) 14px 14px,
-            -
            	rgb(0, 71, 70) 15px 15px,
-            -
            	rgb(0, 71, 70) 16px 16px,
-            -
            	rgb(0, 71, 70) 17px 17px,
-            -
            	rgb(0, 71, 70) 18px 18px,
-            -
            	rgb(0, 71, 70) 19px 19px,
-            -
            	rgb(0, 71, 70) 20px 20px,
-            -
            	rgb(0, 71, 70) 21px 21px,
-            -
            	rgb(0, 71, 70) 22px 22px,
-            -
            	rgb(0, 71, 70) 23px 23px,
-            -
            	rgb(0, 71, 70) 24px 24px,
-            -
            	rgb(0, 71, 70) 25px 25px,
-            -
            	rgb(0, 71, 70) 26px 26px,
-            -
            	rgb(0, 71, 70) 27px 27px,
-            -
            	rgb(0, 71, 70) 28px 28px,
-            -
            	rgb(0, 71, 70) 29px 29px,
-            -
            	rgb(0, 71, 70) 30px 30px;
-            -
            }
-            -
-            -
            .saboxplugin-socials.sabox-colored .saboxplugin-icon-color.fa-mixcloud {
-            -
            	background: #52aad8;
-            -
            	border: 1px solid #1b95c2;
-            -
            	text-shadow: rgb(27, 149, 194) 1px 1px,
-            -
            	rgb(27, 149, 194) 2px 2px,
-            -
            	rgb(27, 149, 194) 3px 3px,
-            -
            	rgb(27, 149, 194) 4px 4px,
-            -
            	rgb(27, 149, 194) 5px 5px,
-            -
            	rgb(27, 149, 194) 6px 6px,
-            -
            	rgb(27, 149, 194) 7px 7px,
-            -
            	rgb(27, 149, 194) 8px 8px,
-            -
            	rgb(27, 149, 194) 9px 9px,
-            -
            	rgb(27, 149, 194) 10px 10px,
-            -
            	rgb(27, 149, 194) 11px 11px,
-            -
            	rgb(27, 149, 194) 12px 12px,
-            -
            	rgb(27, 149, 194) 13px 13px,
-            -
            	rgb(27, 149, 194) 14px 14px,
-            -
            	rgb(27, 149, 194) 15px 15px,
-            -
            	rgb(27, 149, 194) 16px 16px,
-            -
            	rgb(27, 149, 194) 17px 17px,
-            -
            	rgb(27, 149, 194) 18px 18px,
-            -
            	rgb(27, 149, 194) 19px 19px,
-            -
            	rgb(27, 149, 194) 20px 20px,
-            -
            	rgb(27, 149, 194) 21px 21px,
-            -
            	rgb(27, 149, 194) 22px 22px,
-            -
            	rgb(27, 149, 194) 23px 23px,
-            -
            	rgb(27, 149, 194) 24px 24px,
-            -
            	rgb(27, 149, 194) 25px 25px,
-            -
            	rgb(27, 149, 194) 26px 26px,
-            -
            	rgb(27, 149, 194) 27px 27px,
-            -
            	rgb(27, 149, 194) 28px 28px,
-            -
            	rgb(27, 149, 194) 29px 29px,
-            -
            	rgb(27, 149, 194) 30px 30px;
-            -
            }
-            -
-            -
            .saboxplugin-socials.sabox-colored .saboxplugin-icon-color.fa-vk {
-            -
            	background-color: #45668e;
-            -
            }
-            -
-            -
            .saboxplugin-socials.sabox-colored .saboxplugin-icon-color.fa-medium {
-            -
            	background-color: #00ab6c;
-            -
            }
-            -
-            -
            .saboxplugin-socials.sabox-colored .saboxplugin-icon-color.fa-quora {
-            -
            	background-color: #a82400;
-            -
            }
-            -
-            -
            .saboxplugin-socials.sabox-colored .saboxplugin-icon-color.fa-meetup {
-            -
            	background-color: #e0393e;
-            -
            }
-            -
-            -
            .saboxplugin-socials.sabox-colored .saboxplugin-icon-color.fa-goodreads {
-            -
            	background: #553b08;
-            -
            	border: 1px solid #1b95c2;
+            }
             .sabox-plus-item {
@@ -1386,9 +340,7 @@
             		display: inline-block;
             		display: -moz-inline-stack;
             		vertical-align: middle;
-            -
            		*vertical-align: auto;
             		zoom: 1;
-            -
            		*display: inline;
+            	}
             	.saboxplugin-wrap .saboxplugin-desc {
@@ -1416,12 +368,12 @@ a.sab-profile-edit {
             	line-height: 1 !important;
+            }
-            -
            	a.sab-profile-edit,
-            -
            	.sab-edit-settings a{
-            -
            		color: #0073aa !important; /* default WP link color */
-            -
            		box-shadow: none !important;
-            -
            		-webkit-box-shadow: none !important;
-            -
            	}
             .sab-edit-settings {
             	margin-right: 15px;
@@ -1432,12 +384,26 @@ a.sab-profile-edit {
             	line-height: 20px;
+            }
-            -
            	.sab-edit-settings i {
-            -
            		margin-left: 5px;
-            -
            	}
-            -
-            -
            	.saboxplugin-socials {
-            -
            		line-height: 1 !important;
-            -
            	}

             	display: block;
             	background: #fcfcfc;
             	padding: 5px;
+            +
            	border-top: 1px solid #eee;
+            }
+            +
            .saboxplugin-wrap .saboxplugin-socials a svg {
+            +
            	width: 18px;
+            +
            	height: 18px;
+            +
            }
+            +
+            +
            .saboxplugin-wrap .saboxplugin-socials a svg .st2 {
+            +
            	fill: #fff;
+            +
            }
+            +
            .saboxplugin-wrap .saboxplugin-socials a svg .st1 {
+            +
            	fill: rgba( 0, 0, 0, .3 );
+            }
             .saboxplugin-wrap .saboxplugin-socials a:hover {
+            }
             .saboxplugin-wrap .saboxplugin-socials .saboxplugin-icon-color {
+            +
            	text-decoration: none;
+            +
            	box-shadow: none; /* twentyseventeen adds a box shadow under all links inside content */
+            +
            	padding: 0;
+            +
            	margin: 0;
+            +
            	border: 0;
+            +
            	-webkit-transition: opacity 0.4s;
+            +
            	-moz-transition: opacity 0.4s;
+            +
            	-o-transition: opacity 0.4s;
+            +
            	transition: opacity 0.4s;
+            +
            	display: inline-block;
+            +
            	color: #fff;
+            +
            	font-size: 0;
             	text-decoration: inherit;
             	margin: 5px;
             	-webkit-border-radius: 0;
             	-moz-border-radius: 0;
             	-ms-border-radius: 0;
             	overflow: hidden;
+            }
             .saboxplugin-wrap .saboxplugin-socials .saboxplugin-icon-grey {
             	text-decoration: inherit;
+            +
            	box-shadow: none; /* twentyseventeen adds a box shadow under all links inside content */
             	position: relative;
             	display: -moz-inline-stack;
             	display: inline-block;
             	vertical-align: middle;
             	zoom: 1;
             	margin: 10px 5px;
             	color: #444;
+            }
             	zoom: 1;
+            }
+            +
            /*  COLORED BACKGROUND AND LONG SHADOW EFFECT FOR SOCIAL ICONS
+            +
            -------------------------------------------------------------- */
+            +
            .saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-twitch {
+            +
            	border-color: #38245c;
+            +
            }
+            +
            .saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-addthis {
+            +
            	border-color: #e91c00;
+            }
+            +
            .saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-behance {
+            +
            	border-color: #003eb0;
+            }
+            +
            .saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-delicious {
+            +
            	border-color: #0066cc;
+            }
+            +
            .saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-deviantart {
+            +
            	border-color: #036824;
+            }
+            +
            .saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-digg {
+            +
            	border-color: #00327c;
+            }
+            +
            .saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-dribbble {
+            +
            	border-color: #ba1655;
+            }
+            +
            .saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-facebook {
+            +
            	border-color: #1e2e4f;
+            }
+            +
            .saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-flickr {
+            +
            	border-color: #003576;
+            }
+            +
            .saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-github {
+            +
            	border-color: #264874;
+            +
            }
+            +
+            +
            .saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-google {
+            +
            	border-color: #0b51c5;
+            +
            }
+            +
+            +
            .saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-googleplus {
+            +
            	border-color: #96271a;
+            +
            }
+            +
+            +
            .saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-html5 {
+            +
            	border-color: #902e13;
+            +
            }
+            +
+            +
            .saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-instagram {
+            +
            	border-color: #1630aa;
+            +
            }
+            +
+            +
            .saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-linkedin {
+            +
            	border-color: #00344f;
+            +
            }
+            +
+            +
            .saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-pinterest {
+            +
            	border-color: #5b040e;
+            +
            }
+            +
+            +
            .saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-reddit {
+            +
            	border-color: #992900;
+            +
            }
+            +
+            +
            .saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-rss {
+            +
            	border-color: #a43b0a;
+            +
            }
+            +
+            +
            .saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-sharethis {
+            +
            	border-color: #5d8420;
+            +
            }
+            +
+            +
            .saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-skype {
+            +
            	border-color: #00658a;
+            +
            }
+            +
+            +
            .saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-soundcloud {
+            +
            	border-color: #995200;
+            +
            }
+            +
+            +
            .saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-spotify {
+            +
            	border-color: #0f612c;
+            +
            }
+            +
+            +
            .saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-stackoverflow {
+            +
            	border-color: #a95009;
+            +
            }
+            +
+            +
            .saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-steam {
+            +
            	border-color: #006388;
+            +
            }
+            +
            .saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-user_email {
+            +
            	border-color: #b84e05;
+            +
            }
+            +
+            +
            .saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-stumbleUpon {
+            +
            	border-color: #9b280e;
+            +
            }
+            +
+            +
            .saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-tumblr {
+            +
            	border-color: #10151b;
+            +
            }
+            +
+            +
            .saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-twitter {
+            +
            	border-color: #0967a0;
+            +
            }
+            +
+            +
            .saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-vimeo {
+            +
            	border-color: #0d7091;
+            +
            }
+            +
+            +
            .saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-windows {
+            +
            	border-color: #003f71;
+            +
            }
+            +
+            +
            .saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-wordpress {
+            +
            	border-color: #0f3647;
+            +
            }
+            +
+            +
            .saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-yahoo {
+            +
            	border-color: #14002d;
+            +
            }
+            +
+            +
            .saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-youtube {
+            +
            	border-color: #990000;
+            +
            }
+            +
+            +
            .saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-xing {
+            +
            	border-color: #000202;
+            +
            }
+            +
+            +
            .saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-mixcloud {
+            +
            	border-color: #2475a0;
+            +
            }
+            +
+            +
            .saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-vk {
+            +
            	border-color: #243549;
+            +
            }
+            +
+            +
            .saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-medium {
+            +
            	border-color: #00452c;
+            +
            }
+            +
+            +
            .saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-quora {
+            +
            	border-color: #420e00;
+            +
            }
+            +
+            +
            .saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-meetup {
+            +
            	border-color: #9b181c;
+            +
            }
+            +
+            +
            .saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-goodreads {
+            +
            	border-color: #000;
+            +
            }
+            +
+            +
            .saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-snapchat {
+            +
            	border-color: #999700;
+            +
            }
+            +
+            +
            .saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-500px {
+            +
            	border-color: #00557f;
+            +
            }
+            +
+            +
            .saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-mastodont {
+            +
            	border-color: #185886;
+            }
             .sabox-plus-item {
             		display: inline-block;
             		display: -moz-inline-stack;
             		vertical-align: middle;
             		zoom: 1;
+            	}
             	.saboxplugin-wrap .saboxplugin-desc {
             	line-height: 1 !important;
+            }
+            +
            a.sab-profile-edit,
+            +
            .sab-edit-settings a{
+            +
            	color: #0073aa !important; /* default WP link color */
+            +
            	box-shadow: none !important;
+            +
            	-webkit-box-shadow: none !important;
+            +
            }
             .sab-edit-settings {
             	margin-right: 15px;
             	line-height: 20px;
+            }
+            +
            .sab-edit-settings i {
+            +
            	margin-left: 5px;
+            +
            }
+            +
            .saboxplugin-socials {
+            +
            	line-height: 1 !important;
+            +
            }
+            +
            /* RTL Support */
+            +
            .rtl .saboxplugin-wrap .saboxplugin-gravatar {
+            +
            	float: right;
+            +
            }
+            +
            .rtl .saboxplugin-wrap .saboxplugin-authorname {
+            +
            	display: flex;
+            +
            	align-items: center;
+            +
            }
+            +
            .rtl .saboxplugin-wrap .saboxplugin-authorname .sab-profile-edit {
+            +
            	margin-right: 10px;
+            +
            }
+            +
            .rtl .sab-edit-settings {
+            +
            	right: auto;
+            +
            	left: 0;
+            +
            }

assets/css/simple-author-box.min.css CHANGED Viewed

@@ -1 +1 @@

- .saboxplugin-wrap{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;border:1px solid #eee;width:100%;clear:both;display:block;overflow:hidden;word-wrap:break-word;position:relative}.saboxplugin-wrap .saboxplugin-gravatar{float:left;padding:20px}.saboxplugin-wrap .saboxplugin-gravatar img{max-width:100px;height:auto}.saboxplugin-wrap .saboxplugin-authorname{font-size:18px;line-height:1;margin:20px 0 0 20px;display:block}.saboxplugin-wrap .saboxplugin-authorname a{text-decoration:none}.saboxplugin-wrap .saboxplugin-authorname a:focus{outline:0}.saboxplugin-wrap .saboxplugin-desc{display:block;margin:5px 20px}.saboxplugin-wrap .saboxplugin-desc a{text-decoration:underline}.saboxplugin-wrap .saboxplugin-desc p{margin:5px 0 12px}.saboxplugin-wrap .saboxplugin-web{margin:0 20px 15px;text-align:left}.saboxplugin-wrap .sab-web-position{text-align:right}.saboxplugin-wrap .saboxplugin-web a{color:#ccc;text-decoration:none}.saboxplugin-wrap .saboxplugin-socials{position:relative;display:block;background:#fcfcfc;padding:5px;-webkit-box-shadow:0 1px 0 0 #eee inset;-moz-box-shadow:0 1px 0 0 #eee inset;box-shadow:0 1px 0 0 #eee inset}.saboxplugin-wrap .saboxplugin-socials a{text-decoration:none;box-shadow:none;padding:0;margin:0;border:0;-webkit-transition:opacity .4s;-moz-transition:opacity .4s;-o-transition:opacity .4s;transition:opacity .4s}.saboxplugin-wrap .saboxplugin-socials a:hover{opacity:.8;-webkit-transition:opacity .4s;-moz-transition:opacity .4s;-o-transition:opacity .4s;transition:opacity .4s;box-shadow:none!important;-webkit-box-shadow:none!important}.saboxplugin-wrap .saboxplugin-socials .saboxplugin-icon-color{font-style:normal;font-weight:400;text-decoration:inherit;margin:5px;background-clip:content-box;-moz-background-clip:content-box;-webkit-background-clip:content-box;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;-o-border-radius:0;border-radius:0;overflow:hidden}.saboxplugin-wrap .saboxplugin-socials .saboxplugin-icon-grey{font-style:normal;font-weight:400;text-decoration:inherit;font-size:20px;position:relative;display:-moz-inline-stack;display:inline-block;vertical-align:middle;zoom:1;margin:10px 5px;color:#444}.clearfix:after,.clearfix:before{content:' ';display:table;line-height:0;clear:both}.ie7 .clearfix{zoom:1}.saboxplugin-wrap .saboxplugin-socials.sabox-colored .saboxplugin-icon-color{color:#fff}.saboxplugin-socials .fa{text-align:center;display:inline-block}.saboxplugin-socials .fa-googleplus:before{content:'\f0d5'!important}.saboxplugin-socials .fa-sharethis:before{content:'\f1e0'!important}.saboxplugin-socials .fa-addthis:before{content:'\f0fe'!important}.saboxplugin-socials .fa-stackoverflow:before{content:'\f16c'!important}.saboxplugin-socials .fa-stumbleUpon:before{content:'\f1a4'!important}.saboxplugin-socials .fa-user_email:before{content:'\f0e0'!important}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color.fa-twitch{background-color:#6441a5}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color.fa-addthis{background:#ff8662;border:1px solid #d5644b;text-shadow:#d5644b 1px 1px,#d5644b 2px 2px,#d5644b 3px 3px,#d5644b 4px 4px,#d5644b 5px 5px,#d5644b 6px 6px,#d5644b 7px 7px,#d5644b 8px 8px,#d5644b 9px 9px,#d5644b 10px 10px,#d5644b 11px 11px,#d5644b 12px 12px,#d5644b 13px 13px,#d5644b 14px 14px,#d5644b 15px 15px,#d5644b 16px 16px,#d5644b 17px 17px,#d5644b 18px 18px,#d5644b 19px 19px,#d5644b 20px 20px,#d5644b 21px 21px,#d5644b 22px 22px,#d5644b 23px 23px,#d5644b 24px 24px,#d5644b 25px 25px,#d5644b 26px 26px,#d5644b 27px 27px,#d5644b 28px 28px,#d5644b 29px 29px,#d5644b 30px 30px}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color.fa-behance{background:#0294ff;border:1px solid #0083d4;text-shadow:#0083d4 1px 1px,#0083d4 2px 2px,#0083d4 3px 3px,#0083d4 4px 4px,#0083d4 5px 5px,#0083d4 6px 6px,#0083d4 7px 7px,#0083d4 8px 8px,#0083d4 9px 9px,#0083d4 10px 10px,#0083d4 11px 11px,#0083d4 12px 12px,#0083d4 13px 13px,#0083d4 14px 14px,#0083d4 15px 15px,#0083d4 16px 16px,#0083d4 17px 17px,#0083d4 18px 18px,#0083d4 19px 19px,#0083d4 20px 20px,#0083d4 21px 21px,#0083d4 22px 22px,#0083d4 23px 23px,#0083d4 24px 24px,#0083d4 25px 25px,#0083d4 26px 26px,#0083d4 27px 27px,#0083d4 28px 28px,#0083d4 29px 29px,#0083d4 30px 30px}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color.fa-delicious{background:#0294ff;border:1px solid #007ecd;text-shadow:#007ecd 1px 1px,#007ecd 2px 2px,#007ecd 3px 3px,#007ecd 4px 4px,#007ecd 5px 5px,#007ecd 6px 6px,#007ecd 7px 7px,#007ecd 8px 8px,#007ecd 9px 9px,#007ecd 10px 10px,#007ecd 11px 11px,#007ecd 12px 12px,#007ecd 13px 13px,#007ecd 14px 14px,#007ecd 15px 15px,#007ecd 16px 16px,#007ecd 17px 17px,#007ecd 18px 18px,#007ecd 19px 19px,#007ecd 20px 20px,#007ecd 21px 21px,#007ecd 22px 22px,#007ecd 23px 23px,#007ecd 24px 24px,#007ecd 25px 25px,#007ecd 26px 26px,#007ecd 27px 27px,#007ecd 28px 28px,#007ecd 29px 29px,#007ecd 30px 30px}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color.fa-deviantart{background:#dce22b;border:1px solid #b2b423;text-shadow:#b2b423 1px 1px,#b2b423 2px 2px,#b2b423 3px 3px,#b2b423 4px 4px,#b2b423 5px 5px,#b2b423 6px 6px,#b2b423 7px 7px,#b2b423 8px 8px,#b2b423 9px 9px,#b2b423 10px 10px,#b2b423 11px 11px,#b2b423 12px 12px,#b2b423 13px 13px,#b2b423 14px 14px,#b2b423 15px 15px,#b2b423 16px 16px,#b2b423 17px 17px,#b2b423 18px 18px,#b2b423 19px 19px,#b2b423 20px 20px,#b2b423 21px 21px,#b2b423 22px 22px,#b2b423 23px 23px,#b2b423 24px 24px,#b2b423 25px 25px,#b2b423 26px 26px,#b2b423 27px 27px,#b2b423 28px 28px,#b2b423 29px 29px,#b2b423 30px 30px}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color.fa-digg{background:#1b8ec4;border:1px solid #126c92;text-shadow:#126c92 1px 1px,#126c92 2px 2px,#126c92 3px 3px,#126c92 4px 4px,#126c92 5px 5px,#126c92 6px 6px,#126c92 7px 7px,#126c92 8px 8px,#126c92 9px 9px,#126c92 10px 10px,#126c92 11px 11px,#126c92 12px 12px,#126c92 13px 13px,#126c92 14px 14px,#126c92 15px 15px,#126c92 16px 16px,#126c92 17px 17px,#126c92 18px 18px,#126c92 19px 19px,#126c92 20px 20px,#126c92 21px 21px,#126c92 22px 22px,#126c92 23px 23px,#126c92 24px 24px,#126c92 25px 25px,#126c92 26px 26px,#126c92 27px 27px,#126c92 28px 28px,#126c92 29px 29px,#126c92 30px 30px}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color.fa-dribbble{background:#ef76a4;border:1px solid #c05c84;text-shadow:#c05c84 1px 1px,#c05c84 2px 2px,#c05c84 3px 3px,#c05c84 4px 4px,#c05c84 5px 5px,#c05c84 6px 6px,#c05c84 7px 7px,#c05c84 8px 8px,#c05c84 9px 9px,#c05c84 10px 10px,#c05c84 11px 11px,#c05c84 12px 12px,#c05c84 13px 13px,#c05c84 14px 14px,#c05c84 15px 15px,#c05c84 16px 16px,#c05c84 17px 17px,#c05c84 18px 18px,#c05c84 19px 19px,#c05c84 20px 20px,#c05c84 21px 21px,#c05c84 22px 22px,#c05c84 23px 23px,#c05c84 24px 24px,#c05c84 25px 25px,#c05c84 26px 26px,#c05c84 27px 27px,#c05c84 28px 28px,#c05c84 29px 29px,#c05c84 30px 30px}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color.fa-facebook{background:#3b5998;border:1px solid #1e3d7a;text-shadow:#1e3d7a 1px 1px,#1e3d7a 2px 2px,#1e3d7a 3px 3px,#1e3d7a 4px 4px,#1e3d7a 5px 5px,#1e3d7a 6px 6px,#1e3d7a 7px 7px,#1e3d7a 8px 8px,#1e3d7a 9px 9px,#1e3d7a 10px 10px,#1e3d7a 11px 11px,#1e3d7a 12px 12px,#1e3d7a 13px 13px,#1e3d7a 14px 14px,#1e3d7a 15px 15px,#1e3d7a 16px 16px,#1e3d7a 17px 17px,#1e3d7a 18px 18px,#1e3d7a 19px 19px,#1e3d7a 20px 20px,#1e3d7a 21px 21px,#1e3d7a 22px 22px,#1e3d7a 23px 23px,#1e3d7a 24px 24px,#1e3d7a 25px 25px,#1e3d7a 26px 26px,#1e3d7a 27px 27px,#1e3d7a 28px 28px,#1e3d7a 29px 29px,#1e3d7a 30px 30px}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color.fa-flickr{background:#ff0586;border:1px solid #d0006f;text-shadow:#d0006f 1px 1px,#d0006f 2px 2px,#d0006f 3px 3px,#d0006f 4px 4px,#d0006f 5px 5px,#d0006f 6px 6px,#d0006f 7px 7px,#d0006f 8px 8px,#d0006f 9px 9px,#d0006f 10px 10px,#d0006f 11px 11px,#d0006f 12px 12px,#d0006f 13px 13px,#d0006f 14px 14px,#d0006f 15px 15px,#d0006f 16px 16px,#d0006f 17px 17px,#d0006f 18px 18px,#d0006f 19px 19px,#d0006f 20px 20px,#d0006f 21px 21px,#d0006f 22px 22px,#d0006f 23px 23px,#d0006f 24px 24px,#d0006f 25px 25px,#d0006f 26px 26px,#d0006f 27px 27px,#d0006f 28px 28px,#d0006f 29px 29px,#d0006f 30px 30px}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color.fa-github{background:#829aa8;border:1px solid #4f7385;text-shadow:#4f7385 1px 1px,#4f7385 2px 2px,#4f7385 3px 3px,#4f7385 4px 4px,#4f7385 5px 5px,#4f7385 6px 6px,#4f7385 7px 7px,#4f7385 8px 8px,#4f7385 9px 9px,#4f7385 10px 10px,#4f7385 11px 11px,#4f7385 12px 12px,#4f7385 13px 13px,#4f7385 14px 14px,#4f7385 15px 15px,#4f7385 16px 16px,#4f7385 17px 17px,#4f7385 18px 18px,#4f7385 19px 19px,#4f7385 20px 20px,#4f7385 21px 21px,#4f7385 22px 22px,#4f7385 23px 23px,#4f7385 24px 24px,#4f7385 25px 25px,#4f7385 26px 26px,#4f7385 27px 27px,#4f7385 28px 28px,#4f7385 29px 29px,#4f7385 30px 30px}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color.fa-google{background:#e8262f;border:1px solid #c20c18;text-shadow:#c20c18 1px 1px,#c20c18 2px 2px,#c20c18 3px 3px,#c20c18 4px 4px,#c20c18 5px 5px,#c20c18 6px 6px,#c20c18 7px 7px,#c20c18 8px 8px,#c20c18 9px 9px,#c20c18 10px 10px,#c20c18 11px 11px,#c20c18 12px 12px,#c20c18 13px 13px,#c20c18 14px 14px,#c20c18 15px 15px,#c20c18 16px 16px,#c20c18 17px 17px,#c20c18 18px 18px,#c20c18 19px 19px,#c20c18 20px 20px,#c20c18 21px 21px,#c20c18 22px 22px,#c20c18 23px 23px,#c20c18 24px 24px,#c20c18 25px 25px,#c20c18 26px 26px,#c20c18 27px 27px,#c20c18 28px 28px,#c20c18 29px 29px,#c20c18 30px 30px}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color.fa-googleplus{background:#dd4b39;border:1px solid #b32414;text-shadow:#b32414 1px 1px,#b32414 2px 2px,#b32414 3px 3px,#b32414 4px 4px,#b32414 5px 5px,#b32414 6px 6px,#b32414 7px 7px,#b32414 8px 8px,#b32414 9px 9px,#b32414 10px 10px,#b32414 11px 11px,#b32414 12px 12px,#b32414 13px 13px,#b32414 14px 14px,#b32414 15px 15px,#b32414 16px 16px,#b32414 17px 17px,#b32414 18px 18px,#b32414 19px 19px,#b32414 20px 20px,#b32414 21px 21px,#b32414 22px 22px,#b32414 23px 23px,#b32414 24px 24px,#b32414 25px 25px,#b32414 26px 26px,#b32414 27px 27px,#b32414 28px 28px,#b32414 29px 29px,#b32414 30px 30px}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color.fa-html5{background:#f16528;border:1px solid #c23d08;text-shadow:#c23d08 1px 1px,#c23d08 2px 2px,#c23d08 3px 3px,#c23d08 4px 4px,#c23d08 5px 5px,#c23d08 6px 6px,#c23d08 7px 7px,#c23d08 8px 8px,#c23d08 9px 9px,#c23d08 10px 10px,#c23d08 11px 11px,#c23d08 12px 12px,#c23d08 13px 13px,#c23d08 14px 14px,#c23d08 15px 15px,#c23d08 16px 16px,#c23d08 17px 17px,#c23d08 18px 18px,#c23d08 19px 19px,#c23d08 20px 20px,#c23d08 21px 21px,#c23d08 22px 22px,#c23d08 23px 23px,#c23d08 24px 24px,#c23d08 25px 25px,#c23d08 26px 26px,#c23d08 27px 27px,#c23d08 28px 28px,#c23d08 29px 29px,#c23d08 30px 30px}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color.fa-instagram{background:#417096;border:1px solid #244f70;text-shadow:#244f70 1px 1px,#244f70 2px 2px,#244f70 3px 3px,#244f70 4px 4px,#244f70 5px 5px,#244f70 6px 6px,#244f70 7px 7px,#244f70 8px 8px,#244f70 9px 9px,#244f70 10px 10px,#244f70 11px 11px,#244f70 12px 12px,#244f70 13px 13px,#244f70 14px 14px,#244f70 15px 15px,#244f70 16px 16px,#244f70 17px 17px,#244f70 18px 18px,#244f70 19px 19px,#244f70 20px 20px,#244f70 21px 21px,#244f70 22px 22px,#244f70 23px 23px,#244f70 24px 24px,#244f70 25px 25px,#244f70 26px 26px,#244f70 27px 27px,#244f70 28px 28px,#244f70 29px 29px,#244f70 30px 30px}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color.fa-linkedin{background:#1583bb;border:1px solid #036390;text-shadow:#036390 1px 1px,#036390 2px 2px,#036390 3px 3px,#036390 4px 4px,#036390 5px 5px,#036390 6px 6px,#036390 7px 7px,#036390 8px 8px,#036390 9px 9px,#036390 10px 10px,#036390 11px 11px,#036390 12px 12px,#036390 13px 13px,#036390 14px 14px,#036390 15px 15px,#036390 16px 16px,#036390 17px 17px,#036390 18px 18px,#036390 19px 19px,#036390 20px 20px,#036390 21px 21px,#036390 22px 22px,#036390 23px 23px,#036390 24px 24px,#036390 25px 25px,#036390 26px 26px,#036390 27px 27px,#036390 28px 28px,#036390 29px 29px,#036390 30px 30px}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color.fa-pinterest{background:#cb2027;border:1px solid #9d060e;text-shadow:#9d063e 1px 1px,#9d063e 2px 2px,#9d063e 3px 3px,#9d063e 4px 4px,#9d063e 5px 5px,#9d063e 6px 6px,#9d063e 7px 7px,#9d063e 8px 8px,#9d063e 9px 9px,#9d063e 10px 10px,#9d063e 11px 11px,#9d063e 12px 12px,#9d063e 13px 13px,#9d063e 14px 14px,#9d063e 15px 15px,#9d063e 16px 16px,#9d063e 17px 17px,#9d063e 18px 18px,#9d063e 19px 19px,#9d063e 20px 20px,#9d063e 21px 21px,#9d063e 22px 22px,#9d063e 23px 23px,#9d063e 24px 24px,#9d063e 25px 25px,#9d063e 26px 26px,#9d063e 27px 27px,#9d063e 28px 28px,#9d063e 29px 29px,#9d063e 30px 30px}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color.fa-reddit{background:#ff4107;border:1px solid #c62d02;text-shadow:#c62d02 1px 1px,#c62d02 2px 2px,#c62d02 3px 3px,#c62d02 4px 4px,#c62d02 5px 5px,#c62d02 6px 6px,#c62d02 7px 7px,#c62d02 8px 8px,#c62d02 9px 9px,#c62d02 10px 10px,#c62d02 11px 11px,#c62d02 12px 12px,#c62d02 13px 13px,#c62d02 14px 14px,#c62d02 15px 15px,#c62d02 16px 16px,#c62d02 17px 17px,#c62d02 18px 18px,#c62d02 19px 19px,#c62d02 20px 20px,#c62d02 21px 21px,#c62d02 22px 22px,#c62d02 23px 23px,#c62d02 24px 24px,#c62d02 25px 25px,#c62d02 26px 26px,#c62d02 27px 27px,#c62d02 28px 28px,#c62d02 29px 29px,#c62d02 30px 30px}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color.fa-rss{background:#ff7a21;border:1px solid #c24b02;text-shadow:#c24b02 1px 1px,#c24b02 2px 2px,#c24b02 3px 3px,#c24b02 4px 4px,#c24b02 5px 5px,#c24b02 6px 6px,#c24b02 7px 7px,#c24b02 8px 8px,#c24b02 9px 9px,#c24b02 10px 10px,#c24b02 11px 11px,#c24b02 12px 12px,#c24b02 13px 13px,#c24b02 14px 14px,#c24b02 15px 15px,#c24b02 16px 16px,#c24b02 17px 17px,#c24b02 18px 18px,#c24b02 19px 19px,#c24b02 20px 20px,#c24b02 21px 21px,#c24b02 22px 22px,#c24b02 23px 23px,#c24b02 24px 24px,#c24b02 25px 25px,#c24b02 26px 26px,#c24b02 27px 27px,#c24b02 28px 28px,#c24b02 29px 29px,#c24b02 30px 30px}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color.fa-sharethis{background:#1d9565;border:1px solid #076840;text-shadow:#076840 1px 1px,#076840 2px 2px,#076840 3px 3px,#076840 4px 4px,#076840 5px 5px,#076840 6px 6px,#076840 7px 7px,#076840 8px 8px,#076840 9px 9px,#076840 10px 10px,#076840 11px 11px,#076840 12px 12px,#076840 13px 13px,#076840 14px 14px,#076840 15px 15px,#076840 16px 16px,#076840 17px 17px,#076840 18px 18px,#076840 19px 19px,#076840 20px 20px,#076840 21px 21px,#076840 22px 22px,#076840 23px 23px,#076840 24px 24px,#076840 25px 25px,#076840 26px 26px,#076840 27px 27px,#076840 28px 28px,#076840 29px 29px,#076840 30px 30px}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color.fa-skype{background:#3fc1f4;border:1px solid #1b95c2;text-shadow:#1b95c2 1px 1px,#1b95c2 2px 2px,#1b95c2 3px 3px,#1b95c2 4px 4px,#1b95c2 5px 5px,#1b95c2 6px 6px,#1b95c2 7px 7px,#1b95c2 8px 8px,#1b95c2 9px 9px,#1b95c2 10px 10px,#1b95c2 11px 11px,#1b95c2 12px 12px,#1b95c2 13px 13px,#1b95c2 14px 14px,#1b95c2 15px 15px,#1b95c2 16px 16px,#1b95c2 17px 17px,#1b95c2 18px 18px,#1b95c2 19px 19px,#1b95c2 20px 20px,#1b95c2 21px 21px,#1b95c2 22px 22px,#1b95c2 23px 23px,#1b95c2 24px 24px,#1b95c2 25px 25px,#1b95c2 26px 26px,#1b95c2 27px 27px,#1b95c2 28px 28px,#1b95c2 29px 29px,#1b95c2 30px 30px}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color.fa-soundcloud{background:#ff5419;border:1px solid #c73002;text-shadow:#c73002 1px 1px,#c73002 2px 2px,#c73002 3px 3px,#c73002 4px 4px,#c73002 5px 5px,#c73002 6px 6px,#c73002 7px 7px,#c73002 8px 8px,#c73002 9px 9px,#c73002 10px 10px,#c73002 11px 11px,#c73002 12px 12px,#c73002 13px 13px,#c73002 14px 14px,#c73002 15px 15px,#c73002 16px 16px,#c73002 17px 17px,#c73002 18px 18px,#c73002 19px 19px,#c73002 20px 20px,#c73002 21px 21px,#c73002 22px 22px,#c73002 23px 23px,#c73002 24px 24px,#c73002 25px 25px,#c73002 26px 26px,#c73002 27px 27px,#c73002 28px 28px,#c73002 29px 29px,#c73002 30px 30px}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color.fa-spotify{background:#aecf02;border:1px solid #829900;text-shadow:#829900 1px 1px,#829900 2px 2px,#829900 3px 3px,#829900 4px 4px,#829900 5px 5px,#829900 6px 6px,#829900 7px 7px,#829900 8px 8px,#829900 9px 9px,#829900 10px 10px,#829900 11px 11px,#829900 12px 12px,#829900 13px 13px,#829900 14px 14px,#829900 15px 15px,#829900 16px 16px,#829900 17px 17px,#829900 18px 18px,#829900 19px 19px,#829900 20px 20px,#829900 21px 21px,#829900 22px 22px,#829900 23px 23px,#829900 24px 24px,#829900 25px 25px,#829900 26px 26px,#829900 27px 27px,#829900 28px 28px,#829900 29px 29px,#829900 30px 30px}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color.fa-stackoverflow{background:#ff661e;border:1px solid #ce3a00;text-shadow:#ce3a00 1px 1px,#ce3a00 2px 2px,#ce3a00 3px 3px,#ce3a00 4px 4px,#ce3a00 5px 5px,#ce3a00 6px 6px,#ce3a00 7px 7px,#ce3a00 8px 8px,#ce3a00 9px 9px,#ce3a00 10px 10px,#ce3a00 11px 11px,#ce3a00 12px 12px,#ce3a00 13px 13px,#ce3a00 14px 14px,#ce3a00 15px 15px,#ce3a00 16px 16px,#ce3a00 17px 17px,#ce3a00 18px 18px,#ce3a00 19px 19px,#ce3a00 20px 20px,#ce3a00 21px 21px,#ce3a00 22px 22px,#ce3a00 23px 23px,#ce3a00 24px 24px,#ce3a00 25px 25px,#ce3a00 26px 26px,#ce3a00 27px 27px,#ce3a00 28px 28px,#ce3a00 29px 29px,#ce3a00 30px 30px}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color.fa-steam,.saboxplugin-socials.sabox-colored .saboxplugin-icon-color.fa-user_email{background:#484848;border:1px solid #302b2b;text-shadow:#302b2b 1px 1px,#302b2b 2px 2px,#302b2b 3px 3px,#302b2b 4px 4px,#302b2b 5px 5px,#302b2b 6px 6px,#302b2b 7px 7px,#302b2b 8px 8px,#302b2b 9px 9px,#302b2b 10px 10px,#302b2b 11px 11px,#302b2b 12px 12px,#302b2b 13px 13px,#302b2b 14px 14px,#302b2b 15px 15px,#302b2b 16px 16px,#302b2b 17px 17px,#302b2b 18px 18px,#302b2b 19px 19px,#302b2b 20px 20px,#302b2b 21px 21px,#302b2b 22px 22px,#302b2b 23px 23px,#302b2b 24px 24px,#302b2b 25px 25px,#302b2b 26px 26px,#302b2b 27px 27px,#302b2b 28px 28px,#302b2b 29px 29px,#302b2b 30px 30px}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color.fa-stumbleUpon{background:#eb4923;border:1px solid #be2507;text-shadow:#be2507 1px 1px,#be2507 2px 2px,#be2507 3px 3px,#be2507 4px 4px,#be2507 5px 5px,#be2507 6px 6px,#be2507 7px 7px,#be2507 8px 8px,#be2507 9px 9px,#be2507 10px 10px,#be2507 11px 11px,#be2507 12px 12px,#be2507 13px 13px,#be2507 14px 14px,#be2507 15px 15px,#be2507 16px 16px,#be2507 17px 17px,#be2507 18px 18px,#be2507 19px 19px,#be2507 20px 20px,#be2507 21px 21px,#be2507 22px 22px,#be2507 23px 23px,#be2507 24px 24px,#be2507 25px 25px,#be2507 26px 26px,#be2507 27px 27px,#be2507 28px 28px,#be2507 29px 29px,#be2507 30px 30px}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color.fa-tumblr{background:#3c576c;border:1px solid #1e3546;text-shadow:#1e3546 1px 1px,#1e3546 2px 2px,#1e3546 3px 3px,#1e3546 4px 4px,#1e3546 5px 5px,#1e3546 6px 6px,#1e3546 7px 7px,#1e3546 8px 8px,#1e3546 9px 9px,#1e3546 10px 10px,#1e3546 11px 11px,#1e3546 12px 12px,#1e3546 13px 13px,#1e3546 14px 14px,#1e3546 15px 15px,#1e3546 16px 16px,#1e3546 17px 17px,#1e3546 18px 18px,#1e3546 19px 19px,#1e3546 20px 20px,#1e3546 21px 21px,#1e3546 22px 22px,#1e3546 23px 23px,#1e3546 24px 24px,#1e3546 25px 25px,#1e3546 26px 26px,#1e3546 27px 27px,#1e3546 28px 28px,#1e3546 29px 29px,#1e3546 30px 30px}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color.fa-twitter{background:#00aced;border:1px solid #008ab8;text-shadow:#008ab8 1px 1px,#008ab8 2px 2px,#008ab8 3px 3px,#008ab8 4px 4px,#008ab8 5px 5px,#008ab8 6px 6px,#008ab8 7px 7px,#008ab8 8px 8px,#008ab8 9px 9px,#008ab8 10px 10px,#008ab8 11px 11px,#008ab8 12px 12px,#008ab8 13px 13px,#008ab8 14px 14px,#008ab8 15px 15px,#008ab8 16px 16px,#008ab8 17px 17px,#008ab8 18px 18px,#008ab8 19px 19px,#008ab8 20px 20px,#008ab8 21px 21px,#008ab8 22px 22px,#008ab8 23px 23px,#008ab8 24px 24px,#008ab8 25px 25px,#008ab8 26px 26px,#008ab8 27px 27px,#008ab8 28px 28px,#008ab8 29px 29px,#008ab8 30px 30px}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color.fa-vimeo{background:#006599;border:1px solid #00496a;text-shadow:#00496a 1px 1px,#00496a 2px 2px,#00496a 3px 3px,#00496a 4px 4px,#00496a 5px 5px,#00496a 6px 6px,#00496a 7px 7px,#00496a 8px 8px,#00496a 9px 9px,#00496a 10px 10px,#00496a 11px 11px,#00496a 12px 12px,#00496a 13px 13px,#00496a 14px 14px,#00496a 15px 15px,#00496a 16px 16px,#00496a 17px 17px,#00496a 18px 18px,#00496a 19px 19px,#00496a 20px 20px,#00496a 21px 21px,#00496a 22px 22px,#00496a 23px 23px,#00496a 24px 24px,#00496a 25px 25px,#00496a 26px 26px,#00496a 27px 27px,#00496a 28px 28px,#00496a 29px 29px,#00496a 30px 30px}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color.fa-windows{background:#00adef;border:1px solid #038bbc;text-shadow:#038bbc 1px 1px,#038bbc 2px 2px,#038bbc 3px 3px,#038bbc 4px 4px,#038bbc 5px 5px,#038bbc 6px 6px,#038bbc 7px 7px,#038bbc 8px 8px,#038bbc 9px 9px,#038bbc 10px 10px,#038bbc 11px 11px,#038bbc 12px 12px,#038bbc 13px 13px,#038bbc 14px 14px,#038bbc 15px 15px,#038bbc 16px 16px,#038bbc 17px 17px,#038bbc 18px 18px,#038bbc 19px 19px,#038bbc 20px 20px,#038bbc 21px 21px,#038bbc 22px 22px,#038bbc 23px 23px,#038bbc 24px 24px,#038bbc 25px 25px,#038bbc 26px 26px,#038bbc 27px 27px,#038bbc 28px 28px,#038bbc 29px 29px,#038bbc 30px 30px}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color.fa-wordpress{background:#21759a;border:1px solid #0f607e;text-shadow:#0f607e 1px 1px,#0f607e 2px 2px,#0f607e 3px 3px,#0f607e 4px 4px,#0f607e 5px 5px,#0f607e 6px 6px,#0f607e 7px 7px,#0f607e 8px 8px,#0f607e 9px 9px,#0f607e 10px 10px,#0f607e 11px 11px,#0f607e 12px 12px,#0f607e 13px 13px,#0f607e 14px 14px,#0f607e 15px 15px,#0f607e 16px 16px,#0f607e 17px 17px,#0f607e 18px 18px,#0f607e 19px 19px,#0f607e 20px 20px,#0f607e 21px 21px,#0f607e 22px 22px,#0f607e 23px 23px,#0f607e 24px 24px,#0f607e 25px 25px,#0f607e 26px 26px,#0f607e 27px 27px,#0f607e 28px 28px,#0f607e 29px 29px,#0f607e 30px 30px}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color.fa-yahoo{background:#4101af;border:1px solid #290074;text-shadow:#290074 1px 1px,#290074 2px 2px,#290074 3px 3px,#290074 4px 4px,#290074 5px 5px,#290074 6px 6px,#290074 7px 7px,#290074 8px 8px,#290074 9px 9px,#290074 10px 10px,#290074 11px 11px,#290074 12px 12px,#290074 13px 13px,#290074 14px 14px,#290074 15px 15px,#290074 16px 16px,#290074 17px 17px,#290074 18px 18px,#290074 19px 19px,#290074 20px 20px,#290074 21px 21px,#290074 22px 22px,#290074 23px 23px,#290074 24px 24px,#290074 25px 25px,#290074 26px 26px,#290074 27px 27px,#290074 28px 28px,#290074 29px 29px,#290074 30px 30px}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color.fa-youtube{background:#e52c27;border:1px solid #be0707;text-shadow:#be0707 1px 1px,#be0707 2px 2px,#be0707 3px 3px,#be0707 4px 4px,#be0707 5px 5px,#be0707 6px 6px,#be0707 7px 7px,#be0707 8px 8px,#be0707 9px 9px,#be0707 10px 10px,#be0707 11px 11px,#be0707 12px 12px,#be0707 13px 13px,#be0707 14px 14px,#be0707 15px 15px,#be0707 16px 16px,#be0707 17px 17px,#be0707 18px 18px,#be0707 19px 19px,#be0707 20px 20px,#be0707 21px 21px,#be0707 22px 22px,#be0707 23px 23px,#be0707 24px 24px,#be0707 25px 25px,#be0707 26px 26px,#be0707 27px 27px,#be0707 28px 28px,#be0707 29px 29px,#be0707 30px 30px}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color.fa-xing{background:#026466;border:1px solid #004746;text-shadow:#004746 1px 1px,#004746 2px 2px,#004746 3px 3px,#004746 4px 4px,#004746 5px 5px,#004746 6px 6px,#004746 7px 7px,#004746 8px 8px,#004746 9px 9px,#004746 10px 10px,#004746 11px 11px,#004746 12px 12px,#004746 13px 13px,#004746 14px 14px,#004746 15px 15px,#004746 16px 16px,#004746 17px 17px,#004746 18px 18px,#004746 19px 19px,#004746 20px 20px,#004746 21px 21px,#004746 22px 22px,#004746 23px 23px,#004746 24px 24px,#004746 25px 25px,#004746 26px 26px,#004746 27px 27px,#004746 28px 28px,#004746 29px 29px,#004746 30px 30px}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color.fa-mixcloud{background:#52aad8;border:1px solid #1b95c2;text-shadow:#1b95c2 1px 1px,#1b95c2 2px 2px,#1b95c2 3px 3px,#1b95c2 4px 4px,#1b95c2 5px 5px,#1b95c2 6px 6px,#1b95c2 7px 7px,#1b95c2 8px 8px,#1b95c2 9px 9px,#1b95c2 10px 10px,#1b95c2 11px 11px,#1b95c2 12px 12px,#1b95c2 13px 13px,#1b95c2 14px 14px,#1b95c2 15px 15px,#1b95c2 16px 16px,#1b95c2 17px 17px,#1b95c2 18px 18px,#1b95c2 19px 19px,#1b95c2 20px 20px,#1b95c2 21px 21px,#1b95c2 22px 22px,#1b95c2 23px 23px,#1b95c2 24px 24px,#1b95c2 25px 25px,#1b95c2 26px 26px,#1b95c2 27px 27px,#1b95c2 28px 28px,#1b95c2 29px 29px,#1b95c2 30px 30px}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color.fa-vk{background-color:#45668e}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color.fa-medium{background-color:#00ab6c}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color.fa-quora{background-color:#a82400}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color.fa-meetup{background-color:#e0393e}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color.fa-goodreads{background:#553b08;border:1px solid #1b95c2}.sabox-plus-item{margin-bottom:20px}@media screen and (max-width:480px){.saboxplugin-wrap{text-align:center}.saboxplugin-wrap .saboxplugin-gravatar{float:none;padding:20px 0;text-align:center;margin:0 auto;display:block}.saboxplugin-wrap .saboxplugin-gravatar img{float:none;display:inline-block;display:-moz-inline-stack;vertical-align:middle;zoom:1}.saboxplugin-wrap .saboxplugin-desc{margin:0 10px 20px;text-align:center}.saboxplugin-wrap .saboxplugin-authorname{text-align:center;margin:10px 0 20px}}body .saboxplugin-authorname a,body .saboxplugin-authorname a:hover{box-shadow:none;-webkit-box-shadow:none}a.sab-profile-edit{font-size:16px!important;line-height:1!important}.sab-edit-settings a,a.sab-profile-edit{color:#0073aa!important;box-shadow:none!important;-webkit-box-shadow:none!important}.sab-edit-settings{margin-right:15px;position:absolute;right:0;z-index:2;bottom:10px;line-height:20px}.sab-edit-settings i{margin-left:5px}.saboxplugin-socials{line-height:1!important}

+ .saboxplugin-wrap{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;border:1px solid #eee;width:100%;clear:both;display:block;overflow:hidden;word-wrap:break-word;position:relative}.saboxplugin-wrap .saboxplugin-gravatar{float:left;padding:20px}.saboxplugin-wrap .saboxplugin-gravatar img{max-width:100px;height:auto}.saboxplugin-wrap .saboxplugin-authorname{font-size:18px;line-height:1;margin:20px 0 0 20px;display:block}.saboxplugin-wrap .saboxplugin-authorname a{text-decoration:none}.saboxplugin-wrap .saboxplugin-authorname a:focus{outline:0}.saboxplugin-wrap .saboxplugin-desc{display:block;margin:5px 20px}.saboxplugin-wrap .saboxplugin-desc a{text-decoration:underline}.saboxplugin-wrap .saboxplugin-desc p{margin:5px 0 12px}.saboxplugin-wrap .saboxplugin-web{margin:0 20px 15px;text-align:left}.saboxplugin-wrap .sab-web-position{text-align:right}.saboxplugin-wrap .saboxplugin-web a{color:#ccc;text-decoration:none}.saboxplugin-wrap .saboxplugin-socials{position:relative;display:block;background:#fcfcfc;padding:5px;border-top:1px solid #eee}.saboxplugin-wrap .saboxplugin-socials a svg{width:18px;height:18px}.saboxplugin-wrap .saboxplugin-socials a svg .st2{fill:#fff}.saboxplugin-wrap .saboxplugin-socials a svg .st1{fill:rgba(0,0,0,.3)}.saboxplugin-wrap .saboxplugin-socials a:hover{opacity:.8;-webkit-transition:opacity .4s;-moz-transition:opacity .4s;-o-transition:opacity .4s;transition:opacity .4s;box-shadow:none!important;-webkit-box-shadow:none!important}.saboxplugin-wrap .saboxplugin-socials .saboxplugin-icon-color{box-shadow:none;padding:0;border:0;-webkit-transition:opacity .4s;-moz-transition:opacity .4s;-o-transition:opacity .4s;transition:opacity .4s;display:inline-block;color:#fff;font-size:0;text-decoration:inherit;margin:5px;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;-o-border-radius:0;border-radius:0;overflow:hidden}.saboxplugin-wrap .saboxplugin-socials .saboxplugin-icon-grey{text-decoration:inherit;box-shadow:none;position:relative;display:-moz-inline-stack;display:inline-block;vertical-align:middle;zoom:1;margin:10px 5px;color:#444}.clearfix:after,.clearfix:before{content:' ';display:table;line-height:0;clear:both}.ie7 .clearfix{zoom:1}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-twitch{border-color:#38245c}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-addthis{border-color:#e91c00}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-behance{border-color:#003eb0}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-delicious{border-color:#06c}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-deviantart{border-color:#036824}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-digg{border-color:#00327c}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-dribbble{border-color:#ba1655}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-facebook{border-color:#1e2e4f}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-flickr{border-color:#003576}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-github{border-color:#264874}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-google{border-color:#0b51c5}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-googleplus{border-color:#96271a}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-html5{border-color:#902e13}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-instagram{border-color:#1630aa}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-linkedin{border-color:#00344f}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-pinterest{border-color:#5b040e}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-reddit{border-color:#992900}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-rss{border-color:#a43b0a}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-sharethis{border-color:#5d8420}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-skype{border-color:#00658a}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-soundcloud{border-color:#995200}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-spotify{border-color:#0f612c}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-stackoverflow{border-color:#a95009}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-steam{border-color:#006388}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-user_email{border-color:#b84e05}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-stumbleUpon{border-color:#9b280e}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-tumblr{border-color:#10151b}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-twitter{border-color:#0967a0}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-vimeo{border-color:#0d7091}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-windows{border-color:#003f71}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-wordpress{border-color:#0f3647}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-yahoo{border-color:#14002d}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-youtube{border-color:#900}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-xing{border-color:#000202}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-mixcloud{border-color:#2475a0}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-vk{border-color:#243549}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-medium{border-color:#00452c}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-quora{border-color:#420e00}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-meetup{border-color:#9b181c}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-goodreads{border-color:#000}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-snapchat{border-color:#999700}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-500px{border-color:#00557f}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-mastodont{border-color:#185886}.sabox-plus-item{margin-bottom:20px}@media screen and (max-width:480px){.saboxplugin-wrap{text-align:center}.saboxplugin-wrap .saboxplugin-gravatar{float:none;padding:20px 0;text-align:center;margin:0 auto;display:block}.saboxplugin-wrap .saboxplugin-gravatar img{float:none;display:inline-block;display:-moz-inline-stack;vertical-align:middle;zoom:1}.saboxplugin-wrap .saboxplugin-desc{margin:0 10px 20px;text-align:center}.saboxplugin-wrap .saboxplugin-authorname{text-align:center;margin:10px 0 20px}}body .saboxplugin-authorname a,body .saboxplugin-authorname a:hover{box-shadow:none;-webkit-box-shadow:none}a.sab-profile-edit{font-size:16px!important;line-height:1!important}.sab-edit-settings a,a.sab-profile-edit{color:#0073aa!important;box-shadow:none!important;-webkit-box-shadow:none!important}.sab-edit-settings{margin-right:15px;position:absolute;right:0;z-index:2;bottom:10px;line-height:20px}.sab-edit-settings i{margin-left:5px}.saboxplugin-socials{line-height:1!important}.rtl .saboxplugin-wrap .saboxplugin-gravatar{float:right}.rtl .saboxplugin-wrap .saboxplugin-authorname{display:flex;align-items:center}.rtl .saboxplugin-wrap .saboxplugin-authorname .sab-profile-edit{margin-right:10px}.rtl .sab-edit-settings{right:auto;left:0}

assets/img/handshake.png DELETED Viewed

Binary file

assets/img/kiwi.png DELETED Viewed

Binary file

assets/img/modula.jpg DELETED Viewed

Binary file

assets/img/speed.png DELETED Viewed

Binary file

assets/js/sab-preview.js ADDED Viewed

	@@ -0,0 +1,401 @@


1	+ wp.SAB = 'undefined' === typeof( wp.SAB ) ? {} : wp.SAB;
2	+ wp.SAB.views = 'undefined' === typeof( wp.SAB.views ) ? {} : wp.SAB.views;
3	+ wp.SAB.models = 'undefined' === typeof( wp.SAB.models ) ? {} : wp.SAB.models;
4	+ wp.SAB.contructors = 'undefined' === typeof( wp.SAB.contructors ) ? [] : wp.SAB.contructors;
5	+
6	+ wp.SAB.models.Settings = Backbone.Model.extend({
7	+ initialize: function(){
8	+ var model = this;
9	+
10	+ var view = new wp.SAB.views.Settings({
11	+ model: this,
12	+ el: jQuery( '#sabox-container' )
13	+ });
14	+
15	+ this.set( 'view', view );
16	+ },
17	+ getAttribute: function( type ){
18	+ var value = this.get( type );
19	+
20	+ if ( 'undefined' == typeof value ) {
21	+ value = jQuery( '#' + type ).val();
22	+ }
23	+
24	+ return value;
25	+ }
26	+ });
27	+
28	+ wp.SAB.views.Settings = Backbone.View.extend({
29	+
30	+ events: {
31	+ // Settings specific events
32	+ 'keyup input': 'updateModel',
33	+ 'keyup textarea': 'updateModel',
34	+ 'change input': 'updateModel',
35	+ 'change textarea': 'updateModel',
36	+ 'blur textarea': 'updateModel',
37	+ 'change select': 'updateModel',
38	+ },
39	+
40	+ initialize: function( args ) {
41	+
42	+ // Check for Google Fonts
43	+ this.checkGoogleFonts();
44	+
45	+ this.listenTo( this.model, 'change:sab_email', this.emailVisibility );
46	+
47	+ // Author website
48	+ this.listenTo( this.model, 'change:sab_web', this.websiteVisibility );
49	+ this.listenTo( this.model, 'change:sab_web_position', this.websitePosition );
50	+
51	+ // Social Icons
52	+ this.listenTo( this.model, 'change:sab_hide_socials', this.socialsVisibility );
53	+ this.listenTo( this.model, 'change:sab_colored', this.socialIconTypeVisibility );
54	+ this.listenTo( this.model, 'change:sab_icons_style', this.socialIconTypeVisibility );
55	+ this.listenTo( this.model, 'change:sab_social_hover', this.socialIconHover );
56	+ this.listenTo( this.model, 'change:sab_box_long_shadow', this.socialIconShadow );
57	+ this.listenTo( this.model, 'change:sab_box_thin_border', this.socialIconBorder );
58	+
59	+ // Avatar
60	+ this.listenTo( this.model, 'change:sab_avatar_style', this.avatarStyle );
61	+ this.listenTo( this.model, 'change:sab_avatar_hover', this.avatarHover );
62	+
63	+ // Padding
64	+ this.listenTo( this.model, 'change:sab_box_padding_top_bottom', this.adjustPadding );
65	+ this.listenTo( this.model, 'change:sab_box_padding_left_right', this.adjustPadding );
66	+
67	+ // Author Box Border
68	+ this.listenTo( this.model, 'change:sab_box_border_width', this.adjustBorder );
69	+ this.listenTo( this.model, 'change:sab_box_border', this.adjustBorder );
70	+
71	+ // Adjust Author name settings
72	+ this.listenTo( this.model, 'change:sab_box_name_size', this.adjustAuthorName );
73	+ this.listenTo( this.model, 'change:sab_box_name_font', this.adjustAuthorName );
74	+ this.listenTo( this.model, 'change:sab_box_author_color', this.adjustAuthorName );
75	+
76	+ // Adjust Author website settings
77	+ this.listenTo( this.model, 'change:sab_box_web_font', this.adjustAuthorWebsite );
78	+ this.listenTo( this.model, 'change:sab_box_web_size', this.adjustAuthorWebsite );
79	+ this.listenTo( this.model, 'change:sab_box_web_color', this.adjustAuthorWebsite );
80	+
81	+ // Adjust Author description settings
82	+ this.listenTo( this.model, 'change:sab_box_desc_font', this.adjustAuthorDescription );
83	+ this.listenTo( this.model, 'change:sab_box_desc_size', this.adjustAuthorDescription );
84	+ this.listenTo( this.model, 'change:sab_box_author_p_color', this.adjustAuthorDescription );
85	+ this.listenTo( this.model, 'change:sab_box_author_a_color', this.adjustAuthorDescription );
86	+ this.listenTo( this.model, 'change:sab_desc_style', this.adjustAuthorDescription );
87	+
88	+ // Icon Size
89	+ this.listenTo( this.model, 'change:sab_box_icon_size', this.adjustIconSize );
90	+
91	+ // Social Bar Background Color
92	+ this.listenTo( this.model, 'change:sab_box_icons_back', this.changeSocialBarBackground );
93	+
94	+ // Author Box Background Color
95	+ this.listenTo( this.model, 'change:sab_box_author_back', this.changeAuthorBoxBackground );
96	+
97	+ // Author Box Background Color
98	+ this.listenTo( this.model, 'change:sab_box_icons_color', this.changeSocialIconsColor );
99	+
100	+ },
101	+
102	+ emailVisibility: function() {
103	+ var showEmail = wp.SAB.Settings.get( 'sab_email' );
104	+
105	+ if ( '1' == showEmail ) {
106	+ jQuery('.sab-user_email').parent().show();
107	+ }else{
108	+ jQuery('.sab-user_email').parent().hide();
109	+ }
110	+ },
111	+
112	+ socialsVisibility: function(){
113	+ var hideSocials = wp.SAB.Settings.get( 'sab_hide_socials' );
114	+
115	+ if ( '1' == hideSocials ) {
116	+ jQuery('.saboxplugin-socials').hide();
117	+ }else{
118	+ jQuery('.saboxplugin-socials').show();
119	+ }
120	+ },
121	+
122	+ websiteVisibility: function(){
123	+ var showWesite = wp.SAB.Settings.get( 'sab_web' );
124	+
125	+ if ( '1' == showWesite ) {
126	+ jQuery('.saboxplugin-web').show();
127	+ }else{
128	+ jQuery('.saboxplugin-web').hide();
129	+ }
130	+ },
131	+
132	+ websitePosition: function() {
133	+ var attribute = wp.SAB.Settings.get( 'sab_web_position' );
134	+
135	+ if ( '1' == attribute ) {
136	+ jQuery('.saboxplugin-web').addClass( 'sab-web-position' );
137	+ }else{
138	+ jQuery('.saboxplugin-web').removeClass( 'sab-web-position' );
139	+ }
140	+ },
141	+
142	+ socialIconTypeVisibility: function() {
143	+ var iconType = wp.SAB.Settings.getAttribute( 'sab_colored' ),
144	+ iconStyle = wp.SAB.Settings.getAttribute( 'sab_icons_style' );
145	+
146	+ jQuery('.saboxplugin-socials').removeClass( 'sab-show-simple sab-show-circle sab-show-square' );
147	+ if ( '1' == iconType ) {
148	+ if ( '1' == iconStyle ) {
149	+ jQuery('.saboxplugin-socials').addClass( 'sab-show-circle' );
150	+ }else{
151	+ jQuery('.saboxplugin-socials').addClass( 'sab-show-square' );
152	+ }
153	+ }else{
154	+ jQuery('.saboxplugin-socials').addClass( 'sab-show-simple' );
155	+ }
156	+
157	+ },
158	+
159	+ socialIconHover: function() {
160	+ var attribute = wp.SAB.Settings.get( 'sab_social_hover' );
161	+
162	+ if ( '1' == attribute ) {
163	+ jQuery('.saboxplugin-socials').addClass( 'sab-rotate-icons' );
164	+ }else{
165	+ jQuery('.saboxplugin-socials').removeClass( 'sab-rotate-icons' );
166	+ }
167	+ },
168	+
169	+ socialIconShadow: function() {
170	+ var attribute = wp.SAB.Settings.get( 'sab_box_long_shadow' );
171	+
172	+ if ( '1' == attribute ) {
173	+ jQuery('.saboxplugin-socials').removeClass( 'without-long-shadow' );
174	+ }else{
175	+ jQuery('.saboxplugin-socials').addClass( 'without-long-shadow' );
176	+ }
177	+ },
178	+
179	+ socialIconBorder: function() {
180	+ var attribute = wp.SAB.Settings.get( 'sab_box_thin_border' );
181	+
182	+ if ( '1' == attribute ) {
183	+ jQuery('.saboxplugin-socials').addClass( 'sab-icons-with-border' );
184	+ }else{
185	+ jQuery('.saboxplugin-socials').removeClass( 'sab-icons-with-border' );
186	+ }
187	+ },
188	+
189	+ avatarStyle: function() {
190	+ var attribute = wp.SAB.Settings.get( 'sab_avatar_style' );
191	+
192	+ if ( '1' == attribute ) {
193	+ jQuery('.saboxplugin-gravatar').addClass( 'sab-round-image' );
194	+ }else{
195	+ jQuery('.saboxplugin-gravatar').removeClass( 'sab-round-image' );
196	+ }
197	+ },
198	+
199	+ avatarHover: function() {
200	+ var attribute = wp.SAB.Settings.get( 'sab_avatar_hover' );
201	+
202	+ if ( '1' == attribute ) {
203	+ jQuery('.saboxplugin-gravatar').addClass( 'sab-rotate-img' );
204	+ }else{
205	+ jQuery('.saboxplugin-gravatar').removeClass( 'sab-rotate-img' );
206	+ }
207	+ },
208	+
209	+ adjustPadding: function() {
210	+ var paddingTopBottom = wp.SAB.Settings.getAttribute( 'sab_box_padding_top_bottom' ),
211	+ paddingLeftRight = wp.SAB.Settings.getAttribute( 'sab_box_padding_left_right' );
212	+
213	+ jQuery( '.saboxplugin-wrap' ).css({ 'padding' : paddingTopBottom + ' ' + paddingLeftRight });
214	+
215	+ },
216	+
217	+ adjustBorder: function() {
218	+ var border = wp.SAB.Settings.getAttribute( 'sab_box_border_width' ),
219	+ borderColor = wp.SAB.Settings.getAttribute( 'sab_box_border' );
220	+
221	+ if ( '' == borderColor ) {
222	+ borderColor = 'inherit';
223	+ }
224	+
225	+ jQuery( '.saboxplugin-wrap' ).css({ 'border-width' : border, 'border-color' : borderColor });
226	+ jQuery( '.saboxplugin-wrap .saboxplugin-socials' ).css({ 'border-width' : border, 'border-color' : borderColor });
227	+ },
228	+
229	+ adjustAuthorName: function() {
230	+ var font = wp.SAB.Settings.getAttribute( 'sab_box_name_font' ),
231	+ size = wp.SAB.Settings.getAttribute( 'sab_box_name_size' ),
232	+ color = wp.SAB.Settings.getAttribute( 'sab_box_author_color' ),
233	+ lineHeight = parseInt( size ) + 7;
234	+
235	+ if ( '' == color ) {
236	+ color = 'inherit';
237	+ }
238	+
239	+ if ( '' == font \|\| 'None' == font ) {
240	+ font = 'inherit';
241	+ }else{
242	+ this.loadGoogleFonts( font );
243	+ }
244	+
245	+
246	+ jQuery( '.saboxplugin-wrap .saboxplugin-authorname a' ).css({ 'font-family' : font, 'color' : color, 'font-size': size, 'line-height' : lineHeight.toString() + 'px' });
247	+ },
248	+
249	+ adjustAuthorWebsite: function() {
250	+ var font = wp.SAB.Settings.getAttribute( 'sab_box_web_font' ),
251	+ size = wp.SAB.Settings.getAttribute( 'sab_box_web_size' ),
252	+ color = wp.SAB.Settings.getAttribute( 'sab_box_web_color' ),
253	+ lineHeight = parseInt( size ) + 7;
254	+
255	+ if ( '' == color ) {
256	+ color = 'inherit';
257	+ }
258	+
259	+ if ( '' == font \|\| 'None' == font ) {
260	+ font = 'inherit';
261	+ }else{
262	+ this.loadGoogleFonts( font );
263	+ }
264	+
265	+
266	+ jQuery( '.saboxplugin-wrap .saboxplugin-web a' ).css({ 'font-family' : font, 'color' : color, 'font-size': size, 'line-height' : lineHeight.toString() + 'px' });
267	+ },
268	+
269	+ adjustAuthorDescription: function() {
270	+ var font = wp.SAB.Settings.getAttribute( 'sab_box_desc_font' ),
271	+ size = wp.SAB.Settings.getAttribute( 'sab_box_desc_size' ),
272	+ color = wp.SAB.Settings.getAttribute( 'sab_box_author_p_color' ),
273	+ link_color = wp.SAB.Settings.getAttribute( 'sab_box_author_a_color' ),
274	+ style = wp.SAB.Settings.getAttribute( 'sab_desc_style' ),
275	+ lineHeight = parseInt( size ) + 7;
276	+
277	+ if ( '' == color ) {
278	+ color = 'inherit';
279	+ }
280	+
281	+ if ( '' == link_color ) {
282	+ link_color = 'inherit';
283	+ }
284	+
285	+ if ( '' == font \|\| 'None' == font ) {
286	+ font = 'inherit';
287	+ }else{
288	+ this.loadGoogleFonts( font );
289	+ }
290	+
291	+ if ( '0' == style ) {
292	+ style = 'normal';
293	+ }else{
294	+ style = 'italic';
295	+ }
296	+
297	+
298	+ jQuery( '.saboxplugin-wrap .saboxplugin-desc p, .saboxplugin-wrap .saboxplugin-desc' ).css({ 'font-family' : font, 'color' : color, 'font-size': size, 'line-height' : lineHeight.toString() + 'px', 'font-style' : style });
299	+ jQuery( '.saboxplugin-wrap .saboxplugin-desc a' ).css({ 'font-family' : font, 'color' : link_color, 'font-size': size, 'line-height' : lineHeight.toString() + 'px', 'font-style' : style });
300	+ },
301	+
302	+ adjustIconSize: function() {
303	+ var size = this.model.get( 'sab_box_icon_size' ),
304	+ size2x = parseInt( size ) * 2;
305	+
306	+ jQuery( '.saboxplugin-wrap .saboxplugin-socials a.saboxplugin-icon-grey svg' ).css({ 'width' : size, 'height' : size });
307	+ jQuery( '.saboxplugin-wrap .saboxplugin-socials a.saboxplugin-icon-color svg' ).css({ 'width' : size2x.toString() + 'px', 'height' : size2x.toString() + 'px' });
308	+ },
309	+
310	+ changeSocialBarBackground: function() {
311	+ var color = this.model.get( 'sab_box_icons_back' );
312	+
313	+ if ( '' == color ) {
314	+ color = 'inherit';
315	+ }
316	+
317	+ jQuery( '.saboxplugin-wrap .saboxplugin-socials' ).css({ 'background-color' : color });
318	+
319	+ },
320	+
321	+ changeAuthorBoxBackground: function() {
322	+ var color = this.model.get( 'sab_box_author_back' );
323	+
324	+ if ( '' == color ) {
325	+ color = 'inherit';
326	+ }
327	+
328	+ jQuery( '.saboxplugin-wrap' ).css({ 'background-color' : color });
329	+
330	+ },
331	+
332	+ changeSocialIconsColor: function() {
333	+ var color = this.model.get( 'sab_box_icons_color' );
334	+
335	+ if ( '' == color ) {
336	+ color = 'inherit';
337	+ }
338	+
339	+ jQuery( '.saboxplugin-wrap .saboxplugin-socials a.saboxplugin-icon-grey svg' ).css({ 'color' : color });
340	+
341	+ },
342	+
343	+ updateModel: function( event ) {
344	+ var value, setting;
345	+
346	+
347	+ // Check if the target has a data-field. If not, it's not a model value we want to store
348	+ if ( undefined === event.target.id ) {
349	+ return;
350	+ }
351	+
352	+ // Update the model's value, depending on the input type
353	+ if ( event.target.type == 'checkbox' ) {
354	+ value = ( event.target.checked ? '1' : '0' );
355	+ } else {
356	+ value = event.target.value;
357	+ }
358	+
359	+ // Update the model
360	+ this.model.set( event.target.id, value );
361	+
362	+ },
363	+
364	+ checkGoogleFonts: function() {
365	+ var authorFont = this.model.getAttribute( 'sab_box_name_font' ),
366	+ webFont = this.model.getAttribute( 'sab_box_web_font' ),
367	+ descriptionFont = this.model.getAttribute( 'sab_box_desc_font' );
368	+
369	+ if ( '' != authorFont && 'None' != authorFont ) {
370	+ this.loadGoogleFonts( authorFont );
371	+ }
372	+
373	+ if ( '' != webFont && 'None' != webFont ) {
374	+ this.loadGoogleFonts( webFont );
375	+ }
376	+
377	+ if ( '' != descriptionFont && 'None' != descriptionFont ) {
378	+ this.loadGoogleFonts( descriptionFont );
379	+ }
380	+
381	+ },
382	+
383	+ loadGoogleFonts: function( font ) {
384	+ if ( ! wp.SAB.Fonts.includes( font ) ) {
385	+ wp.SAB.Fonts.push( font );
386	+ WebFont.load({
387	+ google: {
388	+ families: [ font ]
389	+ }
390	+ });
391	+ }
392	+ },
393	+
394	+ });
395	+
396	+ jQuery( document ).ready(function(){
397	+
398	+ wp.SAB.Fonts = [];
399	+ wp.SAB.Settings = new wp.SAB.models.Settings();
400	+
401	+ });

assets/js/sabox-admin.js CHANGED Viewed

	@@ -6,7 +6,7 @@
6	var value = getElementValue( $( this ) );
7	var elements = context.find( '.show_if_' + $( this ).attr( 'id' ) );
8
9	- if ( value && '0' ~~!==~~ value ) {
10	elements.show( 300 );
11	} else {
12	elements.hide( 250 );
	@@ -118,7 +118,11 @@
118	}
119	if ( colorpickers.length > 0 ) {
120	colorpickers.each( function( $index, $colorpicker ) {
121	- $( $colorpicker ).wpColorPicker();




122	});
123	}
124


6	var value = getElementValue( $( this ) );
7	var elements = context.find( '.show_if_' + $( this ).attr( 'id' ) );
8
9	+ if ( value && '0' != value ) {
10	elements.show( 300 );
11	} else {
12	elements.hide( 250 );

118	}
119	if ( colorpickers.length > 0 ) {
120	colorpickers.each( function( $index, $colorpicker ) {
121	+ $( $colorpicker ).wpColorPicker({
122	+ change : function( event, ui ){
123	+ jQuery( event.target ).val( ui.color.toString() ).trigger( 'change' );
124	+ }
125	+ });
126	});
127	}
128

inc/class-simple-author-box-admin-page.php CHANGED Viewed

	@@ -60,19 +60,19 @@ class Simple_Author_Box_Admin_Page {
60	'group' => 'saboxplugin_options',
61	),
62
63	- 'sab_email' => array(
64	'label' => __( 'Show author email', 'saboxplugin' ),
65	'description' => __( 'When turned ON, the plugin will add an email option next to the social icons.', 'saboxplugin' ),
66	'type' => 'toggle',
67	'group' => 'saboxplugin_options',
68	),
69	- 'sab_link_target' => array(
70	'label' => __( 'Open social icon links in a new tab', 'saboxplugin' ),
71	'description' => __( 'When turned ON, the author’s social links will open in a new tab.', 'saboxplugin' ),
72	'type' => 'toggle',
73	'group' => 'saboxplugin_options',
74	),
75	- 'sab_hide_socials' => array(
76	'label' => __( 'Hide the social icons on author box', 'saboxplugin' ),
77	'description' => __( 'When turned ON, the author’s social icons will be hidden.', 'saboxplugin' ),
78	'type' => 'toggle',
	@@ -124,6 +124,18 @@ class Simple_Author_Box_Admin_Page {
124	),
125	'default' => '0',
126	),












127	'sab_avatar_style' => array(
128	'label' => __( 'Author avatar image style', 'saboxplugin' ),
129	'description' => __( 'Change the shape of the author’s avatar image', 'saboxplugin' ),
	@@ -149,14 +161,14 @@ class Simple_Author_Box_Admin_Page {
149	'group' => 'saboxplugin_options',
150	),
151
152	- 'sab_web_target' => array(
153	'label' => __( 'Open author website link in a new tab', 'saboxplugin' ),
154	'description' => __( 'If you check this the author\'s link will open in a new tab', 'saboxplugin' ),
155	'type' => 'toggle',
156	'condition' => 'sab_web',
157	'group' => 'saboxplugin_options',
158	),
159	- 'sab_web_rel' => array(
160	'label' => __( 'Add "nofollow" attribute on author website link', 'saboxplugin' ),
161	'description' => __( 'Toggling this to ON will make the author website have the no-follow parameter added.', 'saboxplugin' ),
162	'type' => 'toggle',
	@@ -164,7 +176,7 @@ class Simple_Author_Box_Admin_Page {
164	'group' => 'saboxplugin_options',
165	),
166
167	- 'sab_web_position' => array(
168	'label' => __( 'Author website position', 'saboxplugin' ),
169	'description' => __( 'Select where you want to show the website ( left or right )', 'saboxplugin' ),
170	'type' => 'select',
	@@ -176,7 +188,7 @@ class Simple_Author_Box_Admin_Page {
176	'condition' => 'sab_web',
177	'group' => 'saboxplugin_options',
178	),
179	- 'sab_colored' => array(
180	'label' => __( 'Social icons type', 'saboxplugin' ),
181	'description' => __( 'Colored background adds a background behind the social icon symbol', 'saboxplugin' ),
182	'type' => 'select',
	@@ -187,7 +199,7 @@ class Simple_Author_Box_Admin_Page {
187	'default' => '0',
188	'group' => 'saboxplugin_options',
189	),
190	- 'sab_icons_style' => array(
191	'label' => __( 'Social icons style', 'saboxplugin' ),
192	'description' => __( 'Select the shape of social icons\' container', 'saboxplugin' ),
193	'type' => 'select',
	@@ -199,21 +211,21 @@ class Simple_Author_Box_Admin_Page {
199	'condition' => 'sab_colored',
200	'group' => 'saboxplugin_options',
201	),
202	- 'sab_social_hover' => array(
203	'label' => __( 'Rotate effect on social icons hover (works only for circle icons)', 'saboxplugin' ),
204	'description' => __( 'Add a rotate effect when you hover on social icons hover', 'saboxplugin' ),
205	'type' => 'toggle',
206	'condition' => 'sab_colored',
207	'group' => 'saboxplugin_options',
208	),
209	- 'sab_box_long_shadow' => array(
210	'label' => __( 'Use flat long shadow effect', 'saboxplugin' ),
211	'description' => __( 'Check this if you want a flat shodow for social icons', 'saboxplugin' ),
212	'type' => 'toggle',
213	'condition' => 'sab_colored',
214	'group' => 'saboxplugin_options',
215	),
216	- 'sab_box_thin_border' => array(
217	'label' => __( 'Show a thin border on colored social icons', 'saboxplugin' ),
218	'description' => __( 'Add a border to social icons container.', 'saboxplugin' ),
219	'type' => 'toggle',
	@@ -222,37 +234,54 @@ class Simple_Author_Box_Admin_Page {
222	),
223	),
224	'color-options' => array(
225	- 'sab_box_author_color' => array(
226	'label' => __( 'Author name color', 'saboxplugin' ),
227	'description' => __( 'Select the color for author\'s name text', 'saboxplugin' ),
228	'type' => 'color',
229	'group' => 'saboxplugin_options',
230	),
231	- 'sab_box_web_color' => array(
232	'label' => __( 'Author website link color', 'saboxplugin' ),
233	'description' => __( 'Select the color for author\'s website link', 'saboxplugin' ),
234	'type' => 'color',
235	'group' => 'saboxplugin_options',
236	'condition' => 'sab_web',
237	),
238	- 'sab_box_border' => array(
239	'label' => __( 'Border color', 'saboxplugin' ),
240	'description' => __( 'Select the color for author box border', 'saboxplugin' ),
241	'type' => 'color',
242	'group' => 'saboxplugin_options',
243	),
244	- 'sab_box_icons_back' => array(
245	'label' => __( 'Background color of social icons bar', 'saboxplugin' ),
246	'description' => __( 'Select the color for the social icons bar background', 'saboxplugin' ),
247	'type' => 'color',
248	'group' => 'saboxplugin_options',
249	),
250	- '~~sab_box_icons_color~~' => array(


















251	'label' => __( 'Social icons color (for symbols only)', 'saboxplugin' ),
252	'description' => __( 'Select the color for social icons when using the symbols only social icon type', 'saboxplugin' ),
253	'type' => 'color',
254	'group' => 'saboxplugin_options',
255	- 'condition' => 'sab_colored',
256	),
257	),
258	'typography-options' => array(
	@@ -343,12 +372,6 @@ class Simple_Author_Box_Admin_Page {
343	),
344	),
345	'miscellaneous-options' => array(
346	- 'sab_load_fa' => array(
347	- 'label' => __( 'Disable Font Awesome stylesheet', 'saboxplugin' ),
348	- 'description' => __( 'Turn ON to prevent Font Awesome from loading its stylesheet. ONLY do this if your theme or another plugin already loads the Font Awesome stylesheet.', 'saboxplugin' ),
349	- 'type' => 'toggle',
350	- 'group' => 'saboxplugin_options',
351	- ),
352	'sab_footer_inline_style' => array(
353	'label' => __( 'Load generated inline style to footer', 'saboxplugin' ),
354	'description' => __( 'This option is useful ONLY if you run a plugin that optimizes your CSS delivery or moves your stylesheets to the footer, to get a higher score on speed testing services. However, the plugin style is loaded only on single post and single page.', 'saboxplugin' ),
	@@ -369,80 +392,76 @@ class Simple_Author_Box_Admin_Page {
369
370	private function get_all_options() {
371
372	- $this->options = get_option( 'saboxplugin_options', ~~array(~~) );
373
374	- $sab_box_margin_top = get_option( 'sab_box_margin_top' );
375	if ( $sab_box_margin_top ) {
376	$this->options['sab_box_margin_top'] = $sab_box_margin_top;
377	}
378
379	- $sab_box_margin_bottom = get_option( 'sab_box_margin_bottom' );
380	if ( $sab_box_margin_bottom ) {
381	$this->options['sab_box_margin_bottom'] = $sab_box_margin_bottom;
382	}
383
384	- $sab_box_icon_size = get_option( 'sab_box_icon_size' );
385	if ( $sab_box_icon_size ) {
386	$this->options['sab_box_icon_size'] = $sab_box_icon_size;
387	}
388
389	- $sab_box_author_font_size = get_option( 'sab_box_name_size' );
390	if ( $sab_box_author_font_size ) {
391	$this->options['sab_box_name_size'] = $sab_box_author_font_size;
392	}
393
394	- $sab_box_web_size = get_option( 'sab_box_web_size' );
395	if ( $sab_box_web_size ) {
396	$this->options['sab_box_web_size'] = $sab_box_web_size;
397	}
398
399	- $sab_box_name_font = get_option( 'sab_box_name_font' );
400	if ( $sab_box_name_font ) {
401	$this->options['sab_box_name_font'] = $sab_box_name_font;
402	}
403
404	- $sab_box_subset = get_option( 'sab_box_subset' );
405	if ( $sab_box_subset ) {
406	$this->options['sab_box_subset'] = $sab_box_subset;
407	}
408
409	- $sab_box_desc_font = get_option( 'sab_box_desc_font' );
410	if ( $sab_box_desc_font ) {
411	$this->options['sab_box_desc_font'] = $sab_box_desc_font;
412	}
413
414	- $sab_box_web_font = get_option( 'sab_box_web_font' );
415	if ( $sab_box_web_font ) {
416	$this->options['sab_box_web_font'] = $sab_box_web_font;
417	}
418
419	- $sab_box_desc_size = get_option( 'sab_box_desc_size' );
420	if ( $sab_box_desc_size ) {
421	$this->options['sab_box_desc_size'] = $sab_box_desc_size;
422	}
423
424	- $this->options['sab_box_padding_top_bottom'] = get_option( 'sab_box_padding_top_bottom', 0 );
425	- $this->options['sab_box_padding_left_right'] = get_option( 'sab_box_padding_left_right', 0 );
426
427	}
428
429	public function menu_page() {
430	- add_menu_page(
431	- ~~__( 'Simple Author Box'~~, ~~'saboxplugin' ), __( 'Simple Author', 'saboxplugin' ), 'manage_options', 'simple-author-box-options', array(~~
432	- ~~$this~~,
433	- '~~setting_page~~',
434	- ), SIMPLE_AUTHOR_BOX_ASSETS . 'img/sab-icon.png'
435	- );
436
437	$show_upsell = apply_filters( 'sabox_show_upsell', true );
438
439	if ( $show_upsell ) {
440	- add_submenu_page(
441	- ~~'simple-author-box-options'~~, ~~__( 'Upgrade to PRO', 'saboxplugin' ), __( 'Upgrade', 'saboxplugin' ), 'manage_options', 'sab-upgrade', array(~~
442	- ~~$this~~,
443	- ~~'render_pro_page',~~
444	- )
445	- );
446	}
447
448	}
	@@ -458,8 +477,6 @@ class Simple_Author_Box_Admin_Page {
458	/* Translators: Welcome Screen Title. */
459	echo esc_html( apply_filters( 'sabox_show_pro_title', __( 'Simple Author Box', 'saboxplugin' ) ) );
460	?>
461	- <a target="_blank" href="<?php echo get_edit_user_link(); ?>"
462	- class="page-title-action"><?php _e( 'Edit user profile', 'saboxplugin' ); ?></a>
463	</h1>
464
465	</div>
	@@ -475,14 +492,24 @@ class Simple_Author_Box_Admin_Page {
475	</div><!--/.masthead-->
476
477	<div class="sabox-wrap">
478	-










479	<h2 class="epfw-tab-wrapper nav-tab-wrapper wp-clearfix">
480	<?php foreach ( $this->sections as $id => $section ) { ?>
481	<?php
482	$class = 'epfw-tab nav-tab';
483
484	if ( isset( $section['link'] ) ) {
485	- $url = $section['link'];
486	$class .= ' epfw-tab-link';
487	} else {
488	$url = '#' . $id;
	@@ -497,6 +524,7 @@ class Simple_Author_Box_Admin_Page {
497	href="<?php echo esc_url( $url ); ?>"><?php echo wp_kses_post( $section['label'] ); ?></a>
498	<?php } ?>
499	</h2>

500	<form method="post" id="sabox-container">
501	<?php
502
	@@ -553,7 +581,7 @@ class Simple_Author_Box_Admin_Page {
553	}
554
555	if ( ! isset( $settings[ $setting['group'] ][ $key ] ) && isset( $groups[ $setting['group'] ][ $key ] ) ) {
556	- ~~unset(~~ $groups[ $setting['group'] ][ $key ] );
557	}
558
559	if ( isset( $settings[ $setting['group'] ][ $key ] ) ) {
	@@ -578,6 +606,7 @@ class Simple_Author_Box_Admin_Page {
578
579	do_action( 'sabox_save_settings' );
580

581	$this->get_all_options();
582
583	}
	@@ -646,9 +675,10 @@ class Simple_Author_Box_Admin_Page {
646	echo '<td>';
647	switch ( $field['type'] ) {
648	case 'toggle':

649	echo '<div class="checkbox_switch">';
650	echo '<div class="onoffswitch">';
651	- echo '<input type="checkbox" id="' . esc_attr( $field_name ) . '" name="' . esc_attr( $name ) . '" class="onoffswitch-checkbox saboxfield" ' . checked( 1, ~~isset(~~ $~~this->options[ $field_name ] )~~, false ) . ' value="1">';
652	echo '<label class="onoffswitch-label" for="' . esc_attr( $field_name ) . '"></label>';
653	echo '</div>';
654	echo '</div>';
	@@ -673,7 +703,7 @@ class Simple_Author_Box_Admin_Page {
673	break;
674	case 'color':
675	$value = isset( $this->options[ $field_name ] ) ? $this->options[ $field_name ] : '';
676	- echo '<div class="~~sadbox~~-colorpicker">';
677	echo '<input id="' . esc_attr( $field_name ) . '" class="saboxfield sabox-color" name="' . esc_attr( $name ) . '" value="' . esc_attr( $value ) . '">';
678	echo '</div>';
679	break;
	@@ -720,31 +750,31 @@ class Simple_Author_Box_Admin_Page {
720	public function render_pro_page() {
721
722	$features = array(
723	- 'slider-options' => array(
724	'label' => esc_html__( 'Typography control', 'saboxplugin' ),
725	'sub' => esc_html__( 'Control Simple Author Box\'s typography. ', 'saboxplugin' ),
726	'sab' => '<span class="dashicons dashicons-yes"></span>',
727	'sab-pro' => '<span class="dashicons dashicons-yes"></span></i>',
728	),
729	- 'woocommerce' => array(
730	'label' => esc_html__( 'Appearance control', 'saboxplugin' ),
731	'sub' => esc_html__( 'Manage the looks of your Author Box. Color controls, margins, paddings, pre-defined color layouts & more.', 'saboxplugin' ),
732	'sab' => '<span class="dashicons dashicons-yes"></span>',
733	'sab-pro' => '<span class="dashicons dashicons-yes"></span></i>',
734	),
735	- 'reorder-sections' => array(
736	'label' => esc_html__( 'Visible on desired post types', 'saboxplugin' ),
737	'sub' => esc_html__( 'Select the post types where you want the author box to show up.', 'saboxplugin' ),
738	'sab' => '<span class="dashicons dashicons-no-alt"></span>',
739	'sab-pro' => '<span class="dashicons dashicons-yes"></span></i>',
740	),
741	- 'custom-colors' => array(
742	'label' => esc_html__( 'Author name link control', 'saboxplugin' ),
743	'sub' => esc_html__( 'Control how author name links behave. Open in new tab, add nofollow parameter.', 'saboxplugin' ),
744	'sab' => '<span class="dashicons dashicons-no-alt"></span>',
745	'sab-pro' => '<span class="dashicons dashicons-yes"></span></i>',
746	),
747	- 'typography' => array(
748	'label' => esc_html__( 'Color controls', 'saboxplugin' ),
749	'sub' => esc_html__( 'Customize the look of your author box. Make it yours!', 'saboxplugin' ),
750	'sab' => '<span class="dashicons dashicons-yes"></span>',
	@@ -798,7 +828,7 @@ class Simple_Author_Box_Admin_Page {
798	'sab-pro' => '<span class="dashicons dashicons-yes"></span></i>',
799	),
800
801	- 'featured-updates' => array(
802	'label' => esc_html__( 'Future feature updates ', 'saboxplugin' ),
803	'sab' => '<span class="dashicons dashicons-no-alt"></span>',
804	'sab-pro' => '<span class="dashicons dashicons-yes"></span></i>',
	@@ -809,7 +839,7 @@ class Simple_Author_Box_Admin_Page {
809
810	<div class="wrap about-wrap simple-author-box-wrap">
811	<h1><?php echo esc_html__( 'Why you should be upgrading', 'saboxplugin' ); ?></h1>
812	- <p class="about-text"><?php echo esc_html__( 'Introducing one of the ~~most~~ author box systems ever made for WordPress. Simple Author Box is an exquisite WordPress Author Box plugin perfectly fit for any needs. We\'ve outlined the PRO features below.', 'saboxplugin' ); ?></p>
813	<div class="wp-badge"></div>
814	<h2 class="nav-tab-wrapper wp-clearfix">
815	<a href="<?php echo admin_url( 'admin.php?page=sab-upgrade' ); ?>"
	@@ -857,5 +887,3 @@ class Simple_Author_Box_Admin_Page {
857	<?php
858	}
859	}
860	-
861	- new Simple_Author_Box_Admin_Page();


60	'group' => 'saboxplugin_options',
61	),
62
63	+ 'sab_email' => array(
64	'label' => __( 'Show author email', 'saboxplugin' ),
65	'description' => __( 'When turned ON, the plugin will add an email option next to the social icons.', 'saboxplugin' ),
66	'type' => 'toggle',
67	'group' => 'saboxplugin_options',
68	),
69	+ 'sab_link_target' => array(
70	'label' => __( 'Open social icon links in a new tab', 'saboxplugin' ),
71	'description' => __( 'When turned ON, the author’s social links will open in a new tab.', 'saboxplugin' ),
72	'type' => 'toggle',
73	'group' => 'saboxplugin_options',
74	),
75	+ 'sab_hide_socials' => array(
76	'label' => __( 'Hide the social icons on author box', 'saboxplugin' ),
77	'description' => __( 'When turned ON, the author’s social icons will be hidden.', 'saboxplugin' ),
78	'type' => 'toggle',

124	),
125	'default' => '0',
126	),
127	+ 'sab_box_border_width' => array(
128	+ 'label' => __( 'Border Width', 'saboxplugin' ),
129	+ 'description' => __( 'This controls the border width of the author box', 'saboxplugin' ),
130	+ 'type' => 'slider',
131	+ 'choices' => array(
132	+ 'min' => 0,
133	+ 'max' => 100,
134	+ 'increment' => 1,
135	+ ),
136	+ 'default' => '1',
137	+ 'group' => 'saboxplugin_options',
138	+ ),
139	'sab_avatar_style' => array(
140	'label' => __( 'Author avatar image style', 'saboxplugin' ),
141	'description' => __( 'Change the shape of the author’s avatar image', 'saboxplugin' ),

161	'group' => 'saboxplugin_options',
162	),
163
164	+ 'sab_web_target' => array(
165	'label' => __( 'Open author website link in a new tab', 'saboxplugin' ),
166	'description' => __( 'If you check this the author\'s link will open in a new tab', 'saboxplugin' ),
167	'type' => 'toggle',
168	'condition' => 'sab_web',
169	'group' => 'saboxplugin_options',
170	),
171	+ 'sab_web_rel' => array(
172	'label' => __( 'Add "nofollow" attribute on author website link', 'saboxplugin' ),
173	'description' => __( 'Toggling this to ON will make the author website have the no-follow parameter added.', 'saboxplugin' ),
174	'type' => 'toggle',

176	'group' => 'saboxplugin_options',
177	),
178
179	+ 'sab_web_position' => array(
180	'label' => __( 'Author website position', 'saboxplugin' ),
181	'description' => __( 'Select where you want to show the website ( left or right )', 'saboxplugin' ),
182	'type' => 'select',

188	'condition' => 'sab_web',
189	'group' => 'saboxplugin_options',
190	),
191	+ 'sab_colored' => array(
192	'label' => __( 'Social icons type', 'saboxplugin' ),
193	'description' => __( 'Colored background adds a background behind the social icon symbol', 'saboxplugin' ),
194	'type' => 'select',

199	'default' => '0',
200	'group' => 'saboxplugin_options',
201	),
202	+ 'sab_icons_style' => array(
203	'label' => __( 'Social icons style', 'saboxplugin' ),
204	'description' => __( 'Select the shape of social icons\' container', 'saboxplugin' ),
205	'type' => 'select',

211	'condition' => 'sab_colored',
212	'group' => 'saboxplugin_options',
213	),
214	+ 'sab_social_hover' => array(
215	'label' => __( 'Rotate effect on social icons hover (works only for circle icons)', 'saboxplugin' ),
216	'description' => __( 'Add a rotate effect when you hover on social icons hover', 'saboxplugin' ),
217	'type' => 'toggle',
218	'condition' => 'sab_colored',
219	'group' => 'saboxplugin_options',
220	),
221	+ 'sab_box_long_shadow' => array(
222	'label' => __( 'Use flat long shadow effect', 'saboxplugin' ),
223	'description' => __( 'Check this if you want a flat shodow for social icons', 'saboxplugin' ),
224	'type' => 'toggle',
225	'condition' => 'sab_colored',
226	'group' => 'saboxplugin_options',
227	),
228	+ 'sab_box_thin_border' => array(
229	'label' => __( 'Show a thin border on colored social icons', 'saboxplugin' ),
230	'description' => __( 'Add a border to social icons container.', 'saboxplugin' ),
231	'type' => 'toggle',

234	),
235	),
236	'color-options' => array(
237	+ 'sab_box_author_color' => array(
238	'label' => __( 'Author name color', 'saboxplugin' ),
239	'description' => __( 'Select the color for author\'s name text', 'saboxplugin' ),
240	'type' => 'color',
241	'group' => 'saboxplugin_options',
242	),
243	+ 'sab_box_web_color' => array(
244	'label' => __( 'Author website link color', 'saboxplugin' ),
245	'description' => __( 'Select the color for author\'s website link', 'saboxplugin' ),
246	'type' => 'color',
247	'group' => 'saboxplugin_options',
248	'condition' => 'sab_web',
249	),
250	+ 'sab_box_border' => array(
251	'label' => __( 'Border color', 'saboxplugin' ),
252	'description' => __( 'Select the color for author box border', 'saboxplugin' ),
253	'type' => 'color',
254	'group' => 'saboxplugin_options',
255	),
256	+ 'sab_box_icons_back' => array(
257	'label' => __( 'Background color of social icons bar', 'saboxplugin' ),
258	'description' => __( 'Select the color for the social icons bar background', 'saboxplugin' ),
259	'type' => 'color',
260	'group' => 'saboxplugin_options',
261	),
262	+ 'sab_box_author_back' => array(
263	+ 'label' => __( 'Background color of author box', 'saboxplugin' ),
264	+ 'description' => __( 'Select the color for the author box background', 'saboxplugin' ),
265	+ 'type' => 'color',
266	+ 'group' => 'saboxplugin_options',
267	+ ),
268	+ 'sab_box_author_p_color' => array(
269	+ 'label' => __( 'Color of author box paragraphs', 'saboxplugin' ),
270	+ 'description' => __( 'Select the color for the author box paragraphs', 'saboxplugin' ),
271	+ 'type' => 'color',
272	+ 'group' => 'saboxplugin_options',
273	+ ),
274	+ 'sab_box_author_a_color' => array(
275	+ 'label' => __( 'Color of author box links', 'saboxplugin' ),
276	+ 'description' => __( 'Select the color for the author box links', 'saboxplugin' ),
277	+ 'type' => 'color',
278	+ 'group' => 'saboxplugin_options',
279	+ ),
280	+ 'sab_box_icons_color' => array(
281	'label' => __( 'Social icons color (for symbols only)', 'saboxplugin' ),
282	'description' => __( 'Select the color for social icons when using the symbols only social icon type', 'saboxplugin' ),
283	'type' => 'color',
284	'group' => 'saboxplugin_options',

285	),
286	),
287	'typography-options' => array(

372	),
373	),
374	'miscellaneous-options' => array(






375	'sab_footer_inline_style' => array(
376	'label' => __( 'Load generated inline style to footer', 'saboxplugin' ),
377	'description' => __( 'This option is useful ONLY if you run a plugin that optimizes your CSS delivery or moves your stylesheets to the footer, to get a higher score on speed testing services. However, the plugin style is loaded only on single post and single page.', 'saboxplugin' ),

392
393	private function get_all_options() {
394
395	+ $this->options = Simple_Author_Box_Helper::get_option( 'saboxplugin_options' );
396
397	+ $sab_box_margin_top = Simple_Author_Box_Helper::get_option( 'sab_box_margin_top' );
398	if ( $sab_box_margin_top ) {
399	$this->options['sab_box_margin_top'] = $sab_box_margin_top;
400	}
401
402	+ $sab_box_margin_bottom = Simple_Author_Box_Helper::get_option( 'sab_box_margin_bottom' );
403	if ( $sab_box_margin_bottom ) {
404	$this->options['sab_box_margin_bottom'] = $sab_box_margin_bottom;
405	}
406
407	+ $sab_box_icon_size = Simple_Author_Box_Helper::get_option( 'sab_box_icon_size' );
408	if ( $sab_box_icon_size ) {
409	$this->options['sab_box_icon_size'] = $sab_box_icon_size;
410	}
411
412	+ $sab_box_author_font_size = Simple_Author_Box_Helper::get_option( 'sab_box_name_size' );
413	if ( $sab_box_author_font_size ) {
414	$this->options['sab_box_name_size'] = $sab_box_author_font_size;
415	}
416
417	+ $sab_box_web_size = Simple_Author_Box_Helper::get_option( 'sab_box_web_size' );
418	if ( $sab_box_web_size ) {
419	$this->options['sab_box_web_size'] = $sab_box_web_size;
420	}
421
422	+ $sab_box_name_font = Simple_Author_Box_Helper::get_option( 'sab_box_name_font' );
423	if ( $sab_box_name_font ) {
424	$this->options['sab_box_name_font'] = $sab_box_name_font;
425	}
426
427	+ $sab_box_subset = Simple_Author_Box_Helper::get_option( 'sab_box_subset' );
428	if ( $sab_box_subset ) {
429	$this->options['sab_box_subset'] = $sab_box_subset;
430	}
431
432	+ $sab_box_desc_font = Simple_Author_Box_Helper::get_option( 'sab_box_desc_font' );
433	if ( $sab_box_desc_font ) {
434	$this->options['sab_box_desc_font'] = $sab_box_desc_font;
435	}
436
437	+ $sab_box_web_font = Simple_Author_Box_Helper::get_option( 'sab_box_web_font' );
438	if ( $sab_box_web_font ) {
439	$this->options['sab_box_web_font'] = $sab_box_web_font;
440	}
441
442	+ $sab_box_desc_size = Simple_Author_Box_Helper::get_option( 'sab_box_desc_size' );
443	if ( $sab_box_desc_size ) {
444	$this->options['sab_box_desc_size'] = $sab_box_desc_size;
445	}
446
447	+ $this->options['sab_box_padding_top_bottom'] = Simple_Author_Box_Helper::get_option( 'sab_box_padding_top_bottom' );
448	+ $this->options['sab_box_padding_left_right'] = Simple_Author_Box_Helper::get_option( 'sab_box_padding_left_right' );
449
450	}
451
452	public function menu_page() {
453	+ add_menu_page( __( 'Simple Author Box', 'saboxplugin' ), __( 'Simple Author', 'saboxplugin' ), 'manage_options', 'simple-author-box-options', array(
454	+ $this,
455	+ 'setting_page',
456	+ ), SIMPLE_AUTHOR_BOX_ASSETS . 'img/sab-icon.png' );


457
458	$show_upsell = apply_filters( 'sabox_show_upsell', true );
459
460	if ( $show_upsell ) {
461	+ add_submenu_page( 'simple-author-box-options', __( 'Upgrade to PRO', 'saboxplugin' ), __( 'Upgrade', 'saboxplugin' ), 'manage_options', 'sab-upgrade', array(
462	+ $this,
463	+ 'render_pro_page',
464	+ ) );


465	}
466
467	}

477	/* Translators: Welcome Screen Title. */
478	echo esc_html( apply_filters( 'sabox_show_pro_title', __( 'Simple Author Box', 'saboxplugin' ) ) );
479	?>


480	</h1>
481
482	</div>

492	</div><!--/.masthead-->
493
494	<div class="sabox-wrap">
495	+ <div class="sabox-preview">
496	+ <div class="sabox-preview-topbar">
497	+ <a href="<?php echo get_edit_user_link(); ?>#your-profile" class="button button-secondary" target="_blank"><i class="dashicons dashicons-edit"></i><?php echo esc_html__( 'Edit Author Profile', 'saboxplugin' ); ?>
498	+ </a>
499	+ <a href="<?php echo get_edit_user_link(); ?>#sabox-custom-profile-image" class="button button-secondary" target="_blank"><i class="dashicons dashicons-admin-users"></i><?php echo esc_html__( 'Change Author Avatar', 'saboxplugin' ); ?>
500	+ </a>
501	+ <a href="<?php echo get_edit_user_link(); ?>#sabox-social-table" class="button button-secondary" target="_blank"><i class="dashicons dashicons-networking"></i><?php echo esc_html__( 'Add/Edit Social Media Icons', 'saboxplugin' ); ?>
502	+ </a>
503	+ </div><!--/.sabox-preview-topbar-->
504	+ <?php do_action( 'sab_admin_preview' ) ?>
505	+ </div>
506	<h2 class="epfw-tab-wrapper nav-tab-wrapper wp-clearfix">
507	<?php foreach ( $this->sections as $id => $section ) { ?>
508	<?php
509	$class = 'epfw-tab nav-tab';
510
511	if ( isset( $section['link'] ) ) {
512	+ $url = $section['link'];
513	$class .= ' epfw-tab-link';
514	} else {
515	$url = '#' . $id;

524	href="<?php echo esc_url( $url ); ?>"><?php echo wp_kses_post( $section['label'] ); ?></a>
525	<?php } ?>
526	</h2>
527	+
528	<form method="post" id="sabox-container">
529	<?php
530

581	}
582
583	if ( ! isset( $settings[ $setting['group'] ][ $key ] ) && isset( $groups[ $setting['group'] ][ $key ] ) ) {
584	+ $groups[ $setting['group'] ][ $key ] = '0';
585	}
586
587	if ( isset( $settings[ $setting['group'] ][ $key ] ) ) {

606
607	do_action( 'sabox_save_settings' );
608
609	+ Simple_Author_Box_Helper::reset_options();
610	$this->get_all_options();
611
612	}

675	echo '<td>';
676	switch ( $field['type'] ) {
677	case 'toggle':
678	+ $value = isset( $this->options[ $field_name ] ) ? $this->options[ $field_name ] : '0';
679	echo '<div class="checkbox_switch">';
680	echo '<div class="onoffswitch">';
681	+ echo '<input type="checkbox" id="' . esc_attr( $field_name ) . '" name="' . esc_attr( $name ) . '" class="onoffswitch-checkbox saboxfield" ' . checked( 1, $value, false ) . ' value="1">';
682	echo '<label class="onoffswitch-label" for="' . esc_attr( $field_name ) . '"></label>';
683	echo '</div>';
684	echo '</div>';

703	break;
704	case 'color':
705	$value = isset( $this->options[ $field_name ] ) ? $this->options[ $field_name ] : '';
706	+ echo '<div class="sabox-colorpicker">';
707	echo '<input id="' . esc_attr( $field_name ) . '" class="saboxfield sabox-color" name="' . esc_attr( $name ) . '" value="' . esc_attr( $value ) . '">';
708	echo '</div>';
709	break;

750	public function render_pro_page() {
751
752	$features = array(
753	+ 'slider-options' => array(
754	'label' => esc_html__( 'Typography control', 'saboxplugin' ),
755	'sub' => esc_html__( 'Control Simple Author Box\'s typography. ', 'saboxplugin' ),
756	'sab' => '<span class="dashicons dashicons-yes"></span>',
757	'sab-pro' => '<span class="dashicons dashicons-yes"></span></i>',
758	),
759	+ 'woocommerce' => array(
760	'label' => esc_html__( 'Appearance control', 'saboxplugin' ),
761	'sub' => esc_html__( 'Manage the looks of your Author Box. Color controls, margins, paddings, pre-defined color layouts & more.', 'saboxplugin' ),
762	'sab' => '<span class="dashicons dashicons-yes"></span>',
763	'sab-pro' => '<span class="dashicons dashicons-yes"></span></i>',
764	),
765	+ 'reorder-sections' => array(
766	'label' => esc_html__( 'Visible on desired post types', 'saboxplugin' ),
767	'sub' => esc_html__( 'Select the post types where you want the author box to show up.', 'saboxplugin' ),
768	'sab' => '<span class="dashicons dashicons-no-alt"></span>',
769	'sab-pro' => '<span class="dashicons dashicons-yes"></span></i>',
770	),
771	+ 'custom-colors' => array(
772	'label' => esc_html__( 'Author name link control', 'saboxplugin' ),
773	'sub' => esc_html__( 'Control how author name links behave. Open in new tab, add nofollow parameter.', 'saboxplugin' ),
774	'sab' => '<span class="dashicons dashicons-no-alt"></span>',
775	'sab-pro' => '<span class="dashicons dashicons-yes"></span></i>',
776	),
777	+ 'typography' => array(
778	'label' => esc_html__( 'Color controls', 'saboxplugin' ),
779	'sub' => esc_html__( 'Customize the look of your author box. Make it yours!', 'saboxplugin' ),
780	'sab' => '<span class="dashicons dashicons-yes"></span>',

828	'sab-pro' => '<span class="dashicons dashicons-yes"></span></i>',
829	),
830
831	+ 'featured-updates' => array(
832	'label' => esc_html__( 'Future feature updates ', 'saboxplugin' ),
833	'sab' => '<span class="dashicons dashicons-no-alt"></span>',
834	'sab-pro' => '<span class="dashicons dashicons-yes"></span></i>',

839
840	<div class="wrap about-wrap simple-author-box-wrap">
841	<h1><?php echo esc_html__( 'Why you should be upgrading', 'saboxplugin' ); ?></h1>
842	+ <p class="about-text"><?php echo esc_html__( 'Introducing one of the best author box systems ever made for WordPress. Simple Author Box is an exquisite WordPress Author Box plugin perfectly fit for any needs. We\'ve outlined the PRO features below.', 'saboxplugin' ); ?></p>
843	<div class="wp-badge"></div>
844	<h2 class="nav-tab-wrapper wp-clearfix">
845	<a href="<?php echo admin_url( 'admin.php?page=sab-upgrade' ); ?>"

887	<?php
888	}
889	}

inc/class-simple-author-box-helper.php CHANGED Viewed

@@ -6,8 +6,9 @@
             class Simple_Author_Box_Helper {
             	public static $fonts = array();
-            -
            	static $social_icons = array(
             		'addthis'       => 'Add This',
             		'behance'       => 'Behance',
             		'delicious'     => 'Delicious',
@@ -36,7 +37,7 @@ class Simple_Author_Box_Helper {
             		'twitter'       => 'Twitter',
             		'vimeo'         => 'Vimeo',
             		'windows'       => 'Windows',
-            -
            		'wordpress'     => 'Wordpress',
             		'yahoo'         => 'Yahoo',
             		'youtube'       => 'Youtube',
             		'xing'          => 'Xing',
@@ -50,25 +51,36 @@ class Simple_Author_Box_Helper {
             		'user_email'    => 'Email',
             		'snapchat'      => 'Snapchat',
             		'500px'         => '500px',
             	);
             	public static function get_sabox_social_icon( $url, $icon_name ) {
-            -
            		$options = get_option( 'saboxplugin_options' );
-            -
            		if ( isset( $options['sab_link_target'] ) && '0' != $options['sab_link_target'] ) {
             			$sabox_blank = '_blank';
             		} else {
             			$sabox_blank = '_self';
+            		}
-            -
            		if ( isset( $options['sab_colored'] ) && '0' != $options['sab_colored'] ) {
             			$sab_color = 'saboxplugin-icon-color';
             		} else {
             			$sab_color = 'saboxplugin-icon-grey';
+            		}
-            -
            		return '<a target="' . esc_attr( $sabox_blank ) . '" href="' . esc_url( $url ) . '" rel="nofollow"><span class="' . esc_attr( $sab_color ) . ' fa fa-' . esc_attr( $icon_name ) . '"></span></a>';
+            	}
@@ -827,93 +839,190 @@ class Simple_Author_Box_Helper {
+            	}
-            -
            	public static function generate_inline_css() {
-            -
            		$padding_top_bottom  = get_option( 'sab_box_padding_top_bottom', 0 );
-            -
            		$padding_left_right  = get_option( 'sab_box_padding_left_right', 0 );
-            -
            		$sabox_top_margin    = get_option( 'sab_box_margin_top', 0 );
-            -
            		$sabox_bottom_margin = get_option( 'sab_box_margin_bottom', 0 );
-            -
            		$sabox_name_size     = get_option( 'sab_box_name_size', 18 );
-            -
            		$sabox_desc_size     = get_option( 'sab_box_desc_size', 14 );
-            -
            		$sabox_icon_size     = get_option( 'sab_box_icon_size', 14 );
-            -
            		$sabox_options       = get_option( 'saboxplugin_options', array() );
-            -
-            -
            		if ( isset( $sabox_options['sab_web'] ) and get_option( 'sab_box_web_size' ) ) {
-            -
            			$sabox_web_size = get_option( 'sab_box_web_size' );
             		} else {
-            -
            			$sabox_web_size = 14;
+            		}
-            -
            		$style = '';
             		// Border color of Simple Author Box
-            -
            		if ( isset( $sabox_options['sab_box_border'] ) && ! empty( $sabox_options['sab_box_border'] ) ) {
             			$style .= '.saboxplugin-wrap {border-color:' . esc_html( $sabox_options['sab_box_border'] ) . ';}';
-            -
            			$style .= '.saboxplugin-wrap .saboxplugin-socials {-webkit-box-shadow: 0 0.05em 0 0 ' . esc_html( $sabox_options['sab_box_border'] ) . ' inset; -moz-box-shadow:0 0.05em 0 0 ' . esc_html( $sabox_options['sab_box_border'] ) . ' inset;box-shadow:0 0.05em 0 0 ' . esc_html( $sabox_options['sab_box_border'] ) . ' inset;}';
+            		}
             		// Avatar image style
-            -
            		if ( isset( $sabox_options['sab_avatar_style'] ) && '0' != $sabox_options['sab_avatar_style'] ) {
             			$style .= '.saboxplugin-wrap .saboxplugin-gravatar img {-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;}';
+            		}
             		// Social icons style
-            -
            		if ( isset( $sabox_options['sab_colored'] ) && '0' != $sabox_options['sab_colored'] && isset( $sabox_options['sab_icons_style'] ) && '0' != $sabox_options['sab_icons_style'] ) {
             			$style .= '.saboxplugin-wrap .saboxplugin-socials .saboxplugin-icon-color {-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;}';
+            		}
             		// Long Shadow
-            -
            		if ( isset( $sabox_options['sab_colored'] ) && '0' != $sabox_options['sab_colored'] && ! isset( $sabox_options['sab_box_long_shadow'] ) ) {
-            -
            			$style .= '.saboxplugin-wrap .saboxplugin-socials .saboxplugin-icon-color:before {text-shadow: none;}';
+            		}
             		// Avatar hover effect
-            -
            		if ( isset( $sabox_options['sab_avatar_style'] ) && '0' != $sabox_options['sab_avatar_style'] && isset( $sabox_options['sab_avatar_hover'] ) ) {
             			$style .= '.saboxplugin-wrap .saboxplugin-gravatar img {-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;}';
             			$style .= '.saboxplugin-wrap .saboxplugin-gravatar img:hover {-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}';
+            		}
             		// Social icons hover effect
-            -
            		if ( isset( $sabox_options['sab_icons_style'] ) && '0' != $sabox_options['sab_icons_style'] && isset( $sabox_options['sab_social_hover'] ) ) {
-            -
            			$style .= '.saboxplugin-wrap .saboxplugin-socials .saboxplugin-icon-color, .saboxplugin-wrap .saboxplugin-socials .saboxplugin-icon-grey {-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}.saboxplugin-wrap .saboxplugin-socials .saboxplugin-icon-color:hover,.saboxplugin-wrap .saboxplugin-socials .saboxplugin-icon-grey:hover {-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-o-transform: rotate(360deg);-ms-transform: rotate(360deg);transform: rotate(360deg);}';
+            		}
             		// Thin border
-            -
            		if ( isset( $sabox_options['sab_colored'] ) && '0' != $sabox_options['sab_colored'] && ! isset( $sabox_options['sab_box_thin_border'] ) ) {
-            -
            			$style .= '.saboxplugin-wrap .saboxplugin-socials .saboxplugin-icon-color {border: medium none !important;}';
+            		}
             		// Background color of social icons bar
-            -
            		if ( isset( $sabox_options['sab_box_icons_back'] ) && ! empty( $sabox_options['sab_box_icons_back'] ) ) {
             			$style .= '.saboxplugin-wrap .saboxplugin-socials{background-color:' . esc_html( $sabox_options['sab_box_icons_back'] ) . ';}';
+            		}
             		// Color of social icons (for symbols only):
-            -
            		if ( isset( $sabox_options['sab_box_icons_color'] ) && ! empty( $sabox_options['sab_box_icons_color'] ) ) {
             			$style .= '.saboxplugin-wrap .saboxplugin-socials .saboxplugin-icon-grey {color:' . esc_html( $sabox_options['sab_box_icons_color'] ) . ';}';
+            		}
             		// Author name color
-            -
            		if ( isset( $sabox_options['sab_box_author_color'] ) && ! empty( $sabox_options['sab_box_author_color'] ) ) {
             			$style .= '.saboxplugin-wrap .saboxplugin-authorname a {color:' . esc_html( $sabox_options['sab_box_author_color'] ) . ';}';
+            		}
             		// Author web color
-            -
            		if ( isset( $sabox_options['sab_web'] ) && isset( $sabox_options['sab_box_web_color'] ) && ! empty( $sabox_options['sab_box_web_color'] ) ) {
             			$style .= '.saboxplugin-wrap .saboxplugin-web a {color:' . esc_html( $sabox_options['sab_box_web_color'] ) . ';}';
+            		}
             		// Author name font family
-            -
            		if ( get_option( 'sab_box_name_font', 'None' ) != 'None' ) {
-            -
            			$author_name_font = get_option( 'sab_box_name_font' );
-            -
            			$style           .= '.saboxplugin-wrap .saboxplugin-authorname {font-family:"' . esc_html( $author_name_font ) . '";}';
+            		}
             		// Author description font family
-            -
            		if ( get_option( 'sab_box_desc_font', 'None' ) != 'None' ) {
-            -
            			$author_desc_font = get_option( 'sab_box_desc_font' );
-            -
            			$style           .= '.saboxplugin-wrap .saboxplugin-desc {font-family:' . esc_html( $author_desc_font ) . ';}';
+            		}
             		// Author web font family
-            -
            		if ( isset( $sabox_options['sab_web'] ) && get_option( 'sab_box_web_font', 'None' ) != 'None' ) {
-            -
            			$author_web_font = get_option( 'sab_box_web_font' );
-            -
            			$style          .= '.saboxplugin-wrap .saboxplugin-web {font-family:"' . esc_html( $author_web_font ) . '";}';
+            		}
             		// Author description font style
-            -
            		if ( isset( $sabox_options['sab_desc_style'] ) && '0' != $sabox_options['sab_desc_style'] ) {
             			$style .= '.saboxplugin-wrap .saboxplugin-desc {font-style:italic;}';
+            		}
             		// Margin top & bottom, Padding
@@ -925,10 +1034,13 @@ class Simple_Author_Box_Helper {
             		// Author website text size
             		$style .= '.saboxplugin-wrap .saboxplugin-web {font-size:' . absint( $sabox_web_size ) . 'px;}';
             		// Icons size
-            -
            		$style .= '.saboxplugin-wrap .saboxplugin-socials .saboxplugin-icon-color.fa:before {font-size:' . absint( $sabox_icon_size ) . 'px;}';
-            -
            		$style .= '.saboxplugin-wrap .saboxplugin-socials .saboxplugin-icon-color.fa {width:' . absint( $sabox_icon_size * 2 ) . 'px; height:' . absint( $sabox_icon_size * 2 ) . 'px; line-height:' . absint( $sabox_icon_size * 2 ) . 'px; }';
             		return apply_filters( 'sabox_inline_css', $style );
+            	}
-            -
            }


6	class Simple_Author_Box_Helper {
7
8	public static $fonts = array();
9	+ public static $options = array();
10
11	+ public static $social_icons = array(
12	'addthis' => 'Add This',
13	'behance' => 'Behance',
14	'delicious' => 'Delicious',

37	'twitter' => 'Twitter',
38	'vimeo' => 'Vimeo',
39	'windows' => 'Windows',
40	+ 'wordpress' => 'WordPress',
41	'yahoo' => 'Yahoo',
42	'youtube' => 'Youtube',
43	'xing' => 'Xing',

51	'user_email' => 'Email',
52	'snapchat' => 'Snapchat',
53	'500px' => '500px',
54	+ 'mastodont' => 'Mastodon',
55	);
56
57	public static function get_sabox_social_icon( $url, $icon_name ) {
58
59	+ $options = self::get_option( 'saboxplugin_options' );
60
61	+ if ( '0' != $options['sab_link_target'] && 'user_email' != $icon_name ) {
62	$sabox_blank = '_blank';
63	} else {
64	$sabox_blank = '_self';
65	}
66
67	+ if ( '1' == $options['sab_colored'] ) {
68	$sab_color = 'saboxplugin-icon-color';
69	} else {
70	$sab_color = 'saboxplugin-icon-grey';
71	}
72
73	+ $type = 'simple';
74	+ if ( '1' == $options['sab_colored'] ) {
75	+ if ( '1' == $options['sab_icons_style'] ) {
76	+ $type = 'circle';
77	+ }else{
78	+ $type = 'square';
79	+ }
80	+ }
81	+
82	+ $svg_icon = Simple_Author_Box_Social::icon_to_svg( $icon_name, $type );
83	+ return '<a target="' . esc_attr( $sabox_blank ) . '" href="' . esc_url( $url ) . '" rel="nofollow" class="' . esc_attr( $sab_color ) . '">' . $svg_icon . '</span></a>';
84
85	}
86

839
840	}
841
842	+ public static function reset_options() {
843	+ self::$options = array();
844	+ }
845	+
846	+ public static function get_option( $key, $force = false ) {
847	+
848	+ $defaults = apply_filters( 'sab_box_options_defaults', array(
849	+ 'saboxplugin_options' => array(
850	+ 'sab_autoinsert' => '0',
851	+ 'sab_no_description' => '0',
852	+ 'sab_email' => '0',
853	+ 'sab_link_target' => '0',
854	+ 'sab_hide_socials' => '0',
855	+ 'sab_avatar_style' => '0',
856	+ 'sab_avatar_hover' => '0',
857	+ 'sab_web' => '0',
858	+ 'sab_web_target' => '0',
859	+ 'sab_web_rel' => '0',
860	+ 'sab_web_position' => '0',
861	+ 'sab_colored' => '0',
862	+ 'sab_icons_style' => '0',
863	+ 'sab_social_hover' => '0',
864	+ 'sab_box_long_shadow' => '0',
865	+ 'sab_box_thin_border' => '0',
866	+ 'sab_box_author_color' => '0',
867	+ 'sab_box_web_color' => '0',
868	+ 'sab_box_border' => '',
869	+ 'sab_box_icons_back' => '',
870	+ 'sab_box_author_back' => '',
871	+ 'sab_box_author_p_color' => '',
872	+ 'sab_box_author_a_color' => '0',
873	+ 'sab_box_icons_color' => '0',
874	+ 'sab_box_border_width' => '1',
875	+ ),
876	+ 'sab_box_margin_top' => '0',
877	+ 'sab_box_margin_bottom' => '0',
878	+ 'sab_box_padding_top_bottom' => '0',
879	+ 'sab_box_padding_left_right' => '0',
880	+ 'sab_box_subset' => 'none',
881	+ 'sab_box_name_font' => 'None',
882	+ 'sab_box_web_font' => 'None',
883	+ 'sab_box_desc_font' => 'None',
884	+ 'sab_box_name_size' => '18',
885	+ 'sab_box_web_size' => '14',
886	+ 'sab_box_desc_size' => '14',
887	+ 'sab_box_icon_size' => '18',
888	+ 'sab_desc_style' => '0',
889	+ 'sab_footer_inline_style' => '0',
890	+ ) );
891	+
892	+ if ( 'saboxplugin_options' == $key ) {
893	+
894	+ if ( ! isset( self::$options['saboxplugin_options'] ) ) {
895	+ self::$options['saboxplugin_options'] = get_option( 'saboxplugin_options', array() );
896	+ }
897	+
898	+ return wp_parse_args( self::$options['saboxplugin_options'], $defaults['saboxplugin_options'] );
899











900	} else {
901	+
902	+ if ( isset( self::$options[ $key ] ) ) {
903	+
904	+ return self::$options[ $key ];
905	+
906	+ }else{
907	+
908	+ $option = get_option( $key, false );
909	+ if ( false === $option && isset( $defaults[ $key ] ) ) {
910	+ return $defaults[ $key ];
911	+ } elseif ( false !== $option ) {
912	+ self::$options[ $key ] = $option;
913	+ return self::$options[ $key ];
914	+ }
915	+
916	+ }
917	+
918	}
919
920	+ return false;
921	+
922	+ }
923	+
924	+ public static function generate_inline_css() {
925	+
926	+ $padding_top_bottom = self::get_option( 'sab_box_padding_top_bottom' );
927	+ $padding_left_right = self::get_option( 'sab_box_padding_left_right' );
928	+ $sabox_top_margin = self::get_option( 'sab_box_margin_top' );
929	+ $sabox_bottom_margin = self::get_option( 'sab_box_margin_bottom' );
930	+ $sabox_name_size = self::get_option( 'sab_box_name_size' );
931	+ $sabox_desc_size = self::get_option( 'sab_box_desc_size' );
932	+ $sabox_icon_size = self::get_option( 'sab_box_icon_size' );
933	+ $sabox_options = self::get_option( 'saboxplugin_options' );
934	+ $sabox_web_size = self::get_option( 'sab_box_web_size' );
935	+
936	+ $style = '.saboxplugin-wrap{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;border:1px solid #eee;width:100%;clear:both;display:block;overflow:hidden;word-wrap:break-word;position:relative}.saboxplugin-wrap .saboxplugin-gravatar{float:left;padding:20px}.saboxplugin-wrap .saboxplugin-gravatar img{max-width:100px;height:auto}.saboxplugin-wrap .saboxplugin-authorname{font-size:18px;line-height:1;margin:20px 0 0 20px;display:block}.saboxplugin-wrap .saboxplugin-authorname a{text-decoration:none}.saboxplugin-wrap .saboxplugin-authorname a:focus{outline:0}.saboxplugin-wrap .saboxplugin-desc{display:block;margin:5px 20px}.saboxplugin-wrap .saboxplugin-desc a{text-decoration:underline}.saboxplugin-wrap .saboxplugin-desc p{margin:5px 0 12px}.saboxplugin-wrap .saboxplugin-web{margin:0 20px 15px;text-align:left}.saboxplugin-wrap .sab-web-position{text-align:right}.saboxplugin-wrap .saboxplugin-web a{color:#ccc;text-decoration:none}.saboxplugin-wrap .saboxplugin-socials{position:relative;display:block;background:#fcfcfc;padding:5px;border-top:1px solid #eee}.saboxplugin-wrap .saboxplugin-socials a svg{width:20px;height:20px}.saboxplugin-wrap .saboxplugin-socials a svg .st2{fill:#fff}.saboxplugin-wrap .saboxplugin-socials a svg .st1{fill:rgba(0,0,0,.3)}.saboxplugin-wrap .saboxplugin-socials a:hover{opacity:.8;-webkit-transition:opacity .4s;-moz-transition:opacity .4s;-o-transition:opacity .4s;transition:opacity .4s;box-shadow:none!important;-webkit-box-shadow:none!important}.saboxplugin-wrap .saboxplugin-socials .saboxplugin-icon-color{box-shadow:none;padding:0;border:0;-webkit-transition:opacity .4s;-moz-transition:opacity .4s;-o-transition:opacity .4s;transition:opacity .4s;display:inline-block;color:#fff;font-size:0;text-decoration:inherit;margin:5px;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;-o-border-radius:0;border-radius:0;overflow:hidden}.saboxplugin-wrap .saboxplugin-socials .saboxplugin-icon-grey{text-decoration:inherit;box-shadow:none;position:relative;display:-moz-inline-stack;display:inline-block;vertical-align:middle;zoom:1;margin:10px 5px;color:#444}.clearfix:after,.clearfix:before{content:\' \';display:table;line-height:0;clear:both}.ie7 .clearfix{zoom:1}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-twitch{border-color:#38245c}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-addthis{border-color:#e91c00}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-behance{border-color:#003eb0}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-delicious{border-color:#06c}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-deviantart{border-color:#036824}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-digg{border-color:#00327c}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-dribbble{border-color:#ba1655}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-facebook{border-color:#1e2e4f}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-flickr{border-color:#003576}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-github{border-color:#264874}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-google{border-color:#0b51c5}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-googleplus{border-color:#96271a}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-html5{border-color:#902e13}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-instagram{border-color:#1630aa}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-linkedin{border-color:#00344f}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-pinterest{border-color:#5b040e}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-reddit{border-color:#992900}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-rss{border-color:#a43b0a}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-sharethis{border-color:#5d8420}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-skype{border-color:#00658a}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-soundcloud{border-color:#995200}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-spotify{border-color:#0f612c}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-stackoverflow{border-color:#a95009}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-steam{border-color:#006388}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-user_email{border-color:#b84e05}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-stumbleUpon{border-color:#9b280e}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-tumblr{border-color:#10151b}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-twitter{border-color:#0967a0}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-vimeo{border-color:#0d7091}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-windows{border-color:#003f71}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-wordpress{border-color:#0f3647}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-yahoo{border-color:#14002d}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-youtube{border-color:#900}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-xing{border-color:#000202}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-mixcloud{border-color:#2475a0}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-vk{border-color:#243549}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-medium{border-color:#00452c}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-quora{border-color:#420e00}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-meetup{border-color:#9b181c}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-goodreads{border-color:#000}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-snapchat{border-color:#999700}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-500px{border-color:#00557f}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-mastodont{border-color:#185886}.sabox-plus-item{margin-bottom:20px}@media screen and (max-width:480px){.saboxplugin-wrap{text-align:center}.saboxplugin-wrap .saboxplugin-gravatar{float:none;padding:20px 0;text-align:center;margin:0 auto;display:block}.saboxplugin-wrap .saboxplugin-gravatar img{float:none;display:inline-block;display:-moz-inline-stack;vertical-align:middle;zoom:1}.saboxplugin-wrap .saboxplugin-desc{margin:0 10px 20px;text-align:center}.saboxplugin-wrap .saboxplugin-authorname{text-align:center;margin:10px 0 20px}}body .saboxplugin-authorname a,body .saboxplugin-authorname a:hover{box-shadow:none;-webkit-box-shadow:none}a.sab-profile-edit{font-size:16px!important;line-height:1!important}.sab-edit-settings a,a.sab-profile-edit{color:#0073aa!important;box-shadow:none!important;-webkit-box-shadow:none!important}.sab-edit-settings{margin-right:15px;position:absolute;right:0;z-index:2;bottom:10px;line-height:20px}.sab-edit-settings i{margin-left:5px}.saboxplugin-socials{line-height:1!important}.rtl .saboxplugin-wrap .saboxplugin-gravatar{float:right}.rtl .saboxplugin-wrap .saboxplugin-authorname{display:flex;align-items:center}.rtl .saboxplugin-wrap .saboxplugin-authorname .sab-profile-edit{margin-right:10px}.rtl .sab-edit-settings{right:auto;left:0}';
937
938	// Border color of Simple Author Box
939	+ if ( '' != $sabox_options['sab_box_border'] ) {
940	$style .= '.saboxplugin-wrap {border-color:' . esc_html( $sabox_options['sab_box_border'] ) . ';}';
941	+ $style .= '.saboxplugin-wrap .saboxplugin-socials {border-color:' . esc_html( $sabox_options['sab_box_border'] ) . ';}';
942	+ }
943	+ // Border width of Simple Author Box
944	+ if ( '1' != $sabox_options['sab_box_border_width'] ) {
945	+ $style .= '.saboxplugin-wrap, .saboxplugin-wrap .saboxplugin-socials{ border-width: ' . esc_html( $sabox_options['sab_box_border_width'] ) . 'px; }';
946	}
947	// Avatar image style
948	+ if ( '0' != $sabox_options['sab_avatar_style'] ) {
949	$style .= '.saboxplugin-wrap .saboxplugin-gravatar img {-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;}';
950	}
951	// Social icons style
952	+ if ( '0' != $sabox_options['sab_colored'] && '0' != $sabox_options['sab_icons_style'] ) {
953	$style .= '.saboxplugin-wrap .saboxplugin-socials .saboxplugin-icon-color {-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;}';
954	}
955	// Long Shadow
956	+ if ( '1' == $sabox_options['sab_colored'] && '1' != $sabox_options['sab_box_long_shadow'] ) {
957	+ $style .= '.saboxplugin-wrap .saboxplugin-socials .saboxplugin-icon-color .st1 {display: none;}';
958	}
959	// Avatar hover effect
960	+ if ( '0' != $sabox_options['sab_avatar_style'] && '1' == $sabox_options['sab_avatar_hover'] ) {
961	$style .= '.saboxplugin-wrap .saboxplugin-gravatar img {-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;}';
962	$style .= '.saboxplugin-wrap .saboxplugin-gravatar img:hover {-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}';
963	}
964	// Social icons hover effect
965	+ if ( '1' == $sabox_options['sab_icons_style'] && '1' == $sabox_options['sab_social_hover'] ) {
966	+ $style .= '.saboxplugin-wrap .saboxplugin-socials .saboxplugin-icon-color {-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}.saboxplugin-wrap .saboxplugin-socials .saboxplugin-icon-color:hover,.saboxplugin-wrap .saboxplugin-socials .saboxplugin-icon-grey:hover {-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-o-transform: rotate(360deg);-ms-transform: rotate(360deg);transform: rotate(360deg);}';
967	}
968	// Thin border
969	+ if ( '1' == $sabox_options['sab_colored'] && '1' == $sabox_options['sab_box_thin_border'] ) {
970	+ $css = 'border-width: 1px;border-style:solid;';
971	+ if ( '1' == $sabox_options['sab_icons_style'] ) {
972	+ $css .= 'border-radius:50%';
973	+ }
974	+ $style .= '.saboxplugin-wrap .saboxplugin-socials .saboxplugin-icon-color svg {' . $css . '}';
975	}
976	// Background color of social icons bar
977	+ if ( '' != $sabox_options['sab_box_icons_back'] ) {
978	$style .= '.saboxplugin-wrap .saboxplugin-socials{background-color:' . esc_html( $sabox_options['sab_box_icons_back'] ) . ';}';
979	}
980	+ // Background color of author box
981	+ if ( '' != $sabox_options['sab_box_author_back'] ) {
982	+ $style .= '.saboxplugin-wrap {background-color:' . esc_html( $sabox_options['sab_box_author_back'] ) . ';}';
983	+ }
984	+ // Color of author box paragraphs
985	+ if ( '' != $sabox_options['sab_box_author_p_color'] ) {
986	+ $style .= '.saboxplugin-wrap .saboxplugin-desc p, .saboxplugin-wrap .saboxplugin-desc {color:' . esc_html( $sabox_options['sab_box_author_p_color'] ) . ' !important;}';
987	+ }
988	+ // Color of author box paragraphs
989	+ if ( '' != $sabox_options['sab_box_author_a_color'] ) {
990	+ $style .= '.saboxplugin-wrap .saboxplugin-desc a, .saboxplugin-wrap .saboxplugin-desc {color:' . esc_html( $sabox_options['sab_box_author_a_color'] ) . ' !important;}';
991	+ }
992	// Color of social icons (for symbols only):
993	+ if ( '' != $sabox_options['sab_box_icons_color'] ) {
994	$style .= '.saboxplugin-wrap .saboxplugin-socials .saboxplugin-icon-grey {color:' . esc_html( $sabox_options['sab_box_icons_color'] ) . ';}';
995	}
996	// Author name color
997	+ if ( '' != $sabox_options['sab_box_author_color'] ) {
998	$style .= '.saboxplugin-wrap .saboxplugin-authorname a {color:' . esc_html( $sabox_options['sab_box_author_color'] ) . ';}';
999	}
1000
1001	// Author web color
1002	+ if ( '1' == $sabox_options['sab_web'] && '' != $sabox_options['sab_box_web_color'] ) {
1003	$style .= '.saboxplugin-wrap .saboxplugin-web a {color:' . esc_html( $sabox_options['sab_box_web_color'] ) . ';}';
1004	}
1005
1006	// Author name font family
1007	+ $sab_box_name_font = self::get_option( 'sab_box_name_font' );
1008	+ if ( 'None' != $sab_box_name_font ) {
1009	+ $style .= '.saboxplugin-wrap .saboxplugin-authorname {font-family:"' . esc_html( $sab_box_name_font ) . '";}';
1010	}
1011
1012	// Author description font family
1013	+ $sab_box_desc_font = self::get_option( 'sab_box_desc_font' );
1014	+ if ( 'None' != $sab_box_name_font ) {
1015	+ $style .= '.saboxplugin-wrap .saboxplugin-desc {font-family:' . esc_html( $sab_box_desc_font ) . ';}';
1016	}
1017
1018	// Author web font family
1019	+ $sab_box_web_font = self::get_option( 'sab_box_web_font' );
1020	+ if ( '1' == $sabox_options['sab_web'] && 'None' != $sab_box_web_font ) {
1021	+ $style .= '.saboxplugin-wrap .saboxplugin-web {font-family:"' . esc_html( $sab_box_web_font ) . '";}';
1022	}
1023
1024	// Author description font style
1025	+ if ( '1' == $sabox_options['sab_desc_style'] ) {
1026	$style .= '.saboxplugin-wrap .saboxplugin-desc {font-style:italic;}';
1027	}
1028	// Margin top & bottom, Padding

1034	// Author website text size
1035	$style .= '.saboxplugin-wrap .saboxplugin-web {font-size:' . absint( $sabox_web_size ) . 'px;}';
1036	// Icons size
1037	+ $icon_size = absint( $sabox_icon_size );
1038	+ if ( '1' == $sabox_options['sab_colored'] ) {
1039	+ $icon_size = $icon_size * 2;
1040	+ }
1041	+ $style .= '.saboxplugin-wrap .saboxplugin-socials a svg {width:' . absint( $icon_size ) . 'px;height:' . absint( $icon_size ) . 'px;}';
1042
1043	return apply_filters( 'sabox_inline_css', $style );
1044	}
1045
1046	+ }

inc/class-simple-author-box-previewer.php ADDED Viewed

	@@ -0,0 +1,274 @@


1	+ <?php
2	+
3	+ /**
4	+ *
5	+ */
6	+ class Simple_Author_Box_Previewer {
7	+
8	+ // These are fields that we need to listen to see if we need to change the preview.
9	+ private $fields = array(
10	+ 'sab_email',
11	+ 'sab_hide_socials',
12	+ 'sab_box_padding_top_bottom',
13	+ 'sab_box_padding_left_right',
14	+ 'sab_box_border_width',
15	+ 'sab_avatar_style',
16	+ 'sab_avatar_hover',
17	+ 'sab_web',
18	+ 'sab_web_position',
19	+ 'sab_colored',
20	+ 'sab_icons_style',
21	+ 'sab_social_hover',
22	+ 'sab_box_long_shadow',
23	+ 'sab_box_thin_border',
24	+ 'sab_box_author_color',
25	+ 'sab_box_web_color',
26	+ 'sab_box_border',
27	+ 'sab_box_icons_back',
28	+ 'sab_box_author_back',
29	+ 'sab_box_author_p_color',
30	+ 'sab_box_author_a_color',
31	+ 'sab_box_icons_color',
32	+ 'sab_box_name_font',
33	+ 'sab_box_web_font',
34	+ 'sab_box_desc_font',
35	+ 'sab_box_name_size',
36	+ 'sab_box_web_size',
37	+ 'sab_box_desc_size',
38	+ 'sab_box_icon_size',
39	+ 'sab_desc_style'
40	+ );
41	+
42	+ private $options;
43	+
44	+ function __construct() {
45	+
46	+ // Output Author Box
47	+ add_action( 'sab_admin_preview', array( $this, 'output_author_box' ) );
48	+
49	+ // Enqueue previewer js
50	+ add_action( 'admin_enqueue_scripts', array( $this, 'admin_style_and_scripts' ) );
51	+
52	+ }
53	+
54	+ public function admin_style_and_scripts( $hook ){
55	+
56	+ // loaded only on plugin page
57	+ if ( 'toplevel_page_simple-author-box-options' == $hook ) {
58	+
59	+ wp_enqueue_script( 'sabox-webfont', 'https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js', array(), false, true );
60	+ wp_enqueue_script( 'sabox-previewer', SIMPLE_AUTHOR_BOX_ASSETS . 'js/sab-preview.js', array( 'jquery', 'backbone', 'sabox-webfont' ), false, true );
61	+ }
62	+
63	+ }
64	+
65	+ public function output_author_box() {
66	+
67	+ $this->options = Simple_Author_Box_Helper::get_option( 'saboxplugin_options' );
68	+
69	+ echo '<style type="text/css">';
70	+ echo $this->generate_inline_css();
71	+ echo '</style>';
72	+
73	+ echo '<div class="saboxplugin-wrap" style="max-width:656px;margin:0 auto;width:100%;">'; // start saboxplugin-wrap div
74	+
75	+ // author box gravatar
76	+ $avatar_classes = 'saboxplugin-gravatar';
77	+ if ( '1' == $this->options['sab_avatar_hover'] ) {
78	+ $avatar_classes .= ' sab-rotate-img';
79	+ }
80	+
81	+ if ( '1' == $this->options['sab_avatar_style'] ) {
82	+ $avatar_classes .= ' sab-round-image';
83	+ }
84	+ echo '<div class="' . $avatar_classes . '">';
85	+ echo get_avatar( 1, 100, 'mystery', '', array( 'force_default' => true ) );
86	+
87	+ echo '</div>';
88	+
89	+ // author box name
90	+ echo '<div class="saboxplugin-authorname">';
91	+ echo apply_filters( 'sabox_preview_author_html', '<a href="#" class="vcard author"><span class="fn">John Doe</span></a>' );
92	+ echo '</div>';
93	+
94	+
95	+ // author box description
96	+ echo '<div class="saboxplugin-desc">';
97	+ echo '<div>';
98	+ echo wp_kses_post( 'Sed non elit aliquam, tempor nisl vitae, euismod quam. Nulla et lacus lectus. Nunc sed tincidunt arcu. Nam maximus luctus nunc, in ullamcorper turpis luctus ac. Morbi a leo ut metus mollis facilisis. Integer feugiat dictum dolor id egestas. Interdum et malesuada fames ac ante ipsum primis in faucibus.' );
99	+ echo '</div>';
100	+ echo '</div>';
101	+
102	+ echo '<div class="saboxplugin-web' . ( '1' == $this->options['sab_web'] ? ' sab-web-position' : '' ) . '" style="' . ( '1' == $this->options['sab_web'] ? '' : 'display:none;' ) . '">';
103	+ echo '<a href="#">www.machothemes.com</a>';
104	+ echo '</div>';
105	+
106	+ // author box clearfix
107	+ echo '<div class="clearfix"></div>';
108	+
109	+ $social_links = Simple_Author_Box_Helper::$social_icons;
110	+ $social_links['user_email'] = '#';
111	+
112	+ $extra_class = ' sab-show-simple';
113	+ if ( '1' == $this->options['sab_colored'] ) {
114	+ if ( '1' == $this->options['sab_icons_style'] ) {
115	+ $extra_class = ' sab-show-circle';
116	+ }else{
117	+ $extra_class = ' sab-show-square';
118	+ }
119	+ }
120	+
121	+ if ( '1' != $this->options['sab_box_long_shadow'] ) {
122	+ $extra_class .= ' without-long-shadow';
123	+ }
124	+
125	+ if ( '1' == $this->options['sab_social_hover'] ) {
126	+ $extra_class .= ' sab-rotate-icons';
127	+ }
128	+
129	+ if ( '1' == $this->options['sab_box_thin_border'] ) {
130	+ $extra_class .= ' sab-icons-with-border';
131	+ }
132	+
133	+ echo '<div class="saboxplugin-socials sabox-colored' . $extra_class . '" style="' . ( '1' == $this->options['sab_hide_socials'] ? 'display:none;' : '' ) . '">';
134	+ $simple_icons_html = '';
135	+ $circle_icons_html = '';
136	+ $square_icons_html = '';
137	+ $link = '<a href="#" class="%s">%s</a>';
138	+
139	+ foreach ( $social_links as $social_platform => $social_link ) {
140	+
141	+ $simple_icons_html .= sprintf( $link, 'saboxplugin-icon-grey', Simple_Author_Box_Social::icon_to_svg( $social_platform, 'simple' ) );
142	+ $circle_icons_html .= sprintf( $link, 'saboxplugin-icon-color', Simple_Author_Box_Social::icon_to_svg( $social_platform, 'circle' ) );
143	+ $square_icons_html .= sprintf( $link, 'saboxplugin-icon-color', Simple_Author_Box_Social::icon_to_svg( $social_platform, 'square' ) );
144	+
145	+ }
146	+
147	+ echo '<div class="sab-simple-icons">' . $simple_icons_html . '</div>';
148	+ echo '<div class="sab-circle-icons">' . $circle_icons_html . '</div>';
149	+ echo '<div class="sab-square-icons">' . $square_icons_html . '</div>';
150	+
151	+
152	+ echo '</div>';
153	+ echo '</div>'; // end of saboxplugin-wrap div
154	+ echo '<div class="note"><strong>Note:</strong> By default our Author Box will take the current font family and color from your theme. Basically if you don\'t select a font or a color from the plugin\'s settings the font and color of the Author Box will be different on the front-end than in the previewer.</div>';
155	+ }
156	+
157	+ private function generate_inline_css(){
158	+
159	+ $padding_top_bottom = Simple_Author_Box_Helper::get_option( 'sab_box_padding_top_bottom' );
160	+ $padding_left_right = Simple_Author_Box_Helper::get_option( 'sab_box_padding_left_right' );
161	+ $sabox_name_size = Simple_Author_Box_Helper::get_option( 'sab_box_name_size' );
162	+ $sabox_desc_size = Simple_Author_Box_Helper::get_option( 'sab_box_desc_size' );
163	+ $sabox_icon_size = Simple_Author_Box_Helper::get_option( 'sab_box_icon_size' );
164	+ $sabox_options = Simple_Author_Box_Helper::get_option( 'saboxplugin_options' );
165	+ $sabox_web_size = Simple_Author_Box_Helper::get_option( 'sab_box_web_size' );
166	+
167	+ $style = '.saboxplugin-wrap{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;border:1px solid #eee;width:100%;clear:both;display:block;overflow:hidden;word-wrap:break-word;position:relative}.saboxplugin-wrap .saboxplugin-gravatar{float:left;padding:20px}.saboxplugin-wrap .saboxplugin-gravatar img{max-width:100px;height:auto}.saboxplugin-wrap .saboxplugin-authorname{font-size:18px;line-height:1;margin:20px 0 0 20px;display:block}.saboxplugin-wrap .saboxplugin-authorname a{text-decoration:none}.saboxplugin-wrap .saboxplugin-authorname a:focus{outline:0}.saboxplugin-wrap .saboxplugin-desc{display:block;margin:5px 20px}.saboxplugin-wrap .saboxplugin-desc a{text-decoration:underline}.saboxplugin-wrap .saboxplugin-desc p{margin:5px 0 12px}.saboxplugin-wrap .saboxplugin-web{margin:0 20px 15px;text-align:left}.saboxplugin-wrap .sab-web-position{text-align:right}.saboxplugin-wrap .saboxplugin-web a{color:#ccc;text-decoration:none}.saboxplugin-wrap .saboxplugin-socials{position:relative;display:block;background:#fcfcfc;padding:5px;border-top:1px solid #eee}.saboxplugin-wrap .saboxplugin-socials a svg{width:20px;height:20px}.saboxplugin-wrap .saboxplugin-socials a svg .st2{fill:#fff}.saboxplugin-wrap .saboxplugin-socials a svg .st1{fill:rgba(0,0,0,.3)}.saboxplugin-wrap .saboxplugin-socials a:hover{opacity:.8;-webkit-transition:opacity .4s;-moz-transition:opacity .4s;-o-transition:opacity .4s;transition:opacity .4s;box-shadow:none!important;-webkit-box-shadow:none!important}.saboxplugin-wrap .saboxplugin-socials .saboxplugin-icon-color{box-shadow:none;padding:0;border:0;-webkit-transition:opacity .4s;-moz-transition:opacity .4s;-o-transition:opacity .4s;transition:opacity .4s;display:inline-block;color:#fff;font-size:0;text-decoration:inherit;margin:5px;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;-o-border-radius:0;border-radius:0;overflow:hidden}.saboxplugin-wrap .saboxplugin-socials .saboxplugin-icon-grey{text-decoration:inherit;box-shadow:none;position:relative;display:-moz-inline-stack;display:inline-block;vertical-align:middle;zoom:1;margin:10px 5px;color:#444}.clearfix:after,.clearfix:before{content:\' \';display:table;line-height:0;clear:both}.ie7 .clearfix{zoom:1}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-twitch{border-color:#38245c}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-addthis{border-color:#e91c00}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-behance{border-color:#003eb0}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-delicious{border-color:#06c}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-deviantart{border-color:#036824}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-digg{border-color:#00327c}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-dribbble{border-color:#ba1655}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-facebook{border-color:#1e2e4f}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-flickr{border-color:#003576}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-github{border-color:#264874}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-google{border-color:#0b51c5}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-googleplus{border-color:#96271a}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-html5{border-color:#902e13}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-instagram{border-color:#1630aa}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-linkedin{border-color:#00344f}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-pinterest{border-color:#5b040e}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-reddit{border-color:#992900}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-rss{border-color:#a43b0a}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-sharethis{border-color:#5d8420}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-skype{border-color:#00658a}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-soundcloud{border-color:#995200}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-spotify{border-color:#0f612c}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-stackoverflow{border-color:#a95009}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-steam{border-color:#006388}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-user_email{border-color:#b84e05}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-stumbleUpon{border-color:#9b280e}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-tumblr{border-color:#10151b}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-twitter{border-color:#0967a0}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-vimeo{border-color:#0d7091}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-windows{border-color:#003f71}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-wordpress{border-color:#0f3647}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-yahoo{border-color:#14002d}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-youtube{border-color:#900}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-xing{border-color:#000202}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-mixcloud{border-color:#2475a0}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-vk{border-color:#243549}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-medium{border-color:#00452c}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-quora{border-color:#420e00}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-meetup{border-color:#9b181c}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-goodreads{border-color:#000}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-snapchat{border-color:#999700}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-500px{border-color:#00557f}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-mastodont{border-color:#185886}.sabox-plus-item{margin-bottom:20px}@media screen and (max-width:480px){.saboxplugin-wrap{text-align:center}.saboxplugin-wrap .saboxplugin-gravatar{float:none;padding:20px 0;text-align:center;margin:0 auto;display:block}.saboxplugin-wrap .saboxplugin-gravatar img{float:none;display:inline-block;display:-moz-inline-stack;vertical-align:middle;zoom:1}.saboxplugin-wrap .saboxplugin-desc{margin:0 10px 20px;text-align:center}.saboxplugin-wrap .saboxplugin-authorname{text-align:center;margin:10px 0 20px}}body .saboxplugin-authorname a,body .saboxplugin-authorname a:hover{box-shadow:none;-webkit-box-shadow:none}a.sab-profile-edit{font-size:16px!important;line-height:1!important}.sab-edit-settings a,a.sab-profile-edit{color:#0073aa!important;box-shadow:none!important;-webkit-box-shadow:none!important}.sab-edit-settings{margin-right:15px;position:absolute;right:0;z-index:2;bottom:10px;line-height:20px}.sab-edit-settings i{margin-left:5px}.saboxplugin-socials{line-height:1!important}.rtl .saboxplugin-wrap .saboxplugin-gravatar{float:right}.rtl .saboxplugin-wrap .saboxplugin-authorname{display:flex;align-items:center}.rtl .saboxplugin-wrap .saboxplugin-authorname .sab-profile-edit{margin-right:10px}.rtl .sab-edit-settings{right:auto;left:0}';
168	+
169	+ // Border color of Simple Author Box
170	+ if ( '' != $sabox_options['sab_box_border'] ) {
171	+ $style .= '.saboxplugin-wrap {border-color:' . esc_html( $sabox_options['sab_box_border'] ) . ';}';
172	+ $style .= '.saboxplugin-wrap .saboxplugin-socials {border-color:' . esc_html( $sabox_options['sab_box_border'] ) . ';}';
173	+ }
174	+ // Border width of Simple Author Box
175	+ if ( '1' != $sabox_options['sab_box_border_width'] ) {
176	+ $style .= '.saboxplugin-wrap, .saboxplugin-wrap .saboxplugin-socials{ border-width: ' . esc_html( $sabox_options['sab_box_border_width'] ) . 'px; }';
177	+ }
178	+ // Avatar image style
179	+ $style .= '.saboxplugin-wrap .saboxplugin-gravatar.sab-round-image img {-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;}';
180	+
181	+ // Avatar hover effect
182	+ $style .= '.saboxplugin-wrap .saboxplugin-gravatar.sab-round-image.sab-rotate-img img {-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;}';
183	+ $style .= '.saboxplugin-wrap .saboxplugin-gravatar.sab-round-image.sab-rotate-img img:hover {-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}';
184	+
185	+ // Background color of social icons bar
186	+ if ( '' != $sabox_options['sab_box_icons_back'] ) {
187	+ $style .= '.saboxplugin-wrap .saboxplugin-socials{background-color:' . esc_html( $sabox_options['sab_box_icons_back'] ) . ';}';
188	+ }
189	+ // Background color of author box
190	+ if ( '' != $sabox_options['sab_box_author_back'] ) {
191	+ $style .= '.saboxplugin-wrap {background-color:' . esc_html( $sabox_options['sab_box_author_back'] ) . ';}';
192	+ }
193	+ // Color of author box paragraphs
194	+ if ( '' != $sabox_options['sab_box_author_p_color'] ) {
195	+ $style .= '.saboxplugin-wrap .saboxplugin-desc p, .saboxplugin-wrap .saboxplugin-desc {color:' . esc_html( $sabox_options['sab_box_author_p_color'] ) . ';}';
196	+ }
197	+ // Color of author box paragraphs
198	+ if ( '' != $sabox_options['sab_box_author_a_color'] ) {
199	+ $style .= '.saboxplugin-wrap .saboxplugin-desc a, .saboxplugin-wrap .saboxplugin-desc {color:' . esc_html( $sabox_options['sab_box_author_a_color'] ) . ';}';
200	+ }
201	+
202	+ // Author name color
203	+ if ( '' != $sabox_options['sab_box_author_color'] ) {
204	+ $style .= '.saboxplugin-wrap .saboxplugin-authorname a {color:' . esc_html( $sabox_options['sab_box_author_color'] ) . ';}';
205	+ }
206	+
207	+ // Author web color
208	+ if ( '1' == $sabox_options['sab_web'] && '' != $sabox_options['sab_box_web_color'] ) {
209	+ $style .= '.saboxplugin-wrap .saboxplugin-web a {color:' . esc_html( $sabox_options['sab_box_web_color'] ) . ';}';
210	+ }
211	+
212	+ // Author name font family
213	+ $sab_box_name_font = Simple_Author_Box_Helper::get_option( 'sab_box_name_font' );
214	+ if ( 'None' != $sab_box_name_font ) {
215	+ $style .= '.saboxplugin-wrap .saboxplugin-authorname {font-family:"' . esc_html( $sab_box_name_font ) . '";}';
216	+ }
217	+
218	+ // Author description font family
219	+ $sab_box_desc_font = Simple_Author_Box_Helper::get_option( 'sab_box_desc_font' );
220	+ if ( 'None' != $sab_box_name_font ) {
221	+ $style .= '.saboxplugin-wrap .saboxplugin-desc {font-family:' . esc_html( $sab_box_desc_font ) . ';}';
222	+ }
223	+
224	+ // Author web font family
225	+ $sab_box_web_font = Simple_Author_Box_Helper::get_option( 'sab_box_web_font' );
226	+ if ( '1' == $sabox_options['sab_web'] && 'None' != $sab_box_web_font ) {
227	+ $style .= '.saboxplugin-wrap .saboxplugin-web {font-family:"' . esc_html( $sab_box_web_font ) . '";}';
228	+ }
229	+
230	+ // Author description font style
231	+ if ( '1' == $sabox_options['sab_desc_style'] ) {
232	+ $style .= '.saboxplugin-wrap .saboxplugin-desc {font-style:italic;}';
233	+ }
234	+ // Margin top & bottom, Padding
235	+ $style .= '.saboxplugin-wrap {padding: ' . absint( $padding_top_bottom ) . 'px ' . absint( $padding_left_right ) . 'px }';
236	+ // Author name text size
237	+ $style .= '.saboxplugin-wrap .saboxplugin-authorname {font-size:' . absint( $sabox_name_size ) . 'px; line-height:' . absint( $sabox_name_size + 7 ) . 'px;}';
238	+ // Author description font size
239	+ $style .= '.saboxplugin-wrap .saboxplugin-desc p, .saboxplugin-wrap .saboxplugin-desc {font-size:' . absint( $sabox_desc_size ) . 'px; line-height:' . absint( $sabox_desc_size + 7 ) . 'px;}';
240	+ // Author website text size
241	+ $style .= '.saboxplugin-wrap .saboxplugin-web {font-size:' . absint( $sabox_web_size ) . 'px;}';
242	+
243	+ /* Icons */
244	+
245	+ // Color of social icons (for symbols only):
246	+ if ( '' != $sabox_options['sab_box_icons_color'] ) {
247	+ $style .= '.saboxplugin-wrap .saboxplugin-socials .saboxplugin-icon-grey {color:' . esc_html( $sabox_options['sab_box_icons_color'] ) . ';}';
248	+ }
249	+
250	+ // Rotate
251	+ $style .= '.saboxplugin-wrap .saboxplugin-socials.sab-show-circle.sab-rotate-icons .saboxplugin-icon-color {-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}.saboxplugin-wrap .saboxplugin-socials.sab-show-circle.sab-rotate-icons .saboxplugin-icon-color:hover {-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-o-transform: rotate(360deg);-ms-transform: rotate(360deg);transform: rotate(360deg);}';
252	+
253	+ // Thin border
254	+ $style .= '.saboxplugin-wrap .saboxplugin-socials.sab-icons-with-border .saboxplugin-icon-color svg {border-width: 1px;border-style:solid;}';
255	+ $style .= '.saboxplugin-wrap .saboxplugin-socials.sab-show-circle.sab-icons-with-border .saboxplugin-icon-color svg {border-radius:50%}';
256	+
257	+ // Long Shadow
258	+ $style .= '.saboxplugin-wrap .saboxplugin-socials.without-long-shadow .saboxplugin-icon-color .st1 {display: none;}';
259	+
260	+ // Icons size
261	+ $icon_size = absint( $sabox_icon_size );
262	+ $icon_size_2x = absint( $sabox_icon_size )* 2;
263	+
264	+ $style .= '.saboxplugin-wrap .saboxplugin-socials a.saboxplugin-icon-grey svg {width:' . absint( $icon_size ) . 'px;height:' . absint( $icon_size ) . 'px;}';
265	+ $style .= '.saboxplugin-wrap .saboxplugin-socials a.saboxplugin-icon-color svg {width:' . absint( $icon_size_2x ) . 'px;height:' . absint( $icon_size_2x ) . 'px;}';
266	+ $style .= '.sab-simple-icons,.sab-circle-icons,.sab-square-icons{display:none;}.sab-show-simple .sab-simple-icons{ display:block; }.sab-show-circle .sab-circle-icons{ display:block; }.sab-show-square .sab-square-icons{ display:block; }';
267	+ $style .= '.saboxplugin-wrap a{cursor:not-allowed;}';
268	+
269	+ $style = apply_filters( 'sabox-previewer-css', $style, $sabox_options );
270	+ return $style;
271	+
272	+ }
273	+
274	+ }

inc/class-simple-author-box-social.php ADDED Viewed

	@@ -0,0 +1,439 @@


1	+ <?php
2	+
3	+ /**
4	+ *
5	+ */
6	+ class Simple_Author_Box_Social {
7	+
8	+ public static function icon_to_svg( $icon, $type = 'simple' ) {
9	+
10	+ $icon_svg = '';
11	+ if ( 'simple' == $type ) {
12	+ $icon_svg = self::simple_icon( $icon );
13	+ }elseif ( 'square' == $type ) {
14	+ $icon_svg = self::square_long_shadow_icon( $icon );
15	+ }elseif ( 'circle' == $type ) {
16	+ $icon_svg = self::circle_long_shadow_icon( $icon );
17	+ }
18	+
19	+ $icon_svg = apply_filters( "sab_{$icon}_icon", $icon_svg );
20	+ $icon_svg = apply_filters( "sab_icon", $icon_svg );
21	+
22	+ return $icon_svg;
23	+
24	+ }
25	+
26	+ public static function simple_icon( $icon ) {
27	+
28	+ switch ( $icon ) {
29	+ case 'addthis':
30	+ return '<svg aria-hidden="true" class="sab-' . $icon . '" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zm-32 252c0 6.6-5.4 12-12 12h-92v92c0 6.6-5.4 12-12 12h-56c-6.6 0-12-5.4-12-12v-92H92c-6.6 0-12-5.4-12-12v-56c0-6.6 5.4-12 12-12h92v-92c0-6.6 5.4-12 12-12h56c6.6 0 12 5.4 12 12v92h92c6.6 0 12 5.4 12 12v56z"></path></svg>';
31	+ break;
32	+ case 'behance' :
33	+ return '<svg aria-hidden="true" class="sab-' . $icon . '" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path fill="currentColor" d="M232 237.2c31.8-15.2 48.4-38.2 48.4-74 0-70.6-52.6-87.8-113.3-87.8H0v354.4h171.8c64.4 0 124.9-30.9 124.9-102.9 0-44.5-21.1-77.4-64.7-89.7zM77.9 135.9H151c28.1 0 53.4 7.9 53.4 40.5 0 30.1-19.7 42.2-47.5 42.2h-79v-82.7zm83.3 233.7H77.9V272h84.9c34.3 0 56 14.3 56 50.6 0 35.8-25.9 47-57.6 47zm358.5-240.7H376V94h143.7v34.9zM576 305.2c0-75.9-44.4-139.2-124.9-139.2-78.2 0-131.3 58.8-131.3 135.8 0 79.9 50.3 134.7 131.3 134.7 61.3 0 101-27.6 120.1-86.3H509c-6.7 21.9-34.3 33.5-55.7 33.5-41.3 0-63-24.2-63-65.3h185.1c.3-4.2.6-8.7.6-13.2zM390.4 274c2.3-33.7 24.7-54.8 58.5-54.8 35.4 0 53.2 20.8 56.2 54.8H390.4z"></path></svg>';
34	+ break;
35	+ case 'delicious' :
36	+ return '<svg aria-hidden="true" class="sab-' . $icon . '" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M446.5 68c-.4-1.5-.9-3-1.4-4.5-.9-2.5-2-4.8-3.3-7.1-1.4-2.4-3-4.8-4.7-6.9-2.1-2.5-4.4-4.8-6.9-6.8-1.1-.9-2.2-1.7-3.3-2.5-1.3-.9-2.6-1.7-4-2.4-1.8-1-3.6-1.8-5.5-2.5-1.7-.7-3.5-1.3-5.4-1.7-3.8-1-7.9-1.5-12-1.5H48C21.5 32 0 53.5 0 80v352c0 4.1.5 8.2 1.5 12 2 7.7 5.8 14.6 11 20.3 1 1.1 2.1 2.2 3.3 3.3 5.7 5.2 12.6 9 20.3 11 3.8 1 7.9 1.5 12 1.5h352c26.5 0 48-21.5 48-48V80c-.1-4.1-.6-8.2-1.6-12zM416 432c0 8.8-7.2 16-16 16H224V256H32V80c0-8.8 7.2-16 16-16h176v192h192v176z"></path></svg>';
37	+ break;
38	+ case 'deviantart' :
39	+ return '<svg aria-hidden="true" class="sab-' . $icon . '" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path fill="currentColor" d="M320 93.2l-98.2 179.1 7.4 9.5H320v127.7H159.1l-13.5 9.2-43.7 84c-.3 0-8.6 8.6-9.2 9.2H0v-93.2l93.2-179.4-7.4-9.2H0V102.5h156l13.5-9.2 43.7-84c.3 0 8.6-8.6 9.2-9.2H320v93.1z"></path></svg>';
40	+ break;
41	+ case 'digg' :
42	+ return '<svg aria-hidden="true" class="sab-' . $icon . '" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M81.7 172.3H0v174.4h132.7V96h-51v76.3zm0 133.4H50.9v-92.3h30.8v92.3zm297.2-133.4v174.4h81.8v28.5h-81.8V416H512V172.3H378.9zm81.8 133.4h-30.8v-92.3h30.8v92.3zm-235.6 41h82.1v28.5h-82.1V416h133.3V172.3H225.1v174.4zm51.2-133.3h30.8v92.3h-30.8v-92.3zM153.3 96h51.3v51h-51.3V96zm0 76.3h51.3v174.4h-51.3V172.3z"></path></svg>';
43	+ break;
44	+ case 'dribbble' :
45	+ return '<svg aria-hidden="true" class="sab-' . $icon . '" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M256 8C119.252 8 8 119.252 8 256s111.252 248 248 248 248-111.252 248-248S392.748 8 256 8zm163.97 114.366c29.503 36.046 47.369 81.957 47.835 131.955-6.984-1.477-77.018-15.682-147.502-6.818-5.752-14.041-11.181-26.393-18.617-41.614 78.321-31.977 113.818-77.482 118.284-83.523zM396.421 97.87c-3.81 5.427-35.697 48.286-111.021 76.519-34.712-63.776-73.185-116.168-79.04-124.008 67.176-16.193 137.966 1.27 190.061 47.489zm-230.48-33.25c5.585 7.659 43.438 60.116 78.537 122.509-99.087 26.313-186.36 25.934-195.834 25.809C62.38 147.205 106.678 92.573 165.941 64.62zM44.17 256.323c0-2.166.043-4.322.108-6.473 9.268.19 111.92 1.513 217.706-30.146 6.064 11.868 11.857 23.915 17.174 35.949-76.599 21.575-146.194 83.527-180.531 142.306C64.794 360.405 44.17 310.73 44.17 256.323zm81.807 167.113c22.127-45.233 82.178-103.622 167.579-132.756 29.74 77.283 42.039 142.053 45.189 160.638-68.112 29.013-150.015 21.053-212.768-27.882zm248.38 8.489c-2.171-12.886-13.446-74.897-41.152-151.033 66.38-10.626 124.7 6.768 131.947 9.055-9.442 58.941-43.273 109.844-90.795 141.978z"></path></svg>';
46	+ break;
47	+ case 'facebook' :
48	+ return '<svg aria-hidden="true" class="sab-' . $icon . '" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 264 512"><path fill="currentColor" d="M76.7 512V283H0v-91h76.7v-71.7C76.7 42.4 124.3 0 193.8 0c33.3 0 61.9 2.5 70.2 3.6V85h-48.2c-37.8 0-45.1 18-45.1 44.3V192H256l-11.7 91h-73.6v229"></path></svg>';
49	+ break;
50	+ case 'flickr' :
51	+ return '<svg aria-hidden="true" class="sab-' . $icon . '" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zM144.5 319c-35.1 0-63.5-28.4-63.5-63.5s28.4-63.5 63.5-63.5 63.5 28.4 63.5 63.5-28.4 63.5-63.5 63.5zm159 0c-35.1 0-63.5-28.4-63.5-63.5s28.4-63.5 63.5-63.5 63.5 28.4 63.5 63.5-28.4 63.5-63.5 63.5z"></path></svg>';
52	+ break;
53	+ case 'github' :
54	+ return '<svg aria-hidden="true" class="sab-' . $icon . '" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512"><path fill="currentColor" d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"></path></svg>';
55	+ break;
56	+ case 'google' :
57	+ return '<svg aria-hidden="true" class="sab-' . $icon . '" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 488 512"><path fill="currentColor" d="M488 261.8C488 403.3 391.1 504 248 504 110.8 504 0 393.2 0 256S110.8 8 248 8c66.8 0 123 24.5 166.3 64.9l-67.5 64.9C258.5 52.6 94.3 116.6 94.3 256c0 86.5 69.1 156.6 153.7 156.6 98.2 0 135-70.4 140.8-106.9H248v-85.3h236.1c2.3 12.7 3.9 24.9 3.9 41.4z"></path></svg>';
58	+ break;
59	+ case 'googleplus' :
60	+ return '<svg aria-hidden="true" class="sab-' . $icon . '" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><path fill="currentColor" d="M386.061 228.496c1.834 9.692 3.143 19.384 3.143 31.956C389.204 370.205 315.599 448 204.8 448c-106.084 0-192-85.915-192-192s85.916-192 192-192c51.864 0 95.083 18.859 128.611 50.292l-52.126 50.03c-14.145-13.621-39.028-29.599-76.485-29.599-65.484 0-118.92 54.221-118.92 121.277 0 67.056 53.436 121.277 118.92 121.277 75.961 0 104.513-54.745 108.965-82.773H204.8v-66.009h181.261zm185.406 6.437V179.2h-56.001v55.733h-55.733v56.001h55.733v55.733h56.001v-55.733H627.2v-56.001h-55.733z"></path></svg>';
61	+ break;
62	+ case 'html5' :
63	+ return '<svg aria-hidden="true" class="sab-' . $icon . '" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><path fill="currentColor" d="M0 32l34.9 395.8L191.5 480l157.6-52.2L384 32H0zm308.2 127.9H124.4l4.1 49.4h175.6l-13.6 148.4-97.9 27v.3h-1.1l-98.7-27.3-6-75.8h47.7L138 320l53.5 14.5 53.7-14.5 6-62.2H84.3L71.5 112.2h241.1l-4.4 47.7z"></path></svg>';
64	+ break;
65	+ case 'instagram' :
66	+ return '<svg aria-hidden="true" class="sab-' . $icon . '" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"></path></svg>';
67	+ break;
68	+ case 'linkedin' :
69	+ return '<svg aria-hidden="true" class="sab-' . $icon . '" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M100.3 480H7.4V180.9h92.9V480zM53.8 140.1C24.1 140.1 0 115.5 0 85.8 0 56.1 24.1 32 53.8 32c29.7 0 53.8 24.1 53.8 53.8 0 29.7-24.1 54.3-53.8 54.3zM448 480h-92.7V334.4c0-34.7-.7-79.2-48.3-79.2-48.3 0-55.7 37.7-55.7 76.7V480h-92.8V180.9h89.1v40.8h1.3c12.4-23.5 42.7-48.3 87.9-48.3 94 0 111.3 61.9 111.3 142.3V480z"></path></svg>';
70	+ break;
71	+ case 'pinterest' :
72	+ return '<svg aria-hidden="true" class="sab-' . $icon . '" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512"><path fill="currentColor" d="M496 256c0 137-111 248-248 248-25.6 0-50.2-3.9-73.4-11.1 10.1-16.5 25.2-43.5 30.8-65 3-11.6 15.4-59 15.4-59 8.1 15.4 31.7 28.5 56.8 28.5 74.8 0 128.7-68.8 128.7-154.3 0-81.9-66.9-143.2-152.9-143.2-107 0-163.9 71.8-163.9 150.1 0 36.4 19.4 81.7 50.3 96.1 4.7 2.2 7.2 1.2 8.3-3.3.8-3.4 5-20.3 6.9-28.1.6-2.5.3-4.7-1.7-7.1-10.1-12.5-18.3-35.3-18.3-56.6 0-54.7 41.4-107.6 112-107.6 60.9 0 103.6 41.5 103.6 100.9 0 67.1-33.9 113.6-78 113.6-24.3 0-42.6-20.1-36.7-44.8 7-29.5 20.5-61.3 20.5-82.6 0-19-10.2-34.9-31.4-34.9-24.9 0-44.9 25.7-44.9 60.2 0 22 7.4 36.8 7.4 36.8s-24.5 103.8-29 123.2c-5 21.4-3 51.6-.9 71.2C65.4 450.9 0 361.1 0 256 0 119 111 8 248 8s248 111 248 248z"></path></svg>';
73	+ break;
74	+ case 'reddit' :
75	+ return '<svg aria-hidden="true" class="sab-' . $icon . '" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M201.5 305.5c-13.8 0-24.9-11.1-24.9-24.6 0-13.8 11.1-24.9 24.9-24.9 13.6 0 24.6 11.1 24.6 24.9 0 13.6-11.1 24.6-24.6 24.6zM504 256c0 137-111 248-248 248S8 393 8 256 119 8 256 8s248 111 248 248zm-132.3-41.2c-9.4 0-17.7 3.9-23.8 10-22.4-15.5-52.6-25.5-86.1-26.6l17.4-78.3 55.4 12.5c0 13.6 11.1 24.6 24.6 24.6 13.8 0 24.9-11.3 24.9-24.9s-11.1-24.9-24.9-24.9c-9.7 0-18 5.8-22.1 13.8l-61.2-13.6c-3-.8-6.1 1.4-6.9 4.4l-19.1 86.4c-33.2 1.4-63.1 11.3-85.5 26.8-6.1-6.4-14.7-10.2-24.1-10.2-34.9 0-46.3 46.9-14.4 62.8-1.1 5-1.7 10.2-1.7 15.5 0 52.6 59.2 95.2 132 95.2 73.1 0 132.3-42.6 132.3-95.2 0-5.3-.6-10.8-1.9-15.8 31.3-16 19.8-62.5-14.9-62.5zM302.8 331c-18.2 18.2-76.1 17.9-93.6 0-2.2-2.2-6.1-2.2-8.3 0-2.5 2.5-2.5 6.4 0 8.6 22.8 22.8 87.3 22.8 110.2 0 2.5-2.2 2.5-6.1 0-8.6-2.2-2.2-6.1-2.2-8.3 0zm7.7-75c-13.6 0-24.6 11.1-24.6 24.9 0 13.6 11.1 24.6 24.6 24.6 13.8 0 24.9-11.1 24.9-24.6 0-13.8-11-24.9-24.9-24.9z"></path></svg>';
76	+ break;
77	+ case 'rss' :
78	+ return '<svg aria-hidden="true" class="sab-' . $icon . '" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M128.081 415.959c0 35.369-28.672 64.041-64.041 64.041S0 451.328 0 415.959s28.672-64.041 64.041-64.041 64.04 28.673 64.04 64.041zm175.66 47.25c-8.354-154.6-132.185-278.587-286.95-286.95C7.656 175.765 0 183.105 0 192.253v48.069c0 8.415 6.49 15.472 14.887 16.018 111.832 7.284 201.473 96.702 208.772 208.772.547 8.397 7.604 14.887 16.018 14.887h48.069c9.149.001 16.489-7.655 15.995-16.79zm144.249.288C439.596 229.677 251.465 40.445 16.503 32.01 7.473 31.686 0 38.981 0 48.016v48.068c0 8.625 6.835 15.645 15.453 15.999 191.179 7.839 344.627 161.316 352.465 352.465.353 8.618 7.373 15.453 15.999 15.453h48.068c9.034-.001 16.329-7.474 16.005-16.504z"></path></svg>';
79	+ break;
80	+ case 'sharethis' :
81	+ return '<svg aria-hidden="true" class="sab-' . $icon . '" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M352 320c-22.608 0-43.387 7.819-59.79 20.895l-102.486-64.054a96.551 96.551 0 0 0 0-41.683l102.486-64.054C308.613 184.181 329.392 192 352 192c53.019 0 96-42.981 96-96S405.019 0 352 0s-96 42.981-96 96c0 7.158.79 14.13 2.276 20.841L155.79 180.895C139.387 167.819 118.608 160 96 160c-53.019 0-96 42.981-96 96s42.981 96 96 96c22.608 0 43.387-7.819 59.79-20.895l102.486 64.054A96.301 96.301 0 0 0 256 416c0 53.019 42.981 96 96 96s96-42.981 96-96-42.981-96-96-96z"></path></svg>';
82	+ break;
83	+ case 'skype' :
84	+ return '<svg aria-hidden="true" class="sab-' . $icon . '" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M424.7 299.8c2.9-14 4.7-28.9 4.7-43.8 0-113.5-91.9-205.3-205.3-205.3-14.9 0-29.7 1.7-43.8 4.7C161.3 40.7 137.7 32 112 32 50.2 32 0 82.2 0 144c0 25.7 8.7 49.3 23.3 68.2-2.9 14-4.7 28.9-4.7 43.8 0 113.5 91.9 205.3 205.3 205.3 14.9 0 29.7-1.7 43.8-4.7 19 14.6 42.6 23.3 68.2 23.3 61.8 0 112-50.2 112-112 .1-25.6-8.6-49.2-23.2-68.1zm-194.6 91.5c-65.6 0-120.5-29.2-120.5-65 0-16 9-30.6 29.5-30.6 31.2 0 34.1 44.9 88.1 44.9 25.7 0 42.3-11.4 42.3-26.3 0-18.7-16-21.6-42-28-62.5-15.4-117.8-22-117.8-87.2 0-59.2 58.6-81.1 109.1-81.1 55.1 0 110.8 21.9 110.8 55.4 0 16.9-11.4 31.8-30.3 31.8-28.3 0-29.2-33.5-75-33.5-25.7 0-42 7-42 22.5 0 19.8 20.8 21.8 69.1 33 41.4 9.3 90.7 26.8 90.7 77.6 0 59.1-57.1 86.5-112 86.5z"></path></svg>';
85	+ break;
86	+ case 'soundcloud' :
87	+ return '<svg aria-hidden="true" class="sab-' . $icon . '" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><path fill="currentColor" d="M111.4 256.3l5.8 65-5.8 68.3c-.3 2.5-2.2 4.4-4.4 4.4s-4.2-1.9-4.2-4.4l-5.6-68.3 5.6-65c0-2.2 1.9-4.2 4.2-4.2 2.2 0 4.1 2 4.4 4.2zm21.4-45.6c-2.8 0-4.7 2.2-5 5l-5 105.6 5 68.3c.3 2.8 2.2 5 5 5 2.5 0 4.7-2.2 4.7-5l5.8-68.3-5.8-105.6c0-2.8-2.2-5-4.7-5zm25.5-24.1c-3.1 0-5.3 2.2-5.6 5.3l-4.4 130 4.4 67.8c.3 3.1 2.5 5.3 5.6 5.3 2.8 0 5.3-2.2 5.3-5.3l5.3-67.8-5.3-130c0-3.1-2.5-5.3-5.3-5.3zM7.2 283.2c-1.4 0-2.2 1.1-2.5 2.5L0 321.3l4.7 35c.3 1.4 1.1 2.5 2.5 2.5s2.2-1.1 2.5-2.5l5.6-35-5.6-35.6c-.3-1.4-1.1-2.5-2.5-2.5zm23.6-21.9c-1.4 0-2.5 1.1-2.5 2.5l-6.4 57.5 6.4 56.1c0 1.7 1.1 2.8 2.5 2.8s2.5-1.1 2.8-2.5l7.2-56.4-7.2-57.5c-.3-1.4-1.4-2.5-2.8-2.5zm25.3-11.4c-1.7 0-3.1 1.4-3.3 3.3L47 321.3l5.8 65.8c.3 1.7 1.7 3.1 3.3 3.1 1.7 0 3.1-1.4 3.1-3.1l6.9-65.8-6.9-68.1c0-1.9-1.4-3.3-3.1-3.3zm25.3-2.2c-1.9 0-3.6 1.4-3.6 3.6l-5.8 70 5.8 67.8c0 2.2 1.7 3.6 3.6 3.6s3.6-1.4 3.9-3.6l6.4-67.8-6.4-70c-.3-2.2-2-3.6-3.9-3.6zm241.4-110.9c-1.1-.8-2.8-1.4-4.2-1.4-2.2 0-4.2.8-5.6 1.9-1.9 1.7-3.1 4.2-3.3 6.7v.8l-3.3 176.7 1.7 32.5 1.7 31.7c.3 4.7 4.2 8.6 8.9 8.6s8.6-3.9 8.6-8.6l3.9-64.2-3.9-177.5c-.4-3-2-5.8-4.5-7.2zm-26.7 15.3c-1.4-.8-2.8-1.4-4.4-1.4s-3.1.6-4.4 1.4c-2.2 1.4-3.6 3.9-3.6 6.7l-.3 1.7-2.8 160.8s0 .3 3.1 65.6v.3c0 1.7.6 3.3 1.7 4.7 1.7 1.9 3.9 3.1 6.4 3.1 2.2 0 4.2-1.1 5.6-2.5 1.7-1.4 2.5-3.3 2.5-5.6l.3-6.7 3.1-58.6-3.3-162.8c-.3-2.8-1.7-5.3-3.9-6.7zm-111.4 22.5c-3.1 0-5.8 2.8-5.8 6.1l-4.4 140.6 4.4 67.2c.3 3.3 2.8 5.8 5.8 5.8 3.3 0 5.8-2.5 6.1-5.8l5-67.2-5-140.6c-.2-3.3-2.7-6.1-6.1-6.1zm376.7 62.8c-10.8 0-21.1 2.2-30.6 6.1-6.4-70.8-65.8-126.4-138.3-126.4-17.8 0-35 3.3-50.3 9.4-6.1 2.2-7.8 4.4-7.8 9.2v249.7c0 5 3.9 8.6 8.6 9.2h218.3c43.3 0 78.6-35 78.6-78.3.1-43.6-35.2-78.9-78.5-78.9zm-296.7-60.3c-4.2 0-7.5 3.3-7.8 7.8l-3.3 136.7 3.3 65.6c.3 4.2 3.6 7.5 7.8 7.5 4.2 0 7.5-3.3 7.5-7.5l3.9-65.6-3.9-136.7c-.3-4.5-3.3-7.8-7.5-7.8zm-53.6-7.8c-3.3 0-6.4 3.1-6.4 6.7l-3.9 145.3 3.9 66.9c.3 3.6 3.1 6.4 6.4 6.4 3.6 0 6.4-2.8 6.7-6.4l4.4-66.9-4.4-145.3c-.3-3.6-3.1-6.7-6.7-6.7zm26.7 3.4c-3.9 0-6.9 3.1-6.9 6.9L227 321.3l3.9 66.4c.3 3.9 3.1 6.9 6.9 6.9s6.9-3.1 6.9-6.9l4.2-66.4-4.2-141.7c0-3.9-3-6.9-6.9-6.9z"></path></svg>';
88	+ break;
89	+ case 'spotify' :
90	+ return '<svg aria-hidden="true" class="sab-' . $icon . '" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512"><path fill="currentColor" d="M248 8C111.1 8 0 119.1 0 256s111.1 248 248 248 248-111.1 248-248S384.9 8 248 8zm100.7 364.9c-4.2 0-6.8-1.3-10.7-3.6-62.4-37.6-135-39.2-206.7-24.5-3.9 1-9 2.6-11.9 2.6-9.7 0-15.8-7.7-15.8-15.8 0-10.3 6.1-15.2 13.6-16.8 81.9-18.1 165.6-16.5 237 26.2 6.1 3.9 9.7 7.4 9.7 16.5s-7.1 15.4-15.2 15.4zm26.9-65.6c-5.2 0-8.7-2.3-12.3-4.2-62.5-37-155.7-51.9-238.6-29.4-4.8 1.3-7.4 2.6-11.9 2.6-10.7 0-19.4-8.7-19.4-19.4s5.2-17.8 15.5-20.7c27.8-7.8 56.2-13.6 97.8-13.6 64.9 0 127.6 16.1 177 45.5 8.1 4.8 11.3 11 11.3 19.7-.1 10.8-8.5 19.5-19.4 19.5zm31-76.2c-5.2 0-8.4-1.3-12.9-3.9-71.2-42.5-198.5-52.7-280.9-29.7-3.6 1-8.1 2.6-12.9 2.6-13.2 0-23.3-10.3-23.3-23.6 0-13.6 8.4-21.3 17.4-23.9 35.2-10.3 74.6-15.2 117.5-15.2 73 0 149.5 15.2 205.4 47.8 7.8 4.5 12.9 10.7 12.9 22.6 0 13.6-11 23.3-23.2 23.3z"></path></svg>';
91	+ break;
92	+ case 'stackoverflow' :
93	+ return '<svg aria-hidden="true" class="sab-' . $icon . '" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><path fill="currentColor" d="M293.7 300l-181.2-84.5 16.7-36.5 181.3 84.7-16.8 36.3zm48-76L188.2 95.7l-25.5 30.8 153.5 128.3 25.5-30.8zm39.6-31.7L262 32l-32 24 119.3 160.3 32-24zM290.7 311L95 269.7 86.8 309l195.7 41 8.2-39zm31.6 129H42.7V320h-40v160h359.5V320h-40v120zm-39.8-80h-200v39.7h200V360z"></path></svg>';
94	+ break;
95	+ case 'steam' :
96	+ return '<svg aria-hidden="true" class="sab-' . $icon . '" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M395.5 177.5c0 33.8-27.5 61-61 61-33.8 0-61-27.3-61-61s27.3-61 61-61c33.5 0 61 27.2 61 61zm52.5.2c0 63-51 113.8-113.7 113.8L225 371.3c-4 43-40.5 76.8-84.5 76.8-40.5 0-74.7-28.8-83-67L0 358V250.7L97.2 290c15.1-9.2 32.2-13.3 52-11.5l71-101.7c.5-62.3 51.5-112.8 114-112.8C397 64 448 115 448 177.7zM203 363c0-34.7-27.8-62.5-62.5-62.5-4.5 0-9 .5-13.5 1.5l26 10.5c25.5 10.2 38 39 27.7 64.5-10.2 25.5-39.2 38-64.7 27.5-10.2-4-20.5-8.3-30.7-12.2 10.5 19.7 31.2 33.2 55.2 33.2 34.7 0 62.5-27.8 62.5-62.5zm207.5-185.3c0-42-34.3-76.2-76.2-76.2-42.3 0-76.5 34.2-76.5 76.2 0 42.2 34.3 76.2 76.5 76.2 41.9.1 76.2-33.9 76.2-76.2z"></path></svg>';
97	+ break;
98	+ case 'stumbleUpon' :
99	+ return '<svg aria-hidden="true" class="sab-' . $icon . '" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M502.9 266v69.7c0 62.1-50.3 112.4-112.4 112.4-61.8 0-112.4-49.8-112.4-111.3v-70.2l34.3 16 51.1-15.2V338c0 14.7 12 26.5 26.7 26.5S417 352.7 417 338v-72h85.9zm-224.7-58.2l34.3 16 51.1-15.2V173c0-60.5-51.1-109-112.1-109-60.8 0-112.1 48.2-112.1 108.2v162.4c0 14.9-12 26.7-26.7 26.7S86 349.5 86 334.6V266H0v69.7C0 397.7 50.3 448 112.4 448c61.6 0 112.4-49.5 112.4-110.8V176.9c0-14.7 12-26.7 26.7-26.7s26.7 12 26.7 26.7v30.9z"></path></svg>';
100	+ break;
101	+ case 'tumblr' :
102	+ return '<svg aria-hidden="true" class="sab-' . $icon . '" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path fill="currentColor" d="M309.8 480.3c-13.6 14.5-50 31.7-97.4 31.7-120.8 0-147-88.8-147-140.6v-144H17.9c-5.5 0-10-4.5-10-10v-68c0-7.2 4.5-13.6 11.3-16 62-21.8 81.5-76 84.3-117.1.8-11 6.5-16.3 16.1-16.3h70.9c5.5 0 10 4.5 10 10v115.2h83c5.5 0 10 4.4 10 9.9v81.7c0 5.5-4.5 10-10 10h-83.4V360c0 34.2 23.7 53.6 68 35.8 4.8-1.9 9-3.2 12.7-2.2 3.5.9 5.8 3.4 7.4 7.9l22 64.3c1.8 5 3.3 10.6-.4 14.5z"></path></svg>';
103	+ break;
104	+ case 'twitter' :
105	+ return '<svg aria-hidden="true" class="sab-' . $icon . '" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"></path></svg>';
106	+ break;
107	+ case 'vimeo' :
108	+ return '<svg aria-hidden="true" class="sab-' . $icon . '" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M447.8 153.6c-2 43.6-32.4 103.3-91.4 179.1-60.9 79.2-112.4 118.8-154.6 118.8-26.1 0-48.2-24.1-66.3-72.3C100.3 250 85.3 174.3 56.2 174.3c-3.4 0-15.1 7.1-35.2 21.1L0 168.2c51.6-45.3 100.9-95.7 131.8-98.5 34.9-3.4 56.3 20.5 64.4 71.5 28.7 181.5 41.4 208.9 93.6 126.7 18.7-29.6 28.8-52.1 30.2-67.6 4.8-45.9-35.8-42.8-63.3-31 22-72.1 64.1-107.1 126.2-105.1 45.8 1.2 67.5 31.1 64.9 89.4z"></path></svg>';
109	+ break;
110	+ case 'windows' :
111	+ return '<svg aria-hidden="true" class="sab-' . $icon . '" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M0 93.7l183.6-25.3v177.4H0V93.7zm0 324.6l183.6 25.3V268.4H0v149.9zm203.8 28L448 480V268.4H203.8v177.9zm0-380.6v180.1H448V32L203.8 65.7z"></path></svg>';
112	+ break;
113	+ case 'wordpress' :
114	+ return '<svg aria-hidden="true" class="sab-' . $icon . '" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M61.7 169.4l101.5 278C92.2 413 43.3 340.2 43.3 256c0-30.9 6.6-60.1 18.4-86.6zm337.9 75.9c0-26.3-9.4-44.5-17.5-58.7-10.8-17.5-20.9-32.4-20.9-49.9 0-19.6 14.8-37.8 35.7-37.8.9 0 1.8.1 2.8.2-37.9-34.7-88.3-55.9-143.7-55.9-74.3 0-139.7 38.1-177.8 95.9 5 .2 9.7.3 13.7.3 22.2 0 56.7-2.7 56.7-2.7 11.5-.7 12.8 16.2 1.4 17.5 0 0-11.5 1.3-24.3 2l77.5 230.4L249.8 247l-33.1-90.8c-11.5-.7-22.3-2-22.3-2-11.5-.7-10.1-18.2 1.3-17.5 0 0 35.1 2.7 56 2.7 22.2 0 56.7-2.7 56.7-2.7 11.5-.7 12.8 16.2 1.4 17.5 0 0-11.5 1.3-24.3 2l76.9 228.7 21.2-70.9c9-29.4 16-50.5 16-68.7zm-139.9 29.3l-63.8 185.5c19.1 5.6 39.2 8.7 60.1 8.7 24.8 0 48.5-4.3 70.6-12.1-.6-.9-1.1-1.9-1.5-2.9l-65.4-179.2zm183-120.7c.9 6.8 1.4 14 1.4 21.9 0 21.6-4 45.8-16.2 76.2l-65 187.9C426.2 403 468.7 334.5 468.7 256c0-37-9.4-71.8-26-102.1zM504 256c0 136.8-111.3 248-248 248C119.2 504 8 392.7 8 256 8 119.2 119.2 8 256 8c136.7 0 248 111.2 248 248zm-11.4 0c0-130.5-106.2-236.6-236.6-236.6C125.5 19.4 19.4 125.5 19.4 256S125.6 492.6 256 492.6c130.5 0 236.6-106.1 236.6-236.6z"></path></svg>';
115	+ break;
116	+ case 'yahoo' :
117	+ return '<svg aria-hidden="true" class="sab-' . $icon . '" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M252 292l4 220c-12.7-2.2-23.5-3.9-32.3-3.9-8.4 0-19.2 1.7-32.3 3.9l4-220C140.4 197.2 85 95.2 21.4 0c11.9 3.1 23 3.9 33.2 3.9 9 0 20.4-.8 34.1-3.9 40.9 72.2 82.1 138.7 135 225.5C261 163.9 314.8 81.4 358.6 0c11.1 2.9 22 3.9 32.9 3.9 11.5 0 23.2-1 35-3.9C392.1 47.9 294.9 216.9 252 292z"></path></svg>';
118	+ break;
119	+ case 'youtube' :
120	+ return '<svg aria-hidden="true" class="sab-' . $icon . '" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path fill="currentColor" d="M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z"></path></svg>';
121	+ break;
122	+ case 'xing' :
123	+ return '<svg aria-hidden="true" class="sab-' . $icon . '" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><path fill="currentColor" d="M162.7 210c-1.8 3.3-25.2 44.4-70.1 123.5-4.9 8.3-10.8 12.5-17.7 12.5H9.8c-7.7 0-12.1-7.5-8.5-14.4l69-121.3c.2 0 .2-.1 0-.3l-43.9-75.6c-4.3-7.8.3-14.1 8.5-14.1H100c7.3 0 13.3 4.1 18 12.2l44.7 77.5zM382.6 46.1l-144 253v.3L330.2 466c3.9 7.1.2 14.1-8.5 14.1h-65.2c-7.6 0-13.6-4-18-12.2l-92.4-168.5c3.3-5.8 51.5-90.8 144.8-255.2 4.6-8.1 10.4-12.2 17.5-12.2h65.7c8 0 12.3 6.7 8.5 14.1z"></path></svg>';
124	+ break;
125	+ case 'mixcloud' :
126	+ return '<svg aria-hidden="true" class="sab-' . $icon . '" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><path fill="currentColor" d="M424.43 219.729C416.124 134.727 344.135 68 256.919 68c-72.266 0-136.224 46.516-159.205 114.074-54.545 8.029-96.63 54.822-96.63 111.582 0 62.298 50.668 112.966 113.243 112.966h289.614c52.329 0 94.969-42.362 94.969-94.693 0-45.131-32.118-83.063-74.48-92.2zm-20.489 144.53H114.327c-39.04 0-70.881-31.564-70.881-70.604s31.841-70.604 70.881-70.604c18.827 0 36.548 7.475 49.838 20.766 19.963 19.963 50.133-10.227 30.18-30.18-14.675-14.398-32.672-24.365-52.053-29.349 19.935-44.3 64.79-73.926 114.628-73.926 69.496 0 125.979 56.483 125.979 125.702 0 13.568-2.215 26.857-6.369 39.594-8.943 27.517 32.133 38.939 40.147 13.29 2.769-8.306 4.984-16.889 6.369-25.472 19.381 7.476 33.502 26.303 33.502 48.453 0 28.795-23.535 52.33-52.607 52.33zm235.069-52.33c0 44.024-12.737 86.386-37.102 122.657-4.153 6.092-10.798 9.414-17.72 9.414-16.317 0-27.127-18.826-17.443-32.949 19.381-29.349 29.903-63.682 29.903-99.122s-10.521-69.773-29.903-98.845c-15.655-22.831 19.361-47.24 35.163-23.534 24.366 35.993 37.102 78.356 37.102 122.379zm-70.88 0c0 31.565-9.137 62.021-26.857 88.325-4.153 6.091-10.798 9.136-17.72 9.136-17.201 0-27.022-18.979-17.443-32.948 13.013-19.104 19.658-41.255 19.658-64.513 0-22.981-6.645-45.408-19.658-64.512-15.761-22.986 19.008-47.095 35.163-23.535 17.719 26.026 26.857 56.483 26.857 88.047z"></path></svg>';
127	+ break;
128	+ case 'goodreads' :
129	+ return '<svg aria-hidden="true" class="sab-' . $icon . '" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M299.9 191.2c5.1 37.3-4.7 79-35.9 100.7-22.3 15.5-52.8 14.1-70.8 5.7-37.1-17.3-49.5-58.6-46.8-97.2 4.3-60.9 40.9-87.9 75.3-87.5 46.9-.2 71.8 31.8 78.2 78.3zM448 88v336c0 30.9-25.1 56-56 56H56c-30.9 0-56-25.1-56-56V88c0-30.9 25.1-56 56-56h336c30.9 0 56 25.1 56 56zM330 313.2s-.1-34-.1-217.3h-29v40.3c-.8.3-1.2-.5-1.6-1.2-9.6-20.7-35.9-46.3-76-46-51.9.4-87.2 31.2-100.6 77.8-4.3 14.9-5.8 30.1-5.5 45.6 1.7 77.9 45.1 117.8 112.4 115.2 28.9-1.1 54.5-17 69-45.2.5-1 1.1-1.9 1.7-2.9.2.1.4.1.6.2.3 3.8.2 30.7.1 34.5-.2 14.8-2 29.5-7.2 43.5-7.8 21-22.3 34.7-44.5 39.5-17.8 3.9-35.6 3.8-53.2-1.2-21.5-6.1-36.5-19-41.1-41.8-.3-1.6-1.3-1.3-2.3-1.3h-26.8c.8 10.6 3.2 20.3 8.5 29.2 24.2 40.5 82.7 48.5 128.2 37.4 49.9-12.3 67.3-54.9 67.4-106.3z"></path></svg>';
130	+ break;
131	+ case 'twitch' :
132	+ return '<svg aria-hidden="true" class="sab-' . $icon . '" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M40.1 32L10 108.9v314.3h107V480h60.2l56.8-56.8h87l117-117V32H40.1zm357.8 254.1L331 353H224l-56.8 56.8V353H76.9V72.1h321v214zM331 149v116.9h-40.1V149H331zm-107 0v116.9h-40.1V149H224z"></path></svg>';
133	+ break;
134	+ case 'vk' :
135	+ return '<svg aria-hidden="true" class="sab-' . $icon . '" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path fill="currentColor" d="M545 117.7c3.7-12.5 0-21.7-17.8-21.7h-58.9c-15 0-21.9 7.9-25.6 16.7 0 0-30 73.1-72.4 120.5-13.7 13.7-20 18.1-27.5 18.1-3.7 0-9.4-4.4-9.4-16.9V117.7c0-15-4.2-21.7-16.6-21.7h-92.6c-9.4 0-15 7-15 13.5 0 14.2 21.2 17.5 23.4 57.5v86.8c0 19-3.4 22.5-10.9 22.5-20 0-68.6-73.4-97.4-157.4-5.8-16.3-11.5-22.9-26.6-22.9H38.8c-16.8 0-20.2 7.9-20.2 16.7 0 15.6 20 93.1 93.1 195.5C160.4 378.1 229 416 291.4 416c37.5 0 42.1-8.4 42.1-22.9 0-66.8-3.4-73.1 15.4-73.1 8.7 0 23.7 4.4 58.7 38.1 40 40 46.6 57.9 69 57.9h58.9c16.8 0 25.3-8.4 20.4-25-11.2-34.9-86.9-106.7-90.3-111.5-8.7-11.2-6.2-16.2 0-26.2.1-.1 72-101.3 79.4-135.6z"></path></svg>';
136	+ break;
137	+ case 'medium' :
138	+ return '<svg aria-hidden="true" class="sab-' . $icon . '" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M0 32v448h448V32H0zm372.2 106.1l-24 23c-2.1 1.6-3.1 4.2-2.7 6.7v169.3c-.4 2.6.6 5.2 2.7 6.7l23.5 23v5.1h-118V367l24.3-23.6c2.4-2.4 2.4-3.1 2.4-6.7V199.8l-67.6 171.6h-9.1L125 199.8v115c-.7 4.8 1 9.7 4.4 13.2l31.6 38.3v5.1H71.2v-5.1l31.6-38.3c3.4-3.5 4.9-8.4 4.1-13.2v-133c.4-3.7-1-7.3-3.8-9.8L75 138.1V133h87.3l67.4 148L289 133.1h83.2v5z"></path></svg>';
139	+ break;
140	+ case 'quora' :
141	+ return '<svg aria-hidden="true" class="sab-' . $icon . '" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M440.5 386.7h-29.3c-1.5 13.5-10.5 30.8-33 30.8-20.5 0-35.3-14.2-49.5-35.8 44.2-34.2 74.7-87.5 74.7-153C403.5 111.2 306.8 32 205 32 105.3 32 7.3 111.7 7.3 228.7c0 134.1 131.3 221.6 249 189C276 451.3 302 480 351.5 480c81.8 0 90.8-75.3 89-93.3zM297 329.2C277.5 300 253.3 277 205.5 277c-30.5 0-54.3 10-69 22.8l12.2 24.3c6.2-3 13-4 19.8-4 35.5 0 53.7 30.8 69.2 61.3-10 3-20.7 4.2-32.7 4.2-75 0-107.5-53-107.5-156.7C97.5 124.5 130 71 205 71c76.2 0 108.7 53.5 108.7 157.7.1 41.8-5.4 75.6-16.7 100.5z"></path></svg>';
142	+ break;
143	+ case 'meetup' :
144	+ return '<svg aria-hidden="true" class="sab-' . $icon . '" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M99 414.3c1.1 5.7-2.3 11.1-8 12.3-5.4 1.1-10.9-2.3-12-8-1.1-5.4 2.3-11.1 7.7-12.3 5.4-1.2 11.1 2.3 12.3 8zm143.1 71.4c-6.3 4.6-8 13.4-3.7 20 4.6 6.6 13.4 8.3 20 3.7 6.3-4.6 8-13.4 3.4-20-4.2-6.5-13.1-8.3-19.7-3.7zm-86-462.3c6.3-1.4 10.3-7.7 8.9-14-1.1-6.6-7.4-10.6-13.7-9.1-6.3 1.4-10.3 7.7-9.1 14 1.4 6.6 7.6 10.6 13.9 9.1zM34.4 226.3c-10-6.9-23.7-4.3-30.6 6-6.9 10-4.3 24 5.7 30.9 10 7.1 23.7 4.6 30.6-5.7 6.9-10.4 4.3-24.1-5.7-31.2zm272-170.9c10.6-6.3 13.7-20 7.7-30.3-6.3-10.6-19.7-14-30-7.7s-13.7 20-7.4 30.6c6 10.3 19.4 13.7 29.7 7.4zm-191.1 58c7.7-5.4 9.4-16 4.3-23.7s-15.7-9.4-23.1-4.3c-7.7 5.4-9.4 16-4.3 23.7 5.1 7.8 15.6 9.5 23.1 4.3zm372.3 156c-7.4 1.7-12.3 9.1-10.6 16.9 1.4 7.4 8.9 12.3 16.3 10.6 7.4-1.4 12.3-8.9 10.6-16.6-1.5-7.4-8.9-12.3-16.3-10.9zm39.7-56.8c-1.1-5.7-6.6-9.1-12-8-5.7 1.1-9.1 6.9-8 12.6 1.1 5.4 6.6 9.1 12.3 8 5.4-1.5 9.1-6.9 7.7-12.6zM447 138.9c-8.6 6-10.6 17.7-4.9 26.3 5.7 8.6 17.4 10.6 26 4.9 8.3-6 10.3-17.7 4.6-26.3-5.7-8.7-17.4-10.9-25.7-4.9zm-6.3 139.4c26.3 43.1 15.1 100-26.3 129.1-17.4 12.3-37.1 17.7-56.9 17.1-12 47.1-69.4 64.6-105.1 32.6-1.1.9-2.6 1.7-3.7 2.9-39.1 27.1-92.3 17.4-119.4-22.3-9.7-14.3-14.6-30.6-15.1-46.9-65.4-10.9-90-94-41.1-139.7-28.3-46.9.6-107.4 53.4-114.9C151.6 70 234.1 38.6 290.1 82c67.4-22.3 136.3 29.4 130.9 101.1 41.1 12.6 52.8 66.9 19.7 95.2zm-70 74.3c-3.1-20.6-40.9-4.6-43.1-27.1-3.1-32 43.7-101.1 40-128-3.4-24-19.4-29.1-33.4-29.4-13.4-.3-16.9 2-21.4 4.6-2.9 1.7-6.6 4.9-11.7-.3-6.3-6-11.1-11.7-19.4-12.9-12.3-2-17.7 2-26.6 9.7-3.4 2.9-12 12.9-20 9.1-3.4-1.7-15.4-7.7-24-11.4-16.3-7.1-40 4.6-48.6 20-12.9 22.9-38 113.1-41.7 125.1-8.6 26.6 10.9 48.6 36.9 47.1 11.1-.6 18.3-4.6 25.4-17.4 4-7.4 41.7-107.7 44.6-112.6 2-3.4 8.9-8 14.6-5.1 5.7 3.1 6.9 9.4 6 15.1-1.1 9.7-28 70.9-28.9 77.7-3.4 22.9 26.9 26.6 38.6 4 3.7-7.1 45.7-92.6 49.4-98.3 4.3-6.3 7.4-8.3 11.7-8 3.1 0 8.3.9 7.1 10.9-1.4 9.4-35.1 72.3-38.9 87.7-4.6 20.6 6.6 41.4 24.9 50.6 11.4 5.7 62.5 15.7 58.5-11.1zm5.7 92.3c-10.3 7.4-12.9 22-5.7 32.6 7.1 10.6 21.4 13.1 32 6 10.6-7.4 13.1-22 6-32.6-7.4-10.6-21.7-13.5-32.3-6z"></path></svg>';
145	+ break;
146	+ case 'user_email' :
147	+ return '<svg aria-hidden="true" class="sab-' . $icon . '" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M502.3 190.8c3.9-3.1 9.7-.2 9.7 4.7V400c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V195.6c0-5 5.7-7.8 9.7-4.7 22.4 17.4 52.1 39.5 154.1 113.6 21.1 15.4 56.7 47.8 92.2 47.6 35.7.3 72-32.8 92.3-47.6 102-74.1 131.6-96.3 154-113.7zM256 320c23.2.4 56.6-29.2 73.4-41.4 132.7-96.3 142.8-104.7 173.4-128.7 5.8-4.5 9.2-11.5 9.2-18.9v-19c0-26.5-21.5-48-48-48H48C21.5 64 0 85.5 0 112v19c0 7.4 3.4 14.3 9.2 18.9 30.6 23.9 40.7 32.4 173.4 128.7 16.8 12.2 50.2 41.8 73.4 41.4z"></path></svg>';
148	+ break;
149	+ case 'snapchat' :
150	+ return '<svg aria-hidden="true" class="sab-' . $icon . '" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512"><path fill="currentColor" d="M248 8C111 8 0 119 0 256s111 248 248 248 248-111 248-248S385 8 248 8zm169.5 338.9c-3.5 8.1-18.1 14-44.8 18.2-1.4 1.9-2.5 9.8-4.3 15.9-1.1 3.7-3.7 5.9-8.1 5.9h-.2c-6.2 0-12.8-2.9-25.8-2.9-17.6 0-23.7 4-37.4 13.7-14.5 10.3-28.4 19.1-49.2 18.2-21 1.6-38.6-11.2-48.5-18.2-13.8-9.7-19.8-13.7-37.4-13.7-12.5 0-20.4 3.1-25.8 3.1-5.4 0-7.5-3.3-8.3-6-1.8-6.1-2.9-14.1-4.3-16-13.8-2.1-44.8-7.5-45.5-21.4-.2-3.6 2.3-6.8 5.9-7.4 46.3-7.6 67.1-55.1 68-57.1 0-.1.1-.2.2-.3 2.5-5 3-9.2 1.6-12.5-3.4-7.9-17.9-10.7-24-13.2-15.8-6.2-18-13.4-17-18.3 1.6-8.5 14.4-13.8 21.9-10.3 5.9 2.8 11.2 4.2 15.7 4.2 3.3 0 5.5-.8 6.6-1.4-1.4-23.9-4.7-58 3.8-77.1C183.1 100 230.7 96 244.7 96c.6 0 6.1-.1 6.7-.1 34.7 0 68 17.8 84.3 54.3 8.5 19.1 5.2 53.1 3.8 77.1 1.1.6 2.9 1.3 5.7 1.4 4.3-.2 9.2-1.6 14.7-4.2 4-1.9 9.6-1.6 13.6 0 6.3 2.3 10.3 6.8 10.4 11.9.1 6.5-5.7 12.1-17.2 16.6-1.4.6-3.1 1.1-4.9 1.7-6.5 2.1-16.4 5.2-19 11.5-1.4 3.3-.8 7.5 1.6 12.5.1.1.1.2.2.3.9 2 21.7 49.5 68 57.1 4 1 7.1 5.5 4.9 10.8z"></path></svg>';
151	+ break;
152	+ case '500px' :
153	+ return '<svg aria-hidden="true" class="sab-' . $icon . '" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M103.3 344.3c-6.5-14.2-6.9-18.3 7.4-23.1 25.6-8 8 9.2 43.2 49.2h.3v-93.9c1.2-50.2 44-92.2 97.7-92.2 53.9 0 97.7 43.5 97.7 96.8 0 63.4-60.8 113.2-128.5 93.3-10.5-4.2-2.1-31.7 8.5-28.6 53 0 89.4-10.1 89.4-64.4 0-61-77.1-89.6-116.9-44.6-23.5 26.4-17.6 42.1-17.6 157.6 50.7 31 118.3 22 160.4-20.1 24.8-24.8 38.5-58 38.5-93 0-35.2-13.8-68.2-38.8-93.3-24.8-24.8-57.8-38.5-93.3-38.5s-68.8 13.8-93.5 38.5c-.3.3-16 16.5-21.2 23.9l-.5.6c-3.3 4.7-6.3 9.1-20.1 6.1-6.9-1.7-14.3-5.8-14.3-11.8V20c0-5 3.9-10.5 10.5-10.5h241.3c8.3 0 8.3 11.6 8.3 15.1 0 3.9 0 15.1-8.3 15.1H130.3v132.9h.3c104.2-109.8 282.8-36 282.8 108.9 0 178.1-244.8 220.3-310.1 62.8zm63.3-260.8c-.5 4.2 4.6 24.5 14.6 20.6C306 56.6 384 144.5 390.6 144.5c4.8 0 22.8-15.3 14.3-22.8-93.2-89-234.5-57-238.3-38.2zM393 414.7C283 524.6 94 475.5 61 310.5c0-12.2-30.4-7.4-28.9 3.3 24 173.4 246 256.9 381.6 121.3 6.9-7.8-12.6-28.4-20.7-20.4zM213.6 306.6c0 4 4.3 7.3 5.5 8.5 3 3 6.1 4.4 8.5 4.4 3.8 0 2.6.2 22.3-19.5 19.6 19.3 19.1 19.5 22.3 19.5 5.4 0 18.5-10.4 10.7-18.2L265.6 284l18.2-18.2c6.3-6.8-10.1-21.8-16.2-15.7L249.7 268c-18.6-18.8-18.4-19.5-21.5-19.5-5 0-18 11.7-12.4 17.3L234 284c-18.1 17.9-20.4 19.2-20.4 22.6z"></path></svg>';
154	+ break;
155	+ case 'mastodont' :
156	+ return '<svg aria-hidden="true" class="sab-' . $icon . '" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 417 512"><path fill="currentColor" d="M417.8 179.1c0-97.2-63.7-125.7-63.7-125.7-62.5-28.7-228.5-28.4-290.4 0 0 0-63.7 28.5-63.7 125.7 0 115.7-6.6 259.4 105.6 289.1 40.5 10.7 75.3 13 103.3 11.4 50.8-2.8 79.3-18.1 79.3-18.1l-1.7-36.9s-36.3 11.4-77.1 10.1c-40.4-1.4-83-4.4-89.6-54-.6-4.4-.9-9-.9-13.9 85.6 20.9 158.6 9.1 178.7 6.7 56.1-6.7 105-41.3 111.2-72.9 9.8-49.8 9-121.5 9-121.5zm-75.1 125.2h-46.6V190.1c0-49.7-64-51.6-64 6.9v62.5h-46.3V197c0-58.5-64-56.6-64-6.9v114.2H75.1c0-122.1-5.2-147.9 18.4-175 25.9-28.9 79.8-30.8 103.8 6.1l11.6 19.5 11.6-19.5c24.1-37.1 78.1-34.8 103.8-6.1 23.7 27.3 18.4 53 18.4 175z"></path></svg>';
157	+ default :
158	+ return '';
159	+ break;
160	+ }
161	+ }
162	+
163	+ public static function circle_long_shadow_icon( $icon ) {
164	+
165	+ switch ( $icon ) {
166	+ case 'addthis':
167	+ return '<svg version="1.1" class="sab-' . $icon . '" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 500 500.7" xml:space="preserve"><path class="st0" fill="#ff6550" d="M500.2,250.5c0,24.1-3.4,47.4-9.8,69.4C466.9,401.5,403,466,321.6,490.3c-22.7,6.8-46.7,10.4-71.6,10.4 c-138.2,0-250.2-112-250.2-250.2C-0.2,112.3,111.8,0.3,250,0.3S500.2,112.3,500.2,250.5z"/><path class="st1" d="M490.5,319.9C466.9,401.5,403,466,321.6,490.3L106.3,276.1l3.9-33.1l136.7-4l0.3-80l28.5-53L490.5,319.9z"/><path class="st2" d="M379,218.1h-96.5v-96.5c0-11.8-9.6-21.5-21.5-21.5h-21.5c-11.8,0-21.5,9.6-21.5,21.5v96.5h-96.5 c-11.8,0-21.5,9.6-21.5,21.5V261c0,11.8,9.6,21.5,21.5,21.5H218V379c0,11.8,9.6,21.5,21.5,21.5H261c11.8,0,21.5-9.6,21.5-21.5v-96.5H379c11.8,0,21.5-9.6,21.5-21.5v-21.5C400.4,227.7,390.8,218.1,379,218.1z"/></svg>';
168	+ break;
169	+ case 'behance' :
170	+ return '<svg version="1.1" class="sab-' . $icon . '" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 500 500.7" xml:space="preserve"><path class="st0" fill="#1769ff" d="M500.2,250.5c0,10.5-0.7,20.9-1.9,31c-1.6,13.2-4.3,26-7.9,38.4C466.9,401.5,403,466,321.6,490.3c-17.3,5.2-35.3,8.5-53.9,9.8c-5.8,0.4-11.7,0.6-17.7,0.6c-138.2,0-250.2-112-250.2-250.2S111.8,0.3,250,0.3S500.2,112.3,500.2,250.5z"/><path class="st1" d="M498.3,281.5c-1.6,13.2-4.3,26-7.9,38.4C466.9,401.5,403,466,321.6,490.3c-17.3,5.2-35.3,8.5-53.9,9.8L106,338.2l28.8-166.7l103.7-7.3l55.4,54.9l19.9,4.3l33.4,4.3l-44.2-47l75.2-18.3L498.3,281.5z"/><path class="st2" d="M227.5,237.3c16.6-8,25.3-20,25.3-38.7c0-37-27.5-46-59.3-46H106v185.6h89.9c33.7,0,65.4-16.2,65.4-53.9C261.3,261,250.3,243.8,227.5,237.3L227.5,237.3z M146.8,184.3h38.3c14.7,0,28,4.1,28,21.2c0,15.8-10.3,22.1-24.9,22.1h-41.4C146.8,227.6,146.8,184.3,146.8,184.3zM190.4,306.6h-43.6v-51.1h44.5c18,0,29.3,7.5,29.3,26.5C220.5,300.8,207,306.6,190.4,306.6L190.4,306.6zM378.1,180.6h-75.2v-18.3h75.2V180.6L378.1,180.6zM407.6,272.9c0-39.7-23.2-72.9-65.4-72.9c-40.9,0-68.7,30.8-68.7,71.1c0,41.8,26.3,70.5,68.7,70.5c32.1,0,52.9-14.5,62.9-45.2h-32.6c-3.5,11.5-18,17.5-29.2,17.5c-21.6,0-33-12.7-33-34.2h96.9C407.4,277.6,407.6,275.3,407.6,272.9zM310.4,256.6c1.2-17.6,12.9-28.7,30.6-28.7 c18.5,0,27.9,10.9,29.4,28.7H310.4z"/></svg>';
171	+ break;
172	+ case 'delicious' :
173	+ return '<svg version="1.1" class="sab-' . $icon . '" viewBox="0 0 500 500.7" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"><path class="st0" d="m499.4 250.9c0 9.9-0.6 19.7-1.7 29.2-0.1 0.6-0.1 1.1-0.2 1.7-1.6 13.2-4.3 25.9-7.9 38.3-23.4 81.3-87.1 145.6-168.2 169.8-17.2 5.2-35.2 8.5-53.7 9.8-0.8 0.1-1.6 0.1-2.4 0.1-5 0.3-10.1 0.4-15.2 0.4-137.8 0-249.4-111.6-249.4-249.3s111.6-249.4 249.4-249.4 249.3 111.7 249.3 249.4z" fill="#3399ff"/><path class="st1" d="m497.7 280.1c-0.1 0.6-0.1 1.1-0.2 1.7-1.6 13.2-4.3 25.9-7.9 38.3-23.4 81.3-87.1 145.6-168.2 169.8-17.2 5.2-35.2 8.5-53.7 9.8-0.8 0.1-1.6 0.1-2.4 0.1l-122.4-122.5 1.6-213.4 11.9-9.3 209.4-5.3 131.9 130.8z"/><path class="st2" d="m372.7 158.6c-0.2-0.8-0.5-1.6-0.8-2.4-0.5-1.3-1.1-2.6-1.8-3.8-0.8-1.3-1.6-2.6-2.5-3.7-1.1-1.3-2.4-2.6-3.7-3.7-0.6-0.5-1.2-0.9-1.8-1.3-0.7-0.5-1.4-0.9-2.2-1.3-1-0.5-1.9-1-3-1.3-0.9-0.4-1.9-0.7-2.9-0.9-2-0.5-4.2-0.8-6.5-0.8h-189.1c-14.3-0.1-25.8 11.5-25.8 25.8v189.3c0 2.2 0.3 4.4 0.8 6.5 1.1 4.1 3.1 7.9 5.9 10.9 0.5 0.6 1.1 1.2 1.8 1.8 3.1 2.8 6.8 4.8 10.9 5.9 2 0.5 4.2 0.8 6.5 0.8h189.3c14.3 0 25.8-11.6 25.8-25.8v-189.6c-0.1-2.2-0.4-4.4-0.9-6.4zm-16.4 195.7c0 4.7-3.9 8.6-8.6 8.6h-94.7v-103.2h-103.3v-94.7c0-4.7 3.9-8.6 8.6-8.6h94.7v103.3h103.3v94.6z"/></svg>';
174	+ break;
175	+ case 'deviantart' :
176	+ return '<svg version="1.1" class="sab-' . $icon . '" viewBox="0 0 500 500.7" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"><path class="st0" d="m499.4 250.9c0 9.9-0.6 19.7-1.7 29.2-0.1 0.6-0.1 1.1-0.2 1.7-0.8 6.3-1.8 12.4-3 18.5-1.4 6.7-3 13.3-4.9 19.8-23.4 81.3-87.1 145.6-168.2 169.8-12 3.6-24.3 6.3-37 8.1-5.5 0.8-11.1 1.3-16.7 1.7-0.8 0.1-1.6 0.1-2.4 0.1-5 0.3-10.1 0.4-15.2 0.4-137.8 0-249.4-111.6-249.4-249.3s111.6-249.4 249.4-249.4 249.3 111.7 249.3 249.4z" fill="#05cc47"/><path class="st1" d="m494.5 300.3c-1.4 6.7-3 13.3-4.9 19.8-23.4 81.3-87.1 145.6-168.2 169.8-12 3.6-24.3 6.3-37 8.1l-119.1-119.4 42.4-98-42.4-40.1 156.8-112.7 172.4 172.5z"/><path class="st2" d="m322.2 173.4l-48.2 87.8 3.6 4.7h44.5v62.6h-78.9l-6.6 4.5-21.4 41.2c-0.1 0-4.2 4.2-4.5 4.5h-45.4v-45.7l45.7-88-3.6-4.5h-42.1v-62.5h76.5l6.6-4.5 21.4-41.2c0.1 0 4.2-4.2 4.5-4.5h47.8c0.1 0 0.1 45.6 0.1 45.6z"/></svg>';
177	+ break;
178	+ case 'digg' :
179	+ return '<svg version="1.1" class="sab-' . $icon . '" viewBox="0 0 500 500.7" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"><path class="st0" d="m499.4 250.9c0 9.9-0.6 19.7-1.7 29.2-0.1 0.6-0.1 1.1-0.2 1.7-0.8 6.3-1.8 12.4-3 18.5-1.1 5.1-2.3 10.2-3.6 15.3-0.4 1.5-0.8 3-1.3 4.5-23.4 81.3-87.1 145.6-168.2 169.8-7 2.1-14.1 3.9-21.3 5.4-5.2 1.1-10.4 2-15.7 2.7-5.5 0.8-11.1 1.3-16.7 1.7-0.8 0.1-1.6 0.1-2.4 0.1-5 0.3-10.1 0.4-15.2 0.4-137.8 0-249.4-111.6-249.4-249.3s111.6-249.4 249.4-249.4 249.3 111.7 249.3 249.4z" fill="#005be2"/><path class="st1" d="m490.9 315.6c-0.4 1.5-0.8 3-1.3 4.5-23.4 81.3-87.1 145.6-168.2 169.8-7 2.1-14.1 3.9-21.3 5.4l-192.7-193.4 8.7-80.3 39.3-6 23.6-48.9 11.1 10.3 27.7-10.3 38.7 41.2h44.3l11.1 12.4 71.8-12.4 107.2 107.7z"/><path class="st2" d="m151.5 207.8h-44.1v94.1h71.6v-135.3h-27.5v41.2zm0 72h-16.6v-49.8h16.6v49.8zm160.4-72v94.1h44.1v15.4h-44.1v22h71.8v-131.5h-71.8zm44.1 72h-16.6v-49.8h16.6v49.8zm-127.1 22.1h44.3v15.4h-44.3v22h71.9v-131.5h-71.9v94.1zm27.6-71.9h16.6v49.8h-16.6v-49.8zm-66.4-63.4h27.7v27.5h-27.7v-27.5zm0 41.2h27.7v94.1h-27.7v-94.1z"/></svg>';
180	+ break;
181	+ case 'dribbble' :
182	+ return '<svg version="1.1" class="sab-' . $icon . '" viewBox="0 0 500 500.7" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"><path class="st0" d="m499.4 250.9c0 9.9-0.6 19.7-1.7 29.2-0.1 0.6-0.1 1.1-0.2 1.7-0.8 5.9-1.7 11.7-2.8 17.5-0.1 0.3-0.1 0.7-0.2 1-1.1 5.1-2.3 10.2-3.6 15.3-0.4 1.5-0.8 3-1.3 4.5-23.4 81.3-87.1 145.6-168.2 169.8-7 2.1-14.1 3.9-21.3 5.4-2.1 0.4-4.1 0.8-6.2 1.2-3.1 0.6-6.3 1.1-9.5 1.5-5.5 0.8-11.1 1.3-16.7 1.7-0.8 0.1-1.6 0.1-2.4 0.1-5 0.3-10.1 0.4-15.2 0.4-137.8 0-249.4-111.6-249.4-249.3s111.6-249.4 249.4-249.4 249.3 111.7 249.3 249.4z" fill="#ea4c89"/><path class="st1" d="m494.7 299.3c-0.1 0.3-0.1 0.7-0.2 1-1.1 5.1-2.3 10.2-3.6 15.3-0.4 1.5-0.8 3-1.3 4.5-23.4 81.3-87.1 145.6-168.2 169.8-7 2.1-14.1 3.9-21.3 5.4-2.1 0.4-4.1 0.8-6.2 1.2l-158.4-159.4-13.4-36.8-2.7-53.3 9.2-46 29.5-45.3 48.7-28 56.1-5.3 82.3 26.3 149.5 150.6z"/><path class="st2" d="m249.6 111.5c-78.1 0-141.7 63.6-141.7 141.7s63.6 141.7 141.7 141.7 141.7-63.6 141.7-141.7-63.6-141.7-141.7-141.7zm93.7 65.3c16.9 20.6 27.1 46.8 27.3 75.4-4-0.8-44-9-84.3-3.9-3.3-8-6.4-15.1-10.6-23.8 44.8-18.2 65-44.2 67.6-47.7zm-13.5-13.9c-2.2 3.1-20.4 27.6-63.4 43.7-19.8-36.4-41.8-66.4-45.2-70.8 38.4-9.3 78.9 0.6 108.6 27.1zm-131.6-19c3.2 4.4 24.8 34.3 44.9 70-56.6 15-106.5 14.8-111.9 14.7 7.8-37.6 33.1-68.8 67-84.7zm-69.6 109.5c0-1.2 0-2.5 0.1-3.7 5.3 0.1 63.9 0.9 124.4-17.2 3.5 6.8 6.8 13.7 9.8 20.5-43.8 12.3-83.5 47.7-103.1 81.3-19.4-21.5-31.2-49.8-31.2-80.9zm46.7 95.5c12.6-25.8 47-59.2 95.7-75.8 17 44.2 24 81.2 25.8 91.8-38.8 16.5-85.6 11.9-121.5-16zm141.9 4.8c-1.2-7.4-7.7-42.8-23.5-86.3 37.9-6.1 71.2 3.9 75.4 5.2-5.4 33.7-24.7 62.7-51.9 81.1z"/></svg>';
183	+ break;
184	+ case 'facebook' :
185	+ return '<svg version="1.1" class="sab-' . $icon . '" viewBox="0 0 500 500.7" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"><path class="st0" d="m499.4 250.9c0 9.9-0.6 19.7-1.7 29.2-0.1 0.6-0.1 1.1-0.2 1.7-0.8 6.3-1.8 12.4-3 18.5-0.2 1.1-0.5 2.2-0.7 3.3-1.2 5.6-2.6 11-4.2 16.5-23.4 81.3-87.1 145.6-168.2 169.8-4.5 1.3-9.1 2.6-13.7 3.7-7.6 1.8-15.4 3.3-23.3 4.4-5.5 0.8-11.1 1.3-16.7 1.7-0.8 0.1-1.6 0.1-2.4 0.1-5 0.3-10.1 0.4-15.2 0.4-137.8 0-249.4-111.6-249.4-249.3s111.6-249.4 249.4-249.4 249.3 111.7 249.3 249.4z" fill="#3b5998"/><path class="st1" d="m493.8 303.6c-1.2 5.6-2.6 11-4.2 16.5-23.4 81.3-87.1 145.6-168.2 169.8-4.5 1.3-9.1 2.6-13.7 3.7l-100.9-101 1.8-3.5 2.1-76.7-45.3-43.7 41.3-31 30-95.3 71.4-24.7 185.7 185.9z"/><path class="st2" d="M206.8,392.6V268.8h-41.5v-49.2h41.5v-38.8c0-42.1,25.7-65,63.3-65c18,0,33.5,1.4,38,1.9v44H282 c-20.4,0-24.4,9.7-24.4,24v33.9h46.1l-6.3,49.2h-39.8v123.8"/></svg>';
186	+ break;
187	+ case 'flickr' :
188	+ return '<svg version="1.1" class="sab-' . $icon . '" viewBox="0 0 500 500.7" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"><path class="st0" d="m499.8 250.7c0 9.9-0.6 19.7-1.7 29.2-0.1 0.6-0.1 1.1-0.2 1.7-0.3 2.6-0.7 5.2-1.1 7.7-0.6 3.6-1.2 7.2-1.9 10.8-0.2 1.1-0.5 2.2-0.7 3.3-1.2 5.6-2.6 11-4.2 16.5-23.4 81.3-87.1 145.6-168.2 169.8-4.5 1.3-9.1 2.6-13.7 3.7-6.7 1.6-13.5 2.9-20.5 4-0.9 0.1-1.9 0.3-2.8 0.4-5.5 0.8-11.1 1.3-16.7 1.7-0.8 0.1-1.6 0.1-2.4 0.1-5 0.3-10.1 0.4-15.2 0.4-137.7 0-249.3-111.6-249.3-249.3s111.6-249.4 249.3-249.4 249.3 111.7 249.3 249.4z" fill="#0063dc"/><path class="st1" d="m496.8 289.3c-0.6 3.6-1.2 7.2-1.9 10.8-0.2 1.1-0.5 2.2-0.7 3.3-1.2 5.6-2.6 11-4.2 16.5-23.4 81.3-87.1 145.6-168.2 169.8-4.5 1.3-9.1 2.6-13.7 3.7-6.7 1.6-13.5 2.9-20.5 4l-142.6-143.6 35.3-165.1 169.7-46.6 146.8 147.2z"/><path class="st2" d="m337.9 139.4h-174.8c-13.2 0-23.8 10.7-23.8 23.8v174.8c0 13.2 10.7 23.8 23.8 23.8h174.8c13.2 0 23.8-10.7 23.8-23.8v-174.7c0-13.2-10.6-23.9-23.8-23.9zm-126.9 142.6c-17.4 0-31.5-14.1-31.5-31.5s14.1-31.5 31.5-31.5 31.5 14.1 31.5 31.5-14.1 31.5-31.5 31.5zm79 0c-17.4 0-31.5-14.1-31.5-31.5s14.1-31.5 31.5-31.5 31.5 14.1 31.5 31.5-14.1 31.5-31.5 31.5z"/></svg>';
189	+ break;
190	+ case 'github' :
191	+ return '<svg version="1.1" class="sab-' . $icon . '" viewBox="0 0 500 500.7" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"><path class="st0" d="m499.8 250.7c0 9.9-0.6 19.7-1.7 29.2-0.1 0.6-0.1 1.1-0.2 1.7-0.3 2.6-0.7 5.2-1.1 7.7-0.4 2.3-0.8 4.7-1.2 7-0.2 1.3-0.5 2.5-0.7 3.8-0.2 1.1-0.5 2.2-0.7 3.3-1.2 5.6-2.6 11-4.2 16.5-23.4 81.3-87.1 145.6-168.2 169.8-4.5 1.3-9.1 2.6-13.7 3.7-6.5 1.6-13.2 2.8-20 3.9-0.2 0-0.3 0.1-0.5 0.1-0.9 0.1-1.9 0.3-2.8 0.4-5.5 0.8-11.1 1.3-16.7 1.7-0.8 0.1-1.6 0.1-2.4 0.1-5 0.3-10.1 0.4-15.2 0.4-137.7 0-249.3-111.6-249.3-249.3s111.6-249.4 249.3-249.4 249.3 111.7 249.3 249.4z" fill="#4078c0"/><path class="st1" d="m495.6 296.3c-0.2 1.3-0.5 2.5-0.7 3.8-0.2 1.1-0.5 2.2-0.7 3.3-1.2 5.6-2.6 11-4.2 16.5-23.4 81.3-87.1 145.6-168.2 169.8-4.5 1.3-9.1 2.6-13.7 3.7-6.5 1.6-13.2 2.8-20 3.9l-140.4-141.1-14.9-35.9-7.8-71 32.6-89.2 79.9-17.7 111.5 7.2 146.6 146.7z"/><path class="st2" d="m204 339c0 1.2-1.3 2.1-3 2.1-1.9 0.2-3.3-0.8-3.3-2.1 0-1.2 1.3-2.1 3-2.1 1.8-0.1 3.3 0.8 3.3 2.1zm-18.1-2.6c-0.4 1.2 0.8 2.5 2.5 2.8 1.5 0.6 3.3 0 3.6-1.2s-0.8-2.5-2.5-3c-1.5-0.3-3.2 0.3-3.6 1.4zm25.7-1c-1.7 0.4-2.8 1.5-2.7 2.8 0.2 1.2 1.7 1.9 3.4 1.5s2.8-1.5 2.7-2.7c-0.2-1-1.7-1.7-3.4-1.6zm38.2-222.8c-80.6 0-142.3 61.2-142.3 141.9 0 64.5 40.6 119.7 98.5 139.1 7.4 1.3 10.1-3.3 10.1-7 0-3.6-0.2-23.5-0.2-35.7 0 0-40.7 8.7-49.2-17.3 0 0-6.6-16.9-16.2-21.3 0 0-13.3-9.1 0.9-9 0 0 14.5 1.2 22.4 15 12.7 22.4 34.1 16 42.4 12.2 1.3-9.3 5.1-15.8 9.3-19.6-32.5-3.6-65.3-8.3-65.3-64.2 0-16 4.4-24 13.7-34.2-1.5-3.8-6.5-19.4 1.5-39.5 12.2-3.8 40.1 15.7 40.1 15.7 11.6-3.3 24.1-4.9 36.5-4.9s24.9 1.7 36.5 4.9c0 0 28-19.5 40.1-15.7 8 20.2 3 35.7 1.5 39.5 9.3 10.3 15 18.3 15 34.2 0 56.1-34.2 60.6-66.7 64.2 5.3 4.6 9.9 13.3 9.9 27 0 19.6-0.2 43.8-0.2 48.6 0 3.8 2.7 8.4 10.1 7 58.1-19.3 97.6-74.5 97.6-139 0.1-80.6-65.3-141.9-146-141.9zm-85.8 200.6c-0.8 0.6-0.6 1.9 0.4 3 0.9 0.9 2.3 1.3 3 0.6 0.8-0.6 0.6-1.9-0.4-3-0.9-1-2.2-1.4-3-0.6zm-6.3-4.7c-0.4 0.8 0.2 1.7 1.3 2.3 0.9 0.6 2.1 0.4 2.5-0.4s-0.2-1.7-1.3-2.3c-1.1-0.4-2-0.2-2.5 0.4zm18.9 20.7c-0.9 0.8-0.6 2.5 0.8 3.6 1.3 1.3 3 1.5 3.8 0.6 0.8-0.8 0.4-2.5-0.8-3.6-1.3-1.4-3.1-1.6-3.8-0.6zm-6.6-8.6c-0.9 0.6-0.9 2.1 0 3.4s2.5 1.9 3.3 1.3c0.9-0.8 0.9-2.3 0-3.6s-2.4-1.8-3.3-1.1z"/></svg>';
192	+ break;
193	+ case 'google' :
194	+ return '<svg version="1.1" class="sab-' . $icon . '" viewBox="0 0 500 500.7" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"><path class="st0" d="m499.8 250.7c0 9.9-0.6 19.7-1.7 29.2-0.1 0.6-0.1 1.1-0.2 1.7-0.3 2.6-0.7 5.2-1.1 7.7-0.4 2.3-0.8 4.7-1.2 7-0.2 1.3-0.5 2.5-0.7 3.8-0.2 0.8-0.4 1.6-0.5 2.5-0.1 0.3-0.1 0.5-0.2 0.8-1.2 5.6-2.6 11-4.2 16.5-23.4 81.3-87.1 145.6-168.2 169.8-4.5 1.3-9.1 2.6-13.7 3.7-3.6 0.9-7.2 1.6-10.9 2.3-3 0.6-6.1 1.1-9.1 1.6-0.2 0-0.3 0.1-0.5 0.1-0.9 0.1-1.9 0.3-2.8 0.4-5.5 0.8-11.1 1.3-16.7 1.7-0.8 0.1-1.6 0.1-2.4 0.1-5 0.3-10.1 0.4-15.2 0.4-137.7 0-249.3-111.6-249.3-249.3s111.6-249.4 249.3-249.4 249.3 111.7 249.3 249.4z" fill="#4285f4"/><path class="st1" d="m494.4 302.6c-0.1 0.3-0.1 0.5-0.2 0.8-1.2 5.6-2.6 11-4.2 16.5-23.4 81.3-87.1 145.6-168.2 169.8-4.5 1.3-9.1 2.6-13.7 3.7-3.6 0.9-7.2 1.6-10.9 2.3l-156-156.4-6-31v-83l36-49 85-35 87.8 11.2 150.4 150.1z"/><path class="st2" d="m385 257.6c0 78.7-53.9 134.7-133.5 134.7-76.3 0-138-61.6-138-138s61.6-138 138-138c37.2 0 68.4 13.6 92.5 36.1l-37.6 36.1c-49.1-47.3-140.4-11.7-140.4 65.8 0 48.1 38.4 87.1 85.5 87.1 54.6 0 75.1-39.2 78.3-59.5h-78.3v-47.5h131.4c1.2 7.2 2.1 14 2.1 23.2z"/></svg>';
195	+ break;
196	+ case 'googleplus' :
197	+ return '<svg version="1.1" class="sab-' . $icon . '" viewBox="0 0 500 500.7" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"><path class="st0" d="m499.8 250.7c0 9.9-0.6 19.7-1.7 29.2-0.1 0.6-0.1 1.1-0.2 1.7-0.3 2.6-0.7 5.2-1.1 7.7-0.4 2.3-0.8 4.7-1.2 7-0.2 1.3-0.5 2.5-0.7 3.8-0.2 0.8-0.4 1.6-0.5 2.5-0.1 0.3-0.1 0.5-0.2 0.8-0.7 3.3-1.5 6.5-2.3 9.7-0.6 2.3-1.2 4.5-1.9 6.8-23.4 81.3-87.1 145.6-168.2 169.8-3 0.9-6.1 1.8-9.2 2.6-1.5 0.4-3 0.8-4.5 1.1-3.6 0.9-7.2 1.6-10.9 2.3-3 0.6-6.1 1.1-9.1 1.6-0.2 0-0.3 0.1-0.5 0.1-0.9 0.1-1.9 0.3-2.8 0.4-5.5 0.8-11.1 1.3-16.7 1.7-0.8 0.1-1.6 0.1-2.4 0.1-5 0.3-10.1 0.4-15.2 0.4-137.7 0-249.3-111.6-249.3-249.3s111.6-249.4 249.3-249.4 249.3 111.7 249.3 249.4z" fill="#dd4b39"/><path class="st1" d="m491.9 313.1c-0.6 2.3-1.2 4.5-1.9 6.8-23.4 81.3-87.1 145.6-168.2 169.8-3 0.9-6.1 1.8-9.2 2.6l-170.4-171.8s-10.2-54.7-6.2-57.7 0-44 0-44l19-26s31-15 38-15 28 4.2 28 4.2h53l63 60.2 39.1 13.7 16.6-41.5 99.2 98.7z"/><path class="st2" d="m300.3 238.9c0.9 4.8 1.6 9.7 1.6 15.9 0 54.7-36.7 93.6-92 93.6-52.9 0-95.8-42.9-95.8-95.8s42.9-95.8 95.8-95.8c25.9 0 47.4 9.4 64.2 25.1l-26 25c-7.1-6.8-19.5-14.8-38.2-14.8-32.7 0-59.3 27-59.3 60.5s26.7 60.5 59.3 60.5c37.9 0 52.1-27.3 54.4-41.3h-54.4v-32.9h90.4zm92.4 3.2v-27.8h-27.9v27.8h-27.8v27.9h27.8v27.8h27.9v-27.8h27.8v-27.9h-27.8z"/></svg>';
198	+ break;
199	+ case 'html5' :
200	+ return '<svg version="1.1" class="sab-' . $icon . '" viewBox="0 0 500 500.7" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"><path class="st0" d="m499.8 250.7c0 7.6-0.4 15.2-1 22.6-0.2 2.2-0.4 4.4-0.7 6.6-0.1 0.6-0.1 1.1-0.2 1.7-0.3 2.6-0.7 5.2-1.1 7.7-0.4 2.3-0.8 4.7-1.2 7-0.2 1.3-0.5 2.5-0.7 3.8-0.2 0.8-0.4 1.6-0.5 2.5-0.1 0.3-0.1 0.5-0.2 0.8-0.7 3.3-1.5 6.5-2.3 9.7-0.6 2.3-1.2 4.5-1.9 6.8-23.4 81.3-87.1 145.6-168.2 169.8-3 0.9-6.1 1.8-9.2 2.6-1.5 0.4-3 0.8-4.5 1.1-3.6 0.9-7.2 1.6-10.9 2.3-1.2 0.2-2.5 0.5-3.7 0.7-1.8 0.3-3.6 0.6-5.4 0.9-0.2 0-0.3 0.1-0.5 0.1-0.9 0.1-1.9 0.3-2.8 0.4-5.5 0.8-11.1 1.3-16.7 1.7-0.8 0.1-1.6 0.1-2.4 0.1-5 0.3-10.1 0.4-15.2 0.4-137.7 0-249.3-111.6-249.3-249.3s111.6-249.4 249.3-249.4 249.3 111.7 249.3 249.4z" fill="#e34f26"/><path class="st1" d="m498.8 273.3c-0.2 2.2-0.4 4.4-0.7 6.6-0.1 0.6-0.1 1.1-0.2 1.7-0.3 2.6-0.7 5.2-1.1 7.7-0.4 2.3-0.8 4.7-1.2 7-0.2 1.3-0.5 2.5-0.7 3.8-0.2 0.8-0.4 1.6-0.5 2.5-0.1 0.3-0.1 0.5-0.2 0.8-0.7 3.3-1.5 6.5-2.3 9.7-0.6 2.3-1.2 4.5-1.9 6.8-23.4 81.3-87.1 145.6-168.2 169.8-3 0.9-6.1 1.8-9.2 2.6-1.5 0.4-3 0.8-4.5 1.1-3.6 0.9-7.2 1.6-10.9 2.3-1.2 0.2-2.5 0.5-3.7 0.7l-134.8-135v-197.4l201-30.4 139.1 139.7z"/><path class="st2" d="m138.6 133.6l20.1 227.9 90.2 30.1 90.7-30.1 20.1-227.9h-221.1zm177.4 73.6h-105.8l2.4 28.4h101.1l-7.8 85.4-56.4 15.5v0.2h-0.6l-56.9-15.6-3.5-43.6h27.5l2 21.9 30.8 8.3 30.9-8.3 3.5-35.8h-96.1l-7.4-83.8h138.8l-2.5 27.4z"/></svg>';
201	+ break;
202	+ case 'instagram' :
203	+ return '<svg version="1.1" class="sab-' . $icon . '" viewBox="0 0 500 500.7" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"><path class="st0" d="m499.8 250.7c0 7.6-0.4 15.2-1 22.6-0.2 2.2-0.4 4.4-0.7 6.6-0.1 0.6-0.1 1.1-0.2 1.7-0.3 2.6-0.7 5.2-1.1 7.7-0.4 2.3-0.8 4.7-1.2 7 0 0.3-0.1 0.6-0.2 0.9-0.2 1-0.4 1.9-0.5 2.9-0.2 0.8-0.4 1.6-0.5 2.5-0.1 0.3-0.1 0.5-0.2 0.8-0.7 3.3-1.5 6.5-2.3 9.7-0.6 2.3-1.2 4.5-1.9 6.8-23.4 81.3-87.1 145.6-168.2 169.8-3 0.9-6.1 1.8-9.2 2.6-1.5 0.4-3 0.8-4.5 1.1-3.6 0.9-7.2 1.6-10.9 2.3-0.2 0-0.5 0.1-0.7 0.1l-3 0.6c-1.8 0.3-3.6 0.6-5.4 0.9-0.2 0-0.3 0.1-0.5 0.1-0.9 0.1-1.9 0.3-2.8 0.4-5.5 0.8-11.1 1.3-16.7 1.7-0.8 0.1-1.6 0.1-2.4 0.1-5 0.3-10.1 0.4-15.2 0.4-137.7 0-249.3-111.6-249.3-249.3s111.6-249.4 249.3-249.4 249.3 111.7 249.3 249.4z" fill="#405de6"/><path class="st1" d="m495.4 297.2c-0.2 1-0.4 1.9-0.5 2.9-0.2 0.8-0.4 1.6-0.5 2.5-0.1 0.3-0.1 0.5-0.2 0.8-0.7 3.3-1.5 6.5-2.3 9.7-0.6 2.3-1.2 4.5-1.9 6.8-23.4 81.3-87.1 145.6-168.2 169.8-3 0.9-6.1 1.8-9.2 2.6-1.5 0.4-3 0.8-4.5 1.1-3.6 0.9-7.2 1.6-10.9 2.3-0.2 0-0.5 0.1-0.7 0.1l-151.5-152.7v-147l9.2-27 14.8-14 33-8 70-5 80.5 11.7 142.9 143.4z"/><path class="st2" d="m252.7 192.1c-34.1 0-61.6 27.5-61.6 61.6s27.5 61.6 61.6 61.6 61.6-27.5 61.6-61.6-27.5-61.6-61.6-61.6zm0 101.6c-22 0-40-17.9-40-40s17.9-40 40-40 40 17.9 40 40-17.9 40-40 40zm78.5-104.1c0 8-6.4 14.4-14.4 14.4s-14.4-6.4-14.4-14.4 6.4-14.4 14.4-14.4c7.9 0 14.4 6.4 14.4 14.4zm40.7 14.6c-0.9-19.2-5.3-36.3-19.4-50.3-14-14-31.1-18.4-50.3-19.4-19.8-1.1-79.2-1.1-99.1 0-19.2 0.9-36.2 5.3-50.3 19.3s-18.4 31.1-19.4 50.3c-1.1 19.8-1.1 79.2 0 99.1 0.9 19.2 5.3 36.3 19.4 50.3s31.1 18.4 50.3 19.4c19.8 1.1 79.2 1.1 99.1 0 19.2-0.9 36.3-5.3 50.3-19.4 14-14 18.4-31.1 19.4-50.3 1.2-19.9 1.2-79.2 0-99zm-25.6 120.2c-4.2 10.5-12.3 18.6-22.8 22.8-15.8 6.3-53.3 4.8-70.8 4.8s-55 1.4-70.8-4.8c-10.5-4.2-18.6-12.3-22.8-22.8-6.3-15.8-4.8-53.3-4.8-70.8s-1.4-55 4.8-70.8c4.2-10.5 12.3-18.6 22.8-22.8 15.8-6.3 53.3-4.8 70.8-4.8s55-1.4 70.8 4.8c10.5 4.2 18.6 12.3 22.8 22.8 6.3 15.8 4.8 53.3 4.8 70.8s1.5 55.1-4.8 70.8z"/></svg>';
204	+ break;
205	+ case 'linkedin' :
206	+ return '<svg version="1.1" class="sab-' . $icon . '" viewBox="0 0 500 500.7" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"><path class="st0" d="m499.8 250.7c0 7.6-0.4 15.2-1 22.6-0.2 2.2-0.4 4.4-0.7 6.6-0.1 0.6-0.1 1.1-0.2 1.7-0.3 2.6-0.7 5.2-1.1 7.7-0.4 2.3-0.8 4.7-1.2 7 0 0.3-0.1 0.6-0.2 0.9-0.2 1-0.4 1.9-0.5 2.9-0.2 0.8-0.4 1.6-0.5 2.5-0.1 0.3-0.1 0.5-0.2 0.8-0.7 3.3-1.5 6.5-2.3 9.7-0.6 2.3-1.2 4.5-1.9 6.8-1.5 5.3-3.2 10.5-5 15.6-26.7 73.9-87.3 131.6-163.2 154.2-3 0.9-6.1 1.8-9.2 2.6-1.5 0.4-3 0.8-4.5 1.1-3.6 0.9-7.2 1.6-10.9 2.3h-0.2c-0.2 0-0.3 0.1-0.5 0.1l-3 0.6c-1.8 0.3-3.6 0.6-5.4 0.9-0.2 0-0.3 0.1-0.5 0.1-0.9 0.1-1.9 0.3-2.8 0.4-5.5 0.8-11.1 1.3-16.7 1.7-0.8 0.1-1.6 0.1-2.4 0.1-5 0.3-10.1 0.4-15.2 0.4-137.7 0-249.3-111.6-249.3-249.3s111.6-249.4 249.3-249.4 249.3 111.7 249.3 249.4z" fill="#0077b5"/><path class="st1" d="m485 335.5c-26.7 73.9-87.3 131.6-163.2 154.2-3 0.9-6.1 1.8-9.2 2.6-1.5 0.4-3 0.8-4.5 1.1-3.6 0.9-7.2 1.6-10.9 2.3h-0.2l-148.3-148.1 35.3-142.9-32-37.6 38.1-38.7 68 68.4h11.9l9.5 9.3 70.5-3.9 135 133.3z"/><path class="st2" d="m195.6 347.6h-46.9v-150.8h46.9v150.8zm-23.5-171.4c-15 0-27.1-12.4-27.1-27.4s12.2-27.1 27.1-27.1c15 0 27.1 12.2 27.1 27.1s-12.1 27.4-27.1 27.4zm198.9 171.4h-46.8v-73.4c0-17.5-0.4-39.9-24.4-39.9-24.4 0-28.1 19-28.1 38.7v74.7h-46.8v-150.9h44.9v20.6h0.7c6.3-11.9 21.5-24.4 44.3-24.4 47.4 0 56.1 31.2 56.1 71.8l0.1 82.8z"/></svg>';
207	+ break;
208	+ case 'pinterest' :
209	+ return '<svg version="1.1" class="sab-' . $icon . '" viewBox="0 0 500 500.7" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"><path class="st0" d="m499.8 250.7c0 7.6-0.4 15.2-1 22.6-0.2 2.2-0.4 4.4-0.7 6.6-0.1 0.6-0.1 1.1-0.2 1.7-0.3 2.6-0.7 5.2-1.1 7.7-0.4 2.3-0.8 4.7-1.2 7 0 0.3-0.1 0.6-0.2 0.9-0.1 0.4-0.2 0.8-0.2 1.2-0.1 0.6-0.2 1.1-0.2 1.7-0.2 0.8-0.4 1.6-0.5 2.5-0.1 0.3-0.1 0.5-0.2 0.8-0.7 3.3-1.5 6.5-2.3 9.7-0.6 2.3-1.2 4.5-1.9 6.8-1.5 5.3-3.2 10.5-5 15.6-26.7 73.9-87.3 131.6-163.2 154.2-3 0.9-6.1 1.8-9.2 2.6-1.5 0.4-3 0.8-4.5 1.1-3.6 0.9-7.2 1.6-10.9 2.3h-0.2c-0.2 0-0.3 0.1-0.5 0.1l-3 0.6c-1.8 0.3-3.6 0.6-5.4 0.9-0.2 0-0.3 0.1-0.5 0.1-0.9 0.1-1.9 0.3-2.8 0.4-2.5 0.4-4.9 0.6-7.4 0.9-3.1 0.3-6.2 0.6-9.3 0.8-0.8 0.1-1.6 0.1-2.4 0.1-5 0.3-10.1 0.4-15.2 0.4-137.8 0-249.4-111.6-249.4-249.3s111.6-249.4 249.3-249.4 249.3 111.7 249.3 249.4z" fill="#bd081c"/><path class="st1" d="m495.2 298.4c-0.1 0.6-0.2 1.1-0.2 1.7-0.2 0.8-0.4 1.6-0.5 2.5-0.1 0.3-0.1 0.5-0.2 0.8-0.7 3.3-1.5 6.5-2.3 9.7-0.6 2.3-1.2 4.5-1.9 6.8-1.5 5.3-3.2 10.5-5 15.6-26.7 73.9-87.3 131.6-163.2 154.2-3 0.9-6.1 1.8-9.2 2.6-1.5 0.4-3 0.8-4.5 1.1-3.6 0.9-7.2 1.6-10.9 2.3h-0.2c-0.2 0-0.3 0.1-0.5 0.1l-3 0.6c-1.8 0.3-3.6 0.6-5.4 0.9-0.2 0-0.3 0.1-0.5 0.1-0.9 0.1-1.9 0.3-2.8 0.4-2.5 0.4-4.9 0.6-7.4 0.9l-93.8-94.3 17.2-85.1-43-45s-9-64-7-70 21-49 21-49 40-30 44-30 115.7 9.1 115.7 9.1l163.6 164z"/><path class="st2" d="m256.4 107.4c-61.4 0-122.1 40.9-122.1 107.2 0 42.1 23.7 66.1 38.1 66.1 5.9 0 9.3-16.5 9.3-21.2 0-5.6-14.2-17.4-14.2-40.6 0-48.1 36.6-82.3 84-82.3 40.8 0 70.9 23.2 70.9 65.7 0 31.8-12.8 91.4-54.1 91.4-14.9 0-27.7-10.8-27.7-26.2 0-22.6 15.8-44.5 15.8-67.9 0-39.6-56.2-32.4-56.2 15.4 0 10.1 1.3 21.2 5.7 30.4-8.3 35.6-25.1 88.5-25.1 125.2 0 11.3 1.6 22.4 2.7 33.8 2 2.3 1 2 4.1 0.9 30.2-41.3 29.1-49.4 42.7-103.4 7.4 14 26.4 21.6 41.5 21.6 63.6 0 92.1-62 92.1-117.8 0.2-59.5-51.2-98.3-107.5-98.3z"/></svg>';
210	+ break;
211	+ case 'reddit' :
212	+ return '<svg version="1.1" class="sab-' . $icon . '" viewBox="0 0 500 500.7" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"><path class="st0" d="m499.8 250.7c0 7.6-0.4 15.2-1 22.6-0.2 2.2-0.4 4.4-0.7 6.6-0.1 0.6-0.1 1.1-0.2 1.7-0.3 2.6-0.7 5.2-1.1 7.7-0.4 2.3-0.8 4.7-1.2 7 0 0.3-0.1 0.6-0.2 0.9-0.1 0.4-0.2 0.8-0.2 1.2-0.1 0.6-0.2 1.1-0.2 1.7-0.2 0.8-0.4 1.6-0.5 2.5-0.1 0.3-0.1 0.5-0.2 0.8-0.7 3.3-1.5 6.5-2.3 9.7-0.6 2.3-1.2 4.5-1.9 6.8-1.5 5.3-3.2 10.5-5 15.6-26.7 73.9-87.3 131.6-163.2 154.2-3 0.9-6.1 1.8-9.2 2.6-1.5 0.4-3 0.8-4.5 1.1-2.2 0.5-4.3 1-6.5 1.4-1.5 0.3-2.9 0.6-4.4 0.9h-0.2c-0.2 0-0.3 0.1-0.5 0.1l-3 0.6c-1.8 0.3-3.6 0.6-5.4 0.9-0.2 0-0.3 0.1-0.5 0.1-0.9 0.1-1.9 0.3-2.8 0.4-2.5 0.4-4.9 0.6-7.4 0.9-3.1 0.3-6.2 0.6-9.3 0.8-0.8 0.1-1.6 0.1-2.4 0.1-5 0.3-10.1 0.4-15.2 0.4-137.8 0-249.4-111.6-249.4-249.3s111.6-249.4 249.3-249.4c134 0 243.2 105.7 249 238.2 0.2 3.7 0.3 7.5 0.3 11.2z" fill="#ff4500"/><path class="st1" d="m499.8 250.7c0 7.6-0.4 15.2-1 22.6-0.2 2.2-0.4 4.4-0.7 6.6-0.1 0.6-0.1 1.1-0.2 1.7-0.3 2.6-0.7 5.2-1.1 7.7-0.4 2.3-0.8 4.7-1.2 7 0 0.3-0.1 0.6-0.2 0.9-0.1 0.4-0.2 0.8-0.2 1.2-0.1 0.6-0.2 1.1-0.2 1.7-0.2 0.8-0.4 1.6-0.5 2.5-0.1 0.3-0.1 0.5-0.2 0.8-0.7 3.3-1.5 6.5-2.3 9.7-0.6 2.3-1.2 4.5-1.9 6.8-1.5 5.3-3.2 10.5-5 15.6-26.7 73.9-87.3 131.6-163.2 154.2-3 0.9-6.1 1.8-9.2 2.6-1.5 0.4-3 0.8-4.5 1.1-2.2 0.5-4.3 1-6.5 1.4l-160.5-160.7-4.9-82.2 103.7-48.3 25.7-100 70.3 15.7 32.3-12.4 131.3 132.7c0.1 3.6 0.2 7.4 0.2 11.1z"/><path class="st2" d="m360.9 202.9c-9.3 0-17.4 3.8-23.4 9.8-22.1-15.3-51.8-25.1-84.7-26.1l17.1-77.1 54.5 12.2c0 13.3 10.9 24.2 24.2 24.2 13.6 0 24.5-11.2 24.5-24.5s-10.9-24.5-24.5-24.5c-9.5 0-17.7 5.7-21.8 13.6l-60.2-13.3c-3-0.8-6 1.4-6.8 4.4l-18.8 85c-32.7 1.4-62.1 11.2-84.2 26.4-6-6.2-14.5-10.1-23.7-10.1-34.4 0-45.6 46.1-14.1 61.8-1.1 4.9-1.6 10.1-1.6 15.3 0 51.8 58.3 93.7 129.9 93.7 71.9 0 130.2-42 130.2-93.7 0-5.2-0.6-10.6-1.9-15.5 30.8-15.8 19.4-61.6-14.7-61.6zm-192.1 65.1c0-13.6 10.9-24.5 24.5-24.5 13.3 0 24.2 10.9 24.2 24.5 0 13.3-10.9 24.2-24.2 24.2-13.6 0.1-24.5-10.8-24.5-24.2zm132.4 57.8c-22.5 22.5-85.9 22.5-108.4 0-2.5-2.2-2.5-6 0-8.5 2.2-2.2 6-2.2 8.2 0 17.2 17.6 74.1 17.9 92.1 0 2.2-2.2 6-2.2 8.2 0 2.4 2.5 2.4 6.3-0.1 8.5zm-0.5-33.5c-13.3 0-24.2-10.9-24.2-24.2 0-13.6 10.9-24.5 24.2-24.5 13.6 0 24.5 10.9 24.5 24.5 0 13.3-10.9 24.2-24.5 24.2z"/></svg>';
213	+ break;
214	+ case 'rss' :
215	+ return '<svg class="sab-' . $icon . '" version="1.1" viewBox="0 0 500 500.7" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"><path class="st0" d="m499.8 250.7c0 7.6-0.4 15.2-1 22.6-0.2 2.2-0.4 4.4-0.7 6.6-0.1 0.6-0.1 1.1-0.2 1.7-0.3 2.6-0.7 5.2-1.1 7.7-0.4 2.3-0.8 4.7-1.2 7-0.2 1.3-0.5 2.5-0.7 3.8-0.2 0.8-0.4 1.6-0.5 2.5-0.1 0.3-0.1 0.5-0.2 0.8-0.7 3.3-1.5 6.5-2.3 9.7-0.6 2.3-1.2 4.5-1.9 6.8-3.9 13.5-8.9 26.6-15 39.1-21.5 44.5-55.8 81.7-98.2 106.6-1.6 0.9-3.1 1.8-4.7 2.7-15.8 8.8-32.6 16-50.3 21.3-3 0.9-6.1 1.8-9.2 2.6-1.5 0.4-3 0.8-4.5 1.1-0.8 0.2-1.7 0.4-2.5 0.6-2.8 0.6-5.5 1.2-8.3 1.7-1.2 0.2-2.5 0.5-3.7 0.7-1.8 0.3-3.6 0.6-5.4 0.9-0.2 0-0.3 0.1-0.5 0.1-0.9 0.1-1.9 0.3-2.8 0.4-5.5 0.8-11.1 1.3-16.7 1.7-0.8 0.1-1.6 0.1-2.4 0.1-5 0.3-10.1 0.4-15.2 0.4-137.8 0.1-249.4-111.5-249.4-249.2s111.6-249.4 249.3-249.4 249.3 111.7 249.3 249.4z" fill="#f26522"/><path class="st1" d="m372.1 468.4c-15.8 8.8-32.6 16-50.3 21.3-3 0.9-6.1 1.8-9.2 2.6-1.5 0.4-3 0.8-4.5 1.1-0.8 0.2-1.7 0.4-2.5 0.6l-148.7-148.4 44.2-47.3 171 170.1z"/><path class="st1" d="M475,359c-21.5,44.5-55.8,81.7-98.2,106.6h0L157.1,243.5l41-22.5l-48.6-59.1l151.6,24.8L475,359z"/><path class="st2" d="m214.8 324.9c0 18-14.6 32.6-32.6 32.6s-32.6-14.6-32.6-32.6 14.6-32.6 32.6-32.6 32.6 14.6 32.6 32.6zm89.5 24.1c-4.3-78.8-67.4-142-146.2-146.2-4.7-0.3-8.6 3.5-8.6 8.2v24.5c0 4.3 3.3 7.9 7.6 8.2 57 3.7 102.7 49.3 106.4 106.4 0.3 4.3 3.9 7.6 8.2 7.6h24.5c4.6-0.2 8.3-4.1 8.1-8.7zm73.5 0.1c-4.3-119.1-100.1-215.6-219.9-219.9-4.6-0.2-8.4 3.6-8.4 8.2v24.5c0 4.4 3.5 8 7.9 8.2 97.4 4 175.6 82.2 179.6 179.6 0.2 4.4 3.8 7.9 8.2 7.9h24.5c4.6-0.1 8.3-3.9 8.1-8.5z"/></svg>';
216	+ break;
217	+ case 'sharethis' :
218	+ return '<svg class="sab-' . $icon . '" version="1.1" viewBox="0 0 500 500.7" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"><path class="st0" d="m499.8 250.7c0 7.6-0.4 15.2-1 22.6-0.2 2.2-0.4 4.4-0.7 6.6-0.1 0.6-0.1 1.1-0.2 1.7-0.3 2.6-0.7 5.2-1.1 7.7-0.4 2.3-0.8 4.7-1.2 7-0.2 1.3-0.5 2.5-0.7 3.8-0.2 0.8-0.4 1.6-0.5 2.5-0.1 0.3-0.1 0.5-0.2 0.8-0.3 1.6-0.7 3.2-1.1 4.8s-0.8 3.3-1.2 4.9c-0.6 2.3-1.2 4.5-1.9 6.8-3.9 13.5-8.9 26.6-15 39.1-21.5 44.5-55.8 81.7-98.2 106.6-1.6 0.9-3.1 1.8-4.7 2.7-13.5 7.5-27.8 13.9-42.8 18.9l-7.5 2.4c-3 0.9-6.1 1.8-9.2 2.6-1.5 0.4-3 0.8-4.5 1.1-0.8 0.2-1.7 0.4-2.5 0.6-2.8 0.6-5.5 1.2-8.3 1.7-1.2 0.2-2.5 0.5-3.7 0.7l-5.4 0.9c-0.2 0-0.3 0.1-0.5 0.1-0.9 0.1-1.9 0.3-2.8 0.4-5.5 0.8-11.1 1.3-16.7 1.7-0.8 0.1-1.6 0.1-2.4 0.1-5 0.3-10.1 0.4-15.2 0.4-137.8 0.1-249.4-111.5-249.4-249.2s111.6-249.4 249.3-249.4 249.3 111.7 249.3 249.4z" fill="#95D03A"/><path class="st1" d="m493.1 308.2c-0.4 1.6-0.8 3.3-1.2 4.9-0.6 2.3-1.2 4.5-1.9 6.8-3.9 13.5-8.9 26.6-15 39.1-21.5 44.5-55.8 81.7-98.2 106.6-1.6 0.9-3.1 1.8-4.7 2.7-13.5 7.5-27.8 13.9-42.8 18.9l-193.9-193.4 194.9-148.9 162.8 163.3z"/><path class="st2" d="m298.8 293.2c-11.3 0-21.7 3.9-29.9 10.5l-51.3-32.1c1.5-6.9 1.5-14 0-20.9l51.3-32.1c8.2 6.5 18.6 10.5 29.9 10.5 26.5 0 48-21.5 48-48s-21.5-48-48-48-48 21.5-48 48c0 3.6 0.4 7.1 1.1 10.4l-51.3 32.1c-8.2-6.5-18.6-10.5-29.9-10.5-26.5 0-48 21.5-48 48s21.5 48 48 48c11.3 0 21.7-3.9 29.9-10.5l51.3 32.1c-0.8 3.4-1.1 6.9-1.1 10.4 0 26.5 21.5 48 48 48s48-21.5 48-48c0.1-26.4-21.4-47.9-48-47.9z"/></svg>';
219	+ break;
220	+ case 'skype' :
221	+ return '<svg class="sab-' . $icon . '" version="1.1" viewBox="0 0 500 500.7" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"><path class="st0" d="m499.8 250.7c0 7.6-0.4 15.2-1 22.6-0.2 2.2-0.4 4.4-0.7 6.6-0.1 0.6-0.1 1.1-0.2 1.7-0.3 2.6-0.7 5.2-1.1 7.7-0.4 2.3-0.8 4.7-1.2 7-0.2 1.3-0.5 2.5-0.7 3.8-0.2 0.8-0.4 1.6-0.5 2.5-0.1 0.3-0.1 0.5-0.2 0.8-0.3 1.6-0.7 3.2-1.1 4.8s-0.8 3.3-1.2 4.9c-0.6 2.3-1.2 4.5-1.9 6.8-0.6 2.1-1.3 4.3-1.9 6.4-3.6 11.2-7.9 22.2-13.1 32.7-21.5 44.5-55.8 81.7-98.2 106.6-1.6 0.9-3.1 1.8-4.7 2.7-13.5 7.5-27.8 13.9-42.8 18.9-0.3 0.1-0.6 0.2-0.8 0.3-2.2 0.7-4.4 1.4-6.7 2.1-3 0.9-6.1 1.8-9.2 2.6-1.5 0.4-3 0.8-4.5 1.1-0.8 0.2-1.7 0.4-2.5 0.6-2.8 0.6-5.5 1.2-8.3 1.7-1.2 0.2-2.5 0.5-3.7 0.7l-5.4 0.9c-0.2 0-0.3 0.1-0.5 0.1-0.9 0.1-1.9 0.3-2.8 0.4-5.5 0.8-11.1 1.3-16.7 1.7-0.8 0.1-1.6 0.1-2.4 0.1-5 0.3-10.1 0.4-15.2 0.4-137.8 0.1-249.4-111.5-249.4-249.2s111.6-249.4 249.3-249.4 249.3 111.7 249.3 249.4z" fill="#00aff0"/><path class="st1" d="m488.1 326.3c-3.6 11.2-7.9 22.2-13.1 32.7-21.5 44.5-55.8 81.7-98.2 106.6-1.6 0.9-3.1 1.8-4.7 2.7-13.5 7.5-27.8 13.9-42.8 18.9-0.3 0.1-0.6 0.2-0.8 0.3l-158.5-159.1s-11.5-120.5-11.5-123.5 38-43 38-43h125.8l165.8 164.4z"/><path class="st2" d="m361 273.4c1.6-7.7 2.6-15.9 2.6-24.1 0-62.4-50.5-112.9-112.9-112.9-8.2 0-16.3 0.9-24.1 2.6-10.4-8.1-23.4-12.9-37.6-12.9-34 0-61.6 27.6-61.6 61.6 0 14.1 4.8 27.1 12.8 37.5-1.6 7.7-2.6 15.9-2.6 24.1 0 62.4 50.5 112.9 112.9 112.9 8.2 0 16.3-0.9 24.1-2.6 10.4 8 23.4 12.8 37.5 12.8 34 0 61.6-27.6 61.6-61.6 0.1-14-4.7-27-12.7-37.4zm-107.1 50.3c-36.1 0-66.3-16.1-66.3-35.7 0-8.8 4.9-16.8 16.2-16.8 17.2 0 18.8 24.7 48.5 24.7 14.1 0 23.3-6.3 23.3-14.5 0-10.3-8.8-11.9-23.1-15.4-34.4-8.5-64.8-12.1-64.8-48 0-32.6 32.2-44.6 60-44.6 30.3 0 60.9 12 60.9 30.5 0 9.3-6.3 17.5-16.7 17.5-15.6 0-16.1-18.4-41.2-18.4-14.1 0-23.1 3.8-23.1 12.4 0 10.9 11.4 12 38 18.1 22.8 5.1 49.9 14.7 49.9 42.7 0 32.4-31.4 47.5-61.6 47.5z"/></svg>';
222	+ break;
223	+ case 'soundcloud' :
224	+ return '<svg version="1.1" class="sab-' . $icon . '" viewBox="0 0 500 500.7" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"><path class="st0" d="m499.4 250.9c0 9.9-0.6 19.7-1.7 29.2-0.1 0.6-0.1 1.1-0.2 1.7-0.8 5.9-1.7 11.7-2.8 17.5-0.1 0.3-0.1 0.7-0.2 1-1.1 5.1-2.3 10.2-3.6 15.3-0.2 0.9-0.5 1.9-0.8 2.8-0.2 0.6-0.3 1.1-0.5 1.7-23.4 81.3-87.1 145.6-168.2 169.8-6.8 2-13.6 3.8-20.6 5.2-0.2 0.1-0.5 0.1-0.7 0.2-2.1 0.4-4.1 0.8-6.2 1.2-3.1 0.6-6.3 1.1-9.5 1.5-5.5 0.8-11.1 1.3-16.7 1.7-0.8 0.1-1.6 0.1-2.4 0.1-5 0.3-10.1 0.4-15.2 0.4-137.8 0-249.4-111.6-249.4-249.3s111.6-249.4 249.4-249.4 249.3 111.7 249.3 249.4z" fill="#ff8800"/><path class="st1" d="m490.1 318.4c-0.2 0.6-0.3 1.1-0.5 1.7-23.4 81.3-87.1 145.6-168.2 169.8-6.8 2-13.6 3.8-20.6 5.2l-211.8-213.4v-38.9l9.2 8.9 4.4-18.8 9.2 8.2 3.5-14.8 9.8 9.6 3.1-11 11 11.2 2.7-8.5 8.6 8.4 4.8-29.8 8.4 9.4 4.5-22.1 9.6 10.2 5.1-15.4 8.1 9.1 6.4-9.6 6.6 5.5 6.1-6.2 7.3 7.6 6.6-5.3 7.4 8.1 6.2-21.9 7.8 6.7 5.9-14.6 6 6.1 80.3 4.6 40.6 41.3 25.6 12.9 86.3 85.8z"/><path class="st2" d="m142.7 228.9l3 33.4-3 35.1c-0.2 1.3-1.1 2.3-2.3 2.3s-2.2-1-2.2-2.3l-2.9-35.1 2.9-33.4c0-1.1 1-2.2 2.2-2.2 1.1 0.1 2.1 1.1 2.3 2.2zm11-23.4c-1.4 0-2.4 1.1-2.6 2.6l-2.6 54.3 2.6 35.1c0.2 1.4 1.1 2.6 2.6 2.6 1.3 0 2.4-1.1 2.4-2.6l3-35.1-3-54.3c0-1.5-1.1-2.6-2.4-2.6zm13.1-12.4c-1.6 0-2.7 1.1-2.9 2.7l-2.3 66.9 2.3 34.9c0.2 1.6 1.3 2.7 2.9 2.7 1.4 0 2.7-1.1 2.7-2.7l2.7-34.9-2.7-66.9c0-1.6-1.3-2.7-2.7-2.7zm-77.8 49.7c-0.7 0-1.1 0.6-1.3 1.3l-2.4 18.3 2.4 18c0.2 0.7 0.6 1.3 1.3 1.3s1.1-0.6 1.3-1.3l2.9-18-2.9-18.4c-0.1-0.7-0.5-1.2-1.3-1.2zm12.2-11.3c-0.7 0-1.3 0.6-1.3 1.3l-3.3 29.6 3.3 28.9c0 0.9 0.6 1.4 1.3 1.4s1.3-0.6 1.4-1.3l3.7-29-3.7-29.6c-0.1-0.7-0.7-1.3-1.4-1.3zm13-5.9c-0.9 0-1.6 0.7-1.7 1.7l-3 35 3 33.9c0.2 0.9 0.9 1.6 1.7 1.6 0.9 0 1.6-0.7 1.6-1.6l3.6-33.9-3.6-35c0-1-0.7-1.7-1.6-1.7zm13-1.1c-1 0-1.9 0.7-1.9 1.9l-3 36 3 34.9c0 1.1 0.9 1.9 1.9 1.9s1.9-0.7 2-1.9l3.3-34.9-3.3-36c-0.1-1.2-1-1.9-2-1.9zm124.2-57.1c-0.6-0.4-1.4-0.7-2.2-0.7-1.1 0-2.2 0.4-2.9 1-1 0.9-1.6 2.2-1.7 3.4v0.4l-1.7 90.9 0.9 16.7 0.9 16.3c0.2 2.4 2.2 4.4 4.6 4.4s4.4-2 4.4-4.4l2-33-2-91.3c-0.2-1.5-1-3-2.3-3.7zm-13.7 7.9c-0.7-0.4-1.4-0.7-2.3-0.7-0.8 0-1.6 0.3-2.3 0.7-1.1 0.7-1.9 2-1.9 3.4l-0.2 0.9-1.4 82.7s0 0.2 1.6 33.8v0.2c0 0.9 0.3 1.7 0.9 2.4 0.9 1 2 1.6 3.3 1.6 1.1 0 2.2-0.6 2.9-1.3 0.9-0.7 1.3-1.7 1.3-2.9l0.2-3.4 1.6-30.2-1.7-83.8c-0.2-1.4-0.9-2.7-2-3.4zm-57.3 11.6c-1.6 0-3 1.4-3 3.1l-2.3 72.3 2.3 34.6c0.2 1.7 1.4 3 3 3 1.7 0 3-1.3 3.1-3l2.6-34.6-2.6-72.3c-0.1-1.7-1.4-3.1-3.1-3.1zm193.8 32.3c-5.6 0-10.9 1.1-15.7 3.1-3.3-36.4-33.9-65-71.2-65-9.2 0-18 1.7-25.9 4.8-3.1 1.1-4 2.3-4 4.7v128.5c0 2.6 2 4.4 4.4 4.7h112.3c22.3 0 40.4-18 40.4-40.3 0.1-22.3-18-40.5-40.3-40.5zm-152.7-31c-2.2 0-3.9 1.7-4 4l-1.7 70.3 1.7 33.8c0.2 2.2 1.9 3.9 4 3.9s3.9-1.7 3.9-3.9l2-33.8-2-70.3c-0.2-2.3-1.7-4-3.9-4zm-27.5-4.1c-1.7 0-3.3 1.6-3.3 3.4l-2 74.8 2 34.4c0.2 1.9 1.6 3.3 3.3 3.3 1.9 0 3.3-1.4 3.4-3.3l2.3-34.4-2.3-74.8c-0.2-1.8-1.6-3.4-3.4-3.4zm13.7 1.8c-2 0-3.6 1.6-3.6 3.6l-2 72.9 2 34.2c0.2 2 1.6 3.6 3.6 3.6s3.6-1.6 3.6-3.6l2.2-34.2-2.2-72.9c-0.1-2.1-1.6-3.6-3.6-3.6z"/></svg>';
225	+ break;
226	+ case 'spotify' :
227	+ return '<svg version="1.1" class="sab-' . $icon . '" viewBox="0 0 500 500.7" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"><path class="st0" d="m499.4 250.9c0 9.9-0.6 19.7-1.7 29.2-0.1 0.6-0.1 1.1-0.2 1.7-0.8 5.9-1.7 11.7-2.8 17.5 0 0.1 0 0.2-0.1 0.3 0 0.2-0.1 0.5-0.1 0.7-1.1 5.1-2.3 10.2-3.6 15.3-0.2 0.9-0.5 1.9-0.8 2.8-0.2 0.6-0.3 1.1-0.5 1.7-23.4 81.3-87.1 145.6-168.2 169.8-6.8 2-13.6 3.8-20.6 5.2-0.2 0.1-0.5 0.1-0.7 0.2-1.5 0.3-2.9 0.5-4.3 0.8-0.6 0.1-1.3 0.2-1.9 0.4-3.1 0.6-6.3 1.1-9.5 1.5-5.5 0.8-11.1 1.3-16.7 1.7-0.8 0.1-1.6 0.1-2.4 0.1-5 0.3-10.1 0.4-15.2 0.4-137.8 0-249.4-111.6-249.4-249.3s111.6-249.4 249.4-249.4 249.3 111.7 249.3 249.4z" fill="#3DD466"/><path class="st1" d="m494.6 299.6c0 0.2-0.1 0.5-0.1 0.7-1.1 5.1-2.3 10.2-3.6 15.3-0.2 0.9-0.5 1.9-0.8 2.8-0.2 0.6-0.3 1.1-0.5 1.7-23.4 81.3-87.1 145.6-168.2 169.8-6.8 2-13.6 3.8-20.6 5.2-0.2 0.1-0.5 0.1-0.7 0.2-1.5 0.3-2.9 0.5-4.3 0.8l-144.7-146.1-16.9-130.1 22.9-40 190.7-25.7 146.8 145.4z"/><path class="st2" d="m253.1 116.9c-76.7 0-138.9 62.2-138.9 138.9s62.2 138.9 138.9 138.9 138.9-62.2 138.9-138.9-62.2-138.9-138.9-138.9zm56.4 204.4c-2.4 0-3.8-0.7-6-2-34.9-21.1-75.6-22-115.8-13.7-2.2 0.6-5 1.5-6.7 1.5-5.4 0-8.8-4.3-8.8-8.8 0-5.8 3.4-8.5 7.6-9.4 45.9-10.1 92.7-9.2 132.7 14.7 3.4 2.2 5.4 4.1 5.4 9.2s-3.9 8.5-8.4 8.5zm15-36.8c-2.9 0-4.9-1.3-6.9-2.4-35-20.7-87.2-29.1-133.6-16.5-2.7 0.7-4.1 1.5-6.7 1.5-6 0-10.9-4.9-10.9-10.9s2.9-10 8.7-11.6c15.6-4.4 31.5-7.6 54.8-7.6 36.3 0 71.5 9 99.1 25.5 4.5 2.7 6.3 6.2 6.3 11 0.1 6.1-4.7 11-10.8 11zm17.4-42.7c-2.9 0-4.7-0.7-7.2-2.2-39.9-23.8-111.2-29.5-157.3-16.6-2 0.6-4.5 1.5-7.2 1.5-7.4 0-13-5.8-13-13.2 0-7.6 4.7-11.9 9.7-13.4 19.7-5.8 41.8-8.5 65.8-8.5 40.9 0 83.7 8.5 115 26.8 4.4 2.5 7.2 6 7.2 12.7 0 7.5-6.2 12.9-13 12.9z"/></svg>';
228	+ break;
229	+ case 'stackoverflow' :
230	+ return '<svg version="1.1" class="sab-' . $icon . '" viewBox="0 0 500 500.7" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"><path class="st0" fill="#f48024" d="m499.4 250.9c0 9.9-0.6 19.7-1.7 29.2-0.1 0.6-0.1 1.1-0.2 1.7-0.7 4.8-1.4 9.5-2.2 14.2l-0.6 3.3c0 0.1 0 0.2-0.1 0.3 0 0.2-0.1 0.5-0.1 0.7-1.1 5.1-2.3 10.2-3.6 15.3-0.2 0.9-0.5 1.9-0.8 2.8-0.2 0.6-0.3 1.1-0.5 1.7-2.1 7.3-4.6 14.6-7.3 21.6-0.9 2.3-1.8 4.6-2.8 6.8-28.8 67.7-86.7 120.1-158.1 141.4-6.8 2-13.6 3.8-20.6 5.2-0.2 0.1-0.5 0.1-0.7 0.2-1.5 0.3-2.9 0.5-4.3 0.8-0.6 0.1-1.3 0.2-1.9 0.4-3.1 0.6-6.3 1.1-9.5 1.5-3 0.4-6 0.8-9 1.1-2.6 0.2-5.2 0.5-7.8 0.6-0.8 0.1-1.6 0.1-2.4 0.1-5 0.3-10.1 0.4-15.2 0.4-137.7 0-249.3-111.6-249.3-249.3s111.6-249.4 249.4-249.4 249.3 111.7 249.3 249.4z"/><path class="st1" d="m479.5 348.5c-28.8 67.7-86.7 120.1-158.1 141.4-6.8 2-13.6 3.8-20.6 5.2-0.2 0.1-0.5 0.1-0.7 0.2-1.5 0.3-2.9 0.5-4.3 0.8-0.6 0.1-1.3 0.2-1.9 0.4-3.1 0.6-6.3 1.1-9.5 1.5-3 0.4-6 0.8-9 1.1l-136.4-136.4 11.3-80.4 12.6-15.2 23.8 23.9 35.1 5.3-32.5-35.8 74.5 0.5-59.2-56.4 111.2 28.7-81.2-81.9 107 58.3 137.9 138.8z"/><path class="st1" d="m495.3 296l-0.6 3.3c0 0.1 0 0.2-0.1 0.3 0 0.2-0.1 0.5-0.1 0.7-1.1 5.1-2.3 10.2-3.6 15.3-0.2 0.9-0.5 1.9-0.8 2.8-0.2 0.6-0.3 1.1-0.5 1.7-2.1 7.3-4.6 14.6-7.3 21.6l-136.1-136.6-52.2-110.1 201.3 201z"/><path class="st2" d="m312.9 255.1l-108.3-50.5 10-21.8 108.4 50.6-10.1 21.7zm28.7-45.4l-91.7-76.7-15.2 18.4 91.7 76.7 15.2-18.4zm23.7-18.9l-71.3-95.8-19.1 14.3 71.3 95.8 19.1-14.3zm-54.2 70.9l-117-24.7-4.9 23.5 117 24.5 4.9-23.3zm18.9 77.1h-167.1v-71.7h-23.9v95.6h214.9v-95.6h-23.9v71.7zm-23.8-47.8h-119.5v23.7h119.5v-23.7z"/></svg>';
231	+ break;
232	+ case 'steam' :
233	+ return '<svg version="1.1" class="sab-' . $icon . '" viewBox="0 0 500 500.7" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"><path class="st0" d="m499.4 250.9c0 7.6-0.4 15.2-1 22.5-0.2 2.2-0.4 4.5-0.7 6.7-0.1 0.6-0.1 1.1-0.2 1.7-0.7 4.8-1.4 9.5-2.2 14.2l-0.6 3.3c0 0.1 0 0.2-0.1 0.3 0 0.2-0.1 0.5-0.1 0.7-1.1 5.1-2.3 10.2-3.6 15.3-0.2 0.9-0.5 1.9-0.8 2.8-0.2 0.6-0.3 1.1-0.5 1.7-2.1 7.3-4.6 14.6-7.3 21.6-0.9 2.3-1.8 4.6-2.8 6.8-28.8 67.7-86.7 120.1-158.1 141.4-6.8 2-13.6 3.8-20.6 5.2-0.2 0.1-0.5 0.1-0.7 0.2-1.5 0.3-2.9 0.5-4.3 0.8-0.6 0.1-1.3 0.2-1.9 0.4-3.1 0.6-6.3 1.1-9.5 1.5-3 0.4-6 0.8-9 1.1-0.4 0-0.8 0.1-1.2 0.1-2.2 0.2-4.4 0.4-6.6 0.5-0.8 0.1-1.6 0.1-2.4 0.1-5 0.3-10.1 0.4-15.2 0.4-137.7 0-249.3-111.6-249.3-249.3s111.6-249.4 249.4-249.4 249.3 111.7 249.3 249.4z" fill="#00adee"/><path class="st1" d="m498.4 273.4c-0.2 2.2-0.4 4.5-0.7 6.7-0.1 0.6-0.1 1.1-0.2 1.7-0.7 4.8-1.4 9.5-2.2 14.2l-0.6 3.3c0 0.1 0 0.2-0.1 0.3 0 0.2-0.1 0.5-0.1 0.7-1.1 5.1-2.3 10.2-3.6 15.3-0.2 0.9-0.5 1.9-0.8 2.8-0.2 0.6-0.3 1.1-0.5 1.7-2.1 7.3-4.6 14.6-7.3 21.6-0.9 2.3-1.8 4.6-2.8 6.8-28.8 67.7-86.7 120.1-158.1 141.4-6.8 2-13.6 3.8-20.6 5.2-0.2 0.1-0.5 0.1-0.7 0.2-1.5 0.3-2.9 0.5-4.3 0.8-0.6 0.1-1.3 0.2-1.9 0.4-3.1 0.6-6.3 1.1-9.5 1.5-3 0.4-6 0.8-9 1.1-0.4 0-0.8 0.1-1.2 0.1l-176.4-175.7 56.9-34 28.8-10.7 24 0.7 18.7-25.5 34-21.9-4-24.7 8-28 16.2-27.2 35.2-11.5 53.1 3.3 129.7 129.4z"/><path class="st2" d="m361.9 203c0 22.6-18.4 40.7-40.7 40.7-22.6 0-40.7-18.2-40.7-40.7s18.2-40.7 40.7-40.7c22.3 0 40.7 18.2 40.7 40.7zm35 0.2c0 42.1-34 76-75.9 76l-73 53.3c-2.7 28.7-27 51.3-56.4 51.3-27 0-49.9-19.2-55.4-44.7l-38.4-15.4v-71.6l64.9 26.2c10.1-6.1 21.5-8.9 34.7-7.7l47.4-67.9c0.3-41.6 34.4-75.3 76.1-75.3 42-0.1 76 33.9 76 75.8zm-163.5 123.6c0-23.2-18.6-41.7-41.7-41.7-3 0-6 0.3-9 1l17.4 7c17 6.8 25.4 26 18.5 43.1-6.8 17-26.2 25.4-43.2 18.4-6.8-2.7-13.7-5.5-20.5-8.1 7 13.2 20.8 22.2 36.8 22.2 23.1-0.1 41.7-18.7 41.7-41.9zm138.5-123.6c0-28-22.9-50.9-50.9-50.9-28.2 0-51.1 22.8-51.1 50.9 0 28.2 22.9 50.9 51.1 50.9 28 0 50.9-22.7 50.9-50.9z"/></svg>';
234	+ break;
235	+ case 'stumbleUpon' :
236	+ return '<svg version="1.1" class="sab-' . $icon . '" viewBox="0 0 500 500.7" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"><path class="st0" d="m499.4 250.9c0 7.6-0.4 15.2-1 22.5-0.2 2.2-0.4 4.5-0.7 6.7-0.1 0.6-0.1 1.1-0.2 1.7-0.7 4.8-1.4 9.5-2.2 14.2l-0.6 3.3c0 0.1 0 0.2-0.1 0.3 0 0.2-0.1 0.5-0.1 0.7-1.1 5.1-2.3 10.2-3.6 15.3-0.2 0.9-0.5 1.9-0.8 2.8-0.2 0.6-0.3 1.1-0.5 1.7-0.8 2.7-1.6 5.3-2.5 8-1.5 4.6-3.1 9.2-4.8 13.6-0.9 2.3-1.8 4.6-2.8 6.8-28.8 67.7-86.7 120.1-158.1 141.4-6.8 2-13.6 3.8-20.6 5.2-0.2 0.1-0.5 0.1-0.7 0.2-1.5 0.3-2.9 0.5-4.3 0.8-0.6 0.1-1.3 0.2-1.9 0.4-3.1 0.6-6.3 1.1-9.5 1.5-0.3 0-0.5 0.1-0.8 0.1-2.7 0.4-5.5 0.7-8.2 1-0.4 0-0.8 0.1-1.2 0.1-2.2 0.2-4.4 0.4-6.6 0.5-0.8 0.1-1.6 0.1-2.4 0.1-5 0.3-10.1 0.4-15.2 0.4-137.7 0-249.3-111.6-249.3-249.3s111.6-249.4 249.4-249.4 249.3 111.7 249.3 249.4z" fill="#eb4924"/><path class="st1" d="m487.1 328.1c-1.5 4.6-3.1 9.2-4.8 13.6-0.9 2.3-1.8 4.6-2.8 6.8-28.8 67.7-86.7 120.1-158.1 141.4-6.8 2-13.6 3.8-20.6 5.2-0.2 0.1-0.5 0.1-0.7 0.2-1.5 0.3-2.9 0.5-4.3 0.8-0.6 0.1-1.3 0.2-1.9 0.4-3.1 0.6-6.3 1.1-9.5 1.5-0.3 0-0.5 0.1-0.8 0.1l-166.1-166.1 4.7-58.7 30.7-28.2 38.6 39.5 19.3 4v-116.6l86.2-33.2 190.1 189.3z"/><path class="st2" d="m405.2 245.1v42.2c0 37.6-30.4 68-68 68-37.4 0-68-30.1-68-67.4v-42.5l20.8 9.7 30.9-9.2v42.7c0 8.9 7.3 16 16.2 16s16.2-7.1 16.2-16v-43.6h51.9zm-136-35.2l20.8 9.7 30.9-9.2v-21.5c0-36.6-30.9-66-67.8-66-36.8 0-67.8 29.2-67.8 65.5v98.3c0 9-7.3 16.2-16.2 16.2s-16.2-7.1-16.2-16.2v-41.5h-52v42.2c0 37.5 30.4 68 68 68 37.3 0 68-30 68-67.1v-97c0-8.9 7.3-16.2 16.2-16.2s16.2 7.3 16.2 16.2v18.6h-0.1z"/></svg>';
237	+ break;
238	+ case 'tumblr' :
239	+ return '<svg version="1.1" class="sab-' . $icon . '" viewBox="0 0 500 500.7" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"><path class="st0" d="m499.4 250.9c0 7.6-0.4 15.2-1 22.5-0.2 2.2-0.4 4.5-0.7 6.7-0.1 0.6-0.1 1.1-0.2 1.7-0.7 4.8-1.4 9.5-2.2 14.2l-0.6 3.3c0 0.1 0 0.2-0.1 0.3 0 0.2-0.1 0.5-0.1 0.7-1.1 5.1-2.3 10.2-3.6 15.3-0.2 0.9-0.5 1.9-0.8 2.8-0.2 0.6-0.3 1.1-0.5 1.7-0.8 2.7-1.6 5.3-2.5 8-1.4 4.2-2.8 8.5-4.4 12.5-0.1 0.4-0.3 0.7-0.4 1.1-0.9 2.3-1.8 4.6-2.8 6.8-28.3 66.6-84.9 118.5-154.8 140.4-1.1 0.4-2.2 0.7-3.3 1-6.8 2-13.6 3.8-20.6 5.2-0.2 0.1-0.5 0.1-0.7 0.2-1.5 0.3-2.9 0.5-4.3 0.8-0.6 0.1-1.3 0.2-1.9 0.4-3.1 0.6-6.3 1.1-9.5 1.5-0.3 0-0.5 0.1-0.8 0.1-2.7 0.4-5.5 0.7-8.2 1-0.4 0-0.8 0.1-1.2 0.1-2.2 0.2-4.4 0.4-6.6 0.5-0.8 0.1-1.6 0.1-2.4 0.1-5 0.3-10.1 0.4-15.2 0.4-137.7 0-249.3-111.6-249.3-249.3s111.6-249.4 249.4-249.4 249.3 111.7 249.3 249.4z" fill="#35465c"/><path class="st1" d="m482.7 340.6c-0.1 0.4-0.3 0.7-0.4 1.1-0.9 2.3-1.8 4.6-2.8 6.8-28.3 66.6-84.9 118.5-154.8 140.4l-106.7-108.2-12-97-36.6-37.4 99.1-118 214.2 212.3z"/><path class="st2" d="m327.8 383.6c-7.4 7.9-27.1 17.2-52.9 17.2-65.6 0-79.8-48.2-79.8-76.3v-78.2h-25.8c-3 0-5.4-2.4-5.4-5.4v-36.9c0-3.9 2.4-7.4 6.1-8.7 33.7-11.8 44.2-41.3 45.8-63.6 0.4-6 3.5-8.8 8.7-8.8h38.5c3 0 5.4 2.4 5.4 5.4v62.5h45c3 0 5.4 2.4 5.4 5.4v44.3c0 3-2.4 5.4-5.4 5.4h-45.3v72.3c0 18.6 12.9 29.1 36.9 19.4 2.6-1 4.9-1.7 6.9-1.2 1.9 0.5 3.1 1.8 4 4.3l11.9 34.9c1.2 2.8 2 5.9 0 8z"/></svg>';
240	+ break;
241	+ case 'twitter' :
242	+ return '<svg version="1.1" class="sab-' . $icon . '" viewBox="0 0 500 500.7" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"><path class="st0" d="m499.4 250.9c0 2.2 0 4.4-0.1 6.6-0.1 5.4-0.5 10.7-0.9 15.9-0.2 2.2-0.4 4.5-0.7 6.7-0.1 0.6-0.1 1.1-0.2 1.7-0.7 4.8-1.4 9.5-2.2 14.2l-0.6 3.3c0 0.1 0 0.2-0.1 0.3 0 0.2-0.1 0.5-0.1 0.7-1.1 5.1-2.3 10.2-3.6 15.3-0.2 0.9-0.5 1.9-0.8 2.8-0.2 0.6-0.3 1.1-0.5 1.7-0.8 2.7-1.6 5.3-2.5 8-1.4 4.2-2.8 8.5-4.4 12.5-0.1 0.4-0.3 0.7-0.4 1.1-0.9 2.3-1.8 4.6-2.8 6.8-28.3 66.6-84.9 118.5-154.8 140.4-1.1 0.4-2.2 0.7-3.3 1-6.8 2-13.6 3.8-20.6 5.2-0.2 0.1-0.5 0.1-0.7 0.2-1.5 0.3-2.9 0.5-4.3 0.8-0.6 0.1-1.3 0.2-1.9 0.4-3.1 0.6-6.3 1.1-9.5 1.5-0.3 0-0.5 0.1-0.8 0.1-2.7 0.4-5.5 0.7-8.2 1-0.4 0-0.8 0.1-1.2 0.1-2.2 0.2-4.4 0.4-6.6 0.5-0.8 0.1-1.6 0.1-2.4 0.1-1.4 0.1-2.9 0.2-4.4 0.2-3.6 0.1-7.2 0.2-10.8 0.2-137.7 0-249.3-111.6-249.3-249.3s111.6-249.4 249.4-249.4 249.3 111.7 249.3 249.4z" fill="#1da1f2"/><path class="st1" d="m499.3 257.5c-0.1 5.4-0.5 10.7-0.9 15.9-0.2 2.2-0.4 4.5-0.7 6.7-0.1 0.6-0.1 1.1-0.2 1.7-0.7 4.8-1.4 9.5-2.2 14.2l-0.6 3.3c0 0.1 0 0.2-0.1 0.3 0 0.2-0.1 0.5-0.1 0.7-1.1 5.1-2.3 10.2-3.6 15.3-0.2 0.9-0.5 1.9-0.8 2.8-0.2 0.6-0.3 1.1-0.5 1.7-0.8 2.7-1.6 5.3-2.5 8-1.4 4.2-2.8 8.5-4.4 12.5-0.1 0.4-0.3 0.7-0.4 1.1-0.9 2.3-1.8 4.6-2.8 6.8-28.3 66.6-84.9 118.5-154.8 140.4-1.1 0.4-2.2 0.7-3.3 1-6.8 2-13.6 3.8-20.6 5.2-0.2 0.1-0.5 0.1-0.7 0.2-1.5 0.3-2.9 0.5-4.3 0.8-0.6 0.1-1.3 0.2-1.9 0.4-3.1 0.6-6.3 1.1-9.5 1.5-0.3 0-0.5 0.1-0.8 0.1-2.7 0.4-5.5 0.7-8.2 1-0.4 0-0.8 0.1-1.2 0.1-2.2 0.2-4.4 0.4-6.6 0.5-0.8 0.1-1.6 0.1-2.4 0.1-1.4 0.1-2.9 0.2-4.4 0.2l-151.8-151.8 18 4.3 23.7-2 36-1-26.8-39.1 19.5 1.1-20-7.7 3.3-12.7-22.8-23.5 93.2-25.5 155-96.3 111.2 111.7z"/><path class="st2" d="m366.5 199.6c0.2 2.5 0.2 5.1 0.2 7.6 0 77.8-59.2 167.4-167.4 167.4-33.3 0-64.3-9.7-90.3-26.4 4.7 0.5 9.3 0.7 14.2 0.7 27.5 0 52.8-9.3 73-25.1-25.9-0.5-47.5-17.5-55-40.8 3.6 0.5 7.3 0.9 11.1 0.9 5.3 0 10.6-0.7 15.5-2-27-5.5-47.2-29.1-47.2-57.7v-0.7c7.8 4.4 16.9 7.1 26.6 7.5-15.8-10.6-26.2-28.6-26.2-49 0-10.9 2.9-20.9 8-29.7 29 35.7 72.5 59 121.3 61.6-0.9-4.4-1.5-8.9-1.5-13.5 0-32.4 26.2-58.8 58.8-58.8 16.9 0 32.2 7.1 43 18.6 13.3-2.5 26-7.5 37.3-14.2-4.4 13.7-13.7 25.1-25.9 32.4 11.8-1.3 23.3-4.6 33.9-9.1-7.9 11.5-17.9 21.9-29.4 30.3z"/></svg>';
243	+ break;
244	+ case 'vimeo' :
245	+ return '<svg version="1.1" class="sab-' . $icon . '" viewBox="0 0 500 500.7" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"><path class="st0" d="m499.4 250.9c0 2.2 0 4.4-0.1 6.6-0.1 5.4-0.5 10.7-0.9 15.9-0.2 2.2-0.4 4.5-0.7 6.7-0.1 0.6-0.1 1.1-0.2 1.7-0.7 4.8-1.4 9.5-2.2 14.2l-0.6 3.3c0 0.1 0 0.2-0.1 0.3 0 0.2-0.1 0.5-0.1 0.7-0.1 0.5-0.2 1-0.3 1.6-1 4.6-2.1 9.2-3.2 13.7-0.2 0.9-0.5 1.9-0.8 2.8-0.2 0.6-0.3 1.1-0.5 1.7-0.8 2.7-1.6 5.3-2.5 8-1.4 4.2-2.8 8.5-4.4 12.5-0.1 0.4-0.3 0.7-0.4 1.1-0.9 2.3-1.8 4.6-2.8 6.8-28.3 66.6-84.9 118.5-154.8 140.4-1.1 0.4-2.2 0.7-3.3 1-3 0.9-6.1 1.7-9.1 2.5-3.8 1-7.6 1.9-11.5 2.7-0.2 0.1-0.5 0.1-0.7 0.2-1.5 0.3-2.9 0.5-4.3 0.8-0.6 0.1-1.3 0.2-1.9 0.4-3.1 0.6-6.3 1.1-9.5 1.5-0.3 0-0.5 0.1-0.8 0.1-2.7 0.4-5.5 0.7-8.2 1-0.4 0-0.8 0.1-1.2 0.1-2.2 0.2-4.4 0.4-6.6 0.5-0.8 0.1-1.6 0.1-2.4 0.1-1.4 0.1-2.9 0.2-4.4 0.2-3.6 0.1-7.2 0.2-10.8 0.2-137.8 0-249.4-111.6-249.4-249.3s111.6-249.4 249.4-249.4 249.3 111.7 249.3 249.4z" fill="#1ab7ea"/><path class="st1" d="m494.2 301.9c-1 4.6-2.1 9.2-3.2 13.7-0.2 0.9-0.5 1.9-0.8 2.8-0.2 0.6-0.3 1.1-0.5 1.7-0.8 2.7-1.6 5.3-2.5 8-1.4 4.2-2.8 8.5-4.4 12.5-0.1 0.4-0.3 0.7-0.4 1.1-0.9 2.3-1.8 4.6-2.8 6.8-28.3 66.6-84.9 118.5-154.8 140.4-1.1 0.4-2.2 0.7-3.3 1-3 0.9-6.1 1.7-9.1 2.5l-112.3-112.7-22.5-78.4-70.3-71.1 88.9-71.3 54.8 55.4 109.4-47.3 133.8 134.9z"/><path class="st2" d="m367.4 204.7c-1.2 26.6-19.8 63-55.7 109.2-37.1 48.3-68.5 72.4-94.2 72.4-15.9 0-29.4-14.7-40.4-44.1-21.5-78.8-30.6-124.9-48.3-124.9-2.1 0-9.2 4.3-21.5 12.9l-12.8-16.6c31.5-27.6 61.5-58.3 80.3-60 21.3-2.1 34.3 12.5 39.3 43.6 17.5 110.6 25.2 127.4 57.1 77.2 11.4-18 17.6-31.8 18.4-41.2 2.9-28-21.8-26.1-38.6-18.9 13.4-44 39.1-65.3 76.9-64.1 27.9 0.7 41.1 19 39.5 54.5z"/></svg>';
246	+ break;
247	+ case 'windows' :
248	+ return '<svg version="1.1" class="sab-' . $icon . '" viewBox="0 0 500 500.7" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"><path class="st0" d="m499.4 250.9c0 2.2 0 4.4-0.1 6.6-0.1 5.4-0.5 10.7-0.9 15.9-0.2 2.2-0.4 4.5-0.7 6.7-0.1 0.6-0.1 1.1-0.2 1.7-0.7 4.8-1.4 9.5-2.2 14.2l-0.6 3.3c0 0.1 0 0.2-0.1 0.3 0 0.2-0.1 0.5-0.1 0.7-0.1 0.5-0.2 1-0.3 1.6-1 4.6-2.1 9.2-3.2 13.7-0.2 0.9-0.5 1.9-0.8 2.8-0.2 0.6-0.3 1.1-0.5 1.7-0.8 2.7-1.6 5.3-2.5 8-1.4 4.2-2.8 8.5-4.4 12.5-0.1 0.4-0.3 0.7-0.4 1.1-0.9 2.3-1.8 4.6-2.8 6.8-28.3 66.6-84.9 118.5-154.8 140.4-1.1 0.4-2.2 0.7-3.3 1-3 0.9-6.1 1.7-9.1 2.5-3.8 1-7.6 1.9-11.5 2.7-0.2 0.1-0.5 0.1-0.7 0.2-1.5 0.3-2.9 0.5-4.3 0.8-0.6 0.1-1.3 0.2-1.9 0.4-3.1 0.6-6.3 1.1-9.5 1.5-0.3 0-0.5 0.1-0.8 0.1-2.7 0.4-5.5 0.7-8.2 1-0.4 0-0.8 0.1-1.2 0.1-1.1 0.1-2.1 0.2-3.2 0.3s-2.2 0.2-3.4 0.2c-0.8 0.1-1.6 0.1-2.4 0.1-1.4 0.1-2.9 0.2-4.4 0.2-3.6 0.1-7.2 0.2-10.8 0.2-137.8 0-249.4-111.6-249.4-249.3s111.6-249.4 249.4-249.4c135.3 0 245.2 107.6 249.2 241.8 0.1 2.5 0.1 5.1 0.1 7.6z" fill="#0078d7"/><path class="st1" d="m499.4 250.9c0 2.2 0 4.4-0.1 6.6-0.1 5.4-0.5 10.7-0.9 15.9-0.2 2.2-0.4 4.5-0.7 6.7-0.1 0.6-0.1 1.1-0.2 1.7-0.7 4.8-1.4 9.5-2.2 14.2l-0.6 3.3c0 0.1 0 0.2-0.1 0.3 0 0.2-0.1 0.5-0.1 0.7-0.1 0.5-0.2 1-0.3 1.6-1 4.6-2.1 9.2-3.2 13.7-0.2 0.9-0.5 1.9-0.8 2.8-0.2 0.6-0.3 1.1-0.5 1.7-0.8 2.7-1.6 5.3-2.5 8-1.4 4.2-2.8 8.5-4.4 12.5-0.1 0.4-0.3 0.7-0.4 1.1-0.9 2.3-1.8 4.6-2.8 6.8-28.3 66.6-84.9 118.5-154.8 140.4-1.1 0.4-2.2 0.7-3.3 1-3 0.9-6.1 1.7-9.1 2.5-3.8 1-7.6 1.9-11.5 2.7-0.2 0.1-0.5 0.1-0.7 0.2-1.5 0.3-2.9 0.5-4.3 0.8-0.6 0.1-1.3 0.2-1.9 0.4-3.1 0.6-6.3 1.1-9.5 1.5-0.3 0-0.5 0.1-0.8 0.1-2.7 0.4-5.5 0.7-8.2 1-0.4 0-0.8 0.1-1.2 0.1-1.1 0.1-2.1 0.2-3.2 0.3l-157.8-156.3 20.5-71.6-20.5-28.6 106.7-103.1 11.7 11.7 141.9-32.8 125.7 124.6c0.1 2.4 0.1 5 0.1 7.5z"/><path class="st2" d="m113.3 154.6l106.7-14.7v103.1h-106.7v-88.4zm0 188.6l106.7 14.7v-101.8h-106.7v87.1zm118.4 16.2l141.9 19.6v-122.9h-141.9v103.3zm0-221.1v104.6h141.9v-124.2l-141.9 19.6z"/></svg>';
249	+ break;
250	+ case 'wordpress' :
251	+ return '<svg version="1.1" class="sab-' . $icon . '" viewBox="0 0 500 500.7" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"><path class="st0" d="m499.4 250.9c0 2.2 0 4.4-0.1 6.6-0.1 5.4-0.5 10.7-0.9 15.9-0.2 2.2-0.4 4.5-0.7 6.7-0.1 0.6-0.1 1.1-0.2 1.7-0.7 4.8-1.4 9.5-2.2 14.2v0.3c-0.2 1-0.4 2-0.5 3 0 0.1 0 0.2-0.1 0.3 0 0.2-0.1 0.5-0.1 0.7-0.1 0.5-0.2 1-0.3 1.6-1 4.6-2.1 9.2-3.2 13.7-0.2 0.9-0.5 1.9-0.8 2.8-0.2 0.6-0.3 1.1-0.5 1.7-0.8 2.7-1.6 5.3-2.5 8-1.4 4.2-2.8 8.5-4.4 12.5-0.1 0.4-0.3 0.7-0.4 1.1-0.9 2.3-1.8 4.6-2.8 6.8-28.3 66.6-84.9 118.5-154.8 140.4-1.1 0.4-2.2 0.7-3.3 1-3 0.9-6.1 1.7-9.1 2.5-2.5 0.7-5 1.3-7.6 1.8-1.3 0.3-2.6 0.6-3.9 0.9-0.2 0.1-0.5 0.1-0.7 0.2-1.5 0.3-2.9 0.5-4.3 0.8-0.6 0.1-1.3 0.2-1.9 0.4-3.1 0.6-6.3 1.1-9.5 1.5-0.3 0-0.5 0.1-0.8 0.1-2.7 0.4-5.5 0.7-8.2 1-0.4 0-0.8 0.1-1.2 0.1-1.1 0.1-2.1 0.2-3.2 0.3s-2.2 0.2-3.4 0.2c-0.8 0.1-1.6 0.1-2.4 0.1-1.4 0.1-2.9 0.2-4.4 0.2-3.6 0.1-7.2 0.2-10.8 0.2-137.9 0-249.5-111.6-249.5-249.3s111.6-249.4 249.4-249.4c135.3 0 245.2 107.6 249.2 241.8 0.1 2.5 0.1 5.1 0.1 7.6z" fill="#21759b"/><path class="st1" d="m495.2 296.3c-0.2 1-0.4 2-0.5 3 0 0.1 0 0.2-0.1 0.3 0 0.2-0.1 0.5-0.1 0.7-0.1 0.5-0.2 1-0.3 1.6-1 4.6-2.1 9.2-3.2 13.7-0.2 0.9-0.5 1.9-0.8 2.8-0.2 0.6-0.3 1.1-0.5 1.7-0.8 2.7-1.6 5.3-2.5 8-1.4 4.2-2.8 8.5-4.4 12.5-0.1 0.4-0.3 0.7-0.4 1.1-0.9 2.3-1.8 4.6-2.8 6.8-28.3 66.6-84.9 118.5-154.8 140.4-1.1 0.4-2.2 0.7-3.3 1-3 0.9-6.1 1.7-9.1 2.5-2.5 0.7-5 1.3-7.6 1.8-72.7-73.6-156.6-158.5-158.3-160.2l-0.7-7.3-17.5-29.2-7-28.5-1.2-21.9 2.4-34.7 12.3-27 18.3-27.7 21-19.3 25-13.3 31.5-9 34.8-1.8 42.5 10.5 39.4 24.4 147.9 147.1z"/><path class="st2" d="m145.9 199.6l55.9 153c-39.1-18.9-66-59-66-105.3-0.1-17 3.6-33.1 10.1-47.7zm185.9 41.8c0-14.5-5.2-24.5-9.6-32.3-5.9-9.6-11.5-17.8-11.5-27.5 0-10.8 8.1-20.8 19.6-20.8 0.5 0 1 0.1 1.5 0.1-20.9-19.1-48.6-30.8-79.1-30.8-40.9 0-76.9 21-97.9 52.8 2.8 0.1 5.3 0.2 7.5 0.2 12.2 0 31.2-1.5 31.2-1.5 6.3-0.4 7 8.9 0.8 9.6 0 0-6.3 0.7-13.4 1.1l42.7 126.8 25.6-76.8-18.2-50c-6.3-0.4-12.3-1.1-12.3-1.1-6.3-0.4-5.6-10 0.7-9.6 0 0 19.3 1.5 30.8 1.5 12.2 0 31.2-1.5 31.2-1.5 6.3-0.4 7 8.9 0.8 9.6 0 0-6.3 0.7-13.4 1.1l42.3 125.9 11.7-39c5.2-16.2 9-27.8 9-37.8zm-77 16.1l-35.1 102.1c10.5 3.1 21.6 4.8 33.1 4.8 13.6 0 26.7-2.4 38.9-6.7-0.3-0.5-0.6-1-0.8-1.6l-36.1-98.6zm100.7-66.4c0.5 3.7 0.8 7.7 0.8 12.1 0 11.9-2.2 25.2-8.9 41.9l-35.8 103.4c34.8-20.3 58.2-58 58.2-101.2 0.1-20.4-5.1-39.5-14.3-56.2zm33.8 56.2c0 75.3-61.3 136.5-136.5 136.5-75.3 0-136.5-61.3-136.5-136.5 0-75.3 61.2-136.5 136.5-136.5 75.2 0 136.5 61.2 136.5 136.5zm-6.3 0c0-71.8-58.4-130.2-130.2-130.2s-130.2 58.4-130.2 130.2 58.4 130.2 130.2 130.2 130.2-58.4 130.2-130.2z"/></svg>';
252	+ break;
253	+ case 'yahoo' :
254	+ return '<svg version="1.1" class="sab-' . $icon . '" viewBox="0 0 500 500.7" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"><path class="st0" d="m499.4 250.9c0 2.2 0 4.4-0.1 6.6-0.1 3.7-0.3 7.3-0.5 10.9-0.1 1.7-0.2 3.3-0.4 5-0.2 2.2-0.4 4.5-0.7 6.7-0.1 0.6-0.1 1.1-0.2 1.7-0.7 4.8-1.4 9.5-2.2 14.2v0.3c-0.2 1-0.4 2-0.5 3 0 0.1 0 0.2-0.1 0.3 0 0.2-0.1 0.5-0.1 0.7-0.1 0.5-0.2 1-0.3 1.6-1 4.6-2.1 9.2-3.2 13.7-0.2 0.9-0.5 1.9-0.8 2.8-0.2 0.6-0.3 1.1-0.5 1.7-0.8 2.7-1.6 5.3-2.5 8-1.4 4.2-2.8 8.5-4.4 12.5-0.1 0.4-0.3 0.7-0.4 1.1-0.9 2.3-1.8 4.6-2.8 6.8-28.3 66.6-84.9 118.5-154.8 140.4-1.1 0.4-2.2 0.7-3.3 1-2.9 0.9-5.9 1.6-8.8 2.4-0.1 0-0.2 0.1-0.3 0.1-2.5 0.7-5 1.3-7.6 1.8-1.3 0.3-2.6 0.6-3.9 0.9-0.2 0.1-0.5 0.1-0.7 0.2-1.5 0.3-2.9 0.5-4.3 0.8-0.6 0.1-1.3 0.2-1.9 0.4-3.1 0.6-6.3 1.1-9.5 1.5-0.3 0-0.5 0.1-0.8 0.1-2.7 0.4-5.5 0.7-8.2 1-0.4 0-0.8 0.1-1.2 0.1-1.1 0.1-2.1 0.2-3.2 0.3s-2.2 0.2-3.4 0.2c-0.8 0.1-1.6 0.1-2.4 0.1-1.4 0.1-2.9 0.2-4.4 0.2-3.6 0.1-7.2 0.2-10.8 0.2-137.9 0-249.5-111.6-249.5-249.3s111.6-249.4 249.4-249.4c135.3 0 245.2 107.6 249.2 241.8 0.1 2.5 0.1 5.1 0.1 7.6z" fill="#410093"/><path class="st1" d="m498.8 268.4c-0.1 1.7-0.2 3.3-0.4 5-0.2 2.2-0.4 4.5-0.7 6.7-0.1 0.6-0.1 1.1-0.2 1.7-0.7 4.8-1.4 9.5-2.2 14.2v0.3c-0.2 1-0.4 2-0.5 3 0 0.1 0 0.2-0.1 0.3 0 0.2-0.1 0.5-0.1 0.7-0.1 0.5-0.2 1-0.3 1.6-1 4.6-2.1 9.2-3.2 13.7-0.2 0.9-0.5 1.9-0.8 2.8-0.2 0.6-0.3 1.1-0.5 1.7-0.8 2.7-1.6 5.3-2.5 8-1.4 4.2-2.8 8.5-4.4 12.5-0.1 0.4-0.3 0.7-0.4 1.1-0.9 2.3-1.8 4.6-2.8 6.8-28.3 66.6-84.9 118.5-154.8 140.4-1.1 0.4-2.2 0.7-3.3 1-2.9 0.9-5.9 1.6-8.8 2.4l-83.4-82.6 13.2-74.2-5-73-64.7-104v-30.4l93.7 92.5 92.1-92.5 140.1 140.3z"/><path class="st2" d="m262.8 288.7l2.2 121c-7-1.2-12.9-2.1-17.8-2.1-4.6 0-10.6 0.9-17.8 2.1l2.2-121c-30.2-52.1-60.6-108.2-95.6-160.6 6.5 1.7 12.7 2.1 18.3 2.1 5 0 11.2-0.4 18.8-2.1 22.5 39.7 45.2 76.3 74.3 124.1 20.5-33.9 50.1-79.3 74.2-124.1 6.1 1.6 12.1 2.1 18.1 2.1 6.3 0 12.8-0.6 19.3-2.1-19.1 26.4-72.6 119.3-96.2 160.6z"/></svg>';
255	+ break;
256	+ case 'youtube' :
257	+ return '<svg version="1.1" class="sab-' . $icon . '" viewBox="0 0 500 500.7" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"><path class="st0" d="m499.4 250.9c0 2.2 0 4.4-0.1 6.6-0.1 3.7-0.3 7.3-0.5 10.9-0.1 1.7-0.2 3.3-0.4 5-0.2 2.2-0.4 4.5-0.7 6.7-0.1 0.6-0.1 1.1-0.2 1.7-0.7 4.8-1.4 9.5-2.2 14.2v0.3c-0.2 1-0.4 2-0.5 3 0 0.1 0 0.2-0.1 0.3 0 0.2-0.1 0.5-0.1 0.7-0.1 0.5-0.2 1-0.3 1.6 0 0.2-0.1 0.3-0.1 0.5-1 4.4-2 8.8-3.1 13.2-0.2 0.9-0.5 1.9-0.8 2.8-0.2 0.6-0.3 1.1-0.5 1.7-0.8 2.7-1.6 5.3-2.5 8-1.4 4.2-2.8 8.5-4.4 12.5-0.1 0.4-0.3 0.7-0.4 1.1-0.9 2.3-1.8 4.6-2.8 6.8-28.3 66.6-84.9 118.5-154.8 140.4-1.1 0.4-2.2 0.7-3.3 1-2.9 0.9-5.9 1.6-8.8 2.4-0.1 0-0.2 0.1-0.3 0.1-1.4 0.4-2.8 0.8-4.2 1.1-1.1 0.3-2.2 0.5-3.4 0.7-1.3 0.3-2.6 0.6-3.9 0.9-0.2 0.1-0.5 0.1-0.7 0.2-1.5 0.3-2.9 0.5-4.3 0.8-0.6 0.1-1.3 0.2-1.9 0.4-3.1 0.6-6.3 1.1-9.5 1.5-0.3 0-0.5 0.1-0.8 0.1-2.7 0.4-5.5 0.7-8.2 1-0.4 0-0.8 0.1-1.2 0.1-1.1 0.1-2.1 0.2-3.2 0.3s-2.2 0.2-3.4 0.2c-0.8 0.1-1.6 0.1-2.4 0.1-1.4 0.1-2.9 0.2-4.4 0.2-3.6 0.1-7.2 0.2-10.8 0.2-137.9 0-249.5-111.6-249.5-249.3s111.6-249.4 249.4-249.4c135.3 0 245.2 107.6 249.2 241.8 0.1 2.5 0.1 5.1 0.1 7.6z" fill="#ff0000"/><path class="st1" d="m494.2 302.4c-1 4.4-2 8.8-3.1 13.2-0.2 0.9-0.5 1.9-0.8 2.8-0.2 0.6-0.3 1.1-0.5 1.7-0.8 2.7-1.6 5.3-2.5 8-1.4 4.2-2.8 8.5-4.4 12.5-0.1 0.4-0.3 0.7-0.4 1.1-0.9 2.3-1.8 4.6-2.8 6.8-28.3 66.6-84.9 118.5-154.8 140.4-1.1 0.4-2.2 0.7-3.3 1-2.9 0.9-5.9 1.6-8.8 2.4-0.1 0-0.2 0.1-0.3 0.1-1.4 0.4-2.8 0.8-4.2 1.1l-166.1-166.8 65.5-130 155.9-24.1 130.6 129.8z"/><path class="st2" d="m374 188.8c-2.9-10.9-11.4-19.5-22.3-22.4-19.7-5.3-98.6-5.3-98.6-5.3s-78.9 0-98.6 5.3c-10.9 2.9-19.4 11.5-22.3 22.4-5.3 19.8-5.3 61.1-5.3 61.1s0 41.3 5.3 61.1c2.9 10.9 11.4 19.2 22.3 22.1 19.7 5.3 98.6 5.3 98.6 5.3s78.9 0 98.6-5.3c10.9-2.9 19.4-11.2 22.3-22.1 5.3-19.8 5.3-61.1 5.3-61.1s0-41.3-5.3-61.1zm-146.7 98.6v-75l65.9 37.5-65.9 37.5z"/></svg>';
258	+ break;
259	+ case 'xing' :
260	+ return '<svg version="1.1" class="sab-' . $icon . '" viewBox="0 0 500 500.7" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"><path class="st0" d="m499.4 250.9c0 2.2 0 4.4-0.1 6.6-0.1 3.7-0.3 7.3-0.5 10.9-0.1 1.7-0.2 3.3-0.4 5-0.2 2.2-0.4 4.5-0.7 6.7-0.1 0.6-0.1 1.1-0.2 1.7-0.7 4.8-1.4 9.5-2.2 14.2v0.3c-0.2 1-0.4 2-0.5 3 0 0.1 0 0.2-0.1 0.3 0 0.2-0.1 0.5-0.1 0.7-0.1 0.5-0.2 1-0.3 1.6 0 0.2-0.1 0.3-0.1 0.5-1 4.4-2 8.8-3.1 13.2-0.2 0.9-0.5 1.9-0.8 2.8-0.2 0.6-0.3 1.1-0.5 1.7-0.8 2.7-1.6 5.3-2.5 8-1.4 4.2-2.8 8.5-4.4 12.5-0.1 0.4-0.3 0.7-0.4 1.1-0.9 2.3-1.8 4.6-2.8 6.8-28.3 66.6-84.9 118.5-154.8 140.4-1.1 0.4-2.2 0.7-3.3 1-2.9 0.9-5.9 1.6-8.8 2.4-0.1 0-0.2 0.1-0.3 0.1-1.4 0.4-2.8 0.8-4.2 1.1-1.1 0.3-2.2 0.5-3.4 0.7-1.3 0.3-2.6 0.6-3.9 0.9-0.2 0.1-0.5 0.1-0.7 0.2-1.5 0.3-2.9 0.5-4.3 0.8-0.6 0.1-1.3 0.2-1.9 0.4-1.2 0.2-2.5 0.5-3.8 0.7-1.9 0.3-3.8 0.6-5.7 0.8-0.3 0-0.5 0.1-0.8 0.1-2.7 0.4-5.5 0.7-8.2 1-0.4 0-0.8 0.1-1.2 0.1-1.1 0.1-2.1 0.2-3.2 0.3s-2.2 0.2-3.4 0.2c-0.8 0.1-1.6 0.1-2.4 0.1-1.4 0.1-2.9 0.2-4.4 0.2-3.6 0.1-7.2 0.2-10.8 0.2-137.9 0-249.5-111.6-249.5-249.3s111.6-249.4 249.4-249.4c133.8 0 242.7 105.2 249 237.2 0.1 1.5 0.1 3 0.2 4.6 0.1 2.5 0.1 5.1 0.1 7.6z" fill="#026466"/><path class="st1" d="m499.4 250.9c0 2.2 0 4.4-0.1 6.6-0.1 3.7-0.3 7.3-0.5 10.9-0.1 1.7-0.2 3.3-0.4 5-0.2 2.2-0.4 4.5-0.7 6.7-0.1 0.6-0.1 1.1-0.2 1.7-0.7 4.8-1.4 9.5-2.2 14.2v0.3c-0.2 1-0.4 2-0.5 3 0 0.1 0 0.2-0.1 0.3 0 0.2-0.1 0.5-0.1 0.7-0.1 0.5-0.2 1-0.3 1.6 0 0.2-0.1 0.3-0.1 0.5-1 4.4-2 8.8-3.1 13.2-0.2 0.9-0.5 1.9-0.8 2.8-0.2 0.6-0.3 1.1-0.5 1.7-0.8 2.7-1.6 5.3-2.5 8-1.4 4.2-2.8 8.5-4.4 12.5-0.1 0.4-0.3 0.7-0.4 1.1-0.9 2.3-1.8 4.6-2.8 6.8-28.3 66.6-84.9 118.5-154.8 140.4-1.1 0.4-2.2 0.7-3.3 1-2.9 0.9-5.9 1.6-8.8 2.4-0.1 0-0.2 0.1-0.3 0.1-1.4 0.4-2.8 0.8-4.2 1.1-1.1 0.3-2.2 0.5-3.4 0.7-1.3 0.3-2.6 0.6-3.9 0.9-0.2 0.1-0.5 0.1-0.7 0.2-1.5 0.3-2.9 0.5-4.3 0.8-0.6 0.1-1.3 0.2-1.9 0.4-1.2 0.2-2.5 0.5-3.8 0.7l-180.6-180.6 70.7-58.1-8.7-62.6 12.2-27.8 59.2 58.8 33.9 3.8 87-125.1 135.1 133.2c0.1 1.5 0.1 3 0.2 4.6 0.1 2.4 0.1 5 0.1 7.5z"/><path class="st2" d="m219.7 227.1c-1.2 2.3-17.2 30.3-47.9 84.3-3.3 5.7-7.4 8.5-12.1 8.5h-44.5c-5.3 0-8.3-5.1-5.8-9.8l47.1-82.8c0.1 0 0.1-0.1 0-0.2l-30-51.6c-2.9-5.3 0.2-9.6 5.8-9.6h44.5c5 0 9.1 2.8 12.3 8.3l30.6 52.9zm150.2-111.9l-98.3 172.8v0.2l62.5 113.8c2.7 4.8 0.1 9.6-5.8 9.6h-44.5c-5.2 0-9.3-2.7-12.3-8.3l-63.1-115.1c2.3-4 35.2-62 98.9-174.3 3.1-5.5 7.1-8.3 11.9-8.3h44.9c5.4-0.1 8.4 4.5 5.8 9.6z"/></svg>';
261	+ break;
262	+ case 'mixcloud' :
263	+ return '<svg version="1.1" class="sab-' . $icon . '" viewBox="0 0 500 500.7" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"><path class="st0" d="m499.4 250.9c0 2.2 0 4.4-0.1 6.6-0.1 3.7-0.3 7.3-0.5 10.9-0.1 1.7-0.2 3.3-0.4 5-0.2 2.2-0.4 4.5-0.7 6.7-0.1 0.6-0.1 1.1-0.2 1.7-0.7 4.8-1.4 9.5-2.2 14.2v0.3c-0.2 1-0.4 2-0.5 3 0 0.1 0 0.2-0.1 0.3v0.1c0 0.2-0.1 0.4-0.1 0.6-0.1 0.5-0.2 1-0.3 1.6 0 0.2-0.1 0.3-0.1 0.5-1 4.4-2 8.8-3.1 13.2-0.2 0.9-0.5 1.9-0.8 2.8-0.2 0.6-0.3 1.1-0.5 1.7-0.8 2.7-1.6 5.3-2.5 8-1.4 4.2-2.8 8.5-4.4 12.5-0.1 0.4-0.3 0.7-0.4 1.1-0.9 2.3-1.8 4.6-2.8 6.8-28.3 66.6-84.9 118.5-154.8 140.4-1.1 0.4-2.2 0.7-3.3 1-2.9 0.9-5.9 1.6-8.8 2.4-0.1 0-0.2 0.1-0.3 0.1-1.4 0.4-2.8 0.8-4.2 1.1-1.1 0.3-2.2 0.5-3.4 0.7-1.3 0.3-2.6 0.6-3.9 0.9-0.2 0.1-0.5 0.1-0.7 0.2-1.5 0.3-2.9 0.5-4.3 0.8-0.6 0.1-1.3 0.2-1.9 0.4-0.2 0-0.3 0.1-0.5 0.1l-3.3 0.6c-1.9 0.3-3.8 0.6-5.7 0.8-0.3 0-0.5 0.1-0.8 0.1-2.7 0.4-5.5 0.7-8.2 1-0.4 0-0.8 0.1-1.2 0.1-1.1 0.1-2.1 0.2-3.2 0.3s-2.2 0.2-3.4 0.2c-0.8 0.1-1.6 0.1-2.4 0.1-1.4 0.1-2.9 0.2-4.4 0.2-3.6 0.1-7.2 0.2-10.8 0.2-137.9 0-249.5-111.6-249.5-249.3s111.6-249.4 249.4-249.4c133.8 0 242.7 105.2 249 237.2 0.1 1.5 0.1 3 0.2 4.6 0.1 2.5 0.1 5.1 0.1 7.6z" fill="#52aad8"/><path class="st1" d="m494.7 299.7c0 0.2-0.1 0.4-0.1 0.6-0.1 0.5-0.2 1-0.3 1.6 0 0.2-0.1 0.3-0.1 0.5-1 4.4-2 8.8-3.1 13.2-0.2 0.9-0.5 1.9-0.8 2.8-0.2 0.6-0.3 1.1-0.5 1.7-0.8 2.7-1.6 5.3-2.5 8-1.4 4.2-2.8 8.5-4.4 12.5-0.1 0.4-0.3 0.7-0.4 1.1-0.9 2.3-1.8 4.6-2.8 6.8-28.3 66.6-84.9 118.5-154.8 140.4-1.1 0.4-2.2 0.7-3.3 1-2.9 0.9-5.9 1.6-8.8 2.4-0.1 0-0.2 0.1-0.3 0.1-1.4 0.4-2.8 0.8-4.2 1.1-1.1 0.3-2.2 0.5-3.4 0.7-1.3 0.3-2.6 0.6-3.9 0.9-0.2 0.1-0.5 0.1-0.7 0.2-1.5 0.3-2.9 0.5-4.3 0.8-0.6 0.1-1.3 0.2-1.9 0.4-0.2 0-0.3 0.1-0.5 0.1l-185.3-186.4-2.1-9.2s-8-46.4-8-47.9 10.1-15 10.1-15l14.4-16.5 22-14.5 8.5-10.5 18-25s16.5-8.5 18-8.5 33.5-9 33.5-9l53.7 9.2 76.8 75.8 18.6-12.5 31.6 31.9 0.5-50.1 90.8 91.3z"/><path class="st2" d="m310 224.5c-4.4-45-42.5-80.3-88.7-80.3-38.3 0-72.1 24.6-84.3 60.4-28.9 4.3-51.2 29-51.2 59.1 0 33 26.8 59.8 59.9 59.8h153.3c27.7 0 50.3-22.4 50.3-50.1 0.1-24-16.9-44.1-39.3-48.9zm-10.8 76.5h-153.4c-20.7 0-37.5-16.7-37.5-37.4s16.9-37.4 37.5-37.4c10 0 19.3 4 26.4 11 10.6 10.6 26.5-5.4 16-16-7.8-7.6-17.3-12.9-27.6-15.5 10.6-23.5 34.3-39.1 60.7-39.1 36.8 0 66.7 29.9 66.7 66.5 0 7.2-1.2 14.2-3.4 21-4.7 14.6 17 20.6 21.3 7 1.5-4.4 2.6-8.9 3.4-13.5 10.3 4 17.7 13.9 17.7 25.6 0 15.3-12.5 27.8-27.8 27.8zm124.4-27.7c0 23.3-6.7 45.7-19.6 64.9-2.2 3.2-5.7 5-9.4 5-8.6 0-14.4-10-9.2-17.4 10.3-15.5 15.8-33.7 15.8-52.5s-5.6-36.9-15.8-52.3c-8.3-12.1 10.2-25 18.6-12.5 12.8 19 19.6 41.5 19.6 64.8zm-37.5 0c0 16.7-4.8 32.8-14.2 46.8-2.2 3.2-5.7 4.8-9.4 4.8-9.1 0-14.3-10-9.2-17.4 6.9-10.1 10.4-21.8 10.4-34.2 0-12.2-3.5-24-10.4-34.2-8.3-12.2 10.1-24.9 18.6-12.5 9.3 13.8 14.2 30 14.2 46.7z"/></svg>';
264	+ break;
265	+ case 'goodreads' :
266	+ return '<svg version="1.1" class="sab-' . $icon . '" viewBox="0 0 500 500.7" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"><path class="st0" d="m499.4 250.9c0 2.2 0 4.4-0.1 6.6-0.1 3.7-0.3 7.3-0.5 10.9-0.1 1.7-0.2 3.3-0.4 5-0.2 2.2-0.4 4.5-0.7 6.7-0.1 0.6-0.1 1.1-0.2 1.7-0.7 4.4-1.3 8.8-2 13.2 0 0.4-0.1 0.7-0.2 1v0.3c-0.2 1-0.4 2-0.5 3 0 0.1 0 0.2-0.1 0.3v0.1c0 0.2-0.1 0.4-0.1 0.6-0.1 0.5-0.2 1-0.3 1.6 0 0.2-0.1 0.3-0.1 0.5-1 4.4-2 8.8-3.1 13.2-0.2 0.9-0.5 1.9-0.8 2.8-0.2 0.6-0.3 1.1-0.5 1.7-0.8 2.7-1.6 5.3-2.5 8-1.4 4.2-2.8 8.5-4.4 12.5-0.1 0.4-0.3 0.7-0.4 1.1-0.9 2.3-1.8 4.6-2.8 6.8-28.3 66.6-84.9 118.5-154.8 140.4-1.1 0.4-2.2 0.7-3.3 1-2.9 0.9-5.9 1.6-8.8 2.4-0.1 0-0.2 0.1-0.3 0.1-1.4 0.4-2.8 0.8-4.2 1.1-1.1 0.3-2.2 0.5-3.4 0.7-1.3 0.3-2.6 0.6-3.9 0.9-0.2 0.1-0.5 0.1-0.7 0.2-1.5 0.3-2.9 0.5-4.3 0.8-0.6 0.1-1.3 0.2-1.9 0.4-0.2 0-0.3 0.1-0.5 0.1l-3.3 0.6c-1.9 0.3-3.8 0.6-5.7 0.8-0.3 0-0.5 0.1-0.8 0.1-2.7 0.4-5.5 0.7-8.2 1-0.4 0-0.8 0.1-1.2 0.1-1.1 0.1-2.1 0.2-3.2 0.3s-2.2 0.2-3.4 0.2c-0.8 0.1-1.6 0.1-2.4 0.1-1.4 0.1-2.9 0.2-4.4 0.2-3.6 0.1-7.2 0.2-10.8 0.2-137.9 0-249.5-111.6-249.5-249.3s111.6-249.4 249.4-249.4c133.8 0 242.7 105.2 249 237.2 0.1 1.5 0.1 3 0.2 4.6 0.1 2.5 0.1 5.1 0.1 7.6z" fill="#553b08"/><path class="st1" d="m495.5 295c0 0.4-0.1 0.7-0.2 1v0.3c-0.2 1-0.4 2-0.5 3 0 0.1 0 0.2-0.1 0.3v0.1c0 0.2-0.1 0.4-0.1 0.6-0.1 0.5-0.2 1-0.3 1.6 0 0.2-0.1 0.3-0.1 0.5-1 4.4-2 8.8-3.1 13.2-0.2 0.9-0.5 1.9-0.8 2.8-0.2 0.6-0.3 1.1-0.5 1.7-0.8 2.7-1.6 5.3-2.5 8-1.4 4.2-2.8 8.5-4.4 12.5-0.1 0.4-0.3 0.7-0.4 1.1-0.9 2.3-1.8 4.6-2.8 6.8-28.3 66.6-84.9 118.5-154.8 140.4-1.1 0.4-2.2 0.7-3.3 1-2.9 0.9-5.9 1.6-8.8 2.4-0.1 0-0.2 0.1-0.3 0.1-1.4 0.4-2.8 0.8-4.2 1.1l-128.3-128.1 38.5 9 53.3 2-84-85.1-7.8-12.9s-3.5-20-4.2-24.9-7.3-15.8-7.3-26.5 2.7-34 2.7-34l8.8-28 16.5-17.3s14-10 16.7-8.8 24.7-8.5 28.7-8.5 35.3 9.3 37.3 8.5 24.6 32.1 24.6 32.1l23-45.6 168.7 169.6z"/><path class="st2" d="m164 330.4h1.5c6.6 0 13.3 0 19.9 0.1 0.8 0 1.6-0.2 1.9 1.1 3.7 18.2 15.7 28.5 32.8 33.4 14 4 28.2 4.1 42.4 0.9 17.6-3.9 29.2-14.8 35.5-31.5 4.2-11.2 5.6-22.9 5.7-34.7 0.1-3 0.2-24.5-0.1-27.6l-0.5-0.2c-0.4 0.8-0.9 1.5-1.3 2.3-11.5 22.5-32 35.2-55 36.1-53.8 2.1-88.4-29.8-89.8-92-0.3-12.4 0.9-24.5 4.3-36.4 10.8-37.1 38.9-61.7 80.3-62 32-0.2 53 20.2 60.7 36.7 0.3 0.6 0.7 1.2 1.3 1v-32.2h23.1c0 146.3 0.1 173.4 0.1 173.4-0.1 41-13.9 75-53.8 84.7-36.3 8.8-83 2.5-102.3-29.9-4.1-7-6.1-14.8-6.7-23.2zm76.4-191.5c-27.4-0.3-56.6 21.2-60 69.9-2.1 30.8 7.7 63.8 37.3 77.6 14.4 6.7 38.8 7.8 56.5-4.5 24.9-17.3 32.7-50.6 28.6-80.4-5.1-37.3-25-62.8-62.4-62.6z"/></svg>';
267	+ break;
268	+ case 'twitch' :
269	+ return '<svg version="1.1" class="sab-' . $icon . '" viewBox="0 0 500 500.7" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"><path class="st0" d="m499.4 250.9c0 2.2 0 4.4-0.1 6.6v0.4c-0.1 3.6-0.3 7-0.5 10.5-0.1 1.7-0.2 3.3-0.4 5-0.2 2.2-0.4 4.5-0.7 6.7-0.1 0.6-0.1 1.1-0.2 1.7-0.7 4.4-1.3 8.8-2 13.2 0 0.4-0.1 0.7-0.2 1v0.3c-0.2 1-0.4 2-0.5 3 0 0.1 0 0.2-0.1 0.3v0.1c0 0.2-0.1 0.4-0.1 0.6-0.1 0.5-0.2 1-0.3 1.6 0 0.2-0.1 0.3-0.1 0.5-1 4.4-2 8.8-3.1 13.2-0.2 0.9-0.5 1.9-0.8 2.8-0.2 0.6-0.3 1.1-0.5 1.7-0.8 2.7-1.6 5.3-2.5 8-1.4 4.2-2.8 8.5-4.4 12.5-0.1 0.4-0.3 0.7-0.4 1.1-0.9 2.3-1.8 4.6-2.8 6.8-28.3 66.6-84.9 118.5-154.8 140.4-1.1 0.4-2.2 0.7-3.3 1-2.9 0.9-5.9 1.6-8.8 2.4-0.1 0-0.2 0.1-0.3 0.1-1.4 0.4-2.8 0.8-4.2 1.1-1.1 0.3-2.2 0.5-3.4 0.7-1.3 0.3-2.6 0.6-3.9 0.9-0.2 0.1-0.5 0.1-0.7 0.2-1.5 0.3-2.9 0.5-4.3 0.8-0.6 0.1-1.3 0.2-1.9 0.4-0.2 0-0.3 0.1-0.5 0.1l-3.3 0.6c-1.9 0.3-3.8 0.6-5.7 0.8-0.3 0-0.5 0.1-0.8 0.1-2.7 0.4-5.5 0.7-8.2 1-0.4 0-0.8 0.1-1.2 0.1-1.1 0.1-2.1 0.2-3.2 0.3h-0.2c-1 0.1-2.1 0.2-3.2 0.2-0.8 0.1-1.6 0.1-2.4 0.1-1.4 0.1-2.9 0.2-4.4 0.2-3.6 0.1-7.2 0.2-10.8 0.2-137.9 0-249.5-111.6-249.5-249.3s111.6-249.4 249.4-249.4c133.8 0 242.7 105.2 249 237.2 0.1 1.5 0.1 3 0.2 4.6 0.1 2.5 0.1 5.1 0.1 7.6z" fill="#6441a5"/><path class="st1" d="m499.3 257.9c-0.1 3.6-0.3 7-0.5 10.5-0.1 1.7-0.2 3.3-0.4 5-0.2 2.2-0.4 4.5-0.7 6.7-0.1 0.6-0.1 1.1-0.2 1.7-0.7 4.4-1.3 8.8-2 13.2 0 0.4-0.1 0.7-0.2 1v0.3c-0.2 1-0.4 2-0.5 3 0 0.1 0 0.2-0.1 0.3v0.1c0 0.2-0.1 0.4-0.1 0.6-0.1 0.5-0.2 1-0.3 1.6 0 0.2-0.1 0.3-0.1 0.5-1 4.4-2 8.8-3.1 13.2-0.2 0.9-0.5 1.9-0.8 2.8-0.2 0.6-0.3 1.1-0.5 1.7-0.8 2.7-1.6 5.3-2.5 8-1.4 4.2-2.8 8.5-4.4 12.5-0.1 0.4-0.3 0.7-0.4 1.1-0.9 2.3-1.8 4.6-2.8 6.8-28.3 66.6-84.9 118.5-154.8 140.4-1.1 0.4-2.2 0.7-3.3 1-2.9 0.9-5.9 1.6-8.8 2.4-0.1 0-0.2 0.1-0.3 0.1-1.4 0.4-2.8 0.8-4.2 1.1-1.1 0.3-2.2 0.5-3.4 0.7-1.3 0.3-2.6 0.6-3.9 0.9-0.2 0.1-0.5 0.1-0.7 0.2-1.5 0.3-2.9 0.5-4.3 0.8-0.6 0.1-1.3 0.2-1.9 0.4-0.2 0-0.3 0.1-0.5 0.1l-3.3 0.6c-1.9 0.3-3.8 0.6-5.7 0.8-0.3 0-0.5 0.1-0.8 0.1-2.7 0.4-5.5 0.7-8.2 1-0.4 0-0.8 0.1-1.2 0.1-1.1 0.1-2.1 0.2-3.2 0.3h-0.2l-141.5-142.9 26.5-209.4 162-4 56.2-10.2 125.1 124.9z"/><path class="st2" d="m146.7 133l-17.2 44v179.7h61.2v32.5h34.3l32.5-32.5h49.7l66.9-66.9v-156.8h-227.4zm204.5 145.3l-38.2 38.2h-61.2l-32.5 32.5v-32.5h-51.6v-160.6h183.5v122.4zm-38.3-78.4v66.8h-22.9v-66.8h22.9zm-61.1 0v66.8h-22.9v-66.8h22.9z"/></svg>';
270	+ break;
271	+ case 'vk' :
272	+ return '<svg version="1.1" class="sab-' . $icon . '" viewBox="0 0 500 500.7" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"><path class="st0" d="m499.4 250.9c0 2.2 0 4.4-0.1 6.6v0.4c-0.1 2.2-0.2 4.4-0.3 6.5-0.1 1.3-0.1 2.6-0.2 4-0.1 1.7-0.2 3.3-0.4 5-0.2 2.2-0.4 4.5-0.7 6.7-0.1 0.6-0.1 1.1-0.2 1.7-0.7 4.4-1.3 8.8-2 13.2 0 0.4-0.1 0.7-0.2 1v0.3c-0.2 1-0.4 2-0.5 3 0 0.1 0 0.2-0.1 0.3v0.1c0 0.2-0.1 0.4-0.1 0.6-0.1 0.5-0.2 1-0.3 1.6 0 0.2-0.1 0.3-0.1 0.5-1 4.4-2 8.8-3.1 13.2-0.2 0.9-0.5 1.9-0.8 2.8-0.2 0.6-0.3 1.1-0.5 1.7-0.8 2.7-1.6 5.3-2.5 8-1.4 4.2-2.8 8.5-4.4 12.5-0.1 0.4-0.3 0.7-0.4 1.1-0.9 2.3-1.8 4.6-2.8 6.8-28.1 66.2-84.2 117.8-153.5 140-0.5 0.2-0.9 0.3-1.3 0.4-1.1 0.4-2.2 0.7-3.3 1-2.9 0.9-5.9 1.6-8.8 2.4-0.1 0-0.2 0.1-0.3 0.1-1.4 0.4-2.8 0.8-4.2 1.1-1.1 0.3-2.2 0.5-3.4 0.7-1.3 0.3-2.6 0.6-3.9 0.9-0.2 0.1-0.5 0.1-0.7 0.2-1.5 0.3-2.9 0.5-4.3 0.8-0.6 0.1-1.3 0.2-1.9 0.4-0.2 0-0.3 0.1-0.5 0.1l-3.3 0.6c-1.9 0.3-3.8 0.6-5.7 0.8-0.3 0-0.5 0.1-0.8 0.1-2.7 0.4-5.5 0.7-8.2 1-0.4 0-0.8 0.1-1.2 0.1-1.1 0.1-2.1 0.2-3.2 0.3h-0.2c-1 0.1-2.1 0.2-3.2 0.2-0.8 0.1-1.6 0.1-2.4 0.1-1.4 0.1-2.9 0.2-4.4 0.2-3.6 0.1-7.2 0.2-10.8 0.2-137.9 0-249.5-111.6-249.5-249.3s111.6-249.4 249.4-249.4c133.8 0 242.7 105.2 249 237.2 0.1 1.5 0.1 3 0.2 4.6 0.1 2.5 0.1 5.1 0.1 7.6z" fill="#45668e"/><path class="st1" d="m499 264.4c-0.1 1.3-0.1 2.6-0.2 4-0.1 1.7-0.2 3.3-0.4 5-0.2 2.2-0.4 4.5-0.7 6.7-0.1 0.6-0.1 1.1-0.2 1.7-0.7 4.4-1.3 8.8-2 13.2 0 0.4-0.1 0.7-0.2 1v0.3c-0.2 1-0.4 2-0.5 3 0 0.1 0 0.2-0.1 0.3v0.1c0 0.2-0.1 0.4-0.1 0.6-0.1 0.5-0.2 1-0.3 1.6 0 0.2-0.1 0.3-0.1 0.5-1 4.4-2 8.8-3.1 13.2-0.2 0.9-0.5 1.9-0.8 2.8-0.2 0.6-0.3 1.1-0.5 1.7-0.8 2.7-1.6 5.3-2.5 8-1.4 4.2-2.8 8.5-4.4 12.5-0.1 0.4-0.3 0.7-0.4 1.1-0.9 2.3-1.8 4.6-2.8 6.8-28.1 66.2-84.2 117.8-153.5 140l-168.4-167.3-31-85 14.6-64.7 78.4 81.7 48-84 73 64 65.5-62.1 92.7 93.3z"/><path class="st2" d="m408.9 182.6c2.3-7.7 0-13.4-11-13.4h-36.4c-9.3 0-13.5 4.9-15.8 10.3 0 0-18.5 45.2-44.8 74.5-8.5 8.5-12.4 11.2-17 11.2-2.3 0-5.8-2.7-5.8-10.4v-72.2c0-9.3-2.6-13.4-10.3-13.4h-57.3c-5.8 0-9.3 4.3-9.3 8.3 0 8.8 13.1 10.8 14.5 35.5v53.7c0 11.7-2.1 13.9-6.7 13.9-12.4 0-42.4-45.4-60.2-97.3-3.6-10.1-7.1-14.2-16.4-14.2h-36.5c-10.4 0-12.5 4.9-12.5 10.3 0 9.6 12.4 57.6 57.6 120.9 30.1 43.2 72.5 66.6 111.1 66.6 23.2 0 26-5.2 26-14.2 0-41.3-2.1-45.2 9.5-45.2 5.4 0 14.7 2.7 36.3 23.6 24.7 24.7 28.8 35.8 42.7 35.8h36.4c10.4 0 15.6-5.2 12.6-15.5-6.9-21.6-53.7-66-55.8-68.9-5.4-6.9-3.8-10 0-16.2 0 0.1 44.5-62.5 49.1-83.7z"/></svg>';
273	+ break;
274	+ case 'medium' :
275	+ return '<svg class="sab-' . $icon . '" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 500.7"><path class="st0" d="M499.4 250.9c0 2.2 0 4.4-0.1 6.6v0.4c-0.1 2.2-0.2 4.4-0.3 6.5 -0.1 1.3-0.1 2.6-0.2 4 -0.1 1.7-0.2 3.3-0.4 5 -0.2 2.2-0.4 4.5-0.7 6.7 -0.1 0.6-0.1 1.1-0.2 1.7 -0.7 4.4-1.3 8.8-2 13.2 0 0.4-0.1 0.7-0.2 1v0.3c-0.2 1-0.4 2-0.5 3 0 0.1 0 0.2-0.1 0.3v0.1c0 0.2-0.1 0.4-0.1 0.6 -0.1 0.5-0.2 1-0.3 1.6 0 0.2-0.1 0.3-0.1 0.5 -1 4.4-2 8.8-3.1 13.2 -0.2 0.9-0.5 1.9-0.8 2.8 -0.2 0.6-0.3 1.1-0.5 1.7 -0.8 2.7-1.6 5.3-2.5 8 -1.4 4.2-2.8 8.5-4.4 12.5 -0.1 0.4-0.3 0.7-0.4 1.1 -0.9 2.3-1.8 4.6-2.8 6.8 -28.1 66.2-84.2 117.8-153.5 140 -0.5 0.2-0.9 0.3-1.3 0.4 -1.1 0.4-2.2 0.7-3.3 1 -2.9 0.9-5.9 1.6-8.8 2.4 -0.1 0-0.2 0.1-0.3 0.1 -1.4 0.4-2.8 0.8-4.2 1.1 -1.1 0.3-2.2 0.5-3.4 0.7 -1.3 0.3-2.6 0.6-3.9 0.9 -0.2 0.1-0.5 0.1-0.7 0.2 -1.5 0.3-2.9 0.5-4.3 0.8 -0.6 0.1-1.3 0.2-1.9 0.4 -0.2 0-0.3 0.1-0.5 0.1 -1.1 0.2-2.2 0.4-3.3 0.6 -1.9 0.3-3.8 0.6-5.7 0.8 -0.3 0-0.5 0.1-0.8 0.1 -2.7 0.4-5.5 0.7-8.2 1 -0.4 0-0.8 0.1-1.2 0.1 -1.1 0.1-2.1 0.2-3.2 0.3 -0.1 0-0.1 0-0.2 0 -1 0.1-2.1 0.2-3.2 0.2 -0.8 0.1-1.6 0.1-2.4 0.1 -1.4 0.1-2.9 0.2-4.4 0.2 -3.6 0.1-7.2 0.2-10.8 0.2 -4.3 0-8.7-0.1-13-0.3C105.4 493.1 0.7 384.3 0.7 250.9 0.7 113.2 112.3 1.5 250.1 1.5c129.3 0 235.3 98.2 248 223.9 0.5 4.4 0.8 8.9 1 13.3 0.1 1.5 0.1 3 0.2 4.6C499.4 245.8 499.4 248.4 499.4 250.9z" fill="#00ab6c"/><path class="st1" d="M499.4 250.9c0 2.2 0 4.4-0.1 6.6v0.4c-0.1 2.2-0.2 4.4-0.3 6.5 -0.1 1.3-0.1 2.6-0.2 4 -0.1 1.7-0.2 3.3-0.4 5 -0.2 2.2-0.4 4.5-0.7 6.7 -0.1 0.6-0.1 1.1-0.2 1.7 -0.7 4.4-1.3 8.8-2 13.2 0 0.4-0.1 0.7-0.2 1v0.3c-0.2 1-0.4 2-0.5 3 0 0.1 0 0.2-0.1 0.3v0.1c0 0.2-0.1 0.4-0.1 0.6 -0.1 0.5-0.2 1-0.3 1.6 0 0.2-0.1 0.3-0.1 0.5 -1 4.4-2 8.8-3.1 13.2 -0.2 0.9-0.5 1.9-0.8 2.8 -0.2 0.6-0.3 1.1-0.5 1.7 -0.8 2.7-1.6 5.3-2.5 8 -1.4 4.2-2.8 8.5-4.4 12.5 -0.1 0.4-0.3 0.7-0.4 1.1 -0.9 2.3-1.8 4.6-2.8 6.8 -28.1 66.2-84.2 117.8-153.5 140 -0.5 0.2-0.9 0.3-1.3 0.4 -1.1 0.4-2.2 0.7-3.3 1 -2.9 0.9-5.9 1.6-8.8 2.4 -0.1 0-0.2 0.1-0.3 0.1 -1.4 0.4-2.8 0.8-4.2 1.1 -1.1 0.3-2.2 0.5-3.4 0.7 -1.3 0.3-2.6 0.6-3.9 0.9 -0.2 0.1-0.5 0.1-0.7 0.2 -1.5 0.3-2.9 0.5-4.3 0.8 -0.6 0.1-1.3 0.2-1.9 0.4 -0.2 0-0.3 0.1-0.5 0.1 -1.1 0.2-2.2 0.4-3.3 0.6 -1.9 0.3-3.8 0.6-5.7 0.8 -0.3 0-0.5 0.1-0.8 0.1 -2.7 0.4-5.5 0.7-8.2 1 -0.4 0-0.8 0.1-1.2 0.1 -1.1 0.1-2.1 0.2-3.2 0.3 -0.1 0-0.1 0-0.2 0 -1 0.1-2.1 0.2-3.2 0.2 -0.8 0.1-1.6 0.1-2.4 0.1 -1.4 0.1-2.9 0.2-4.4 0.2 -3.6 0.1-7.2 0.2-10.8 0.2 -4.3 0-8.7-0.1-13-0.3L103.4 366.4l49.6-19.1 -5-142 13-38 32.8-37.6L294 227.3l18-43 90.4-54.6 95.7 95.7c0.5 4.4 0.8 8.9 1 13.3 0.1 1.5 0.1 3 0.2 4.6C499.4 245.8 499.4 248.4 499.4 250.9z"/><path class="st2" d="M138.8 178c0.4-3.6-1.1-7.3-3.8-9.8l-27.9-33.6v-5h86.7l67 147 58.9-147h82.7v5l-23.9 22.9c-2 1.5-3.1 4.1-2.7 6.7v168.2c-0.4 2.5 0.6 5.1 2.7 6.7l23.3 22.9v5H284.6v-5l24.2-23.4c2.3-2.3 2.3-3.1 2.3-6.7V195.9l-67.2 170.6h-9.1l-78.1-170.6v114.3c-0.7 4.8 0.9 9.6 4.3 13.1l31.4 38.1v5h-89v-4.9l31.4-38.1c3.3-3.5 4.9-8.3 4-13.1V178z"/></svg>';
276	+ break;
277	+ case 'quora' :
278	+ return '<svg class="sab-' . $icon . '" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 500.7"><path class="st0" d="M499.4 250.9c0 2.2 0 4.4-0.1 6.6v0.4c-0.1 2.2-0.2 4.4-0.3 6.5 -0.1 1.3-0.1 2.6-0.2 4 -0.1 1.7-0.2 3.3-0.4 5 -0.2 2.2-0.4 4.5-0.7 6.7 -0.1 0.6-0.1 1.1-0.2 1.7 -0.7 4.4-1.3 8.8-2 13.2 0 0.4-0.1 0.7-0.2 1v0.3c-0.2 1-0.4 2-0.5 3 0 0.1 0 0.2-0.1 0.3v0.1c0 0.2-0.1 0.4-0.1 0.6 -0.1 0.5-0.2 1-0.3 1.6 0 0.2-0.1 0.3-0.1 0.5 -0.6 2.6-1.2 5.2-1.8 7.8 -0.4 1.8-0.9 3.6-1.3 5.5 -0.2 0.9-0.5 1.9-0.8 2.8 -0.2 0.6-0.3 1.1-0.5 1.7 -0.8 2.7-1.6 5.3-2.5 8 -1.4 4.2-2.8 8.5-4.4 12.5 -0.1 0.4-0.3 0.7-0.4 1.1 -0.9 2.3-1.8 4.6-2.8 6.8 -28.1 66.2-84.2 117.8-153.5 140 -0.5 0.2-0.9 0.3-1.3 0.4 -1.1 0.4-2.2 0.7-3.3 1 -2.9 0.9-5.9 1.6-8.8 2.4 -0.1 0-0.2 0.1-0.3 0.1 -0.4 0.1-0.7 0.2-1.1 0.3 -1 0.3-2.1 0.6-3.1 0.8 -1.1 0.3-2.2 0.5-3.4 0.7 -1.3 0.3-2.6 0.6-3.9 0.9 -0.2 0.1-0.5 0.1-0.7 0.2 -1.5 0.3-2.9 0.5-4.3 0.8 -0.6 0.1-1.3 0.2-1.9 0.4 -0.2 0-0.3 0.1-0.5 0.1 -1.1 0.2-2.2 0.4-3.3 0.6 -1.9 0.3-3.8 0.6-5.7 0.8 -0.3 0-0.5 0.1-0.8 0.1 -2.7 0.4-5.5 0.7-8.2 1 -0.4 0-0.8 0.1-1.2 0.1 -1.1 0.1-2.1 0.2-3.2 0.3 -0.1 0-0.1 0-0.2 0 -1 0.1-2.1 0.2-3.2 0.2 -0.8 0.1-1.6 0.1-2.4 0.1 -1.4 0.1-2.9 0.2-4.4 0.2 -3.6 0.1-7.2 0.2-10.8 0.2 -4.3 0-8.7-0.1-13-0.3C105.4 493.1 0.7 384.3 0.7 250.9 0.7 113.2 112.3 1.5 250.1 1.5c129.3 0 235.3 98.2 248 223.9 0.5 4.4 0.8 8.9 1 13.3 0.1 1.5 0.1 3 0.2 4.6C499.4 245.8 499.4 248.4 499.4 250.9z" fill="#a82400"/><path class="st1" d="M492.4 310.1c-0.4 1.8-0.9 3.6-1.3 5.5 -0.2 0.9-0.5 1.9-0.8 2.8 -0.2 0.6-0.3 1.1-0.5 1.7 -0.8 2.7-1.6 5.3-2.5 8 -1.4 4.2-2.8 8.5-4.4 12.5 -0.1 0.4-0.3 0.7-0.4 1.1 -0.9 2.3-1.8 4.6-2.8 6.8 -28.1 66.2-84.2 117.8-153.5 140 -0.5 0.2-0.9 0.3-1.3 0.4 -1.1 0.4-2.2 0.7-3.3 1 -2.9 0.9-5.9 1.6-8.8 2.4 -0.1 0-0.2 0.1-0.3 0.1 -0.4 0.1-0.7 0.2-1.1 0.3l-159-158.9L148 202.2l37-43 29-12.9 35.5-14.1 77.2 14.1L492.4 310.1z"/><path class="st2" d="M402.8 352.4h-19.1c-1 8.8-6.9 20.1-21.5 20.1 -13.4 0-23-9.3-32.3-23.4 28.9-22.3 48.8-57.1 48.8-99.9 0.1-76.7-63.1-128.4-129.5-128.4 -65.1 0-129 52-129 128.4 0 87.5 85.7 144.6 162.5 123.4 12.9 21.9 29.8 40.7 62.1 40.7C398.1 413.3 403.9 364.2 402.8 352.4zM309.1 314.9c-12.7-19.1-28.5-34.1-59.7-34.1 -19.9 0-35.4 6.5-45 14.9l8 15.9c4-2 8.5-2.6 12.9-2.6 23.2 0 35.1 20.1 45.2 40 -6.5 2-13.5 2.7-21.3 2.7 -49 0-70.2-34.6-70.2-102.3 0-68.1 21.2-103.1 70.2-103.1 49.7 0 71 34.9 71 102.9C320.1 276.6 316.5 298.6 309.1 314.9z"/></svg>';
279	+ break;
280	+ case 'meetup' :
281	+ return '<svg class="sab-' . $icon . '" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 500.7"><path class="st0" d="M499.4 250.9c0 2.2 0 4.4-0.1 6.6v0.4c-0.1 2.2-0.2 4.4-0.3 6.5 -0.1 1.3-0.1 2.6-0.2 4 -0.1 1.7-0.2 3.3-0.4 5 0 0.2 0 0.4-0.1 0.6 -0.2 2-0.4 4.1-0.6 6.1 -0.1 0.6-0.1 1.1-0.2 1.7 -0.7 4.4-1.3 8.8-2 13.2 0 0.4-0.1 0.7-0.2 1v0.3c-0.2 1-0.4 2-0.5 3 0 0.1 0 0.2-0.1 0.3v0.1c0 0.2-0.1 0.4-0.1 0.6 -0.1 0.5-0.2 1-0.3 1.6 0 0.2-0.1 0.3-0.1 0.5 -0.6 2.6-1.2 5.2-1.8 7.8 -0.4 1.8-0.9 3.6-1.3 5.5 -0.2 0.9-0.5 1.9-0.8 2.8 -0.2 0.6-0.3 1.1-0.5 1.7 -0.8 2.7-1.6 5.3-2.5 8 -1.4 4.2-2.8 8.5-4.4 12.5 -0.1 0.4-0.3 0.7-0.4 1.1 -0.9 2.3-1.8 4.6-2.8 6.8 -28.1 66.2-84.2 117.8-153.5 140 -0.5 0.2-0.9 0.3-1.3 0.4 -1.1 0.4-2.2 0.7-3.3 1 -2.9 0.9-5.9 1.6-8.8 2.4 -0.1 0-0.2 0.1-0.3 0.1 -0.4 0.1-0.7 0.2-1.1 0.3 -1 0.3-2.1 0.6-3.1 0.8 -1 0.3-2 0.5-3.1 0.6 -0.1 0-0.2 0-0.3 0.1 -1 0.2-1.9 0.4-2.9 0.7 -0.3 0.1-0.7 0.2-1 0.2 -0.2 0.1-0.5 0.1-0.7 0.2 -1.5 0.3-2.9 0.5-4.3 0.8 -0.6 0.1-1.3 0.2-1.9 0.4 -0.2 0-0.3 0.1-0.5 0.1 -1.1 0.2-2.2 0.4-3.3 0.6 -1.2 0.2-2.4 0.4-3.5 0.5h0c-0.7 0.1-1.4 0.2-2.1 0.3 -0.3 0-0.5 0.1-0.8 0.1 -2.7 0.4-5.5 0.7-8.2 1 -0.4 0-0.8 0.1-1.2 0.1 -1.1 0.1-2.1 0.2-3.2 0.3 -0.1 0-0.1 0-0.2 0 -1 0.1-2.1 0.2-3.2 0.2 -0.8 0.1-1.6 0.1-2.4 0.1 -1.4 0.1-2.9 0.2-4.4 0.2 -3.6 0.1-7.2 0.2-10.8 0.2 -4.3 0-8.7-0.1-13-0.3C105.4 493.1 0.7 384.3 0.7 250.9 0.7 113.2 112.3 1.5 250.1 1.5c129.3 0 235.3 98.2 248 223.9 0.5 4.4 0.8 8.9 1 13.3 0.1 1.5 0.1 3 0.2 4.6C499.4 245.8 499.4 248.4 499.4 250.9z" fill="#e0393e"/><path class="st1" d="M302 495c-0.3 0.1-0.7 0.2-1 0.2 -0.2 0.1-0.5 0.1-0.7 0.2 -1.5 0.3-2.9 0.5-4.3 0.8 -0.6 0.1-1.3 0.2-1.9 0.4 -0.2 0-0.3 0.1-0.5 0.1 -1.1 0.2-2.2 0.4-3.3 0.6 -1.2 0.2-2.4 0.4-3.5 0.5h0l-140.6-141 8-10.7L302 495z"/><path class="st1" d="M498.3 274c-0.2 2-0.4 4.1-0.6 6.1 -0.1 0.6-0.1 1.1-0.2 1.7 -0.7 4.4-1.3 8.8-2 13.2 0 0.4-0.1 0.7-0.2 1v0.3c-0.2 1-0.4 2-0.5 3 0 0.1 0 0.2-0.1 0.3v0.1c0 0.2-0.1 0.4-0.1 0.6 -0.1 0.5-0.2 1-0.3 1.6 0 0.2-0.1 0.3-0.1 0.5 -0.6 2.6-1.2 5.2-1.8 7.8 -0.4 1.8-0.9 3.6-1.3 5.5 -0.2 0.9-0.5 1.9-0.8 2.8 -0.2 0.6-0.3 1.1-0.5 1.7 -0.8 2.7-1.6 5.3-2.5 8 -1.4 4.2-2.8 8.5-4.4 12.5 -0.1 0.4-0.3 0.7-0.4 1.1 -0.9 2.3-1.8 4.6-2.8 6.8 -28.1 66.2-84.2 117.8-153.5 140 -0.5 0.2-0.9 0.3-1.3 0.4 -1.1 0.4-2.2 0.7-3.3 1 -2.9 0.9-5.9 1.6-8.8 2.4 -0.1 0-0.2 0.1-0.3 0.1 -0.4 0.1-0.7 0.2-1.1 0.3 -1 0.3-2.1 0.6-3.1 0.8 -1 0.3-2 0.5-3.1 0.6L187.5 377.4l-5.5-15 -42.2-40.8 6.4-21.2 -47.4-48.2 16.1-23.9 20.6 20.8 14.8 6.7v-15.4l-4-30.4 33.3-28.1 -27.2-29.3 17.7-12.6 14.5 14 46.8-13.5 -45-46 10-11.3 40.1 39.2 69 26.7 -33.7-36L296 98l80.8 81.8 21.9-5L498.3 274z"/><path class="st2" d="M156.7 350.1c0.7 3.7-1.5 7.2-5.2 8 -3.5 0.7-7.1-1.5-7.8-5.2 -0.7-3.5 1.5-7.2 5-8S155.9 346.4 156.7 350.1zM249.3 396.3c-4.1 3-5.2 8.7-2.4 13 3 4.3 8.7 5.4 13 2.4 4.1-3 5.2-8.7 2.2-13C259.4 394.5 253.6 393.3 249.3 396.3L249.3 396.3zM193.7 96.9c4.1-0.9 6.7-5 5.8-9.1 -0.7-4.3-4.8-6.9-8.9-5.9 -4.1 0.9-6.7 5-5.9 9.1C185.6 95.3 189.6 97.9 193.7 96.9L193.7 96.9zM114.8 228.3c-6.5-4.5-15.3-2.8-19.8 3.9 -4.5 6.5-2.8 15.5 3.7 20 6.5 4.6 15.3 3 19.8-3.7C123 241.8 121.3 232.9 114.8 228.3zM291 117.7c6.9-4.1 8.9-13 5-19.6 -4.1-6.9-12.8-9.1-19.4-5 -6.7 4.1-8.9 13-4.8 19.8C275.6 119.5 284.3 121.7 291 117.7L291 117.7zM167.2 155.2c5-3.5 6.1-10.4 2.8-15.3 -3.3-5-10.2-6.1-15-2.8 -5 3.5-6.1 10.4-2.8 15.3C155.6 157.5 162.4 158.6 167.2 155.2zM408.3 256.2c-4.8 1.1-8 5.9-6.9 10.9 0.9 4.8 5.8 8 10.6 6.9 4.8-0.9 8-5.8 6.9-10.7C417.9 258.5 413.1 255.3 408.3 256.2zM434 219.5c-0.7-3.7-4.3-5.9-7.8-5.2 -3.7 0.7-5.9 4.5-5.2 8.2 0.7 3.5 4.3 5.9 8 5.2C432.5 226.6 434.9 223.2 434 219.5zM382 171.7c-5.6 3.9-6.9 11.5-3.2 17 3.7 5.6 11.3 6.9 16.8 3.2 5.4-3.9 6.7-11.5 3-17C395 169.3 387.4 167.9 382 171.7zM377.9 262c17 27.9 9.8 64.8-17 83.6 -11.3 8-24 11.5-36.8 11.1 -7.8 30.5-44.9 41.8-68.1 21.1 -0.7 0.6-1.7 1.1-2.4 1.9 -25.3 17.5-59.8 11.3-77.3-14.4 -6.3-9.3-9.5-19.8-9.8-30.4 -42.3-7.1-58.3-60.9-26.6-90.5 -18.3-30.4 0.4-69.5 34.6-74.4 16.3-42.9 69.7-63.2 105.9-35.1 43.6-14.4 88.3 19 84.8 65.5C391.8 208.5 399.4 243.7 377.9 262zM332.6 310.1c-2-13.3-26.5-3-27.9-17.5 -2-20.7 28.3-65.5 25.9-82.9 -2.2-15.5-12.6-18.8-21.6-19 -8.7-0.2-10.9 1.3-13.9 3 -1.9 1.1-4.3 3.2-7.6-0.2 -4.1-3.9-7.2-7.6-12.6-8.4 -8-1.3-11.5 1.3-17.2 6.3 -2.2 1.9-7.8 8.4-13 5.9 -2.2-1.1-10-5-15.5-7.4 -10.6-4.6-25.9 3-31.5 13 -8.4 14.8-24.6 73.2-27 81 -5.6 17.2 7.1 31.5 23.9 30.5 7.2-0.4 11.8-3 16.4-11.3 2.6-4.8 27-69.7 28.9-72.9 1.3-2.2 5.8-5.2 9.5-3.3 3.7 2 4.5 6.1 3.9 9.8 -0.7 6.3-18.1 45.9-18.7 50.3 -2.2 14.8 17.4 17.2 25 2.6 2.4-4.6 29.6-60 32-63.7 2.8-4.1 4.8-5.4 7.6-5.2 2 0 5.4 0.6 4.6 7.1 -0.9 6.1-22.7 46.8-25.2 56.8 -3 13.3 4.3 26.8 16.1 32.8C302.1 321 335.2 327.5 332.6 310.1L332.6 310.1zM336.3 369.9c-6.7 4.8-8.4 14.2-3.7 21.1 4.6 6.9 13.9 8.5 20.7 3.9 6.9-4.8 8.5-14.2 3.9-21.1C352.4 366.9 343.2 365 336.3 369.9z"/></svg>';
282	+ break;
283	+ case 'user_email' :
284	+ return '<svg class="sab-' . $icon . '" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 500.7"><path class="st0" d="M499.4 250.9c0 2.2 0 4.4-0.1 6.6v0.4c-0.1 1.8-0.2 3.6-0.2 5.3 0 0.4 0 0.8-0.1 1.2 -0.1 1.3-0.1 2.6-0.2 4 -0.1 1.7-0.2 3.3-0.4 5 0 0.2 0 0.4-0.1 0.6 -0.2 2-0.4 4.1-0.6 6.1 -0.1 0.6-0.1 1.1-0.2 1.7 -0.7 4.4-1.3 8.8-2 13.2 0 0.4-0.1 0.7-0.2 1v0.3c-0.2 1-0.4 2-0.5 3 0 0.1 0 0.2-0.1 0.3v0.1c0 0.2-0.1 0.4-0.1 0.6 -0.1 0.5-0.2 1-0.3 1.6 0 0.2-0.1 0.3-0.1 0.5 -0.6 2.6-1.2 5.2-1.8 7.8 -0.4 1.8-0.9 3.6-1.3 5.5 -0.2 0.9-0.5 1.9-0.8 2.8 -0.2 0.6-0.3 1.1-0.5 1.7 -0.8 2.7-1.6 5.3-2.5 8 -1.4 4.2-2.8 8.5-4.4 12.5 -0.1 0.4-0.3 0.7-0.4 1.1 -0.9 2.3-1.8 4.6-2.8 6.8 -28.1 66.2-84.2 117.8-153.5 140 -0.5 0.2-0.9 0.3-1.3 0.4 -1.1 0.4-2.2 0.7-3.3 1 -2.9 0.9-5.9 1.6-8.8 2.4 -0.1 0-0.2 0.1-0.3 0.1 -0.4 0.1-0.7 0.2-1.1 0.3 -1 0.3-2.1 0.6-3.1 0.8 -1 0.3-2 0.5-3.1 0.6 -0.1 0-0.2 0-0.3 0.1 -1 0.2-1.9 0.4-2.9 0.7 -0.3 0.1-0.7 0.2-1 0.2 -0.2 0.1-0.5 0.1-0.7 0.2 -1.5 0.3-2.9 0.5-4.3 0.8 -0.6 0.1-1.3 0.2-1.9 0.4 -0.2 0-0.3 0.1-0.5 0.1 -1.1 0.2-2.2 0.4-3.3 0.6 -1.2 0.2-2.4 0.4-3.5 0.5 -0.7 0.1-1.4 0.2-2.1 0.3 -0.3 0-0.5 0.1-0.8 0.1 -2.7 0.4-5.5 0.7-8.2 1 -0.3 0-0.7 0.1-1 0.1 -0.1 0-0.1 0-0.2 0 -1.1 0.1-2.1 0.2-3.2 0.3 -0.1 0-0.1 0-0.2 0 -1 0.1-2.1 0.2-3.2 0.2 -0.8 0.1-1.6 0.1-2.4 0.1 -1.4 0.1-2.9 0.2-4.4 0.2 -3.6 0.1-7.2 0.2-10.8 0.2 -4.3 0-8.7-0.1-13-0.3C105.4 493.1 0.7 384.3 0.7 250.9 0.7 113.2 112.3 1.5 250.1 1.5c129.3 0 235.3 98.2 248 223.9 0.5 4.4 0.8 8.9 1 13.3 0.1 1.5 0.1 3 0.2 4.6C499.4 245.8 499.4 248.4 499.4 250.9z" fill="#F97E2A"/><path class="st1" d="M499.1 263.2c0 0.4 0 0.8-0.1 1.2 -0.1 1.3-0.1 2.6-0.2 4 -0.1 1.7-0.2 3.3-0.4 5 0 0.2 0 0.4-0.1 0.6 -0.2 2-0.4 4.1-0.6 6.1 -0.1 0.6-0.1 1.1-0.2 1.7 -0.7 4.4-1.3 8.8-2 13.2 0 0.4-0.1 0.7-0.2 1v0.3c-0.2 1-0.4 2-0.5 3 0 0.1 0 0.2-0.1 0.3v0.1c0 0.2-0.1 0.4-0.1 0.6 -0.1 0.5-0.2 1-0.3 1.6 0 0.2-0.1 0.3-0.1 0.5 -0.6 2.6-1.2 5.2-1.8 7.8 -0.4 1.8-0.9 3.6-1.3 5.5 -0.2 0.9-0.5 1.9-0.8 2.8 -0.2 0.6-0.3 1.1-0.5 1.7 -0.8 2.7-1.6 5.3-2.5 8 -1.4 4.2-2.8 8.5-4.4 12.5 -0.1 0.4-0.3 0.7-0.4 1.1 -0.9 2.3-1.8 4.6-2.8 6.8 -28.1 66.2-84.2 117.8-153.5 140 -0.5 0.2-0.9 0.3-1.3 0.4 -1.1 0.4-2.2 0.7-3.3 1 -2.9 0.9-5.9 1.6-8.8 2.4 -0.1 0-0.2 0.1-0.3 0.1 -0.4 0.1-0.7 0.2-1.1 0.3 -1 0.3-2.1 0.6-3.1 0.8 -1 0.3-2 0.5-3.1 0.6 -0.1 0-0.2 0-0.3 0.1 -1 0.2-1.9 0.4-2.9 0.7 -0.3 0.1-0.7 0.2-1 0.2 -0.2 0.1-0.5 0.1-0.7 0.2 -1.5 0.3-2.9 0.5-4.3 0.8 -0.6 0.1-1.3 0.2-1.9 0.4 -0.2 0-0.3 0.1-0.5 0.1 -1.1 0.2-2.2 0.4-3.3 0.6 -1.2 0.2-2.4 0.4-3.5 0.5 -0.7 0.1-1.4 0.2-2.1 0.3 -0.3 0-0.5 0.1-0.8 0.1 -2.7 0.4-5.5 0.7-8.2 1 -0.3 0-0.7 0.1-1 0.1L119.9 344.1l105.3-46.7L119.9 191.6l265.6-41.2L499.1 263.2z"/><path class="st2" d="M390.1 214.1c2.1-1.7 5.3-0.1 5.3 2.6v112c0 14.5-11.8 26.3-26.3 26.3H141.2c-14.5 0-26.3-11.8-26.3-26.3v-112c0-2.7 3.1-4.3 5.3-2.6 12.3 9.5 28.5 21.6 84.4 62.2 11.6 8.4 31.1 26.2 50.5 26.1 19.6 0.2 39.4-18 50.6-26.1C361.6 235.7 377.8 223.6 390.1 214.1zM255.1 284.8c12.7 0.2 31-16 40.2-22.7 72.7-52.8 78.2-57.4 95-70.5 3.2-2.5 5-6.3 5-10.4v-10.4c0-14.5-11.8-26.3-26.3-26.3H141.2c-14.5 0-26.3 11.8-26.3 26.3v10.4c0 4.1 1.9 7.8 5 10.4 16.8 13.1 22.3 17.7 95 70.5C224.1 268.8 242.4 285 255.1 284.8L255.1 284.8z"/></svg>';
285	+ break;
286	+ case 'snapchat' :
287	+ return '<svg class="sab-' . $icon . '" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 500.7"><path class="st0" d="M499.4 250.9c0 2.2 0 4.4-0.1 6.6v0.4c-0.1 1.8-0.2 3.6-0.2 5.3 0 0.4 0 0.8-0.1 1.2 -0.1 1.3-0.1 2.6-0.2 4 -0.1 1.7-0.2 3.3-0.4 5 0 0.2 0 0.4-0.1 0.6 -0.2 2-0.4 4.1-0.6 6.1 -0.1 0.6-0.1 1.1-0.2 1.7 -0.7 4.4-1.3 8.8-2 13.2 0 0.4-0.1 0.7-0.2 1v0.3c-0.2 1-0.4 2-0.5 3 0 0.1 0 0.2-0.1 0.3v0.1c0 0.2-0.1 0.4-0.1 0.6 -0.1 0.5-0.2 1-0.3 1.6 0 0.2-0.1 0.3-0.1 0.5 -0.2 0.9-0.4 1.8-0.6 2.7 -0.4 1.7-0.8 3.4-1.2 5.1 -0.4 1.8-0.9 3.6-1.3 5.5 -0.2 0.9-0.5 1.9-0.8 2.8 -0.2 0.6-0.3 1.1-0.5 1.7 -0.8 2.7-1.6 5.3-2.5 8 -1.4 4.2-2.8 8.5-4.4 12.5 -0.1 0.4-0.3 0.7-0.4 1.1 -0.9 2.3-1.8 4.6-2.8 6.8 -28.1 66.2-84.2 117.8-153.5 140 -0.5 0.2-0.9 0.3-1.3 0.4 -1.1 0.4-2.2 0.7-3.3 1 -2.9 0.9-5.9 1.6-8.8 2.4 -0.1 0-0.2 0.1-0.3 0.1 -0.4 0.1-0.7 0.2-1.1 0.3 -1 0.3-2.1 0.6-3.1 0.8 -1 0.3-2 0.5-3.1 0.6 -0.1 0-0.2 0-0.3 0.1 -1 0.2-1.9 0.4-2.9 0.7 -0.3 0.1-0.7 0.2-1 0.2 -0.2 0.1-0.5 0.1-0.7 0.2 -1.5 0.3-2.9 0.5-4.3 0.8 -0.6 0.1-1.3 0.2-1.9 0.4 -0.2 0-0.3 0.1-0.5 0.1 -1.1 0.2-2.2 0.4-3.3 0.6 -1.2 0.2-2.4 0.4-3.5 0.5 -0.7 0.1-1.4 0.2-2.1 0.3 -0.3 0-0.5 0.1-0.8 0.1 -2.7 0.4-5.5 0.7-8.2 1 -0.3 0-0.7 0.1-1 0.1h-0.2c-1.1 0.1-2.1 0.2-3.2 0.3 -0.1 0-0.1 0-0.2 0 -1 0.1-2.1 0.2-3.2 0.2 -0.8 0.1-1.6 0.1-2.4 0.1 -1.4 0.1-2.9 0.2-4.4 0.2 -3.6 0.1-7.2 0.2-10.8 0.2 -4.3 0-8.7-0.1-13-0.3C105.4 493.1 0.7 384.3 0.7 250.9 0.7 113.2 112.3 1.5 250.1 1.5c129.3 0 235.3 98.2 248 223.9 0.5 4.4 0.8 8.9 1 13.3 0.1 1.5 0.1 3 0.2 4.6C499.4 245.8 499.4 248.4 499.4 250.9z" fill="#fffc00"/><path class="st1" d="M493.6 305.1c-0.4 1.7-0.8 3.4-1.2 5.1 -0.4 1.8-0.9 3.6-1.3 5.5 -0.2 0.9-0.5 1.9-0.8 2.8 -0.2 0.6-0.3 1.1-0.5 1.7 -0.8 2.7-1.6 5.3-2.5 8 -1.4 4.2-2.8 8.5-4.4 12.5 -0.1 0.4-0.3 0.7-0.4 1.1 -0.9 2.3-1.8 4.6-2.8 6.8 -28.1 66.2-84.2 117.8-153.5 140 -0.5 0.2-0.9 0.3-1.3 0.4 -1.1 0.4-2.2 0.7-3.3 1 -2.9 0.9-5.9 1.6-8.8 2.4 -0.1 0-0.2 0.1-0.3 0.1 -0.4 0.1-0.7 0.2-1.1 0.3 -1 0.3-2.1 0.6-3.1 0.8 -1 0.3-2 0.5-3.1 0.6 -0.1 0-0.2 0-0.3 0.1 -1 0.2-1.9 0.4-2.9 0.7 -0.3 0.1-0.7 0.2-1 0.2 -0.2 0.1-0.5 0.1-0.7 0.2 -1.5 0.3-2.9 0.5-4.3 0.8 -0.6 0.1-1.3 0.2-1.9 0.4 -0.2 0-0.3 0.1-0.5 0.1 -1.1 0.2-2.2 0.4-3.3 0.6 -1.2 0.2-2.4 0.4-3.5 0.5 -0.7 0.1-1.4 0.2-2.1 0.3 -0.3 0-0.5 0.1-0.8 0.1 -2.7 0.4-5.5 0.7-8.2 1 -0.3 0-0.7 0.1-1 0.1h0L100.8 322.2l88.7-33.7 -53.7-53 15.2-4.3 47 13 110.4-123.4L493.6 305.1z"/><path class="st2" d="M403 325.1c-3.1 7.2-16.1 12.5-39.9 16.2 -1.2 1.6-2.2 8.7-3.8 14.2 -1 3.3-3.3 5.2-7.2 5.2l-0.2 0c-5.6 0-11.4-2.6-23-2.6 -15.7 0-21.1 3.6-33.3 12.2 -12.9 9.1-25.3 17-43.8 16.2 -18.7 1.4-34.3-10-43.1-16.2 -12.3-8.7-17.6-12.2-33.3-12.2 -11.2 0-18.2 2.8-23 2.8 -4.8 0-6.6-2.9-7.3-5.3 -1.6-5.4-2.6-12.6-3.9-14.3 -12.2-1.9-39.8-6.7-40.5-19 -0.2-3.2 2.1-6 5.3-6.5 41.2-6.8 59.7-49 60.5-50.8 0-0.1 0.1-0.2 0.1-0.3 2.2-4.5 2.7-8.2 1.5-11.1 -3-7-15.9-9.6-21.3-11.7 -14-5.5-16-11.9-15.2-16.3 1.4-7.6 12.9-12.3 19.5-9.1 5.3 2.5 10 3.7 13.9 3.7 3 0 4.9-0.7 5.9-1.3 -1.2-21.3-4.2-51.6 3.4-68.6 20-44.8 62.3-48.3 74.8-48.3 0.6 0 5.4-0.1 6-0.1 30.9 0 60.5 15.8 75 48.3 7.6 17 4.6 47.2 3.4 68.6 0.9 0.5 2.6 1.1 5.1 1.3 3.8-0.2 8.2-1.4 13.1-3.7 3.6-1.7 8.5-1.5 12.1 0l0 0c5.6 2 9.1 6 9.2 10.6 0.1 5.8-5 10.7-15.3 14.8 -1.3 0.5-2.8 1-4.4 1.5 -5.8 1.8-14.6 4.6-16.9 10.2 -1.2 2.9-0.7 6.6 1.5 11.1 0.1 0.1 0.1 0.2 0.1 0.3 0.8 1.8 19.3 44.1 60.5 50.8C402.2 316.3 405 320.3 403 325.1L403 325.1z"/></svg>';
288	+ break;
289	+ case '500px' :
290	+ return '<svg class="sab-' . $icon . '" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 500.7"><path class="st0" d="M499.4 250.9c0 2.2 0 4.4-0.1 6.6v0.4c-0.1 1.8-0.2 3.6-0.2 5.3 0 0.4 0 0.8-0.1 1.2 -0.1 1.3-0.1 2.6-0.2 4 -0.1 1.7-0.2 3.3-0.4 5 0 0.2 0 0.4-0.1 0.6 -0.1 1.5-0.3 3-0.4 4.5 0 0.6-0.1 1.1-0.2 1.7 -0.1 0.6-0.1 1.1-0.2 1.7 -0.7 4.4-1.3 8.8-2 13.2 0 0.4-0.1 0.7-0.2 1v0.3c-0.2 1-0.4 2-0.5 3 0 0.1 0 0.2-0.1 0.3v0.1c0 0.2-0.1 0.4-0.1 0.6 -0.1 0.5-0.2 1-0.3 1.6 0 0.2-0.1 0.3-0.1 0.5 -0.6 2.6-1.2 5.2-1.8 7.8 -0.4 1.8-0.9 3.6-1.3 5.5 -0.2 0.9-0.5 1.9-0.8 2.8 -0.2 0.6-0.3 1.1-0.5 1.7 -0.8 2.7-1.6 5.3-2.5 8 -1.4 4.2-2.8 8.5-4.4 12.5 -0.1 0.4-0.3 0.7-0.4 1.1 -0.9 2.3-1.8 4.6-2.8 6.8 -28.1 66.2-84.2 117.8-153.5 140 -0.5 0.2-0.9 0.3-1.3 0.4 -1.1 0.4-2.2 0.7-3.3 1 -2.9 0.9-5.9 1.6-8.8 2.4 -0.1 0-0.2 0.1-0.3 0.1 -0.4 0.1-0.7 0.2-1.1 0.3 -1 0.3-2.1 0.6-3.1 0.8 -1 0.3-2 0.5-3.1 0.6 -0.1 0-0.2 0-0.3 0.1 -1 0.2-1.9 0.4-2.9 0.7 -0.3 0.1-0.7 0.2-1 0.2 -0.2 0.1-0.5 0.1-0.7 0.2 -1 0.2-1.9 0.3-2.8 0.5 -0.5 0.1-1 0.2-1.5 0.3 -0.6 0.1-1.3 0.2-1.9 0.4 -0.2 0-0.3 0.1-0.5 0.1 -1.1 0.2-2.2 0.4-3.3 0.6 -1.2 0.2-2.4 0.4-3.5 0.5 -0.7 0.1-1.4 0.2-2.1 0.3 -0.3 0-0.5 0.1-0.8 0.1 -2.7 0.4-5.5 0.7-8.2 1 -0.3 0-0.7 0.1-1 0.1 -0.1 0-0.1 0-0.2 0 -1.1 0.1-2.1 0.2-3.2 0.3 -0.1 0-0.1 0-0.2 0 -1 0.1-2.1 0.2-3.2 0.2 -0.8 0.1-1.6 0.1-2.4 0.1 -1.4 0.1-2.9 0.2-4.4 0.2 -3.6 0.1-7.2 0.2-10.8 0.2 -4.3 0-8.7-0.1-13-0.3C105.4 493.1 0.7 384.3 0.7 250.9 0.7 113.2 112.3 1.5 250.1 1.5c129.3 0 235.3 98.2 248 223.9 0.5 4.4 0.8 8.9 1 13.3 0.1 1.5 0.1 3 0.2 4.6C499.4 245.8 499.4 248.4 499.4 250.9z" fill="#0099e5"/><path class="st1" d="M497.9 278.4c0 0.6-0.1 1.1-0.2 1.7 -0.1 0.6-0.1 1.1-0.2 1.7 -0.7 4.4-1.3 8.8-2 13.2 0 0.4-0.1 0.7-0.2 1v0.3c-0.2 1-0.4 2-0.5 3 0 0.1 0 0.2-0.1 0.3v0.1c0 0.2-0.1 0.4-0.1 0.6 -0.1 0.5-0.2 1-0.3 1.6 0 0.2-0.1 0.3-0.1 0.5 -0.6 2.6-1.2 5.2-1.8 7.8 -0.4 1.8-0.9 3.6-1.3 5.5 -0.2 0.9-0.5 1.9-0.8 2.8 -0.2 0.6-0.3 1.1-0.5 1.7 -0.8 2.7-1.6 5.3-2.5 8 -1.4 4.2-2.8 8.5-4.4 12.5 -0.1 0.4-0.3 0.7-0.4 1.1 -0.9 2.3-1.8 4.6-2.8 6.8 -28.1 66.2-84.2 117.8-153.5 140 -0.5 0.2-0.9 0.3-1.3 0.4 -1.1 0.4-2.2 0.7-3.3 1 -2.9 0.9-5.9 1.6-8.8 2.4 -0.1 0-0.2 0.1-0.3 0.1 -0.4 0.1-0.7 0.2-1.1 0.3 -1 0.3-2.1 0.6-3.1 0.8 -1 0.3-2 0.5-3.1 0.6 -0.1 0-0.2 0-0.3 0.1 -1 0.2-1.9 0.4-2.9 0.7 -0.3 0.1-0.7 0.2-1 0.2 -0.2 0.1-0.5 0.1-0.7 0.2 -1 0.2-1.9 0.3-2.8 0.5L161.4 360l-28.6-65.8 4.3-16.4 30.2 30.5 9.8-21.2 18.5 18.7 6.6-13.7v-34L163 217.9l4.3-48.6 10.7-60.7 137.3-10L497.9 278.4z"/><path class="st2" d="M164 301.1c-3.9-8.6-4.2-11.1 4.5-14 15.5-4.8 4.8 5.6 26.1 29.7h0.2v-56.8c0.7-30.4 26.6-55.7 59.1-55.7 32.6 0 59.1 26.3 59.1 58.5 0 38.3-36.8 68.4-77.7 56.4 -6.3-2.5-1.3-19.2 5.1-17.3 32 0 54.1-6.1 54.1-38.9 0-36.9-46.6-54.2-70.7-27 -14.2 16-10.6 25.5-10.6 95.3 30.7 18.7 71.5 13.3 97-12.2 15-15 23.3-35.1 23.3-56.2 0-21.3-8.3-41.2-23.5-56.4 -15-15-34.9-23.3-56.4-23.3s-41.6 8.3-56.5 23.3c-0.2 0.2-9.7 10-12.8 14.4l-0.3 0.4c-2 2.8-3.8 5.5-12.2 3.7 -4.2-1-8.6-3.5-8.6-7.1V105c0-3 2.4-6.3 6.3-6.3h145.9c5 0 5 7 5 9.1 0 2.4 0 9.1-5 9.1H180.3v80.4h0.2c63-66.4 171-21.8 171 65.8C351.5 370.8 203.5 396.3 164 301.1L164 301.1zM202.3 143.4c-0.3 2.5 2.8 14.8 8.8 12.5 75.5-28.7 122.6 24.4 126.6 24.4 2.9 0 13.8-9.3 8.6-13.8C290 112.7 204.5 132 202.3 143.4L202.3 143.4zM339.1 343.6c-66.5 66.4-180.8 36.8-200.7-63 0-7.4-18.4-4.5-17.5 2C135.4 387.5 269.7 438 351.6 356 355.8 351.3 344 338.8 339.1 343.6L339.1 343.6zM230.7 278.3c0 2.4 2.6 4.4 3.3 5.1 1.8 1.8 3.7 2.7 5.1 2.7 2.3 0 1.6 0.1 13.5-11.8 11.9 11.7 11.5 11.8 13.5 11.8 3.3 0 11.2-6.3 6.5-11l-10.5-10.5 11-11c3.8-4.1-6.1-13.2-9.8-9.5l-10.8 10.8c-11.2-11.4-11.1-11.8-13-11.8 -3 0-10.9 7.1-7.5 10.5l11 11C232.1 275.4 230.7 276.2 230.7 278.3z"/></svg>';
291	+ break;
292	+ case 'mastodont' :
293	+ return '<svg class="sab-' . $icon . '" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 500.7"><path class="st0" d="M499.4 250.9c0 2.2 0 4.4-0.1 6.6v0.4c-0.1 1.8-0.2 3.6-0.2 5.3 0 0.4 0 0.8-0.1 1.2 -0.1 1.3-0.1 2.6-0.2 4 -0.1 1.7-0.2 3.3-0.4 5 0 0.2 0 0.4-0.1 0.6 -0.1 1.5-0.3 3-0.4 4.5 0 0.6-0.1 1.1-0.2 1.7 -0.1 0.6-0.1 1.1-0.2 1.7 -0.5 3-0.9 6-1.3 8.9 -0.2 1.4-0.4 2.9-0.7 4.3 0 0.4-0.1 0.7-0.2 1v0.3c-0.2 1-0.4 2-0.5 3 0 0.1 0 0.2-0.1 0.3v0.1c0 0.2-0.1 0.4-0.1 0.6 -0.1 0.5-0.2 1-0.3 1.6 0 0.2-0.1 0.3-0.1 0.5 -0.6 2.6-1.2 5.2-1.8 7.8 -0.4 1.8-0.9 3.6-1.3 5.5 -0.2 0.9-0.5 1.9-0.8 2.8 -0.2 0.6-0.3 1.1-0.5 1.7 -0.8 2.7-1.6 5.3-2.5 8 -1.4 4.2-2.8 8.5-4.4 12.5 -0.1 0.4-0.3 0.7-0.4 1.1 -0.9 2.3-1.8 4.6-2.8 6.8 -28.1 66.2-84.2 117.8-153.5 140 -0.5 0.2-0.9 0.3-1.3 0.4 -1.1 0.4-2.2 0.7-3.3 1 -2.9 0.9-5.9 1.6-8.8 2.4 -0.1 0-0.2 0.1-0.3 0.1 -0.4 0.1-0.7 0.2-1.1 0.3 -1 0.3-2.1 0.6-3.1 0.8 -1 0.3-2 0.5-3.1 0.6 -0.1 0-0.2 0-0.3 0.1 -1 0.2-1.8 0.4-2.8 0.7 0 0-0.1 0-0.1 0 -0.3 0.1-0.7 0.2-1 0.2 -0.2 0.1-0.5 0.1-0.7 0.2 -1 0.2-1.9 0.3-2.8 0.5 -0.5 0.1-1 0.2-1.5 0.3 -0.6 0.1-1.3 0.2-1.9 0.4 -0.2 0-0.3 0.1-0.5 0.1 -1.1 0.2-2.2 0.4-3.3 0.6 -1.2 0.2-2.4 0.4-3.5 0.5 -0.7 0.1-1.4 0.2-2.1 0.3 -0.3 0-0.5 0.1-0.8 0.1 -2.7 0.4-5.5 0.7-8.2 1 -0.3 0-0.7 0.1-1 0.1 -0.1 0-0.1 0-0.2 0 -1.1 0.1-2.1 0.2-3.2 0.3 -0.1 0-0.1 0-0.2 0 -1 0.1-2.1 0.2-3.2 0.2 -0.8 0.1-1.6 0.1-2.4 0.1 -1.4 0.1-2.9 0.2-4.4 0.2 -3.6 0.1-7.2 0.2-10.8 0.2 -4.3 0-8.7-0.1-13-0.3C105.4 493.1 0.7 384.3 0.7 250.9 0.7 113.2 112.3 1.5 250.1 1.5c129.3 0 235.3 98.2 248 223.9 0.5 4.4 0.8 8.9 1 13.3 0.1 1.5 0.1 3 0.2 4.6C499.4 245.8 499.4 248.4 499.4 250.9z" fill="#2b90d9"/><path class="st1" d="M496.2 290.8c-0.2 1.4-0.4 2.9-0.7 4.3 0 0.4-0.1 0.7-0.2 1v0.3c-0.2 1-0.4 2-0.5 3 0 0.1 0 0.2-0.1 0.3v0.1c0 0.2-0.1 0.4-0.1 0.6 -0.1 0.5-0.2 1-0.3 1.6 0 0.2-0.1 0.3-0.1 0.5 -0.6 2.6-1.2 5.2-1.8 7.8 -0.4 1.8-0.9 3.6-1.3 5.5 -0.2 0.9-0.5 1.9-0.8 2.8 -0.2 0.6-0.3 1.1-0.5 1.7 -0.8 2.7-1.6 5.3-2.5 8 -1.4 4.2-2.8 8.5-4.4 12.5 -0.1 0.4-0.3 0.7-0.4 1.1 -0.9 2.3-1.8 4.6-2.8 6.8 -28.1 66.2-84.2 117.8-153.5 140 -0.5 0.2-0.9 0.3-1.3 0.4 -1.1 0.4-2.2 0.7-3.3 1 -2.9 0.9-5.9 1.6-8.8 2.4 -0.1 0-0.2 0.1-0.3 0.1 -0.4 0.1-0.7 0.2-1.1 0.3 -1 0.3-2.1 0.6-3.1 0.8 -1 0.3-2 0.5-3.1 0.6 -0.1 0-0.2 0-0.3 0.1 -1 0.2-1.8 0.4-2.8 0.7L166.6 357.9l-13-59c0 0-2-103 0-109s20-38 20-38l100-15 73.1 5.1L496.2 290.8z"/><path class="st2" d="M374.6 208.5c0-55.8-36.6-72.2-36.6-72.2 -35.9-16.5-131.2-16.3-166.7 0 0 0-36.6 16.4-36.6 72.2 0 66.4-3.8 148.9 60.6 165.9 23.2 6.1 43.2 7.5 59.3 6.5 29.2-1.6 45.5-10.4 45.5-10.4l-1-21.2c0 0-20.8 6.5-44.3 5.8 -23.2-0.8-47.6-2.5-51.4-31 -0.3-2.5-0.5-5.2-0.5-8 49.1 12 91 5.2 102.6 3.8 32.2-3.8 60.3-23.7 63.8-41.8C375.1 249.7 374.6 208.5 374.6 208.5L374.6 208.5zM331.5 280.4h-26.7v-65.6c0-28.5-36.7-29.6-36.7 4v35.9h-26.6v-35.9c0-33.6-36.7-32.5-36.7-4v65.6h-26.8c0-70.1-3-84.9 10.6-100.5 14.9-16.6 45.8-17.7 59.6 3.5l6.7 11.2 6.7-11.2c13.8-21.3 44.8-20 59.6-3.5C334.6 195.6 331.5 210.4 331.5 280.4L331.5 280.4z"/></svg>';
294	+ default :
295	+ return '';
296	+ break;
297	+ }
298	+
299	+ }
300	+
301	+ public static function square_long_shadow_icon( $icon ) {
302	+
303	+ switch ( $icon ) {
304	+ case 'addthis':
305	+ return '<svg class="sab-' . $icon . '" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 500 500.7" xml:space="preserve"><rect x="0.2" y="0.3" class="st0" fill="#ff6550" width="500" height="500"/><polygon class="st1" points="500.2,335.1 500.2,500.3 331.7,500.3 106.3,276.1 110.2,243 246.9,239 247.2,159 275.7,106 497.6,327"/><path class="st2" d="M379,218.1h-96.5v-96.5c0-11.8-9.6-21.5-21.5-21.5h-21.5c-11.8,0-21.5,9.6-21.5,21.5v96.5h-96.5 c-11.8,0-21.5,9.6-21.5,21.5V261c0,11.8,9.6,21.5,21.5,21.5h96.5V379c0,11.8,9.6,21.5,21.5,21.5H261c11.8,0,21.5-9.6,21.5-21.5v-96.5H379c11.8,0,21.5-9.6,21.5-21.5v-21.5C400.4,227.7,390.8,218.1,379,218.1z"/></svg>';
306	+ break;
307	+ case 'behance' :
308	+ return '<svg class="sab-' . $icon . '" version="1.1" viewBox="0 0 500 500.7" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"><rect class="st0" x=".2" y=".3" width="500" height="500" fill="#1769ff"/><polygon class="st1" points="500.2 297.6 500.2 500.3 280.8 500.3 108.6 327.8 135.7 171.3 233 164.4 285 215.9 303.7 219.9 335 224 293.5 179.9 364.1 162.7"/><path class="st2" d="m222.7 233.1c15.6-7.5 23.8-18.8 23.8-36.4 0-34.7-25.9-43.2-55.7-43.2h-82.2v174.2h84.5c31.7 0 61.4-15.2 61.4-50.6 0-21.8-10.4-37.9-31.8-44zm-75.8-49.8h35.9c13.8 0 26.3 3.9 26.3 19.9 0 14.8-9.7 20.7-23.4 20.7h-38.8v-40.6zm41 114.9h-41v-48h41.7c16.9 0 27.5 7 27.5 24.9 0.1 17.6-12.7 23.1-28.2 23.1zm176.2-118.3h-70.7v-17.2h70.7v17.2zm27.7 86.6c0-37.3-21.8-68.4-61.4-68.4-38.4 0-64.6 28.9-64.6 66.8 0 39.3 24.7 66.2 64.6 66.2 30.1 0 49.7-13.6 59-42.4h-30.6c-3.3 10.8-16.9 16.5-27.4 16.5-20.3 0-31-11.9-31-32.1h91c0.3-2.1 0.4-4.3 0.4-6.6zm-91.3-15.3c1.1-16.6 12.1-26.9 28.8-26.9 17.4 0 26.2 10.2 27.6 26.9h-56.4z"/></svg>';
309	+ break;
310	+ case 'delicious' :
311	+ return '<svg class="sab-' . $icon . '" version="1.1" viewBox="0 0 500 500.7" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"><rect class="st0" x="-.5" y="-.2" width="500" height="500" fill="#3399ff"/><polygon class="st1" points="499.5 249.6 499.5 499.8 249.7 499.8 123.6 373.7 125.3 137.6 138.5 127.3 370.1 121.4"/><path class="st2" d="m381.8 137.9c-0.2-0.9-0.5-1.8-0.8-2.7-0.5-1.5-1.2-2.9-2-4.2-0.8-1.4-1.8-2.9-2.8-4.1-1.2-1.5-2.6-2.9-4.1-4-0.7-0.5-1.3-1-2-1.5-0.8-0.5-1.5-1-2.4-1.4-1.1-0.6-2.1-1.1-3.3-1.5-1-0.4-2.1-0.8-3.2-1-2.3-0.6-4.7-0.9-7.1-0.9h-209.4c-15.8-0.1-28.6 12.7-28.6 28.5v209.4c0 2.4 0.3 4.9 0.9 7.1 1.2 4.6 3.5 8.7 6.5 12.1 0.6 0.7 1.2 1.3 2 2 3.4 3.1 7.5 5.4 12.1 6.5 2.3 0.6 4.7 0.9 7.1 0.9h209.4c15.8 0 28.6-12.8 28.6-28.6v-209.5c0-2.4-0.3-4.8-0.9-7.1zm-18.2 216.5c0 5.2-4.3 9.5-9.5 9.5h-104.7v-114.2h-114.2v-104.7c0-5.2 4.3-9.5 9.5-9.5h104.7v114.2h114.2v104.7z"/></svg>';
312	+ break;
313	+ case 'deviantart' :
314	+ return '<svg class="sab-' . $icon . '" version="1.1" viewBox="0 0 500 500.7" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"><rect class="st0" x="-.5" y="-.2" width="500" height="500" fill="#05cc47"/><polygon class="st1" points="499.5 302.6 499.5 499.8 288.9 499.8 171.6 382.3 214 284.3 171.6 244.1 328.4 131.4"/><path class="st2" d="m328.4 177l-48.1 87.8 3.6 4.7h44.5v62.6h-78.9l-6.6 4.5-21.4 41.2c-0.1 0-4.2 4.2-4.5 4.5h-45.4v-45.7l45.7-87.9-3.6-4.5h-42.1v-62.5h76.4l6.6-4.5 21.4-41.2c0.1 0 4.2-4.2 4.5-4.5h47.8c0.1-0.1 0.1 45.5 0.1 45.5z"/></svg>';
315	+ break;
316	+ case 'digg' :
317	+ return '<svg class="sab-' . $icon . '" version="1.1" viewBox="0 0 500 500.7" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"><rect class="st0" x=".5" width="500" height="500" fill="#005be2"/><polygon class="st1" points="500.5 317.3 500.5 500 312.7 500 112.3 299 121 218.6 160.3 212.6 184 163.7 195.1 173.9 222.8 163.7 261.5 204.8 305.8 204.8 316.8 217.3 388.6 204.8"/><path class="st2" d="m156.4 204.8h-44.1v94.2h71.7v-135.3h-27.5v41.1zm0 72h-16.6v-49.8h16.6v49.8zm160.4-72v94.2h44.2v15.4h-44.1v22h71.8v-131.6h-71.9zm44.2 72h-16.6v-49.8h16.6v49.8zm-127.2 22.2h44.3v15.4h-44.3v22h71.9v-131.6h-71.9v94.2zm27.6-72h16.6v49.8h-16.6v-49.8zm-66.3-63.3h27.7v27.5h-27.7v-27.5zm0 41.1h27.7v94.2h-27.7v-94.2z"/></svg>';
318	+ break;
319	+ case 'dribbble' :
320	+ return '<svg version="1.1" class="sab-' . $icon . '" viewBox="0 0 500 500.7" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"><rect class="st0" x=".5" y=".2" width="500" height="500" fill="#ea4c89"/><polygon class="st1" points="500.5 301.2 500.5 500.2 301.5 500.2 136.4 334.1 123 297.3 120.3 243.9 129.5 197.9 159 152.6 207.7 124.6 263.7 119.3 346 145.6"/><path class="st2" d="m250.5 108.5c-78.1 0-141.7 63.6-141.7 141.7s63.6 141.7 141.7 141.7 141.7-63.6 141.7-141.7-63.6-141.7-141.7-141.7zm93.7 65.3c16.9 20.6 27.1 46.8 27.3 75.4-4-0.8-44-9-84.3-3.9-3.3-8-6.4-15.1-10.6-23.8 44.7-18.2 65-44.2 67.6-47.7zm-13.5-14c-2.2 3.1-20.4 27.6-63.4 43.7-19.8-36.4-41.8-66.4-45.2-70.8 38.4-9.3 78.9 0.7 108.6 27.1zm-131.7-19c3.2 4.4 24.8 34.3 44.9 70-56.6 15-106.5 14.8-111.9 14.7 7.9-37.5 33.2-68.7 67-84.7zm-69.5 109.6c0-1.2 0-2.5 0.1-3.7 5.3 0.1 63.9 0.9 124.4-17.2 3.5 6.8 6.8 13.7 9.8 20.5-43.8 12.3-83.5 47.7-103.1 81.3-19.4-21.5-31.2-49.9-31.2-80.9zm46.7 95.4c12.6-25.8 47-59.2 95.7-75.8 17 44.2 24 81.2 25.8 91.8-38.8 16.5-85.6 12-121.5-16zm141.9 4.9c-1.2-7.4-7.7-42.8-23.5-86.3 37.9-6.1 71.2 3.9 75.4 5.2-5.4 33.6-24.7 62.7-51.9 81.1z"/></svg>';
321	+ break;
322	+ case 'facebook' :
323	+ return '<svg version="1.1" class="sab-' . $icon . '" viewBox="0 0 500 500.7" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"><rect class="st0" x="-.3" y=".3" width="500" height="500" fill="#3b5998"/><polygon class="st1" points="499.7 292.6 499.7 500.3 331.4 500.3 219.8 388.7 221.6 385.3 223.7 308.6 178.3 264.9 219.7 233.9 249.7 138.6 321.1 113.9"/><path class="st2" d="M219.8,388.7V264.9h-41.5v-49.2h41.5V177c0-42.1,25.7-65,63.3-65c18,0,33.5,1.4,38,1.9v44H295 c-20.4,0-24.4,9.7-24.4,24v33.9h46.1l-6.3,49.2h-39.8v123.8"/></svg>';
324	+ break;
325	+ case 'flickr' :
326	+ return '<svg version="1.1" class="sab-' . $icon . '" viewBox="0 0 500 500.7" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"><rect class="st0" x=".3" y=".3" width="500" height="500" fill="#0063dc"/><polygon class="st1" points="500.3 298.3 500.3 500.3 297.2 500.3 151.4 353.6 185.7 193.3 350.4 148"/><path class="st2" d="m335.2 142.3h-169.7c-12.8 0-23.1 10.4-23.1 23.1v169.7c0 12.8 10.4 23.1 23.1 23.1h169.7c12.8 0 23.1-10.4 23.1-23.1v-169.6c0.1-12.8-10.3-23.2-23.1-23.2zm-123.2 138.4c-16.9 0-30.6-13.7-30.6-30.6s13.7-30.6 30.6-30.6 30.6 13.7 30.6 30.6-13.7 30.6-30.6 30.6zm76.7 0c-16.9 0-30.6-13.7-30.6-30.6s13.7-30.6 30.6-30.6 30.6 13.7 30.6 30.6-13.7 30.6-30.6 30.6z"/></svg>';
327	+ break;
328	+ case 'github' :
329	+ return '<svg version="1.1" class="sab-' . $icon . '" viewBox="0 0 500 500.7" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"><rect class="st0" x=".3" y=".3" width="500" height="500" fill="#4078c0"/><polygon class="st1" points="500.3 311.2 500.3 500.3 304.6 500.3 152.3 347.3 138.3 313.5 131 246.6 161.7 162.6 237 145.9 342.1 152.8"/><path class="st2" d="m205.4 331.2c0 1.1-1.3 2-2.8 2-1.8 0.2-3.1-0.7-3.1-2 0-1.1 1.3-2 2.8-2 1.6-0.2 3.1 0.7 3.1 2zm-17.1-2.5c-0.4 1.1 0.7 2.4 2.4 2.7 1.4 0.5 3.1 0 3.4-1.1s-0.7-2.4-2.4-2.8c-1.4-0.5-3 0.1-3.4 1.2zm24.2-0.9c-1.6 0.4-2.7 1.4-2.5 2.7 0.2 1.1 1.6 1.8 3.2 1.4s2.7-1.4 2.5-2.5c-0.1-1.1-1.6-1.8-3.2-1.6zm36.1-209.9c-76 0-134.1 57.7-134.1 133.6 0 60.7 38.2 112.7 92.8 131 7 1.3 9.5-3.1 9.5-6.6 0-3.4-0.2-22.1-0.2-33.6 0 0-38.3 8.2-46.4-16.3 0 0-6.2-15.9-15.2-20 0 0-12.5-8.6 0.9-8.4 0 0 13.6 1.1 21.1 14.1 12 21.1 32.1 15.1 39.9 11.4 1.3-8.8 4.8-14.8 8.8-18.5-30.6-3.4-61.5-7.8-61.5-60.5 0-15.1 4.2-22.6 12.9-32.3-1.4-3.6-6.1-18.2 1.4-37.2 11.4-3.6 37.8 14.8 37.8 14.8 11-3.1 22.7-4.7 34.4-4.7s23.4 1.6 34.4 4.7c0 0 26.3-18.4 37.8-14.8 7.5 19 2.8 33.6 1.4 37.2 8.8 9.7 14.1 17.3 14.1 32.3 0 52.8-32.3 57.1-62.9 60.5 5 4.3 9.3 12.5 9.3 25.4 0 18.5-0.2 41.3-0.2 45.8 0 3.6 2.5 7.9 9.5 6.6 54.8-18.2 91.9-70.2 91.9-130.9 0.1-75.9-61.5-133.6-137.4-133.6zm-80.9 188.9c-0.7 0.5-0.5 1.8 0.4 2.8 0.9 0.9 2.1 1.3 2.8 0.5 0.7-0.5 0.5-1.8-0.4-2.8-0.8-0.8-2-1.2-2.8-0.5zm-5.9-4.5c-0.4 0.7 0.2 1.6 1.3 2.1 0.9 0.5 2 0.4 2.4-0.4 0.4-0.7-0.2-1.6-1.3-2.1-1.1-0.3-2-0.1-2.4 0.4zm17.8 19.5c-0.9 0.7-0.5 2.4 0.7 3.4 1.3 1.3 2.8 1.4 3.6 0.5 0.7-0.7 0.4-2.4-0.7-3.4-1.3-1.2-2.9-1.3-3.6-0.5zm-6.3-8c-0.9 0.5-0.9 2 0 3.2 0.9 1.3 2.4 1.8 3.1 1.3 0.9-0.7 0.9-2.1 0-3.4-0.8-1.3-2.2-1.8-3.1-1.1z"/></svg>';
330	+ break;
331	+ case 'google' :
332	+ return '<svg class="sab-' . $icon . '" version="1.1" viewBox="0 0 500 500.7" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"><rect class="st0" x=".3" y=".3" width="500" height="500" fill="#4285f4"/><polygon class="st1" points="500.3 303.7 500.3 500.3 306.6 500.3 142 335.3 136 304.3 136 221.3 172 172.3 257 137.3 344.8 148.5"/><path class="st2" d="m385.8 253.6c0 78.7-53.9 134.7-133.5 134.7-76.3 0-138-61.6-138-138s61.6-138 138-138c37.2 0 68.4 13.6 92.5 36.1l-37.6 36.1c-49.1-47.4-140.5-11.8-140.5 65.8 0 48.1 38.4 87.1 85.5 87.1 54.6 0 75.1-39.2 78.3-59.5h-78.3v-47.5h131.4c1.3 7.2 2.2 14 2.2 23.2z"/></svg>';
333	+ break;
334	+ case 'googleplus' :
335	+ return '<svg class="sab-' . $icon . '" version="1.1" viewBox="0 0 500 500.7" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"><rect class="st0" x=".3" y=".3" width="500" height="500" fill="#dd4b39"/><path class="st1" d="m500.3 330.9v169.4h-189.3l-183.8-185.3s-10.2-54.7-6.2-57.7 0-44 0-44l19-26s31-15 38-15 28 4.2 28 4.2h53l63 60.2 39.1 13.7 16.6-41.5 122.6 122z"/><path class="st2" d="m285.3 233.4c0.9 4.8 1.6 9.7 1.6 15.9 0 54.7-36.7 93.6-92 93.6-52.9 0-95.8-42.9-95.8-95.8s42.9-95.8 95.8-95.8c25.9 0 47.4 9.4 64.2 25.1l-26 25c-7.1-6.8-19.5-14.8-38.2-14.8-32.7 0-59.3 27-59.3 60.5s26.7 60.5 59.3 60.5c37.9 0 52.1-27.3 54.4-41.3h-54.4v-32.9h90.4zm92.4 3.2v-27.8h-27.9v27.8h-27.8v27.9h27.8v27.8h27.9v-27.8h27.8v-27.9h-27.8z"/></svg>';
336	+ break;
337	+ case 'html5' :
338	+ return '<svg version="1.1" class="sab-' . $icon . '" viewBox="0 0 500 500.7" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"><rect class="st0" x=".2" y="-.2" width="500" height="500" fill="#e34f26"/><polygon class="st1" points="500.2 260.9 500.2 499.8 310.7 499.8 159.7 348.7 159.7 151.3 360.7 120.8"/><path class="st2" d="m139.6 120.8l20.1 227.9 90.2 30.1 90.7-30.1 20.1-227.9h-221.1zm177.4 73.7h-105.8l2.4 28.4h101.1l-7.8 85.4-56.4 15.5v0.2h-0.6l-56.9-15.6-3.5-43.6h27.5l2 21.9 30.8 8.3 30.9-8.3 3.5-35.8h-96.1l-7.4-83.8h138.8l-2.5 27.4z"/></svg>';
339	+ break;
340	+ case 'instagram' :
341	+ return '<svg version="1.1" class="sab-' . $icon . '" viewBox="0 0 500 500.7" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"><rect class="st0" x=".7" y="-.2" width="500" height="500" fill="#405de6"/><polygon class="st1" points="500.7 300.6 500.7 499.8 302.3 499.8 143 339.3 143 192.3 152.2 165.3 167 151.2 200 143.3 270 138.3 350.5 150"/><path class="st2" d="m250.7 188.2c-34.1 0-61.6 27.5-61.6 61.6s27.5 61.6 61.6 61.6 61.6-27.5 61.6-61.6-27.5-61.6-61.6-61.6zm0 101.6c-22 0-40-17.9-40-40s17.9-40 40-40 40 17.9 40 40-17.9 40-40 40zm78.5-104.1c0 8-6.4 14.4-14.4 14.4s-14.4-6.4-14.4-14.4c0-7.9 6.4-14.4 14.4-14.4 7.9 0.1 14.4 6.5 14.4 14.4zm40.7 14.6c-0.9-19.2-5.3-36.3-19.4-50.3-14-14-31.1-18.4-50.3-19.4-19.8-1.1-79.2-1.1-99.1 0-19.2 0.9-36.2 5.3-50.3 19.3s-18.4 31.1-19.4 50.3c-1.1 19.8-1.1 79.2 0 99.1 0.9 19.2 5.3 36.3 19.4 50.3s31.1 18.4 50.3 19.4c19.8 1.1 79.2 1.1 99.1 0 19.2-0.9 36.3-5.3 50.3-19.4 14-14 18.4-31.1 19.4-50.3 1.2-19.8 1.2-79.2 0-99zm-25.6 120.3c-4.2 10.5-12.3 18.6-22.8 22.8-15.8 6.3-53.3 4.8-70.8 4.8s-55 1.4-70.8-4.8c-10.5-4.2-18.6-12.3-22.8-22.8-6.3-15.8-4.8-53.3-4.8-70.8s-1.4-55 4.8-70.8c4.2-10.5 12.3-18.6 22.8-22.8 15.8-6.3 53.3-4.8 70.8-4.8s55-1.4 70.8 4.8c10.5 4.2 18.6 12.3 22.8 22.8 6.3 15.8 4.8 53.3 4.8 70.8s1.5 55-4.8 70.8z"/></svg>';
342	+ break;
343	+ case 'linkedin' :
344	+ return '<svg version="1.1" class="sab-' . $icon . '" viewBox="0 0 500 500.7" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"><rect class="st0" x=".3" y=".6" width="500" height="500" fill="#0077b5"/><polygon class="st1" points="500.3 374.1 500.3 500.6 278.2 500.6 141.1 363.6 176.3 220.6 144.3 183 182.4 144.4 250.3 212.7 262.2 212.7 271.7 222 342.2 218.1"/><path class="st2" d="m187.9 363.6h-46.9v-150.9h46.9v150.9zm-23.4-171.5c-15 0-27.1-12.4-27.1-27.4s12.2-27.1 27.1-27.1c15 0 27.1 12.2 27.1 27.1 0 15-12.1 27.4-27.1 27.4zm198.8 171.5h-46.8v-73.4c0-17.5-0.4-39.9-24.4-39.9-24.4 0-28.1 19-28.1 38.7v74.7h-46.8v-151h44.9v20.6h0.7c6.3-11.9 21.5-24.4 44.3-24.4 47.4 0 56.1 31.2 56.1 71.8l0.1 82.9z"/></svg>';
345	+ break;
346	+ case 'pinterest' :
347	+ return '<svg version="1.1" class="sab-' . $icon . '" viewBox="0 0 500 500.7" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"><rect class="st0" x=".3" y=".6" width="500" height="500" fill="#bd081c"/><path class="st1" d="m500.3 310.4v190.2h-227.8l-87.7-88.2 17.2-85.2-43-45s-9-64-7-70 21-49 21-49 40-30 44-30 115.7 9.1 115.7 9.1l167.6 168.1z"/><path class="st2" d="m257.5 115.4c-61.4 0-122.1 40.9-122.1 107.2 0 42.1 23.7 66.1 38.1 66.1 5.9 0 9.3-16.5 9.3-21.2 0-5.6-14.2-17.4-14.2-40.6 0-48.1 36.6-82.3 84-82.3 40.8 0 70.9 23.2 70.9 65.7 0 31.8-12.8 91.4-54.1 91.4-14.9 0-27.7-10.8-27.7-26.2 0-22.6 15.8-44.5 15.8-67.9 0-39.6-56.2-32.4-56.2 15.4 0 10.1 1.3 21.2 5.7 30.4-8.3 35.6-25.1 88.5-25.1 125.2 0 11.3 1.6 22.4 2.7 33.8 2 2.3 1 2 4.1 0.9 30.2-41.3 29.1-49.4 42.7-103.4 7.4 14 26.4 21.6 41.5 21.6 63.6 0 92.1-62 92.1-117.8 0.2-59.5-51.1-98.3-107.5-98.3z"/></svg>';
348	+ break;
349	+ case 'reddit' :
350	+ return '<svg version="1.1" class="sab-' . $icon . '" viewBox="0 0 500 500.7" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"><rect class="st0" x=".3" y=".6" width="500" height="500" fill="#ff4500"/><polygon class="st1" points="500.3 241.3 500.3 500.6 306.5 500.6 144.2 338.1 139.3 255.9 243 207.6 268.7 107.6 339 123.3 371.3 110.8"/><path class="st2" d="m363.9 206.9c-9.3 0-17.4 3.8-23.4 9.8-22.1-15.3-51.8-25.1-84.7-26.1l17.1-77.1 54.5 12.2c0 13.3 10.9 24.2 24.2 24.2 13.6 0 24.5-11.2 24.5-24.5s-10.9-24.5-24.5-24.5c-9.5 0-17.7 5.7-21.8 13.6l-60.2-13.3c-3-0.8-6 1.4-6.8 4.4l-18.8 85c-32.7 1.4-62.1 11.2-84.2 26.4-6-6.2-14.5-10.1-23.7-10.1-34.4 0-45.6 46.1-14.1 61.8-1.1 4.9-1.6 10.1-1.6 15.3 0 51.8 58.3 93.7 129.9 93.7 71.9 0 130.2-42 130.2-93.7 0-5.2-0.6-10.6-1.9-15.5 30.8-15.8 19.4-61.6-14.7-61.6zm-192.1 65.1c0-13.6 10.9-24.5 24.5-24.5 13.3 0 24.2 10.9 24.2 24.5 0 13.3-10.9 24.2-24.2 24.2-13.6 0.1-24.5-10.8-24.5-24.2zm132.4 57.8c-22.5 22.5-85.9 22.5-108.4 0-2.5-2.2-2.5-6 0-8.5 2.2-2.2 6-2.2 8.2 0 17.2 17.6 74.1 17.9 92.1 0 2.2-2.2 6-2.2 8.2 0 2.4 2.5 2.4 6.3-0.1 8.5zm-0.5-33.5c-13.3 0-24.2-10.9-24.2-24.2 0-13.6 10.9-24.5 24.2-24.5 13.6 0 24.5 10.9 24.5 24.5 0 13.3-10.9 24.2-24.5 24.2z"/></svg>';
351	+ break;
352	+ case 'rss' :
353	+ return '<svg version="1.1" class="sab-' . $icon . '" viewBox="0 0 500 500.7" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"><rect class="st0" x=".5" y="1" width="500" height="500" fill="#f26522"/><g><polygon class="st1" points="384.1 501 291.8 501 143.8 353.2 188 305.9"/><polygon class="st1" points="500.5 404.9 500.5 501 391.1 501 144 251.1 185 228.6 136.4 169.5 288 194.2"/></g><path class="st2" d="m201.6 332.5c0 18-14.6 32.6-32.6 32.6s-32.6-14.6-32.6-32.6 14.6-32.6 32.6-32.6 32.6 14.6 32.6 32.6zm89.6 24.1c-4.3-78.8-67.4-142-146.2-146.2-4.7-0.3-8.6 3.5-8.6 8.2v24.4c0 4.3 3.3 7.9 7.6 8.2 57 3.7 102.7 49.3 106.4 106.4 0.3 4.3 3.9 7.6 8.2 7.6h24.4c4.7-0.1 8.4-4 8.2-8.6zm73.5 0.1c-4.3-119.2-100.1-215.6-219.9-219.9-4.6-0.2-8.4 3.6-8.4 8.2v24.5c0 4.4 3.5 8 7.9 8.2 97.4 4 175.6 82.2 179.6 179.6 0.2 4.4 3.8 7.9 8.2 7.9h24.5c4.5-0.1 8.2-3.9 8.1-8.5z"/></svg>';
354	+ break;
355	+ case 'sharethis' :
356	+ return '<svg version="1.1" class="sab-' . $icon . '" viewBox="0 0 500 500.7" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"><rect class="st0" x=".2" y=".1" width="500" height="500" fill="#95D03A"/><polygon class="st1" points="500.2 288.7 500.2 500.1 368.9 500.1 150.9 282.7 345.8 133.8"/><path class="st2" d="m314.3 282.1c-11.3 0-21.7 3.9-29.9 10.5l-51.3-32.1c1.5-6.9 1.5-14 0-20.9l51.3-32.1c8.2 6.5 18.6 10.5 29.9 10.5 26.5 0 48-21.5 48-48s-21.5-48-48-48-48 21.5-48 48c0 3.6 0.4 7.1 1.1 10.4l-51.3 32.1c-8.2-6.5-18.6-10.5-29.9-10.5-26.5 0-48 21.5-48 48s21.5 48 48 48c11.3 0 21.7-3.9 29.9-10.5l51.3 32.1c-0.8 3.4-1.1 6.9-1.1 10.4 0 26.5 21.5 48 48 48s48-21.5 48-48c0-26.4-21.5-47.9-48-47.9z"/></svg>';
357	+ break;
358	+ case 'skype' :
359	+ return '<svg version="1.1" class="sab-' . $icon . '" viewBox="0 0 500 500.7" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"><rect class="st0" x=".1" y=".6" width="500" height="500" fill="#00aff0"/><path class="st1" d="m500.1 340.1v160.6h-160.4l-170.2-170.9s-11.5-120.5-11.5-123.5 38-43 38-43h125.8l178.3 176.8z"/><path class="st2" d="m360.5 274.7c1.6-7.7 2.6-15.9 2.6-24.1 0-62.4-50.5-112.9-112.9-112.9-8.2 0-16.3 0.9-24.1 2.6-10.4-8.1-23.4-12.9-37.6-12.9-34 0-61.6 27.6-61.6 61.6 0 14.1 4.8 27.1 12.8 37.5-1.6 7.7-2.6 15.9-2.6 24.1 0 62.4 50.5 112.9 112.9 112.9 8.2 0 16.3-0.9 24.1-2.6 10.4 8 23.4 12.8 37.5 12.8 34 0 61.6-27.6 61.6-61.6 0.1-14-4.7-27-12.7-37.4zm-107 50.4c-36.1 0-66.3-16.1-66.3-35.7 0-8.8 4.9-16.8 16.2-16.8 17.2 0 18.8 24.7 48.5 24.7 14.1 0 23.3-6.3 23.3-14.5 0-10.3-8.8-11.9-23.1-15.4-34.4-8.5-64.8-12.1-64.8-48 0-32.6 32.2-44.6 60-44.6 30.3 0 60.9 12 60.9 30.5 0 9.3-6.3 17.5-16.7 17.5-15.6 0-16.1-18.4-41.2-18.4-14.1 0-23.1 3.8-23.1 12.4 0 10.9 11.4 12 38 18.1 22.8 5.1 49.9 14.7 49.9 42.7 0 32.4-31.4 47.5-61.6 47.5z"/></svg>';
360	+ break;
361	+ case 'soundcloud' :
362	+ return '<svg version="1.1" class="sab-' . $icon . '" viewBox="0 0 500 500.7" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"><rect class="st0" x="1" y=".6" width="500" height="500" fill="#ff8800"/><polygon class="st1" points="501 350 501 500.6 285.6 500.6 90 303.4 90 264.5 99.2 273.4 103.6 254.6 112.9 262.8 116.4 248 126.1 257.5 129.2 246.6 140.2 257.8 142.9 249.2 151.5 257.7 156.2 227.9 164.6 237.3 169.2 215.2 178.8 225.4 183.9 210 192 219 198.4 209.4 205 214.8 211.2 208.7 218.5 216.3 225.1 210.9 232.5 219 238.7 197.1 246.5 203.8 252.4 189.2 258.4 195.3 338.7 199.9 379.3 241.2 404.9 254"/><path class="st2" d="m143.7 250.7l3 33.4-3 35.1c-0.2 1.3-1.1 2.3-2.3 2.3s-2.2-1-2.2-2.3l-2.9-35.1 2.9-33.4c0-1.1 1-2.2 2.2-2.2 1.1 0 2.1 1.1 2.3 2.2zm11-23.5c-1.4 0-2.4 1.1-2.6 2.6l-2.6 54.3 2.6 35.1c0.2 1.4 1.1 2.6 2.6 2.6 1.3 0 2.4-1.1 2.4-2.6l3-35.1-3-54.3c0-1.4-1.1-2.6-2.4-2.6zm13.1-12.4c-1.6 0-2.7 1.1-2.9 2.7l-2.3 66.9 2.3 34.9c0.2 1.6 1.3 2.7 2.9 2.7 1.4 0 2.7-1.1 2.7-2.7l2.7-34.9-2.7-66.9c0-1.5-1.3-2.7-2.7-2.7zm-77.8 49.7c-0.7 0-1.1 0.6-1.3 1.3l-2.4 18.3 2.4 18c0.2 0.7 0.6 1.3 1.3 1.3s1.1-0.6 1.3-1.3l2.9-18-2.9-18.3c-0.1-0.7-0.5-1.3-1.3-1.3zm12.2-11.2c-0.7 0-1.3 0.6-1.3 1.3l-3.3 29.6 3.3 28.9c0 0.9 0.6 1.4 1.3 1.4s1.3-0.6 1.4-1.3l3.7-29-3.7-29.6c-0.1-0.8-0.7-1.3-1.4-1.3zm13-5.9c-0.9 0-1.6 0.7-1.7 1.7l-3 35 3 33.9c0.2 0.9 0.9 1.6 1.7 1.6 0.9 0 1.6-0.7 1.6-1.6l3.6-33.9-3.6-35c0-1-0.7-1.7-1.6-1.7zm13-1.1c-1 0-1.9 0.7-1.9 1.9l-3 36 3 34.9c0 1.1 0.9 1.9 1.9 1.9s1.9-0.7 2-1.9l3.3-34.9-3.3-36c-0.1-1.2-1-1.9-2-1.9zm124.2-57.1c-0.6-0.4-1.4-0.7-2.2-0.7-1.1 0-2.2 0.4-2.9 1-1 0.9-1.6 2.2-1.7 3.4v0.4l-1.7 90.9 0.9 16.7 0.9 16.3c0.2 2.4 2.2 4.4 4.6 4.4s4.4-2 4.4-4.4l2-33-2-91.3c-0.2-1.5-1-3-2.3-3.7zm-13.7 7.9c-0.7-0.4-1.4-0.7-2.3-0.7-0.8 0-1.6 0.3-2.3 0.7-1.1 0.7-1.9 2-1.9 3.4l-0.2 0.9-1.4 82.7s0 0.2 1.6 33.8v0.2c0 0.9 0.3 1.7 0.9 2.4 0.9 1 2 1.6 3.3 1.6 1.1 0 2.2-0.6 2.9-1.3 0.9-0.7 1.3-1.7 1.3-2.9l0.2-3.4 1.6-30.2-1.7-83.8c-0.1-1.4-0.9-2.7-2-3.4zm-57.3 11.6c-1.6 0-3 1.4-3 3.1l-2.3 72.3 2.3 34.6c0.2 1.7 1.4 3 3 3 1.7 0 3-1.3 3.1-3l2.6-34.6-2.6-72.3c-0.1-1.7-1.4-3.1-3.1-3.1zm193.8 32.3c-5.6 0-10.9 1.1-15.7 3.1-3.3-36.4-33.9-65-71.2-65-9.2 0-18 1.7-25.9 4.8-3.1 1.1-4 2.3-4 4.7v128.5c0 2.6 2 4.4 4.4 4.7h112.3c22.3 0 40.4-18 40.4-40.3 0.1-22.4-18-40.5-40.3-40.5zm-152.7-31c-2.2 0-3.9 1.7-4 4l-1.7 70.3 1.7 33.8c0.2 2.2 1.9 3.9 4 3.9s3.9-1.7 3.9-3.9l2-33.8-2-70.3c-0.2-2.3-1.7-4-3.9-4zm-27.5-4.1c-1.7 0-3.3 1.6-3.3 3.4l-2 74.8 2 34.4c0.2 1.9 1.6 3.3 3.3 3.3 1.9 0 3.3-1.4 3.4-3.3l2.3-34.4-2.3-74.8c-0.1-1.8-1.6-3.4-3.4-3.4zm13.7 1.8c-2 0-3.6 1.6-3.6 3.6l-2 72.9 2 34.2c0.2 2 1.6 3.6 3.6 3.6s3.6-1.6 3.6-3.6l2.2-34.2-2.2-72.9c0-2.1-1.6-3.6-3.6-3.6z"/></svg>';
363	+ break;
364	+ case 'spotify' :
365	+ return '<svg version="1.1" class="sab-' . $icon . '" viewBox="0 0 500 500.7" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"><rect class="st0" x="-.1" y=".1" width="500" height="500" fill="#1db954"/><polygon class="st1" points="499.9 302.3 499.9 500.1 302.2 500.1 147.9 344.4 131 214.3 153.9 174.3 344.6 148.5"/><path class="st2" d="m249.9 111.2c-76.7 0-138.9 62.2-138.9 138.9s62.3 138.9 138.9 138.9 138.9-62.2 138.9-138.9-62.2-138.9-138.9-138.9zm56.4 204.4c-2.4 0-3.8-0.7-6-2-34.9-21.1-75.6-22-115.8-13.7-2.2 0.6-5 1.5-6.7 1.5-5.4 0-8.8-4.3-8.8-8.8 0-5.8 3.4-8.5 7.6-9.4 45.9-10.1 92.7-9.2 132.7 14.7 3.4 2.2 5.4 4.1 5.4 9.2 0.1 5-3.8 8.5-8.4 8.5zm15.1-36.7c-2.9 0-4.9-1.3-6.9-2.4-35-20.7-87.2-29.1-133.6-16.5-2.7 0.7-4.1 1.5-6.7 1.5-6 0-10.9-4.9-10.9-10.9s2.9-10 8.7-11.6c15.6-4.4 31.5-7.6 54.8-7.6 36.3 0 71.5 9 99.1 25.5 4.5 2.7 6.3 6.2 6.3 11 0 6.1-4.7 11-10.8 11zm17.4-42.7c-2.9 0-4.7-0.7-7.2-2.2-39.9-23.8-111.2-29.5-157.3-16.6-2 0.6-4.5 1.5-7.2 1.5-7.4 0-13-5.8-13-13.2 0-7.6 4.7-11.9 9.7-13.4 19.7-5.8 41.8-8.5 65.8-8.5 40.9 0 83.7 8.5 115 26.8 4.4 2.5 7.2 6 7.2 12.7-0.1 7.4-6.2 12.9-13 12.9z"/></svg>';
366	+ break;
367	+ case 'stackoverflow' :
368	+ return '<svg version="1.1" class="sab-' . $icon . '" viewBox="0 0 500 500.7" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"><rect class="st0" x=".3" y=".8" width="500" height="500" fill="#f48024"/><polygon class="st1" points="500.3 393.3 500.3 500.8 253.4 500.8 137.2 384.7 148.5 304.3 161.1 289 184.9 313 220 318.3 187.5 282.5 262 283 202.8 226.6 314 255.3 232.8 173.4 339.8 231.7"/><polygon class="st1" points="500.3 324.7 500.3 383.6 344.4 227.1 292.2 116.9"/><path class="st2" d="m311.1 277.1l-108.3-50.5 10-21.8 108.4 50.6-10.1 21.7zm28.7-45.4l-91.7-76.7-15.2 18.4 91.7 76.7 15.2-18.4zm23.7-19l-71.3-95.8-19.1 14.3 71.3 95.8 19.1-14.3zm-54.2 71l-117-24.7-4.9 23.5 117 24.5 4.9-23.3zm18.9 77.1h-167.1v-71.8h-23.9v95.6h214.9v-95.6h-23.9v71.8zm-23.8-47.8h-119.5v23.7h119.5v-23.7z"/></svg>';
369	+ break;
370	+ case 'steam' :
371	+ return '<svg version="1.1" class="sab-' . $icon . '" viewBox="0 0 500 500.7" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"><rect class="st0" x=".2" y="-.1" width="500" height="500" fill="#00adee"/><polygon class="st1" points="500.2 266.9 500.2 499.9 283.2 499.9 100.6 318 157.6 283.9 186.3 273.3 210.3 273.9 229 248.5 263 226.6 259 201.9 267 173.9 283.2 146.7 318.3 135.3 371.4 138.6"/><path class="st2" d="m364.6 197.5c0 22.6-18.4 40.7-40.7 40.7-22.6 0-40.7-18.2-40.7-40.7s18.2-40.7 40.7-40.7c22.4-0.1 40.7 18.1 40.7 40.7zm35.1 0.1c0 42.1-34 76-75.9 76l-73 53.3c-2.7 28.7-27 51.3-56.4 51.3-27 0-49.9-19.2-55.4-44.7l-38.4-15.5v-71.6l64.9 26.2c10.1-6.1 21.5-8.9 34.7-7.7l47.4-67.9c0.3-41.6 34.4-75.3 76.1-75.3 41.9 0 76 34 76 75.9zm-163.6 123.7c0-23.2-18.6-41.7-41.7-41.7-3 0-6 0.3-9 1l17.4 7c17 6.8 25.4 26 18.5 43.1-6.8 17-26.2 25.4-43.2 18.4-6.8-2.7-13.7-5.5-20.5-8.1 7 13.2 20.8 22.2 36.8 22.2 23.2-0.2 41.7-18.7 41.7-41.9zm138.5-123.7c0-28-22.9-50.9-50.9-50.9-28.2 0-51.1 22.8-51.1 50.9 0 28.2 22.9 50.9 51.1 50.9 28 0 50.9-22.7 50.9-50.9z"/></svg>';
372	+ break;
373	+ case 'stumbleUpon' :
374	+ return '<svg version="1.1" class="sab-' . $icon . '" viewBox="0 0 500 500.7" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"><rect class="st0" x=".5" y=".4" width="500" height="500" fill="#eb4924"/><polygon class="st1" points="500.5 355.2 500.5 500.4 272.1 500.4 115 343.3 119.7 284.6 150.4 256.4 189 295.9 208.3 299.9 208.3 183.3 294.5 150.1"/><path class="st2" d="m402.7 256.4v42.2c0 37.6-30.4 68-68 68-37.4 0-68-30.1-68-67.4v-42.5l20.8 9.7 30.9-9.2v42.8c0 8.9 7.3 16 16.2 16s16.2-7.1 16.2-16v-43.6h51.9zm-136-35.2l20.8 9.7 30.9-9.2v-21.5c0-36.6-30.9-66-67.8-66-36.8 0-67.8 29.2-67.8 65.5v98.3c0 9-7.3 16.2-16.2 16.2s-16.2-7.1-16.2-16.2v-41.5h-52v42.2c0 37.5 30.4 68 68 68 37.3 0 68-30 68-67.1v-97c0-8.9 7.3-16.2 16.2-16.2s16.2 7.3 16.2 16.2v18.6h-0.1z"/></svg>';
375	+ break;
376	+ case 'tumblr' :
377	+ return '<svg version="1.1" class="sab-' . $icon . '" viewBox="0 0 500 500.7" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"><rect class="st0" x=".5" y=".4" width="500" height="500" fill="#35465c"/><polygon class="st1" points="500.5 342.9 500.5 500.4 351.4 500.4 222 369.3 210 272.3 173.4 234.9 272.5 116.9"/><path class="st2" d="m331.8 372.1c-7.4 7.9-27.1 17.2-52.9 17.2-65.6 0-79.8-48.2-79.8-76.3v-78.2h-25.8c-3 0-5.4-2.4-5.4-5.4v-36.9c0-3.9 2.4-7.4 6.1-8.7 33.7-11.8 44.2-41.3 45.8-63.6 0.4-6 3.5-8.8 8.7-8.8h38.5c3 0 5.4 2.4 5.4 5.4v62.5h45c3 0 5.4 2.4 5.4 5.4v44.3c0 3-2.4 5.4-5.4 5.4h-45.3v72.3c0 18.6 12.9 29.1 36.9 19.4 2.6-1 4.9-1.7 6.9-1.2 1.9 0.5 3.1 1.8 4 4.3l11.9 34.9c1.2 2.9 2 5.9 0 8z"/></svg>';
378	+ break;
379	+ case 'twitter' :
380	+ return '<svg version="1.1" class="sab-' . $icon . '" viewBox="0 0 500 500.7" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"><rect class="st0" x=".5" y=".2" width="500" height="500" fill="#1da1f2"/><polygon class="st1" points="500.5 252.8 500.5 500.2 266.9 500.2 107 340.3 125 344.6 148.7 342.6 184.7 341.6 157.9 302.5 177.3 303.6 157.3 295.9 160.7 283.3 137.8 259.8 231 234.3 386 138"/><path class="st2" d="m364.5 191.7c0.2 2.5 0.2 5.1 0.2 7.6 0 77.8-59.2 167.4-167.4 167.4-33.3 0-64.3-9.7-90.3-26.4 4.7 0.5 9.3 0.7 14.2 0.7 27.5 0 52.8-9.3 73-25.1-25.9-0.5-47.5-17.5-55-40.8 3.6 0.5 7.3 0.9 11.1 0.9 5.3 0 10.6-0.7 15.5-2-27-5.5-47.2-29.1-47.2-57.7v-0.7c7.8 4.4 16.9 7.1 26.6 7.5-15.8-10.6-26.2-28.6-26.2-49 0-10.9 2.9-20.9 8-29.7 29 35.7 72.5 59 121.3 61.6-0.9-4.4-1.5-8.9-1.5-13.5 0-32.4 26.2-58.8 58.8-58.8 16.9 0 32.2 7.1 43 18.6 13.3-2.5 26-7.5 37.3-14.2-4.4 13.7-13.7 25.1-25.9 32.4 11.8-1.3 23.3-4.6 33.9-9.1-7.9 11.6-17.9 21.9-29.4 30.3z"/></svg>';
381	+ break;
382	+ case 'vimeo' :
383	+ return '<svg version="1.1" class="sab-' . $icon . '" viewBox="0 0 500 500.7" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"><rect class="st0" x="-.6" y=".2" width="500" height="500" fill="#1ab7ea"/><polygon class="st1" points="499.4 270.6 499.4 500.2 356.4 500.2 218.5 361.7 196 283.3 125.7 212.2 214.5 140.8 269.4 196.2 378.8 148.9"/><path class="st2" d="m385.9 186.7c-1.2 26.6-19.8 63-55.7 109.2-37.1 48.3-68.5 72.4-94.2 72.4-15.9 0-29.4-14.7-40.4-44.1-21.5-78.8-30.6-124.9-48.3-124.9-2.1 0-9.2 4.3-21.5 12.9l-12.8-16.6c31.5-27.6 61.5-58.3 80.3-60 21.3-2.1 34.3 12.5 39.3 43.6 17.5 110.6 25.2 127.4 57.1 77.2 11.4-18 17.6-31.8 18.4-41.2 2.9-28-21.8-26.1-38.6-18.9 13.4-44 39.1-65.3 76.9-64.1 27.8 0.7 41 18.9 39.5 54.5z"/></svg>';
384	+ break;
385	+ case 'windows' :
386	+ return '<svg version="1.1" class="sab-' . $icon . '" viewBox="0 0 500 500.7" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"><rect class="st0" x=".6" y=".6" width="500" height="500" fill="#0078d7"/><polygon class="st1" points="500.6 239.2 500.6 500.6 277.6 500.6 120.5 344.9 141 273.3 120.5 244.6 227.2 141.6 238.9 153.3 380.8 120.4"/><path class="st2" d="m120.5 156.3l106.7-14.7v103.1h-106.7v-88.4zm0 188.6l106.7 14.7v-101.8h-106.7v87.1zm118.4 16.2l141.9 19.6v-122.9h-141.9v103.3zm0-221.1v104.6h141.9v-124.2l-141.9 19.6z"/></svg>';
387	+ break;
388	+ case 'wordpress' :
389	+ return '<svg version="1.1" class="sab-' . $icon . '" viewBox="0 0 500 500.7" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"><rect class="st0" x=".3" y=".6" width="500" height="500" fill="#21759b"/><path class="st1" d="m500.3 307.1v193.5h-195c-73.3-74.3-159.6-161.6-161.3-163.3l-0.7-7.3-17.5-29.2-7-28.5-1.2-21.9 2.4-34.7 12.3-27 18.3-27.7 21-19.3 25-13.3 31.5-9 34.8-1.8 42.5 10.5 39.4 24.4 155.5 154.6z"/><path class="st2" d="m143.3 202.9l55.9 153c-39.1-18.9-66-59-66-105.3 0-17 3.6-33.1 10.1-47.7zm186 41.8c0-14.5-5.2-24.5-9.6-32.3-5.9-9.6-11.5-17.8-11.5-27.5 0-10.8 8.1-20.8 19.6-20.8 0.5 0 1 0.1 1.5 0.1-20.9-19.1-48.6-30.8-79.1-30.8-40.9 0-76.9 21-97.9 52.8 2.8 0.1 5.3 0.2 7.5 0.2 12.2 0 31.2-1.5 31.2-1.5 6.3-0.4 7 8.9 0.8 9.6 0 0-6.3 0.7-13.4 1.1l42.7 126.8 25.6-76.8-18.2-50c-6.3-0.4-12.3-1.1-12.3-1.1-6.3-0.4-5.6-10 0.7-9.6 0 0 19.3 1.5 30.8 1.5 12.2 0 31.2-1.5 31.2-1.5 6.3-0.4 7 8.9 0.8 9.6 0 0-6.3 0.7-13.4 1.1l42.3 125.9 11.7-39c5.2-16.2 9-27.8 9-37.8zm-77 16.1l-35.1 102.1c10.5 3.1 21.6 4.8 33.1 4.8 13.6 0 26.7-2.4 38.9-6.7-0.3-0.5-0.6-1-0.8-1.6l-36.1-98.6zm100.7-66.4c0.5 3.7 0.8 7.7 0.8 12.1 0 11.9-2.2 25.2-8.9 41.9l-35.8 103.4c34.8-20.3 58.2-58 58.2-101.2 0-20.4-5.1-39.5-14.3-56.2zm33.8 56.2c0 75.3-61.3 136.5-136.5 136.5-75.3 0-136.5-61.3-136.5-136.5 0-75.3 61.2-136.5 136.5-136.5 75.2 0 136.5 61.2 136.5 136.5zm-6.3 0c0-71.8-58.4-130.2-130.2-130.2s-130.2 58.4-130.2 130.2 58.4 130.2 130.2 130.2 130.2-58.4 130.2-130.2z"/></svg>';
390	+ break;
391	+ case 'yahoo' :
392	+ return '<svg version="1.1" class="sab-' . $icon . '" viewBox="0 0 500 500.7" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"><rect class="st0" x="-.2" y="-.3" width="500" height="500" fill="#410093"/><polygon class="st1" points="499.8 247.8 499.8 499.7 342.1 499.7 231.8 390.5 245 316.3 240 243.3 175.3 139.3 175.3 108.9 269.1 201.3 361.2 108.9"/><path class="st2" d="m265.2 269.5l2.2 121c-7-1.2-12.9-2.1-17.8-2.1-4.6 0-10.6 0.9-17.8 2.1l2.2-121c-30.3-52.2-60.7-108.3-95.7-160.6 6.5 1.7 12.7 2.1 18.3 2.1 5 0 11.2-0.4 18.8-2.1 22.5 39.7 45.2 76.3 74.3 124.1 20.5-33.9 50.1-79.3 74.2-124.1 6.1 1.6 12.1 2.1 18.1 2.1 6.3 0 12.8-0.6 19.3-2.1-19 26.3-72.5 119.3-96.1 160.6z"/></svg>';
393	+ break;
394	+ case 'youtube' :
395	+ return '<svg version="1.1" class="sab-' . $icon . '" viewBox="0 0 500 500.7" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"><rect class="st0" x=".4" y="-.3" width="500" height="500" fill="#ff0000"/><polygon class="st1" points="500.4 311.3 500.4 499.7 311.8 499.7 139.5 326.7 205 196.6 360.9 172.5"/><path class="st2" d="m371.3 188.8c-2.9-10.9-11.4-19.5-22.3-22.4-19.7-5.3-98.6-5.3-98.6-5.3s-78.9 0-98.6 5.3c-10.9 2.9-19.4 11.5-22.3 22.4-5.3 19.8-5.3 61.1-5.3 61.1s0 41.3 5.3 61.1c2.9 10.9 11.4 19.2 22.3 22.1 19.7 5.3 98.6 5.3 98.6 5.3s78.9 0 98.6-5.3c10.9-2.9 19.4-11.2 22.3-22.1 5.3-19.8 5.3-61.1 5.3-61.1s0-41.3-5.3-61.1zm-146.7 98.6v-75l65.9 37.5-65.9 37.5z"/></svg>';
396	+ break;
397	+ case 'xing' :
398	+ return '<svg version="1.1" class="sab-' . $icon . '" viewBox="0 0 500 500.7" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"><rect class="st0" x="-.3" y="-.1" width="500" height="500" fill="#026466"/><polygon class="st1" points="499.7 220.8 499.7 499.9 311.6 499.9 119.7 307.9 190.3 249.9 181.7 187.3 193.9 159.4 253.1 218.2 287 221.9 374 96.9"/><path class="st2" d="m229.6 218.4c-1.2 2.3-17.2 30.3-47.9 84.3-3.3 5.7-7.4 8.5-12.1 8.5h-44.5c-5.3 0-8.3-5.1-5.8-9.8l47.1-82.8c0.1 0 0.1-0.1 0-0.2l-30-51.6c-2.9-5.3 0.2-9.6 5.8-9.6h44.5c5 0 9.1 2.8 12.3 8.3l30.6 52.9zm150.2-111.9l-98.3 172.8v0.2l62.5 113.7c2.7 4.8 0.1 9.6-5.8 9.6h-44.5c-5.2 0-9.3-2.7-12.3-8.3l-63.1-115.1c2.3-4 35.2-62 98.9-174.3 3.1-5.5 7.1-8.3 11.9-8.3h44.9c5.4 0.1 8.4 4.7 5.8 9.7z"/></svg>';
399	+ break;
400	+ case 'mixcloud' :
401	+ return '<svg version="1.1" class="sab-' . $icon . '" viewBox="0 0 500 500.7" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"><rect class="st0" fill="#52aad8" x="-.5" y="-.1" width="500" height="500"/><path class="st1" d="m499.5 316v183.8h-214l-182.4-183.4-2.1-9.2s-8-46.4-8-47.9 10.1-15 10.1-15l14.4-16.5 22-14.5 8.5-10.5 18-25s16.5-8.5 18-8.5 33.5-9 33.5-9l53.7 9.2 76.8 75.8 18.6-12.5 31.6 31.9 0.5-50.1 100.8 101.4z"/><path class="st2" d="m304.8 230.7c-4.4-45-42.5-80.3-88.7-80.3-38.3 0-72.1 24.6-84.3 60.4-28.9 4.3-51.2 29-51.2 59.1 0 33 26.8 59.8 59.9 59.8h153.3c27.7 0 50.3-22.4 50.3-50.1 0.1-24-16.9-44.1-39.3-48.9zm-10.9 76.5h-153.3c-20.7 0-37.5-16.7-37.5-37.4s16.9-37.4 37.5-37.4c10 0 19.3 4 26.4 11 10.6 10.6 26.5-5.4 16-16-7.8-7.6-17.3-12.9-27.6-15.5 10.6-23.5 34.3-39.1 60.7-39.1 36.8 0 66.7 29.9 66.7 66.5 0 7.2-1.2 14.2-3.4 21-4.7 14.6 17 20.6 21.3 7 1.5-4.4 2.6-8.9 3.4-13.5 10.3 4 17.7 13.9 17.7 25.6 0 15.3-12.5 27.8-27.9 27.8zm124.5-27.7c0 23.3-6.7 45.7-19.6 64.9-2.2 3.2-5.7 5-9.4 5-8.6 0-14.4-10-9.2-17.4 10.3-15.5 15.8-33.7 15.8-52.5s-5.6-36.9-15.8-52.3c-8.3-12.1 10.2-25 18.6-12.5 12.8 19 19.6 41.5 19.6 64.8zm-37.6 0c0 16.7-4.8 32.8-14.2 46.8-2.2 3.2-5.7 4.8-9.4 4.8-9.1 0-14.3-10-9.2-17.4 6.9-10.1 10.4-21.8 10.4-34.2 0-12.2-3.5-24-10.4-34.2-8.3-12.2 10.1-24.9 18.6-12.5 9.4 13.8 14.2 30 14.2 46.7z"/></svg>';
402	+ break;
403	+ case 'goodreads' :
404	+ return '<svg version="1.1" class="sab-' . $icon . '" viewBox="0 0 500 500.7" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"><rect class="st0" x="-.2" y=".4" width="500" height="500" fill="#553b08"/><path class="st1" d="m499.8 288.4v212h-173.8l-138.2-138.1 38.5 9 53.3 2-84-85.1-7.8-12.9s-3.5-20-4.2-24.9-7.3-15.8-7.3-26.5 2.7-34 2.7-34l8.8-28 16.5-17.3s14-10 16.7-8.8 24.7-8.5 28.7-8.5 35.3 9.3 37.3 8.5 24.6 32.1 24.6 32.1l23-45.7 165.2 166.2z"/><path class="st2" d="m171.8 327.3h1.5c6.6 0 13.3 0 19.9 0.1 0.8 0 1.6-0.2 1.9 1.1 3.7 18.2 15.7 28.5 32.8 33.4 14 4 28.2 4.1 42.4 0.9 17.6-3.9 29.2-14.8 35.5-31.5 4.2-11.2 5.6-22.9 5.7-34.7 0.1-3 0.2-24.5-0.1-27.6l-0.5-0.2c-0.4 0.8-0.9 1.5-1.3 2.3-11.5 22.5-32 35.2-55 36.1-53.8 2.1-88.4-29.8-89.8-92-0.3-12.4 0.9-24.5 4.3-36.4 10.8-37.1 38.9-61.7 80.3-62 32-0.2 53 20.2 60.7 36.7 0.3 0.6 0.7 1.2 1.3 1v-32.2h23.1c0 146.3 0.1 173.4 0.1 173.4-0.1 41-13.9 75-53.8 84.7-36.3 8.8-83 2.5-102.3-29.9-4.1-7-6.1-14.7-6.7-23.2zm76.3-191.5c-27.4-0.3-56.6 21.2-60 69.9-2.1 30.8 7.7 63.8 37.3 77.6 14.4 6.7 38.8 7.8 56.5-4.5 24.9-17.3 32.7-50.6 28.6-80.4-5-37.2-24.9-62.7-62.4-62.6z"/></svg>';
405	+ break;
406	+ case 'twitch' :
407	+ return '<svg version="1.1" class="sab-' . $icon . '" viewBox="0 0 500 500.7" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"><rect class="st0" x="-.2" y=".4" width="500" height="500" fill="#6441a5"/><polygon class="st1" points="499.8 247.3 499.8 500.4 283 500.4 135.5 351.6 162 142.3 324 138.3 380.2 128"/><path class="st2" d="m152.7 128l-17.2 44v179.7h61.2v32.5h34.4l32.5-32.5h49.7l66.9-66.9v-156.8h-227.5zm204.6 145.3l-38.3 38.2h-61.2l-32.4 32.5v-32.5h-51.6v-160.6h183.5v122.4zm-38.3-78.4v66.8h-22.9v-66.8h22.9zm-61.1 0v66.8h-22.9v-66.8h22.9z"/></svg>';
408	+ break;
409	+ case 'vk' :
410	+ return '<svg version="1.1" class="sab-' . $icon . '" viewBox="0 0 500 500.7" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"><rect class="st0" x="-.9" y=".2" width="500" height="500" fill="#45668e"/><polygon class="st1" points="499.1 247.4 499.1 500.2 355.4 500.2 157 303.3 126 218.3 140.6 153.6 219 235.3 267 151.3 340 215.3 405.5 153.2"/><path class="st2" d="m408.1 164.7c2.3-7.7 0-13.4-11-13.4h-36.4c-9.3 0-13.5 4.9-15.8 10.3 0 0-18.5 45.2-44.8 74.5-8.5 8.5-12.4 11.2-17 11.2-2.3 0-5.8-2.7-5.8-10.4v-72.2c0-9.3-2.6-13.4-10.3-13.4h-57.3c-5.8 0-9.3 4.3-9.3 8.3 0 8.8 13.1 10.8 14.5 35.5v53.7c0 11.7-2.1 13.9-6.7 13.9-12.4 0-42.4-45.4-60.2-97.3-3.6-10.1-7.1-14.2-16.4-14.2h-36.5c-10.4 0-12.5 4.9-12.5 10.3 0 9.6 12.4 57.6 57.6 120.9 30.1 43.2 72.5 66.6 111.1 66.6 23.2 0 26-5.2 26-14.2 0-41.3-2.1-45.2 9.5-45.2 5.4 0 14.7 2.7 36.3 23.6 24.7 24.7 28.8 35.8 42.7 35.8h36.4c10.4 0 15.6-5.2 12.6-15.5-6.9-21.6-53.7-66-55.8-68.9-5.4-6.9-3.8-10 0-16.2 0 0.1 44.5-62.4 49.1-83.7z"/></svg>';
411	+ break;
412	+ case 'medium' :
413	+ return '<svg version="1.1" class="sab-' . $icon . '" viewBox="0 0 500 500.7" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"><rect class="st0" x=".9" y=".3" width="500" height="500" fill="#00ab6c"/><polygon class="st1" points="500.9 232.2 500.9 500.3 233.7 500.3 101.4 368.4 151 349.3 146 207.3 159 169.3 191.8 131.6 292 229.3 310 186.3 400.4 131.6"/><path class="st2" d="m136.8 180c0.4-3.6-1.1-7.3-3.8-9.8l-27.9-33.6v-5h86.7l67 147 58.9-147h82.7v5l-23.9 22.9c-2 1.5-3.1 4.1-2.7 6.7v168.2c-0.4 2.5 0.6 5.1 2.7 6.7l23.3 22.9v5h-117.2v-5l24.2-23.4c2.3-2.3 2.3-3.1 2.3-6.7v-136l-67.2 170.6h-9.1l-78.1-170.6v114.3c-0.7 4.8 0.9 9.6 4.3 13.1l31.4 38.1v5h-89v-4.9l31.4-38.1c3.3-3.5 4.9-8.3 4-13.1v-132.3z"/></svg>';
414	+ break;
415	+ case 'quora' :
416	+ return '<svg class="sab-' . $icon . '" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 500.7"><rect x="0.5" y="0.2" class="st0" width="500" height="500" fill="#a82400"/><polygon class="st1" points="500.5 312 500.5 500.2 324.9 500.2 141.5 316.9 137 185.3 174 142.3 203 129.4 238.5 115.3 315.7 129.4 "/><path class="st2" d="M391.8 335.5h-19.1c-1 8.8-6.9 20.1-21.5 20.1 -13.4 0-23-9.3-32.3-23.4 28.9-22.3 48.8-57.1 48.8-99.9 0.1-76.7-63.1-128.4-129.5-128.4 -65.1 0-129 52-129 128.4 0 87.5 85.7 144.6 162.5 123.4 12.9 21.9 29.8 40.7 62.1 40.7C387.1 396.4 393 347.2 391.8 335.5zM298.2 298c-12.7-19.1-28.5-34.1-59.7-34.1 -19.9 0-35.4 6.5-45 14.9l8 15.9c4-2 8.5-2.6 12.9-2.6 23.2 0 35.1 20.1 45.2 40 -6.5 2-13.5 2.7-21.3 2.7 -49 0-70.2-34.6-70.2-102.3 0-68.1 21.2-103.1 70.2-103.1 49.7 0 71 34.9 71 102.9C309.1 259.6 305.5 281.7 298.2 298z"/></svg>';
417	+ break;
418	+ case 'meetup' :
419	+ return '<svg class="sab-' . $icon . '" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 500.7"><rect x="0.4" y="-0.1" class="st0" width="500" height="500" fill="#e0393e"/><polygon class="st1" points="291.6 499.9 273.5 499.9 133.2 359.2 141.2 348.5 "/><polygon class="st1" points="500.4 291.4 500.4 499.9 295.5 499.9 174.5 379.8 169 364.8 126.8 324 133.2 302.8 85.8 254.6 101.9 230.7 122.5 251.5 137.2 258.1 137.2 242.7 133.2 212.3 166.5 184.2 139.3 154.8 157 142.3 171.5 156.3 218.3 142.8 173.3 96.8 183.4 85.4 223.5 124.6 292.5 151.3 258.8 115.3 283 100.4 363.8 182.3 385.7 177.3 "/><path class="st2" d="M143.7 352.4c0.7 3.7-1.5 7.2-5.2 8 -3.5 0.7-7.1-1.5-7.8-5.2 -0.7-3.5 1.5-7.2 5-8C139.2 346.5 142.9 348.8 143.7 352.4zM236.4 398.7c-4.1 3-5.2 8.7-2.4 13 3 4.3 8.7 5.4 13 2.4 4.1-3 5.2-8.7 2.2-13C246.4 396.9 240.6 395.7 236.4 398.7L236.4 398.7zM180.7 99.3c4.1-0.9 6.7-5 5.8-9.1 -0.7-4.3-4.8-6.9-8.9-5.9 -4.1 0.9-6.7 5-5.9 9.1C172.6 97.7 176.6 100.3 180.7 99.3L180.7 99.3zM101.9 230.7c-6.5-4.5-15.3-2.8-19.8 3.9 -4.5 6.5-2.8 15.5 3.7 20 6.5 4.6 15.3 3 19.8-3.7C110 244.2 108.4 235.3 101.9 230.7zM278 120.1c6.9-4.1 8.9-13 5-19.6 -4.1-6.9-12.8-9.1-19.4-5 -6.7 4.1-8.9 13-4.8 19.8C262.7 121.9 271.3 124.1 278 120.1L278 120.1zM154.3 157.6c5-3.5 6.1-10.4 2.8-15.3 -3.3-5-10.2-6.1-15-2.8 -5 3.5-6.1 10.4-2.8 15.3C142.6 159.9 149.4 161 154.3 157.6zM395.3 258.6c-4.8 1.1-8 5.9-6.9 10.9 0.9 4.8 5.8 8 10.6 6.9 4.8-0.9 8-5.8 6.9-10.7C404.9 260.9 400.1 257.7 395.3 258.6zM421 221.8c-0.7-3.7-4.3-5.9-7.8-5.2 -3.7 0.7-5.9 4.5-5.2 8.2 0.7 3.5 4.3 5.9 8 5.2C419.6 229 421.9 225.5 421 221.8zM369 174.1c-5.6 3.9-6.9 11.5-3.2 17 3.7 5.6 11.3 6.9 16.8 3.2 5.4-3.9 6.7-11.5 3-17C382 171.7 374.4 170.2 369 174.1zM365 264.4c17 27.9 9.8 64.8-17 83.6 -11.3 8-24 11.5-36.8 11.1 -7.8 30.5-44.9 41.8-68.1 21.1 -0.7 0.6-1.7 1.1-2.4 1.9 -25.3 17.5-59.8 11.3-77.3-14.4 -6.3-9.3-9.5-19.8-9.8-30.4 -42.3-7.1-58.3-60.9-26.6-90.5 -18.3-30.4 0.4-69.5 34.6-74.4 16.3-42.9 69.7-63.2 105.9-35.1 43.6-14.4 88.3 19 84.8 65.5C378.8 210.9 386.4 246.1 365 264.4zM319.6 312.5c-2-13.3-26.5-3-27.9-17.5 -2-20.7 28.3-65.5 25.9-82.9 -2.2-15.5-12.6-18.8-21.6-19 -8.7-0.2-10.9 1.3-13.9 3 -1.9 1.1-4.3 3.2-7.6-0.2 -4.1-3.9-7.2-7.6-12.6-8.4 -8-1.3-11.5 1.3-17.2 6.3 -2.2 1.9-7.8 8.4-13 5.9 -2.2-1.1-10-5-15.5-7.4 -10.6-4.6-25.9 3-31.5 13 -8.4 14.8-24.6 73.2-27 81 -5.6 17.2 7.1 31.5 23.9 30.5 7.2-0.4 11.8-3 16.4-11.3 2.6-4.8 27-69.7 28.9-72.9 1.3-2.2 5.8-5.2 9.5-3.3 3.7 2 4.5 6.1 3.9 9.8 -0.7 6.3-18.1 45.9-18.7 50.3 -2.2 14.8 17.4 17.2 25 2.6 2.4-4.6 29.6-60 32-63.7 2.8-4.1 4.8-5.4 7.6-5.2 2 0 5.4 0.6 4.6 7.1 -0.9 6.1-22.7 46.8-25.2 56.8 -3 13.3 4.3 26.8 16.1 32.8C289.1 323.4 322.2 329.8 319.6 312.5L319.6 312.5zM323.3 372.3c-6.7 4.8-8.4 14.2-3.7 21.1 4.6 6.9 13.9 8.5 20.7 3.9 6.9-4.8 8.5-14.2 3.9-21.1C339.5 369.3 330.2 367.4 323.3 372.3z"/>';
420	+ break;
421	+ case 'user_email' :
422	+ return '<svg class="sab-' . $icon . '" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 500.7"><rect x="0.2" y="0.3" class="st0" width="500" height="500" fill="#F97E2A"/><polygon class="st1" points="500.2 269.8 500.2 500.3 270.3 500.3 115 344.7 220.3 297.9 115 192.2 380.6 150.9 "/><path class="st2" d="M385.1 214.6c2.1-1.7 5.3-0.1 5.3 2.6v112c0 14.5-11.8 26.3-26.3 26.3H136.3c-14.5 0-26.3-11.8-26.3-26.3v-112c0-2.7 3.1-4.3 5.3-2.6 12.3 9.5 28.5 21.6 84.4 62.2 11.6 8.4 31.1 26.2 50.5 26.1 19.6 0.2 39.4-18 50.6-26.1C356.6 236.3 372.9 224.1 385.1 214.6zM250.2 285.4c12.7 0.2 31-16 40.2-22.7 72.7-52.8 78.2-57.4 95-70.5 3.2-2.5 5-6.3 5-10.4v-10.4c0-14.5-11.8-26.3-26.3-26.3H136.3c-14.5 0-26.3 11.8-26.3 26.3v10.4c0 4.1 1.9 7.8 5 10.4 16.8 13.1 22.3 17.7 95 70.5C219.2 269.4 237.5 285.6 250.2 285.4L250.2 285.4z"/></svg>';
423	+ break;
424	+ case 'snapchat' :
425	+ return '<svg class="sab-' . $icon . '" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 500.7"><rect x="0.2" y="0.3" class="st0" width="500" height="500" fill="#fffc00"/><polygon class="st1" points="500.2 319.7 500.2 500.3 267.7 500.3 98.8 328.3 187.4 294.6 133.8 241.6 149 237.3 196 250.3 306.4 126.9 "/><path class="st2" d="M401 331.2c-3.1 7.2-16.1 12.5-39.9 16.2 -1.2 1.6-2.2 8.7-3.8 14.2 -1 3.3-3.3 5.2-7.2 5.2l-0.2 0c-5.6 0-11.4-2.6-23-2.6 -15.7 0-21.1 3.6-33.3 12.2 -12.9 9.1-25.3 17-43.8 16.2 -18.7 1.4-34.3-10-43.1-16.2 -12.3-8.7-17.6-12.2-33.3-12.2 -11.2 0-18.2 2.8-23 2.8 -4.8 0-6.6-2.9-7.3-5.3 -1.6-5.4-2.6-12.6-3.9-14.3 -12.2-1.9-39.8-6.7-40.5-19 -0.2-3.2 2.1-6 5.3-6.5 41.2-6.8 59.7-49 60.5-50.8 0-0.1 0.1-0.2 0.1-0.3 2.2-4.5 2.7-8.2 1.5-11.1 -3-7-15.9-9.6-21.3-11.7 -14-5.5-16-11.9-15.2-16.3 1.4-7.6 12.9-12.3 19.5-9.1 5.3 2.5 10 3.7 13.9 3.7 3 0 4.9-0.7 5.9-1.3 -1.2-21.3-4.2-51.6 3.4-68.6 20-44.8 62.3-48.3 74.8-48.3 0.6 0 5.4-0.1 6-0.1 30.9 0 60.5 15.8 75 48.3 7.6 17 4.6 47.2 3.4 68.6 0.9 0.5 2.6 1.1 5.1 1.3 3.8-0.2 8.2-1.4 13.1-3.7 3.6-1.7 8.5-1.5 12.1 0l0 0c5.6 2 9.1 6 9.2 10.6 0.1 5.8-5 10.7-15.3 14.8 -1.3 0.5-2.8 1-4.4 1.5 -5.8 1.8-14.6 4.6-16.9 10.2 -1.2 2.9-0.7 6.6 1.5 11.1 0.1 0.1 0.1 0.2 0.1 0.3 0.8 1.8 19.3 44.1 60.5 50.8C400.2 322.4 403 326.4 401 331.2L401 331.2z"/></svg>';
426	+ break;
427	+ case '500px' :
428	+ return '<svg class="sab-' . $icon . '" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 500.7"><rect x="-0.2" y="0.3" class="st0" width="500" height="500" fill="#0099e5"/><polygon class="st1" points="499.8 270.1 499.8 500.3 312.4 500.3 174.4 362.6 145.8 296.8 150.1 280.4 180.3 310.9 190.2 289.6 208.7 308.3 215.3 294.6 215.3 260.6 176.1 220.5 180.3 171.9 191 111.3 328.3 101.3 "/><path class="st2" d="M177 303.7c-3.9-8.6-4.2-11.1 4.5-14 15.5-4.8 4.8 5.6 26.1 29.7h0.2v-56.8c0.7-30.4 26.6-55.7 59.1-55.7 32.6 0 59.1 26.3 59.1 58.5 0 38.3-36.8 68.4-77.7 56.4 -6.3-2.5-1.3-19.2 5.1-17.3 32 0 54.1-6.1 54.1-38.9 0-36.9-46.6-54.2-70.7-27 -14.2 16-10.6 25.5-10.6 95.3 30.7 18.7 71.5 13.3 97-12.2 15-15 23.3-35.1 23.3-56.2 0-21.3-8.3-41.2-23.5-56.4 -15-15-34.9-23.3-56.4-23.3s-41.6 8.3-56.5 23.3c-0.2 0.2-9.7 10-12.8 14.4l-0.3 0.4c-2 2.8-3.8 5.5-12.2 3.7 -4.2-1-8.6-3.5-8.6-7.1V107.6c0-3 2.4-6.3 6.3-6.3h145.9c5 0 5 7 5 9.1 0 2.4 0 9.1-5 9.1H193.4v80.4h0.2c63-66.4 171-21.8 171 65.8C364.5 373.4 216.5 398.9 177 303.7L177 303.7zM215.3 146c-0.3 2.5 2.8 14.8 8.8 12.5 75.5-28.7 122.6 24.4 126.6 24.4 2.9 0 13.8-9.3 8.6-13.8C303 115.3 217.6 134.6 215.3 146L215.3 146zM352.2 346.2c-66.5 66.4-180.8 36.8-200.7-63 0-7.4-18.4-4.5-17.5 2 14.5 104.8 148.7 155.3 230.7 73.3C368.9 353.9 357.1 341.4 352.2 346.2L352.2 346.2zM243.7 280.9c0 2.4 2.6 4.4 3.3 5.1 1.8 1.8 3.7 2.7 5.1 2.7 2.3 0 1.6 0.1 13.5-11.8 11.9 11.7 11.5 11.8 13.5 11.8 3.3 0 11.2-6.3 6.5-11l-10.5-10.5 11-11c3.8-4.1-6.1-13.2-9.8-9.5l-10.8 10.8c-11.2-11.4-11.1-11.8-13-11.8 -3 0-10.9 7.1-7.5 10.5l11 11C245.1 278 243.7 278.8 243.7 280.9z"/></svg>';
429	+ break;
430	+ case 'mastodont' :
431	+ return '<svg class="sab-' . $icon . '" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 500.7"><rect x="0.1" y="0.1" class="st0" width="500" height="500" fill="#2b90d9"/><path class="st1" d="M500.1 296.7v203.4h-195L162 355.3l-13-59c0 0-2-103 0-109s20-38 20-38l100-15 73.1 5.1L500.1 296.7z"/><path class="st2" d="M370.1 205.9c0-55.8-36.6-72.2-36.6-72.2 -35.9-16.5-131.2-16.3-166.7 0 0 0-36.6 16.4-36.6 72.2 0 66.4-3.8 148.9 60.6 165.9 23.2 6.1 43.2 7.5 59.3 6.5 29.2-1.6 45.5-10.4 45.5-10.4l-1-21.2c0 0-20.8 6.5-44.3 5.8 -23.2-0.8-47.6-2.5-51.4-31 -0.3-2.5-0.5-5.2-0.5-8 49.1 12 91 5.2 102.6 3.8 32.2-3.8 60.3-23.7 63.8-41.8C370.5 247.1 370.1 205.9 370.1 205.9L370.1 205.9zM327 277.8h-26.7v-65.6c0-28.5-36.7-29.6-36.7 4v35.9h-26.6v-35.9c0-33.6-36.7-32.5-36.7-4v65.6h-26.8c0-70.1-3-84.9 10.6-100.5 14.9-16.6 45.8-17.7 59.6 3.5l6.7 11.2 6.7-11.2c13.8-21.3 44.8-20 59.6-3.5C330 193 327 207.8 327 277.8L327 277.8z"/></svg>';
432	+ default :
433	+ return '';
434	+ break;
435	+ }
436	+
437	+ }
438	+
439	+ }

inc/class-simple-author-box-user-profile.php CHANGED Viewed

	@@ -91,7 +91,7 @@ class Simple_Author_Box_User_Profile {
91	}
92
93	$default_url = SIMPLE_AUTHOR_BOX_ASSETS . 'img/default.png';
94	- $~~image_url~~ = get_user_meta( $user->ID, 'sabox-profile-image', true );
95
96	?>
97
	@@ -103,8 +103,8 @@ class Simple_Author_Box_User_Profile {
103	<td>
104	<div id="sab-current-image">
105	<?php wp_nonce_field( 'sabox-profile-image', 'sabox-profile-nonce' ); ?>
106	- <~~input~~ ~~type~~="~~hidden"~~ ~~name="sabox-custom-image"~~ ~~id=~~"~~sabox-custom-image"~~ ~~value~~="<?php echo ~~esc_attr~~( $~~image_url~~ ); ?>">
107	- <~~img~~ ~~data-default~~="~~<?php~~ ~~echo~~ ~~esc_url_raw(~~ ~~$default_url ); ?>~~" ~~src~~="<?php echo ~~'' != $image_url ? esc_url_raw~~( $~~image_url~~ ) ~~: esc_url_raw( $default_url )~~; ?>">
108	</div>
109	<div class="actions">
110	<a href="#" class="button-secondary" id="sabox-remove-image"><?php _e( 'Remove Image', 'saboxplugin' ); ?></a>
	@@ -153,6 +153,8 @@ class Simple_Author_Box_User_Profile {
153	delete_user_meta( $user_id, 'sabox-profile-image' );
154	}
155


156	}
157
158	}


91	}
92
93	$default_url = SIMPLE_AUTHOR_BOX_ASSETS . 'img/default.png';
94	+ $image = get_user_meta( $user->ID, 'sabox-profile-image', true );
95
96	?>
97

103	<td>
104	<div id="sab-current-image">
105	<?php wp_nonce_field( 'sabox-profile-image', 'sabox-profile-nonce' ); ?>
106	+ <img data-default="<?php echo esc_url_raw( $default_url ); ?>" src="<?php echo '' != $image ? esc_url_raw( $image ) : esc_url_raw( $default_url ); ?>"><br>
107	+ <input type="text" name="sabox-custom-image" id="sabox-custom-image" class="regular-text" value="<?php echo esc_attr( $image ); ?>">
108	</div>
109	<div class="actions">
110	<a href="#" class="button-secondary" id="sabox-remove-image"><?php _e( 'Remove Image', 'saboxplugin' ); ?></a>

153	delete_user_meta( $user_id, 'sabox-profile-image' );
154	}
155
156	+
157	+
158	}
159
160	}

inc/class-simple-author-box.php CHANGED Viewed

	@@ -13,11 +13,10 @@ class Simple_Author_Box {
13	*/
14	function __construct() {
15
16	- $this->options = get_option( 'saboxplugin_options', array() );
17	-
18	$this->load_dependencies();
19	$this->define_admin_hooks();
20	- ~~$this->define_public_hooks();~~

21
22	}
23
	@@ -36,6 +35,7 @@ class Simple_Author_Box {
36
37	private function load_dependencies() {
38

39	require_once SIMPLE_AUTHOR_BOX_PATH . 'inc/class-simple-author-box-helper.php';
40	require_once SIMPLE_AUTHOR_BOX_PATH . 'inc/functions.php';
41
	@@ -43,6 +43,7 @@ class Simple_Author_Box {
43	if ( is_admin() ) {
44	require_once SIMPLE_AUTHOR_BOX_PATH . 'inc/class-simple-author-box-admin-page.php';
45	require_once SIMPLE_AUTHOR_BOX_PATH . 'inc/class-simple-author-box-user-profile.php';

46	}
47	}
48
	@@ -63,12 +64,21 @@ class Simple_Author_Box {
63	* Only load when we're in the admin panel
64	*/
65	if ( is_admin() ) {

66	add_action( 'admin_enqueue_scripts', array( $this, 'admin_style_and_scripts' ) );
67	add_filter( 'user_contactmethods', array( $this, 'add_extra_fields' ) );
68	add_filter( 'plugin_action_links_' . SIMPLE_AUTHOR_BOX_SLUG, array( $this, 'settings_link' ) );
69	}
70	}
71








72
73	/**
74	* See this: https://codex.wordpress.org/Plugin_API/Filter_Reference/get_avatar
	@@ -83,7 +93,7 @@ class Simple_Author_Box {
83	* @param [type] $args
84	* @return void
85	*/
86	- public function replace_gravatar_image( $avatar, $id_or_email, $size, $default, $alt, $args ) {
87
88	// Process the user identifier.
89	$user = false;
	@@ -125,16 +135,16 @@ class Simple_Author_Box {
125	}
126	}
127


128	if ( '' !== $custom_profile_image && true !== $args['force_default'] ) {
129
130	$avatar = sprintf(
131	- "<img alt='%s' src='%s' srcset='%s' class='%s' ~~height='~~%~~d' width='%d' %~~s/>",
132	esc_attr( $args['alt'] ),
133	esc_url( $custom_profile_image ),
134	esc_url( $custom_profile_image ) . ' 2x',
135	esc_attr( join( ' ', $class ) ),
136	- (int) $args['height'],
137	- (int) $args['width'],
138	$args['extra_attr']
139	);
140	}
	@@ -142,17 +152,20 @@ class Simple_Author_Box {
142	return $avatar;
143	}
144
145	- ~~private~~ function define_public_hooks() {



146
147	add_action( 'wp_enqueue_scripts', array( $this, 'saboxplugin_author_box_style' ), 10 );
148	add_shortcode( 'simple-author-box', array( $this, 'shortcode' ) );
149	add_filter( 'sabox_hide_social_icons', array( $this, 'show_social_media_icons' ), 10, 2 );
150
151	- if ( ! ~~isset(~~ $this->options['sab_autoinsert'] ) ) {
152	add_filter( 'the_content', 'wpsabox_author_box' );
153	}
154
155	- if ( ~~isset(~~ $this->options['sab_footer_inline_style'] ) ) {
156	add_action(
157	'wp_footer', array(
158	$this,
	@@ -243,7 +256,7 @@ class Simple_Author_Box {
243	}
244
245	$sab_protocol = is_ssl() ? 'https' : 'http';
246	- $sab_box_subset = get_option( 'sab_box_subset' );
247
248	/**
249	* Check for duplicate font families, remove duplicates & re-work the font enqueue procedure
	@@ -256,9 +269,9 @@ class Simple_Author_Box {
256	$sab_subset = '&subset=latin';
257	}
258
259	- $sab_author_font = get_option( 'sab_box_name_font', ~~'None'~~ );
260	- $sab_desc_font = get_option( 'sab_box_desc_font', ~~'None'~~ );
261	- $sab_web_font = get_option( 'sab_box_web_font', ~~'None'~~ );
262
263	$google_fonts = array();
264
	@@ -270,7 +283,7 @@ class Simple_Author_Box {
270	$google_fonts[] = str_replace( ' ', '+', esc_attr( $sab_desc_font ) );
271	}
272
273	- if ( ~~isset(~~ $this->options['sab_web'] ) && $sab_web_font && 'none' != strtolower( $sab_web_font ) ) {
274	$google_fonts[] = str_replace( ' ', '+', esc_attr( $sab_web_font ) );
275	}
276
	@@ -292,12 +305,6 @@ class Simple_Author_Box {
292	* end changes introduced in 2.0.4
293	*/
294
295	- if ( ! isset( $this->options['sab_load_fa'] ) ) {
296	- wp_register_style( 'font-awesome', 'https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css' );
297	- }
298	-
299	- wp_register_style( 'sab-plugin', SIMPLE_AUTHOR_BOX_ASSETS . 'css/simple-author-box' . $suffix . '.css', false, SIMPLE_AUTHOR_BOX_VERSION );
300	-
301	if ( ! is_single() and ! is_page() and ! is_author() and ! is_archive() ) {
302	return;
303	}
	@@ -306,12 +313,6 @@ class Simple_Author_Box {
306	wp_enqueue_style( 'sab-font' );
307	}
308
309	- if ( ! isset( $this->options['sab_load_fa'] ) ) {
310	- wp_enqueue_style( 'font-awesome' );
311	- }
312	-
313	- wp_enqueue_style( 'sab-plugin' );
314	-
315	}
316
317
	@@ -338,7 +339,7 @@ class Simple_Author_Box {
338	if ( '' != $atts['ids'] ) {
339	$ids = explode( ',', $atts['ids'] );
340	ob_start();
341	- $sabox_options = get_option( 'saboxplugin_options' );
342	foreach ( $ids as $user_id ) {
343
344	$template = Simple_Author_Box_Helper::get_template();
	@@ -376,6 +377,13 @@ class Simple_Author_Box {
376
377	function sab_amp_css( $data ) {
378







379	$data['post_amp_styles'] = array(
380	'.saboxplugin-wrap .saboxplugin-gravatar' => array(
381	'float: left',
	@@ -403,8 +411,8 @@ class Simple_Author_Box {
403	),
404	'.saboxplugin-wrap .saboxplugin-desc p' => array(
405	'margin: 5px 0 12px 0',
406	- 'font-size: ' . absint( get_option( 'sab_box_desc_size', 14 ) ) . 'px',
407	- 'line-height: ' . absint( get_option( 'sab_box_desc_size', 14 ) + 7 ) . 'px',
408	),
409	'.saboxplugin-wrap .saboxplugin-web' => array(
410	'margin: 0 20px 15px',
	@@ -415,9 +423,7 @@ class Simple_Author_Box {
415	'display: block',
416	'background: #fcfcfc',
417	'padding: 5px',
418	- '~~box~~-~~shadow~~: 0 1px 0 0 #eee ~~inset~~',
419	- '-webkit-box-shadow: 0 1px 0 0 #eee inset',
420	- '-moz-box-shadow: 0 1px 0 0 #eee inset',
421	),
422	'.saboxplugin-wrap .saboxplugin-socials a' => array(
423	'text-decoration: none',
	@@ -429,6 +435,7 @@ class Simple_Author_Box {
429	'-webkit-transition: opacity 0.4s',
430	'-moz-transition: opacity 0.4s',
431	'-o-transition: opacity 0.4s',

432	),
433	'.saboxplugin-wrap .saboxplugin-socials .saboxplugin-icon-grey' => array(
434	'display: inline-block',
	@@ -436,45 +443,31 @@ class Simple_Author_Box {
436	'margin: 10px 5px',
437	'color: #444',
438	),
439	- '.saboxplugin-wrap .saboxplugin-socials ~~.saboxplugin-icon-color.fa:before~~' => array(
440	- '~~font-size~~: ' . ~~get_option~~( ~~'sab_box_icon_size',~~ 14 ) . 'px',
441	- ),
442	- '~~.saboxplugin-wrap .saboxplugin-socials .saboxplugin-icon-color.fa~~' ~~=> array(~~
443	- 'width: ' . absint( get_option( 'sab_box_icon_size', 14 ) ) * 2 . 'px',
444	- 'height: ' . absint( get_option( 'sab_box_icon_size', 14 ) ) * 2 . 'px',
445	- 'line-height: ' . absint( get_option( 'sab_box_icon_size', 14 ) ) * 2 . 'px',
446	),
447	'.saboxplugin-wrap .saboxplugin-socials.sabox-colored .saboxplugin-icon-color' => array(
448	'color: #FFF',
449	- 'background-color: grey',
450	'margin: 5px',
451	- 'text-align: center',
452	'vertical-align: middle',

453	),
454	- ~~// hotfixes for some icons since we changed from sabox~~-~~icon~~ to ~~using~~ ~~fa-~~
455	- '~~.saboxplugin-socials .fa-googleplus~~:~~before~~' ~~=> array(~~
456	- "content: '\\f0d5' ",
457	- ),
458	- '.saboxplugin-socials .fa-sharethis:before' => array(
459	- "content: '\\f1e0' ",
460	- ),
461	- '.saboxplugin-socials .fa-stackoverflow:before' => array(
462	- "content: '\\f16c' ",
463	- ),
464	- '.saboxplugin-socials .fa-stumbleUpon:before' => array(
465	- "content: '\\f1a4' ",
466	),
467	- '.saboxplugin-socials .~~fa-user_email:before~~' => array(
468	- ~~"content~~: '~~\\f0e0' ",~~
469	),
470	- '.saboxplugin-socials .~~fa-addthis:before~~' => array(
471	- ~~"content~~: ~~'\\f0fe'~~ ",
472	),
473	// custom paddings & margins
474	- '.saboxplugin-wrap' => array(
475	- 'margin-top: ' . absint( get_option( 'sab_box_margin_top', 0 ) ) . 'px',
476	- 'margin-bottom: ' . absint( get_option( 'sab_box_margin_bottom', 0 ) ) . 'px',
477	- 'padding: ' . absint( get_option( 'sab_box_padding_top_bottom', 0 ) ) . 'px ' . absint( get_option( 'sab_box_padding_left_right', 0 ) ) . 'px',
478	'box-sizing: border-box',
479	'border: 1px solid #EEE',
480	'width: 100%',
	@@ -483,12 +476,19 @@ class Simple_Author_Box {
483	'word-wrap: break-word',
484	'position: relative',
485	),






486	);
487
488	- $~~data~~['~~font_urls~~'] = ~~array(~~
489	- '~~Font Awesome~~' => '~~https://maxcdn~~.~~bootstrapcdn~~.~~com/font~~-~~awesome/4~~.~~7.0/fonts/fontawesome~~-~~webfont~~.~~woff2~~',
490	- '~~Font~~ ~~Awesome~~' ~~=> 'https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css'~~,
491	- );

492
493	return $data;
494	}


13	*/
14	function __construct() {
15


16	$this->load_dependencies();
17	$this->define_admin_hooks();
18	+
19	+ add_action( 'init', array( $this, 'define_public_hooks' ) );
20
21	}
22

35
36	private function load_dependencies() {
37
38	+ require_once SIMPLE_AUTHOR_BOX_PATH . 'inc/class-simple-author-box-social.php';
39	require_once SIMPLE_AUTHOR_BOX_PATH . 'inc/class-simple-author-box-helper.php';
40	require_once SIMPLE_AUTHOR_BOX_PATH . 'inc/functions.php';
41

43	if ( is_admin() ) {
44	require_once SIMPLE_AUTHOR_BOX_PATH . 'inc/class-simple-author-box-admin-page.php';
45	require_once SIMPLE_AUTHOR_BOX_PATH . 'inc/class-simple-author-box-user-profile.php';
46	+ require_once SIMPLE_AUTHOR_BOX_PATH . 'inc/class-simple-author-box-previewer.php';
47	}
48	}
49

64	* Only load when we're in the admin panel
65	*/
66	if ( is_admin() ) {
67	+ add_action( 'init', array( $this, 'initialize_admin' ) );
68	add_action( 'admin_enqueue_scripts', array( $this, 'admin_style_and_scripts' ) );
69	add_filter( 'user_contactmethods', array( $this, 'add_extra_fields' ) );
70	add_filter( 'plugin_action_links_' . SIMPLE_AUTHOR_BOX_SLUG, array( $this, 'settings_link' ) );
71	}
72	}
73
74	+ public function initialize_admin() {
75	+ // Class that handles admin page
76	+ new Simple_Author_Box_Admin_Page();
77	+
78	+ // Class that handles author box previewer
79	+ new Simple_Author_Box_Previewer();
80	+ }
81	+
82
83	/**
84	* See this: https://codex.wordpress.org/Plugin_API/Filter_Reference/get_avatar

93	* @param [type] $args
94	* @return void
95	*/
96	+ public function replace_gravatar_image( $avatar, $id_or_email, $size, $default, $alt, $args = array() ) {
97
98	// Process the user identifier.
99	$user = false;

135	}
136	}
137
138	+ $class[] = 'sab-custom-avatar';
139	+
140	if ( '' !== $custom_profile_image && true !== $args['force_default'] ) {
141
142	$avatar = sprintf(
143	+ "<img alt='%s' src='%s' srcset='%s' class='%s' %s/>",
144	esc_attr( $args['alt'] ),
145	esc_url( $custom_profile_image ),
146	esc_url( $custom_profile_image ) . ' 2x',
147	esc_attr( join( ' ', $class ) ),


148	$args['extra_attr']
149	);
150	}

152	return $avatar;
153	}
154
155	+ public function define_public_hooks() {
156	+
157	+ $this->options = Simple_Author_Box_Helper::get_option( 'saboxplugin_options' );
158	+ $this->options['sab_footer_inline_style'] = Simple_Author_Box_Helper::get_option( 'sab_footer_inline_style' );
159
160	add_action( 'wp_enqueue_scripts', array( $this, 'saboxplugin_author_box_style' ), 10 );
161	add_shortcode( 'simple-author-box', array( $this, 'shortcode' ) );
162	add_filter( 'sabox_hide_social_icons', array( $this, 'show_social_media_icons' ), 10, 2 );
163
164	+ if ( '0' == $this->options['sab_autoinsert'] ) {
165	add_filter( 'the_content', 'wpsabox_author_box' );
166	}
167
168	+ if ( '0' == $this->options['sab_footer_inline_style'] ) {
169	add_action(
170	'wp_footer', array(
171	$this,

256	}
257
258	$sab_protocol = is_ssl() ? 'https' : 'http';
259	+ $sab_box_subset = Simple_Author_Box_Helper::get_option( 'sab_box_subset' );
260
261	/**
262	* Check for duplicate font families, remove duplicates & re-work the font enqueue procedure

269	$sab_subset = '&subset=latin';
270	}
271
272	+ $sab_author_font = Simple_Author_Box_Helper::get_option( 'sab_box_name_font' );
273	+ $sab_desc_font = Simple_Author_Box_Helper::get_option( 'sab_box_desc_font' );
274	+ $sab_web_font = Simple_Author_Box_Helper::get_option( 'sab_box_web_font' );
275
276	$google_fonts = array();
277

283	$google_fonts[] = str_replace( ' ', '+', esc_attr( $sab_desc_font ) );
284	}
285
286	+ if ( '1' == $this->options['sab_web'] && $sab_web_font && 'none' != strtolower( $sab_web_font ) ) {
287	$google_fonts[] = str_replace( ' ', '+', esc_attr( $sab_web_font ) );
288	}
289

305	* end changes introduced in 2.0.4
306	*/
307






308	if ( ! is_single() and ! is_page() and ! is_author() and ! is_archive() ) {
309	return;
310	}

313	wp_enqueue_style( 'sab-font' );
314	}
315






316	}
317
318

339	if ( '' != $atts['ids'] ) {
340	$ids = explode( ',', $atts['ids'] );
341	ob_start();
342	+ $sabox_options = Simple_Author_Box_Helper::get_option( 'saboxplugin_options' );
343	foreach ( $ids as $user_id ) {
344
345	$template = Simple_Author_Box_Helper::get_template();

377
378	function sab_amp_css( $data ) {
379
380	+ $options = Simple_Author_Box_Helper::get_option( 'saboxplugin_options' );
381	+
382	+ $icon_size = absint( Simple_Author_Box_Helper::get_option( 'sab_box_icon_size' ) );
383	+ if ( '1' == $options['sab_colored'] ) {
384	+ $icon_size = $icon_size * 2;
385	+ }
386	+
387	$data['post_amp_styles'] = array(
388	'.saboxplugin-wrap .saboxplugin-gravatar' => array(
389	'float: left',

411	),
412	'.saboxplugin-wrap .saboxplugin-desc p' => array(
413	'margin: 5px 0 12px 0',
414	+ 'font-size: ' . absint( Simple_Author_Box_Helper::get_option( 'sab_box_desc_size' ) ) . 'px',
415	+ 'line-height: ' . absint( Simple_Author_Box_Helper::get_option( 'sab_box_desc_size' ) + 7 ) . 'px',
416	),
417	'.saboxplugin-wrap .saboxplugin-web' => array(
418	'margin: 0 20px 15px',

423	'display: block',
424	'background: #fcfcfc',
425	'padding: 5px',
426	+ 'border-top: 1px solid #eee;',


427	),
428	'.saboxplugin-wrap .saboxplugin-socials a' => array(
429	'text-decoration: none',

435	'-webkit-transition: opacity 0.4s',
436	'-moz-transition: opacity 0.4s',
437	'-o-transition: opacity 0.4s',
438	+ 'display: inline-block',
439	),
440	'.saboxplugin-wrap .saboxplugin-socials .saboxplugin-icon-grey' => array(
441	'display: inline-block',

443	'margin: 10px 5px',
444	'color: #444',
445	),
446	+ '.saboxplugin-wrap .saboxplugin-socials a svg' => array(
447	+ 'width:' . absint( $icon_size ) . 'px;',
448	+ 'height:' . absint( $icon_size ) . 'px',
449	+ 'display:block'



450	),
451	'.saboxplugin-wrap .saboxplugin-socials.sabox-colored .saboxplugin-icon-color' => array(
452	'color: #FFF',

453	'margin: 5px',

454	'vertical-align: middle',
455	+ 'display: inline-block',
456	),
457	+ '.saboxplugin-wrap .clearfix' => array(
458	+ 'clear:both;',










459	),
460	+ '.saboxplugin-wrap .saboxplugin-socials a svg .st2' => array(
461	+ 'fill: #fff;'
462	),
463	+ '.saboxplugin-wrap .saboxplugin-socials a svg .st1' => array(
464	+ 'fill: rgba( 0, 0, 0, .3 );'
465	),
466	// custom paddings & margins
467	+ '.saboxplugin-wrap' => array(
468	+ 'margin-top: ' . absint( Simple_Author_Box_Helper::get_option( 'sab_box_margin_top' ) ) . 'px',
469	+ 'margin-bottom: ' . absint( Simple_Author_Box_Helper::get_option( 'sab_box_margin_bottom' ) ) . 'px',
470	+ 'padding: ' . absint( Simple_Author_Box_Helper::get_option( 'sab_box_padding_top_bottom' ) ) . 'px ' . absint( Simple_Author_Box_Helper::get_option( 'sab_box_padding_left_right' ) ) . 'px',
471	'box-sizing: border-box',
472	'border: 1px solid #EEE',
473	'width: 100%',

476	'word-wrap: break-word',
477	'position: relative',
478	),
479	+ '.sab-edit-settings' => array(
480	+ 'display: none;',
481	+ ),
482	+ '.sab-profile-edit' => array(
483	+ 'display: none;',
484	+ ),
485	);
486
487	+ if ( '1' == $options['sab_colored'] && '1' != $options['sab_box_long_shadow'] ) {
488	+ $data['post_amp_styles']['.saboxplugin-wrap .saboxplugin-socials .saboxplugin-icon-color .st1'] = array(
489	+ 'display: none;',
490	+ );
491	+ }
492
493	return $data;
494	}

inc/functions.php CHANGED Viewed

	@@ -22,7 +22,7 @@ if ( ! function_exists( 'wpsabox_author_box' ) ) {
22	$template = Simple_Author_Box_Helper::get_template();
23
24	ob_start();
25	- $sabox_options = get_option( 'saboxplugin_options' );
26	$sabox_author_id = $post->post_author;
27	$show_post_author_box = apply_filters( 'sabox_check_if_show_post_author_box', true, $sabox_options );
28


22	$template = Simple_Author_Box_Helper::get_template();
23
24	ob_start();
25	+ $sabox_options = Simple_Author_Box_Helper::get_option( 'saboxplugin_options' );
26	$sabox_author_id = $post->post_author;
27	$show_post_author_box = apply_filters( 'sabox_check_if_show_post_author_box', true, $sabox_options );
28

readme.txt CHANGED Viewed

	@@ -3,7 +3,7 @@ Contributors: machothemes, silkalns
3	Tags: author box, responsive author box, author profile fields, author social icons, profile fields, author bio, author description, author profile, user profile, post author, rtl author box, amp, accelerated mobile pages
4	Requires at least: 4.6
5	Tested up to: 4.9
6	- Stable tag: 2.0.9
7	License: GPLv3 or later
8	License URI: http://www.gnu.org/licenses/gpl-3.0.html
9
	@@ -40,6 +40,12 @@ We are a young team of WordPress aficionados who love building WordPress plugins
40
41	The Simple Author Box plugin was designed to display the author information on posts, categories, tags, etc. The plugin does not work on pages – it was not designed for this, unfortunately. Adding the shortcode on a blog page will also not work because the plugin won’t have author information to display/will not know which author information to display. Adding the shortcode in a widget that is on a page is another instance when the SAB will not be displayed due to the same reasons. You can add it in a widget, but that widget has to be on a single post.
42






43	= I have two author boxes. How can I hide one? =
44
45	The second author box might be a theme feature and you will need to turn it off from your theme’s options, or hide it with custom CSS.
	@@ -74,6 +80,15 @@ Or you can give back by recommending this amazing plugin to your friends!
74
75	== Changelog ==
76









77	= 2.0.9 =
78	* AMP CSS fixes & validator
79


3	Tags: author box, responsive author box, author profile fields, author social icons, profile fields, author bio, author description, author profile, user profile, post author, rtl author box, amp, accelerated mobile pages
4	Requires at least: 4.6
5	Tested up to: 4.9
6	+ Stable tag: 2.1.0
7	License: GPLv3 or later
8	License URI: http://www.gnu.org/licenses/gpl-3.0.html
9

40
41	The Simple Author Box plugin was designed to display the author information on posts, categories, tags, etc. The plugin does not work on pages – it was not designed for this, unfortunately. Adding the shortcode on a blog page will also not work because the plugin won’t have author information to display/will not know which author information to display. Adding the shortcode in a widget that is on a page is another instance when the SAB will not be displayed due to the same reasons. You can add it in a widget, but that widget has to be on a single post.
42
43	+ = Can I remove the SAB from WooCommerce/Category/Tags pages? Can I have only on posts? =
44	+
45	+ We are working on a feature for this, but in the meantime we have made a plugin containing a small fix for this.
46	+ Please download it from here: <a href="https://www.dropbox.com/s/gdkumeuilogui6g/wp-sab-fix.zip?dl=0">https://www.dropbox.com/s/gdkumeuilogui6g/wp-sab-fix.zip?dl=0</a>
47	+ Then go to your dashboard > Plugins > install and activate it and it will solve it.
48	+
49	= I have two author boxes. How can I hide one? =
50
51	The second author box might be a theme feature and you will need to turn it off from your theme’s options, or hide it with custom CSS.

80
81	== Changelog ==
82
83	+ = 2.1.0=
84	+ * Speed improvement ( We removed FA and added icons as SVG's and removed our css file and added inline )
85	+ * Added new Social Icon : Mastodont
86	+ * Added RTL Support
87	+ * Added option to add external url for user avatar
88	+ * Added option to control the width of border
89	+ * Fixed small issues
90	+ See complete list here : https://github.com/MachoThemes/simple-author-box/milestone/7?closed=1
91	+
92	= 2.0.9 =
93	* AMP CSS fixes & validator
94

simple-author-box.php CHANGED Viewed

	@@ -3,7 +3,7 @@
3	* Plugin Name: Simple Author Box
4	* Plugin URI: http://wordpress.org/plugins/simple-author-box/
5	* Description: Adds a responsive author box with social icons on your posts.
6	- * Version: 2.0.9
7	* Author: Macho Themes
8	* Author URI: https://www.machothemes.com/
9	* License: GPLv3
	@@ -30,7 +30,7 @@
30	define( 'SIMPLE_AUTHOR_BOX_PATH', plugin_dir_path( __FILE__ ) );
31	define( 'SIMPLE_AUTHOR_BOX_ASSETS', plugins_url( '/assets/', __FILE__ ) );
32	define( 'SIMPLE_AUTHOR_BOX_SLUG', plugin_basename( __FILE__ ) );
33	- define( 'SIMPLE_AUTHOR_BOX_VERSION', '2.0.9' );
34	define( 'SIMPLE_AUTHOR_SCRIPT_DEBUG', false );
35
36


3	* Plugin Name: Simple Author Box
4	* Plugin URI: http://wordpress.org/plugins/simple-author-box/
5	* Description: Adds a responsive author box with social icons on your posts.
6	+ * Version: 2.1.0
7	* Author: Macho Themes
8	* Author URI: https://www.machothemes.com/
9	* License: GPLv3

30	define( 'SIMPLE_AUTHOR_BOX_PATH', plugin_dir_path( __FILE__ ) );
31	define( 'SIMPLE_AUTHOR_BOX_ASSETS', plugins_url( '/assets/', __FILE__ ) );
32	define( 'SIMPLE_AUTHOR_BOX_SLUG', plugin_basename( __FILE__ ) );
33	+ define( 'SIMPLE_AUTHOR_BOX_VERSION', '2.1.0' );
34	define( 'SIMPLE_AUTHOR_SCRIPT_DEBUG', false );
35
36

template/template-sab.php CHANGED Viewed

	@@ -1,23 +1,23 @@
1	<?php
2	- if ( ~~isset(~~ $sabox_options['sab_colored'] ) ) {
3	$sabox_color = 'sabox-colored';
4	} else {
5	$sabox_color = '';
6	}
7
8	- if ( ~~isset( $sabox_options[~~'~~sab_web_position'] ) && '~~0' != $sabox_options['sab_web_position'] ) {
9	$sab_web_align = 'sab-web-position';
10	} else {
11	$sab_web_align = '';
12	}
13
14	- if ( ~~isset(~~ $sabox_options['sab_web_target'] ) ) {
15	$sab_web_target = '_blank';
16	} else {
17	$sab_web_target = '_self';
18	}
19
20	- if ( ~~isset(~~ $sabox_options['sab_web_rel'] ) ) {
21	$sab_web_rel = 'rel="nofollow"';
22	} else {
23	$sab_web_rel = '';
	@@ -25,7 +25,7 @@ if ( isset( $sabox_options['sab_web_rel'] ) ) {
25
26	$sab_author_link = sprintf( '<a href="%s" class="vcard author"><span class="fn">%s</span></a>', esc_url( get_author_posts_url( $sabox_author_id ) ), esc_html( get_the_author_meta( 'display_name', $sabox_author_id ) ) );
27
28	- if ( get_the_author_meta( 'description' ) != '' \|\| ! ~~isset(~~ $sabox_options['sab_no_description'] ) ) { // hide the author box if no description is provided
29
30
31	echo '<div class="saboxplugin-wrap">'; // start saboxplugin-wrap div
	@@ -61,9 +61,9 @@ if ( get_the_author_meta( 'description' ) != '' \|\| ! isset( $sabox_options['sab_
61	echo '</div>';
62
63	if ( is_single() ) {
64	- if ( get_the_author_meta( 'user_url' ) != '' ~~and~~ ~~isset(~~ $sabox_options['sab_web'] ) ) { // author website on single
65	echo '<div class="saboxplugin-web ' . esc_attr( $sab_web_align ) . '">';
66	- echo '<a href="' . esc_url( get_the_author_meta( 'user_url', $sabox_author_id ) ) . '" target="' . esc_attr( $sab_web_target ) . '" ' . ~~esc_attr(~~ $sab_web_rel ) . '>' . esc_html( get_the_author_meta( 'user_url', $sabox_author_id ) ) . '</a>';
67	echo '</div>';
68	}
69	}
	@@ -72,7 +72,7 @@ if ( get_the_author_meta( 'description' ) != '' \|\| ! isset( $sabox_options['sab_
72	if ( is_author() or is_archive() ) {
73	if ( get_the_author_meta( 'user_url' ) != '' ) { // force show author website on author.php or archive.php
74	echo '<div class="saboxplugin-web ' . esc_attr( $sab_web_align ) . '">';
75	- echo '<a href="' . esc_url( get_the_author_meta( 'user_url', $sabox_author_id ) ) . '" target="' . esc_attr( $sab_web_target ) . '" ' . ~~esc_attr(~~ $sab_web_rel ) . '>' . esc_html( get_the_author_meta( 'user_url', $sabox_author_id ) ) . '</a>';
76	echo '</div>';
77	}
78	}
	@@ -92,20 +92,16 @@ if ( get_the_author_meta( 'description' ) != '' \|\| ! isset( $sabox_options['sab_
92	echo '</div>';
93	}
94


95
96	- if ( ! ~~isset(~~ $sabox_options['sab_hide_socials'] ) && $show_social_icons ) { // hide social icons div option
97	echo '<div class="saboxplugin-socials ' . esc_attr( $sabox_color ) . '">';
98	-
99	-
100	- $social_links = Simple_Author_Box_Helper::get_user_social_links( $sabox_author_id, true );
101	foreach ( $social_links as $social_platform => $social_link ) {
102
103	if ( 'user_email' == $social_platform ) {
104	- if ( ! ~~isset~~( $~~sabox_options['sab_email']~~ ) ~~) {~~
105	- continue;
106	- } else {
107	- $social_link = 'mailto:' . antispambot( $social_link );
108	- }
109	}
110
111	if ( ! empty( $social_link ) ) {


1	<?php
2	+ if ( '1' == $sabox_options['sab_colored'] ) {
3	$sabox_color = 'sabox-colored';
4	} else {
5	$sabox_color = '';
6	}
7
8	+ if ( '0' != $sabox_options['sab_web_position'] ) {
9	$sab_web_align = 'sab-web-position';
10	} else {
11	$sab_web_align = '';
12	}
13
14	+ if ( '1' == $sabox_options['sab_web_target'] ) {
15	$sab_web_target = '_blank';
16	} else {
17	$sab_web_target = '_self';
18	}
19
20	+ if ( '1' == $sabox_options['sab_web_rel'] ) {
21	$sab_web_rel = 'rel="nofollow"';
22	} else {
23	$sab_web_rel = '';

25
26	$sab_author_link = sprintf( '<a href="%s" class="vcard author"><span class="fn">%s</span></a>', esc_url( get_author_posts_url( $sabox_author_id ) ), esc_html( get_the_author_meta( 'display_name', $sabox_author_id ) ) );
27
28	+ if ( get_the_author_meta( 'description' ) != '' \|\| '0' == $sabox_options['sab_no_description'] ) { // hide the author box if no description is provided
29
30
31	echo '<div class="saboxplugin-wrap">'; // start saboxplugin-wrap div

61	echo '</div>';
62
63	if ( is_single() ) {
64	+ if ( get_the_author_meta( 'user_url' ) != '' && '1' == $sabox_options['sab_web'] ) { // author website on single
65	echo '<div class="saboxplugin-web ' . esc_attr( $sab_web_align ) . '">';
66	+ echo '<a href="' . esc_url( get_the_author_meta( 'user_url', $sabox_author_id ) ) . '" target="' . esc_attr( $sab_web_target ) . '" ' . $sab_web_rel . '>' . esc_html( get_the_author_meta( 'user_url', $sabox_author_id ) ) . '</a>';
67	echo '</div>';
68	}
69	}

72	if ( is_author() or is_archive() ) {
73	if ( get_the_author_meta( 'user_url' ) != '' ) { // force show author website on author.php or archive.php
74	echo '<div class="saboxplugin-web ' . esc_attr( $sab_web_align ) . '">';
75	+ echo '<a href="' . esc_url( get_the_author_meta( 'user_url', $sabox_author_id ) ) . '" target="' . esc_attr( $sab_web_target ) . '" ' . $sab_web_rel . '>' . esc_html( get_the_author_meta( 'user_url', $sabox_author_id ) ) . '</a>';
76	echo '</div>';
77	}
78	}

92	echo '</div>';
93	}
94
95	+ $show_email = '0' == $sabox_options['sab_email'] ? false : true;
96	+ $social_links = Simple_Author_Box_Helper::get_user_social_links( $sabox_author_id, $show_email );
97
98	+ if ( '0' == $sabox_options['sab_hide_socials'] && $show_social_icons && ! empty( $social_links ) ) { // hide social icons div option
99	echo '<div class="saboxplugin-socials ' . esc_attr( $sabox_color ) . '">';
100	+


101	foreach ( $social_links as $social_platform => $social_link ) {
102
103	if ( 'user_email' == $social_platform ) {
104	+ $social_link = 'mailto:' . antispambot( $social_link );




105	}
106
107	if ( ! empty( $social_link ) ) {