MediaWiki:Common.css: Difference between revisions
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;
}