MediaWiki:Vector.css

From MozillaWiki
Revision as of 17:21, 25 September 2014 by Ckoehler (talk | contribs) (replace MozTT with Fira Mono (bug 1059112))
Jump to navigation Jump to search

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.
/* CSS placed here will affect users of the Vector skin */

/**
 * Use open fonts.
 */
body, .body {
    font-family: "Open Sans", "Trebuchet MS", sans-serif;
}
h1, h2, h3, h4, h5, h6, .huge, .large {
    font-family: "Open Sans Light", "Open Sans", "Trebuchet MS", sans-serif;
}
pre, code, tt, kbd, samp, textarea, .mw-code {
    font-family: Fira Mono, monospace;
}

/**
 * Sandstone background.
 */
body {
    background: url('//www.mozilla.org/media/img/sandstone/bg-gradient-sand.png') repeat-x scroll 0% 0%, url('//www.mozilla.org/media/img/sandstone/bg-sand.png') repeat scroll 0% 0%, none repeat scroll 0% 0% #F5F1E8;
}

/**
 * Improve text readability.
 */
div#bodyContent {
    font-size: 0.9em;
}
h1#firstHeading,
div#bodyContent h1,
div#bodyContent h2 {
    font-weight: normal;
}
div#bodyContent h3,
div#bodyContent h4,
div#bodyContent h5,
div#bodyContent h6 {
    font-weight: bold;
}
h1#firstHeading,
div#bodyContent h1 {
    font-size: 200%;
    margin-top: 1em;
}
div#bodyContent h2 {
    font-size: 150%;
}
div#bodyContent h3 {
    font-size: 140%;
}
div#bodyContent h4 {
    font-size: 130%;
}
div#bodyContent h5 {
    font-size: 120%;
}
div#bodyContent h6 {
    font-size: 110%;
}
div#bodyContent table.toc h2,
div#bodyContent table#toc h2 {
    font-size: 100%;
    font-weight: bold;
}

#mw-page-base {
    background: none;
}
div#mw-head {
    background: none;
}
div#mw-panel div.portal div.body ul li a { color: rgb(0,150,221); }
div#mw-panel div.portal div.body ul li a:hover, div#mw-panel div.portal div.body ul li a:visited { color: rgb(0,83,159); }
a, a.external, a.free { color: rgb(0,150,221); }
a:hover, a:visited, a.external:visited, a.free:visited { color: rgb(0,83,159); }
a.new, a.new:hover {color: rgb(175,50,50);}

/**
 * Special styling for the Main Page.
 */
body.page-Main_Page div#content h1,
body.page-Main_Page div#content h2,
body.page-Main_Page div#content h3,
body.page-Main_Page div#content h4,
body.page-Main_Page div#content h5,
body.page-Main_Page div#content h6 {
    margin: inherit;
    font-weight: bolder;
}