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

		@@ -1,0 +1,216 @@
	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	+ right: 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	+ .infinite-loader {
	106	+ margin: 7.6923% 0;
	107	+ }
	108	+
	109	+ .infinite-wrap {
	110	+ margin-top: 7.6923%;
	111	+ }
	112	+
	113	+ #infinite-handle {
	114	+ margin-bottom: 0;
	115	+ }
	116	+}
	117	+
	118	+@media screen and (min-width: 46.25em) {
	119	+ #infinite-handle span {
	120	+ display: block;
	121	+ font-size: 14px;
	122	+ font-size: 1.4rem;
	123	+ padding: 0.8214em
	124	+ }
	125	+}
	126	+
	127	+@media screen and (min-width: 55em) {
	128	+ #infinite-handle span {
	129	+ font-size: 16px;
	130	+ font-size: 1.6rem;
	131	+ padding: 0.8125em;
	132	+ }
	133	+}
	134	+
	135	+@media screen and (min-width: 59.6875em) {
	136	+ .infinite-loader {
	137	+ margin: 8.3333% 0;
	138	+ }
	139	+
	140	+ .infinite-wrap {
	141	+ margin-top: 8.3333%;
	142	+ }
	143	+
	144	+ #infinite-handle {
	145	+ margin: 8.3333% 8.3333% 0;
	146	+ }
	147	+
	148	+ #infinite-handle span {
	149	+ display: inline-block;
	150	+ font-size: 12px;
	151	+ font-size: 1.2rem;
	152	+ padding: 0.7917em 1.5833em;
	153	+ }
	154	+
	155	+ #infinite-footer {
	156	+ display: block;
	157	+ position: fixed;
	158	+ }
	159	+}
	160	+
	161	+@media screen and (min-width: 68.75em) {
	162	+ #infinite-handle span {
	163	+ display: inline-block;
	164	+ font-size: 14px;
	165	+ font-size: 1.4rem;
	166	+ padding: 0.8214em 1.5714em;
	167	+ }
	168	+
	169	+ #infinite-footer .container {
	170	+ padding: 0 0.8235em;
	171	+ }
	172	+
	173	+ #infinite-footer .blog-info,
	174	+ #infinite-footer .blog-credits {
	175	+ height: 27px;
	176	+ line-height: 27px;
	177	+ }
	178	+
	179	+ #infinite-footer .blog-info a {
	180	+ font-size: 14px;
	181	+ font-size: 1.4rem;
	182	+ }
	183	+
	184	+ #infinite-footer .blog-credits {
	185	+ font-size: 12px;
	186	+ font-size: 1.2rem;
	187	+ }
	188	+}
	189	+
	190	+@media screen and (min-width: 77.5em) {
	191	+ #infinite-handle span {
	192	+ font-size: 16px;
	193	+ font-size: 1.6rem;
	194	+ padding: 0.8125em 1.625em;
	195	+ }
	196	+
	197	+ #infinite-footer .container {
	198	+ padding: 0 0.8421em;
	199	+ }
	200	+
	201	+ #infinite-footer .blog-info,
	202	+ #infinite-footer .blog-credits {
	203	+ height: 32px;
	204	+ line-height: 32px;
	205	+ }
	206	+
	207	+ #infinite-footer .blog-info a {
	208	+ font-size: 16px;
	209	+ font-size: 1.6rem;
	210	+ }
	211	+
	212	+ #infinite-footer .blog-credits {
	213	+ font-size: 13px;
	214	+ font-size: 1.3rem;
	215	+ }
	216	+}