Skip to content

Instantly share code, notes, and snippets.

@sloanlance
Last active September 1, 2017 16:20
Show Gist options
  • Save sloanlance/447983dbdfe11a112aa31580031090e8 to your computer and use it in GitHub Desktop.
Save sloanlance/447983dbdfe11a112aa31580031090e8 to your computer and use it in GitHub Desktop.
MediaWiki: CSS to make page tables of contents float on the right.
/* Begin https://example.org/path/to/wiki/MediaWiki:Common.js */
/* CSS placed here will be applied to all skins */
/* Simple CSS change to make page tables of contents float on the right of the page,
letting content wrap around it. To give a little separation from the content,
a wide white border is used instead of a transparent margin. The border color may
need to be changed to look good with other MediaWiki skins. */
/* Float table of contents (TOC) to the right, so text wraps around it */
/* Change thin gray border to a wide white one instead of using a transparent margin */
#toc {
float: right;
border: 5px solid #fff;
border-right-width: 0px;
padding: 0px;
}
/* Add a thin gray border to tbody to replace one lost from #toc above */
#toc tbody {
border: 1px solid #aaa;
display: block;
}
/* End https://example.org/path/to/wiki/MediaWiki:Common.js */
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment