Manual:Gallery of user styles

This page is a showcase of MediaWiki skins. None of these skins are maintained by the MediaWiki core team; if you find an error or wish to leave feedback, contact their respective authors.

Monobook derived skins
Styles and positioning of page elements is stored in a file called main.css. To get to this file go to skins/monobook/main.css. Editing in CSS is fairly simple, once you figure out what each color and position corresponds to. This allows you to keep the MonoBook skin as the default, which is nice because it is well written.

If you want to put in Google ads or some other JavaScript program, you can do this in Monobook.php. You can actually edit any .php file's appearance by going to main.css in the appropriate folder/directory. If you only wish to change CSS or JS, its recommended that you use the MediaWiki:Common.css and MediaWiki:Common.js pages on your wiki whenever possible, as directly editing skin files can cause problems when upgrading.

Cavendish
{{/details This skin is a reworke of the skin formerly used at wiki.mozilla.org. It has been modified to work better with new versions of MediaWiki. The newest version is used at www.wecowi.de. The development is not finished yet. There will be new versions of this skin in future, so stay in touch. The current version is working with Firefox, Safari, Opera, Chrome, IE7 and IE8. IE6 was not tested but it's likely not working completely.
 * title        = Cavendish
 * screenshot   = Cavendish-Skin.jpg
 * version      = 1.6.4
 * author       = DaSch
 * download     = https://github.com/DaSchTour/Cavendish/tags
 * mw           = 1.18 and newer
 * description  =

The skin was mostly developed for the newest trunk-version of MediaWiki. For this version all features are supported.

Sourcecode and latest version at github.com. More info at Skin:Cavendish.

Version notes

 * 0.9.2: works with MW 1.15.1
 * 0.9.5: Some bugs were reported, but could not be verified yet.
 * 1.2.0: big rework and uses many elements from MonoBook skin, so that it should be compatible to most MW Versions.
 * 1.3.1: was tested with MediaWiki 1.16.5 and 1.17.0 and 1.19alpha.
 * 1.3.3: bugfixes and added support for MediaWiki 1.15
 * 1.3.6: bugfixes and added option for Google +1 button
 * 1.5.0: Droped Support for older Versions of MediaWiki and cleaned code
 * 1.6.0: Cleanup of old compatibilties
 * 1.6.1: print.css improved
 * 1.6.3: print improved and QR-Code added to pront page
 * 1.6.4: small improvments

Configuration options
There are different options for the skin that can be set in LocalSettings.php }}
 * $cavendishLogoURL – link to the logo that should be displayed in the header
 * $cavendishLogoWidth – width of the logo as a number in px
 * $cavendishLogoHeight – height of the logo as a number in px
 * $cavendishLogoMargin – offset on top of the logo
 * $cavendishSiteWith – fixed width of the content area, if not set it's dynamic
 * $cavendishExtensionCSS – set this to false if you do not want to use Cavendish CSS for Extensions

The Erudite MW

 * A newer version of this skin is at Skin:Erudite.

Foreground
→ See the page on Foreground for further details.

BootStrapSkin
See Skin:BootStrapSkin for more information. Though BootStrapSkin is a Skin, it is what I would classify as multi functional, in that the custom Bootstrap css and several JavaScripts allow for Bootstrap styling within Mediawiki article content using nothing more than div, span and ul tags. Popular features include Carousel, Pop-ups and Pop-overs, Modals, drop down navigation and tables, to name a few. BootStrapSkin is also Font Awesome and GlyphIcon ready, with the ability to use custom fonts on the fly - current version includes the Lato font.

Update: We have now added several custom extensions for Bootstrapskin that offer imporved visual functionality e.g. A gallery, slideshow, news ticker and social sharing.