MediaWiki:Common.css

From Meta, a Wikimedia project coordination wiki
This is an archived version of this page, as edited by Krinkle (talk | contribs) at 22:23, 4 December 2013 (Change HiDPI logo CSS from 2 different PNG sizes to simply using the SVG for devices with ratio 1.5 or higher, infinite scale for the future and also makes it look prettier on 1.5x and 2x devices when zooming). It may differ significantly from the current version.

Note: After publishing, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Press Ctrl-F5.
/* <nowiki> */
/* {{user language}} */
@import "//meta.wikimedia.org/w/index.php?title=MediaWiki:User_language.css&action=raw&ctype=text/css&r=2";

/* {{mbox}}, {{ambox}}, {{ombox}}, {{fmbox}}, etc... */
@import "//www.mediawiki.org/w/index.php?title=MediaWiki:Gadget-enwp-boxes.css&action=raw&ctype=text/css";

/* Redirects in categories, on [[Special:Allpages]], and [[Special:Prefixindex]] */
.redirect-in-category, .allpagesredirect a {
 color: gray;
}

/* Hide some code on the Main Page */
body.page-Main_Page.action-view #siteSub,
body.page-Main_Page.action-view #contentSub,
body.page-Main_Page.action-view .firstHeading,
body.page-Main_Page.action-view #jump-to-nav {
    display: none !important;
}


/**
** User language styles ({{#babel:}})
**/
table.mw-babel-wrapper {
   float:right;
   clear:right;
   margin-right:0;
   margin-left:1em;
   margin-bottom: 0.5em;
   border-width:0;
}
 
div.mw-babel-box.mw-babel-box-0,
div.mw-babel-box.mw-babel-box-1,
div.mw-babel-box.mw-babel-box-2,
div.mw-babel-box.mw-babel-box-3,
div.mw-babel-box.mw-babel-box-4,
div.mw-babel-box.mw-babel-box-5,
div.mw-babel-box.mw-babel-box-N {
   border-width:0;
}
 
div.mw-babel-box-0 table,
div.mw-babel-box-1 table,
div.mw-babel-box-2 table,
div.mw-babel-box-3 table,
div.mw-babel-box-4 table,
div.mw-babel-box-5 table,
div.mw-babel-box-N table{
   background-color:#F9F9F9;
}
 
div.mw-babel-box {
   margin:0;
   margin-bottom:-1px; /* collapse adjacent borders */
}
 
div.mw-babel-box table {
   width:19em;
   border:1px solid #AAA;
   border-collapse:collapse;
}

div.mw-babel-box table th,
div.mw-babel-box table td {
   height:auto;
   padding:4px;
   border:1px solid #AAA;
}
 
div.mw-babel-box table th {
   width:3em;
   background:#CCC;
   text-align:center;
   font-size:1.3em;
}
 
div.mw-babel-box table td {
   width:16em;
   font-size:0.9em;
   line-height:1.1em;
}
 
