Skin:Chameleon

The Chameleon skin uses Twitter Bootstrap 3. It currently features a horizontal navigation menu with dropdowns at the top and a horizontal menu with dropups for the language links at the bottom.

Installation
This skin depends on the latest version of the Bootstrap extension, so make sure this is installed and required in your LocalSettings.php before the require for the skin.

To install the Chameleon skin you have to
 * Install the Bootstrap extension

Customization
You can customize the skin by loading additional LESS files and by setting LESS variables. To import additional files, add the following call to your  after including the skin:

The filename must not be the same as one of the Bootstrap module names, e.g.  is a bad idea.

To add or change LESS variables use the following call:

Regardless of the order of the calls, variables will always override imported files.

Example
To use the Amelia theme from Bootswatch you could download the  and the   file to your MediaWiki installation directory and rename them to   and. You then add the following code to your :

To make the navigation bar a bit narrower you could add

For further variables have a look at the  file. It is located in the Bootstrap extension directory under.

Live examples

 * Chameleon's page on WikiApiary
 * Solutions-web.eu
 * add your wiki here

Contributing to the project
Bugs and feature requests should preferably be reported on the Wikimedia bug tracker.

Comments, questions and suggestions should be sent or posted to:
 * the Chameleon discussion page
 * the author

Roadmap (kind of)

 * Improve accessibility (see )
 * Make customizable (colors, fonts, sizes)
 * via LocalSettings
 * via Special page
 * Compatibility with extensions
 * Extension:SemanticForms
 * Extension:SemanticFormsInputs
 * (add yours)