MediaWiki:Common.css: Difference between revisions
Content deleted Content added
direction is set automatically in MW 1.18 |
GVarnum-WMF (talk | contribs) m font fixes |
||
(26 intermediate revisions by 10 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 */ |
||
/* <nowiki> */ |
|||
/* {{mbox}}, {{ambox}}, {{ombox}}, {{fmbox}}, etc... */ |
|||
@import "https://www.mediawiki.org/w/index.php?title=MediaWiki:Gadget-enwp-boxes.css&action=raw&ctype=text/css"; |
|||
/* To facilitate rtl translations */ |
/* To facilitate rtl translations */ |
||
Line 23: | Line 27: | ||
background:none; |
background:none; |
||
padding-right:0; |
padding-right:0; |
||
} |
|||
.persian #toctitle, .rtl #toctitle { |
|||
direction:ltr; |
|||
} |
|||
.persian .toclevel-2, .rtl .toclevel-2 { |
|||
margin-right:10px; |
|||
} |
|||
.persian .toclevel-3, .rtl .toclevel-3 { |
|||
margin-right:20px; |
|||
} |
|||
.persian .toclevel-4, .rtl .toclevel-4 { |
|||
margin-right:30px; |
|||
} |
|||
.persian .editsection, .rtl .editsection { |
|||
float:left; |
|||
} |
} |
||
Line 61: | Line 45: | ||
} |
} |
||
/* Language navigation links (moved from monobook.css */ |
/* Language navigation links (moved from monobook.css) */ |
||
.divlang { |
.divlang { |
||
Line 100: | Line 84: | ||
text-align: right; /* so they can be customised. */ |
text-align: right; /* so they can be customised. */ |
||
width: auto; |
width: auto; |
||
} |
|||
/* Hide "Try Beta" link */ |
|||
li#pt-optin-try { display: none !important; } |
|||
/* Protected pages have text area in light red, to prevent |
|||
accidental editing by admins who didn't notice the header |
|||
*/ |
|||
.mw-textarea-protected, .ns-8 textarea { |
|||
background: #FFDBDB; |
|||
} |
|||
/* Put a checkered background behind images, only visible if they have transparency */ |
|||
.gallerybox .thumb img, |
|||
.filehistory a img, |
|||
#file img { |
|||
background: white url("http://upload.wikimedia.org/wikipedia/commons/5/5d/Checker-16x16.png") repeat; |
|||
} |
} |
||
/* Allow limiting of which header levels are shown in a TOC; |
/* Allow limiting of which header levels are shown in a TOC; |
||
<div class="toclimit-3">, for instance, will limit to |
<div class="toclimit-3">, for instance, will limit to |
||
showing ==headings== and ===headings=== but no further. Shamelessly stolen from enWiki common.css ( |
showing ==headings== and ===headings=== but no further. Shamelessly stolen from enWiki common.css ( https://en.wikipedia.org/w/index.php?title=MediaWiki:Common.css&oldid=376491996 ) |
||
*/ |
*/ |
||
.toclimit-2 .toclevel-1 ul, |
.toclimit-2 .toclevel-1 ul, |
||
Line 129: | Line 96: | ||
.toclimit-6 .toclevel-5 ul, |
.toclimit-6 .toclevel-5 ul, |
||
.toclimit-7 .toclevel-6 ul { display: none; } |
.toclimit-7 .toclevel-6 ul { display: none; } |
||
/* For announcements */ |
|||
#bodyContent .letterhead { |
|||
background-image:url('//upload.wikimedia.org/wikipedia/commons/e/e0/Tan-page-corner.png'); |
|||
background-repeat:no-repeat; |
|||
padding: 2em; |
|||
background-color: #faf9f2; |
|||
} |
|||
/** |
|||
** Permits the use of div tags to suppress auto-numbering in TOC, for instance on [[Terms of use]] where sections are manually numbered. |
|||
**/ |
|||
#hideTOCnumbers .tocnumber { display: none; } |
|||
:lang(fa) { |
|||
font-family: Tahoma, 'DejaVu Sans', sans-serif; |
|||
} |
|||
/* Style for horizontal lists (separator following item) */ |
|||
.skin-monobook .hlist dl, |
|||
.skin-modern .hlist dl, |
|||
.skin-vector .hlist dl { |
|||
line-height: 1.5em; |
|||
} |
|||
.hlist dl, |
|||
.hlist ol, |
|||
.hlist ul { |
|||
margin: 0; |
|||
} |
|||
.hlist dd, |
|||
.hlist dt, |
|||
.hlist li { |
|||
display: inline; |
|||
margin: 0; |
|||
} |
|||
/* Display nested lists inline */ |
|||
.hlist dl dl, |
|||
.hlist ol ol, |
|||
.hlist ul ul { |
|||
display: inline; |
|||
} |
|||
/* Generate interpuncts */ |
|||
.hlist dd:after, |
|||
.hlist dt:after, |
|||
.hlist li:after { |
|||
content: " ·"; |
|||
font-weight: bold; |
|||
} |
|||
.hlist dd:last-child:after, |
|||
.hlist dt:last-child:after, |
|||
.hlist li:last-child:after { |
|||
content: none; |
|||
} |
|||
/* for IE 8 */ |
|||
.hlist dd.nopunct:after, |
|||
.hlist dt.nopunct:after, |
|||
.hlist li.nopunct:after { |
|||
content: none; |
|||
} |
|||
/* Add parens around nested lists */ |
|||
.hlist dl dl:before, |
|||
.hlist ol ol:before, |
|||
.hlist ul ul:before { |
|||
content: "("; |
|||
} |
|||
.hlist dl dl:after, |
|||
.hlist ol ol:after, |
|||
.hlist ul ul:after { |
|||
content: ")"; |
|||
} |
|||
/* Put numbers in ordered lists */ |
|||
.hlist.hnum ol li { |
|||
counter-increment: level1; |
|||
} |
|||
.hlist.hnum ol li:before { |
|||
content: counter(level1) " "; |
|||
} |
|||
.hlist.hnum ol ol li { |
|||
counter-increment: level2; |
|||
} |
|||
.hlist.hnum ol ol li:before { |
|||
content: counter(level2) " "; |
|||
} |
|||
.sharedUploadNotice { |
|||
border:1px solid #aaa; margin: 1em auto; width: 60%; padding: 8px 1% 8px 8%; border-radius: 5px; |
|||
background-color: #EEEFFF; background-position: 2% 50%; background-repeat: no-repeat; |
|||
background-image: url(//upload.wikimedia.org/wikipedia/commons/9/9d/Commons-logo-31px.png); |
|||
} |
|||
/* Highlight clicked footnote */ |
|||
div.footnote:target { |
|||
background-color: #DEF; |
|||
} |
|||
/* Unbulleted lists */ |
|||
.plainlist ul { |
|||
line-height: inherit; |
|||
list-style: none none; |
|||
margin: 0; |
|||
} |
|||
.plainlist ul li { |
|||
margin-bottom: 0; |
|||
} |
|||
/* Infobox template style */ |
|||
.infobox { |
|||
border: 1px solid #aaa; |
|||
background-color: #f9f9f9; |
|||
color: black; |
|||
/* @noflip */ |
|||
margin: 0.5em 0 0.5em 1em; |
|||
padding: 0.2em; |
|||
/* @noflip */ |
|||
float: right; |
|||
/* @noflip */ |
|||
clear: right; |
|||
/* @noflip */ |
|||
text-align: left; |
|||
font-size: 88%; |
|||
line-height: 1.5em; |
|||
} |
|||
.infobox caption { |
|||
font-size: 125%; |
|||
font-weight: bold; |
|||
} |
|||
.infobox td, |
|||
.infobox th { |
|||
vertical-align: top; |
|||
} |
|||
.infobox.bordered { |
|||
border-collapse: collapse; |
|||
} |
|||
.infobox.bordered td, |
|||
.infobox.bordered th { |
|||
border: 1px solid #aaa; |
|||
} |
|||
.infobox.bordered .borderless td, |
|||
.infobox.bordered .borderless th { |
|||
border: 0; |
|||
} |
|||
.infobox.sisterproject { |
|||
width: 20em; |
|||
font-size: 90%; |
|||
} |
|||
.infobox.standard-talk { |
|||
border: 1px solid #c0c090; |
|||
background-color: #f8eaba; |
|||
} |
|||
.infobox.standard-talk.bordered td, |
|||
.infobox.standard-talk.bordered th { |
|||
border: 1px solid #c0c090; |
|||
} |
|||
/* styles for bordered infobox with merged rows */ |
|||
.infobox.bordered .mergedtoprow td, |
|||
.infobox.bordered .mergedtoprow th { |
|||
border: 0; |
|||
border-top: 1px solid #aaa; |
|||
/* @noflip */ |
|||
border-right: 1px solid #aaa; |
|||
} |
|||
.infobox.bordered .mergedrow td, |
|||
.infobox.bordered .mergedrow th { |
|||
border: 0; |
|||
/* @noflip */ |
|||
border-right: 1px solid #aaa; |
|||
} |
|||
/* Hatnotes and disambiguation notices */ |
|||
.rellink, |
|||
.dablink { |
|||
font-style: italic; |
|||
/* @noflip */ |
|||
padding-left: 1.6em; |
|||
margin-bottom: 0.5em; |
|||
} |
|||
.rellink i, |
|||
.dablink i { |
|||
font-style: normal; |
|||
} |
|||
/* Default style for navigation boxes */ |
|||
.navbox { /* Navbox container style */ |
|||
border: 1px solid #a2a9b1; |
|||
width: 100%; |
|||
margin: auto; |
|||
clear: both; |
|||
font-size: 88%; |
|||
text-align: center; |
|||
padding: 1px; |
|||
} |
|||
.navbox-inner, |
|||
.navbox-subgroup { |
|||
width: 100%; |
|||
} |
|||
.navbox-group, |
|||
.navbox-title, |
|||
.navbox-abovebelow { |
|||
padding: 0.25em 1em; /* Title, group and above/below styles */ |
|||
line-height: 1.5em; |
|||
text-align: center; |
|||
} |
|||
th.navbox-group { /* Group style */ |
|||
white-space: nowrap; |
|||
/* @noflip */ |
|||
text-align: right; |
|||
} |
|||
.navbox, |
|||
.navbox-subgroup { |
|||
background: #fdfdfd; /* Background color */ |
|||
} |
|||
.navbox-list { |
|||
line-height: 1.8em; |
|||
border-color: #fdfdfd; /* Must match background color */ |
|||
} |
|||
.navbox th, |
|||
.navbox-title { |
|||
background: #ccccff; /* Level 1 color */ |
|||
} |
|||
.navbox-abovebelow, |
|||
th.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 */ |
|||
} |
|||
table.navbox + table.navbox { /* Single pixel border between adjacent navboxes */ |
|||
margin-top: -1px; /* (doesn't work for IE6, but that's okay) */ |
|||
} |
|||
.navbox .hlist td dl, |
|||
.navbox .hlist td ol, |
|||
.navbox .hlist td ul, |
|||
.navbox td.hlist dl, |
|||
.navbox td.hlist ol, |
|||
.navbox td.hlist ul { |
|||
padding: 0.125em 0; /* Adjust hlist padding in navboxes */ |
|||
} |
|||
ol + table.navbox, |
|||
ul + table.navbox { |
|||
margin-top: 0.5em; /* Prevent lists from clinging to navboxes */ |
|||
} |
|||
/* Default styling for Navbar template */ |
|||
.navbar { |
|||
display: inline; |
|||
font-size: 88%; |
|||
font-weight: normal; |
|||
} |
|||
.navbar ul { |
|||
display: inline; |
|||
white-space: nowrap; |
|||
} |
|||
.navbar li { |
|||
word-spacing: -0.125em; |
|||
} |
|||
.navbar.mini li span { |
|||
font-variant: small-caps; |
|||
} |
|||
/* Navbar styling when nested in infobox and navbox */ |
|||
.infobox .navbar { |
|||
font-size: 100%; |
|||
} |
|||
.navbox .navbar { |
|||
display: block; |
|||
font-size: 100%; |
|||
} |
|||
.navbox-title .navbar { |
|||
/* @noflip */ |
|||
float: left; |
|||
/* @noflip */ |
|||
text-align: left; |
|||
/* @noflip */ |
|||
margin-right: 0.5em; |
|||
width: 6em; |
|||
} |
|||
/* Message box templates */ |
|||
.messagebox { |
|||
border: 1px solid #a2a9b1; |
|||
background: #f8f9fa; |
|||
width: 80%; |
|||
margin: 0 auto 1em; |
|||
padding: 0.2em; |
|||
text-align: justify; |
|||
} |
|||
.messagebox.merge { |
|||
border: 1px solid #cf9fff; |
|||
background: #f5edf5; |
|||
text-align: center; |
|||
} |
|||
.messagebox.cleanup { |
|||
border: 1px solid #9f9fff; |
|||
background: #efefff; |
|||
text-align: center; |
|||
} |
|||
.messagebox.standard-talk { |
|||
border: 1px solid #c0c090; |
|||
background: #f8eaba; |
|||
} |
|||
/* Force break long words/URLs */ |
|||
.break-word { |
|||
overflow-wrap: break-word; |
|||
word-wrap: break-word; |
|||
-ms-word-break: break-all; |
|||
word-break: break-word; |
|||
-ms-hyphens: auto; |
|||
-moz-hyphens: auto; |
|||
-webkit-hyphens: auto; |
|||
hyphens: auto; |
|||
} |
|||
/* Wikimedia Foundation branding */ |
|||
.wmf-body-text { |
|||
font-family: 'Georgia', serif; |
|||
} |
|||
.wmf-header-text { |
|||
font-family: 'Helvetica Neue', sans-serif; |
|||
} |
Latest revision as of 23:30, 11 March 2024
/* CSS placed here will be applied to all skins */
/* <nowiki> */
/* {{mbox}}, {{ambox}}, {{ombox}}, {{fmbox}}, etc... */
@import "https://www.mediawiki.org/w/index.php?title=MediaWiki:Gadget-enwp-boxes.css&action=raw&ctype=text/css";
/* To facilitate rtl translations */
.table-FA {
font-family: Tahoma;
}
#bodyContent .table-RTL a{
background:none;
padding-right:0;
}
#bodyContent .table-RTL UL{
margin-right:10px;
display:table;
}
.persian {
font-family: Tahoma;
}
#bodyContent .persian a, #bodyContent .persian a.external, #bodyContent .rtl a, #bodyContent .rtl a.external {
background:none;
padding-right:0;
}
/* To make redirects show up in italics on [[Special:Allpages]]. */
.allpagesredirect a, .watchlistredir a {
font-style:italic;
}
/* Default style for PrettyTextBox and InformationBox class of templates */
.InformationBox {
width: 80%;
border: solid #999999 1px;
background: #F8F8F8;
margin: 0.5em auto;
clear: both;
color: #000000;
padding: 3px;
}
/* Language navigation links (moved from monobook.css) */
.divlang {
background: #F9F9F9;
border: 1px solid #E9E9E9;
font-size: 0.85em;
margin: 0 0 1em 0;
padding: 0.5em 1em;
text-align: left;
}
.divlang ul {
display: inline;
margin-left: 0;
padding-left: 0;
}
.divlang ul li {
border-left: 1px solid #E4E4E4;
display: inline;
list-style: none;
margin-left: 0;
padding: 0 0.5em;
}
.divlang ul li.firstlang {
border-left: none;
display: inline;
list-style: none;
margin-left: 0;
padding-left: 0;
}
/* For the show/hide link; see also [[MediaWiki:Common.js]] and [[w:Wikipedia:NAVFRAME]] */
.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;
}
/* Allow limiting of which header levels are shown in a TOC;
<div class="toclimit-3">, for instance, will limit to
showing ==headings== and ===headings=== but no further. Shamelessly stolen from enWiki common.css ( https://en.wikipedia.org/w/index.php?title=MediaWiki:Common.css&oldid=376491996 )
*/
.toclimit-2 .toclevel-1 ul,
.toclimit-3 .toclevel-2 ul,
.toclimit-4 .toclevel-3 ul,
.toclimit-5 .toclevel-4 ul,
.toclimit-6 .toclevel-5 ul,
.toclimit-7 .toclevel-6 ul { display: none; }
/* For announcements */
#bodyContent .letterhead {
background-image:url('//upload.wikimedia.org/wikipedia/commons/e/e0/Tan-page-corner.png');
background-repeat:no-repeat;
padding: 2em;
background-color: #faf9f2;
}
/**
** Permits the use of div tags to suppress auto-numbering in TOC, for instance on [[Terms of use]] where sections are manually numbered.
**/
#hideTOCnumbers .tocnumber { display: none; }
:lang(fa) {
font-family: Tahoma, 'DejaVu Sans', sans-serif;
}
/* Style for horizontal lists (separator following item) */
.skin-monobook .hlist dl,
.skin-modern .hlist dl,
.skin-vector .hlist dl {
line-height: 1.5em;
}
.hlist dl,
.hlist ol,
.hlist ul {
margin: 0;
}
.hlist dd,
.hlist dt,
.hlist li {
display: inline;
margin: 0;
}
/* Display nested lists inline */
.hlist dl dl,
.hlist ol ol,
.hlist ul ul {
display: inline;
}
/* Generate interpuncts */
.hlist dd:after,
.hlist dt:after,
.hlist li:after {
content: " ·";
font-weight: bold;
}
.hlist dd:last-child:after,
.hlist dt:last-child:after,
.hlist li:last-child:after {
content: none;
}
/* for IE 8 */
.hlist dd.nopunct:after,
.hlist dt.nopunct:after,
.hlist li.nopunct:after {
content: none;
}
/* Add parens around nested lists */
.hlist dl dl:before,
.hlist ol ol:before,
.hlist ul ul:before {
content: "(";
}
.hlist dl dl:after,
.hlist ol ol:after,
.hlist ul ul:after {
content: ")";
}
/* Put numbers in ordered lists */
.hlist.hnum ol li {
counter-increment: level1;
}
.hlist.hnum ol li:before {
content: counter(level1) " ";
}
.hlist.hnum ol ol li {
counter-increment: level2;
}
.hlist.hnum ol ol li:before {
content: counter(level2) " ";
}
.sharedUploadNotice {
border:1px solid #aaa; margin: 1em auto; width: 60%; padding: 8px 1% 8px 8%; border-radius: 5px;
background-color: #EEEFFF; background-position: 2% 50%; background-repeat: no-repeat;
background-image: url(//upload.wikimedia.org/wikipedia/commons/9/9d/Commons-logo-31px.png);
}
/* Highlight clicked footnote */
div.footnote:target {
background-color: #DEF;
}
/* Unbulleted lists */
.plainlist ul {
line-height: inherit;
list-style: none none;
margin: 0;
}
.plainlist ul li {
margin-bottom: 0;
}
/* Infobox template style */
.infobox {
border: 1px solid #aaa;
background-color: #f9f9f9;
color: black;
/* @noflip */
margin: 0.5em 0 0.5em 1em;
padding: 0.2em;
/* @noflip */
float: right;
/* @noflip */
clear: right;
/* @noflip */
text-align: left;
font-size: 88%;
line-height: 1.5em;
}
.infobox caption {
font-size: 125%;
font-weight: bold;
}
.infobox td,
.infobox th {
vertical-align: top;
}
.infobox.bordered {
border-collapse: collapse;
}
.infobox.bordered td,
.infobox.bordered th {
border: 1px solid #aaa;
}
.infobox.bordered .borderless td,
.infobox.bordered .borderless th {
border: 0;
}
.infobox.sisterproject {
width: 20em;
font-size: 90%;
}
.infobox.standard-talk {
border: 1px solid #c0c090;
background-color: #f8eaba;
}
.infobox.standard-talk.bordered td,
.infobox.standard-talk.bordered th {
border: 1px solid #c0c090;
}
/* styles for bordered infobox with merged rows */
.infobox.bordered .mergedtoprow td,
.infobox.bordered .mergedtoprow th {
border: 0;
border-top: 1px solid #aaa;
/* @noflip */
border-right: 1px solid #aaa;
}
.infobox.bordered .mergedrow td,
.infobox.bordered .mergedrow th {
border: 0;
/* @noflip */
border-right: 1px solid #aaa;
}
/* Hatnotes and disambiguation notices */
.rellink,
.dablink {
font-style: italic;
/* @noflip */
padding-left: 1.6em;
margin-bottom: 0.5em;
}
.rellink i,
.dablink i {
font-style: normal;
}
/* Default style for navigation boxes */
.navbox { /* Navbox container style */
border: 1px solid #a2a9b1;
width: 100%;
margin: auto;
clear: both;
font-size: 88%;
text-align: center;
padding: 1px;
}
.navbox-inner,
.navbox-subgroup {
width: 100%;
}
.navbox-group,
.navbox-title,
.navbox-abovebelow {
padding: 0.25em 1em; /* Title, group and above/below styles */
line-height: 1.5em;
text-align: center;
}
th.navbox-group { /* Group style */
white-space: nowrap;
/* @noflip */
text-align: right;
}
.navbox,
.navbox-subgroup {
background: #fdfdfd; /* Background color */
}
.navbox-list {
line-height: 1.8em;
border-color: #fdfdfd; /* Must match background color */
}
.navbox th,
.navbox-title {
background: #ccccff; /* Level 1 color */
}
.navbox-abovebelow,
th.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 */
}
table.navbox + table.navbox { /* Single pixel border between adjacent navboxes */
margin-top: -1px; /* (doesn't work for IE6, but that's okay) */
}
.navbox .hlist td dl,
.navbox .hlist td ol,
.navbox .hlist td ul,
.navbox td.hlist dl,
.navbox td.hlist ol,
.navbox td.hlist ul {
padding: 0.125em 0; /* Adjust hlist padding in navboxes */
}
ol + table.navbox,
ul + table.navbox {
margin-top: 0.5em; /* Prevent lists from clinging to navboxes */
}
/* Default styling for Navbar template */
.navbar {
display: inline;
font-size: 88%;
font-weight: normal;
}
.navbar ul {
display: inline;
white-space: nowrap;
}
.navbar li {
word-spacing: -0.125em;
}
.navbar.mini li span {
font-variant: small-caps;
}
/* Navbar styling when nested in infobox and navbox */
.infobox .navbar {
font-size: 100%;
}
.navbox .navbar {
display: block;
font-size: 100%;
}
.navbox-title .navbar {
/* @noflip */
float: left;
/* @noflip */
text-align: left;
/* @noflip */
margin-right: 0.5em;
width: 6em;
}
/* Message box templates */
.messagebox {
border: 1px solid #a2a9b1;
background: #f8f9fa;
width: 80%;
margin: 0 auto 1em;
padding: 0.2em;
text-align: justify;
}
.messagebox.merge {
border: 1px solid #cf9fff;
background: #f5edf5;
text-align: center;
}
.messagebox.cleanup {
border: 1px solid #9f9fff;
background: #efefff;
text-align: center;
}
.messagebox.standard-talk {
border: 1px solid #c0c090;
background: #f8eaba;
}
/* Force break long words/URLs */
.break-word {
overflow-wrap: break-word;
word-wrap: break-word;
-ms-word-break: break-all;
word-break: break-word;
-ms-hyphens: auto;
-moz-hyphens: auto;
-webkit-hyphens: auto;
hyphens: auto;
}
/* Wikimedia Foundation branding */
.wmf-body-text {
font-family: 'Georgia', serif;
}
.wmf-header-text {
font-family: 'Helvetica Neue', sans-serif;
}