Help:Page styles/tocstyles.css

/*
 * TOC demo #1 (simple two-column table of contents)
 */

/* The whole toc table is centered, and adjacent internal borders collapse. */
._tocdemo-1 {
	margin-left: auto;
	margin-right: auto;
	border-collapse: collapse;
}

/* The first column. */
._tocdemo-1 td:first-child {
	font-variant: small-caps;
	vertical-align: top;
	text-align: left;
	padding-left: 2em; text-indent: -2em; /* 2em/2em fake hanging indent. */
}

/* The last / second column. */
._tocdemo-1 td:last-child {
	text-align: right;
	vertical-align: bottom;
	padding-left: 2em;
}

/* The page column heading needs special formatting. */
._tocdemo-1 ._pagecol {
	text-align: right;
	font-size: 69%;
	vertical-align: bottom;
	font-variant: all-small-caps;
}

/* A toc entry with no page number, because it heads sub-chapters. */
._tocdemo-1 td._tocgroup {
	text-align: left;
}


/*
 * TOC demo #2 (simple three-column table of contents)
 */

/* The whole toc table is centered, and adjacent internal borders collapse. */
._tocdemo-2 {
	margin-left: auto;
	margin-right: auto;
	border-collapse: collapse;
}

/* The first column. */
._tocdemo-2 td:nth-child(1) {
	vertical-align: top;
	text-align: right;
	padding-right: 1em;
}

/* The second column. */
._tocdemo-2 td:nth-child(2) {
	font-variant: small-caps;
	vertical-align: top;
	text-align: left;
	padding-left: 2em; text-indent: -2em; /* 2em/2em fake hanging indent. */
}

/* The third column. */
._tocdemo-2 td:nth-child(3) {
	text-align: right;
	vertical-align: bottom;
	padding-left: 2em;
}

/* The chapter and page column headings need special formatting. */
._tocdemo-2 td._chapterheading {
	text-align: left;
	font-size: 69%;
	font-variant: all-small-caps;
	vertical-align: bottom;
}

._tocdemo-2 td._pageheading {
	text-align: right;
	font-size: 69%;
	vertical-align: bottom;
	font-variant: all-small-caps;
}