DavidWhitten: Created page with "COPIED FROM: https://www.mediawiki.org/wiki/Manual:Interface/Stylesheets '''MediaWiki:Common.css''' is a w:Cascading Style..."

2021-06-23T16:12:46Z

Created page with "COPIED FROM: https://www.mediawiki.org/wiki/Manual:Interface/Stylesheets <languages/> <translate>  <tvar|1>'''MediaWiki:Common.css'''</> is a w:Cascading Style..."

New page

COPIED FROM: https://www.mediawiki.org/wiki/Manual:Interface/Stylesheets
<languages/>
<translate>

<tvar|1>'''[[MediaWiki:Common.css]]'''</> is a [[w:Cascading Style Sheets|Cascading Style Sheet]] loaded after the active [[<tvar|2>Special:MyLanguage/Manual:Skins</>|Skin]]'s stylesheet.</translate>
<translate>

This stylesheet is loaded with all {{<tvar|1>ll|Help:Skins</>|skins}} and a similar stylesheet specific to the skin – named '''MediaWiki:''skinname''.css''' – is appended to it (see below).</translate>
<translate>

Although only <tvar|1>Monobook.css</> is listed on <tvar|2>[[Special:Allmessages]]</>, the other skin-specific stylesheets will work nonetheless.


If <tvar|1>{{ll|Manual:$wgAllowUserCss|$wgAllowUserCss}}</> is set to true, users can customize the interface for themselves only by creating user subpages with ''lowercase'' titles (see below).


Global stylesheets won't load on special restricted pages like login or preferences, unless you enable <tvar|1>{{ll|Manual:$wgAllowSiteCSSOnRestrictedPages|$wgAllowSiteCSSOnRestrictedPages}}</>.

==List of stylesheets== 


* Global stylesheets:</translate>
** [[MediaWiki:Common.css]] <translate> (all skins and all the users, except for the MobileFrontend)</translate>
** MediaWiki:''skinname''.css <translate> (per skin, <tvar|1>''skinname''</> is the value of that variable in the PHP file of your skin, for example <tvar|css>[[MediaWiki:Vector.css]], [[MediaWiki:Monobook.css]]</>)</translate>
** {{ll|Manual:User group CSS and JavaScript|User group CSS}} <translate> (per user group, for example <tvar|grp>[[MediaWiki:Group-sysop.css]]</>)</translate>
** [[MediaWiki:Noscript.css]] <translate> (for users viewing without <tvar|js>JavaScript</>; may be replaced with a <tvar|sel><code>body.client-nojs</code></> selector)</translate>
** [[MediaWiki:Print.css]] <translate> (for "printable versions" of pages)</translate>
** [[MediaWiki:Mobile.css]] <translate> (for Mobile themes, used with {{ll|Extension:MobileFrontend}})</translate>
** [[MediaWiki:Filepage.css]] <translate> specifically targeted to have Commons file pages (foreign repositories) work on 'local' file pages.</translate>

* <translate> Personal stylesheets (only yourself and users with the [[<tvar|page>Special:MyLanguage/Manual:User rights#editusercss</>|<tvar|edt>''editusercss''</> right]], usually interface admins, can edit your personal stylesheets):</translate>
** [[special:MyPage/common.css|User:''Example''/common.css]] <translate> (all skins - introduced in MW v1.17)</translate>
** [[special:MyPage/vector.css|User:''Example''/''skinname''.css]] <translate> (per skin, for example <tvar|vcss>[[Special:MyPage/vector.css|User:''Example''/vector.css]]</> and <tvar|mbcss>[[Special:MyPage/monobook.css|User:''Example''/monobook.css]]</>)</translate>
** [[:meta:special:MyPage/global.css|User:''Example''/''global''.css]] <translate> (per [[<tvar|page>Special:MyLanguage/Manual:Wiki family</>|wiki family]], if <tvar|global>{{ll|Help:Extension:GlobalCssJs|Extension:GlobalCssJs}}</> is in use in for this family)</translate>

<translate>
==See also== 
</translate>
* {{ll|Help:Skins}}
<translate>

* [[<tvar|us>m:Special:MyLanguage/Help:User style</>|Help:User style]]
* [[<tvar|css>m:Special:MyLanguage/Help:Cascading style sheets</>|Help:Cascading style sheets]]
* [[<tvar|expl>m:Customization:Explaining skins</>|Explaining skins]]
</translate>

[[Category:CSS{{#translation:}}]]

Manual:Interface - Revision history

DavidWhitten: Created page with "COPIED FROM: https://www.mediawiki.org/wiki/Manual:Interface/Stylesheets '''MediaWiki:Common.css''' is a w:Cascading Style..."