Skin:Metrolook

Metrolook is a Metro-inspired fork of the Vector skin. It was written by and for PidgiWiki.

Like the Refreshed skin, and unlike the current (as of 11:42, 14 July 2015 (UTC)) iteration of the Vector skin, Metrolook is fully responsive, meaning it's usable on mobile devices (smartphones, tablets) as well as on desktop.

The latest development preview version requires MediaWiki 1.25 or greater.

Configuration
Additionally registered and logged-in users can enable or disable Metrolook's collapsible sidebar portlets at will via Special:Preferences. A system administrator can set the global defaults by configuring  appropriately, i.e.   to have the feature always on but to allow users to toggle it via preferences.

Customization
The tile menu (the menu which is opened by clicking the small down arrow next to the site name in the top menu bar) is customizable via  and. The format of the message is:


 * URL to the site|alternative text|image URL

For example:
 * http://www.pidgi.net/wiki/|PidgiWiki|http://images.pidgi.net/pidgiwikitiletop.png
 * http://www.pidgi.net/press/|PidgiWiki Press|http://images.pidgi.net/pidgipresstiletop.png
 * http://www.pidgi.net/jcc/|The JCC|http://images.pidgi.net/jcctiletop.png
 * http://www.petalburgwoods.com/|Petalburg Woods|http://images.pidgi.net/pwntiletop.png

The alt text can also be the name of another system message (for international compatibility). Likewise, it's possible to have different tiles for French users, for example, by creating  and.

ADDITIONAL HELP:

Just go to: www.yourwebsite.com/index.php/MediaWiki:Metrolook-tiles and then simple edit the page, like written above and it will automatically change the images and links, on all the pages. Remember, you have to login as admin, to be able to edit this page or else you will not get the edit option.

Change the colour of the top bar
Set this in the theme.less if you use mediawiki 1.22 or higher or use theme.css file if you use mediawiki 1.21 or lower

You can change colour by changing the background-colour: element and possibly background for some css. But you will be able to tell where I changed the colours.

Change bullet icon
Set this in the theme.less if you use mediawiki 1.22 or higher or use theme.css file if you use mediawiki 1.21 or lower

You only need to add @import "mediawiki.mixins"; if you haven't set the above.