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