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 / twentysixteen.css

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

809 lines 16.0 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 /**
2 * Jetpack Comments
3 */
4
5 .comment-form iframe {
6 margin: 0;
7 }
8
9 .comment-form .subscribe-label {
10 font-weight: 400;
11 letter-spacing: 0;
12 text-transform: none;
13 }
14
15 .comment-subscription-form {
16 margin: 1.75em 0 0;
17 }
18
19 .comment-subscription-form + .comment-subscription-form {
20 margin-top: 0;
21 }
22
23
24 /**
25 * Extra Widgets
26 */
27
28 /* Blog Subscriptions Widget */
29 .jetpack_subscription_widget #subscribe-email input {
30 padding: 0.625em 0.4375em;
31 width: 100%;
32 }
33
34 .jetpack_subscription_widget form > :last-child {
35 margin-bottom: 0;
36 }
37
38 /* Contact Info Widget */
39 .widget_contact_info .contact-map {
40 margin-bottom: 1.75em;
41 }
42
43 /* Display WordPress Posts Widget */
44 .widget_jetpack_display_posts_widget .jetpack-display-remote-posts {
45 margin: 0;
46 }
47
48 .widget_jetpack_display_posts_widget .jetpack-display-remote-posts h4 {
49 font-size: inherit;
50 margin: 0 0 0.875em;
51 }
52
53 .widget_jetpack_display_posts_widget .jetpack-display-remote-posts img {
54 margin-bottom: 0.875em;
55 }
56
57 .widget_jetpack_display_posts_widget .jetpack-display-remote-posts p {
58 font-size: inherit;
59 line-height: 1.75 !important;
60 margin: 0 0 1.75em !important;
61 }
62
63 .widget_jetpack_display_posts_widget .jetpack-display-remote-posts > :last-child {
64 margin-bottom: 0 !important;
65 }
66
67 /* Gallery Widget */
68 .widget-gallery .jetpack-slideshow-window {
69 border-radius: 0;
70 }
71
72 /* Goodreads Widget */
73 .widget_goodreads div[class^="gr_custom_container"] {
74 background-color: transparent;
75 border: 0;
76 border-radius: 0;
77 color: inherit;
78 padding: 0;
79 }
80
81 .widget_goodreads div[class^="gr_custom_container"] a {
82 color: inherit;
83 }
84
85 .widget_goodreads div[class^="gr_custom_each_container"] {
86 border: 0;
87 margin-bottom: 1.75em;
88 padding-bottom: 0;
89 }
90
91 .widget_goodreads h2[class^="gr_custom_header"],
92 .widget_goodreads div[class^="gr_custom_author"] {
93 font-size: inherit;
94 }
95
96 /* Gravatar Profile Widget */
97 .widget-grofile .grofile-thumbnail {
98 width: 300px;
99 }
100
101 .widget-area .widget-grofile h4 {
102 font-size: inherit;
103 font-weight: 900;
104 margin: 1.75em 0 0;
105 }
106
107 .widget-area .widget-grofile .grofile-accounts {
108 margin-top: 0.4375em;
109 }
110
111 /* Image Widget */
112 .widget_image .wp-caption {
113 margin-bottom: 0;
114 }
115
116 /* RSS Links Widget */
117 .widget_rss_links img {
118 position: relative;
119 top: -1px;
120 }
121
122 /* Social Media Icon Widget */
123 .widget.widget_wpcom_social_media_icons_widget ul {
124 margin: 0 0 -0.4375em;
125 }
126
127 .widget.widget_wpcom_social_media_icons_widget ul::before,
128 .widget.widget_wpcom_social_media_icons_widget ul::after {
129 content: "";
130 display: table;
131 }
132
133 .widget.widget_wpcom_social_media_icons_widget ul::after {
134 clear: both;
135 }
136
137 .widget.widget_wpcom_social_media_icons_widget li {
138 float: left;
139 margin: 0 0.4375em 0.4375em 0;
140 }
141
142 .widget.widget_wpcom_social_media_icons_widget li a {
143 border: 1px solid currentColor;
144 border-radius: 50%;
145 color: inherit;
146 display: block;
147 height: 35px;
148 position: relative;
149 width: 35px;
150 }
151
152 .widget.widget_wpcom_social_media_icons_widget li a::before {
153 height: 33px;
154 line-height: 33px;
155 text-align: center;
156 width: 33px;
157 }
158
159 .widget.widget_wpcom_social_media_icons_widget li a:hover::before,
160 .widget.widget_wpcom_social_media_icons_widget li a:focus::before {
161 opacity: 0.8;
162 }
163
164 /* Social Icons Widget */
165 .widget.jetpack_widget_social_icons ul {
166 margin: 0 0 -0.4375em;
167 }
168
169 .widget.jetpack_widget_social_icons ul::before,
170 .widget.jetpack_widget_social_icons ul::after {
171 content: "";
172 display: table;
173 }
174
175 .widget.jetpack_widget_social_icons ul::after {
176 clear: both;
177 }
178
179 .widget.jetpack_widget_social_icons li {
180 float: left;
181 margin: 0 0.4375em 0.4375em 0;
182 }
183
184 .widget.jetpack_widget_social_icons li a {
185 border: 1px solid currentColor;
186 border-radius: 50%;
187 color: inherit;
188 display: block;
189 position: relative;
190 }
191
192 .widget.jetpack_widget_social_icons li a:hover,
193 .widget.jetpack_widget_social_icons li a:focus {
194 opacity: 0.8;
195 }
196
197 .widget.jetpack_widget_social_icons ul.size-small a {
198 height: 38px;
199 padding: 6px;
200 width: 38px;
201 }
202
203 .widget.jetpack_widget_social_icons ul.size-small svg {
204 height: 24px;
205 width: 24px;
206 }
207
208 .widget.jetpack_widget_social_icons ul.size-medium a {
209 height: 50px;
210 padding: 8px;
211 width: 50px;
212 }
213
214 .widget.jetpack_widget_social_icons ul.size-medium svg {
215 height: 32px;
216 width: 32px;
217 }
218
219 .widget.jetpack_widget_social_icons ul.size-large a {
220 height: 70px;
221 padding: 10px;
222 width: 70px;
223 }
224
225 .widget.jetpack_widget_social_icons ul.size-large svg {
226 height: 48px;
227 width: 48px;
228 }
229
230 /* Top Posts & Pages Widget */
231 .widget_top-posts .widgets-list-layout .widgets-list-layout-blavatar {
232 margin-top: 0.25em;
233 }
234
235 .widget_top-posts .widgets-list-layout-links {
236 width: calc(100% - 3.375em);
237 }
238
239 .widget_top-posts .widgets-list-layout li {
240 margin-bottom: 0.875em;
241 }
242
243 .widget_top-posts .widgets-list-layout li:last-child {
244 margin-bottom: 0;
245 }
246
247 .widget-grid-view-image:nth-child(odd) {
248 clear: both;
249 }
250
251 /* Upcoming Events Widget */
252 .widget_upcoming_events_widget .upcoming-events li {
253 margin-bottom: 0.875em;
254 }
255
256 /**
257 * Shortcodes
258 */
259
260 /* Contact Form */
261 .entry-content .contact-form label {
262 color: inherit;
263 display: block;
264 font-family: Montserrat, "Helvetica Neue", sans-serif;
265 font-size: 0.8125rem;
266 font-weight: 400;
267 letter-spacing: 0.076923077em;
268 line-height: 1.6153846154;
269 margin-bottom: 0.5384615385em;
270 text-transform: uppercase;
271 }
272
273 .entry-content .contact-form label span {
274 color: inherit;
275 letter-spacing: 0;
276 opacity: 0.7;
277 text-transform: capitalize;
278 }
279
280 .entry-content .contact-form input[type="text"],
281 .entry-content .contact-form input[type="email"],
282 .entry-content .contact-form textarea {
283 margin-bottom: 1.75em;
284 max-width: 100%;
285 width: 100%;
286 }
287
288 .entry-content .contact-form label.checkbox,
289 .entry-content .contact-form label.radio {
290 font-family: inherit;
291 font-size: inherit;
292 letter-spacing: 0;
293 margin-bottom: 0;
294 text-transform: none;
295 }
296
297 .entry-content .contact-form label.checkbox:nth-last-child(2),
298 .entry-content .contact-form label.radio:nth-last-child(2) {
299 margin-bottom: 0.875em;
300 }
301
302 .entry-content .contact-form input[type="radio"],
303 .entry-content .contact-form input[type="checkbox"] {
304 margin-bottom: 0.875em;
305 }
306
307 .entry-content .contact-form select {
308 margin-bottom: 1.75em;
309 }
310
311 /* Facebook */
312 .fb_iframe_widget {
313 margin-bottom: 1.75em;
314 max-width: 100%;
315 }
316
317 .fb_iframe_widget span {
318 max-width: 100%;
319 }
320
321 /* Gist */
322 .gist table {
323 table-layout: auto;
324 }
325
326 .entry-content .gist .gist-file {
327 margin-bottom: 1.75em;
328 }
329
330 /* Instagram */
331 .instagram-media {
332 margin-bottom: 1.75em !important;
333 }
334
335 /* Mixclound */
336 iframe[src^="http://api.mixcloud.com/"] {
337 margin-left: -8px;
338 max-width: calc(100% + 8px);
339 }
340
341 /* Crowdsignal */
342 .PDS_Poll,
343 .CSS_Poll {
344 display: block !important;
345 margin-bottom: 1.75em;
346 }
347
348 .PDS_Poll .pds-box,
349 .CSS_Poll .css-box {
350 max-width: 100%;
351 width: auto;
352 }
353
354 /* Portfolio */
355 .entry-content .portfolio-entry {
356 margin-bottom: 1.75em;
357 }
358
359 .entry-content .portfolio-entry-title,
360 .entry-content .portfolio-entry-meta {
361 font-family: Montserrat, "Helvetica Neue", sans-serif;
362 }
363
364 .entry-content .portfolio-entry-title a,
365 .entry-content .portfolio-entry-meta a {
366 box-shadow: none;
367 }
368
369 .entry-content .portfolio-entry-title a:hover,
370 .entry-content .portfolio-entry-meta a:hover {
371 box-shadow: 0 1px 0 0 currentColor;
372 }
373
374 .entry-content .portfolio-entry-meta span,
375 .entry-content .portfolio-entry-meta a {
376 font-size: 1em;
377 }
378
379 .entry-content .portfolio-entry-title {
380 font-size: inherit;
381 line-height: 1.3125;
382 }
383
384 .entry-content .portfolio-featured-image + .portfolio-entry-title {
385 margin-top: 0.875em;
386 margin-bottom: 0.4375em;
387 }
388
389 .entry-content .portfolio-entry-meta,
390 .entry-content .portfolio-entry-content p {
391 font-size: 0.8125em;
392 line-height: 1.615384615;
393 }
394
395 .entry-content .portfolio-entry-content p:last-child {
396 margin-bottom: 0;
397 }
398
399 .entry-content .portfolio-entry-title + .portfolio-entry-meta {
400 margin-top: 0.538461538em;
401 }
402
403 .entry-content .portfolio-entry-content {
404 margin-top: 0.875em;
405 }
406
407 .entry-content .portfolio-entry-content p {
408 margin-bottom: 1.615384615em;
409 }
410
411 /* Presentation */
412 .entry-content .presentation-wrapper {
413 margin: 0 0 1.75em;
414 max-width: 100%;
415 }
416
417 .presentation {
418 max-width: 100%;
419 }
420
421 /* Recipes */
422 .entry-content .jetpack-recipe {
423 border: 0;
424 margin: 0 0 1.75em;
425 padding: 0;
426 }
427
428 .entry-content .jetpack-recipe-title {
429 border: 0;
430 margin-top: 0;
431 padding: 0;
432 }
433
434 .entry-content .jetpack-recipe .jetpack-recipe-meta {
435 font-size: inherit;
436 margin: 0;
437 }
438
439 /* Scribd */
440 .scribd_iframe_embed + div {
441 margin-bottom: 28px;
442 }
443
444 /* Slideshow */
445 .entry-content .jetpack-slideshow-window {
446 border-radius: 0;
447 margin-bottom: 1.75em;
448 }
449
450 /* Subscription Form */
451 .entry-content .jetpack_subscription_widget {
452 border-top: 0;
453 font-size: inherit;
454 margin-bottom: 1.75em;
455 padding: 0;
456 }
457
458 .entry-content #subscribe-email input {
459 font-size: inherit;
460 line-height: normal;
461 padding: 0.625em 0.4375em;
462 width: 100%;
463 }
464
465 .entry-content .jetpack_subscription_widget input[type="submit"] {
466 font-size: inherit;
467 padding: 0.84375em 0.875em 0.78125em;
468 }
469
470 /* Testimonial */
471 .entry-content .testimonial-entry {
472 margin-bottom: 1.75em;
473 }
474
475 .entry-content .testimonial-entry-content {
476 margin: 0;
477 }
478
479 .entry-content .testimonial-entry-title,
480 .entry-content .testimonial-entry-content p {
481 font-size: 0.8125em;
482 line-height: 1.615384615;
483 margin: 0;
484 }
485
486 .entry-content .testimonial-entry-content p {
487 margin-bottom: 1.615384615em;
488 }
489
490 .entry-content .testimonial-entry-title {
491 float: left;
492 }
493
494 .entry-content .testimonial-entry-title a {
495 box-shadow: none;
496 }
497
498 .entry-content .testimonial-entry-title a:hover {
499 box-shadow: 0 1px 0 0 currentColor;
500 }
501
502 .entry-content .testimonial-featured-image img {
503 float: right;
504 max-width: 42px;
505 }
506
507 /* Twitter-timeline */
508 .twitter-timeline {
509 margin-bottom: 1.75em !important;
510 }
511
512
513 /**
514 * Responsive Videos
515 */
516 .hentry .jetpack-video-wrapper {
517 margin-bottom: 1.75em;
518 }
519
520
521 /**
522 * Related Posts
523 */
524
525 .entry-content #jp-relatedposts {
526 margin: 0;
527 padding: 1.75em 0;
528 position: relative;
529 }
530
531 .jp-relatedposts::before,
532 .jp-relatedposts:last-child::after {
533 background-color: currentColor;
534 content: "";
535 height: 1px;
536 opacity: 0.2;
537 position: absolute;
538 top: 0;
539 left: 0;
540 width: 100%;
541 }
542
543 .jp-relatedposts:last-child::after {
544 bottom: 0;
545 top: auto;
546 }
547
548 .entry-content #jp-relatedposts h3.jp-relatedposts-headline {
549 color: inherit;
550 font-family: Montserrat, "Helvetica Neue", sans-serif;
551 font-size: 0.8125rem;
552 font-weight: 400;
553 line-height: 1;
554 margin-bottom: 1.076923077em;
555 }
556
557 .entry-content #jp-relatedposts h3.jp-relatedposts-headline em::before {
558 display: none;
559 }
560
561 .entry-content #jp-relatedposts h3.jp-relatedposts-headline em {
562 font-weight: 400;
563 }
564
565 .jp-relatedposts-items::before,
566 .jp-relatedposts-items::after {
567 content: "";
568 display: table;
569 }
570
571 .jp-relatedposts-items::after {
572 clear: both;
573 }
574
575 .entry-content .jp-relatedposts-post-aoverlay,
576 .entry-content .jp-relatedposts-post-a {
577 box-shadow: none;
578 }
579
580 .entry-content #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post {
581 margin-bottom: 1.75em;
582 width: 100%;
583 }
584
585 .entry-content #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post:last-child {
586 margin-bottom: 0;
587 }
588
589 .entry-content #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post span {
590 max-width: 100%;
591 }
592
593 .entry-content #jp-relatedposts .jp-relatedposts-items p,
594 .entry-content #jp-relatedposts .jp-relatedposts-items-visual h4.jp-relatedposts-post-title {
595 font-size: 0.8125rem;
596 letter-spacing: 0;
597 line-height: 1.615384615;
598 }
599
600 .jp-relatedposts-post-date,
601 .jp-relatedposts-post-context {
602 font-family: Montserrat, "Helvetica Neue", sans-serif;
603 }
604
605 .jp-relatedposts-post-title,
606 #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post-excerpt,
607 .entry-content #jp-relatedposts .jp-relatedposts-items-visual h4.jp-relatedposts-post-title {
608 margin-bottom: 1.076923077em;
609 }
610
611 .entry-content #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-title a {
612 font-weight: 700;
613 }
614
615 .entry-content #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-title a:hover,
616 .entry-content .jp-relatedposts-post-aoverlay:hover + .jp-relatedposts-post-title .jp-relatedposts-post-a {
617 box-shadow: 0 1px 0 0 currentColor;
618 }
619
620 .entry-content #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-title a:hover,
621 .entry-content #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post:hover .jp-relatedposts-post-title a {
622 text-decoration: none;
623 }
624
625 .entry-content #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-date,
626 .entry-content #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-context,
627 .entry-content #jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post {
628 opacity: 1;
629 }
630
631 .entry-content #jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post {
632 padding-right: 0;
633 }
634
635 .entry-content .jp-relatedposts-post-a:hover img.jp-relatedposts-post-img,
636 .entry-content .jp-relatedposts-post-a:focus img.jp-relatedposts-post-img {
637 opacity: 0.85;
638 }
639
640 .entry-content #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post img.jp-relatedposts-post-img {
641 margin-bottom: 0.875em;
642 max-width: 100%;
643 }
644
645
646 /**
647 * Sharing
648 */
649
650 .sharedaddy {
651 padding: 1.75em 0;
652 position: relative;
653 }
654
655 .sharedaddy::before,
656 .sharedaddy:last-child::after {
657 background-color: currentColor;
658 content: "";
659 height: 1px;
660 opacity: 0.2;
661 position: absolute;
662 top: 0;
663 width: 100%;
664 }
665
666 .sharedaddy:last-child::after {
667 bottom: 0;
668 top: auto;
669 }
670
671 .sd-block {
672 line-height: 1;
673 }
674
675 .sd-like {
676 padding-bottom: 1.125em;
677 }
678
679 .hentry div.sharedaddy h3.sd-title,
680 .hentry h3.sd-title {
681 color: inherit;
682 font-family: Montserrat, "Helvetica Neue", sans-serif;
683 font-size: 0.8125rem;
684 font-weight: 400;
685 line-height: 1;
686 margin-bottom: 1.076923077em;
687 }
688
689 .hentry div.sharedaddy h3.sd-title::before {
690 display: none;
691 }
692
693 .sd-social-icon-text .sd-content ul,
694 .sd-social-text .sd-content ul {
695 margin-bottom: -0.3125em !important;
696 }
697
698 .sd-social-icon .sd-content ul {
699 margin-bottom: 0 !important;
700 }
701
702 .sd-social-official .sd-content ul {
703 margin-bottom: -0.625em !important;
704 }
705
706
707 /**
708 * Stats
709 */
710
711 #wpstats {
712 display: none;
713 }
714
715
716 /**
717 * Tiled gallery
718 */
719
720 .entry-content .tiled-gallery {
721 margin-bottom: 1.75em;
722 }
723
724
725 /**
726 * Media Queries
727 */
728
729 @media screen and (min-width: 56.875em) {
730
731 .widget-area .jetpack_subscription_widget #subscribe-email input {
732 padding: 0.4615384615em 0.5384615385em;
733 }
734
735 .widget_contact_info .contact-map {
736 margin-bottom: 1.615384615em;
737 }
738
739 .widget_jetpack_display_posts_widget .jetpack-display-remote-posts h4,
740 .widget_jetpack_display_posts_widget .jetpack-display-remote-posts img {
741 margin-bottom: 1.076923077em;
742 }
743
744 .widget_jetpack_display_posts_widget .jetpack-display-remote-posts p {
745 /* stylelint-disable-next-line declaration-property-unit-allowed-list -- this should be changed to a unitless value: https://developer.wordpress.org/coding-standards/wordpress-coding-standards/css/#values */
746 line-height: 1.615384615em !important;
747 margin: 0 0 1.615384615em !important;
748 }
749
750 .widget_goodreads div[class^="gr_custom_each_container"] {
751 margin-bottom: 1.615384615em;
752 }
753
754 .widget-area .widget-grofile h4 {
755 margin: 1.615384615em 0 0;
756 }
757
758 .widget-area .widget-grofile .grofile-accounts {
759 margin-top: 0.538461538em;
760 }
761
762 .widget.widget_wpcom_social_media_icons_widget ul {
763 margin: 0 0 -0.538461538em;
764 }
765
766 .widget.widget_wpcom_social_media_icons_widget li {
767 margin: 0 0.538461538em 0.538461538em 0;
768 }
769
770 .widget_top-posts .widgets-list-layout .widgets-list-layout-blavatar {
771 margin-top: 0.153846154em;
772 }
773
774 .widget_top-posts .widgets-list-layout-links {
775 width: calc(100% - 4.153846154em);
776 }
777
778 .widget_top-posts .widgets-list-layout li {
779 margin-bottom: 1.076923077em;
780 }
781
782 .widget_upcoming_events_widget .upcoming-events li {
783 margin-bottom: 1.076923077em;
784 }
785
786 .entry-content #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post {
787 margin-bottom: 0;
788 padding-right: 0.875em;
789 width: 33%;
790 }
791 }
792
793 @media screen and (min-width: 61.5625em) {
794
795 body:not(.search-results) article:not(.type-page) .sharedaddy:last-child,
796 body:not(.search-results) article:not(.type-page) .jp-relatedposts:last-child {
797 padding-bottom: 0;
798 }
799
800 body:not(.search-results) article:not(.type-page) .sharedaddy:last-child::after,
801 body:not(.search-results) article:not(.type-page) .jp-relatedposts:last-child::after {
802 display: none;
803 }
804
805 body:not(.search-results) article:not(.type-page) img.below-entry-meta {
806 width: auto;
807 }
808 }
809