Line 1: |
Line 1: |
− | /* | + | /* |
− | <pre> | + | |
− | */ | + | '''Common [[Cascading Style Sheets|CSS]] for all skins''' |
| + | |
| + | '''Notice to Administrators!''' |
| + | |
| + | Any changes to [[Mediawiki:Monobook.css|Monobook.css]] or [[MediaWiki:Common.css|Common.css]] should be first proposed to [[Wikipedia:Village Pump]]. |
| + | |
| + | Always check with the [http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fen.wikipedia.org%2Fw%2Findex.php%3Ftitle%3DMediaWiki%3ACommon.css%26action%3Draw%26ctype%3Dtext%2Fcss&usermedium=all W3C CSS Validation Service] after any changes. |
| + | |
| + | Thank you. |
| + | |
| + | (In [[Mozilla]] and [[Opera (web browser)|Opera]], you can test style changes dynamically with the [http://www.squarefree.com/bookmarklets/webdevel.html test styles] bookmarklet from squarefree.com. It pops up a window for adding style rules, and updates the page as you type.) |
| + | |
| + | See also the [[Wikipedia:Catalogue of CSS classes|catalogue of CSS classes]]. |
| + | {{interwiki-all}} |
| + | <pre><nowiki>*/ |
| + | |
| + | /* make the list of references look smaller */ |
| + | ol.references { |
| + | font-size: 100%; |
| + | } |
| | | |
− | .hiddenStructure {display: none} | + | .references-small { font-size: 90%;} |
| | | |
− | .if {display: none} | + | /* 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; |
| + | column-count:2; |
| + | } |
| | | |
| + | .same-bg { background: none } |
| | | |
| /* wikitable/prettytable class for skinning normal tables */ | | /* wikitable/prettytable class for skinning normal tables */ |
Line 34: |
Line 62: |
| margin-left: inherit; | | margin-left: inherit; |
| margin-right: inherit; | | margin-right: inherit; |
| + | font-weight: bold; |
| } | | } |
| | | |
− | .allpagesredirect { | + | /* default skin for navigation boxes */ |
− | font-style: italic;
| + | table.navbox { |
| + | background-color: #f9f9f9; |
| + | border: 1px solid #aaaaaa; |
| + | clear: both; |
| + | font-size: 90%; |
| + | margin: 1em 0em 0em; |
| + | padding: 5px; |
| + | text-align: center; |
| + | width: 100%; |
| + | } |
| + | |
| + | table.navbox th { |
| + | background-color: #ccccff; |
| + | padding-left: 1em; |
| + | padding-right: 1em; |
| + | } |
| + | |
| + | table.navbox tr:not(:first-child) th { |
| + | background-color: #ddddff; |
| + | } |
| + | |
| + | @media print { |
| + | .navbox { |
| + | display: none; |
| + | } |
| } | | } |
| | | |
Line 77: |
Line 130: |
| } | | } |
| | | |
− | /* Removes useless links from printout */ | + | /* styles for bordered infobox with merged rows */ |
− | @media print {
| + | .infobox.bordered .mergedtoprow td, |
− | #privacy, #about, #disclaimer {display:none;}
| + | .infobox.bordered .mergedtoprow th { |
| + | border: 0; |
| + | border-top: 1px solid #aaaaaa; |
| + | border-right: 1px solid #aaaaaa; |
| + | } |
| + | |
| + | .infobox.bordered .mergedrow td, |
| + | .infobox.bordered .mergedrow th { |
| + | border: 0; |
| + | border-right: 1px solid #aaaaaa; |
| + | } |
| + | |
| + | |
| + | /* styles for geography infoboxes, e.g. countries, national subdivisions, cities, etc. */ |
| + | |
| + | .infobox.geography { |
| + | border: 1px solid #ccd2d9; |
| + | text-align: left; |
| + | border-collapse: collapse; |
| + | line-height: 1.2em; |
| + | font-size: 90%; |
| + | } |
| + | |
| + | .infobox.geography td, |
| + | .infobox.geography th { |
| + | border-top: solid 1px #ccd2d9; |
| + | padding: 0.4em 0.2em 0.4em 0.8em; |
| + | } |
| + | .infobox.geography .mergedtoprow td, |
| + | .infobox.geography .mergedtoprow th { |
| + | border-top: solid 1px #ccd2d9; |
| + | padding: 0.4em 0.2em 0.2em 0.8em; |
| + | } |
| + | |
| + | .infobox.geography .mergedrow td, |
| + | .infobox.geography .mergedrow th { |
| + | border: 0; |
| + | padding: 0 0.2em 0.2em 0.8em; |
| + | } |
| + | |
| + | .infobox.geography .mergedbottomrow td, |
| + | .infobox.geography .mergedbottomrow th { |
| + | border-top: 0; |
| + | border-bottom: solid 1px #ccd2d9; |
| + | padding: 0 0.2em 0.4em 0.8em; |
| + | } |
| + | |
| + | .infobox.geography .maptable td, |
| + | .infobox.geography .maptable th { |
| + | border: 0; |
| + | padding: 0 0 0 0; |
| + | } |
| + | |
| + | /* Style for "notices" */ |
| + | .notice { |
| + | margin: 1em; |
| + | padding: 0.2em; |
| + | } |
| + | |
| + | #disambig { |
| + | border-top: 1px solid #cccccc; |
| + | border-bottom: 1px solid #cccccc; |
| + | } |
| + | |
| + | #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; |
| + | } |
| + | |
| + | /* Metadata */ |
| + | table.metadata { |
| + | border: 1px solid #aaaaaa; |
| + | display: none; |
| + | speak: none; |
| + | } |
| + | .metadata-label { |
| + | color: #aaaaaa; |
| } | | } |
| | | |
− | .plainlinksneverexpand a {background: none !important; padding: 0 !important} | + | /* Persondata */ |
| + | table.persondata { |
| + | border: 1px solid #aaaaaa; |
| + | display: none; |
| + | speak: none; |
| + | } |
| + | .persondata-label { |
| + | color: #aaaaaa; |
| + | } |
| | | |
− | /* log formatting */ | + | /* Makes redirects appear in italics on [[Special:Allpages]] */ |
− | .logtable pre { | + | .allpagesredirect { |
− | margin:0;
| + | font-style: italic; |
− | padding:0;
| |
− | border:0;
| |
| } | | } |
| | | |
| + | /* Choose whether to have AD/BC dates or CE/BCE dates*/ |
| + | |
| + | /* First, the default : display both : See templates ADCE and BCEBC for how these are used*/ |
| + | .Use_Default_Date_Convention { display: inline; } |
| + | .Use_AD_and_BC { display: none; } |
| + | .Use_BCE_and_CE { display: none; } |
| + | |
| + | /* If you want to display AD and BC add the following to User:You/monobook.css page */ |
| + | /* |
| + | .Use_Default_Date_Convention { display: none; } |
| + | .Use_AD_and_BC { display:inline; } |
| + | .Use_BCE_and_CE { display:none; } |
| + | */ |
| + | |
| + | /*If you want to display CE and BCE add the following to User:You/monobook.css page */ |
| /* | | /* |
− | </pre>
| + | .Use_Default_Date_Convention { display: none; } |
| + | .Use_AD_and_BC { display:none; } |
| + | .Use_BCE_and_CE {display:inline; } |
| */ | | */ |
| + | |
| + | /* Class for links with loudspeaker icon next to them */ |
| + | |
| + | .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; |
| + | } |
| + | |
| + | /* 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 #aaaaaa; |
| + | 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; |
| + | } |
| + | |
| + | /* 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, TITUS Cyberbit Basic, Doulos SIL, Chrysanthi Unicode, Bitstream Cyberbit, Bitstream CyberBase, Thryomanes, Gentium, GentiumAlt, Visual Geez Unicode, Lucida Grande, Arial Unicode MS, Microsoft Sans Serif, Lucida Sans Unicode; |
| + | font-family /**/:inherit; |
| + | } |
| + | .latinx { |
| + | font-family: Code2000, TITUS Cyberbit Basic, Microsoft Sans Serif; |
| + | font-family /**/:inherit; |
| + | } |
| + | .polytonic { |
| + | font-family: Athena, 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; |
| + | } |
| + | |
| + | #wpSave { |
| + | font-weight: bold; |
| + | } |
| + | |
| + | /* class hiddenStructure is defunct. See [[Wikipedia:hiddenStructure]] */ |
| + | .hiddenStructure { |
| + | display: inline ! important; |
| + | color: #f00; |
| + | background-color: #0f0; |
| + | } |
| + | |
| + | /* Removes underlines from links */ |
| + | .nounderlines a { |
| + | text-decoration: none; |
| + | } |
| + | |
| + | /* Remove underline from IPA links */ |
| + | .IPA a:link, .IPA a:visited { |
| + | text-decoration: none; |
| + | } |
| + | |
| + | /* Removes useless links from printout */ |
| + | @media print { |
| + | #privacy, #about, #disclaimer {display:none;} |
| + | } |
| + | |
| + | #EnWpMpBook { background-image: url(http://upload.wikimedia.org/wikipedia/en/7/7e/MP-open-book.png); } |
| + | #EnWpMpSearch { background: url(http://upload.wikimedia.org/wikipedia/en/a/ae/MP-magnifying-glass.png) no-repeat top right; } |
| + | #EnWpMpSearchInner { float: right; width: 20em; text-align: center; } |
| + | |
| + | /*</nowiki></pre>*/ |