Manual:Gallery of user styles/Obsolete
The following are community-developed skins (i.e., not created by the MediaWiki core team) which were formerly listed at Manual:Gallery of user styles, but have been removed from there and placed here because they are no longer accessible, or do not work with recent versions of MediaWiki (1.23 and higher).
If you feel that a skin has been placed here in error, and belongs in the main gallery, please feel free to move it back there.
Monobook derived skins
editStyles 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.
GoMediaWiki skin
edit- Based on: Monobook
- Author: GoMediaWiki.com
- Compatible with MediaWiki version(s): (unknown)
- Last updated: (unknown)
- Description: Skin with 3 color options - blue, red and green. Fits well for personal/group wiki. Tested mostly with MW versions 1.15, 1.16, and 1.18.2.
FratMan
edit- Based on: Monobook
- Author: Jason Pearce
- Compatible with MediaWiki version(s): (unknown)
- Last updated: (unknown)
- Description: A light, minimalist theme.
For development, please see Google Code
Jason Pearce's FratMan skin is a light, minimalist skin that was first developed for MediaWiki v1.4 in April 2005. Others have updated the skin to improve browser compatability and work with MediaWiki updates. The latest skin, developed by Anand in September 2006, works with MediaWiki v1.7. Visit Jason Pearce's website to download all versions.
Karin
edit- Based on: StudentLink
- Author: Robert E. Goodermote II
- Compatible with MediaWiki version(s): (unknown)
- Last updated: 23 November 2009
- Description: Karin (KaHrin) is a variant of the StudentLink skin by Andrew Tutt. It is for people who turned MediaWiki into a private wiki and is not for communities! This is a slimmer skin, features rounded (if on Firefox) bottom corners, lacks a sidebar and instead uses the top navigation for all your purposes. This will require you to change parts of the PHP as this skin is being archived as is from my website and are left untouched in all ways. This skin looks best when used in combination with The JQuery Tabs extension as it was built around them. You will need to manually add most javascript calls. Keep in mind this is being developed around my needs and in my environment this will have problems and may not work for you and you will need to change several things before you can seriously use this skin.
BluWiki's Simple Skin
edit- Based on: Monobook, Fratman
- Author: Sam Odio
- Compatible with MediaWiki version(s): (unknown)
- Last updated: (unknown)
- Description: Based off of MonoBook & Fratman. Designed to dedicate as much space as possible to the page's content. Critical tools (Edit, Log out, & User Name/homepage) are in the top right. Everything else is at the bottom of the page in a "toolbox."
The BluWiki Simple Skin validates in XHTML and CSS, and has been tested in the latest versions of Firefox, Internet Explorer, Safari, & Camino.
- Designed for: BluWiki
- Author: Sam Odio
- Comments welcome at http://sam.bluwiki.com/go/User_talk:Sam_Odio
KindofBlue
edit- Based on: (not specified)
- Author: jhoov
- Compatible with MediaWiki version(s): (unknown)
- Last updated: (unknown)
- Description: This skin is primarily based off of the Fratman skin, with a few elements of Redeye sprinkled in. I wanted a clean, simple, user friendly design without all of the extra whitespace that most skins come with. It works fine on MediaWiki 1.9 and has been tested in FireFox 2, IE6 and IE7.
Rounded Blue Edition
edit- Based on: (not specified)
- Author: Jennifer Elrod
- Compatible with MediaWiki version(s): (unknown)
- Last updated: (unknown)
- Description: This is an adaptation of Ghyslain Armand's Rounded Blue Edition WordPress theme to MediaWiki. It leaves most of the Monobook CSS intact. To use this skin, upload the following folders and files into your MediaWiki skins directory: the roundedblue folder,
roundedblue.php
androundedblue.deps.php
. Keep in mind that the path to the stylesheet is relative. It isskins/roundedblue/main.css
. If the stylesheet is not being applied when you select this skin in your preferences, then change the main.css stylesheet path to fit the directory structure in your own MediaWiki installation.
To learn a few more details about how to customize Rounded Blue Edition for your own wiki, you may find this thread in the MediaWiki Users forum helpful.
The easiest way to customize the skin might be to leave the CSS/HTML/PHP intact (except for the background) and just change the pictures. The psd-files of the WordPress theme this MediaWiki theme is based on, might be helpful.
You may also wish to download the Coolvetica font that is used for the navigation, toolbox and search subheadings.
Note: I.E. 7 bugs fixed
Note: TOC bug, TOC creates gap in content area! UPDATE: Fixed 4/10/2010
The future development of this skin is now being hosted on Google code. All are welcome to participate in the Rounded Blue MediaWiki Skin project there.
Rounded Sassy
edit- Based on: (not specified)
- Author: Jennifer Elrod
- Compatible with MediaWiki version(s): (unknown)
- Last updated: (unknown)
- Description: This is a change in the color scheme of the Rounded Blue skin. It has no background image at the top, and so there is less space at the top. Other than that, the layout is identical. To use this skin, upload the following folders and files into your MediaWiki skins directory: the roundedsassy folder, roundedsassy.php and roundedsassy.deps.php. Keep in mind that the path to the stylesheet is relative. It is
skins/roundedsassy/main.css
. If the stylesheet is not being applied when you select this skin in your preferences, then change the main.css stylesheet path to fit the directory structure in your own MediaWiki installation.
For information on how to customize this skin, you may find this thread in the MediaWiki Users forum helpful. Even though it's about the RoundedBlue skin, most of the tips also apply to the RoundedSassy skin.
Note: I.E. 7 bugs fixed
You may also wish to download the Coolvetica font that is used for the navigation, toolbox and search subheadings.
Coolvetica Source: http://roundedblue-mediawiki-skin.googlecode.com/files/coolveti.zip
MistyLook
edit- Based on: (not specified)
- Author: Trevor Wennblom
- Compatible with MediaWiki version(s): (unknown)
- Last updated: (unknown)
- Description: MistyLook for WordPress converted to MediaWiki.
From Sadish Bala's MistyLook theme for WordPress (v3.2) and MonoBook skin. Used in MediaWiki 1.9.3, tested in 1.6.8 up to 1.16.2 as well. Quick and dirty port, a few CSS-script modifications are needed for full compliance with newer versions of IE above 6.x (Firefox up to 3.6 will work by default)
Andy's AJAX / JavaScript Skin
edit- Based on: (not specified)
- Author: Andy Cook
- Compatible with MediaWiki version(s): (unknown)
- Last updated: (unknown)
- Description: So here it is. My first MediaWiki theme. I wanted to take the skinning to a new level. Therefore, I implemented several AJAX / JavaScripts to the skin. First, I want to credit Toykilla for his work as this theme is based on his skin, a heavily modified version of the Monobook theme. Now, on to the changes/features:
- First, you’ll notice that the content boxes along the left side can be re-arranged. This is done using AJAX and is stored on the local computer so the order stays the same for future visits. Also, each box can be collapsed or expanded by clicking on the (+) or (-). This is based on the Docking Boxes (dbx) script.
- Next, I’ve added a feature called “My Favorites”. Basically, under the title of each page is a link that says “Add to favorites”, when clicking on this link, it will add the page to the left navigation box for easy access. The pages can be removed if no longer needed and the list is stored as a cookie on the user’s machine so they won’t lose it. This avoids any messy database functions. Also, there is a helpful javascript popup explaining this to your visitors. This feature is similar to a “shopping cart” script and was mostly coded by hand. There is some redundancy in the code so if someone feels like cleaning it up, feel free.
- Lastly, I have embedded a Google search box in the left navigation pane. This avoids having to add any extensions to your Wiki and makes for easy access to the search engine.
This skin was tested on IE and Firefox. So feel free, download it and please let me know what you think of it.
SnaggleTooth
edit- Based on: (not specified)
- Author: Leah Kubik
- Compatible with MediaWiki version(s): (unknown)
- Last updated: (unknown)
- Description: This skin was designed for:
- A professional look and feel
- Simple layout
- Menu access with minimal scrolling
- Maximum text width / viewing
- No fixed widths / absolute positioning
See http://heinous.org/wiki/SnaggleTooth for documentation and download details.
CalmSimple
edit- Based on: Monobook
- Author: Tamami Iwai
- Compatible with MediaWiki version(s): (unknown)
- Last updated: (unknown)
- Description: This skin was designed simply.
Classic derived skins
editCSS based Tooltips -proof of concept-
edit- Based on: (not specified)
- Author: Taka
- Compatible with MediaWiki version(s): (unknown)
- Last updated: (unknown)
- Description:
- For a demo see: User:Taka/Tooltips
- Requires adding: this code to your monobook.css or myskin.css
Features
- Enables the use of tooltips (see image) in Mozilla and Opera (does not work in Internet Explorer)
- Can't be used really, because it has some glitches, and what is worse: it shows the text of the tooltips in the print-version of the page.
- With a change to the common stylesheet and maybe some improvements it could be workable.
- Can be added to every stylesheet (not just standard.css)
MonoClassic
edit- Based on: (not specified)
- Author: Finlay McWalter
- Compatible with MediaWiki version(s): (unknown)
- Last updated: (unknown)
- Description:
Features
- Smoother, simpler than regular classic (most boxes and lines are gone, replaced with space).
- Incorporates a cool gray look and a modified version of monobook background, while retaining classic's nice UI and readable fonts.
- Works great on Opera and Firefox. Tiny glitches on IE.
- Fixes classic's horrible image flow issue (when compared with Monobook) - adjacent rfloat images now stack vertically rather than horizontally.
MySkins derived skins
editltrMenuPlus
edit- Based on: (not specified)
- Author: A. Bilardi (skinner) and M. Bettella (design)
- Compatible with MediaWiki version(s): (unknown)
- Last updated: (unknown)
- Description: Skin with any bars: public sidebar Left, Top bar, sidebar Right and private sidebars Left,
Top and sidebars Right. Each bar has got an MediaWiki page as original MonoBook MediaWiki:Sidebar.
Skin in action at http://genomics.cribi.unipd.it/ and http://microcribi.cribi.unipd.it/.
To install this skin, download the compress file into the "skins" folder of your wiki installation and unzip or tar it. Then edit in LocalSettings.php $wgDefaultSkin to look like the following: $wgDefaultSkin = 'ltrmenuplus';
Nullbook
edit- Based on: (not specified)
- Author: SamatJain
- Compatible with MediaWiki version(s): (unknown)
- Last updated: (unknown)
- Description:
I do not like Monobook; I feel as if it wastes too much space on the screen, is difficult to read, and doesn't follow established web usability guidelines. Behold NullBook:
- Fixed-position "tab bar", set to use GUI colors, that stays with you as you scroll down a page. The tab bar contains the contents of the "Views" menu, as well as the go/search box.
- No font size definitions; uses your browser's default. Skin (mostly) scales well with font size changes.
- Underlined links, and more recognizable link colors. Blue for unvisited links, purple for visited links, and green for broken (or uncreated) links. Moving over a link highlights it to red.
- Removed sidebar to stop wasting vertical screen real-estate, and relocated it to the bottom of the page. Also hid the other languages list since I tend to only look at English Wikipedia articles.
To use Nullbook, first set your Wikipedia/MediaWiki skin to "MySkin". Then, in myskin.css, add:
- @import "http://en.wikipedia.org/w/index.php?title=User:SamatJain/myskin.css&action=raw&ctype=text/css";
Notice that NullBook requires a CSS2 browser (e.g. Mozilla Firefox, Opera, not MSIE6).
Also, see my blog post about Nullbook.
Chick derived skins
editTabletChick
edit- Based on: (not specified)
- Author: yaniv256
- Compatible with MediaWiki version(s): Wikipedia
- Last updated: (unknown)
- Description: Based on the highly readable Chick skin, this light-weight skin is designed primarily for use on a tablet device. Similar to the Nullbook skin, it includes a bar at the top with a search box and all the regular tabs. In addition, the personal links have been placed at the bottom and the toolbox links at the bottom-right. The Atom, File upload, Permanent link, Rate this page and Cite this page links have been removed.
To use paste
@import "http://en.wikipedia.org/w/index.php?title=User:yaniv256/TabletChick.css&action=raw&ctype=text/css";
into your User:YourUserName/chick.css file.
Original skins
editBootStrapSkin
editSee Skin:BootStrapSkin for more information. Though BootStrapSkin is a Skin, it is what some 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.
Cavendish
edit- Based on: (not specified)
- Author: DaSch
- Compatible with MediaWiki version(s): 1.18 and newer
- Last updated: (unknown)
- Description: 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.
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
edit- A newer version of this skin is at Skin:Erudite.
- Based on: (not specified)
- Author: Matt Wiebe (ported to MediaWiki by Colin Ferm)
- Compatible with MediaWiki version(s): 1.16.x
- Last updated: (unknown)
- Description: WordPress Erudite theme ported to work with MediaWiki. You can find out more information here along with a screenshot.
Monaco
editManual:Gallery of user styles/Obsolete/details
Minit
edit- Based on: (not specified)
- Author: Seong Jae Lee
- Compatible with MediaWiki version(s): 1.18+
- Last updated: (unknown)
- Description: A minimalistic skin for a personal wiki. For more information, refer the GitHub site.
Pixeled
edit- Based on: (not specified)
- Author: Sam / Modified for MediaWiki by Dan Flores
- Compatible with MediaWiki version(s): Tested with 1.12 - 1.18 (may work with earlier and later versions)
- Last updated: (unknown)
- Description: Dark skin with 2-3 column layout. Enjoy! More information
Download for MediaWiki 1.17 and earlier
Download for MediaWiki 1.18 and later
RilPoint
edit- Based on: (not specified)
- Author: Samuel Lampa
- Compatible with MediaWiki version(s): 1.16.x
- Last updated: (unknown)
- Description: A Sharepoint look-alike skin, perfect for intranet and portals as well as community websites. The same skin is available as a Drupal 6 theme, which makes a perfect combination for integrating the look and feel of Drupal and MediaWiki-sites that run in combination.
Victoria
edit- Based on: (not specified)
- Author: FreedomFighterSparrow, Kol-Zchut Ltd.
- Compatible with MediaWiki version(s): 1.17
- Last updated: (unknown)
- Description: A skin focused on readers, not editors, in soothing hues of blue. See the Victoria skin page for more details
WordPress TwentyTen
edit- Based on: (not specified)
- Author: The WordPress team (ported to MediaWiki by Sam Wilson)
- Compatible with MediaWiki version(s): 1.18.3
- Last updated: (unknown)
- Description: The TwentyTen theme for WordPress ported to a MediaWiki skin. Download on GitHub. Replace tooltipAndAccesskey with tooltipAndAccesskeyAttribs in twentyten.php to get it to work with 1.19