← All changes | modules/infinite-scroll/themes/twentyfourteen.css +113 -0 16.2-beta → 16.3 View file →

		@@ -1,0 +1,113 @@
	1	+/* Spinner */
	2	+
	3	+.infinite-loader {
	4	+ height: 36px;
	5	+ padding: 24px 0;
	6	+}
	7	+
	8	+.infinite-loader .spinner {
	9	+ margin: 0 auto;
	10	+ top: 18px !important;
	11	+ left: 0 !important;
	12	+}
	13	+
	14	+.rtl .infinite-loader .spinner {
	15	+ right: 0 !important;
	16	+ left: auto !important;
	17	+}
	18	+
	19	+/* Click-to-load */
	20	+
	21	+#infinite-handle {
	22	+ padding: 24px 0;
	23	+ text-align: center;
	24	+}
	25	+
	26	+#infinite-handle span {
	27	+ background: #24890d;
	28	+ border-radius: 2px;
	29	+ display: inline-block;
	30	+ color: #fff;
	31	+ font-size: 12px;
	32	+ font-weight: 700;
	33	+ line-height: 1;
	34	+ padding: 12px 30px;
	35	+ text-transform: uppercase;
	36	+}
	37	+
	38	+#infinite-handle span:hover {
	39	+ background-color: #41a62a;
	40	+}
	41	+
	42	+#infinite-handle span:active {
	43	+ background-color: #55d737;
	44	+}
	45	+
	46	+/* Footer */
	47	+
	48	+#infinite-footer {
	49	+ z-index: 2;
	50	+}
	51	+
	52	+#infinite-footer .container {
	53	+ margin: 0;
	54	+ padding: 4px 20px;
	55	+}
	56	+
	57	+#infinite-footer .blog-info a {
	58	+ color: #2b2b2b;
	59	+}
	60	+
	61	+#infinite-footer .blog-credits,
	62	+#infinite-footer .blog-credits a {
	63	+ color: #767676;
	64	+}
	65	+
	66	+#infinite-footer .blog-info a:hover,
	67	+#infinite-footer .blog-credits a:hover {
	68	+ color: #41a62a;
	69	+ text-decoration: none;
	70	+}
	71	+
	72	+/* Elements to hide: post navigation, normal footer. */
	73	+
	74	+.infinite-scroll .paging-navigation,
	75	+.infinite-scroll.neverending #colophon {
	76	+ display: none;
	77	+}
	78	+
	79	+@media (max-width: 640px) {
	80	+
	81	+ #infinite-footer {
	82	+ display: none;
	83	+ }
	84	+}
	85	+
	86	+/* Hooks to infinity-end body class to restore footer. */
	87	+
	88	+.infinity-end.neverending #colophon {
	89	+ display: block;
	90	+}
	91	+
	92	+/* Reset top margin adjustment for subsequent posts added by Infinite Scroll */
	93	+.full-width .site-content .infinite-wrap .hentry.has-post-thumbnail:first-child {
	94	+ margin-top: 0;
	95	+}
	96	+
	97	+@media screen and (min-width: 401px) {
	98	+
	99	+ .infinite-loader,
	100	+ #infinite-handle {
	101	+ padding: 0 0 48px;
	102	+ }
	103	+
	104	+ .list-view .site-content .infinite-wrap .hentry:first-of-type {
	105	+ border-top: 1px solid rgba(0, 0, 0, 0.1);
	106	+ padding-top: 48px;
	107	+ }
	108	+
	109	+ .list-view .site-content .infinite-wrap .hentry.has-post-thumbnail {
	110	+ border-top: 0;
	111	+ padding-top: 0;
	112	+ }
	113	+}