PluginProbe
Jetpack – WP Security, Backup, Speed, & Growth / 16.2
Jetpack – WP Security, Backup, Speed, & Growth v16.2
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 14.2.2 All 502 releases
jetpack / modules / theme-tools / compat / twentynineteen.css

twentynineteen.css in Jetpack – WP Security, Backup, Speed, & Growth 16.2, at modules/theme-tools/compat/twentynineteen.css

364 lines 8.0 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 /* Infinite scroll */
2
3 /* Globally hidden elements when Infinite Scroll is supported and in use. */
4 .infinite-scroll .pagination,
5 .infinite-scroll .posts-navigation,
6 .infinite-scroll.neverending .site-footer {
7
8 /* Theme Footer (when set to scrolling) */
9 display: none;
10 }
11
12 /* When Infinite Scroll has reached its end we need to re-display
13 * elements that were hidden (via .neverending) before. */
14 .infinity-end.neverending .site-footer {
15 display: block;
16 }
17
18 .infinite-loader {
19 margin: calc(3 * 1rem) auto;
20 }
21
22 .infinite-loader .spinner {
23 margin: 0 auto;
24 left: inherit !important;
25 }
26
27 .site-main #infinite-handle {
28 margin: calc(2 * 1rem) auto;
29 }
30
31 .site-main #infinite-handle span {
32 background: transparent;
33 display: block;
34 font-size: 0.8888888889em;
35 text-align: center;
36 }
37
38 .site-main #infinite-handle span button,
39 .site-main #infinite-handle span button:hover,
40 .site-main #infinite-handle span button:focus {
41 transition: background 150ms ease-in-out;
42 background: #2271b1;
43 border: none;
44 border-radius: 5px;
45 box-sizing: border-box;
46 color: #fff;
47 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
48 font-size: 0.8888888889em;
49 font-weight: 600;
50 line-height: 1.2;
51 outline: none;
52 padding: 0.66rem 1rem;
53 }
54
55 .site-main #infinite-handle span button:hover {
56 cursor: pointer;
57 }
58
59 .site-main #infinite-handle span button:hover,
60 .site-main #infinite-handle span button:focus {
61 background: #111;
62 }
63
64 .site-main #infinite-handle span button:focus {
65 outline: thin dotted;
66 outline-offset: -4px;
67 }
68
69 .site-main .infinite-wrap .entry:first-of-type {
70 margin-top: calc(6 * 1rem);
71 }
72
73 /**
74 * Responsive Videos
75 */
76 .entry .jetpack-video-wrapper {
77 margin-bottom: 1.75em;
78 }
79
80 /**
81 * Sharing
82 */
83
84 .sd-block {
85 line-height: 1;
86 }
87
88 .entry div.sharedaddy h3.sd-title,
89 .entry h3.sd-title {
90 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
91 font-size: 1.125em;
92 font-weight: 700;
93 letter-spacing: -0.02em;
94 line-height: 1.2;
95 margin-bottom: 0.5em;
96 -webkit-font-smoothing: antialiased;
97 -moz-osx-font-smoothing: grayscale;
98 }
99
100 .entry div.sharedaddy h3.sd-title::before,
101 .entry h3.sd-title::before {
102 background: #767676;
103 border-top: none;
104 content: "\020";
105 display: block;
106 height: 2px;
107 margin: 1rem 0;
108 width: 1em;
109 min-width: inherit;
110 }
111
112 .sd-social-icon-text .sd-content ul,
113 .sd-social-text .sd-content ul {
114 margin-bottom: -0.3125em !important;
115 }
116
117 .sd-social-icon .sd-content ul,
118 .sd-social-official .sd-content ul {
119 margin-bottom: 0 !important;
120 }
121
122 /**
123 * Related Posts
124 */
125
126 .entry #jp-relatedposts {
127 padding-top: 0;
128 margin-top: 32px;
129 margin-bottom: 32px;
130 }
131
132 .entry #jp-relatedposts h3.jp-relatedposts-headline {
133 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
134 font-size: 1.125em;
135 font-weight: 700;
136 letter-spacing: -0.02em;
137 line-height: 1.2;
138 margin-bottom: 0.5em;
139 -webkit-font-smoothing: antialiased;
140 -moz-osx-font-smoothing: grayscale;
141 }
142
143 .entry #jp-relatedposts h3.jp-relatedposts-headline::before {
144 background: #767676;
145 border-top: none;
146 content: "\020";
147 display: block;
148 height: 2px;
149 margin: 1rem 0;
150 width: 1em;
151 min-width: inherit;
152 }
153
154 .entry #jp-relatedposts h3.jp-relatedposts-headline em::before {
155 display: none;
156 }
157
158 .entry #jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post {
159 opacity: 1;
160 }
161
162 .entry #jp-relatedposts .jp-relatedposts-items-visual h4.jp-relatedposts-post-title,
163 .entry #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post {
164 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
165 font-size: 1em;
166 letter-spacing: -0.02em;
167 line-height: 1.2;
168 margin-bottom: 0.5em;
169 -webkit-font-smoothing: antialiased;
170 -moz-osx-font-smoothing: grayscale;
171 }
172
173 .entry #jp-relatedposts .jp-relatedposts-items-visual h4.jp-relatedposts-post-title a,
174 .entry #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post span a {
175 font-weight: 700;
176 }
177
178 .entry #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-title,
179 .entry #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-excerpt {
180 margin-top: 0.5em;
181 margin-bottom: 0.5em;
182 }
183
184 .entry #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-context,
185 .entry #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-date {
186 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
187 font-size: 13px;
188 font-weight: 500;
189 }
190
191 .entry #jp-relatedposts .jp-relatedposts-items p,
192 .entry #jp-relatedposts .jp-relatedposts-items-visual
193 .entry h4.jp-relatedposts-post-title {
194 letter-spacing: normal;
195 }
196
197
198 /**
199 * Stats
200 */
201
202 #wpstats {
203 display: none;
204 }
205
206
207 /**
208 * Comments
209 */
210
211 .comments-area .comments-title-wrap + .comment-respond .comment-reply-title {
212 display: none;
213 }
214
215
216 /**
217 * Widgets
218 */
219
220 /* Widget List Resets */
221 .widget_authors ul,
222 .widget_author_grid ul,
223 .widget_jp_blogs_i_follow ul,
224 .widget_links ul,
225 .widget_rss_links ul {
226 list-style: none;
227 padding-left: 0;
228 padding-right: 0;
229 }
230
231 .widget_links li,
232 .widget_jp_blogs_i_follow li,
233 .widget_rss_links li {
234 color: #767676;
235 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
236 font-size: calc(22px * 1.125);
237 font-weight: 700;
238 line-height: 1.2;
239 margin-top: 0.5rem;
240 margin-bottom: 0.5rem;
241 }
242
243
244 /* Authors Widget */
245 .widget.widget_authors ul li > ul {
246 list-style-type: disc;
247 padding-left: 4.25rem;
248 }
249
250 .rtl .widget.widget_authors ul li > ul {
251 padding-left: 0;
252 padding-right: 1rem;
253 }
254
255 .widget_authors > ul > li > a {
256 display: block;
257 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
258 position: relative;
259 }
260
261 .widget.widget_authors li a strong {
262 line-height: 1.2;
263 position: absolute;
264 top: 0;
265 }
266
267 .widget.widget_authors .avatar {
268 float: left;
269 margin-right: 1em;
270 }
271
272 .widget_authors li > ul {
273 clear: both;
274 }
275
276 /* Display WordPress Posts */
277 .widget_jetpack_display_posts_widget .jetpack-display-remote-posts h4 {
278 font-size: 100%;
279 margin: 1rem 0;
280 }
281
282 /* GoodReads */
283 .widget_goodreads div[class^="gr_custom_container"] {
284 border: none;
285 }
286
287 .widget_goodreads div[class^="gr_custom_each_container"] {
288 border-bottom: none;
289 margin-bottom: 1rem;
290 padding-bottom: 0;
291 }
292
293 .widget_goodreads h2[class^="gr_custom_header"],
294 .widget_goodreads div[class^="gr_custom_author"] {
295 font-size: inherit;
296 line-height: 1.15;
297 }
298
299 /* EU cookie law */
300 .widget_eu_cookie_law_widget #eu-cookie-law {
301 border-color: #ccc;
302 color: #767676;
303 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
304 font-size: 0.68182em;
305 padding: 0.5rem 1rem;
306 }
307
308 .widget_eu_cookie_law_widget #eu-cookie-law .accept {
309 font-size: 1em;
310 padding: 10px 12px;
311 }
312
313 /* RSS Feed Widget */
314 .widget_rss li a.rsswidget {
315 display: block;
316 margin: 1rem 0 0.5rem;
317 }
318
319 .widget_rss .rssSummary {
320 font-family: NonBreakingSpaceOverride, "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
321 font-weight: 400;
322 font-size: 22px;
323 }
324
325 .widget_rss cite,
326 .widget_rss .rss-date {
327 color: #9c9c9c;
328 display: block;
329 font-size: 0.71111em;
330 font-weight: 500;
331 margin: 0.5rem 0;
332 }
333
334 .widget_rss cite {
335 font-style: normal;
336 }
337
338 .widget_rss cite::before {
339 content: "\2014\00a0";
340 }
341
342 /* Top Posts & Pages Widget */
343 .widget_top-posts .widgets-list-layout-links {
344 float: inherit;
345 margin-left: calc(40px + 1rem);
346 width: inherit;
347 }
348
349 /* Search widget override */
350 @media only screen and (min-width: 600px) {
351
352 .widget.widget_search .search-field {
353 max-width: calc(50vw - 20%);
354 }
355 }
356
357 /**
358 * Content Options
359 */
360 .twentynineteen-customizer .entry .entry-meta > span,
361 .twentynineteen-customizer .entry .entry-footer > span {
362 display: inline;
363 }
364