MediaWiki Pivot Skin 0211020170318 https://pivot.wikiproject.net/wiki/Main_Page MediaWiki 1.39.17 first-letter Media Special Talk User User talk Pivot Pivot talk File File talk MediaWiki MediaWiki talk Template Template talk Help Help talk Category Category talk Widget Widget talk Module Module talk Gadget Gadget talk Gadget definition Gadget definition talk 0 1 451 449 2025-06-15T12:44:18Z Kghbln 4 remove incorrect information, add updated information 451 wikitext text/x-wiki <div class="row"> <div class="large-8 column"> == Pivot... a MediaWiki skin... == ...that focuses on mobile first but will '''pivot''' to all devices and their viewport sizes easily. It uses three grid sizes, large, medium, and small so you control the content and the content does not control you! The following table provides information about the compatibility of the Pivot skin with MediaWiki. {| class="wikitable" style="width: 100%" |- ! style="background: #517398; color: #fff" | <big>'''Pivot'''</big> !! style="background: #517398; color: #fff" | <big>'''MediaWiki'''</big> !! style="background: #517398; color: #fff" | <big>'''PHP'''</big> |- |[https://github.com/wikimedia/mediawiki-skins-Pivot/tree/REL1_44 REL1_44] |1.44.x |8.1+ |- |[https://github.com/wikimedia/mediawiki-skins-Pivot/tree/REL1_43 REL1_43] |1.43.x |8.1+ |- |[https://github.com/wikimedia/mediawiki-skins-Pivot/tree/REL1_42 REL1_42] |1.41.x, 1.42.x |8.1+ |- | [https://github.com/wikimedia/mediawiki-skins-Pivot/tree/REL1_40 REL1_40] || 1.40.x || 7.4+ |- | [https://github.com/wikimedia/mediawiki-skins-Pivot/tree/REL1_39 REL1_39]|| 1.39.x || 7.3+ |} {{Callout | * The code repository is located on [https://gerrit.wikimedia.org/g/mediawiki/skins/Pivot Gerrit], with copies on [https://phabricator.wikimedia.org/diffusion/SPIV Phabricator] or [https://github.com/wikimedia/mediawiki-skins-Pivot GitHub]. Do '''NOT''' use the precursing repository previously hosted solely on GitHub at [https://github.com/Hutchy68/pivot/ a different location]. * When updating to '''REL1_41''' make sure that you place the skin in <code>../path/to/skins/Pivot/..</code> instead of <code>../path/to/skins/pivot/..</code>. Otherwise, the skin will break. On '''REL1_39 and REL1_40''', this was the other way around. |error }} </div> <div class="large-4 column"> [[File:Pivot.png|600px|link=|Pivot on different devices]] </div> </div> <div class="row"> <div class="large-4 columns"> <h3 class="subheader"><span class="fa fa-hand-paper-o fa-lg" style="display:inline;"></span> Goodbye Tables</h3> <p>Say goodbye to tables, Pivot is powered by Zurb's [http://foundation.zurb.com/docs/ Foundation 5 framework]. It offers an intelligent [[Grid]] that allows you to achieve complicated page layouts without using MediaWiki table syntax.</p> </div> <div class="large-4 columns"> <h3 class="subheader"><span class="fa fa-th fa-lg" style="display:inline;"></span> Responsive Grid</h3> <p>Nothing in Foundation Framework will limit your responsiveness. Easy to design your wiki templates and pages right for a mobile delight! '''Try it right now''', make this window small! I dare you!</p> </div> <div class="large-4 columns"> <h3 class="subheader"><span class="fa fa-check-square-o fa-lg" style="display:inline;"></span> Semantic MediaWiki Ready!</h3> <p>Pivot has class definitions to extend into Semantic MediaWiki and Page Forms.</p> </div> </div> <h3 class="subheader"><span class="fa fa-bolt fa-lg"></span> Highlights</h3> * A familiar wiki look with a sidebar on a desktop but a responsive mobile experience on tablets and phones. * [[Pivot features|Many features]]. Control the behavior of the features offered. * [[Tabs|Useful Tabs]]. Built-in and responsive tabs. * [[Type|Smart Typography]]. Сhoose the design of the text that you need. * [[Grid|Grid Layout]]. Place your information efficiently on desktop and mobile devices. Watch the grid align and just work across all viewports. * [[Block Grid]] when you need pictures or text to align and just work! No need to constantly test how it looks on this device or that device. It looks great on all of them! * Need an image slideshow? An easy-to-use [[Slider|Image Slider]] is ready to go and you can customize speed, captions, auto-play, and other elements to fit your needs. * Full support of [http://fontawesome.io/ Font Awesome (v4.7)] built in and since visual examples speak better than words, they are being used on this page! <div class="row"> <div class="large-6 columns"> <h4 class="subheader"><span class="fa fa-server fa-lg"></span> Install</h4> [https://gerrit.wikimedia.org/g/mediawiki/skins/Pivot Pivot is hosted on Gerrit!] Go there and you can download it or clone the repository directory to your MediaWiki site! The installation instructions are located there too. </div> <div class="large-6 columns"> <h4 class="subheader"><span class="fa fa-code fa-lg"></span> Simple customization</h4> [[Customizing|CSS Easy Settings]]. You can easily customize the color of your navbar, sidebar, mobile aside backgrounds, labels, etc. Limited by only your imagination. </div> </div> __NOTOC__ __NOEDITSECTION__ <references /> qgke1meel7f8k3pg1aq2my4sw49me9v