User:9cfilorux/typographyrefreshoverride.css

From mediawiki.org

Note: After publishing, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Press Ctrl-F5.
/*
Overriding the typography refresh - see https://www.mediawiki.org/wiki/Typography_refresh
To use it, copy the following code to [[Special:Mypage/vector.css]].
Alternatively, choose a skin other than Vector in your preferences.
Works ok for me with Firefox 27.0.1 and Ubuntu 12.04 LTS, but has not been tested
in different environments. There may also still be glitches of one sort or another.
Let me know if you have any suggestions for improving it.
*/

/* Fonts and colours */
div#content h1,
div#content h2,
div#content #firstHeading {
	font-family: inherit;
}
div#content.mw-body {
	color: #000;
}
/* Font size */
#bodyContent {
	font-size: 0.8em;
}
div#content h1,
div#content #firstHeading {
	font-size: 1.6em;
	margin-bottom: 0.1em;
}
div#content h3 {
	font-size: 132%;
}
div#content h4 {
	font-size: 116%;
}
div#content h5 {
	font-size: 100%;
}
div#content h6 {
	font-size: 80%;
}
#bodyContent, .mw-body-content, div#content dd, div#content ol, div#content ul, td.diff-context {
	line-height: 1.5em !important;
}