Changes

11,445 bytes added ,  22:02, 3 November 2006
no edit summary
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>*/
3,699

edits