MediaWiki:Common.css
| Line 77: | Line 77: | ||
} | } | ||
| + | /* Main page fixes */ | ||
| + | #interwiki-completelist { | ||
| + | font-weight: bold; | ||
| + | } | ||
| + | |||
| + | /* Add space below the toolbar */ | ||
| + | #toolbar { | ||
| + | margin-bottom: 6px; | ||
| + | } | ||
| + | |||
| + | /* make the list of references look smaller */ | ||
| + | ol.references { | ||
| + | font-size: 100%; | ||
| + | } | ||
| + | |||
| + | .references-small { font-size: 90%;} | ||
| + | |||
| + | /* VALIDATOR NOTICE: the following is correct, but the W3C validator doesn't accept it */ | ||
| + | /* -moz-* is a vendor-specific extension (CSS 2.1 4.1.2.1) */ | ||
| + | /* column-count is from the CSS3 module "CSS Multi-column Layout" */ | ||
| + | /* Please ignore any validator errors caused by these two lines */ | ||
| + | .references-2column { | ||
| + | font-size: 90%; | ||
| + | -moz-column-count:2; | ||
| + | -webkit-column-count:2; | ||
| + | column-count:2; | ||
| + | } | ||
| + | |||
| + | .same-bg { background: none } | ||
| + | |||
| + | /* Highlight clicked reference in blue to help navigation */ | ||
| + | ol.references > li:target { | ||
| + | background-color: #DEF; | ||
| + | } | ||
| + | |||
| + | sup.reference:target { | ||
| + | background-color: #DEF; | ||
| + | } | ||
| + | |||
| + | /* Styling for citations */ | ||
| + | cite { | ||
| + | font-style: normal; | ||
| + | word-wrap: break-word; | ||
| + | } | ||
| + | |||
| + | /* If there is an inline link to a full citation, the full citation will turn blue when the inline link is clicked */ | ||
| + | cite:target { | ||
| + | background-color: #DEF; | ||
| + | } | ||
| + | |||
| + | /* Do not expand URLs within citations for printing. The URLs should be included explicitly, to avoid confusion */ | ||
| + | |||
| + | @media print { | ||
| + | #content cite a.external.text:after { | ||
| + | display: none; | ||
| + | } | ||
| + | } | ||
| + | |||
| + | /* For linked citation numbers and document IDs, where the number need not be shown on a screen or a handheld, but should be included in the printed version */ | ||
| + | |||
| + | @media screen, handheld, projection { | ||
| + | cite *.printonly { | ||
| + | display: none; | ||
| + | } | ||
| + | } | ||
| + | |||
| + | /* wikitable/prettytable class for skinning normal tables */ | ||
| + | table.wikitable, | ||
| + | table.prettytable { | ||
| + | margin: 1em 1em 1em 0; | ||
| + | background: #f9f9f9; | ||
| + | border: 1px #aaa solid; | ||
| + | border-collapse: collapse; | ||
| + | } | ||
| + | |||
| + | table.wikitable th, table.wikitable td, | ||
| + | table.prettytable th, table.prettytable td { | ||
| + | border: 1px #aaa solid; | ||
| + | padding: 0.2em; | ||
| + | } | ||
| + | |||
| + | table.wikitable th, | ||
| + | table.prettytable th { | ||
| + | background: #f2f2f2; | ||
| + | text-align: center; | ||
| + | } | ||
| + | |||
| + | table.wikitable caption, | ||
| + | table.prettytable caption { | ||
| + | margin-left: inherit; | ||
| + | margin-right: inherit; | ||
| + | font-weight: bold; | ||
| + | } | ||
| + | |||
| + | table.prettytable code, | ||
| + | table.wikitable code { | ||
| + | background-color: transparent; | ||
| + | } | ||
| + | |||
| + | /* default skin for navigation boxes */ | ||
| + | table.navbox { | ||
| + | background-color: #f9f9f9; | ||
| + | border: 1px solid #aaa; | ||
| + | clear: both; | ||
| + | font-size: 90%; | ||
| + | margin: 1em 0em 0em; | ||
| + | padding: 2px; | ||
| + | text-align: center; | ||
| + | width: 100%; | ||
| + | } | ||
| + | |||
| + | table.navbox th { | ||
| + | background-color: #ccf; | ||
| + | padding-left: 1em; | ||
| + | padding-right: 1em; | ||
| + | } | ||
| + | |||
| + | @media print { | ||
| + | .navbox { | ||
| + | display: none; | ||
| + | } | ||
| + | } | ||
| + | |||
| + | /* Infobox template style */ | ||
| + | .infobox { | ||
| + | border: 1px solid #aaa; | ||
| + | background-color: #f9f9f9; | ||
| + | color: black; | ||
| + | margin-bottom: 0.5em; | ||
| + | margin-left: 1em; | ||
| + | padding: 0.2em; | ||
| + | float: right; | ||
| + | clear: right; | ||
| + | } | ||
| + | .infobox td, | ||
| + | .infobox th { | ||
| + | vertical-align: top; | ||
| + | } | ||
| + | .infobox caption { | ||
| + | font-size: larger; | ||
| + | margin-left: inherit; | ||
| + | } | ||
| + | .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%; | ||
| + | } | ||
| + | |||
| + | @media print { | ||
| + | .infobox.sisterproject { | ||
| + | display: none; | ||
| + | } | ||
| + | } | ||
| + | |||
| + | /* styles for bordered infobox with merged rows */ | ||
| + | .infobox.bordered .mergedtoprow td, | ||
| + | .infobox.bordered .mergedtoprow th { | ||
| + | border: 0; | ||
| + | border-top: 1px solid #aaa; | ||
| + | border-right: 1px solid #aaa; | ||
| + | } | ||
| + | |||
| + | .infobox.bordered .mergedrow td, | ||
| + | .infobox.bordered .mergedrow th { | ||
| + | border: 0; | ||
| + | border-right: 1px solid #aaa; | ||
| + | } | ||
| + | |||
| + | /* Styles for geography infoboxes, e.g. countries, country subdivisions, cities, etc. */ | ||
| + | .infobox.geography { | ||
| + | text-align: left; | ||
| + | border-collapse: collapse; | ||
| + | line-height: 1.2em; | ||
| + | font-size: 90%; | ||
| + | } | ||
| + | |||
| + | .infobox.geography td, | ||
| + | .infobox.geography th { | ||
| + | border-top: solid 1px #aaa; | ||
| + | padding: 0.4em 0.6em 0.4em 0.6em; | ||
| + | } | ||
| + | .infobox.geography .mergedtoprow td, | ||
| + | .infobox.geography .mergedtoprow th { | ||
| + | border-top: solid 1px #aaa; | ||
| + | padding: 0.4em 0.6em 0.2em 0.6em; | ||
| + | } | ||
| + | |||
| + | .infobox.geography .mergedrow td, | ||
| + | .infobox.geography .mergedrow th { | ||
| + | border: 0; | ||
| + | padding: 0 0.6em 0.2em 0.6em; | ||
| + | } | ||
| + | |||
| + | .infobox.geography .mergedbottomrow td, | ||
| + | .infobox.geography .mergedbottomrow th { | ||
| + | border-top: 0; | ||
| + | border-bottom: solid 1px #aaa; | ||
| + | padding: 0 0.6em 0.4em 0.6em; | ||
| + | } | ||
| + | |||
| + | .infobox.geography .maptable td, | ||
| + | .infobox.geography .maptable th { | ||
| + | border: 0; | ||
| + | padding: 0; | ||
| + | } | ||
| + | |||
| + | /* Style for "notices" */ | ||
| + | .notice { | ||
| + | margin: 1em; | ||
| + | padding: 0.2em; | ||
| + | } | ||
| + | |||
| + | #disambig { | ||
| + | border-top: 1px solid #ccc; | ||
| + | border-bottom: 1px solid #ccc; | ||
| + | } | ||
| + | |||
| + | .spoiler { | ||
| + | border-top: 2px solid #ddd; | ||
| + | border-bottom: 2px solid #ddd; | ||
| + | } | ||
| + | |||
| + | /* Standard talk template style */ | ||
| + | |||
| + | .Talk-Notice { | ||
| + | border: 1px solid #C0C090; | ||
| + | background-color: #F8EABA; | ||
| + | margin-bottom: 3px; | ||
| + | width: 85%; | ||
| + | border-spacing: 3px; | ||
| + | margin-left: auto; | ||
| + | margin-right: auto; | ||
| + | } | ||
| + | |||
| + | .Talk-Notice:after { | ||
| + | content: "The CSS for this template should be changed. See [[Wikipedia:Template Standardisation]]."; | ||
| + | } | ||
| + | |||
| + | /* Make template background appear correctly on all browsers */ | ||
| + | .Talk-Notice td { | ||
| + | background: inherit; | ||
| + | } | ||
| + | |||
| + | /* Persondata and other (future) metadata */ | ||
| + | table.InChI, /* temporary */ | ||
| + | table.persondata { | ||
| + | border: 1px solid #aaa; | ||
| + | display: none; | ||
| + | speak: none; | ||
| + | } | ||
| + | .InChI-label, /* temporary */ | ||
| + | .persondata-label { | ||
| + | color: #aaa; | ||
| + | } | ||
| + | |||
| + | /* Makes redirects appear in italics in categories and on [[Special:Allpages]] */ | ||
| + | .redirect-in-category, .allpagesredirect { | ||
| + | font-style: italic; | ||
| + | } | ||
| + | |||
| + | /* Class for links with loudspeaker icon next to them */ | ||
| + | /* (Used in [[Template:Audio]] and the like to make the speaker clickable) */ | ||
| + | |||
| + | .audiolink a { | ||
| + | background: url("http://upload.wikimedia.org/wikipedia/commons/thumb/8/8a/Loudspeaker.svg/11px-Loudspeaker.svg.png") center left no-repeat !important; | ||
| + | padding-left: 16px !important; | ||
| + | padding-right: 0 !important; | ||
| + | } | ||
| + | |||
| + | /* Icons for medialist templates [[Template:Listen]], [[Template:Multi-listen_start]], [[Template:Video]], [[Template:Multi-video_start]] */ | ||
| + | |||
| + | div.listenlist { | ||
| + | background: url("http://upload.wikimedia.org/wikipedia/commons/thumb/a/a6/Gnome-speakernotes.png/30px-Gnome-speakernotes.png"); | ||
| + | padding-left: 40px; | ||
| + | } | ||
| + | |||
| + | div.videolist, div.multivideolist { | ||
| + | background: url("http://upload.wikimedia.org/wikipedia/en/thumb/2/20/Tango-video-x-generic.png/40px-Tango-video-x-generic.png"); | ||
| + | padding-left: 50px; | ||
| + | } | ||
| + | |||
| + | /* Style rules for media list templates */ | ||
| + | div.medialist { | ||
| + | min-height: 50px; | ||
| + | margin: 1em; | ||
| + | background-position: top left; | ||
| + | background-repeat: no-repeat; | ||
| + | } | ||
| + | |||
| + | div.medialist ul { | ||
| + | list-style-type: none; | ||
| + | list-style-image: none; | ||
| + | margin: 0; | ||
| + | } | ||
| + | |||
| + | div.medialist ul li { | ||
| + | padding-bottom: 0.5em; | ||
| + | } | ||
| + | |||
| + | div.medialist ul li li { | ||
| + | font-size: 91%; | ||
| + | padding-bottom: 0; | ||
| + | } | ||
| + | |||
| + | /* Change the external link icon to an Adobe icon for all PDF files */ | ||
| + | /* (in browsers that support these CSS selectors, like Mozilla and Opera) */ | ||
| + | #bodyContent a[href$=".pdf"].external, | ||
| + | #bodyContent a[href*=".pdf?"].external, | ||
| + | #bodyContent a[href*=".pdf#"].external, | ||
| + | #bodyContent a[href$=".PDF"].external, | ||
| + | #bodyContent a[href*=".PDF?"].external, | ||
| + | #bodyContent a[href*=".PDF#"].external { | ||
| + | background: url(http://upload.wikimedia.org/wikipedia/commons/thumb/2/23/Icons-mini-file_acrobat.gif/15px-Icons-mini-file_acrobat.gif) center right no-repeat; | ||
| + | padding-right: 16px; | ||
| + | } | ||
| + | |||
| + | /* Change the external link icon to an Adobe icon anywhere the PDFlink class */ | ||
| + | /* is used (notably Template:PDFlink). This works in IE, unlike the above. */ | ||
| + | span.PDFlink a { | ||
| + | background: url(http://upload.wikimedia.org/wikipedia/commons/thumb/2/23/Icons-mini-file_acrobat.gif/15px-Icons-mini-file_acrobat.gif) center right no-repeat !important; | ||
| + | padding-right: 17px !important; | ||
| + | } | ||
| + | |||
| + | span.geolink a { | ||
| + | background: url(http://upload.wikimedia.org/wikipedia/en/a/a7/Monobook-globe.png) center right no-repeat !important; | ||
| + | padding-right: 11px !important; | ||
| + | } | ||
| + | |||
| + | /* Content in columns with CSS instead of tables [[Template:Columns]] */ | ||
| + | div.columns-2 div.column { | ||
| + | float: left; | ||
| + | width: 50%; | ||
| + | min-width: 300px; | ||
| + | } | ||
| + | |||
| + | div.columns-3 div.column { | ||
| + | float: left; | ||
| + | width: 33.3%; | ||
| + | min-width: 200px; | ||
| + | } | ||
| + | |||
| + | div.columns-4 div.column { | ||
| + | float: left; | ||
| + | width: 25%; | ||
| + | min-width: 150px; | ||
| + | } | ||
| + | |||
| + | div.columns-5 div.column { | ||
| + | float: left; | ||
| + | width: 20%; | ||
| + | min-width: 120px; | ||
| + | } | ||
| + | |||
| + | /*Add formatting to make sure that "external references" from [[Template:Ref]] do | ||
| + | not get URL expansion, not even when printed. The mechanism up to MediaWiki 1.4 was | ||
| + | that the HTML code contained a SPAN following the anchor A; this SPAN had the class | ||
| + | "urlexpansion", which was not displayed on screen, but was shown when the medium was | ||
| + | "print". The rules below ensure (a) that there is no extra padding to the right of | ||
| + | the anchor (displayed as "[<number>]"), (b) that there is no "external link arrow" for | ||
| + | the link, and (c) that this SPAN of class "urlexpansion" is never shown. | ||
| + | ~~~~ | ||
| + | */ | ||
| + | |||
| + | .plainlinksneverexpand { | ||
| + | background: none ! important; | ||
| + | padding: 0 ! important; | ||
| + | } | ||
| + | |||
| + | .plainlinksneverexpand .urlexpansion { | ||
| + | display: none ! important; | ||
| + | } | ||
| + | |||
| + | /* Make sure that ext links displayed within "plainlinksneverexpand" don't get | ||
| + | the arrow... | ||
| + | */ | ||
| + | .plainlinksneverexpand a { | ||
| + | background: none !important; | ||
| + | padding: 0 !important; | ||
| + | } | ||
| + | |||
| + | /* With MediaWiki 1.5, the mechanism has changed: instead of a SPAN of class "urlexpansion" | ||
| + | following the anchor A, the anchor itself now has class "external autonumber" and the | ||
| + | expansion is inserted when printing (see the common printing style sheet at | ||
| + | http://en.wikipedia.org/skins-1.5/common/commonPrint.css) using the ":after" pseudo- | ||
| + | element of CSS. We have to switch this off for links due to Template:Ref! | ||
| + | */ | ||
| + | .plainlinksneverexpand a.external.text:after { | ||
| + | display: none !important; | ||
| + | } | ||
| + | .plainlinksneverexpand a.external.autonumber:after { | ||
| + | display: none !important; | ||
| + | } | ||
| + | |||
| + | /* Messagebox templates */ | ||
| + | .messagebox { | ||
| + | border: 1px solid #aaa; | ||
| + | background-color: #f9f9f9; | ||
| + | width: 80%; | ||
| + | margin: 0 auto 1em auto; | ||
| + | padding: .2em; | ||
| + | } | ||
| + | .messagebox.merge { | ||
| + | border: 1px solid #c0b8cc; | ||
| + | background-color: #f0e5ff; | ||
| + | text-align: center; | ||
| + | } | ||
| + | .messagebox.cleanup { | ||
| + | border: 1px solid #9f9fff; | ||
| + | background-color: #efefff; | ||
| + | text-align: center; | ||
| + | } | ||
| + | .messagebox.standard-talk { | ||
| + | border: 1px solid #c0c090; | ||
| + | background-color: #f8eaba; | ||
| + | } | ||
| + | .messagebox.nested-talk { | ||
| + | border: 1px solid #c0c090; | ||
| + | background-color: #f8eaba; | ||
| + | width: 100%; | ||
| + | margin: 2px 4px 2px 4px; | ||
| + | } | ||
| + | .messagebox.small { | ||
| + | width: 238px; | ||
| + | font-size: 85%; | ||
| + | float: right; | ||
| + | clear: both; | ||
| + | margin: 0 0 1em 1em; | ||
| + | line-height: 1.25em; | ||
| + | } | ||
| + | .messagebox.small-talk { | ||
| + | width: 238px; | ||
| + | font-size: 85%; | ||
| + | float: right; | ||
| + | clear: both; | ||
| + | margin: 0 0 1em 1em; | ||
| + | line-height: 1.25em; | ||
| + | background: #F8EABA; | ||
| + | } | ||
| + | |||
/* Article message box template styles */ | /* Article message box template styles */ | ||
table.ambox { | table.ambox { | ||
| Line 122: | Line 572: | ||
margin: 0 0 0 1em; | margin: 0 0 0 1em; | ||
width: 25%; | width: 25%; | ||
| + | } | ||
| + | |||
| + | /* Put a checker background at the image description page only visible if the image has transparent background */ | ||
| + | #file img {background: url("http://upload.wikimedia.org/wikipedia/commons/5/5d/Checker-16x16.png") repeat;} | ||
| + | |||
| + | /* Support for Template:IPA, Template:Unicode and Template:Polytonic. The inherit declaration resets the font for all browsers except MSIE6. The empty comment must remain. Please copy any changes to [[Template:IPA fonts]] and [[Template:Unicode fonts]]. */ | ||
| + | .IPA { | ||
| + | font-family: "Chrysanthi Unicode", "Doulos SIL", Gentium, GentiumAlt, Code2000, "TITUS Cyberbit Basic", "DejaVu Sans", "Bitstream Cyberbit", "Arial Unicode MS", "Lucida Sans Unicode", "Hiragino Kaku Gothic Pro", "Matrix Unicode"; | ||
| + | font-family /**/:inherit; | ||
| + | } | ||
| + | .Unicode { | ||
| + | font-family: Code2000, Code2001, "Free Serif", "TITUS Cyberbit Basic", "Doulos SIL", "Chrysanthi Unicode", "Bitstream Cyberbit", "Bitstream CyberBase", Thryomanes, Gentium, GentiumAlt, "Lucida Grande", "Free Sans", "Arial Unicode MS", "Microsoft Sans Serif", "Lucida Sans Unicode"; | ||
| + | font-family /**/:inherit; | ||
| + | } | ||
| + | .latinx { | ||
| + | font-family: Code2000, Code2001, "TITUS Cyberbit Basic", "Microsoft Sans Serif"; | ||
| + | font-family /**/:inherit; | ||
| + | } | ||
| + | .polytonic { | ||
| + | font-family: "Athena Unicode", Gentium, "Palatino Linotype", "Arial Unicode MS", "Lucida Sans Unicode", "Lucida Grande", Code2000; | ||
| + | font-family /**/:inherit; | ||
| + | } | ||
| + | .mufi { | ||
| + | font-family: Alphabetum, Cardo, LeedsUni, Junicode, "TITUS Cyberbit Basic", ALPHA-Demo; | ||
| + | } | ||
| + | |||
| + | /* Pseudo-classes in support of [[Template:lang]]. */ | ||
| + | |||
| + | :lang(he) { | ||
| + | font-family: "SBL Hebrew", "Ezra SIL SR", "Ezra SIL", Cardo, "Chrysanthi Unicode", "TITUS Cyberbit Basic", "Arial Unicode MS", Narkisim, "Times New Roman"; | ||
| + | font-family /**/:inherit; | ||
| + | } | ||
| + | :lang(fa) { | ||
| + | font-family: "Nafees Nastaleeq", "Pak Nastaleeq", PDMS_Jauhar; | ||
| + | font-family /**/:inherit; | ||
| + | } | ||
| + | :lang(ps) { | ||
| + | font-family: "Nafees Nastaleeq", "Pak Nastaleeq", PDMS_Jauhar; | ||
| + | font-family /**/:inherit; | ||
| + | } | ||
| + | :lang(ur) { | ||
| + | font-family: "Nafees Nastaleeq", "Pak Nastaleeq", PDMS_Jauhar; | ||
| + | font-family /**/:inherit; | ||
| + | } | ||
| + | :lang(sux-Xsux) { | ||
| + | font-family: Akkadian; | ||
| + | font-family /**/:inherit; | ||
| + | } | ||
| + | :lang(ja) { | ||
| + | font-family: Code2000, "Arial Unicode MS", "Bitstream Cyberbit", "Bitstream CyberCJK", IPAGothic, IPAPGothic, IPAUIGothic, "Kochi Gothic", IPAMincho, IPAPMincho; | ||
| + | font-family /**/:inherit; | ||
| + | } | ||
| + | :lang(ko) { | ||
| + | font-family: "Adobe Myungjo Std M", AppleMyungjo, "Baekmuk Batang", "Baekmuk Gulim", Batang, Dotum, DotumChe, Gulim, GulimChe, HYGothic-Extra, HYMyeongJo-Extra, "New Gulim", UnBatang, UnDotum, UnYetgul, UWKMJF; | ||
| + | font-family /**/:inherit; | ||
| + | } | ||
| + | :lang(zh-Hans) { | ||
| + | font-family: "Adobe Song Std L", "AR PL ShanHeiSun Uni", "AR PL ShanHeiSun Uni MBE", "MS Hei", "MS Song", SimHei; | ||
| + | font-family /**/:inherit; | ||
| + | } | ||
| + | :lang(zh-Hant) { | ||
| + | font-family: "Adobe Ming Std L", "AR PL New Sung", "AR PL ZenKai Uni", "AR PL ZenKai Uni MBE", MingLiU, PMingLiU; | ||
| + | font-family /**/:inherit; | ||
| + | } | ||
| + | :lang(grc) { | ||
| + | font-family: "Athena Unicode", Gentium, "Palatino Linotype", "Arial Unicode MS", "Lucida Sans Unicode", "Lucida Grande", Code2000; | ||
| + | font-family /**/:inherit; | ||
| + | } | ||
| + | |||
| + | #wpSave { | ||
| + | font-weight: bold; | ||
| + | } | ||
| + | |||
| + | /* class hiddenStructure is defunct. See [[Wikipedia:hiddenStructure]] */ | ||
| + | .hiddenStructure { | ||
| + | display: inline ! important; | ||
| + | color: #f00; | ||
| + | background-color: #0f0; | ||
| + | } | ||
| + | |||
| + | /* suppress missing interwiki image links where #ifexist cannot be used due to high number of requests */ | ||
| + | /* use restricted to rail icon management pages */ | ||
| + | /* see .hidden-redlink on http://meta.wikimedia.org/wiki/MediaWiki:Common.css */ | ||
| + | .check-icon a.new { | ||
| + | display: none; | ||
| + | speak:none; | ||
| + | } | ||
| + | |||
| + | /* Removes underlines from links */ | ||
| + | .nounderlines a { | ||
| + | text-decoration: none; | ||
| + | } | ||
| + | |||
| + | /* Remove underline from IPA links */ | ||
| + | .IPA a:link, .IPA a:visited { | ||
| + | |||