--- /dev/null
+Instructions for configuring Header and Footer on Media Wiki Website
+Step 1: First of all please take the backup of file MonoBook.php from skins folder. (incase you have made any changes to customize it, backup is must)
+Step 2: Extract attached zip file on root folder
--- /dev/null
+/* Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */
+
+@import url(../warp/css/base.css);
+
+
+/* New style-related Base Values
+----------------------------------------------------------------------------------------------------*/
+
+body {
+ font: normal 14px/20px Arial, Helvetica, sans-serif;
+ color: #444;
+}
+
+
+a:hover,
+em, code { color: #d50; }
+
+ins, mark { background-color: #ffa; }
+mark { color: #444; }
+
+hr { border-top-color: #ddd; }
+
+pre {
+ border: 1px solid #ddd;
+ background: #fafafa;
+}
+
+::-moz-selection { background: #39f; color: #fff; }
+::selection { background: #39f; color: #fff; }
+
--- /dev/null
+/* Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */
+
+/*
+ * Layout Style Sheet - Provides a fluid grid and helper classes to create any layout and some layout defaults
+ */
+
+
+/* Grid and Clearing Tools
+----------------------------------------------------------------------------------------------------*/
+body
+{
+ margin:0px;
+ padding:0px;
+ }
+.mywrapper {
+ max-width: 970px;
+}
+.myclearfix:before,
+.myclearfix:after,
+.grid-block:before,
+.grid-block:after,
+.deepest:before,
+.deepest:after {
+ content: "";
+ display: table;
+}
+.myclearfix:after,
+.grid-block:after,
+.deepest:after { clear: both; }
+
+.grid-box { float: left; }
+
+/* Grid Units */
+.width16 { width: 16.666%; }
+.width20 { width: 20%; }
+.width25 { width: 25%; }
+.width33 { width: 33.333%; }
+.width40 { width: 40%; }
+.width50 { width: 50%; }
+.width60 { width: 60%; }
+.width66 { width: 66.666%; }
+.width75 { width: 75%; }
+.width80 { width: 80%; }
+.width100 { width: 100%; }
+
+[class*='width'] {
+ -moz-box-sizing: border-box;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+}
+
+/* Create new Block Formatting Contexts */
+.bfc-o { overflow: hidden; }
+.bfc-f {
+ -moz-box-sizing: border-box;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ width: 100%;
+ float: left;
+}
+
+/* Align Boxes */
+.float-left { float: left; }
+.float-right { float: right; }
+
+/* Grid Gutter */
+.grid-gutter.grid-block { margin: 0 -15px; }
+.grid-gutter > .grid-box > * { margin: 0 15px; }
+
+.grid-gutter > .grid-box > * > :first-child { margin-top: 0; }
+.grid-gutter > .grid-box > * > :last-child { margin-bottom: 0; }
+
+
+/* Layout Defaults
+----------------------------------------------------------------------------------------------------*/
+
+/* Center Page */
+.mywrapper {
+ -moz-box-sizing: border-box;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ margin: auto;
+}
+
+/* Header */
+#header { position: relative; }
+
+#mytoolbar .float-left .module,
+#mytoolbar .float-left > time {
+ margin: 0 15px 0 0;
+ float: left;
+}
+
+#mytoolbar .float-right .module {
+ margin: 0 0 0 15px;
+ float: right;
+}
+
+#headerbar .module {
+ max-width: 300px;
+ margin-right: 0;
+ float: right;
+}
+
+#logo, #logo > img,
+#menu { float: left; }
+#search { float: right; }
+
+#banner {
+ position: absolute;
+ top: 0;
+ right: -200px;
+}
+
+/* Footer */
+#footer {
+ position: relative;
+ text-align: center;
+}
+
+/* Absolute */
+#absolute {
+ position: absolute;
+ z-index: 15;
+ width: 100%;
+}
\ No newline at end of file
--- /dev/null
+/* Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */
+
+/*
+ * Menus Style Sheet - Defines base styles for various menus
+ * Supported: Mega Drop-Down Menu, Sidebar/Accordion Menu and Line Menu
+ */
+
+
+/* Menu Helpers
+----------------------------------------------------------------------------------------------------*/
+
+.menu,
+.menu ul {
+ margin: 0px;
+ padding: 0px;
+ list-style: none;
+}
+
+.menu a,
+.menu span { display: block; }
+.menu a { text-decoration: none; }
+
+
+/* Mega Drop-Down Menu
+----------------------------------------------------------------------------------------------------*/
+
+.menu-dropdown li { position: relative; }
+
+/* Level 1 */
+.menu-dropdown,
+.menu-dropdown .level1,
+.menu-dropdown .level1 > span { float: left; }
+
+.menu-dropdown a.level1 > span,
+.menu-dropdown span.level1 > span {
+ height: 30px;
+ padding: 0 10px;
+ line-height: 30px;
+}
+
+/* Drop-Down */
+.menu-dropdown .dropdown {
+ display: none;
+ position: absolute;
+ top: 30px;
+ left: 0;
+ z-index: 100;
+ width: 300px; /* Default */
+}
+
+.menu-dropdown li:hover .dropdown,
+.menu-dropdown li.remain .dropdown { display: block; }
+
+.menu-dropdown li:hover .dropdown.flip,
+.menu-dropdown li.remain .dropdown.flip {
+ left: auto;
+ right: 0;
+}
+
+.menu-dropdown .dropdown-bg > div { overflow: hidden; }
+
+.menu-dropdown .stack .column { width: 100%; }
+
+/* Multi Columns, Default */
+.menu-dropdown .columns2 { width: 600px; }
+.menu-dropdown .columns3 { width: 900px; }
+.menu-dropdown .columns4 { width: 1200px; }
+
+.menu-dropdown .column { float: left; }
+
+/* Level 2 */
+.menu-dropdown a.level2 > span,
+.menu-dropdown span.level2 > span {
+ padding: 7px 0;
+ line-height: 21px;
+ overflow: hidden;
+}
+
+/* Level 3 */
+.menu-dropdown ul.level3 { padding-bottom: 10px; }
+
+.menu-dropdown li.level3 { /* Must be set in li for IE7 */
+ font-size: 11px;
+ line-height: 17px;
+}
+
+/* Icons */
+.menu-dropdown span.icon {
+ display: block;
+ background-repeat: no-repeat;
+ background-position: 50% 50%;
+ float: left;
+}
+
+.menu-dropdown .level1 .level1 span.icon {
+ width: 30px;
+ height: 30px;
+ margin-left: -5px;
+}
+.menu-dropdown .level1 .level1 span.icon + span,
+.menu-dropdown .level1 .level1 span.icon + span + span { margin-left: 25px; }
+
+.menu-dropdown li.level2 .level2 span.icon {
+ width: 35px;
+ height: 35px;
+ margin-top: -7px;
+ margin-bottom: -7px;
+}
+.menu-dropdown li.level2.hassubtitle .level2 span.icon { margin-top: -4px; }
+
+.menu-dropdown li.level2 .level2 span.icon { margin-right: 5px; }
+.menu-dropdown li.level2 .level2 span.icon + span,
+.menu-dropdown li.level2 .level2 span.icon + span + span { margin-left: 40px; }
+
+/* Subtitles */
+.menu-dropdown span.title { line-height: 18px; }
+
+.menu-dropdown span.subtitle {
+ margin-top: -1px;
+ font-size: 9px;
+ line-height: 10px;
+ text-indent: 1px;
+}
+
+.menu-dropdown li.level2 .level2 span.title { line-height: 15px; }
+.menu-dropdown li.level2 .level2 span.subtitle { line-height: 14px; }
+
+
+/* Sidebar/Accordion Menu
+----------------------------------------------------------------------------------------------------*/
+
+/* Accordion */
+.menu-sidebar li.parent span.level1 > span { cursor: pointer; }
+
+/* Level 1 */
+.menu-sidebar a.level1 > span,
+.menu-sidebar span.level1 > span {
+ padding: 5px 0;
+ line-height: 20px;
+}
+
+/* Remove Subtitles */
+.menu-sidebar span.title { display: inline; }
+.menu-sidebar span.subtitle { display: none; }
+
+/* Level 2-4 */
+.menu-sidebar ul.level2 { padding-bottom: 10px; }
+.menu-sidebar li.level1:last-child ul.level2 { padding-bottom: 0; }
+
+.menu-sidebar .level2 a > span {
+ font-size: 11px;
+ line-height: 17px;
+}
+
+/* Icons */
+.menu-sidebar span.icon {
+ display: inline-block;
+ height: 30px;
+ width: 30px;
+ margin: -5px 5px -5px 0;
+ background-repeat: no-repeat;
+ background-position: 50% 50%;
+ vertical-align: middle;
+}
+
+
+/* Line Menu
+----------------------------------------------------------------------------------------------------*/
+
+/* Level 1 */
+.menu-line,
+.menu-line li,
+.menu-line li a { display: inline-block; }
+
--- /dev/null
+/* Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */
+
+@import url(../warp/css/menus.css);
+
+
+/* Mega Drop-Down Menu
+----------------------------------------------------------------------------------------------------*/
+
+/* Level 1 */
+.menu-dropdown { margin-bottom: -10px; }
+
+.menu-dropdown li.level1 {
+ margin-right: 10px;
+ padding-bottom: 10px;
+}
+
+.menu-dropdown a.level1,
+.menu-dropdown span.level1 {
+ border: 1px solid #DDD;
+ color: #444;
+}
+
+/* Set Active */
+.menu-dropdown li.active .level1 { color: #febf4f; }
+
+/* Set Hover */
+.menu-dropdown li.level1:hover .level1,
+.menu-dropdown li.remain .level1 { color: #d50; }
+
+/* Drop-Down */
+.menu-dropdown .dropdown {
+ top: 42px;
+ border-top: 1px solid #DDD;
+}
+
+.menu-dropdown .dropdown-bg > div {
+ padding: 0 5px;
+ border: 1px solid #ddd;
+ border-top: none;
+ background: #fff;
+}
+
+/* Level 2 */
+.menu-dropdown li.level2 {
+ margin: 0 5px;
+ border-top: 1px solid #ddd;
+}
+.menu-dropdown li.level2:first-child { border: none; }
+
+.menu-dropdown a.level2,
+.menu-dropdown span.level2 { color: #444; }
+
+/* Set Hover */
+.menu-dropdown a.level2:hover { color: #d50; }
+
+/* Set Current */
+.menu-dropdown a.current.level2 { font-weight: bold; color: #febf4f; }
+
+/* Set Hover */
+.menu-dropdown a.level3:hover { color: #d50; }
+
+/* Set Current */
+.menu-dropdown a.current.level3 { font-weight: bold; }
+
+
+/* Sidebar/Accordion Menu
+----------------------------------------------------------------------------------------------------*/
+
+/* Link */
+.menu-sidebar a,
+.menu-sidebar li > span { color: #444; padding-left: 15px; }
+
+/* Hover */
+.menu-sidebar a:hover,
+.menu-sidebar li > span:hover { color: #d50; }
+
+/* Current */
+.menu-sidebar a.current { font-weight: bold; }
+
+/* Level 1 */
+.menu-sidebar li.level1 { border-top: 1px solid #ddd; }
+.menu-sidebar li.level1:first-child { border-top: none; }
+
+.menu-sidebar li.parent .level1 > span { background: url(../../images/menu_sidebar_parent.png) 100% 0 no-repeat; }
+.menu-sidebar li.parent.active .level1 > span { background-position: 100% -30px; }
+
+/* Level 2-4 */
+.menu-sidebar ul.level2 ul { padding-left: 10px; }
+
+
+/* Line Menu
+----------------------------------------------------------------------------------------------------*/
+
+.float-left .menu-line li {
+ margin-left: 7px;
+ padding-left: 8px;
+ background: url(../../images/menu_line_item.png) 0 50% no-repeat;
+}
+
+.menu-line li:first-child {
+ margin-left: 0;
+ padding-left: 0;
+ background: none;
+}
+
--- /dev/null
+/* Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */
+
+/*
+ * Style Style Sheet - Defines the main look like colors and backgrounds
+ * Not all style related CSS is included, only colors and backgrounds which may change for different theme styles
+ */
+
+
+/* Base
+----------------------------------------------------------------------------------------------------*/
+
+body {
+ background: url(../myimages/bg.png) #1C222A;
+ font-family: Arial, sans-serif;
+ font-size: 12px;
+ line-height: 18px;
+ color: #333333;
+}
+
+
+/* Tools
+----------------------------------------------------------------------------------------------------*/
+
+
+/* System
+----------------------------------------------------------------------------------------------------*/
+
--- /dev/null
+/* Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */
+
+/*
+ * Style Style Sheet - Defines the main look like colors and backgrounds
+ * Not all style related CSS is included, only colors and backgrounds which may change for different theme styles
+ */
+
+
+/* Base
+----------------------------------------------------------------------------------------------------*/
+
+body {
+ font-family: Arial, sans-serif;
+ font-size: 12px;
+ line-height: 18px;
+ color: #333333;
+}
+
+
+.green-header {
+ width: 100%;
+ height: 21px;
+ background: url(../myimages/lfcp_header_green.png) no-repeat center top;
+ padding-top: 9px;
+}
+
+.green-header img {
+ margin-left: 14px;
+}
+
+.green-footer {
+ width: 100%;
+ height: 70px;
+ background: url(../myimages/lfcp_green_footer.jpg) no-repeat right top;
+ padding-top: 9px;
+ font-family: helvetica,arial;
+ font-size: 11px;
+ color: white;
+ line-height: 16px;
+ border-top: 5px solid #8AC945;
+}
+
+#mytoolbar {
+ background-color: #122529;
+ background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(18, 37, 41)), to(rgb(13, 27, 30)));
+ background-image: -webkit-linear-gradient(top, rgb(18, 37, 41), rgb(13, 27, 30));
+ background-image: -moz-linear-gradient(top, rgb(18, 37, 41), rgb(13, 27, 30));
+ background-image: -o-linear-gradient(top, rgb(18, 37, 41), rgb(13, 27, 30));
+ background-image: -ms-linear-gradient(top, rgb(18, 37, 41), rgb(13, 27, 30));
+ background-image: linear-gradient(top, rgb(18, 37, 41), rgb(13, 27, 30));
+ filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#122529', EndColorStr='#0d1b1e');
+ border-bottom: 1px solid #000000;
+ line-height: 22px;
+ font-family: 'Lato', sans-serif;
+ margin: 0;
+}
+
+
+#mytoolbar .smalltopmenu {
+ padding-left: 146px;
+}
+
+#mytoolbar .smalltopmenu li {
+ background: none;
+ font-size: 12px;
+ margin-left: 6px;
+}
+
+#mytoolbar .smalltopmenu li a {
+ line-height: 27px;
+ color: #a1a9ab;
+ -webkit-transition: all 0.4s ease;
+ -moz-transition: all 0.4s ease;
+ -o-transition: all 0.4s ease;
+ transition: all 0.4s ease;
+}
+
+#mytoolbar .smalltopmenu li a:hover {
+ color: #febf4f;
+}
+
+/*
+Social Menu
+*/
+
+#mytoolbar .float-right .module {
+ margin-left: 0;
+}
+
+.socialmenu {
+ padding: 4px 14px 0 0;
+}
+
+.socialmenu li {
+ background: none;
+ height: 16px;
+ margin-left: 6px;
+ padding-left: 0;
+}
+
+.socialmenu li:first-child {
+ margin-left: 0;
+}
+
+.socialmenu li a {
+ background: url(../myimages/twitter-icon.png) 50% 50% no-repeat;
+ width: 19px;
+ height: 19px;
+ -webkit-transition: all 0.4s ease;
+ -moz-transition: all 0.4s ease;
+ -o-transition: all 0.4s ease;
+ transition: all 0.4s ease;
+}
+
+.socialmenu li a:hover {
+ opacity: 0.8;
+}
+
+.socialmenu li a.facebook {
+ background-image: url(../myimages/facebook-icon.png);
+}
+
+.socialmenu li a.linkedin {
+ background-image: url(../myimages/linkedin-icon.png);
+}
+
+.socialmenu li a.vimeo {
+ background-image: url(../myimages/vimeo-icon.png);
+}
+
+.socialmenu li a.googleplus {
+ background-image: url(../myimages/googleplus-icon.png);
+}
+
+.socialmenu li a.slideshare {
+ background-image: url(../myimages/slideshare-icon.png);
+}
+
+.socialmenu li a span {
+ display: none;
+}
+#p-personal{
+ top:60px;
+}
+#p-logo{
+ top:60px;
+}
+#p-cactions{
+ top: 5.5em;
+}
+/*
+Dropdown Menu
+*/
--- /dev/null
+<?php
+/**
+ * MonoBook nouveau.
+ *
+ * Translated from gwicke's previous TAL template version to remove
+ * dependency on PHPTAL.
+ *
+ * This program is free software; you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation; either version 2 of the License, or
+ * (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ * GNU General Public License for more details.
+ *
+ * You should have received a copy of the GNU General Public License along
+ * with this program; if not, write to the Free Software Foundation, Inc.,
+ * 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA.
+ * http://www.gnu.org/copyleft/gpl.html
+ *
+ * @todo document
+ * @file
+ * @ingroup Skins
+ */
+
+if( !defined( 'MEDIAWIKI' ) )
+ die( -1 );
+
+/**
+ * Inherit main code from SkinTemplate, set the CSS and template filter.
+ * @todo document
+ * @ingroup Skins
+ */
+class SkinMonoBook extends SkinTemplate {
+ /** Using monobook. */
+ var $skinname = 'monobook', $stylename = 'monobook',
+ $template = 'MonoBookTemplate', $useHeadElement = true;
+
+ /**
+ * @param $out OutputPage
+ */
+ function setupSkinUserCss( OutputPage $out ) {
+ global $wgHandheldStyle;
+ parent::setupSkinUserCss( $out );
+
+ $out->addModuleStyles( 'skins.monobook' );
+
+ // Ugh. Can't do this properly because $wgHandheldStyle may be a URL
+ if( $wgHandheldStyle ) {
+ // Currently in testing... try 'chick/main.css'
+ $out->addStyle( $wgHandheldStyle, 'handheld' );
+ }
+
+ // TODO: Migrate all of these
+ $out->addStyle( 'monobook/IE60Fixes.css', 'screen', 'IE 6' );
+ $out->addStyle( 'monobook/IE70Fixes.css', 'screen', 'IE 7' );
+
+ }
+}
+
+/**
+ * @todo document
+ * @ingroup Skins
+ */
+class MonoBookTemplate extends BaseTemplate {
+
+ /**
+ * Template filter callback for MonoBook skin.
+ * Takes an associative array of data set from a SkinTemplate-based
+ * class, and a wrapper for MediaWiki's localization database, and
+ * outputs a formatted page.
+ *
+ * @access private
+ */
+ function execute() {
+ // Suppress warnings to prevent notices about missing indexes in $this->data
+ wfSuppressWarnings();
+
+ $this->html( 'headelement' );
+?>
+<link href="/mycss/layout.css" rel="stylesheet" type="text/css"/>
+
+<link href="/mycss/base.css" rel="stylesheet" type="text/css"/>
+<link href="/mycss/style1.css" rel="stylesheet" type="text/css"/>
+<link href="/mycss/menus.css" rel="stylesheet" type="text/css"/>
+<link href="/mycss/menus1.css" rel="stylesheet" type="text/css"/>
+<link href='http://fonts.googleapis.com/css?family=Lato:400,700' rel='stylesheet' type='text/css'>
+ <div class="green-header">
+ <div class="mywrapper myclearfix">
+ <img alt="" src="/myimages/linux-foundation.png">
+ </div>
+</div>
+<div class="myclearfix" id="mytoolbar">
+ <div class="mywrapper myclearfix">
+ <div class="float-left">
+
+
+ <div class="module smalltopmenu deepest">
+
+ <ul class="menu menu-line"><li class="level1 item435 active current"><a class="level1 active current" href="/"><span>Home</span></a></li><li class="level1 item506"><a href="http://wiki.xenproject.org " class="item1 level1"><span>Wiki</span></a></li><li class="level1 item507"><a href="http://blog.xenproject.org" class="item2 level1"><span>Blog</span></a></li><li class="level1 item517"><a href="http://lists.xenproject.org" class="item3 level1"><span>Lists</span></a></li><li class="level1 item508"><a href="http://xenorg.uservoice.com" class="item4 level1"><span>User Voice</span></a></li><li class="level1 item509"><a href="/downloads.html" class="item5 level1"><span>Downloads</span></a></li><li class="level1 item510"><a href="/xen-planet.html" class="item6 level1"><span>Xen Planet</span></a></li></ul>
+</div>
+ </div>
+
+ <div class="float-right"><div class="module socialmenu deepest">
+
+ <ul class="menu menu-line"><li class="level1 item511"><a href="https://twitter.com/xen_org" class="twitter level1"><span><span style="background-image: url('http://www.xenproject.org/images/social-menu-icons/twitter-icon.png');" class="icon"> </span>Twitter</span></a></li><li class="level1 item512"><a href="https://www.facebook.com/pages/The-Xen-Project/181712638644349" class="facebook level1"><span><span style="background-image: url('http://www.xenproject.org/images/social-menu-icons/facebook-icon.png');" class="icon"> </span>Facebook</span></a></li><li class="level1 item513"><a href="http://www.linkedin.com/groups?home=&gid=167190" class="linkedin level1"><span><span style="background-image: url('http://www.xenproject.org/images/social-menu-icons/linkedin-icon.png');" class="icon"> </span>LinkedIn</span></a></li><li class="level1 item514"><a href="http://vimeo.com/channels/xen" class="vimeo level1"><span><span style="background-image: url('http://www.xenproject.org/images/social-menu-icons/vimeo-icon.png');" class="icon"> </span>Vimeo</span></a></li><li class="level1 item515"><a href="https://plus.google.com/b/109906712194947644104/109906712194947644104/about" class="googleplus level1"><span><span style="background-image: url('http://www.xenproject.org/images/social-menu-icons/googleplus-icon.png');" class="icon"> </span>Google Plus</span></a></li><li class="level1 item516"><a href="http://slideshare.net/xen_com_mgr/presentations" class="slideshare level1"><span><span style="background-image: url('http://www.xenproject.org/images/social-menu-icons/slideshare-icon.png');" class="icon"> </span>Slideshare</span></a></li></ul>
+</div></div>
+ </div>
+ </div>
+<div id="globalWrapper">
+<div id="column-content"><div id="content" class="mw-body-primary">
+ <a id="top"></a>
+ <?php if($this->data['sitenotice']) { ?><div id="siteNotice"><?php $this->html('sitenotice') ?></div><?php } ?>
+
+ <h1 id="firstHeading" class="firstHeading"><span dir="auto"><?php $this->html('title') ?></span></h1>
+ <div id="bodyContent" class="mw-body">
+ <div id="siteSub"><?php $this->msg('tagline') ?></div>
+ <div id="contentSub"<?php $this->html('userlangattributes') ?>><?php $this->html('subtitle') ?></div>
+<?php if($this->data['undelete']) { ?>
+ <div id="contentSub2"><?php $this->html('undelete') ?></div>
+<?php } ?><?php if($this->data['newtalk'] ) { ?>
+ <div class="usermessage"><?php $this->html('newtalk') ?></div>
+<?php } ?><?php if($this->data['showjumplinks']) { ?>
+ <div id="jump-to-nav" class="mw-jump"><?php $this->msg('jumpto') ?> <a href="#column-one"><?php $this->msg('jumptonavigation') ?></a><?php $this->msg( 'comma-separator' ) ?><a href="#searchInput"><?php $this->msg('jumptosearch') ?></a></div>
+<?php } ?>
+ <!-- start content -->
+<?php $this->html('bodytext') ?>
+ <?php if($this->data['catlinks']) { $this->html('catlinks'); } ?>
+ <!-- end content -->
+ <?php if($this->data['dataAfterContent']) { $this->html ('dataAfterContent'); } ?>
+ <div class="visualClear"></div>
+ </div>
+</div></div>
+<div id="column-one"<?php $this->html('userlangattributes') ?>>
+<?php $this->cactions(); ?>
+ <div class="portlet" id="p-personal">
+ <h5><?php $this->msg('personaltools') ?></h5>
+ <div class="pBody">
+ <ul<?php $this->html('userlangattributes') ?>>
+<?php foreach($this->getPersonalTools() as $key => $item) { ?>
+ <?php echo $this->makeListItem($key, $item); ?>
+
+<?php } ?>
+ </ul>
+ </div>
+ </div>
+ <div class="portlet" id="p-logo">
+<?php
+ echo Html::element( 'a', array(
+ 'href' => $this->data['nav_urls']['mainpage']['href'],
+ 'style' => "background-image: url({$this->data['logopath']});" )
+ + Linker::tooltipAndAccesskeyAttribs('p-logo') ); ?>
+
+ </div>
+<?php
+ $this->renderPortals( $this->data['sidebar'] );
+?>
+</div><!-- end of the left (by default at least) column -->
+<div class="visualClear"></div>
+<?php
+ $validFooterIcons = $this->getFooterIcons( "icononly" );
+ $validFooterLinks = $this->getFooterLinks( "flat" ); // Additional footer links
+
+ if ( count( $validFooterIcons ) + count( $validFooterLinks ) > 0 ) { ?>
+<div id="footer"<?php $this->html('userlangattributes') ?>>
+<?php
+ $footerEnd = '</div>';
+ } else {
+ $footerEnd = '';
+ }
+ foreach ( $validFooterIcons as $blockName => $footerIcons ) { ?>
+ <div id="f-<?php echo htmlspecialchars($blockName); ?>ico">
+<?php foreach ( $footerIcons as $icon ) { ?>
+ <?php echo $this->getSkin()->makeFooterIcon( $icon ); ?>
+
+<?php }
+?>
+ </div>
+<?php }
+
+ if ( count( $validFooterLinks ) > 0 ) {
+?> <ul id="f-list">
+<?php
+ foreach( $validFooterLinks as $aLink ) { ?>
+ <li id="<?php echo $aLink ?>"><?php $this->html($aLink) ?></li>
+<?php
+ }
+?>
+ </ul>
+<?php }
+echo $footerEnd;
+?>
+<div class="green-footer">
+ <div class="mywrapper myclearfix">
+ <p>©2013 Xen Project, A Linux Foundation Collaborative Project. All Rights Reserved. <br>
+ Linux Foundation is a registered trademark of The Linux Foundation. <br>
+ Xen Project is a trademark of The Linux Foundation.</p>
+ </div>
+</div>
+</div>
+<?php
+ $this->printTrail();
+ echo Html::closeElement( 'body' );
+ echo Html::closeElement( 'html' );
+ wfRestoreWarnings();
+ } // end of execute() method
+
+ /*************************************************************************************************/
+
+ /**
+ * @param $sidebar array
+ */
+ protected function renderPortals( $sidebar ) {
+ if ( !isset( $sidebar['SEARCH'] ) ) $sidebar['SEARCH'] = true;
+ if ( !isset( $sidebar['TOOLBOX'] ) ) $sidebar['TOOLBOX'] = true;
+ if ( !isset( $sidebar['LANGUAGES'] ) ) $sidebar['LANGUAGES'] = true;
+
+ foreach( $sidebar as $boxName => $content ) {
+ if ( $content === false )
+ continue;
+
+ if ( $boxName == 'SEARCH' ) {
+ $this->searchBox();
+ } elseif ( $boxName == 'TOOLBOX' ) {
+ $this->toolbox();
+ } elseif ( $boxName == 'LANGUAGES' ) {
+ $this->languageBox();
+ } else {
+ $this->customBox( $boxName, $content );
+ }
+ }
+ }
+
+ function searchBox() {
+ global $wgUseTwoButtonsSearchForm;
+?>
+ <div id="p-search" class="portlet">
+ <h5><label for="searchInput"><?php $this->msg('search') ?></label></h5>
+ <div id="searchBody" class="pBody">
+ <form action="<?php $this->text('wgScript') ?>" id="searchform">
+ <input type='hidden' name="title" value="<?php $this->text('searchtitle') ?>"/>
+ <?php echo $this->makeSearchInput(array( "id" => "searchInput" )); ?>
+
+ <?php echo $this->makeSearchButton("go", array( "id" => "searchGoButton", "class" => "searchButton" ));
+ if ($wgUseTwoButtonsSearchForm): ?> 
+ <?php echo $this->makeSearchButton("fulltext", array( "id" => "mw-searchButton", "class" => "searchButton" ));
+ else: ?>
+
+ <div><a href="<?php $this->text('searchaction') ?>" rel="search"><?php $this->msg('powersearch-legend') ?></a></div><?php
+ endif; ?>
+
+ </form>
+ </div>
+ </div>
+<?php
+ }
+
+ /**
+ * Prints the cactions bar.
+ * Shared between MonoBook and Modern
+ */
+ function cactions() {
+?>
+ <div id="p-cactions" class="portlet">
+ <h5><?php $this->msg('views') ?></h5>
+ <div class="pBody">
+ <ul><?php
+ foreach($this->data['content_actions'] as $key => $tab) {
+ echo '
+ ' . $this->makeListItem( $key, $tab );
+ } ?>
+
+ </ul>
+ </div>
+ </div>
+<?php
+ }
+ /*************************************************************************************************/
+ function toolbox() {
+?>
+ <div class="portlet" id="p-tb">
+ <h5><?php $this->msg('toolbox') ?></h5>
+ <div class="pBody">
+ <ul>
+<?php
+ foreach ( $this->getToolbox() as $key => $tbitem ) { ?>
+ <?php echo $this->makeListItem($key, $tbitem); ?>
+
+<?php
+ }
+ wfRunHooks( 'MonoBookTemplateToolboxEnd', array( &$this ) );
+ wfRunHooks( 'SkinTemplateToolboxEnd', array( &$this, true ) );
+?>
+ </ul>
+ </div>
+ </div>
+<?php
+ }
+
+ /*************************************************************************************************/
+ function languageBox() {
+ if( $this->data['language_urls'] ) {
+?>
+ <div id="p-lang" class="portlet">
+ <h5<?php $this->html('userlangattributes') ?>><?php $this->msg('otherlanguages') ?></h5>
+ <div class="pBody">
+ <ul>
+<?php foreach($this->data['language_urls'] as $key => $langlink) { ?>
+ <?php echo $this->makeListItem($key, $langlink); ?>
+
+<?php } ?>
+ </ul>
+ </div>
+ </div>
+<?php
+ }
+ }
+
+ /*************************************************************************************************/
+ /**
+ * @param $bar string
+ * @param $cont array|string
+ */
+ function customBox( $bar, $cont ) {
+ $portletAttribs = array( 'class' => 'generated-sidebar portlet', 'id' => Sanitizer::escapeId( "p-$bar" ) );
+ $tooltip = Linker::titleAttrib( "p-$bar" );
+ if ( $tooltip !== false ) {
+ $portletAttribs['title'] = $tooltip;
+ }
+ echo ' ' . Html::openElement( 'div', $portletAttribs );
+?>
+
+ <h5><?php $msg = wfMessage( $bar ); echo htmlspecialchars( $msg->exists() ? $msg->text() : $bar ); ?></h5>
+ <div class='pBody'>
+<?php if ( is_array( $cont ) ) { ?>
+ <ul>
+<?php foreach($cont as $key => $val) { ?>
+ <?php echo $this->makeListItem($key, $val); ?>
+
+<?php } ?>
+ </ul>
+<?php } else {
+ # allow raw HTML block to be defined by extensions
+ print $cont;
+ }
+?>
+ </div>
+ </div>
+<?php
+ }
+} // end of class
+
+