MediaWiki:Common.css: Difference between revisions

From Meta, a Wikimedia project coordination wiki
Browse history interactively
← Older edit
Content deleted Content added
Undo revision 5576731 by Philippe (WMF) (talk)
Removed lines 29-43: no longer necessary, per request Special:Diff/25864593
 
(78 intermediate revisions by 24 users not shown)
Line 1: Line 1:
/*
/* <nowiki> */
* This is the common CSS for all desktop skins on Meta.
/* {{user language}} */
* Styling inside .mw-parser-output should generally use TemplateStyles.
@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]] */
/* Redirects in categories, on [[Special:Allpages]], and [[Special:Prefixindex]] */
.redirect-in-category, .allpagesredirect a {
.redirect-in-category,
.allpagesredirect a {
color: gray;
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 */
/* To color the mention "updated since my last visit" in the history */
span.updatedmarker {
span.updatedmarker {
color: black;
color: black;
background-color: #0f0;
background-color: #0f0;
}
}


/* T156351: Support for Parsoid's Cite implementation */

span[rel="mw:referencedBy"] {
/**
counter-reset: mw-ref-linkback 0;
** Template documentation
**/
.template-documentation {
clear: both;
margin: 1em 0 0 0;
padding: 5px;
border: 1px solid #AAA;
background: #ECFCF4;
}
}


span[rel="mw:referencedBy"] > a::before {
.hidden-redlink a.new { display: none; }
font-weight: bold;

font-style: italic;
/**
content: counter( mw-ref-linkback, lower-alpha );
** 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;
}
}


/* Different font-family for Farsi (fa) */
/**
:lang(fa) {
** Default style for PrettyTextBox and InformationBox class of templates
font-family: Tahoma, 'Iranian Sans', 'DejaVu Sans', 'Noto Sans', 'Droid Arabic Kufi', sans-serif;
** ie, {{warning}}, {{info}}, etc
**/
.InformationBox {
width: 80%;
clear: both;
margin: 0.5em auto;
padding: 3px;
border: 1px solid #999;
background: #F8F8F8;
color: #000;
}
}


/* Reset italic styling set by user agent */
.PrettyTextBox {
cite,
padding: .2em;
dfn {
border: 1px solid #AAA;
font-style: inherit;
background: #F9F9F9;
color: #000;
}
}


/* Style for change tags */
/**
.mw-tag-markers {
** Highlight clicked reference in blue to help navigation
font-family: sans-serif;
**/
font-style: italic;
ol.references > li:target {
background: #DEF;
font-size: 90%;
}

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


/**
/**
* Can be removed after the deployment of
** Styling for box showing source page next to translation when you translate, used by the [[Fundraising 2011/Translation]].
* https://gerrit.wikimedia.org/r/#/c/286128/
**/
*/

/* @noflip */
div.translationcompare {
.rtl a.external.free,
max-height:500px;
.rtl a.external.autonumber {
overflow:auto;
direction: ltr;
unicode-bidi: -moz-isolate;
unicode-bidi: -webkit-isolate;
unicode-bidi: isolate;
display: inline-block; /* Fake bidi isolation for Microsoft browsers. */
}
}


/**
/**
* Div based "warning" style fmbox messages for those
** Hiding the check box for "I am highly knowledgeable about this topic" in AFT used for translations; hiding AFT for English source.
* which are not part of [[Module:Message box]]
**/
* and its TemplateStyles subpages.

* From [[:mw:MediaWiki:Gadget-enwp-boxes.css]]
div.articleFeedback-expertise {
* @see [[Special:Permalink/24680955#en-wp-boxes]]
display:none;
* @source <https://www.mediawiki.org/?oldid=4789734#L-283>
*/
div.mw-warning-with-logexcerpt,
div.mw-lag-warn-high,
div.mw-cascadeprotectedwarning,
div#mw-protect-cascadeon,
div.titleblacklist-warning {
clear: both;
margin: 0.2em 0;
border: 1px solid #bb7070;
background-color: #ffdbdb;
padding: 0.25em 0.9em;
box-sizing: border-box;
}
}


/* Hide "accept rename" button next time renames are stuck */
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;
#mw-renamequeue-approve{
display: none;
}
}
*/


/**
/**
* Hide Special:Log/renameuser log entries in Special:RecentChanges
** Adding icon to messages in the translate extension that have explanations.
* Discussion: [[Special:Permalink/15455880#Hiding Special:Log/renameuser from RecentChanges]]
**/
*/

.mw-changeslist-log-renameuser,
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;
}

/**
/**
* Hide Special:Log/translationreview log entries in Special:RecentChanges
** Permits the use of div tags to suppress auto-numbering in TOC, for instance on [[Terms of use]] where sections are manually numbered.
* Discussion: none
**/
*/

.mw-changeslist-log-translationreview,
#hideTOCnumbers .tocnumber { display: none; }

:lang(fa) {
font-family: Tahoma, 'DejaVu Sans', sans-serif;
}

/**
/**
* Hide save page button for anons on [[Wikimedia_Foundation_nomail_list]].
* Style for horizontal lists (separator following item).
* Shown for users thru [[MediaWiki:Group-user.css]]
* @source mediawiki.org/wiki/Snippets/Horizontal_lists
* @revision 3.1 (2013-01-16)
* @author [[User:Edokter]]
* imported by [[User:Billinghurst]] 2013-01-27
*/
*/
.page-Wikimedia_Foundation_nomail_list #wpSave,
.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 and make them nowrap */
.hlist dd,
.hlist dt,
.hlist li {
margin: 0;
display: inline;
white-space: nowrap;
}
/* Allow wrapping for list items (in tight spaces) */
.hlist.hwrap dd,
.hlist.hwrap dt,
.hlist.hwrap li {
white-space: normal;
}
/* Display nested lists inline and allow them to wrap */
.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;
white-space: normal;
}
/* 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 numbers in front of ordered list items */
.hlist.hnum ol {
counter-reset: list-item;
}
.hlist.hnum ol > li {
counter-increment: list-item;
}
.hlist.hnum ol > li:before {
content: counter(list-item) " ";
}
.hlist.hnum dd ol > li:first-child:before,
.hlist.hnum dt ol > li:first-child:before,
.hlist.hnum li ol > li:first-child:before {
content: "(" counter(list-item) " ";
}
/* end hlist */


