MediaWiki:Common.css: Difference between revisions

(Remove MozTT fonts (superseded by Fira) (bug 1072995))
(suppress site notice on end of year foundation campaign pages, bug 1093647)
 
(One intermediate revision by the same user not shown)
Line 1: Line 1:
/* CSS placed here will be applied to all skins */
/* CSS placed here will be applied to all skins */


/* Fira supersedes Open Sans and MozTT */
@import url("skins/common/fonts/Fira/fira.css");
/**
* Open Sans fonts
*/
@font-face {
    font-family: 'Open Sans Light';
    src: url(//mozorg.cdn.mozilla.net/media/fonts/OpenSans-Light-webfont.eot);
    src: url(//mozorg.cdn.mozilla.net/media/fonts/OpenSans-Light-webfont.eot?#iefix) format('embedded-opentype'), url(//mozorg.cdn.mozilla.net/media/fonts/OpenSans-Light-webfont.woff) format('woff'), url(//mozorg.cdn.mozilla.net/media/fonts/OpenSans-Light-webfont.ttf) format('truetype'), url(//mozorg.cdn.mozilla.net/media/fonts/OpenSans-Light-webfont.svg#OpenSansLight) format('svg');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Open Sans Light';
    src: url(//mozorg.cdn.mozilla.net/media/fonts/OpenSans-Regular-webfont.eot);
    src: url(//mozorg.cdn.mozilla.net/media/fonts/OpenSans-Regular-webfont.eot?#iefix) format('embedded-opentype'), url(//mozorg.cdn.mozilla.net/media/fonts/OpenSans-Regular-webfont.woff) format('woff'), url(//mozorg.cdn.mozilla.net/media/fonts/OpenSans-Regular-webfont.ttf) format('truetype'), url(//mozorg.cdn.mozilla.net/media/fonts/OpenSans-Regular-webfont.svg#OpenSansRegular) format('svg');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Open Sans Light';
    src: url(//mozorg.cdn.mozilla.net/media/fonts/OpenSans-LightItalic-webfont.eot);
    src: url(//mozorg.cdn.mozilla.net/media/fonts/OpenSans-LightItalic-webfont.eot?#iefix) format('embedded-opentype'), url(//mozorg.cdn.mozilla.net/media/fonts/OpenSans-LightItalic-webfont.woff) format('woff'), url(//mozorg.cdn.mozilla.net/media/fonts/OpenSans-LightItalic-webfont.ttf) format('truetype'), url(//mozorg.cdn.mozilla.net/media/fonts/OpenSans-LightItalic-webfont.svg#OpenSansRegular) format('svg');
    font-weight: 400;
    font-style: italic;
}
@font-face {
    font-family: 'Open Sans';
    src: url(//mozorg.cdn.mozilla.net/media/fonts/OpenSans-Regular-webfont.eot);
    src: url(//mozorg.cdn.mozilla.net/media/fonts/OpenSans-Regular-webfont.eot?#iefix) format('embedded-opentype'), url(//mozorg.cdn.mozilla.net/media/fonts/OpenSans-Regular-webfont.woff) format('woff'), url(//mozorg.cdn.mozilla.net/media/fonts/OpenSans-Regular-webfont.ttf) format('truetype'), url(//mozorg.cdn.mozilla.net/media/fonts/OpenSans-Regular-webfont.svg#OpenSansRegular) format('svg');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Open Sans';
    src: url(//mozorg.cdn.mozilla.net/media/fonts/OpenSans-Semibold-webfont.eot);
    src: url(//mozorg.cdn.mozilla.net/media/fonts/OpenSans-Semibold-webfont.eot?#iefix) format('embedded-opentype'), url(//mozorg.cdn.mozilla.net/media/fonts/OpenSans-Semibold-webfont.woff) format('woff'), url(//mozorg.cdn.mozilla.net/media/fonts/OpenSans-Semibold-webfont.ttf) format('truetype'), url(//mozorg.cdn.mozilla.net/media/fonts/OpenSans-Semibold-webfont.svg#OpenSansSemibold) format('svg');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Open Sans';
    src: url(//mozorg.cdn.mozilla.net/media/fonts/OpenSans-Italic-webfont.eot);
    src: url(//mozorg.cdn.mozilla.net/media/fonts/OpenSans-Italic-webfont.eot?#iefix) format('embedded-opentype'), url(//mozorg.cdn.mozilla.net/media/fonts/OpenSans-Italic-webfont.woff) format('woff'), url(//mozorg.cdn.mozilla.net/media/fonts/OpenSans-Italic-webfont.ttf) format('truetype'), url(//mozorg.cdn.mozilla.net/media/fonts/OpenSans-Italic-webfont.svg#OpenSansItalic) format('svg');
    font-weight: 400;
    font-style: italic;
}
@font-face {
    font-family: 'Open Sans Extra Bold';
    src:url(//mozorg.cdn.mozilla.net/media/fonts/OpenSans-ExtraBold-webfont.eot);
    src:url(//mozorg.cdn.mozilla.net/media/fonts/OpenSans-ExtraBold-webfont.eot?#iefix) format('embedded-opentype'), url(//mozorg.cdn.mozilla.net/media/fonts/OpenSans-ExtraBold-webfont.woff) format('woff'), url(//mozorg.cdn.mozilla.net/media/fonts/OpenSans-ExtraBold-webfont.ttf) format('truetype'), url(//mozorg.cdn.mozilla.net/media/fonts/OpenSans-ExtraBold-webfont.svg#OpenSansSemibold) format('svg');
    font-weight: 700;
    font-style: normal;
}


/* When the navbar grows, it disappears off the top */
/* When the navbar grows, it disappears off the top */
Line 221: Line 166:
   clear: both;
   clear: both;
}
}
/* bug 1093647 */
.page-Donate #siteNotice, .page-Ways_to_Give #siteNotice { display: none; }

Latest revision as of 15:32, 4 November 2014

/* CSS placed here will be applied to all skins */


/* When the navbar grows, it disappears off the top */
/* https://bugzilla.mozilla.org/show_bug.cgi?id=893960 */
#header-contents {
  top: 0;
  text-align: right;
}

#header {
  height: 75px;
}

/* Correct directionality when page dir is different from site/user dir */
.mw-content-ltr ul,
.mw-content-rtl .mw-content-ltr ul {
	/* @noflip */
	margin: 0.3em 0 1em 1.6em;
}

.mw-content-ltr ol,
.mw-content-rtl .mw-content-ltr ol {
	/* @noflip */
	margin: 0.3em 0 1em 1.6em;
}

/* Add Bugzilla icon to BMO links */
div#mw-content-text a.external[href^="http://bugzilla.mozilla.org"],
div#mw-content-text a.external[href^="https://bugzilla.mozilla.org"],
div#mw-content-text a.external[href^="http://bugzil.la"],
div#mw-content-text a.external[href^="https://bugzil.la"] {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAAK/INwWK6QAAAYBpQ0NQSUNDIFByb2ZpbGUAADjLrZG7SgNREIa/syKCaBrXC4KwhWiKKEGbCCKYFCpaxCCYpNvsrjGwbg67x9sD2At2YuEFrESsxDIPYCeIhQiCDyAINiJrcZQ0igj+MPDN38z8M2A0bCl9A1gLVFiYyVrFUtlqu8OgEwBsJ5LT+fwCP+r1FgFwM2JL6fM3dYTFUhmECZhVzUnArGieBMxNJRWIPGA6q7YLwgVS4VIhB2IXSFQ1HwKJiuYLILHhVBWIBpAO3FoA4hnIuF7kgJEElCNDBcYBMFgslS29mpqHqQFouW565QjOTqF3qOkl+6B7Ga7Gm97LIgIQPdfRyvgYAKIjC60PcfwyBG178L4bx2/Hcfx+Ai330Aic9XDj8y7CmIDfep1N9/oHoOd+zzo/AGk4moXldpjfgf1HGD6HrkvId8LSBEbm6av0rQDoz9l+rRLaynOtwkzWytX9ehhJ2/H4XylvSwHk6nI7rFVXlTUtpe+lrLnAGU1ZY+l0hg/ti23iSqNPeAAAAAlwSFlzAAALEwAACxMBAJqcGAAAAtdJREFUOMuVkm8s1HEcx78XGqaY/jzpCXe4HHf+3L+f3/1FrDrHhQtDzBhCHed/Zo0o7fxpU0qcDmd33CF/prZQWstW05O22upBW09qbS1KMendo8iS1vvZe/vs9f68tzchO0gxRUMxIQknhBD5MBUvtQlXdronEdM063cvH6Mgs4vG81tUTNoqzKHN/M87ApRTNJQTYaW/vMQmWpVYRR9zaqMG4hrpFbqLj6RiyeW/AmS3qUXpqHiVEEJkQ9QSbREizCxAmEmA2rkSzL0dQaUhAzHZoWXbd7aLw6VDIsgs1KLKFgX7cyPuvOhHy8MGcFsPI2MqDoPzHQhpDkRwUwB4DRwQ+Qi1RI9sdqfNAijMYbAstOHC3SycG0tG+Vgm5B0UuE3+yOpPQqTG7/VGqtQuXpMMikAPCPvkfeIPJ+0amJ824/zkKejtcUjvi0DK4AlYn3Ti6mwLePX+oJN9Rre8TvUJ5ikTH5SRD9uzdtROpKHEFot0UziSBmJx/UED9JYk3JhpBLeWA06V7zKnzLdoC0TcxV9NscbDcK8IukE10noikNgbg2uz9dCZtUgvjoIuJw6aahWElTywdSywC1nYBLSHfs2zZ+HKTAXSbx1BQo8KholKFHSnIJoOQL2zC6Y9HFDquR/c4JA3fMCJletdswGg2wSXQg1c1E1WINGohmG8CqdNagSqBEhw3o33jrvQ4cGAZY/butl9H4xuro91nZ3BW2rwG4PmWKVe6L7fjrqRQuQa1ZDGRmDyoBseMQjeEQashEC/130Nri5o9vD88scWeNWcOV4VB2dNedD3FoAZHYRyJxcsEPJjmsHAMCHI9zyAmnAF8gKZy9sOiqP362UXMdd98r3hf0yAVLYPPhHy/SWDrCu8Di21alIaswI4FzU365XkXxKcES6kalV4RQj6PV0gPRp5hfyvmJnsteTj7G9qR7fWyMxsGSGEZCqVzlqt1uEnFBtVbI5zOMMAAAAASUVORK5CYII=") center right / 14px no-repeat;
    padding-right: 16px;
}

/* Add Mozilla icon to wiki links to discourage bad practice */
div#mw-content-text a.external[href^="http://wiki.mozilla.org"],
div#mw-content-text a.external[href^="https://wiki.mozilla.org"] {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABHNCSVQICAgIfAhkiAAAAMlJREFUWMPtl7sJwzAQQDWIB3GGSJpAiuwR75Et4hUCLlynyABxn1aVmoAvJ7iDQ+hnYnCRK57B4kk8rGtsAMBsidEADfCP/eHI7JABeSOTWO/o3SGAfMi5CIdpkadwPZbWWvbCgJEOhYCGNkMGGdojc8HvYwG3hFw6jHkRUEkXBpwXbF6DKTYDpU0zXUftV3EZ1y0J8AddxT03iXlhBnKybm2Ai0y555HwTxHX/hJgEwH3hG80QAM0QAM0QAP+JmBcNUD/CzRgS77eSXt4B21UUwAAAABJRU5ErkJggg==") center right / 10px no-repeat;
    padding-right: 14px;
}

/* Default skin for navigation boxes */

table.navbox {            /* Navbox container style */
  border: 1px solid #aaa;
  width: 100%; 
  margin: auto;
  clear: both;
  font-size: 88%;
  text-align: center;
  padding: 1px;
}
table.navbox + table.navbox {  /* Single pixel border between adjacent navboxes */
  margin-top: -1px;            /* (doesn't work for IE6, but that's okay)       */
}
.navbox-title,
.navbox-abovebelow,
table.navbox th {
  text-align: center;      /* Title and above/below styles */
  padding-left: 1em;
  padding-right: 1em;
}
.navbox-group {            /* Group style */
  white-space: nowrap;
  text-align: right;
  font-weight: bold;
  padding-left: 1em;
  padding-right: 1em;
}
.navbox, .navbox-subgroup {
  background: #fdfdfd;     /* Background color */
}
.navbox-list {
  border-color: #fdfdfd;   /* Must match background color */
}
.navbox-title,
table.navbox th {
  background: #ccccff;     /* Level 1 color */
}
.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
  background: #ddddff;     /* Level 2 color */
}
.navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow {
  background: #e6e6ff;     /* Level 3 color */
}
.navbox-even {
  background: #f7f7f7;     /* Even row striping */
}
.navbox-odd {
  background: transparent; /* Odd row striping */
}
 
.collapseButton {          /* 'show'/'hide' buttons created dynamically */
    float: right;          /* by the CollapsibleTables javascript in    */
    font-weight: normal;   /* [[MediaWiki:Common.js]]are styled here    */
    text-align: right;     /* so they can be customised.                */
    width: auto;
}
.navbox .collapseButton {  /* In navboxes, the show/hide button balances */
    width: 6em;            /* the vde links from [[Template:Tnavbar]],   */
}                          /* so they need to be the same width.         */


/* Standard Navigationsleisten, aka box hiding thingy
   from .de.  Documentation at [[Wikipedia:NavFrame]]. */
div.NavFrame {
    margin: 0;
    padding: 4px;
    border: 1px solid #aaa;
    text-align: center;
    border-collapse: collapse;
    font-size: 95%;
}
div.NavFrame + div.NavFrame {
    border-top-style: none;
    border-top-style: hidden;
}
div.NavPic {
    background-color: #fff;
    margin: 0;
    padding: 2px;
    float: left;
}
div.NavFrame div.NavHead {
    height: 1.6em;
    font-weight: bold;
    background-color: #ccf;
    position: relative;
}
div.NavFrame p,
div.NavFrame div.NavContent,
div.NavFrame div.NavContent p {
    font-size: 100%;
}
div.NavEnd {
    margin: 0;
    padding: 0;
    line-height: 1px;
    clear: both;
}
a.NavToggle {
    position: absolute;
    top: 0;
    right: 3px;
    font-weight: normal;
    font-size: 90%;
}

/* Suppress title on front page */
body.page-Main_Page h1.firstHeading { display:none; }

/* For "sidenote" template */
.sidenote {
  float: right;
  margin: 5px;
  max-width: 300px;
  clear: both;
}

body[class*='page-Netpolicy_ISPM'] h2,
body[class*='page-Netpolicy_ISPM'] h3 {
  clear: both;
}

/* bug 1093647 */
.page-Donate #siteNotice, .page-Ways_to_Give #siteNotice { display: none; }