MediaWiki:Common.css: Difference between revisions

From Meta, a Wikimedia project coordination wiki
Browse history interactively
← Older edit
Content deleted Content added
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
Removed lines 29-43: no longer necessary, per request Special:Diff/25864593
 
(75 intermediate revisions by 22 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 4 (2013-11-17)
* @author [[User:Edokter]]
*/
*/
.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 */
.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 */


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

/* [[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> */

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"