MediaWiki:Vector.css: Difference between revisions

From MozillaWiki
Jump to navigation Jump to search
(replace MozTT with Fira Mono (bug 1059112))
(remove customizations now part of sandstone extension (bug 1077182))
 
(2 intermediate revisions by 2 users not shown)
Line 1: Line 1:
/* CSS placed here will affect users of the Vector skin */
/* 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;
}


/**
/**
Line 63: Line 43:
     font-weight: bold;
     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);}


/**
/**

Latest revision as of 16:03, 16 October 2014

/* CSS placed here will affect users of the Vector skin */

/**
 * 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;
}

/**
 * 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;
}