diff options
Diffstat (limited to 'plugins/jetpack/modules/infinite-scroll/themes/twentyfourteen.css')
-rw-r--r-- | plugins/jetpack/modules/infinite-scroll/themes/twentyfourteen.css | 111 |
1 files changed, 111 insertions, 0 deletions
diff --git a/plugins/jetpack/modules/infinite-scroll/themes/twentyfourteen.css b/plugins/jetpack/modules/infinite-scroll/themes/twentyfourteen.css new file mode 100644 index 00000000..8fb5647e --- /dev/null +++ b/plugins/jetpack/modules/infinite-scroll/themes/twentyfourteen.css @@ -0,0 +1,111 @@ +/* Spinner */ + +.infinite-loader { + height: 36px; + padding: 24px 0; +} + +.infinite-loader .spinner { + margin: 0 auto; + top: 18px !important; + left: 0 !important; +} + +.rtl .infinite-loader .spinner { + right: 0 !important; + left: auto !important; +} + +/* Click-to-load */ + +#infinite-handle { + padding: 24px 0; + text-align: center; +} + +#infinite-handle span { + background: #24890d; + border-radius: 2px; + display: inline-block; + color: #fff; + font-size: 12px; + font-weight: 700; + line-height: 1; + padding: 12px 30px; + text-transform: uppercase; +} + +#infinite-handle span:hover { + background-color: #41a62a; +} + +#infinite-handle span:active { + background-color: #55d737; +} + +/* Footer */ + +#infinite-footer { + z-index: 2; +} + +#infinite-footer .container { + margin: 0; + padding: 4px 20px; +} + +#infinite-footer .blog-info a { + color: #2b2b2b; +} + +#infinite-footer .blog-credits, +#infinite-footer .blog-credits a { + color: #767676; +} + +#infinite-footer .blog-info a:hover, +#infinite-footer .blog-credits a:hover { + color: #41a62a; + text-decoration: none; +} + +/* Elements to hide: post navigation, normal footer. */ + +.infinite-scroll .paging-navigation, +.infinite-scroll.neverending #colophon { + display: none; +} + +@media (max-width: 640px) { + #infinite-footer { + display: none; + } +} + +/* Hooks to infinity-end body class to restore footer. */ + +.infinity-end.neverending #colophon { + display: block; +} + +/* Reset top margin adjustment for subsequent posts added by Infinite Scroll */ +.full-width .site-content .infinite-wrap .hentry.has-post-thumbnail:first-child { + margin-top: 0; +} + +@media screen and (min-width: 401px) { + .infinite-loader, + #infinite-handle { + padding: 0 0 48px; + } + + .list-view .site-content .infinite-wrap .hentry:first-of-type { + border-top: 1px solid rgba(0, 0, 0, 0.1); + padding-top: 48px; + } + + .list-view .site-content .infinite-wrap .hentry.has-post-thumbnail { + border-top: 0; + padding-top: 0; + } +}
\ No newline at end of file |