PluginProbe
Jetpack – WP Security, Backup, Speed, & Growth / 16.3-a.1
Jetpack – WP Security, Backup, Speed, & Growth v16.3-a.1
16.3-a.3 16.3-a.1 16.2 16.2-beta 12.0.3 12.1.3 12.2.3 12.3.2 12.4.2 12.5.2 12.6.4 12.7.3 12.8.3 12.9.5 13.0.2 13.1.5 13.2.4 13.3.3 13.4.5 13.5.2 13.6.2 13.7.2 13.8.3 13.9.2 14.0.1 All 504 releases
← All changes | modules/sharedaddy/sharing.css +270 -244 12.5.216.3-a.1 View file →
@@ -6,9 +6,9 @@
6 6
7 7
8 8 /* Master container */
9 9 #jp-post-flair {
10 - padding-top: .5em;
10 + padding-top: 0.5em;
11 11 }
12 12
13 13
14 14 /* Overall Sharedaddy block title */
@@ -22,17 +22,17 @@
22 22 margin: 0 0 1em 0;
23 23 display: inline-block;
24 24 line-height: 1.2;
25 25 font-size: 9pt;
26 - font-weight: bold;
26 + font-weight: 700;
27 27 }
28 28
29 -body.highlander-light h3.sd-title:before {
30 - border-top: 1px solid rgba(0,0,0,.2);
29 +body.highlander-light h3.sd-title::before {
30 + border-top: 1px solid rgba(0, 0, 0, 0.2);
31 31 }
32 32
33 -body.highlander-dark h3.sd-title:before {
34 - border-top: 1px solid rgba(255,255,255,.4);
33 +body.highlander-dark h3.sd-title::before {
34 + border-top: 1px solid rgba(255, 255, 255, 0.4);
35 35 }
36 36
37 37
38 38 /* Sharing services list */
@@ -38,8 +38,9 @@
38 38 /* Sharing services list */
39 39 .sd-sharing {
40 40 margin-bottom: 1em;
41 41 }
42 +
42 43 .sd-content ul {
43 44 padding: 0 !important;
44 45 margin: 0 !important;
45 46 list-style: none !important;
@@ -46,8 +47,10 @@
46 47 }
47 48
48 49 .sd-content ul li {
49 50 display: inline-block;
51 + margin: 0 8px 12px 0;
52 + padding: 0;
50 53 }
51 54
52 55 .sd-content ul li.share-deprecated {
53 56 opacity: 0.5;
@@ -57,9 +60,9 @@
57 60 text-decoration: line-through;
58 61 }
59 62
60 63 .sd-block.sd-gplus {
61 - margin: 0 0 .5em 0;
64 + margin: 0 0 0.5em 0;
62 65 }
63 66
64 67 .sd-gplus .sd-content {
65 68 font-size: 12px;
@@ -68,8 +71,9 @@
68 71 /* Sharing email errors */
69 72 .sd-content .share-email-error .share-email-error-title {
70 73 margin: 0.5em 0;
71 74 }
75 +
72 76 .sd-content .share-email-error .share-email-error-text {
73 77 font-family: "Open Sans", sans-serif;
74 78 font-size: 12px;
75 79 margin: 0.5em 0;
@@ -83,11 +87,11 @@
83 87 .sd-content ul li .option a.share-ustom, /* Ugh. */
84 88 .sd-content ul li.preview-item div.option.option-smart-off a,
85 89 .sd-content ul li.advanced a.share-more,
86 90 .sd-social-icon-text .sd-content ul li a.sd-button,
87 -.sd-social-official .sd-content>ul>li>a.sd-button,
91 +.sd-social-official .sd-content > ul > li > a.sd-button,
88 92 #sharing_email .sharing_send,
89 -.sd-social-official .sd-content>ul>li .digg_button >a { /* official Digg button no longer works, needs cleaning */
93 +.sd-social-official .sd-content > ul > li .digg_button > a { /* official Digg button no longer works, needs cleaning */
90 94 text-decoration: none !important;
91 95 display: inline-block;
92 96 font-size: 13px;
93 97 font-family: "Open Sans", sans-serif;
@@ -92,9 +96,9 @@
92 96 font-size: 13px;
93 97 font-family: "Open Sans", sans-serif;
94 98 font-weight: 500;
95 99 border-radius: 4px;
96 - color: #2C3338 !important;
100 + color: #2c3338 !important;
97 101 background: #fff;
98 102 box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(0, 0, 0, 0.12);
99 103 text-shadow: none;
100 104 line-height: 23px;
@@ -106,9 +110,9 @@
106 110 align-items: center;
107 111 display: flex;
108 112 font-size: 12px;
109 113 line-height: 12px;
110 - padding: 1px 6px 0px 5px;
114 + padding: 1px 6px 0 5px;
111 115 min-height: 20px;
112 116 }
113 117
114 118 .sd-social-official .sd-content ul.preview li a.sd-button,
@@ -116,30 +120,34 @@
116 120 position: relative;
117 121 top: 2px;
118 122 }
119 123
120 -.sd-content ul li a.sd-button>span,
124 +.sd-content ul li a.sd-button > span,
121 125 .sd-content ul li .option a.share-ustom span, /* Ugh. */
122 126 .sd-content ul li.preview-item div.option.option-smart-off a span,
123 127 .sd-content ul li.advanced a.share-more span,
124 -.sd-social-icon-text .sd-content ul li a.sd-button>span,
125 -.sd-social-official .sd-content>ul>li>a.sd-button span,
126 -.sd-social-official .sd-content>ul>li .digg_button >a span { /* official Digg button no longer works, needs cleaning */
128 +.sd-social-icon-text .sd-content ul li a.sd-button > span,
129 +.sd-social-official .sd-content > ul > li > a.sd-button span,
130 +.sd-social-official .sd-content > ul > li .digg_button > a span { /* official Digg button no longer works, needs cleaning */
127 131 line-height: 23px;
128 132 margin-left: 6px;
129 133 }
130 134
131 135 /* Icon Only */
132 -.sd-social-icon .sd-content ul li a.sd-button>span {
136 +.sd-social-icon .sd-content ul li a.sd-button > span {
133 137 margin-left: 0;
134 138 }
135 139
140 +body .sd-social-icon .sd-content ul li[class*="share-"] a.sd-button.share-icon.no-text span:not(.custom-sharing-span) {
141 + display: none;
142 +}
143 +
136 144 /* Text Only */
137 145 .sd-social-text .sd-content ul li a.sd-button span {
138 146 margin-left: 3px;
139 147 }
140 148
141 -.sd-social-official .sd-content ul li a.sd-button>span,
149 +.sd-social-official .sd-content ul li a.sd-button > span,
142 150 .sd-social-official .sd-content ul li.preview-item div.option.option-smart-off a span {
143 151 line-height: 12px;
144 152 margin-left: 3px;
145 153 }
@@ -144,12 +152,12 @@
144 152 margin-left: 3px;
145 153 }
146 154
147 155
148 -.sd-social-official .sd-content>ul>li>a.sd-button:before,
149 -.sd-social-official .sd-content>ul>li .digg_button>a:before,
150 -.sd-social-official .sd-content .sharing-hidden .inner>ul>li>a.sd-button:before,
151 -.sd-social-official .sd-content .sharing-hidden .inner>ul>li .digg_button>a:before {
156 +.sd-social-official .sd-content > ul > li > a.sd-button::before,
157 +.sd-social-official .sd-content > ul > li .digg_button > a::before,
158 +.sd-social-official .sd-content .sharing-hidden .inner > ul > li > a.sd-button::before,
159 +.sd-social-official .sd-content .sharing-hidden .inner > ul > li .digg_button > a::before {
152 160 margin-bottom: -1px;
153 161 }
154 162
155 163 .sd-social-icon .sd-content ul li a.sd-button:hover,
@@ -157,12 +165,12 @@
157 165 .sd-social-text .sd-content ul li a.sd-button:hover,
158 166 .sd-social-text .sd-content ul li a.sd-button:active,
159 167 .sd-social-icon-text .sd-content ul li a.sd-button:hover,
160 168 .sd-social-icon-text .sd-content ul li a.sd-button:active,
161 -.sd-social-official .sd-content>ul>li>a.sd-button:hover,
162 -.sd-social-official .sd-content>ul>li>a.sd-button:active,
163 -.sd-social-official .sd-content>ul>li .digg_button>a:hover,
164 -.sd-social-official .sd-content>ul>li .digg_button>a:active {
169 +.sd-social-official .sd-content > ul > li > a.sd-button:hover,
170 +.sd-social-official .sd-content > ul > li > a.sd-button:active,
171 +.sd-social-official .sd-content > ul > li .digg_button > a:hover,
172 +.sd-social-official .sd-content > ul > li .digg_button > a:active {
165 173 box-shadow: 0 1px 2px rgba(0, 0, 0, 0.22), 0 0 0 1px rgba(0, 0, 0, 0.22);
166 174 }
167 175
168 176 .sd-social-icon .sd-content ul li a.sd-button:active,
@@ -167,53 +175,55 @@
167 175
168 176 .sd-social-icon .sd-content ul li a.sd-button:active,
169 177 .sd-social-text .sd-content ul li a.sd-button:active,
170 178 .sd-social-icon-text .sd-content ul li a.sd-button:active,
171 -.sd-social-official .sd-content>ul>li>a.sd-button:active,
172 -.sd-social-official .sd-content>ul>li .digg_button>a:active {
173 - box-shadow: inset 0 1px 0 rgba(0,0,0,.16);
179 +.sd-social-official .sd-content > ul > li > a.sd-button:active,
180 +.sd-social-official .sd-content > ul > li .digg_button > a:active {
181 + box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.16);
174 182 }
175 183
176 184 /* All icons */
177 -.sd-content ul li a.sd-button:before {
185 +.sd-content ul li a.sd-button::before {
178 186 display: inline-block;
179 187 -webkit-font-smoothing: antialiased;
180 188 -moz-osx-font-smoothing: grayscale;
181 - font: normal 18px/1 'social-logos';
189 + font: 400 18px/1 social-logos;
182 190 vertical-align: top;
183 191 text-align: center;
184 192 }
193 +
185 194 /* text + icon styles should have relative and top position */
186 -.sd-social-icon-text ul li a.sd-button:before {
195 +.sd-social-icon-text ul li a.sd-button::before {
187 196 position: relative;
188 197 top: 2px;
189 198 }
190 199
191 200 /* Make it look great in Chrome and Safari */
192 -@media screen and (-webkit-min-device-pixel-ratio:0) {
193 - .sd-content ul li a.sd-button:before {
201 +@media screen and (-webkit-min-device-pixel-ratio: 0) {
202 +
203 + .sd-content ul li a.sd-button::before {
194 204 position: relative;
195 205 top: 2px;
196 206 }
197 207 }
198 208
199 -.sd-social-official ul li a.sd-button:before {
209 +.sd-social-official ul li a.sd-button::before {
200 210 position: relative;
201 211 top: -2px;
202 212 }
213 +
203 214 /* Make it look great in Chrome and Safari */
204 -@media screen and (-webkit-min-device-pixel-ratio:0) {
205 - .sd-social-official ul li a.sd-button:before {
206 - top: 0px;
215 +@media screen and (-webkit-min-device-pixel-ratio: 0) {
216 +
217 + .sd-social-official ul li a.sd-button::before {
218 + top: 0;
207 219 }
208 220 }
209 221
210 -.sd-content ul li {
211 - margin: 0 8px 12px 0;
212 - padding: 0;
222 +/* Add more pading on touch devices */
223 +.jp-sharing-input-touch .sd-content ul li {
224 + padding-left: 10px;
213 225 }
214 -/* Add more pading on touch devices */
215 -.jp-sharing-input-touch .sd-content ul li { padding-left: 10px; }
216 226
217 227 .sd-content ul li.preview-item.no-icon a.sd-button span {
218 228 margin-left: 0;
219 229 }
@@ -218,12 +228,13 @@
218 228 margin-left: 0;
219 229 }
220 230
221 231 /* Text only */
222 -.sd-social-text .sd-content ul li a:before,
223 -.sd-content ul li.no-icon a:before {
232 +.sd-social-text .sd-content ul li a::before,
233 +.sd-content ul li.no-icon a::before {
224 234 display: none;
225 235 }
236 +
226 237 body .sd-social-text .sd-content ul li.share-custom a span,
227 238 body .sd-content ul li.share-custom.no-icon a span {
228 239 background-image: none;
229 240 background-position: -500px -500px !important; /* hack to work around !important inline style */
@@ -236,15 +247,19 @@
236 247 .sd-social-icon .sd-content ul li a.share-more {
237 248 position: relative;
238 249 top: -4px;
239 250 }
240 -@media screen and (-webkit-min-device-pixel-ratio:0) {
251 +
252 +@media screen and (-webkit-min-device-pixel-ratio: 0) {
253 +
241 254 .sd-social-icon .sd-content ul li a.share-more {
242 255 top: 2px;
243 256 }
244 257 }
245 -/* Firefox specific hack to make the share more button look better on Firefox. */
258 +
259 +/* Hack to make the share more button look better on Firefox. */
246 260 @-moz-document url-prefix() {
261 +
247 262 .sd-social-icon .sd-content ul li a.share-more {
248 263 top: 2px;
249 264 }
250 265 }
@@ -254,143 +269,191 @@
254 269 }
255 270
256 271
257 272 /* Individual icons */
258 -.sd-social-icon .sd-content ul li.share-print a:before,
259 -.sd-social-text .sd-content ul li.share-print a:before,
260 -.sd-content ul li.share-print div.option.option-smart-off a:before,
261 -.sd-social-icon-text .sd-content li.share-print a:before,
262 -.sd-social-official .sd-content li.share-print a:before {
263 - content: '\f469';
273 +.sd-social-icon .sd-content ul li.share-print a::before,
274 +.sd-social-text .sd-content ul li.share-print a::before,
275 +.sd-content ul li.share-print div.option.option-smart-off a::before,
276 +.sd-social-icon-text .sd-content li.share-print a::before,
277 +.sd-social-official .sd-content li.share-print a::before {
278 + content: "\f469";
264 279 }
265 280
266 -.sd-social-icon .sd-content ul li.share-email a:before,
267 -.sd-social-text .sd-content ul li.share-email a:before,
268 -.sd-content ul li.share-email div.option.option-smart-off a:before,
269 -.sd-social-icon-text .sd-content li.share-email a:before,
270 -.sd-social-official .sd-content li.share-email a:before {
271 - content: '\f410';
281 +.sd-social-icon .sd-content ul li.share-email a::before,
282 +.sd-social-text .sd-content ul li.share-email a::before,
283 +.sd-content ul li.share-email div.option.option-smart-off a::before,
284 +.sd-social-icon-text .sd-content li.share-email a::before,
285 +.sd-social-official .sd-content li.share-email a::before {
286 + content: "\f410";
272 287 }
273 -.sd-social-icon .sd-content ul li.share-linkedin a:before,
274 -.sd-social-text .sd-content ul li.share-linkedin a:before,
275 -.sd-content ul li.share-linkedin div.option.option-smart-off a:before,
276 -.sd-social-icon-text .sd-content li.share-linkedin a:before {
277 - content: '\f207';
288 +
289 +.sd-social-icon .sd-content ul li.share-linkedin a::before,
290 +.sd-social-text .sd-content ul li.share-linkedin a::before,
291 +.sd-content ul li.share-linkedin div.option.option-smart-off a::before,
292 +.sd-social-icon-text .sd-content li.share-linkedin a::before {
293 + content: "\f207";
278 294 }
279 -.sd-social-icon .sd-content ul li.share-twitter a:before,
280 -.sd-social-text .sd-content ul li.share-twitter a:before,
281 -.sd-content ul li.share-twitter div.option.option-smart-off a:before,
282 -.sd-social-icon-text .sd-content li.share-twitter a:before {
283 - content: '\f202';
295 +
296 +.sd-social-icon .sd-content ul li.share-twitter a::before,
297 +.sd-social-text .sd-content ul li.share-twitter a::before,
298 +.sd-content ul li.share-twitter div.option.option-smart-off a::before,
299 +.sd-social-icon-text .sd-content li.share-twitter a::before,
300 +.sd-social-icon .sd-content ul li.share-x a::before,
301 +.sd-social-text .sd-content ul li.share-x a::before,
302 +.sd-content ul li.share-x div.option.option-smart-off a::before,
303 +.sd-social-icon-text .sd-content li.share-x a::before {
304 + content: "\f10e";
284 305 }
285 -.sd-social-icon .sd-content ul li.share-reddit a:before,
286 -.sd-social-text .sd-content ul li.share-reddit a:before,
287 -.sd-content ul li.share-reddit div.option.option-smart-off a:before,
288 -.sd-social-icon-text .sd-content li.share-reddit a:before,
289 -.sd-social-official .sd-content li.share-reddit a:before {
290 - content: '\f222';
306 +
307 +.sd-social-icon .sd-content ul li.share-reddit a::before,
308 +.sd-social-text .sd-content ul li.share-reddit a::before,
309 +.sd-content ul li.share-reddit div.option.option-smart-off a::before,
310 +.sd-social-icon-text .sd-content li.share-reddit a::before,
311 +.sd-social-official .sd-content li.share-reddit a::before {
312 + content: "\f222";
291 313 }
292 -.sd-social-icon .sd-content ul li.share-tumblr a:before,
293 -.sd-social-text .sd-content ul li.share-tumblr a:before,
294 -.sd-content ul li.share-tumblr div.option.option-smart-off a:before,
295 -.sd-social-icon-text .sd-content li.share-tumblr a:before {
296 - content: '\f607';
314 +
315 +.sd-social-icon .sd-content ul li.share-tumblr a::before,
316 +.sd-social-text .sd-content ul li.share-tumblr a::before,
317 +.sd-content ul li.share-tumblr div.option.option-smart-off a::before,
318 +.sd-social-icon-text .sd-content li.share-tumblr a::before {
319 + content: "\f607";
297 320 }
298 321
299 -.sd-social-icon .sd-content ul li.share-pocket a:before,
300 -.sd-social-text .sd-content ul li.share-pocket a:before,
301 -.sd-content ul li.share-pocket div.option.option-smart-off a:before,
302 -.sd-social-icon-text .sd-content li.share-pocket a:before {
303 - content: '\f224';
322 +.sd-social-icon .sd-content ul li.share-pinterest a::before,
323 +.sd-social-text .sd-content ul li.share-pinterest a::before,
324 +.sd-content ul li.share-pinterest div.option.option-smart-off a::before,
325 +.sd-social-icon-text .sd-content li.share-pinterest a::before {
326 + content: "\f210";
304 327 }
305 -.sd-social-icon .sd-content ul li.share-pinterest a:before,
306 -.sd-social-text .sd-content ul li.share-pinterest a:before,
307 -.sd-content ul li.share-pinterest div.option.option-smart-off a:before,
308 -.sd-social-icon-text .sd-content li.share-pinterest a:before {
309 - content: '\f210';
328 +
329 +.sd-social-icon .sd-content ul li.share-facebook a::before,
330 +.sd-social-text .sd-content ul li.share-facebook a::before,
331 +.sd-content ul li.share-facebook div.option.option-smart-off a::before,
332 +.sd-social-icon-text .sd-content li.share-facebook a::before {
333 + content: "\f203";
310 334 }
311 -.sd-social-icon .sd-content ul li.share-facebook a:before,
312 -.sd-social-text .sd-content ul li.share-facebook a:before,
313 -.sd-content ul li.share-facebook div.option.option-smart-off a:before,
314 -.sd-social-icon-text .sd-content li.share-facebook a:before {
315 - content: '\f203';
335 +
336 +.sd-social-icon .sd-content ul li.share-press-this a::before,
337 +.sd-social-text .sd-content ul li.share-press-this a::before,
338 +.sd-content ul li.share-press-this div.option.option-smart-off a::before,
339 +.sd-social-icon-text .sd-content li.share-press-this a::before,
340 +.sd-social-official .sd-content li.share-press-this a::before {
341 + content: "\f205";
316 342 }
317 -.sd-social-icon .sd-content ul li.share-press-this a:before,
318 -.sd-social-text .sd-content ul li.share-press-this a:before,
319 -.sd-content ul li.share-press-this div.option.option-smart-off a:before,
320 -.sd-social-icon-text .sd-content li.share-press-this a:before,
321 -.sd-social-official .sd-content li.share-press-this a:before {
322 - content: '\f205';
343 +
344 +.sd-social-official .sd-content li.share-press-this a::before {
345 + color: #2ba1cb;
323 346 }
324 -.sd-social-official .sd-content li.share-press-this a:before {
325 - color: #2ba1cb;
347 +
348 +.sd-social-icon .sd-content ul li.share-telegram a::before,
349 +.sd-social-text .sd-content ul li.share-telegram a::before,
350 +.sd-content ul li.share-telegram div.option.option-smart-off a::before,
351 +.sd-social-icon-text .sd-content li.share-telegram a::before,
352 +.sd-social-official .sd-content li.share-telegram a::before {
353 + content: "\f606";
326 354 }
327 -.sd-social-icon .sd-content ul li.share-telegram a:before,
328 -.sd-social-text .sd-content ul li.share-telegram a:before,
329 -.sd-content ul li.share-telegram div.option.option-smart-off a:before,
330 -.sd-social-icon-text .sd-content li.share-telegram a:before,
331 -.sd-social-official .sd-content li.share-telegram a:before {
332 - content: '\f606';
355 +
356 +.sd-social-official .sd-content li.share-telegram a::before {
357 + color: #08c;
333 358 }
334 -.sd-social-official .sd-content li.share-telegram a:before {
335 - color: #0088cc;
359 +
360 +.sd-social-icon .sd-content ul li.share-threads a::before,
361 +.sd-social-text .sd-content ul li.share-threads a::before,
362 +.sd-content ul li.share-threads div.option.option-smart-off a::before,
363 +.sd-social-icon-text .sd-content li.share-threads a::before,
364 +.sd-social-official .sd-content li.share-threads a::before {
365 + content: "\f10d";
336 366 }
337 -.sd-social-icon .sd-content ul li.share-mastodon a:before,
338 -.sd-social-text .sd-content ul li.share-mastodon a:before,
339 -.sd-content ul li.share-mastodon div.option.option-smart-off a:before,
340 -.sd-social-icon-text .sd-content li.share-mastodon a:before,
341 -.sd-social-official .sd-content li.share-mastodon a:before {
342 - content: '\f10a';
367 +
368 +.sd-social-official .sd-content li.share-threads a::before {
369 + color: #000;
343 370 }
344 -.sd-social-official .sd-content li.share-mastodon a:before {
345 - color: #563ACC;
371 +
372 +.sd-social-icon .sd-content ul li[class*="share-"].share-threads a.sd-button {
373 + background: #000;
374 + color: #fff !important;
346 375 }
347 -.sd-social-icon .sd-content ul a.share-more:before,
348 -.sd-social-text .sd-content ul a.share-more:before,
349 -.sd-content ul li.advanced a.share-more:before,
350 -.sd-social-icon-text .sd-content a.share-more:before,
351 -.sd-social-official .sd-content a.share-more:before {
352 - content: '\f415';
376 +
377 +.sd-social-icon .sd-content ul li.share-mastodon a::before,
378 +.sd-social-text .sd-content ul li.share-mastodon a::before,
379 +.sd-content ul li.share-mastodon div.option.option-smart-off a::before,
380 +.sd-social-icon-text .sd-content li.share-mastodon a::before,
381 +.sd-social-official .sd-content li.share-mastodon a::before {
382 + content: "\f10a";
353 383 }
354 -.sd-social-official .sd-content a.share-more:before {
384 +
385 +.sd-social-official .sd-content li.share-mastodon a::before {
386 + color: #563acc;
387 +}
388 +
389 +.sd-social-icon .sd-content ul a.share-more::before,
390 +.sd-social-text .sd-content ul a.share-more::before,
391 +.sd-content ul li.advanced a.share-more::before,
392 +.sd-social-icon-text .sd-content a.share-more::before,
393 +.sd-social-official .sd-content a.share-more::before {
394 + content: "\f415";
395 +}
396 +
397 +.sd-social-official .sd-content a.share-more::before {
355 398 color: #2ba1cb;
356 399 }
357 400
358 -.sd-social-icon .sd-content ul li.share-jetpack-whatsapp a:before,
359 -.sd-social-text .sd-content ul li.share-jetpack-whatsapp a:before,
360 -.sd-content ul li.share-jetpack-whatsapp div.option.option-smart-off a:before,
361 -.sd-social-icon-text .sd-content li.share-jetpack-whatsapp a:before,
362 -.sd-social-official .sd-content li.share-jetpack-whatsapp a:before {
363 - content: '\f608';
401 +.sd-social-icon .sd-content ul li.share-jetpack-whatsapp a::before,
402 +.sd-social-text .sd-content ul li.share-jetpack-whatsapp a::before,
403 +.sd-content ul li.share-jetpack-whatsapp div.option.option-smart-off a::before,
404 +.sd-social-icon-text .sd-content li.share-jetpack-whatsapp a::before,
405 +.sd-social-official .sd-content li.share-jetpack-whatsapp a::before {
406 + content: "\f608";
364 407 }
365 -.sd-social-official .sd-content li.share-jetpack-whatsapp a:before {
408 +
409 +.sd-social-official .sd-content li.share-jetpack-whatsapp a::before {
366 410 color: #43d854;
367 411 }
368 -.sd-social-icon .sd-content ul li[class*='share-'].share-jetpack-whatsapp a.sd-button {
412 +
413 +.sd-social-icon .sd-content ul li[class*="share-"].share-jetpack-whatsapp a.sd-button {
369 414 background: #43d854;
370 415 color: #fff !important;
371 416 }
372 417
373 -.sd-social-icon .sd-content ul li.share-nextdoor a:before,
374 -.sd-social-text .sd-content ul li.share-nextdoor a:before,
375 -.sd-content ul li.share-nextdoor div.option.option-smart-off a:before,
376 -.sd-social-icon-text .sd-content li.share-nextdoor a:before,
377 -.sd-social-official .sd-content li.share-nextdoor a:before {
378 - content: '\f10c';
418 +.sd-social-icon .sd-content ul li.share-nextdoor a::before,
419 +.sd-social-text .sd-content ul li.share-nextdoor a::before,
420 +.sd-content ul li.share-nextdoor div.option.option-smart-off a::before,
421 +.sd-social-icon-text .sd-content li.share-nextdoor a::before,
422 +.sd-social-official .sd-content li.share-nextdoor a::before {
423 + content: "\f10c";
379 424 }
380 -.sd-social-official .sd-content li.share-nextdoor a:before {
381 - color: #8ED500;
425 +
426 +.sd-social-official .sd-content li.share-nextdoor a::before {
427 + color: #8ed500;
382 428 }
383 -.sd-social-icon .sd-content ul li[class*='share-'].share-nextdoor a.sd-button {
384 - background: #8ED500;
429 +
430 +.sd-social-icon .sd-content ul li[class*="share-"].share-nextdoor a.sd-button {
431 + background: #8ed500;
385 432 color: #fff !important;
386 433 }
387 434
435 +.sd-social-icon .sd-content ul li.share-bluesky a::before,
436 +.sd-social-text .sd-content ul li.share-bluesky a::before,
437 +.sd-content ul li.share-bluesky div.option.option-smart-off a::before,
438 +.sd-social-icon-text .sd-content li.share-bluesky a::before,
439 +.sd-social-official .sd-content li.share-bluesky a::before {
440 + content: "\f10f";
441 +}
388 442
389 -.sd-social-icon .sd-content ul li.share-deprecated a:before,
390 -.sd-social-icon-text .sd-content li.share-deprecated a:before,
391 -.sd-social-official .sd-content li.share-deprecated a:before,
392 -.sd-content ul li.share-deprecated div.option.option-smart-off a:before {
443 +.sd-social-official .sd-content li.share-bluesky a::before {
444 + color: #0085ff;
445 +}
446 +
447 +.sd-social-icon .sd-content ul li[class*="share-"].share-bluesky a.sd-button {
448 + background: #0085ff;
449 + color: #fff !important;
450 +}
451 +
452 +.sd-social-icon .sd-content ul li.share-deprecated a::before,
453 +.sd-social-icon-text .sd-content li.share-deprecated a::before,
454 +.sd-social-official .sd-content li.share-deprecated a::before,
455 +.sd-content ul li.share-deprecated div.option.option-smart-off a::before {
393 456 width: 1em;
394 457 height: 1em;
395 458 content: "\1F6AB";
396 459 }
@@ -398,9 +461,8 @@
398 461 /* Share count */
399 462 .sd-social .sd-button .share-count {
400 463 background: #2ea2cc;
401 464 color: #fff;
402 - -moz-border-radius: 10px;
403 465 border-radius: 10px;
404 466 display: inline-block;
405 467 text-align: center;
406 468 font-size: 10px;
@@ -407,9 +469,9 @@
407 469 padding: 1px 3px;
408 470 line-height: 1;
409 471 }
410 472
411 -.sd-social-official .sd-content>ul>li>a.sd-button span {
473 +.sd-social-official .sd-content > ul > li > a.sd-button span {
412 474 line-height: 1;
413 475 }
414 476
415 477 .sd-social-official .sd-content ul {
@@ -416,9 +478,9 @@
416 478 display: flex;
417 479 flex-wrap: wrap;
418 480 }
419 481
420 -.sd-social-official .sd-content ul:after {
482 +.sd-social-official .sd-content ul::after {
421 483 content: ".";
422 484 display: block;
423 485 height: 0;
424 486 clear: both;
@@ -428,14 +490,14 @@
428 490 .sd-social-official .sd-content li.share-press-this a {
429 491 margin: 0 0 5px 0;
430 492 }
431 493
432 -.sd-social-official .sd-content ul>li {
494 +.sd-social-official .sd-content ul > li {
433 495 display: flex;
434 496 max-height: 18px;
435 497 }
436 498
437 -.sd-social-official .sd-content ul>li .option-smart-off {
499 +.sd-social-official .sd-content ul > li .option-smart-off {
438 500 margin-right: 8px;
439 501 }
440 502
441 503 .sd-social-official .fb-share-button > span {
@@ -441,19 +503,17 @@
441 503 .sd-social-official .fb-share-button > span {
442 504 vertical-align: top !important;
443 505 }
444 506
445 -.sd-social-official .sd-content .pocket_button iframe {
446 - width: 98px;
447 -}
448 -
449 -
450 507 /* Individual official buttons */
451 -.pocket_button iframe, .pinterest_button, .twitter_button, .linkedin_button>span {
508 +.pinterest_button,
509 +.twitter_button,
510 +.linkedin_button > span {
452 511 margin: 0 !important;
453 512 }
454 513
455 -.linkedin_button>span, .pinterest_button a {
514 +.linkedin_button > span,
515 +.pinterest_button a {
456 516 display: block !important;
457 517 }
458 518
459 519 .sd-social-official .sd-content .share-tumblr iframe {
@@ -460,15 +520,14 @@
460 520 max-width: 53px;
461 521 width: unset;
462 522 }
463 523
464 -body .sd-social-official li.share-print ,
524 +body .sd-social-official li.share-print,
465 525 body .sd-social-official li.share-email a,
466 526 body .sd-social-official li.share-custom a,
467 527 body .sd-social-official li a.share-more,
468 528 body .sd-social-official li.share-digg a,
469 -body .sd-social-official li.share-press-this a
470 -{
529 +body .sd-social-official li.share-press-this a {
471 530 position: relative;
472 531 top: 0;
473 532 }
474 533
@@ -473,9 +532,9 @@
473 532 }
474 533
475 534
476 535 /* Custom icons */
477 -body .sd-social-icon .sd-content li.share-custom>a {
536 +body .sd-social-icon .sd-content li.share-custom > a {
478 537 padding: 2px 3px 0 3px;
479 538 position: relative;
480 539 top: 4px;
481 540 }
@@ -483,10 +542,9 @@
483 542 body .sd-social-icon .sd-content li.share-custom a span,
484 543 body .sd-social-icon-text .sd-content li.share-custom a span,
485 544 body .sd-social-text .sd-content li.share-custom a span,
486 545 body .sd-social-official .sd-content li.share-custom a span,
487 -body .sd-content ul li.share-custom a.share-icon span
488 -{
546 +body .sd-content ul li.share-custom a.share-icon span {
489 547 background-size: 16px 16px;
490 548 background-repeat: no-repeat;
491 549 margin-left: 0;
492 550 padding: 0 0 0 19px;
@@ -494,13 +552,18 @@
494 552 height: 21px;
495 553 line-height: 16px;
496 554 }
497 555
498 -body .sd-social-icon .sd-content li.share-custom a span {
499 - width: 0;
556 +body .sd-content ul li.share-custom a span[hidden] {
557 + display: none;
500 558 }
501 559
560 +body .sd-social-icon .sd-content ul li[class*="share-"] a.sd-button.share-icon.no-text .custom-sharing-span {
561 + color: transparent;
562 +}
563 +
502 564 body .sd-social-icon .sd-content li.share-custom a span {
565 + width: 0;
503 566 padding-left: 16px !important;
504 567 }
505 568
506 569
@@ -510,27 +573,26 @@
510 573 z-index: 2;
511 574 border: 1px solid #ccc;
512 575 padding: 10px;
513 576 background: #fff;
514 - box-shadow: 0px 5px 20px rgba(0,0,0,.2);
515 - -webkit-border-radius: 2px;
516 - -moz-border-radius: 2px;
577 + box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
517 578 border-radius: 2px;
518 579 margin-top: 5px;
519 580 max-width: 400px;
520 581 }
521 582
522 -.sharing-hidden .inner ul{
583 +.sharing-hidden .inner ul {
523 584 margin: 0 !important;
524 585 }
525 586
526 -.sd-social-official .sd-content .sharing-hidden ul>li.share-end {
587 +.sd-social-official .sd-content .sharing-hidden ul > li.share-end {
527 588 clear: both;
528 589 margin: 0 !important;
529 590 height: 0 !important;
530 591 }
531 592
532 -.sharing-hidden .inner:before, .sharing-hidden .inner:after {
593 +.sharing-hidden .inner::before,
594 +.sharing-hidden .inner::after {
533 595 position: absolute;
534 596 z-index: 1;
535 597 top: -8px;
536 598 left: 20px;
@@ -542,9 +604,9 @@
542 604 content: "";
543 605 display: block;
544 606 }
545 607
546 -.sharing-hidden .inner:after {
608 +.sharing-hidden .inner::after {
547 609 z-index: 2;
548 610 top: -7px;
549 611 border-left: 6px solid transparent;
550 612 border-right: 6px solid transparent;
@@ -559,13 +621,12 @@
559 621 /**
560 622 * Special colorful look for "Icon Only" option
561 623 */
562 624
563 -.sd-social-icon .sd-content ul li[class*='share-'] a,
564 -.sd-social-icon .sd-content ul li[class*='share-'] a:hover,
565 -.sd-social-icon .sd-content ul li[class*='share-'] div.option a {
625 +.sd-social-icon .sd-content ul li[class*="share-"] a,
626 +.sd-social-icon .sd-content ul li[class*="share-"] a:hover,
627 +.sd-social-icon .sd-content ul li[class*="share-"] div.option a {
566 628 border-radius: 50%;
567 - -webkit-border-radius: 50%;
568 629 border: 0;
569 630 box-shadow: none;
570 631 padding: 7px;
571 632 position: relative;
@@ -576,28 +637,26 @@
576 637 margin-bottom: 0;
577 638 max-width: 32px;
578 639 }
579 640
580 -.sd-social-icon .sd-content ul li[class*='share-'] a.sd-button>span,
581 -.sd-social-icon .sd-content ul li[class*='share-'] div.option a span {
641 +.sd-social-icon .sd-content ul li[class*="share-"] a.sd-button > span,
642 +.sd-social-icon .sd-content ul li[class*="share-"] div.option a span {
582 643 line-height: 1;
583 644 }
584 645
585 -.sd-social-icon .sd-content ul li[class*='share-'] a:hover,
586 -.sd-social-icon .sd-content ul li[class*='share-'] div.option a:hover {
646 +.sd-social-icon .sd-content ul li[class*="share-"] a:hover,
647 +.sd-social-icon .sd-content ul li[class*="share-"] div.option a:hover {
587 648 border: none;
588 - opacity: .6;
649 + opacity: 0.6;
589 650 }
590 651
591 652
592 -
593 -.sd-social-icon .sd-content ul li[class*='share-'] a.sd-button:before {
653 +.sd-social-icon .sd-content ul li[class*="share-"] a.sd-button::before {
594 654 top: 0;
595 655 }
596 656
597 -.sd-social-icon .sd-content ul li[class*='share-'] a.sd-button.share-custom {
657 +.sd-social-icon .sd-content ul li[class*="share-"] a.sd-button.share-custom {
598 658 padding: 8px 8px 6px 8px;
599 - top: 5px;
600 659 }
601 660
602 661 .sd-social-icon .sd-content ul li a.sd-button.share-more {
603 662 margin-left: 10px;
@@ -617,104 +676,70 @@
617 676 font-size: 9px;
618 677 }
619 678
620 679 /* Special look colors */
621 -.sd-social-icon .sd-content ul li[class*='share-'] a.sd-button {
680 +.sd-social-icon .sd-content ul li[class*="share-"] a.sd-button {
622 681 background: #e9e9e9;
623 682 margin-top: 2px;
624 683 text-indent: 0;
625 684 }
626 685
627 -.sd-social-icon .sd-content ul li[class*='share-'].share-tumblr a.sd-button {
686 +.sd-social-icon .sd-content ul li[class*="share-"].share-tumblr a.sd-button {
628 687 background: #2c4762;
629 688 color: #fff !important;
630 689 }
631 690
632 -.sd-social-icon .sd-content ul li[class*='share-'].share-facebook a.sd-button {
633 - background: #1877F2;
691 +.sd-social-icon .sd-content ul li[class*="share-"].share-facebook a.sd-button {
692 + background: #0866ff;
634 693 color: #fff !important;
635 694 }
636 695
637 -.sd-social-icon .sd-content ul li[class*='share-'].share-twitter a.sd-button {
638 - background: #00acee;
696 +.sd-social-icon .sd-content ul li[class*="share-"].share-twitter a.sd-button {
697 + background: #000;
639 698 color: #fff !important;
640 699 }
641 700
642 -.sd-social-icon .sd-content ul li[class*='share-'].share-pinterest a.sd-button {
701 +.sd-social-icon .sd-content ul li[class*="share-"].share-x a.sd-button {
702 + background: #000;
703 + color: #fff !important;
704 +}
705 +
706 +.sd-social-icon .sd-content ul li[class*="share-"].share-pinterest a.sd-button {
643 707 background: #ca1f27;
644 708 color: #fff !important;
645 709 }
646 710
647 -.sd-social-icon .sd-content ul li[class*='share-'].share-digg a.sd-button {
648 - color: #555555 !important;
711 +.sd-social-icon .sd-content ul li[class*="share-"].share-digg a.sd-button {
712 + color: #555 !important;
649 713 }
650 714
651 -.sd-social-icon .sd-content ul li[class*='share-'].share-press-this a.sd-button {
715 +.sd-social-icon .sd-content ul li[class*="share-"].share-press-this a.sd-button {
652 716 background: #4f94d4;
653 717 color: #fff !important;
654 718 }
655 719
656 -.sd-social-icon .sd-content ul li[class*='share-'].share-telegram a.sd-button {
657 - background: #0088cc;
720 +.sd-social-icon .sd-content ul li[class*="share-"].share-telegram a.sd-button {
721 + background: #08c;
658 722 color: #fff !important;
659 723 }
660 724
661 -.sd-social-icon .sd-content ul li[class*='share-'].share-linkedin a.sd-button {
725 +.sd-social-icon .sd-content ul li[class*="share-"].share-linkedin a.sd-button {
662 726 background: #0077b5;
663 727 color: #fff !important;
664 728 }
665 729
666 -.sd-social-icon .sd-content ul li[class*='share-'].share-pocket a.sd-button {
667 - background: #ee4056;
668 - color: #fff !important;
669 -}
670 -
671 -.sd-social-icon .sd-content ul li[class*='share-'].share-reddit a.sd-button {
730 +.sd-social-icon .sd-content ul li[class*="share-"].share-reddit a.sd-button {
672 731 background: #cee3f8;
673 - color: #555555 !important;
732 + color: #555 !important;
674 733 }
675 734
676 -.sd-social-icon .sd-content ul li[class*='share-'].share-mastodon a.sd-button {
677 - background: linear-gradient(to top, #563ACC 0%, #6364FF 100%);
735 +.sd-social-icon .sd-content ul li[class*="share-"].share-mastodon a.sd-button {
736 + background: linear-gradient(to top, #563acc 0%, #6364ff 100%);
678 737 color: #fff !important;
679 738 }
680 739
681 -/**
682 - * Screen Reader Text for "Icon Only" option
683 - */
684 -
685 -.sharing-screen-reader-text {
686 - clip: rect(1px, 1px, 1px, 1px);
687 - position: absolute !important;
688 - height: 1px;
689 - width: 1px;
690 - overflow: hidden;
691 -}
692 -
693 -.sharing-screen-reader-text:hover,
694 -.sharing-screen-reader-text:active,
695 -.sharing-screen-reader-text:focus {
696 - background-color: #f0f0f1;
697 - border-radius: 3px;
698 - box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
699 - clip: auto !important;
700 - color: #21759b;
701 - display: block;
702 - font-size: 14px;
703 - font-weight: bold;
704 - height: auto;
705 - left: 5px;
706 - line-height: normal;
707 - padding: 15px 23px 14px;
708 - text-decoration: none;
709 - top: 5px;
710 - width: auto;
711 - z-index: 100000; /* Above WP toolbar */
712 -}
713 -
714 -
715 740 #jetpack-source_f_name {
716 - display: none!important;
741 + display: none !important;
717 742 position: absolute !important;
718 743 left: -9000px;
719 744 }
720 745
@@ -728,8 +753,9 @@
728 753 font-family: "Open Sans", sans-serif;
729 754 }
730 755
731 756 @media print {
757 +
732 758 .sharedaddy.sd-sharing-enabled {
733 759 display: none;
734 760 }
735 761 }