MediaWiki:Common.css: Difference between revisions

From MozillaWiki
Jump to navigation Jump to search
No edit summary
m (spacing)
 
(47 intermediate revisions by 7 users not shown)
Line 1: Line 1:
/* CSS placed here will be applied to all skins */
/* 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 */
/* Default skin for navigation boxes */
table.navbox {            /* Navbox container style */
table.navbox {            /* Navbox container style */
   border: 1px solid #aaa;
   border: 1px solid #aaa;
Line 106: Line 149:
     font-weight: normal;
     font-weight: normal;
     font-size: 90%;
     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; }
/* Updated logo for with 2026 wordmark */
.mw-wiki-logo {
    background-image: url("/images/e/e1/Mozilla-wiki-logo-2026-135px.png") !important;
}
html, body {
    font-family:"Mozilla Text", sans-serif !important;
}
.mw-body h1,
.mw-body-content h1,
.mw-body-content h2 {
    font-family:"Mozilla Headline", sans-serif  !important;
}
/* Card box */
.card {
    box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px, rgb(209, 213, 219) 0px 0px 0px 1px inset;
    border:0;
    border-radius: 3px;
}
/* Watermark for pages that have the obsolete banner template */
#bodyContent:has(.obsolete_page) {
    /* Light orange background color */
    background-color: #ffe8ea26;
 
    /* The repeating text pattern */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='100'%3E%3Ctext x='50%25' y='50%25' fill='rgba(255, 206, 211, 0.6)' font-size='20' font-family='Arial, sans-serif' font-weight='bold' text-anchor='middle' dominant-baseline='middle' transform='rotate(-30, 75, 50)'%3EOBSOLETE%3C/text%3E%3C/svg%3E");
    background-repeat: repeat;
}
}

Latest revision as of 12:45, 4 February 2026

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

/* Updated logo for with 2026 wordmark */

.mw-wiki-logo {
    background-image: url("/images/e/e1/Mozilla-wiki-logo-2026-135px.png") !important;
}

html, body {
    font-family:"Mozilla Text", sans-serif !important;
}

.mw-body h1,
.mw-body-content h1,
.mw-body-content h2 {
    font-family:"Mozilla Headline", sans-serif  !important;

}


/* Card box */
.card {
    box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px, rgb(209, 213, 219) 0px 0px 0px 1px inset;
    border:0;
    border-radius: 3px;
}


/* Watermark for pages that have the obsolete banner template */
#bodyContent:has(.obsolete_page) {
    /* Light orange background color */
    background-color: #ffe8ea26; 
  
    /* The repeating text pattern */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='100'%3E%3Ctext x='50%25' y='50%25' fill='rgba(255, 206, 211, 0.6)' font-size='20' font-family='Arial, sans-serif' font-weight='bold' text-anchor='middle' dominant-baseline='middle' transform='rotate(-30, 75, 50)'%3EOBSOLETE%3C/text%3E%3C/svg%3E");
    background-repeat: repeat;
}