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

		@@ -1,0 +1,222 @@
	1	+/**
	2	+ * Infinite Scroll
	3	+ */
	4	+
	5	+.infinite-scroll .pagination,
	6	+.infinite-scroll.neverending .site-footer {
	7	+ display: none;
	8	+}
	9	+
	10	+.infinity-end.neverending .site-footer {
	11	+ display: block;
	12	+}
	13	+
	14	+/* Spinner */
	15	+.infinite-loader {
	16	+ clear: both;
	17	+ height: 24px;
	18	+ margin: 24px 0;
	19	+}
	20	+
	21	+.infinite-loader .spinner {
	22	+ top: 50% !important;
	23	+ left: 50% !important;
	24	+}
	25	+
	26	+/* Click-to-load */
	27	+#infinite-handle {
	28	+ clear: both;
	29	+ margin: 7.6923%;
	30	+ text-align: center;
	31	+}
	32	+
	33	+#infinite-handle span {
	34	+ background-color: #333;
	35	+ font-family: "Noto Sans", sans-serif;
	36	+ font-size: 12px;
	37	+ font-size: 1.2rem;
	38	+ font-weight: 700;
	39	+ letter-spacing: 0.04em;
	40	+ line-height: normal;
	41	+ padding: 0.7917em;
	42	+ text-transform: uppercase;
	43	+}
	44	+
	45	+#infinite-handle span:hover,
	46	+#infinite-handle span:focus {
	47	+ background-color: #707070;
	48	+ background-color: rgba(51, 51, 51, 0.7);
	49	+ color: #fff;
	50	+}
	51	+
	52	+/* Footer */
	53	+#infinite-footer {
	54	+ display: none;
	55	+ z-index: 999;
	56	+}
	57	+
	58	+#infinite-footer .container {
	59	+ background-color: #fff;
	60	+ background-color: rgba(255, 255, 255, 0.5);
	61	+ border-color: #eaeaea;
	62	+ border-color: rgba(51, 51, 51, 0.1);
	63	+ padding: 0 0.8em;
	64	+ width: 100% !important;
	65	+}
	66	+
	67	+#infinite-footer .blog-info {
	68	+ font-family: "Noto Sans", sans-serif;
	69	+}
	70	+
	71	+#infinite-footer .blog-info,
	72	+#infinite-footer .blog-credits {
	73	+ height: 24px;
	74	+ line-height: 24px;
	75	+}
	76	+
	77	+#infinite-footer .blog-info a,
	78	+#infinite-footer .blog-credits {
	79	+ font-size: 12px;
	80	+ font-size: 1.2rem;
	81	+}
	82	+
	83	+#infinite-footer .blog-info a,
	84	+#infinite-footer .blog-credits a:hover,
	85	+#infinite-footer .blog-credits a:focus {
	86	+ color: #333;
	87	+}
	88	+
	89	+#infinite-footer .blog-info a:hover,
	90	+#infinite-footer .blog-info a:focus,
	91	+#infinite-footer .blog-credits,
	92	+#infinite-footer .blog-credits a {
	93	+ color: #707070;
	94	+ color: rgba(51, 51, 51, 0.7);
	95	+}
	96	+
	97	+#infinite-footer .blog-info a:hover,
	98	+#infinite-footer .blog-info a:focus,
	99	+#infinite-footer .blog-credits a:hover,
	100	+#infinite-footer .blog-credits a:focus {
	101	+ text-decoration: none;
	102	+}
	103	+
	104	+@media screen and (min-width: 38.75em) {
	105	+
	106	+ .infinite-loader {
	107	+ margin: 7.6923% 0;
	108	+ }
	109	+
	110	+ .infinite-wrap {
	111	+ margin-top: 7.6923%;
	112	+ }
	113	+
	114	+ #infinite-handle {
	115	+ margin-bottom: 0;
	116	+ }
	117	+}
	118	+
	119	+@media screen and (min-width: 46.25em) {
	120	+
	121	+ #infinite-handle span {
	122	+ display: block;
	123	+ font-size: 14px;
	124	+ font-size: 1.4rem;
	125	+ padding: 0.8214em;
	126	+ }
	127	+}
	128	+
	129	+@media screen and (min-width: 55em) {
	130	+
	131	+ #infinite-handle span {
	132	+ font-size: 16px;
	133	+ font-size: 1.6rem;
	134	+ padding: 0.8125em;
	135	+ }
	136	+}
	137	+
	138	+@media screen and (min-width: 59.6875em) {
	139	+
	140	+ .infinite-loader {
	141	+ margin: 8.3333% 0;
	142	+ }
	143	+
	144	+ .infinite-wrap {
	145	+ margin-top: 8.3333%;
	146	+ }
	147	+
	148	+ #infinite-handle {
	149	+ margin: 8.3333% 8.3333% 0;
	150	+ }
	151	+
	152	+ #infinite-handle span {
	153	+ display: inline-block;
	154	+ font-size: 12px;
	155	+ font-size: 1.2rem;
	156	+ padding: 0.7917em 1.5833em;
	157	+ }
	158	+
	159	+ #infinite-footer {
	160	+ display: block;
	161	+ position: fixed;
	162	+ }
	163	+}
	164	+
	165	+@media screen and (min-width: 68.75em) {
	166	+
	167	+ #infinite-handle span {
	168	+ display: inline-block;
	169	+ font-size: 14px;
	170	+ font-size: 1.4rem;
	171	+ padding: 0.8214em 1.5714em;
	172	+ }
	173	+
	174	+ #infinite-footer .container {
	175	+ padding: 0 0.8235em;
	176	+ }
	177	+
	178	+ #infinite-footer .blog-info,
	179	+ #infinite-footer .blog-credits {
	180	+ height: 27px;
	181	+ line-height: 27px;
	182	+ }
	183	+
	184	+ #infinite-footer .blog-info a {
	185	+ font-size: 14px;
	186	+ font-size: 1.4rem;
	187	+ }
	188	+
	189	+ #infinite-footer .blog-credits {
	190	+ font-size: 12px;
	191	+ font-size: 1.2rem;
	192	+ }
	193	+}
	194	+
	195	+@media screen and (min-width: 77.5em) {
	196	+
	197	+ #infinite-handle span {
	198	+ font-size: 16px;
	199	+ font-size: 1.6rem;
	200	+ padding: 0.8125em 1.625em;
	201	+ }
	202	+
	203	+ #infinite-footer .container {
	204	+ padding: 0 0.8421em;
	205	+ }
	206	+
	207	+ #infinite-footer .blog-info,
	208	+ #infinite-footer .blog-credits {
	209	+ height: 32px;
	210	+ line-height: 32px;
	211	+ }
	212	+
	213	+ #infinite-footer .blog-info a {
	214	+ font-size: 16px;
	215	+ font-size: 1.6rem;
	216	+ }
	217	+
	218	+ #infinite-footer .blog-credits {
	219	+ font-size: 13px;
	220	+ font-size: 1.3rem;
	221	+ }
	222	+}