Vector Skin Styles

A Guide to Using MediaWiki in a Hosted Environment

An instructional website by the developer of mh370wiki.net - a MediaWiki site about Malaysia Airlines Flight MH370.

Vector Skin - location of styles

The Vector skin can be customised by adding custom CSS to the page MediaWiki:Vector.css.

But being able to do it requires knowing what the various styles are, and that requires knowing where they are defined by default.

Several sources (there may be others) are listed below:-

/w/skins/Vector/resources/skins.vector.styles/layouts

• screen.less - classes for many parts of the interface (screen)

/w/skins/Vector/resources/skins.vector.styles.legacy/components

• Footer.less
• LegacySidebar.less
• MenuDropdown.less
• MenuTabs.less

/w/skins/Vector/resources/skins.vector.styles.legacy/layouts

• screen.less

Extension:CollapsibleVector

/w/extensions/CollapsibleVector/modules

• ext.collapsiblevector.collapsibleNav.less

Cascading Style Sheets - definitions for style and layout of web pages. Enables separation of presentation and content.

Styles used to format webpages. MediaWiki users can store custom css in the page MediaWiki:Common.css.

Cascading Style Sheets (CSS)

A style sheet which extends the features of CSS. Used by MediaWiki.

Leaner Style Sheets (LESS)