diff options
Diffstat (limited to 'plugins/jetpack/modules/related-posts/related-posts.css')
-rw-r--r-- | plugins/jetpack/modules/related-posts/related-posts.css | 315 |
1 files changed, 0 insertions, 315 deletions
diff --git a/plugins/jetpack/modules/related-posts/related-posts.css b/plugins/jetpack/modules/related-posts/related-posts.css deleted file mode 100644 index b75da46d..00000000 --- a/plugins/jetpack/modules/related-posts/related-posts.css +++ /dev/null @@ -1,315 +0,0 @@ -/** - * Jetpack related posts - */ - -/** - * The Gutenberg block - */ - -.jp-related-posts-i2__row { - display: flex; - margin-top: 1.5rem; -} - -.jp-related-posts-i2__row:first-child { - margin-top: 0; -} - -.jp-related-posts-i2__post { - flex-grow: 1; - flex-basis: 0; - margin: 0 10px; - display: flex; - flex-direction: column; - padding-left: 0; -} - -.jp-related-posts-i2__row[data-post-count="3"] .jp-related-posts-i2__post { - max-width: calc(33% - 20px); -} - -.jp-related-posts-i2__row[data-post-count="2"] .jp-related-posts-i2__post, -.jp-related-posts-i2__row[data-post-count="1"] .jp-related-posts-i2__post { - max-width: calc(50% - 20px); -} - -.jp-related-posts-i2__post-heading, .jp-related-posts-i2__post-img-link, -.jp-related-posts-i2__post-date, .jp-related-posts-i2__post-context { - flex-direction: row; - display: block; -} - -.jp-related-posts-i2__post-heading { - margin: 0.5rem 0; - font-size: 1rem; - line-height: 1.2em; -} - -.jp-related-posts-i2__post-link { - display: block; - width: 100%; - line-height: 1.2em; -} - -.jp-related-posts-i2__post-img-link { - order: -1; - line-height: 1em; - img { - width: 100%; - } -} - -/* List view */ - -.jp-relatedposts-i2[data-layout="list"] .jp-related-posts-i2__row{ - margin-top: 0; - display: block; -} - -.jp-relatedposts-i2[data-layout="list"] .jp-related-posts-i2__post { - max-width: none; - margin: 0; -} - -.jp-relatedposts-i2[data-layout="list"].jp-related-posts-i2__post-img-link { - margin-top: 1rem; -} - -/* Breakpoints */ -@media only screen and (max-width: 640px) { - .jp-related-posts-i2__row { - margin-top: 0; - display: block; - } - .jp-related-posts-i2__row[data-post-count] .jp-related-posts-i2__post { - max-width: none; - margin: 0; - margin-top: 1rem; - } - .jp-related-posts-i2__post-img-link { - margin-top: 1rem; - img { - width: 350px; - } - } -} - -/* Container */ - -#jp-relatedposts { - display: none; - padding-top: 1em; - margin: 1em 0; - position: relative; - clear: both; -} - -.jp-relatedposts:after { - content: ''; - display: block; - clear: both; -} - -/* Headline above related posts section, labeled "Related" */ - -#jp-relatedposts h3.jp-relatedposts-headline { - margin: 0 0 1em 0; - display: inline-block; - float: left; - font-size: 9pt; - font-weight: bold; - font-family: inherit; -} - -#jp-relatedposts h3.jp-relatedposts-headline em:before { - content: ""; - display: block; - width: 100%; - min-width: 30px; - border-top: 1px solid #ddd; - border-top: 1px solid rgba(0,0,0,.2); - margin-bottom: 1em; -} - -#jp-relatedposts h3.jp-relatedposts-headline em { - font-style: normal; - font-weight: bold; -} - -/* Related posts items (wrapping items) */ - -#jp-relatedposts .jp-relatedposts-items { - clear: left; -} - -#jp-relatedposts .jp-relatedposts-items-visual { - margin-right: -20px; -} - -/* Related posts item */ - -#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post { - float: left; - width: 33%; - margin: 0 0 1em; /* Needs to be same as the main outer wrapper for Related Posts */ - box-sizing: border-box; - -moz-box-sizing: border-box; - -webkit-box-sizing: border-box; -} - -#jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post { - padding-right: 20px; - filter: alpha(opacity=80); - -moz-opacity: .8; - opacity: .8; -} - -#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post:nth-child(3n+4), -#jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post:nth-child(3n+4) { - clear: both; -} - -#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post:hover .jp-relatedposts-post-title a { - text-decoration: underline; -} - -#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post:hover { - filter: alpha(opacity=100); - -moz-opacity: 1; - opacity: 1; -} - -/* Related posts item content */ - -#jp-relatedposts .jp-relatedposts-items-visual h4.jp-relatedposts-post-title, -#jp-relatedposts .jp-relatedposts-items p { - font-size: 14px; - line-height: 20px; - margin: 0; -} -#jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post-nothumbs { - position:relative; -} -#jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post-nothumbs a.jp-relatedposts-post-aoverlay { - position:absolute; - top:0; - bottom:0; - left:0; - right:0; - display:block; - border-bottom: 0; -} - -#jp-relatedposts .jp-relatedposts-items p { - margin-bottom: 0; -} - -#jp-relatedposts .jp-relatedposts-items-visual h4.jp-relatedposts-post-title { - text-transform: none; - margin: 0; - font-family: inherit; - display: block; - max-width: 100%; -} - -#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-title a { - font-size: inherit; - font-weight: normal; - text-decoration: none; - filter: alpha(opacity=100); - -moz-opacity: 1; - opacity: 1; -} - -#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-title a:hover { - text-decoration: underline; -} - -#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post img.jp-relatedposts-post-img, -#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post span { - display: block; - max-width: 90%; - overflow: hidden; - text-overflow: ellipsis; -} - -#jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post img.jp-relatedposts-post-img, -#jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post span { - max-width: 100%; -} - -#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-date, -#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-context { - opacity: .6; -} - -/* Hide the date by default, but leave the element there if a theme wants to use css to make it visible. */ -.jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-date { - display: none; -} - -/* Behavior when there are thumbnails in visual mode */ -#jp-relatedposts .jp-relatedposts-items-visual div.jp-relatedposts-post-thumbs p.jp-relatedposts-post-excerpt { - display: none; -} - -/* Behavior when there are no thumbnails in visual mode */ -#jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post-nothumbs p.jp-relatedposts-post-excerpt { - overflow: hidden; -} -#jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post-nothumbs span { - margin-bottom: 1em; -} - -/* List Layout */ -#jp-relatedposts .jp-relatedposts-list .jp-relatedposts-post { - clear: both; - width: 100%; -} - -#jp-relatedposts .jp-relatedposts-list .jp-relatedposts-post img.jp-relatedposts-post-img { - float: left; - overflow: hidden; - max-width: 33%; - margin-right: 3%; -} - -#jp-relatedposts .jp-relatedposts-list h4.jp-relatedposts-post-title { - display: inline-block; - max-width: 63%; -} - -/* - * Responsive - */ - -@media only screen and (max-width: 640px) { - - #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post { - width: 50%; - } - - #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post:nth-child(3n) { - clear: left; - } - - #jp-relatedposts .jp-relatedposts-items-visual { - margin-right: 20px; - } -} - -@media only screen and (max-width: 320px) { - - #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post { - width: 100%; - clear: both; - margin: 0 0 1em; - } - - #jp-relatedposts .jp-relatedposts-list .jp-relatedposts-post img.jp-relatedposts-post-img, - #jp-relatedposts .jp-relatedposts-list h4.jp-relatedposts-post-title { - float: none; - max-width: 100%; - margin-right: 0; - } -} |