Template:Dotted TOC line/styles.css

.toc-line {
	width: 100%;
}

.toc-line-chapter-text {
	width: 3.5em;
	max-width: 3.5em;
	padding:0 0.5em 0 0;
	vertical-align: top;
	text-align: right;
}

.toc-line-entry {
	vertical-align: inherit; /* inherit is questionably valid */
}

.toc-line-entry-inner {
	position: relative;
	width: 100%;
}

.toc-line-entry-text-outer {
	max-width: 80%;
	text-align: left;
	text-indent: -1em;
	margin-left: 1em;
}

.toc-line-entry-text {
	display: inline;
	position: relative;
	padding: 0 0.5em 0 0;
	z-index: 2;
	background: white;
    color: #202122;
}

.toc-line-entry-text-space {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 1.0em;
	height: 0.75em;
	background: white;
    color: #202122;
	z-index: 1;
}

.toc-line-dots-outer {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-align: right;
	z-index: 0;
}

.toc-line-dots {
	display: inline;
	float: left;
	width: 0;
	padding: 0;
	white-space: nowrap;
	letter-spacing: 4px;
}

.toc-line-page {
	text-align: right;
	vertical-align: bottom;
	padding: 0 0 0 0.5em;
	width: 2.0em;
}

.toc-line-col4 {
	text-align: right;
	vertical-align: bottom;
	padding:0 0 0 0.5em;
	width: 2.0em;
}