Difference between revisions of "Manual:Interface"

Latest revision as of 16:12, 23 June 2021

COPIED FROM: https://www.mediawiki.org/wiki/Manual:Interface/Stylesheets <languages/> <translate> <tvar|1>MediaWiki:Common.css</> is a 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>{{#ifeq:Manual:$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>{{#ifeq:Manual:$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>
  • {{#ifeq:Manual:User group CSS and JavaScript|

 |

 |

}} <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>body.client-nojs</> selector)</translate>
  • MediaWiki:Print.css <translate> (for "printable versions" of pages)</translate>
  • MediaWiki:Mobile.css <translate> (for Mobile themes, used with {{#ifeq:Extension:MobileFrontend|

 |

 |{{#if:
   |
   |{{ {{#if:|{{{template}}}|Translations:{{#if:|:}}Extension:MobileFrontend/Page_display_title}} }}
 }}
 |{{#if:
   |Extension:MobileFrontend
   |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>
  • User:Example/common.css <translate> (all skins - introduced in MW v1.17)</translate>
  • User:Example/skinname.css <translate> (per skin, for example <tvar|vcss>User:Example/vector.css</> and <tvar|mbcss>User:Example/monobook.css</>)</translate>
  • User:Example/global.css <translate> (per [[<tvar|page>Special:MyLanguage/Manual:Wiki family</>|wiki family]], if <tvar|global>{{#ifeq:Help:Extension:GlobalCssJs|

 |

 |

}} </> is in use in for this family)</translate>

<translate>

See also

</translate>

• {{#ifeq:Help:Skins|

 |

 |{{#if:
   |
   |{{ {{#if:|{{{template}}}|Translations:{{#if:Help|Help:}}Skins/Page_display_title}} }}
 }}
 |{{#if:
   |Skins
   |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:}}]]