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