/**
/**
* Hide stuff meant for registered users. Overridden in [[Mediawiki:Group-user.css]].
** Unbulleted lists
* We should eventually do the same for other user groups.
**/
*/
.plainlist ul {
.user-show,
line-height: inherit;
/* Hide mobile-only things on desktop (overridden in MediaWiki:Mobile.css) */
list-style: none none;
.mobile-only {
margin: 0;
display: none;
}
.plainlist ul li {
margin-bottom: 0;
}
}


/* Hide unneeded content when printing */

@media print {
/* Default style for navigation boxes */
#privacy,
.navbox { /* Navbox container style */
#about,
border: 1px solid #aaa;
#disclaimer {
width: 100%;
display: none;
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;
}
}
/* </nowiki> */

Latest revision as of 19:22, 13 November 2023

/*
 * This is the common CSS for all desktop skins on Meta.
 * Styling inside .mw-parser-output should generally use TemplateStyles.
 */

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

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

/* T156351: Support for Parsoid's Cite implementation */
span[rel="mw:referencedBy"] {
	counter-reset: mw-ref-linkback 0;
}

span[rel="mw:referencedBy"] > a::before {
	font-weight: bold;
	font-style: italic;
	content: counter( mw-ref-linkback, lower-alpha );
}

/* Different font-family for Farsi (fa) */
:lang(fa) {
	font-family: Tahoma, 'Iranian Sans', 'DejaVu Sans', 'Noto Sans', 'Droid Arabic Kufi', sans-serif;
}

/* Reset italic styling set by user agent */
cite,
dfn {
	font-style: inherit;
}

/* Style for change tags */
.mw-tag-markers {
	font-family: sans-serif;
	font-style: italic;
	font-size: 90%;
}

/**
 * Can be removed after the deployment of
 * https://gerrit.wikimedia.org/r/#/c/286128/
 */
/* @noflip */
.rtl a.external.free,
.rtl a.external.autonumber {
	direction: ltr;
	unicode-bidi: -moz-isolate;
	unicode-bidi: -webkit-isolate;
	unicode-bidi: isolate;
	display: inline-block; /* Fake bidi isolation for Microsoft browsers. */
}

/**
 * Div based "warning" style fmbox messages for those
 * which are not part of [[Module:Message box]]
 * and its TemplateStyles subpages.
 * From [[:mw:MediaWiki:Gadget-enwp-boxes.css]]
 * @see [[Special:Permalink/24680955#en-wp-boxes]]
 * @source <https://www.mediawiki.org/?oldid=4789734#L-283>
 */
div.mw-warning-with-logexcerpt,
div.mw-lag-warn-high,
div.mw-cascadeprotectedwarning,
div#mw-protect-cascadeon,
div.titleblacklist-warning {
	clear: both;
	margin: 0.2em 0;
	border: 1px solid #bb7070;
	background-color: #ffdbdb;
	padding: 0.25em 0.9em;
	box-sizing: border-box;
}

/* Hide "accept rename" button next time renames are stuck */
/*
#mw-renamequeue-approve{
	display: none;
}
*/

/**
 * Hide Special:Log/renameuser log entries in Special:RecentChanges
 * Discussion: [[Special:Permalink/15455880#Hiding Special:Log/renameuser from RecentChanges]]
 */
.mw-changeslist-log-renameuser,
/**
 * Hide Special:Log/translationreview log entries in Special:RecentChanges
 * Discussion: none
 */
.mw-changeslist-log-translationreview,
/**
 * Hide save page button for anons on [[Wikimedia_Foundation_nomail_list]].
 * Shown for users thru [[MediaWiki:Group-user.css]]
 */
.page-Wikimedia_Foundation_nomail_list #wpSave,
/**
 * Hide stuff meant for registered users. Overridden in [[Mediawiki:Group-user.css]].
 * We should eventually do the same for other user groups.
 */
.user-show,
/* Hide mobile-only things on desktop (overridden in MediaWiki:Mobile.css) */
.mobile-only {
	display: none;
}

/* Hide unneeded content when printing */
@media print {
	#privacy,
	#about,
	#disclaimer {
		display: none;
	}
}
Retrieved from "https://meta.wikimedia.org/w/index.php?title=MediaWiki:Common.css&oldid=25864909"