| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216 |
- /**
- * Infinite Scroll
- */
- .infinite-scroll .pagination,
- .infinite-scroll.neverending .site-footer {
- display: none;
- }
- .infinity-end.neverending .site-footer {
- display: block;
- }
- /* Spinner */
- .infinite-loader {
- clear: both;
- height: 24px;
- margin: 24px 0;
- }
- .infinite-loader .spinner {
- top: 50% !important;
- left: 50% !important;
- }
- /* Click-to-load */
- #infinite-handle {
- clear: both;
- margin: 7.6923%;
- text-align: center;
- }
- #infinite-handle span {
- background-color: #333;
- font-family: "Noto Sans", sans-serif;
- font-size: 12px;
- font-size: 1.2rem;
- font-weight: 700;
- letter-spacing: 0.04em;
- line-height: normal;
- padding: 0.7917em;
- text-transform: uppercase;
- }
- #infinite-handle span:hover,
- #infinite-handle span:focus {
- background-color: #707070;
- background-color: rgba(51, 51, 51, 0.7);
- color: #fff;
- }
- /* Footer */
- #infinite-footer {
- display: none;
- z-index: 999;
- }
- #infinite-footer .container {
- background-color: #fff;
- background-color: rgba(255, 255, 255, 0.5);
- border-color: #eaeaea;
- border-color: rgba(51, 51, 51, 0.1);
- padding: 0 0.8em;
- width: 100% !important;
- }
- #infinite-footer .blog-info {
- font-family: "Noto Sans", sans-serif;
- }
- #infinite-footer .blog-info,
- #infinite-footer .blog-credits {
- height: 24px;
- line-height: 24px;
- }
- #infinite-footer .blog-info a,
- #infinite-footer .blog-credits {
- font-size: 12px;
- font-size: 1.2rem;
- }
- #infinite-footer .blog-info a,
- #infinite-footer .blog-credits a:hover,
- #infinite-footer .blog-credits a:focus {
- color: #333;
- }
- #infinite-footer .blog-info a:hover,
- #infinite-footer .blog-info a:focus,
- #infinite-footer .blog-credits,
- #infinite-footer .blog-credits a {
- color: #707070;
- color: rgba(51, 51, 51, 0.7);
- }
- #infinite-footer .blog-info a:hover,
- #infinite-footer .blog-info a:focus,
- #infinite-footer .blog-credits a:hover,
- #infinite-footer .blog-credits a:focus {
- text-decoration: none;
- }
- @media screen and (min-width: 38.75em) {
- .infinite-loader {
- margin: 7.6923% 0;
- }
- .infinite-wrap {
- margin-top: 7.6923%;
- }
- #infinite-handle {
- margin-bottom: 0;
- }
- }
- @media screen and (min-width: 46.25em) {
- #infinite-handle span {
- display: block;
- font-size: 14px;
- font-size: 1.4rem;
- padding: 0.8214em
- }
- }
- @media screen and (min-width: 55em) {
- #infinite-handle span {
- font-size: 16px;
- font-size: 1.6rem;
- padding: 0.8125em;
- }
- }
- @media screen and (min-width: 59.6875em) {
- .infinite-loader {
- margin: 8.3333% 0;
- }
- .infinite-wrap {
- margin-top: 8.3333%;
- }
- #infinite-handle {
- margin: 8.3333% 8.3333% 0;
- }
- #infinite-handle span {
- display: inline-block;
- font-size: 12px;
- font-size: 1.2rem;
- padding: 0.7917em 1.5833em;
- }
- #infinite-footer {
- display: block;
- position: fixed;
- }
- }
- @media screen and (min-width: 68.75em) {
- #infinite-handle span {
- display: inline-block;
- font-size: 14px;
- font-size: 1.4rem;
- padding: 0.8214em 1.5714em;
- }
- #infinite-footer .container {
- padding: 0 0.8235em;
- }
- #infinite-footer .blog-info,
- #infinite-footer .blog-credits {
- height: 27px;
- line-height: 27px;
- }
- #infinite-footer .blog-info a {
- font-size: 14px;
- font-size: 1.4rem;
- }
- #infinite-footer .blog-credits {
- font-size: 12px;
- font-size: 1.2rem;
- }
- }
- @media screen and (min-width: 77.5em) {
- #infinite-handle span {
- font-size: 16px;
- font-size: 1.6rem;
- padding: 0.8125em 1.625em;
- }
- #infinite-footer .container {
- padding: 0 0.8421em;
- }
- #infinite-footer .blog-info,
- #infinite-footer .blog-credits {
- height: 32px;
- line-height: 32px;
- }
- #infinite-footer .blog-info a {
- font-size: 16px;
- font-size: 1.6rem;
- }
- #infinite-footer .blog-credits {
- font-size: 13px;
- font-size: 1.3rem;
- }
- }
|