Template:DRnav/styles.css

.drnav {
	clear: both;
	margin: 2px 0;
	padding: 2px 0;
	text-align: center;
}
.drnav::after {
	content: "";
	display: block;
	clear: both;
}
.drnav-before,
.drnav-after {
	margin: 0 .5em;
	/* @noflip */
	direction: ltr;
}
.drnav-uidir-ltr .drnav-before,
.drnav-uidir-rtl .drnav-after {
	/* @noflip */
	float: left;
}
.drnav-uidir-rtl .drnav-before,
.drnav-uidir-ltr .drnav-after {
	/* @noflip */
	float: right;
}
.drnav-uidir-ltr .drnav-before::after,
.drnav-uidir-rtl .drnav-after::after {
	content: " ←";
}
.drnav-uidir-ltr .drnav-after::before,
.drnav-uidir-rtl .drnav-before::before {
	content: "→ ";
}
.drnav-beforeafter-new a {
	color: #ba0000;
}
.drnav-beforeafter-new a:visited {
	color: #a55858;
}

.drnav-title {
	display: inline;
	font-weight: bold;
}

.drnav ul {
	display: inline;
	margin: 0;
	font-size: smaller;
}
.drnav ul::before {
	content: "[";
}
.drnav ul::after {
	content: "]";
}
.drnav ul li {
	display: inline;
}
.drnav ul li:not(:last-child)::after {
	content: " ·";
}