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 +274 -251 12.2.316.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,133 +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 - 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";
290 313 }
291 -.sd-social-icon .sd-content ul li.share-tumblr a:before,
292 -.sd-social-text .sd-content ul li.share-tumblr a:before,
293 -.sd-content ul li.share-tumblr div.option.option-smart-off a:before,
294 -.sd-social-icon-text .sd-content li.share-tumblr a:before {
295 - 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";
296 320 }
297 321
298 -.sd-social-icon .sd-content ul li.share-pocket a:before,
299 -.sd-social-text .sd-content ul li.share-pocket a:before,
300 -.sd-content ul li.share-pocket div.option.option-smart-off a:before,
301 -.sd-social-icon-text .sd-content li.share-pocket a:before {
302 - 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";
303 327 }
304 -.sd-social-icon .sd-content ul li.share-pinterest a:before,
305 -.sd-social-text .sd-content ul li.share-pinterest a:before,
306 -.sd-content ul li.share-pinterest div.option.option-smart-off a:before,
307 -.sd-social-icon-text .sd-content li.share-pinterest a:before {
308 - 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";
309 334 }
310 -.sd-social-icon .sd-content ul li.share-facebook a:before,
311 -.sd-social-text .sd-content ul li.share-facebook a:before,
312 -.sd-content ul li.share-facebook div.option.option-smart-off a:before,
313 -.sd-social-icon-text .sd-content li.share-facebook a:before {
314 - 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";
315 342 }
316 -.sd-social-icon .sd-content ul li.share-press-this a:before,
317 -.sd-social-text .sd-content ul li.share-press-this a:before,
318 -.sd-content ul li.share-press-this div.option.option-smart-off a:before,
319 -.sd-social-icon-text .sd-content li.share-press-this a:before,
320 -.sd-social-official .sd-content li.share-press-this a:before {
321 - content: '\f205';
343 +
344 +.sd-social-official .sd-content li.share-press-this a::before {
345 + color: #2ba1cb;
322 346 }
323 -.sd-social-official .sd-content li.share-press-this a:before {
324 - 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";
325 354 }
326 -.sd-social-icon .sd-content ul li.share-telegram a:before,
327 -.sd-social-text .sd-content ul li.share-telegram a:before,
328 -.sd-content ul li.share-telegram div.option.option-smart-off a:before,
329 -.sd-social-icon-text .sd-content li.share-telegram a:before,
330 -.sd-social-official .sd-content li.share-telegram a:before {
331 - content: '\f606';
355 +
356 +.sd-social-official .sd-content li.share-telegram a::before {
357 + color: #08c;
332 358 }
333 -.sd-social-official .sd-content li.share-telegram a:before {
334 - 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";
335 366 }
336 -.sd-social-icon .sd-content ul li.share-skype a:before,
337 -.sd-social-text .sd-content ul li.share-skype a:before,
338 -.sd-content ul li.share-skype div.option.option-smart-off a:before,
339 -.sd-social-icon-text .sd-content li.share-skype a:before {
340 - content: '\f220';
367 +
368 +.sd-social-official .sd-content li.share-threads a::before {
369 + color: #000;
341 370 }
342 -.sd-social-icon .sd-content ul li.share-mastodon a:before,
343 -.sd-social-text .sd-content ul li.share-mastodon a:before,
344 -.sd-content ul li.share-mastodon div.option.option-smart-off a:before,
345 -.sd-social-icon-text .sd-content li.share-mastodon a:before,
346 -.sd-social-official .sd-content li.share-mastodon a:before {
347 - content: '\f10a';
371 +
372 +.sd-social-icon .sd-content ul li[class*="share-"].share-threads a.sd-button {
373 + background: #000;
374 + color: #fff !important;
348 375 }
349 -.sd-social-official .sd-content li.share-mastodon a:before {
350 - color: #563ACC;
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";
351 383 }
352 -.sd-social-icon .sd-content ul a.share-more:before,
353 -.sd-social-text .sd-content ul a.share-more:before,
354 -.sd-content ul li.advanced a.share-more:before,
355 -.sd-social-icon-text .sd-content a.share-more:before,
356 -.sd-social-official .sd-content a.share-more:before {
357 - content: '\f415';
384 +
385 +.sd-social-official .sd-content li.share-mastodon a::before {
386 + color: #563acc;
358 387 }
359 -.sd-social-official .sd-content a.share-more:before {
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 {
360 398 color: #2ba1cb;
361 399 }
362 400
363 -.sd-social-icon .sd-content ul li.share-jetpack-whatsapp a:before,
364 -.sd-social-text .sd-content ul li.share-jetpack-whatsapp a:before,
365 -.sd-content ul li.share-jetpack-whatsapp div.option.option-smart-off a:before,
366 -.sd-social-icon-text .sd-content li.share-jetpack-whatsapp a:before,
367 -.sd-social-official .sd-content li.share-jetpack-whatsapp a:before {
368 - 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";
369 407 }
370 -.sd-social-official .sd-content li.share-jetpack-whatsapp a:before {
408 +
409 +.sd-social-official .sd-content li.share-jetpack-whatsapp a::before {
371 410 color: #43d854;
372 411 }
373 -.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 {
374 414 background: #43d854;
375 415 color: #fff !important;
376 416 }
377 417
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";
424 +}
378 425
379 -.sd-social-icon .sd-content ul li.share-deprecated a:before,
380 -.sd-social-icon-text .sd-content li.share-deprecated a:before,
381 -.sd-social-official .sd-content li.share-deprecated a:before,
382 -.sd-content ul li.share-deprecated div.option.option-smart-off a:before {
426 +.sd-social-official .sd-content li.share-nextdoor a::before {
427 + color: #8ed500;
428 +}
429 +
430 +.sd-social-icon .sd-content ul li[class*="share-"].share-nextdoor a.sd-button {
431 + background: #8ed500;
432 + color: #fff !important;
433 +}
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 +}
442 +
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 {
383 456 width: 1em;
384 457 height: 1em;
385 458 content: "\1F6AB";
386 459 }
@@ -388,9 +461,8 @@
388 461 /* Share count */
389 462 .sd-social .sd-button .share-count {
390 463 background: #2ea2cc;
391 464 color: #fff;
392 - -moz-border-radius: 10px;
393 465 border-radius: 10px;
394 466 display: inline-block;
395 467 text-align: center;
396 468 font-size: 10px;
@@ -397,9 +469,9 @@
397 469 padding: 1px 3px;
398 470 line-height: 1;
399 471 }
400 472
401 -.sd-social-official .sd-content>ul>li>a.sd-button span {
473 +.sd-social-official .sd-content > ul > li > a.sd-button span {
402 474 line-height: 1;
403 475 }
404 476
405 477 .sd-social-official .sd-content ul {
@@ -406,9 +478,9 @@
406 478 display: flex;
407 479 flex-wrap: wrap;
408 480 }
409 481
410 -.sd-social-official .sd-content ul:after {
482 +.sd-social-official .sd-content ul::after {
411 483 content: ".";
412 484 display: block;
413 485 height: 0;
414 486 clear: both;
@@ -418,14 +490,14 @@
418 490 .sd-social-official .sd-content li.share-press-this a {
419 491 margin: 0 0 5px 0;
420 492 }
421 493
422 -.sd-social-official .sd-content ul>li {
494 +.sd-social-official .sd-content ul > li {
423 495 display: flex;
424 496 max-height: 18px;
425 497 }
426 498
427 -.sd-social-official .sd-content ul>li .option-smart-off {
499 +.sd-social-official .sd-content ul > li .option-smart-off {
428 500 margin-right: 8px;
429 501 }
430 502
431 503 .sd-social-official .fb-share-button > span {
@@ -431,42 +503,31 @@
431 503 .sd-social-official .fb-share-button > span {
432 504 vertical-align: top !important;
433 505 }
434 506
435 -.sd-social-official .sd-content .pocket_button iframe {
436 - width: 98px;
437 -}
438 -
439 -
440 507 /* Individual official buttons */
441 -.reddit_button iframe {
442 - margin-top: 1px;
443 -}
444 -
445 -.pocket_button iframe, .pinterest_button, .twitter_button, .linkedin_button>span {
508 +.pinterest_button,
509 +.twitter_button,
510 +.linkedin_button > span {
446 511 margin: 0 !important;
447 512 }
448 513
449 -.linkedin_button>span, .pinterest_button a {
514 +.linkedin_button > span,
515 +.pinterest_button a {
450 516 display: block !important;
451 517 }
452 518
453 -.sd-social-official .sd-content .share-skype {
454 - min-width: 55px;
455 -}
456 -
457 519 .sd-social-official .sd-content .share-tumblr iframe {
458 520 max-width: 53px;
459 521 width: unset;
460 522 }
461 523
462 -body .sd-social-official li.share-print ,
524 +body .sd-social-official li.share-print,
463 525 body .sd-social-official li.share-email a,
464 526 body .sd-social-official li.share-custom a,
465 527 body .sd-social-official li a.share-more,
466 528 body .sd-social-official li.share-digg a,
467 -body .sd-social-official li.share-press-this a
468 -{
529 +body .sd-social-official li.share-press-this a {
469 530 position: relative;
470 531 top: 0;
471 532 }
472 533
@@ -471,9 +532,9 @@
471 532 }
472 533
473 534
474 535 /* Custom icons */
475 -body .sd-social-icon .sd-content li.share-custom>a {
536 +body .sd-social-icon .sd-content li.share-custom > a {
476 537 padding: 2px 3px 0 3px;
477 538 position: relative;
478 539 top: 4px;
479 540 }
@@ -481,10 +542,9 @@
481 542 body .sd-social-icon .sd-content li.share-custom a span,
482 543 body .sd-social-icon-text .sd-content li.share-custom a span,
483 544 body .sd-social-text .sd-content li.share-custom a span,
484 545 body .sd-social-official .sd-content li.share-custom a span,
485 -body .sd-content ul li.share-custom a.share-icon span
486 -{
546 +body .sd-content ul li.share-custom a.share-icon span {
487 547 background-size: 16px 16px;
488 548 background-repeat: no-repeat;
489 549 margin-left: 0;
490 550 padding: 0 0 0 19px;
@@ -492,13 +552,18 @@
492 552 height: 21px;
493 553 line-height: 16px;
494 554 }
495 555
496 -body .sd-social-icon .sd-content li.share-custom a span {
497 - width: 0;
556 +body .sd-content ul li.share-custom a span[hidden] {
557 + display: none;
498 558 }
499 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 +
500 564 body .sd-social-icon .sd-content li.share-custom a span {
565 + width: 0;
501 566 padding-left: 16px !important;
502 567 }
503 568
504 569
@@ -508,27 +573,26 @@
508 573 z-index: 2;
509 574 border: 1px solid #ccc;
510 575 padding: 10px;
511 576 background: #fff;
512 - box-shadow: 0px 5px 20px rgba(0,0,0,.2);
513 - -webkit-border-radius: 2px;
514 - -moz-border-radius: 2px;
577 + box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
515 578 border-radius: 2px;
516 579 margin-top: 5px;
517 580 max-width: 400px;
518 581 }
519 582
520 -.sharing-hidden .inner ul{
583 +.sharing-hidden .inner ul {
521 584 margin: 0 !important;
522 585 }
523 586
524 -.sd-social-official .sd-content .sharing-hidden ul>li.share-end {
587 +.sd-social-official .sd-content .sharing-hidden ul > li.share-end {
525 588 clear: both;
526 589 margin: 0 !important;
527 590 height: 0 !important;
528 591 }
529 592
530 -.sharing-hidden .inner:before, .sharing-hidden .inner:after {
593 +.sharing-hidden .inner::before,
594 +.sharing-hidden .inner::after {
531 595 position: absolute;
532 596 z-index: 1;
533 597 top: -8px;
534 598 left: 20px;
@@ -540,9 +604,9 @@
540 604 content: "";
541 605 display: block;
542 606 }
543 607
544 -.sharing-hidden .inner:after {
608 +.sharing-hidden .inner::after {
545 609 z-index: 2;
546 610 top: -7px;
547 611 border-left: 6px solid transparent;
548 612 border-right: 6px solid transparent;
@@ -557,13 +621,12 @@
557 621 /**
558 622 * Special colorful look for "Icon Only" option
559 623 */
560 624
561 -.sd-social-icon .sd-content ul li[class*='share-'] a,
562 -.sd-social-icon .sd-content ul li[class*='share-'] a:hover,
563 -.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 {
564 628 border-radius: 50%;
565 - -webkit-border-radius: 50%;
566 629 border: 0;
567 630 box-shadow: none;
568 631 padding: 7px;
569 632 position: relative;
@@ -574,28 +637,26 @@
574 637 margin-bottom: 0;
575 638 max-width: 32px;
576 639 }
577 640
578 -.sd-social-icon .sd-content ul li[class*='share-'] a.sd-button>span,
579 -.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 {
580 643 line-height: 1;
581 644 }
582 645
583 -.sd-social-icon .sd-content ul li[class*='share-'] a:hover,
584 -.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 {
585 648 border: none;
586 - opacity: .6;
649 + opacity: 0.6;
587 650 }
588 651
589 652
590 -
591 -.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 {
592 654 top: 0;
593 655 }
594 656
595 -.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 {
596 658 padding: 8px 8px 6px 8px;
597 - top: 5px;
598 659 }
599 660
600 661 .sd-social-icon .sd-content ul li a.sd-button.share-more {
601 662 margin-left: 10px;
@@ -615,109 +676,70 @@
615 676 font-size: 9px;
616 677 }
617 678
618 679 /* Special look colors */
619 -.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 {
620 681 background: #e9e9e9;
621 682 margin-top: 2px;
622 683 text-indent: 0;
623 684 }
624 685
625 -.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 {
626 687 background: #2c4762;
627 688 color: #fff !important;
628 689 }
629 690
630 -.sd-social-icon .sd-content ul li[class*='share-'].share-facebook a.sd-button {
631 - background: #1877F2;
691 +.sd-social-icon .sd-content ul li[class*="share-"].share-facebook a.sd-button {
692 + background: #0866ff;
632 693 color: #fff !important;
633 694 }
634 695
635 -.sd-social-icon .sd-content ul li[class*='share-'].share-twitter a.sd-button {
636 - background: #00acee;
696 +.sd-social-icon .sd-content ul li[class*="share-"].share-twitter a.sd-button {
697 + background: #000;
637 698 color: #fff !important;
638 699 }
639 700
640 -.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 {
641 707 background: #ca1f27;
642 708 color: #fff !important;
643 709 }
644 710
645 -.sd-social-icon .sd-content ul li[class*='share-'].share-digg a.sd-button {
646 - color: #555555 !important;
711 +.sd-social-icon .sd-content ul li[class*="share-"].share-digg a.sd-button {
712 + color: #555 !important;
647 713 }
648 714
649 -.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 {
650 716 background: #4f94d4;
651 717 color: #fff !important;
652 718 }
653 719
654 -.sd-social-icon .sd-content ul li[class*='share-'].share-telegram a.sd-button {
655 - background: #0088cc;
720 +.sd-social-icon .sd-content ul li[class*="share-"].share-telegram a.sd-button {
721 + background: #08c;
656 722 color: #fff !important;
657 723 }
658 724
659 -.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 {
660 726 background: #0077b5;
661 727 color: #fff !important;
662 728 }
663 729
664 -.sd-social-icon .sd-content ul li[class*='share-'].share-pocket a.sd-button {
665 - background: #ee4056;
666 - color: #fff !important;
667 -}
668 -
669 -.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 {
670 731 background: #cee3f8;
671 - color: #555555 !important;
732 + color: #555 !important;
672 733 }
673 734
674 -.sd-social-icon .sd-content ul li[class*='share-'].share-skype a.sd-button {
675 - background: #00AFF0;
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%);
676 737 color: #fff !important;
677 738 }
678 739
679 -.sd-social-icon .sd-content ul li[class*='share-'].share-mastodon a.sd-button {
680 - background: linear-gradient(to top, #563ACC 0%, #6364FF 100%);
681 - color: #fff !important;
682 -}
683 -
684 -/**
685 - * Screen Reader Text for "Icon Only" option
686 - */
687 -
688 -.sharing-screen-reader-text {
689 - clip: rect(1px, 1px, 1px, 1px);
690 - position: absolute !important;
691 - height: 1px;
692 - width: 1px;
693 - overflow: hidden;
694 -}
695 -
696 -.sharing-screen-reader-text:hover,
697 -.sharing-screen-reader-text:active,
698 -.sharing-screen-reader-text:focus {
699 - background-color: #f0f0f1;
700 - border-radius: 3px;
701 - box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
702 - clip: auto !important;
703 - color: #21759b;
704 - display: block;
705 - font-size: 14px;
706 - font-weight: bold;
707 - height: auto;
708 - left: 5px;
709 - line-height: normal;
710 - padding: 15px 23px 14px;
711 - text-decoration: none;
712 - top: 5px;
713 - width: auto;
714 - z-index: 100000; /* Above WP toolbar */
715 -}
716 -
717 -
718 740 #jetpack-source_f_name {
719 - display: none!important;
741 + display: none !important;
720 742 position: absolute !important;
721 743 left: -9000px;
722 744 }
723 745
@@ -731,8 +753,9 @@
731 753 font-family: "Open Sans", sans-serif;
732 754 }
733 755
734 756 @media print {
757 +
735 758 .sharedaddy.sd-sharing-enabled {
736 759 display: none;
737 760 }
738 761 }