diff options
Diffstat (limited to 'plugins/jetpack/modules/infinite-scroll/themes/twentysixteen.css')
-rw-r--r-- | plugins/jetpack/modules/infinite-scroll/themes/twentysixteen.css | 161 |
1 files changed, 161 insertions, 0 deletions
diff --git a/plugins/jetpack/modules/infinite-scroll/themes/twentysixteen.css b/plugins/jetpack/modules/infinite-scroll/themes/twentysixteen.css new file mode 100644 index 00000000..3d2cd8f2 --- /dev/null +++ b/plugins/jetpack/modules/infinite-scroll/themes/twentysixteen.css @@ -0,0 +1,161 @@ +.infinite-scroll .pagination { + display: none; +} + +.infinite-wrap > article:before, +.infinite-wrap > article:after { + content: ""; + display: table; +} + +.infinite-wrap > article:after { + clear: both; +} + +.infinite-wrap > article { + margin-bottom: 3.5em; +} + +/* Spinner */ +.site-main .infinite-loader { + clear: both; + color: currentColor; + height: 42px; + margin-bottom: 3.5em; +} + +.infinite-loader .spinner { + left: 50% !important; + top: 50% !important; +} + +/* Click-to-load */ +#infinite-handle { + clear: both; + margin-right: 7.6923%; + margin-left: 7.6923%; + text-align: center; +} + +.site-main #infinite-handle span { + background: #1a1a1a; + border-radius: 2px; + color: #fff; + font-family: Montserrat, "Helvetica Neue", sans-serif; + font-size: inherit; + font-weight: 700; + letter-spacing: 0.046875em; + line-height: 1; + padding: 0.84375em 0.875em 0.78125em; + text-transform: uppercase; +} + +#infinite-handle span:hover, +#infinite-handle span:focus { + background: #007acc; +} + +#infinite-handle button:focus { + outline-offset: 0.375em; +} + +/* Footer */ +body #infinite-footer { + display: none; + z-index: 999; +} + +body #infinite-footer .container { + background-color: #fff; + background-color: rgba(255, 255, 255, 0.8); + border-color: #d1d1d1; + padding: 0 7.6923%; + width: 100% !important; +} + +body #infinite-footer .blog-info { + font-family: Montserrat, "Helvetica Neue", sans-serif; + height: 2.1875em; + line-height: 2.1875em; +} + +body #infinite-footer .blog-info a { + color: #1a1a1a; + font-size: inherit +} + +body #infinite-footer .blog-credits { + font-size: 13px; + font-size: 0.8125rem; + height: 2.692307692em; + line-height: 2.692307692em; +} + +body #infinite-footer .blog-credits, +body #infinite-footer .blog-credits a { + color: #686868; +} + +body #infinite-footer .blog-info a:hover, +body #infinite-footer .blog-info a:focus, +body #infinite-footer .blog-credits a:hover, +body #infinite-footer .blog-credits a:focus { + color: #007acc; + text-decoration: none; +} + +@media screen and (min-width: 44.375em) { + .infinite-wrap > article, + .site-main .infinite-loader { + margin-bottom: 5.25em; + } + + .infinite-loader .spinner { + left: 7.6923% !important; + margin-left: 12px; + } + + #infinite-handle { + text-align: left; + } + + .site-main #infinite-handle span { + display: inline-block; + } + + body #infinite-footer .container { + padding: 0 0.761904762em; + width: -webkit-calc(100% - 42px) !important; + width: calc(100% - 42px) !important; + } + + body:not(.custom-background-image) #infinite-footer { + bottom: 21px !important; + } +} + +@media screen and (min-width: 56.875em) { + .infinite-loader .spinner { + left: 0 !important; + } + + #infinite-handle { + margin: 0; + } + + .no-sidebar .infinite-loader .spinner { + left: 50% !important; + margin: 0; + } + + .no-sidebar #infinite-handle { + text-align: center; + } +} + +@media screen and (min-width: 61.5625em) { + .infinite-wrap > article, + .site-main .infinite-loader { + margin-bottom: 7.0em; + } +} |