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

		@@ -1,0 +1,161 @@
	1	+.infinite-scroll .pagination {
	2	+ display: none;
	3	+}
	4	+
	5	+.infinite-wrap > article:before,
	6	+.infinite-wrap > article:after {
	7	+ content: "";
	8	+ display: table;
	9	+}
	10	+
	11	+.infinite-wrap > article:after {
	12	+ clear: both;
	13	+}
	14	+
	15	+.infinite-wrap > article {
	16	+ margin-bottom: 3.5em;
	17	+}
	18	+
	19	+/* Spinner */
	20	+.site-main .infinite-loader {
	21	+ clear: both;
	22	+ color: currentColor;
	23	+ height: 42px;
	24	+ margin-bottom: 3.5em;
	25	+}
	26	+
	27	+.infinite-loader .spinner {
	28	+ right: 50% !important;
	29	+ top: 50% !important;
	30	+}
	31	+
	32	+/* Click-to-load */
	33	+#infinite-handle {
	34	+ clear: both;
	35	+ margin-right: 7.6923%;
	36	+ margin-left: 7.6923%;
	37	+ text-align: center;
	38	+}
	39	+
	40	+.site-main #infinite-handle span {
	41	+ background: #1a1a1a;
	42	+ border-radius: 2px;
	43	+ color: #fff;
	44	+ font-family: Montserrat, "Helvetica Neue", sans-serif;
	45	+ font-size: inherit;
	46	+ font-weight: 700;
	47	+ letter-spacing: 0.046875em;
	48	+ line-height: 1;
	49	+ padding: 0.84375em 0.875em 0.78125em;
	50	+ text-transform: uppercase;
	51	+}
	52	+
	53	+#infinite-handle span:hover,
	54	+#infinite-handle span:focus {
	55	+ background: #007acc;
	56	+}
	57	+
	58	+#infinite-handle button:focus {
	59	+ outline-offset: 0.375em;
	60	+}
	61	+
	62	+/* Footer */
	63	+body #infinite-footer {
	64	+ display: none;
	65	+ z-index: 999;
	66	+}
	67	+
	68	+body #infinite-footer .container {
	69	+ background-color: #fff;
	70	+ background-color: rgba(255, 255, 255, 0.8);
	71	+ border-color: #d1d1d1;
	72	+ padding: 0 7.6923%;
	73	+ width: 100% !important;
	74	+}
	75	+
	76	+body #infinite-footer .blog-info {
	77	+ font-family: Montserrat, "Helvetica Neue", sans-serif;
	78	+ height: 2.1875em;
	79	+ line-height: 2.1875em;
	80	+}
	81	+
	82	+body #infinite-footer .blog-info a {
	83	+ color: #1a1a1a;
	84	+ font-size: inherit
	85	+}
	86	+
	87	+body #infinite-footer .blog-credits {
	88	+ font-size: 13px;
	89	+ font-size: 0.8125rem;
	90	+ height: 2.692307692em;
	91	+ line-height: 2.692307692em;
	92	+}
	93	+
	94	+body #infinite-footer .blog-credits,
	95	+body #infinite-footer .blog-credits a {
	96	+ color: #686868;
	97	+}
	98	+
	99	+body #infinite-footer .blog-info a:hover,
	100	+body #infinite-footer .blog-info a:focus,
	101	+body #infinite-footer .blog-credits a:hover,
	102	+body #infinite-footer .blog-credits a:focus {
	103	+ color: #007acc;
	104	+ text-decoration: none;
	105	+}
	106	+
	107	+@media screen and (min-width: 44.375em) {
	108	+ .infinite-wrap > article,
	109	+ .site-main .infinite-loader {
	110	+ margin-bottom: 5.25em;
	111	+ }
	112	+
	113	+ .infinite-loader .spinner {
	114	+ right: 7.6923% !important;
	115	+ margin-right: 12px;
	116	+ }
	117	+
	118	+ #infinite-handle {
	119	+ text-align: right;
	120	+ }
	121	+
	122	+ .site-main #infinite-handle span {
	123	+ display: inline-block;
	124	+ }
	125	+
	126	+ body #infinite-footer .container {
	127	+ padding: 0 0.761904762em;
	128	+ width: -webkit-calc(100% - 42px) !important;
	129	+ width: calc(100% - 42px) !important;
	130	+ }
	131	+
	132	+ body:not(.custom-background-image) #infinite-footer {
	133	+ bottom: 21px !important;
	134	+ }
	135	+}
	136	+
	137	+@media screen and (min-width: 56.875em) {
	138	+ .infinite-loader .spinner {
	139	+ right: 0 !important;
	140	+ }
	141	+
	142	+ #infinite-handle {
	143	+ margin: 0;
	144	+ }
	145	+
	146	+ .no-sidebar .infinite-loader .spinner {
	147	+ right: 50% !important;
	148	+ margin: 0;
	149	+ }
	150	+
	151	+ .no-sidebar #infinite-handle {
	152	+ text-align: center;
	153	+ }
	154	+}
	155	+
	156	+@media screen and (min-width: 61.5625em) {
	157	+ .infinite-wrap > article,
	158	+ .site-main .infinite-loader {
	159	+ margin-bottom: 7.0em;
	160	+ }
	161	+}