--- /dev/null
+/*!
+ * Display neat icons on redirect pages.
+ */
+
+/* Hide, but keep accessible for screen-readers. */
+.redirectMsg p {
+ overflow: hidden;
+ height: 0;
+ zoom: 1;
+}
+
+.redirectText {
+ list-style: none none;
+ display: inline;
+ /* shared.css has some very weird directionality-specific rules for 'ul' we need to override,
+ * search for "Correct directionality when page dir is different from site/user dir" */
+ /* stylelint-disable declaration-no-important */
+ margin: 0 !important;
+ padding: 0 !important;
+ /* stylelint-enable declaration-no-important */
+}
+
+/* @noflip */
+.mw-content-ltr .redirectText li {
+ display: inline;
+ margin: 0;
+ padding: 0;
+ padding-left: 42px;
+ background: transparent url( images/nextredirect-ltr.png ) bottom left no-repeat;
+ /* @embed */
+ background-image: linear-gradient( transparent, transparent ), url( images/nextredirect-ltr.svg );
+}
+
+/* @noflip */
+.mw-content-ltr .redirectText li:first-child {
+ padding-left: 47px;
+ background: transparent url( images/redirect-ltr.png ) bottom left no-repeat;
+ /* @embed */
+ background-image: linear-gradient( transparent, transparent ), url( images/redirect-ltr.svg );
+}
+
+/* @noflip */
+.mw-content-rtl .redirectText li {
+ display: inline;
+ margin: 0;
+ padding: 0;
+ padding-right: 42px;
+ background: transparent url( images/nextredirect-rtl.png ) bottom right no-repeat;
+ /* @embed */
+ background-image: linear-gradient( transparent, transparent ), url( images/nextredirect-rtl.svg );
+}
+
+/* @noflip */
+.mw-content-rtl .redirectText li:first-child {
+ padding-right: 47px;
+ background: transparent url( images/redirect-rtl.png ) bottom right no-repeat;
+ /* @embed */
+ background-image: linear-gradient( transparent, transparent ), url( images/redirect-rtl.svg );
+}