div.mw-babel-box-1 table th { background-color:#ADA; }
div.mw-babel-box-2 table th { background-color:#8E8; }
div.mw-babel-box-3 table th { background-color:#6E6; }
div.mw-babel-box-4 table th { background-color:#3E3; }
div.mw-babel-box-5 table th { background-color:#2E2; }
div.mw-babel-box-N table th { background-color:#0D0; }
 
.mw-babel-footer {
   display:none;
}

/* {{babel-plain|xx-x}} shows a single box without floating or formatting, for custom user pages */
.babel-plain table.mw-babel-wrapper {
   float:none;
   clear:none;
   margin:0;
}

.babel-plain div.mw-babel-box {
   margin:0;
}

.babel-plain .mw-babel-header,
.babel-plain .mw-babel-footer {
   display:none;
}


/**
** Printing
**/
/* hide unneeded content when printing */
@media print {
 #privacy, #about, #disclaimer {
	display: none;
 }
}

/**
** Hide selected content (should rarely be used, backwards compatibility)
**/
.hiddenStructure, .if {
 display: none;
}

/**
** Infoboxes
**/
.infobox {
 float: right;
 clear: right;
 margin-bottom: 0.5em;
 margin-left: 1em;
 padding: 0.2em;
 border: 1px solid #AAA;
 background: #F9F9F9;
 color: black;
}

.infobox td,
.infobox th {
 vertical-align: top;
}

.infobox caption {
 margin-left: inherit;
 font-size: larger;
}

.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;
}

/**
** Sister project templates
**/
.infobox.sisterproject {
 width: 20em;
 font-size: 90%;
}

.sister-project {
 clear: right;
 float: right;
 width: 250px;
 margin: 0 0 1em 3em;
 padding: 4px;
 border: 1px solid #AAA;
 background: #F9F9F9;
 font-size: 0.8em;
 text-align: left;
}

/**
** {{other languages}}
**/
#otherlangs {
 margin: 0.5em;
 padding: 2px;
 border: 1px solid #CCC;
 background: #FAFAFA;
 font-size: 0.9em;
}
#otherlangs span {
 margin: 0 2px;
 padding-left: 2px;
 border-left: 1px solid gray;
}
#otherlangs span.firstlang {
 border: none;
}

/**
** Specific pages (keep to a minimum)
**/
/* Spam blacklist */
body.page-Talk_Spam_blacklist #ca-addsection { display: none; }

/* Spam blacklist/log */
.logtable pre {
 margin: 0;
 padding: 0;
 border: 0;
}

/* Fundraising email feedback */
.page-Talk_Fundraising_2010_Feedback #firstHeading {display: none; }

/* in {{PDFlink}}, for browsers that don't support the above (IE) */
span.PDFlink a {
 padding-right: 17px !important;
 background: url('//upload.wikimedia.org/wikipedia/commons/thumb/2/23/Icons-mini-file_acrobat.gif/15px-Icons-mini-file_acrobat.gif') center right no-repeat !important;
}

/**
** Collapsible navigation boxes (see [[en: Wikipedia: NavFrame]])
**/
div.Boxmerge,
div.NavFrame {
 margin: 0px;
 padding: 4px;
 border: 1px solid #AAA;
 border-collapse: collapse;
 text-align: center;
 font-size: 95%;
}
div.Boxmerge div.NavFrame {
 border-style: none;
 border-style: hidden;
}
div.NavFrame + div.NavFrame {
 border-top-style: none;
 border-top-style: hidden;
}
div.NavPic {
 float: left;
 margin: 0px;
 padding: 2px;
 background: #FFF;
}
div.NavFrame div.NavHead {
 position: relative;
 height: 1.6em;
 background: #CCF;
 font-weight: bold;
}
div.NavFrame p {
 font-size: 100%;
}
div.NavFrame div.NavContent {
 font-size: 100%;
}
div.NavFrame div.NavContent p {
 font-size: 100%;
}
div.NavEnd {
 clear: both;
 margin: 0px;
 padding: 0px;
 line-height: 1px;
}
a.NavToggle {
 position: absolute;
 top: 0px;
 right: 3px;
 font-size: smaller;
 font-weight: normal;
}

/**
** Messagebox templates
** Imported from [[en: MediaWiki:Common.css]] on 2007-07-13
**/
.messagebox {
 width: 80%;
 margin: 0 auto 1em auto;
 padding: 0.2em;
 border: 1px solid #AAA;
 background: #F9F9F9;
}
.messagebox.merge {
 border: 1px solid #C0B8CC;
 background: #F0E5FF;
 text-align: center;
}
.messagebox.cleanup {
 border: 1px solid #9F9FFF;
 background: #EFEFFF;
 text-align: center;
}
.messagebox .standard-talk {
 border: 1px solid #C0C090;
 background: #F8EABA;
}
.messagebox.nested-talk {
 width: 100%;
 margin: 2px 4px 2px 4px;
 border: 1px solid #C0C090;
 background: #F8EABA;
}
.messagebox.small {
 float: right;
 clear: both;
 width: 238px;
 margin: 0 0 1em 1em;
 font-size: 85%;
 line-height: 1.25em;
}

/* To color the mention "updated since my last visit" in the history */
span.updatedmarker {
 color: black;
 background-color: #0f0;
}


/**
** Template documentation
**/
.template-documentation {
 clear: both;
 margin: 1em 0 0 0;
 padding: 5px;
 border: 1px solid #AAA;
 background: #ECFCF4;
}

.hidden-redlink a.new { display: none; }

/**
** TOC Limit
** Allow limiting which header levels are shown in a TOC
** ie, <div class="toclimit-3">__TOC__</div> will only show top 3 header levels.
**/
.toclimit-2 .toclevel-2,
.toclimit-3 .toclevel-3,
.toclimit-4 .toclevel-4,
.toclimit-5 .toclevel-5,
.toclimit-6 .toclevel-6,
.toclimit-7 .toclevel-7 {
 display: none;
}

/**
** Default style for PrettyTextBox and InformationBox class of templates
** ie, {{warning}}, {{info}}, etc
**/
.InformationBox {
 width: 80%;
 clear: both;
 margin: 0.5em auto;
 padding: 3px;
 border: 1px solid #999;
 background: #F8F8F8;
 color: #000;
}

.PrettyTextBox {
 padding: .2em;
 border: 1px solid #AAA;
 background: #F9F9F9;
 color: #000;
}

/**
** Highlight clicked reference in blue to help navigation
**/
ol.references > li:target {
 background: #DEF;
}

sup.reference:target {
 background: #DEF;
}

/* Have redlinks show up as grey on [[Toolserver/watcher]] */
body.page-Toolserver_watcher a.new:link,
body.page-Toolserver_watcher a.new:visited {
 color: grey;
}

/**
**  Styling for box showing source page next to translation when you translate, used by the [[Fundraising 2011/Translation]].
**/

div.translationcompare {
  max-height:500px;
  overflow:auto;
}

/**
** Hiding the check box for "I am highly knowledgeable about this topic" in AFT used for translations; hiding AFT for English source.
**/

div.articleFeedback-expertise {
  display:none;
}

body.page-Fundraising_2011_Banners_and_LPs_en .articleFeedback, body.page-Fundraising_2011_Jimmy_Letter_002_en .articleFeedback, body.page-Fundraising_2011_Brandon_Letter_en .articleFeedback, body.page-Fundraising_2011_Alan_Letter_en .articleFeedback, body.page-Fundraising_2011_Kaldari_Letter_en .articleFeedback, body.page-Fundraising_2011_Susan_Letter_en .articleFeedback, body.page-Fundraising_2011_Thank_You_Mail_en .articleFeedback, body.page-Fundraising_2011_Thank_You_Page_en .articleFeedback, body.page-Fundraising_2011_FAQ_en .articleFeedback {
  display:none;
}

/**
** Adding icon to messages in the translate extension that have explanations.
**/

fieldset.mw-sp-translate-edit-info div {
  min-height:40px;
  background:url(//upload.wikimedia.org/wikipedia/commons/thumb/e/e4/Infobox_info_icon.svg/40px-Infobox_info_icon.svg.png) no-repeat;
}
 
fieldset.mw-sp-translate-edit-info div.mw-content-ltr {
  background-position:left center;
  padding-left:45px;
}
fieldset.mw-sp-translate-edit-info div.mw-centent-rtl {
  background-position:right center;
  padding-right:45px;
}

/**
** 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).
 * @source mediawiki.org/wiki/Snippets/Horizontal_lists
 * @revision 4 (2013-11-17)
 * @author [[User:Edokter]]
 */
.skin-monobook .hlist dl,
.skin-modern .hlist dl,
.skin-vector .hlist dl {
    line-height: 1.5em;
}
.hlist dl,
.hlist ol,
.hlist ul {
    margin: 0;
    padding: 0;
}
/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
    margin: 0;
    display: inline;
}
/* Display nested lists inline */
.hlist dl dl, .hlist dl ol, .hlist dl ul,
.hlist ol dl, .hlist ol ol, .hlist ol ul,
.hlist ul dl, .hlist ul ol, .hlist ul ul {
    display: inline;
}
/* Generate interpuncts */
.hlist dt:after {
    content: ":";
}
.hlist dd: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 IE8 */
.hlist dd.hlist-last-child:after,
.hlist dt.hlist-last-child:after,
.hlist li.hlist-last-child:after {
    content: none;
}
/* Add parentheses around nested lists */
.hlist dd dd:first-child:before, .hlist dd dt:first-child:before, .hlist dd li:first-child:before,
.hlist dt dd:first-child:before, .hlist dt dt:first-child:before, .hlist dt li:first-child:before,
.hlist li dd:first-child:before, .hlist li dt:first-child:before, .hlist li li:first-child:before {
    content: "(";
    font-weight: normal;
}
.hlist dd dd:last-child:after, .hlist dd dt:last-child:after, .hlist dd li:last-child:after,
.hlist dt dd:last-child:after, .hlist dt dt:last-child:after, .hlist dt li:last-child:after,
.hlist li dd:last-child:after, .hlist li dt:last-child:after, .hlist li li:last-child:after {
    content: ")";
    font-weight: normal;
}
/* For IE8 */
.hlist dd dd.hlist-last-child:after, .hlist dd dt.hlist-last-child:after, .hlist dd li.hlist-last-child:after,
.hlist dt dd.hlist-last-child:after, .hlist dt dt.hlist-last-child:after, .hlist dt li.hlist-last-child:after,
.hlist li dd.hlist-last-child:after, .hlist li dt.hlist-last-child:after, .hlist li li.hlist-last-child:after {
    content: ")";
    font-weight: normal;
}
/* Put ordinals in front of ordered list items */
.hlist ol {
    counter-reset: list-item;
}
.hlist ol > li {
    counter-increment: list-item;
}
.hlist ol > li:before {
    content: counter(list-item) " ";
}
.hlist dd ol > li:first-child:before,
.hlist dt ol > li:first-child:before,
.hlist li ol > li:first-child:before {
    content: "(" counter(list-item) " ";
}
/* end hlist */


/**
** Unbulleted lists
**/
.plainlist ul {
    line-height: inherit;
    list-style: none none;
    margin: 0;
}
.plainlist ul li {
    margin-bottom: 0;
}


/* Default style for navigation boxes */
.navbox {                     /* Navbox container style */
    border: 1px solid #aaa;
    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;
}

/* [[bugzilla:35337]] */
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx), (min-resolution: 144dpi) {
	#p-logo a {
		background-size: 135px auto;
		background-image: url(//upload.wikimedia.org/wikipedia/commons/e/e7/Wikimedia-logo-meta.svg) !important;
	}
}
/* </nowiki> */