diff --git a/skins/DarkVector/DarkVector.php b/skins/DarkVector/DarkVector.php
new file mode 100644
index 00000000..c87107cc
--- /dev/null
+++ b/skins/DarkVector/DarkVector.php
@@ -0,0 +1,14 @@
+<?php
+
+if ( function_exists( 'wfLoadSkin' ) ) {
+	wfLoadSkin( 'DarkVector' );
+	// Keep i18n globals so mergeMessageFileList.php doesn't break
+	$wgMessagesDirs['DarkVector'] = __DIR__ . '/i18n';
+	/* wfWarn(
+		'Deprecated PHP entry point used for DarkVector skin. Please use wfLoadSkin instead, ' .
+		'see https://www.mediawiki.org/wiki/Extension_registration for more details.'
+	); */
+	return true;
+} else {
+	die( 'This version of the DarkVector skin requires MediaWiki 1.25+' );
+}
diff --git a/skins/DarkVector/DarkVectorTemplate.php b/skins/DarkVector/DarkVectorTemplate.php
new file mode 100644
index 00000000..3da073d2
--- /dev/null
+++ b/skins/DarkVector/DarkVectorTemplate.php
@@ -0,0 +1,553 @@
+<?php
+/**
+ * DarkVector - Modern version of MonoBook with fresh look and many usability
+ * improvements.
+ *
+ * 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
+ *
+ * @file
+ * @ingroup Skins
+ */
+
+/**
+ * QuickTemplate class for DarkVector skin
+ * @ingroup Skins
+ */
+class DarkVectorTemplate extends BaseTemplate {
+	/* Functions */
+
+	/**
+	 * Outputs the entire contents of the (X)HTML page
+	 */
+	public function execute() {
+
+		// Build additional attributes for navigation urls
+		$nav = $this->data['content_navigation'];
+
+		if ( $this->config->get( 'DarkVectorUseIconWatch' ) ) {
+			$mode = $this->getSkin()->getUser()->isWatched( $this->getSkin()->getRelevantTitle() )
+				? 'unwatch'
+				: 'watch';
+
+			if ( isset( $nav['actions'][$mode] ) ) {
+				$nav['views'][$mode] = $nav['actions'][$mode];
+				$nav['views'][$mode]['class'] = rtrim( 'icon ' . $nav['views'][$mode]['class'], ' ' );
+				$nav['views'][$mode]['primary'] = true;
+				unset( $nav['actions'][$mode] );
+			}
+		}
+
+		$xmlID = '';
+		foreach ( $nav as $section => $links ) {
+			foreach ( $links as $key => $link ) {
+				if ( $section == 'views' && !( isset( $link['primary'] ) && $link['primary'] ) ) {
+					$link['class'] = rtrim( 'collapsible ' . $link['class'], ' ' );
+				}
+
+				$xmlID = isset( $link['id'] ) ? $link['id'] : 'ca-' . $xmlID;
+				$nav[$section][$key]['attributes'] =
+					' id="' . Sanitizer::escapeId( $xmlID ) . '"';
+				if ( isset( $link['class'] ) && $link['class'] ) {
+					$nav[$section][$key]['attributes'] .=
+						' class="' . htmlspecialchars( $link['class'] ) . '"';
+					unset( $nav[$section][$key]['class'] );
+				}
+				if ( isset( $link['tooltiponly'] ) && $link['tooltiponly'] ) {
+					$nav[$section][$key]['key'] =
+						Linker::tooltip( $xmlID );
+				} else {
+					$nav[$section][$key]['key'] =
+						Xml::expandAttributes( Linker::tooltipAndAccesskeyAttribs( $xmlID ) );
+				}
+			}
+		}
+		$this->data['namespace_urls'] = $nav['namespaces'];
+		$this->data['view_urls'] = $nav['views'];
+		$this->data['action_urls'] = $nav['actions'];
+		$this->data['variant_urls'] = $nav['variants'];
+
+		// Reverse horizontally rendered navigation elements
+		if ( $this->data['rtl'] ) {
+			$this->data['view_urls'] =
+				array_reverse( $this->data['view_urls'] );
+			$this->data['namespace_urls'] =
+				array_reverse( $this->data['namespace_urls'] );
+			$this->data['personal_urls'] =
+				array_reverse( $this->data['personal_urls'] );
+		}
+
+		$this->data['pageLanguage'] =
+			$this->getSkin()->getTitle()->getPageViewLanguage()->getHtmlCode();
+
+		// Output HTML Page
+		$this->html( 'headelement' );
+		?>
+		<div id="mw-page-base" class="noprint"></div>
+		<div id="mw-head-base" class="noprint"></div>
+		<div id="content" class="mw-body" role="main">
+			<a id="top"></a>
+
+			<?php
+			if ( $this->data['sitenotice'] ) {
+				?>
+				<div id="siteNotice"><?php $this->html( 'sitenotice' ) ?></div>
+			<?php
+			}
+			?>
+			<?php
+			if ( is_callable( array( $this, 'getIndicators' ) ) ) {
+				echo $this->getIndicators();
+			}
+			// Loose comparison with '!=' is intentional, to catch null and false too, but not '0'
+			if ( $this->data['title'] != '' ) {
+			?>
+			<h1 id="firstHeading" class="firstHeading" lang="<?php $this->text( 'pageLanguage' ); ?>"><?php
+				$this->html( 'title' )
+			?></h1>
+			<?php
+			} ?>
+			<?php $this->html( 'prebodyhtml' ) ?>
+			<div id="bodyContent" class="mw-body-content">
+				<?php
+				if ( $this->data['isarticle'] ) {
+					?>
+					<div id="siteSub"><?php $this->msg( 'tagline' ) ?></div>
+				<?php
+				}
+				?>
+				<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
+				}
+				?>
+				<div id="jump-to-nav" class="mw-jump">
+					<?php $this->msg( 'jumpto' ) ?>
+					<a href="#mw-head"><?php
+						$this->msg( 'jumptonavigation' )
+					?></a><?php $this->msg( 'comma-separator' ) ?>
+					<a href="#p-search"><?php $this->msg( 'jumptosearch' ) ?></a>
+				</div>
+				<?php
+				$this->html( 'bodycontent' );
+
+				if ( $this->data['printfooter'] ) {
+					?>
+					<div class="printfooter">
+						<?php $this->html( 'printfooter' ); ?>
+					</div>
+				<?php
+				}
+
+				if ( $this->data['catlinks'] ) {
+					$this->html( 'catlinks' );
+				}
+
+				if ( $this->data['dataAfterContent'] ) {
+					$this->html( 'dataAfterContent' );
+				}
+				?>
+				<div class="visualClear"></div>
+				<?php $this->html( 'debughtml' ); ?>
+			</div>
+		</div>
+		<div id="mw-navigation">
+			<h2><?php $this->msg( 'navigation-heading' ) ?></h2>
+
+			<div id="mw-head">
+				<?php $this->renderNavigation( 'PERSONAL' ); ?>
+				<div id="left-navigation">
+					<?php $this->renderNavigation( array( 'NAMESPACES', 'VARIANTS' ) ); ?>
+				</div>
+				<div id="right-navigation">
+					<?php $this->renderNavigation( array( 'VIEWS', 'ACTIONS', 'SEARCH' ) ); ?>
+				</div>
+			</div>
+			<div id="mw-panel">
+				<div id="p-logo" role="banner"><a class="mw-wiki-logo" href="<?php
+					echo htmlspecialchars( $this->data['nav_urls']['mainpage']['href'] )
+					?>" <?php
+					echo Xml::expandAttributes( Linker::tooltipAndAccesskeyAttribs( 'p-logo' ) )
+					?>></a></div>
+				<?php $this->renderPortals( $this->data['sidebar'] ); ?>
+			</div>
+		</div>
+		<div id="footer" role="contentinfo"<?php $this->html( 'userlangattributes' ) ?>>
+			<?php
+			foreach ( $this->getFooterLinks() as $category => $links ) {
+				?>
+				<ul id="footer-<?php echo $category ?>">
+					<?php
+					foreach ( $links as $link ) {
+						?>
+						<li id="footer-<?php echo $category ?>-<?php echo $link ?>"><?php $this->html( $link ) ?></li>
+					<?php
+					}
+					?>
+				</ul>
+			<?php
+			}
+			?>
+			<?php $footericons = $this->getFooterIcons( "icononly" );
+			if ( count( $footericons ) > 0 ) {
+				?>
+				<ul id="footer-icons" class="noprint">
+					<?php
+					foreach ( $footericons as $blockName => $footerIcons ) {
+						?>
+						<li id="footer-<?php echo htmlspecialchars( $blockName ); ?>ico">
+							<?php
+							foreach ( $footerIcons as $icon ) {
+								echo $this->getSkin()->makeFooterIcon( $icon );
+							}
+							?>
+						</li>
+					<?php
+					}
+					?>
+				</ul>
+			<?php
+			}
+			?>
+			<div style="clear:both"></div>
+		</div>
+		<?php $this->printTrail(); ?>
+
+	</body>
+</html>
+<?php
+	}
+
+	/**
+	 * Render a series of portals
+	 *
+	 * @param array $portals
+	 */
+	protected function renderPortals( $portals ) {
+		// Force the rendering of the following portals
+		if ( !isset( $portals['SEARCH'] ) ) {
+			$portals['SEARCH'] = true;
+		}
+		if ( !isset( $portals['TOOLBOX'] ) ) {
+			$portals['TOOLBOX'] = true;
+		}
+		if ( !isset( $portals['LANGUAGES'] ) ) {
+			$portals['LANGUAGES'] = true;
+		}
+		// Render portals
+		foreach ( $portals as $name => $content ) {
+			if ( $content === false ) {
+				continue;
+			}
+
+			// Numeric strings gets an integer when set as key, cast back - T73639
+			$name = (string)$name;
+
+			switch ( $name ) {
+				case 'SEARCH':
+					break;
+				case 'TOOLBOX':
+					$this->renderPortal( 'tb', $this->getToolbox(), 'toolbox', 'SkinTemplateToolboxEnd' );
+					break;
+				case 'LANGUAGES':
+					if ( $this->data['language_urls'] !== false ) {
+						$this->renderPortal( 'lang', $this->data['language_urls'], 'otherlanguages' );
+					}
+					break;
+				default:
+					$this->renderPortal( $name, $content );
+					break;
+			}
+		}
+	}
+
+	/**
+	 * @param string $name
+	 * @param array $content
+	 * @param null|string $msg
+	 * @param null|string|array $hook
+	 */
+	protected function renderPortal( $name, $content, $msg = null, $hook = null ) {
+		if ( $msg === null ) {
+			$msg = $name;
+		}
+		$msgObj = wfMessage( $msg );
+		$labelId = Sanitizer::escapeId( "p-$name-label" );
+		?>
+		<div class="portal" role="navigation" id='<?php
+		echo Sanitizer::escapeId( "p-$name" )
+		?>'<?php
+		echo Linker::tooltip( 'p-' . $name )
+		?> aria-labelledby='<?php echo $labelId ?>'>
+			<h3<?php $this->html( 'userlangattributes' ) ?> id='<?php echo $labelId ?>'><?php
+				echo htmlspecialchars( $msgObj->exists() ? $msgObj->text() : $msg );
+				?></h3>
+
+			<div class="body">
+				<?php
+				if ( is_array( $content ) ) {
+					?>
+					<ul>
+						<?php
+						foreach ( $content as $key => $val ) {
+							echo $this->makeListItem( $key, $val );
+						}
+						if ( $hook !== null ) {
+							Hooks::run( $hook, array( &$this, true ) );
+						}
+						?>
+					</ul>
+				<?php
+				} else {
+					echo $content; /* Allow raw HTML block to be defined by extensions */
+				}
+
+				$this->renderAfterPortlet( $name );
+				?>
+			</div>
+		</div>
+	<?php
+	}
+
+	/**
+	 * Render one or more navigations elements by name, automatically reveresed
+	 * when UI is in RTL mode
+	 *
+	 * @param array $elements
+	 */
+	protected function renderNavigation( $elements ) {
+		// If only one element was given, wrap it in an array, allowing more
+		// flexible arguments
+		if ( !is_array( $elements ) ) {
+			$elements = array( $elements );
+			// If there's a series of elements, reverse them when in RTL mode
+		} elseif ( $this->data['rtl'] ) {
+			$elements = array_reverse( $elements );
+		}
+		// Render elements
+		foreach ( $elements as $name => $element ) {
+			switch ( $element ) {
+				case 'NAMESPACES':
+					?>
+					<div id="p-namespaces" role="navigation" class="darkvectorTabs<?php
+					if ( count( $this->data['namespace_urls'] ) == 0 ) {
+						echo ' emptyPortlet';
+					}
+					?>" aria-labelledby="p-namespaces-label">
+						<h3 id="p-namespaces-label"><?php $this->msg( 'namespaces' ) ?></h3>
+						<ul<?php $this->html( 'userlangattributes' ) ?>>
+							<?php
+							foreach ( $this->data['namespace_urls'] as $link ) {
+								?>
+								<li <?php echo $link['attributes'] ?>><span><a href="<?php
+										echo htmlspecialchars( $link['href'] )
+										?>" <?php
+										echo $link['key'];
+										if ( isset ( $link['rel'] ) ) {
+											echo ' rel="' . htmlspecialchars( $link['rel'] ) . '"';
+										}
+										?>><?php
+											echo htmlspecialchars( $link['text'] )
+											?></a></span></li>
+							<?php
+							}
+							?>
+						</ul>
+					</div>
+					<?php
+					break;
+				case 'VARIANTS':
+					?>
+					<div id="p-variants" role="navigation" class="darkvectorMenu<?php
+					if ( count( $this->data['variant_urls'] ) == 0 ) {
+						echo ' emptyPortlet';
+					}
+					?>" aria-labelledby="p-variants-label">
+						<?php
+						// Replace the label with the name of currently chosen variant, if any
+						$variantLabel = $this->getMsg( 'variants' )->text();
+						foreach ( $this->data['variant_urls'] as $link ) {
+							if ( stripos( $link['attributes'], 'selected' ) !== false ) {
+								$variantLabel = $link['text'];
+								break;
+							}
+						}
+						?>
+						<h3 id="p-variants-label">
+							<span><?php echo htmlspecialchars( $variantLabel ) ?></span><a href="#"></a>
+						</h3>
+
+						<div class="menu">
+							<ul>
+								<?php
+								foreach ( $this->data['variant_urls'] as $link ) {
+									?>
+									<li<?php echo $link['attributes'] ?>><a href="<?php
+										echo htmlspecialchars( $link['href'] )
+										?>" lang="<?php
+										echo htmlspecialchars( $link['lang'] )
+										?>" hreflang="<?php
+										echo htmlspecialchars( $link['hreflang'] )
+										?>" <?php
+										echo $link['key']
+										?>><?php
+											echo htmlspecialchars( $link['text'] )
+											?></a></li>
+								<?php
+								}
+								?>
+							</ul>
+						</div>
+					</div>
+					<?php
+					break;
+				case 'VIEWS':
+					?>
+					<div id="p-views" role="navigation" class="darkvectorTabs<?php
+					if ( count( $this->data['view_urls'] ) == 0 ) {
+						echo ' emptyPortlet';
+					}
+					?>" aria-labelledby="p-views-label">
+						<h3 id="p-views-label"><?php $this->msg( 'views' ) ?></h3>
+						<ul<?php $this->html( 'userlangattributes' ) ?>>
+							<?php
+							foreach ( $this->data['view_urls'] as $link ) {
+								?>
+								<li<?php echo $link['attributes'] ?>><span><a href="<?php
+										echo htmlspecialchars( $link['href'] )
+										?>" <?php
+										echo $link['key'];
+										if ( isset ( $link['rel'] ) ) {
+											echo ' rel="' . htmlspecialchars( $link['rel'] ) . '"';
+										}
+										?>><?php
+											// $link['text'] can be undefined - bug 27764
+											if ( array_key_exists( 'text', $link ) ) {
+												echo array_key_exists( 'img', $link )
+													? '<img src="' . $link['img'] . '" alt="' . $link['text'] . '" />'
+													: htmlspecialchars( $link['text'] );
+											}
+											?></a></span></li>
+							<?php
+							}
+							?>
+						</ul>
+					</div>
+					<?php
+					break;
+				case 'ACTIONS':
+					?>
+					<div id="p-cactions" role="navigation" class="darkvectorMenu<?php
+					if ( count( $this->data['action_urls'] ) == 0 ) {
+						echo ' emptyPortlet';
+					}
+					?>" aria-labelledby="p-cactions-label">
+						<h3 id="p-cactions-label"><span><?php
+							$this->msg( 'darkvector-more-actions' )
+						?></span><a href="#"></a></h3>
+
+						<div class="menu">
+							<ul<?php $this->html( 'userlangattributes' ) ?>>
+								<?php
+								foreach ( $this->data['action_urls'] as $link ) {
+									?>
+									<li<?php echo $link['attributes'] ?>>
+										<a href="<?php
+										echo htmlspecialchars( $link['href'] )
+										?>" <?php
+										echo $link['key'] ?>><?php echo htmlspecialchars( $link['text'] )
+											?></a>
+									</li>
+								<?php
+								}
+								?>
+							</ul>
+						</div>
+					</div>
+					<?php
+					break;
+				case 'PERSONAL':
+					?>
+					<div id="p-personal" role="navigation" class="<?php
+					if ( count( $this->data['personal_urls'] ) == 0 ) {
+						echo ' emptyPortlet';
+					}
+					?>" aria-labelledby="p-personal-label">
+						<h3 id="p-personal-label"><?php $this->msg( 'personaltools' ) ?></h3>
+						<ul<?php $this->html( 'userlangattributes' ) ?>>
+							<?php
+							$personalTools = $this->getPersonalTools();
+							foreach ( $personalTools as $key => $item ) {
+								echo $this->makeListItem( $key, $item );
+							}
+							?>
+						</ul>
+					</div>
+					<?php
+					break;
+				case 'SEARCH':
+					?>
+					<div id="p-search" role="search">
+						<h3<?php $this->html( 'userlangattributes' ) ?>>
+							<label for="searchInput"><?php $this->msg( 'search' ) ?></label>
+						</h3>
+
+						<form action="<?php $this->text( 'wgScript' ) ?>" id="searchform">
+							<div<?php echo $this->config->get( 'DarkVectorUseSimpleSearch' ) ? ' id="simpleSearch"' : '' ?>>
+							<?php
+							echo $this->makeSearchInput( array( 'id' => 'searchInput' ) );
+							echo Html::hidden( 'title', $this->get( 'searchtitle' ) );
+							// We construct two buttons (for 'go' and 'fulltext' search modes),
+							// but only one will be visible and actionable at a time (they are
+							// overlaid on top of each other in CSS).
+							// * Browsers will use the 'fulltext' one by default (as it's the
+							//   first in tree-order), which is desirable when they are unable
+							//   to show search suggestions (either due to being broken or
+							//   having JavaScript turned off).
+							// * The mediawiki.searchSuggest module, after doing tests for the
+							//   broken browsers, removes the 'fulltext' button and handles
+							//   'fulltext' search itself; this will reveal the 'go' button and
+							//   cause it to be used.
+							echo $this->makeSearchButton(
+								'fulltext',
+								array( 'id' => 'mw-searchButton', 'class' => 'searchButton mw-fallbackSearchButton' )
+							);
+							echo $this->makeSearchButton(
+								'go',
+								array( 'id' => 'searchButton', 'class' => 'searchButton' )
+							);
+							?>
+							</div>
+						</form>
+					</div>
+					<?php
+
+					break;
+			}
+		}
+	}
+}
diff --git a/skins/DarkVector/Gruntfile.js b/skins/DarkVector/Gruntfile.js
new file mode 100644
index 00000000..39ca10c5
--- /dev/null
+++ b/skins/DarkVector/Gruntfile.js
@@ -0,0 +1 @@
+module.exports=function(grunt){grunt.loadNpmTasks("grunt-contrib-jshint");grunt.loadNpmTasks("grunt-jsonlint");grunt.loadNpmTasks("grunt-banana-checker");grunt.loadNpmTasks("grunt-jscs");var conf=grunt.file.readJSON("skin.json");grunt.initConfig({jshint:{options:{jshintrc:true},all:["*.js"]},jscs:{src:"<%= jshint.all %>"},banana:conf.MessagesDirs,jsonlint:{all:["**/*.json","!node_modules/**"]}});grunt.registerTask("test",["jshint","jscs","jsonlint","banana"]);grunt.registerTask("default","test")};
\ No newline at end of file
diff --git a/skins/DarkVector/LICENSE b/skins/DarkVector/LICENSE
new file mode 100644
index 00000000..9cecc1d4
--- /dev/null
+++ b/skins/DarkVector/LICENSE
@@ -0,0 +1,674 @@
+                    GNU GENERAL PUBLIC LICENSE
+                       Version 3, 29 June 2007
+
+ Copyright (C) 2007 Free Software Foundation, Inc. <http://fsf.org/>
+ Everyone is permitted to copy and distribute verbatim copies
+ of this license document, but changing it is not allowed.
+
+                            Preamble
+
+  The GNU General Public License is a free, copyleft license for
+software and other kinds of works.
+
+  The licenses for most software and other practical works are designed
+to take away your freedom to share and change the works.  By contrast,
+the GNU General Public License is intended to guarantee your freedom to
+share and change all versions of a program--to make sure it remains free
+software for all its users.  We, the Free Software Foundation, use the
+GNU General Public License for most of our software; it applies also to
+any other work released this way by its authors.  You can apply it to
+your programs, too.
+
+  When we speak of free software, we are referring to freedom, not
+price.  Our General Public Licenses are designed to make sure that you
+have the freedom to distribute copies of free software (and charge for
+them if you wish), that you receive source code or can get it if you
+want it, that you can change the software or use pieces of it in new
+free programs, and that you know you can do these things.
+
+  To protect your rights, we need to prevent others from denying you
+these rights or asking you to surrender the rights.  Therefore, you have
+certain responsibilities if you distribute copies of the software, or if
+you modify it: responsibilities to respect the freedom of others.
+
+  For example, if you distribute copies of such a program, whether
+gratis or for a fee, you must pass on to the recipients the same
+freedoms that you received.  You must make sure that they, too, receive
+or can get the source code.  And you must show them these terms so they
+know their rights.
+
+  Developers that use the GNU GPL protect your rights with two steps:
+(1) assert copyright on the software, and (2) offer you this License
+giving you legal permission to copy, distribute and/or modify it.
+
+  For the developers' and authors' protection, the GPL clearly explains
+that there is no warranty for this free software.  For both users' and
+authors' sake, the GPL requires that modified versions be marked as
+changed, so that their problems will not be attributed erroneously to
+authors of previous versions.
+
+  Some devices are designed to deny users access to install or run
+modified versions of the software inside them, although the manufacturer
+can do so.  This is fundamentally incompatible with the aim of
+protecting users' freedom to change the software.  The systematic
+pattern of such abuse occurs in the area of products for individuals to
+use, which is precisely where it is most unacceptable.  Therefore, we
+have designed this version of the GPL to prohibit the practice for those
+products.  If such problems arise substantially in other domains, we
+stand ready to extend this provision to those domains in future versions
+of the GPL, as needed to protect the freedom of users.
+
+  Finally, every program is threatened constantly by software patents.
+States should not allow patents to restrict development and use of
+software on general-purpose computers, but in those that do, we wish to
+avoid the special danger that patents applied to a free program could
+make it effectively proprietary.  To prevent this, the GPL assures that
+patents cannot be used to render the program non-free.
+
+  The precise terms and conditions for copying, distribution and
+modification follow.
+
+                       TERMS AND CONDITIONS
+
+  0. Definitions.
+
+  "This License" refers to version 3 of the GNU General Public License.
+
+  "Copyright" also means copyright-like laws that apply to other kinds of
+works, such as semiconductor masks.
+
+  "The Program" refers to any copyrightable work licensed under this
+License.  Each licensee is addressed as "you".  "Licensees" and
+"recipients" may be individuals or organizations.
+
+  To "modify" a work means to copy from or adapt all or part of the work
+in a fashion requiring copyright permission, other than the making of an
+exact copy.  The resulting work is called a "modified version" of the
+earlier work or a work "based on" the earlier work.
+
+  A "covered work" means either the unmodified Program or a work based
+on the Program.
+
+  To "propagate" a work means to do anything with it that, without
+permission, would make you directly or secondarily liable for
+infringement under applicable copyright law, except executing it on a
+computer or modifying a private copy.  Propagation includes copying,
+distribution (with or without modification), making available to the
+public, and in some countries other activities as well.
+
+  To "convey" a work means any kind of propagation that enables other
+parties to make or receive copies.  Mere interaction with a user through
+a computer network, with no transfer of a copy, is not conveying.
+
+  An interactive user interface displays "Appropriate Legal Notices"
+to the extent that it includes a convenient and prominently visible
+feature that (1) displays an appropriate copyright notice, and (2)
+tells the user that there is no warranty for the work (except to the
+extent that warranties are provided), that licensees may convey the
+work under this License, and how to view a copy of this License.  If
+the interface presents a list of user commands or options, such as a
+menu, a prominent item in the list meets this criterion.
+
+  1. Source Code.
+
+  The "source code" for a work means the preferred form of the work
+for making modifications to it.  "Object code" means any non-source
+form of a work.
+
+  A "Standard Interface" means an interface that either is an official
+standard defined by a recognized standards body, or, in the case of
+interfaces specified for a particular programming language, one that
+is widely used among developers working in that language.
+
+  The "System Libraries" of an executable work include anything, other
+than the work as a whole, that (a) is included in the normal form of
+packaging a Major Component, but which is not part of that Major
+Component, and (b) serves only to enable use of the work with that
+Major Component, or to implement a Standard Interface for which an
+implementation is available to the public in source code form.  A
+"Major Component", in this context, means a major essential component
+(kernel, window system, and so on) of the specific operating system
+(if any) on which the executable work runs, or a compiler used to
+produce the work, or an object code interpreter used to run it.
+
+  The "Corresponding Source" for a work in object code form means all
+the source code needed to generate, install, and (for an executable
+work) run the object code and to modify the work, including scripts to
+control those activities.  However, it does not include the work's
+System Libraries, or general-purpose tools or generally available free
+programs which are used unmodified in performing those activities but
+which are not part of the work.  For example, Corresponding Source
+includes interface definition files associated with source files for
+the work, and the source code for shared libraries and dynamically
+linked subprograms that the work is specifically designed to require,
+such as by intimate data communication or control flow between those
+subprograms and other parts of the work.
+
+  The Corresponding Source need not include anything that users
+can regenerate automatically from other parts of the Corresponding
+Source.
+
+  The Corresponding Source for a work in source code form is that
+same work.
+
+  2. Basic Permissions.
+
+  All rights granted under this License are granted for the term of
+copyright on the Program, and are irrevocable provided the stated
+conditions are met.  This License explicitly affirms your unlimited
+permission to run the unmodified Program.  The output from running a
+covered work is covered by this License only if the output, given its
+content, constitutes a covered work.  This License acknowledges your
+rights of fair use or other equivalent, as provided by copyright law.
+
+  You may make, run and propagate covered works that you do not
+convey, without conditions so long as your license otherwise remains
+in force.  You may convey covered works to others for the sole purpose
+of having them make modifications exclusively for you, or provide you
+with facilities for running those works, provided that you comply with
+the terms of this License in conveying all material for which you do
+not control copyright.  Those thus making or running the covered works
+for you must do so exclusively on your behalf, under your direction
+and control, on terms that prohibit them from making any copies of
+your copyrighted material outside their relationship with you.
+
+  Conveying under any other circumstances is permitted solely under
+the conditions stated below.  Sublicensing is not allowed; section 10
+makes it unnecessary.
+
+  3. Protecting Users' Legal Rights From Anti-Circumvention Law.
+
+  No covered work shall be deemed part of an effective technological
+measure under any applicable law fulfilling obligations under article
+11 of the WIPO copyright treaty adopted on 20 December 1996, or
+similar laws prohibiting or restricting circumvention of such
+measures.
+
+  When you convey a covered work, you waive any legal power to forbid
+circumvention of technological measures to the extent such circumvention
+is effected by exercising rights under this License with respect to
+the covered work, and you disclaim any intention to limit operation or
+modification of the work as a means of enforcing, against the work's
+users, your or third parties' legal rights to forbid circumvention of
+technological measures.
+
+  4. Conveying Verbatim Copies.
+
+  You may convey verbatim copies of the Program's source code as you
+receive it, in any medium, provided that you conspicuously and
+appropriately publish on each copy an appropriate copyright notice;
+keep intact all notices stating that this License and any
+non-permissive terms added in accord with section 7 apply to the code;
+keep intact all notices of the absence of any warranty; and give all
+recipients a copy of this License along with the Program.
+
+  You may charge any price or no price for each copy that you convey,
+and you may offer support or warranty protection for a fee.
+
+  5. Conveying Modified Source Versions.
+
+  You may convey a work based on the Program, or the modifications to
+produce it from the Program, in the form of source code under the
+terms of section 4, provided that you also meet all of these conditions:
+
+    a) The work must carry prominent notices stating that you modified
+    it, and giving a relevant date.
+
+    b) The work must carry prominent notices stating that it is
+    released under this License and any conditions added under section
+    7.  This requirement modifies the requirement in section 4 to
+    "keep intact all notices".
+
+    c) You must license the entire work, as a whole, under this
+    License to anyone who comes into possession of a copy.  This
+    License will therefore apply, along with any applicable section 7
+    additional terms, to the whole of the work, and all its parts,
+    regardless of how they are packaged.  This License gives no
+    permission to license the work in any other way, but it does not
+    invalidate such permission if you have separately received it.
+
+    d) If the work has interactive user interfaces, each must display
+    Appropriate Legal Notices; however, if the Program has interactive
+    interfaces that do not display Appropriate Legal Notices, your
+    work need not make them do so.
+
+  A compilation of a covered work with other separate and independent
+works, which are not by their nature extensions of the covered work,
+and which are not combined with it such as to form a larger program,
+in or on a volume of a storage or distribution medium, is called an
+"aggregate" if the compilation and its resulting copyright are not
+used to limit the access or legal rights of the compilation's users
+beyond what the individual works permit.  Inclusion of a covered work
+in an aggregate does not cause this License to apply to the other
+parts of the aggregate.
+
+  6. Conveying Non-Source Forms.
+
+  You may convey a covered work in object code form under the terms
+of sections 4 and 5, provided that you also convey the
+machine-readable Corresponding Source under the terms of this License,
+in one of these ways:
+
+    a) Convey the object code in, or embodied in, a physical product
+    (including a physical distribution medium), accompanied by the
+    Corresponding Source fixed on a durable physical medium
+    customarily used for software interchange.
+
+    b) Convey the object code in, or embodied in, a physical product
+    (including a physical distribution medium), accompanied by a
+    written offer, valid for at least three years and valid for as
+    long as you offer spare parts or customer support for that product
+    model, to give anyone who possesses the object code either (1) a
+    copy of the Corresponding Source for all the software in the
+    product that is covered by this License, on a durable physical
+    medium customarily used for software interchange, for a price no
+    more than your reasonable cost of physically performing this
+    conveying of source, or (2) access to copy the
+    Corresponding Source from a network server at no charge.
+
+    c) Convey individual copies of the object code with a copy of the
+    written offer to provide the Corresponding Source.  This
+    alternative is allowed only occasionally and noncommercially, and
+    only if you received the object code with such an offer, in accord
+    with subsection 6b.
+
+    d) Convey the object code by offering access from a designated
+    place (gratis or for a charge), and offer equivalent access to the
+    Corresponding Source in the same way through the same place at no
+    further charge.  You need not require recipients to copy the
+    Corresponding Source along with the object code.  If the place to
+    copy the object code is a network server, the Corresponding Source
+    may be on a different server (operated by you or a third party)
+    that supports equivalent copying facilities, provided you maintain
+    clear directions next to the object code saying where to find the
+    Corresponding Source.  Regardless of what server hosts the
+    Corresponding Source, you remain obligated to ensure that it is
+    available for as long as needed to satisfy these requirements.
+
+    e) Convey the object code using peer-to-peer transmission, provided
+    you inform other peers where the object code and Corresponding
+    Source of the work are being offered to the general public at no
+    charge under subsection 6d.
+
+  A separable portion of the object code, whose source code is excluded
+from the Corresponding Source as a System Library, need not be
+included in conveying the object code work.
+
+  A "User Product" is either (1) a "consumer product", which means any
+tangible personal property which is normally used for personal, family,
+or household purposes, or (2) anything designed or sold for incorporation
+into a dwelling.  In determining whether a product is a consumer product,
+doubtful cases shall be resolved in favor of coverage.  For a particular
+product received by a particular user, "normally used" refers to a
+typical or common use of that class of product, regardless of the status
+of the particular user or of the way in which the particular user
+actually uses, or expects or is expected to use, the product.  A product
+is a consumer product regardless of whether the product has substantial
+commercial, industrial or non-consumer uses, unless such uses represent
+the only significant mode of use of the product.
+
+  "Installation Information" for a User Product means any methods,
+procedures, authorization keys, or other information required to install
+and execute modified versions of a covered work in that User Product from
+a modified version of its Corresponding Source.  The information must
+suffice to ensure that the continued functioning of the modified object
+code is in no case prevented or interfered with solely because
+modification has been made.
+
+  If you convey an object code work under this section in, or with, or
+specifically for use in, a User Product, and the conveying occurs as
+part of a transaction in which the right of possession and use of the
+User Product is transferred to the recipient in perpetuity or for a
+fixed term (regardless of how the transaction is characterized), the
+Corresponding Source conveyed under this section must be accompanied
+by the Installation Information.  But this requirement does not apply
+if neither you nor any third party retains the ability to install
+modified object code on the User Product (for example, the work has
+been installed in ROM).
+
+  The requirement to provide Installation Information does not include a
+requirement to continue to provide support service, warranty, or updates
+for a work that has been modified or installed by the recipient, or for
+the User Product in which it has been modified or installed.  Access to a
+network may be denied when the modification itself materially and
+adversely affects the operation of the network or violates the rules and
+protocols for communication across the network.
+
+  Corresponding Source conveyed, and Installation Information provided,
+in accord with this section must be in a format that is publicly
+documented (and with an implementation available to the public in
+source code form), and must require no special password or key for
+unpacking, reading or copying.
+
+  7. Additional Terms.
+
+  "Additional permissions" are terms that supplement the terms of this
+License by making exceptions from one or more of its conditions.
+Additional permissions that are applicable to the entire Program shall
+be treated as though they were included in this License, to the extent
+that they are valid under applicable law.  If additional permissions
+apply only to part of the Program, that part may be used separately
+under those permissions, but the entire Program remains governed by
+this License without regard to the additional permissions.
+
+  When you convey a copy of a covered work, you may at your option
+remove any additional permissions from that copy, or from any part of
+it.  (Additional permissions may be written to require their own
+removal in certain cases when you modify the work.)  You may place
+additional permissions on material, added by you to a covered work,
+for which you have or can give appropriate copyright permission.
+
+  Notwithstanding any other provision of this License, for material you
+add to a covered work, you may (if authorized by the copyright holders of
+that material) supplement the terms of this License with terms:
+
+    a) Disclaiming warranty or limiting liability differently from the
+    terms of sections 15 and 16 of this License; or
+
+    b) Requiring preservation of specified reasonable legal notices or
+    author attributions in that material or in the Appropriate Legal
+    Notices displayed by works containing it; or
+
+    c) Prohibiting misrepresentation of the origin of that material, or
+    requiring that modified versions of such material be marked in
+    reasonable ways as different from the original version; or
+
+    d) Limiting the use for publicity purposes of names of licensors or
+    authors of the material; or
+
+    e) Declining to grant rights under trademark law for use of some
+    trade names, trademarks, or service marks; or
+
+    f) Requiring indemnification of licensors and authors of that
+    material by anyone who conveys the material (or modified versions of
+    it) with contractual assumptions of liability to the recipient, for
+    any liability that these contractual assumptions directly impose on
+    those licensors and authors.
+
+  All other non-permissive additional terms are considered "further
+restrictions" within the meaning of section 10.  If the Program as you
+received it, or any part of it, contains a notice stating that it is
+governed by this License along with a term that is a further
+restriction, you may remove that term.  If a license document contains
+a further restriction but permits relicensing or conveying under this
+License, you may add to a covered work material governed by the terms
+of that license document, provided that the further restriction does
+not survive such relicensing or conveying.
+
+  If you add terms to a covered work in accord with this section, you
+must place, in the relevant source files, a statement of the
+additional terms that apply to those files, or a notice indicating
+where to find the applicable terms.
+
+  Additional terms, permissive or non-permissive, may be stated in the
+form of a separately written license, or stated as exceptions;
+the above requirements apply either way.
+
+  8. Termination.
+
+  You may not propagate or modify a covered work except as expressly
+provided under this License.  Any attempt otherwise to propagate or
+modify it is void, and will automatically terminate your rights under
+this License (including any patent licenses granted under the third
+paragraph of section 11).
+
+  However, if you cease all violation of this License, then your
+license from a particular copyright holder is reinstated (a)
+provisionally, unless and until the copyright holder explicitly and
+finally terminates your license, and (b) permanently, if the copyright
+holder fails to notify you of the violation by some reasonable means
+prior to 60 days after the cessation.
+
+  Moreover, your license from a particular copyright holder is
+reinstated permanently if the copyright holder notifies you of the
+violation by some reasonable means, this is the first time you have
+received notice of violation of this License (for any work) from that
+copyright holder, and you cure the violation prior to 30 days after
+your receipt of the notice.
+
+  Termination of your rights under this section does not terminate the
+licenses of parties who have received copies or rights from you under
+this License.  If your rights have been terminated and not permanently
+reinstated, you do not qualify to receive new licenses for the same
+material under section 10.
+
+  9. Acceptance Not Required for Having Copies.
+
+  You are not required to accept this License in order to receive or
+run a copy of the Program.  Ancillary propagation of a covered work
+occurring solely as a consequence of using peer-to-peer transmission
+to receive a copy likewise does not require acceptance.  However,
+nothing other than this License grants you permission to propagate or
+modify any covered work.  These actions infringe copyright if you do
+not accept this License.  Therefore, by modifying or propagating a
+covered work, you indicate your acceptance of this License to do so.
+
+  10. Automatic Licensing of Downstream Recipients.
+
+  Each time you convey a covered work, the recipient automatically
+receives a license from the original licensors, to run, modify and
+propagate that work, subject to this License.  You are not responsible
+for enforcing compliance by third parties with this License.
+
+  An "entity transaction" is a transaction transferring control of an
+organization, or substantially all assets of one, or subdividing an
+organization, or merging organizations.  If propagation of a covered
+work results from an entity transaction, each party to that
+transaction who receives a copy of the work also receives whatever
+licenses to the work the party's predecessor in interest had or could
+give under the previous paragraph, plus a right to possession of the
+Corresponding Source of the work from the predecessor in interest, if
+the predecessor has it or can get it with reasonable efforts.
+
+  You may not impose any further restrictions on the exercise of the
+rights granted or affirmed under this License.  For example, you may
+not impose a license fee, royalty, or other charge for exercise of
+rights granted under this License, and you may not initiate litigation
+(including a cross-claim or counterclaim in a lawsuit) alleging that
+any patent claim is infringed by making, using, selling, offering for
+sale, or importing the Program or any portion of it.
+
+  11. Patents.
+
+  A "contributor" is a copyright holder who authorizes use under this
+License of the Program or a work on which the Program is based.  The
+work thus licensed is called the contributor's "contributor version".
+
+  A contributor's "essential patent claims" are all patent claims
+owned or controlled by the contributor, whether already acquired or
+hereafter acquired, that would be infringed by some manner, permitted
+by this License, of making, using, or selling its contributor version,
+but do not include claims that would be infringed only as a
+consequence of further modification of the contributor version.  For
+purposes of this definition, "control" includes the right to grant
+patent sublicenses in a manner consistent with the requirements of
+this License.
+
+  Each contributor grants you a non-exclusive, worldwide, royalty-free
+patent license under the contributor's essential patent claims, to
+make, use, sell, offer for sale, import and otherwise run, modify and
+propagate the contents of its contributor version.
+
+  In the following three paragraphs, a "patent license" is any express
+agreement or commitment, however denominated, not to enforce a patent
+(such as an express permission to practice a patent or covenant not to
+sue for patent infringement).  To "grant" such a patent license to a
+party means to make such an agreement or commitment not to enforce a
+patent against the party.
+
+  If you convey a covered work, knowingly relying on a patent license,
+and the Corresponding Source of the work is not available for anyone
+to copy, free of charge and under the terms of this License, through a
+publicly available network server or other readily accessible means,
+then you must either (1) cause the Corresponding Source to be so
+available, or (2) arrange to deprive yourself of the benefit of the
+patent license for this particular work, or (3) arrange, in a manner
+consistent with the requirements of this License, to extend the patent
+license to downstream recipients.  "Knowingly relying" means you have
+actual knowledge that, but for the patent license, your conveying the
+covered work in a country, or your recipient's use of the covered work
+in a country, would infringe one or more identifiable patents in that
+country that you have reason to believe are valid.
+
+  If, pursuant to or in connection with a single transaction or
+arrangement, you convey, or propagate by procuring conveyance of, a
+covered work, and grant a patent license to some of the parties
+receiving the covered work authorizing them to use, propagate, modify
+or convey a specific copy of the covered work, then the patent license
+you grant is automatically extended to all recipients of the covered
+work and works based on it.
+
+  A patent license is "discriminatory" if it does not include within
+the scope of its coverage, prohibits the exercise of, or is
+conditioned on the non-exercise of one or more of the rights that are
+specifically granted under this License.  You may not convey a covered
+work if you are a party to an arrangement with a third party that is
+in the business of distributing software, under which you make payment
+to the third party based on the extent of your activity of conveying
+the work, and under which the third party grants, to any of the
+parties who would receive the covered work from you, a discriminatory
+patent license (a) in connection with copies of the covered work
+conveyed by you (or copies made from those copies), or (b) primarily
+for and in connection with specific products or compilations that
+contain the covered work, unless you entered into that arrangement,
+or that patent license was granted, prior to 28 March 2007.
+
+  Nothing in this License shall be construed as excluding or limiting
+any implied license or other defenses to infringement that may
+otherwise be available to you under applicable patent law.
+
+  12. No Surrender of Others' Freedom.
+
+  If conditions are imposed on you (whether by court order, agreement or
+otherwise) that contradict the conditions of this License, they do not
+excuse you from the conditions of this License.  If you cannot convey a
+covered work so as to satisfy simultaneously your obligations under this
+License and any other pertinent obligations, then as a consequence you may
+not convey it at all.  For example, if you agree to terms that obligate you
+to collect a royalty for further conveying from those to whom you convey
+the Program, the only way you could satisfy both those terms and this
+License would be to refrain entirely from conveying the Program.
+
+  13. Use with the GNU Affero General Public License.
+
+  Notwithstanding any other provision of this License, you have
+permission to link or combine any covered work with a work licensed
+under version 3 of the GNU Affero General Public License into a single
+combined work, and to convey the resulting work.  The terms of this
+License will continue to apply to the part which is the covered work,
+but the special requirements of the GNU Affero General Public License,
+section 13, concerning interaction through a network will apply to the
+combination as such.
+
+  14. Revised Versions of this License.
+
+  The Free Software Foundation may publish revised and/or new versions of
+the GNU General Public License from time to time.  Such new versions will
+be similar in spirit to the present version, but may differ in detail to
+address new problems or concerns.
+
+  Each version is given a distinguishing version number.  If the
+Program specifies that a certain numbered version of the GNU General
+Public License "or any later version" applies to it, you have the
+option of following the terms and conditions either of that numbered
+version or of any later version published by the Free Software
+Foundation.  If the Program does not specify a version number of the
+GNU General Public License, you may choose any version ever published
+by the Free Software Foundation.
+
+  If the Program specifies that a proxy can decide which future
+versions of the GNU General Public License can be used, that proxy's
+public statement of acceptance of a version permanently authorizes you
+to choose that version for the Program.
+
+  Later license versions may give you additional or different
+permissions.  However, no additional obligations are imposed on any
+author or copyright holder as a result of your choosing to follow a
+later version.
+
+  15. Disclaimer of Warranty.
+
+  THERE IS NO WARRANTY FOR THE PROGRAM, TO THE EXTENT PERMITTED BY
+APPLICABLE LAW.  EXCEPT WHEN OTHERWISE STATED IN WRITING THE COPYRIGHT
+HOLDERS AND/OR OTHER PARTIES PROVIDE THE PROGRAM "AS IS" WITHOUT WARRANTY
+OF ANY KIND, EITHER EXPRESSED OR IMPLIED, INCLUDING, BUT NOT LIMITED TO,
+THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR
+PURPOSE.  THE ENTIRE RISK AS TO THE QUALITY AND PERFORMANCE OF THE PROGRAM
+IS WITH YOU.  SHOULD THE PROGRAM PROVE DEFECTIVE, YOU ASSUME THE COST OF
+ALL NECESSARY SERVICING, REPAIR OR CORRECTION.
+
+  16. Limitation of Liability.
+
+  IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN WRITING
+WILL ANY COPYRIGHT HOLDER, OR ANY OTHER PARTY WHO MODIFIES AND/OR CONVEYS
+THE PROGRAM AS PERMITTED ABOVE, BE LIABLE TO YOU FOR DAMAGES, INCLUDING ANY
+GENERAL, SPECIAL, INCIDENTAL OR CONSEQUENTIAL DAMAGES ARISING OUT OF THE
+USE OR INABILITY TO USE THE PROGRAM (INCLUDING BUT NOT LIMITED TO LOSS OF
+DATA OR DATA BEING RENDERED INACCURATE OR LOSSES SUSTAINED BY YOU OR THIRD
+PARTIES OR A FAILURE OF THE PROGRAM TO OPERATE WITH ANY OTHER PROGRAMS),
+EVEN IF SUCH HOLDER OR OTHER PARTY HAS BEEN ADVISED OF THE POSSIBILITY OF
+SUCH DAMAGES.
+
+  17. Interpretation of Sections 15 and 16.
+
+  If the disclaimer of warranty and limitation of liability provided
+above cannot be given local legal effect according to their terms,
+reviewing courts shall apply local law that most closely approximates
+an absolute waiver of all civil liability in connection with the
+Program, unless a warranty or assumption of liability accompanies a
+copy of the Program in return for a fee.
+
+                     END OF TERMS AND CONDITIONS
+
+            How to Apply These Terms to Your New Programs
+
+  If you develop a new program, and you want it to be of the greatest
+possible use to the public, the best way to achieve this is to make it
+free software which everyone can redistribute and change under these terms.
+
+  To do so, attach the following notices to the program.  It is safest
+to attach them to the start of each source file to most effectively
+state the exclusion of warranty; and each file should have at least
+the "copyright" line and a pointer to where the full notice is found.
+
+    {one line to give the program's name and a brief idea of what it does.}
+    Copyright (C) {year}  {name of author}
+
+    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 3 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, see <http://www.gnu.org/licenses/>.
+
+Also add information on how to contact you by electronic and paper mail.
+
+  If the program does terminal interaction, make it output a short
+notice like this when it starts in an interactive mode:
+
+    {project}  Copyright (C) {year}  {fullname}
+    This program comes with ABSOLUTELY NO WARRANTY; for details type `show w'.
+    This is free software, and you are welcome to redistribute it
+    under certain conditions; type `show c' for details.
+
+The hypothetical commands `show w' and `show c' should show the appropriate
+parts of the General Public License.  Of course, your program's commands
+might be different; for a GUI interface, you would use an "about box".
+
+  You should also get your employer (if you work as a programmer) or school,
+if any, to sign a "copyright disclaimer" for the program, if necessary.
+For more information on this, and how to apply and follow the GNU GPL, see
+<http://www.gnu.org/licenses/>.
+
+  The GNU General Public License does not permit incorporating your program
+into proprietary programs.  If your program is a subroutine library, you
+may consider it more useful to permit linking proprietary applications with
+the library.  If this is what you want to do, use the GNU Lesser General
+Public License instead of this License.  But first, please read
+<http://www.gnu.org/philosophy/why-not-lgpl.html>.
diff --git a/skins/DarkVector/SkinDarkVector.php b/skins/DarkVector/SkinDarkVector.php
new file mode 100644
index 00000000..abad4368
--- /dev/null
+++ b/skins/DarkVector/SkinDarkVector.php
@@ -0,0 +1,86 @@
+<?php
+/**
+ * DarkVector - Modern version of MonoBook with fresh look and many usability
+ * improvements.
+ *
+ * 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
+ *
+ * @file
+ * @ingroup Skins
+ */
+
+/**
+ * SkinTemplate class for DarkVector skin
+ * @ingroup Skins
+ */
+class SkinDarkVector extends SkinTemplate {
+	public $skinname = 'darkvector';
+	public $stylename = 'DarkVector';
+	public $template = 'DarkVectorTemplate';
+	/**
+	 * @var Config
+	 */
+	private $darkvectorConfig;
+
+	public function __construct() {
+		$this->darkvectorConfig = ConfigFactory::getDefaultInstance()->makeConfig( 'darkvector' );
+	}
+
+	/**
+	 * Initializes output page and sets up skin-specific parameters
+	 * @param OutputPage $out Object to initialize
+	 */
+	public function initPage( OutputPage $out ) {
+		parent::initPage( $out );
+		global $wgLang,$wgSitename,$wgLanguageCode,$wgCategoryTreeSidebarRoot;
+
+		if ( $this->darkvectorConfig->get( 'DarkVectorResponsive' ) ) {
+			$out->addMeta( 'viewport', 'width=device-width, initial-scale=1' );
+			$out->addModuleStyles( 'skins.darkvector.styles.responsive' );
+		}
+
+		// Append CSS which includes IE only behavior fixes for hover support -
+		// this is better than including this in a CSS file since it doesn't
+		// wait for the CSS file to load before fetching the HTC file.
+		$min = $this->getRequest()->getFuzzyBool( 'debug' ) ? '' : '.min';
+		$out->addHeadItem( 'csshover',
+			'<!--[if lt IE 7]><style type="text/css">body{behavior:url("' .
+				htmlspecialchars( $this->getConfig()->get( 'LocalStylePath' ) ) .
+				"/{$this->stylename}/csshover{$min}.htc\")}</style><![endif]-->"
+		);
+
+		$out->addModules( array( 'skins.darkvector.js' ) );
+	}
+
+	/**
+	 * Loads skin and user CSS files.
+	 * @param OutputPage $out
+	 */
+	function setupSkinUserCss( OutputPage $out ) {
+		parent::setupSkinUserCss( $out );
+
+		$styles = array( 'mediawiki.skinning.interface', 'skins.darkvector.styles' );
+		Hooks::run( 'SkinDarkVectorStyleModules', array( $this, &$styles ) );
+		$out->addModuleStyles( $styles );
+	}
+
+	/**
+	 * Override to pass our Config instance to it
+	 */
+	public function setupTemplate( $classname, $repository = false, $cache_dir = false ) {
+		return new $classname( $this->darkvectorConfig );
+	}
+}
diff --git a/skins/DarkVector/collapsibleTabs.js b/skins/DarkVector/collapsibleTabs.js
new file mode 100644
index 00000000..e6a19718
--- /dev/null
+++ b/skins/DarkVector/collapsibleTabs.js
@@ -0,0 +1 @@
+(function($){var rtl=$("html").attr("dir")==="rtl";$.fn.collapsibleTabs=function(options){if(!this.length){return this}var settings=$.extend({},$.collapsibleTabs.defaults,options);this.each(function(){var $el=$(this);$.collapsibleTabs.instances=$.collapsibleTabs.instances.add($el);$el.data("collapsibleTabsSettings",settings);$el.children(settings.collapsible).each(function(){$.collapsibleTabs.addData($(this))})});if(!$.collapsibleTabs.boundEvent){$(window).on("resize",$.debounce(500,function(){$.collapsibleTabs.handleResize()}));$.collapsibleTabs.boundEvent=true}$.collapsibleTabs.handleResize();return this};$.collapsibleTabs={instances:$([]),boundEvent:null,defaults:{expandedContainer:"#p-views ul",collapsedContainer:"#p-cactions ul",collapsible:"li.collapsible",shifting:false,expandCondition:function(eleWidth){return $.collapsibleTabs.calculateTabDistance()>=eleWidth+1},collapseCondition:function(){return $.collapsibleTabs.calculateTabDistance()<0}},addData:function($collapsible){var settings=$collapsible.parent().data("collapsibleTabsSettings");if(settings){$collapsible.data("collapsibleTabsSettings",{expandedContainer:settings.expandedContainer,collapsedContainer:settings.collapsedContainer,expandedWidth:$collapsible.width(),prevElement:$collapsible.prev()})}},getSettings:function($collapsible){var settings=$collapsible.data("collapsibleTabsSettings");if(!settings){$.collapsibleTabs.addData($collapsible);settings=$collapsible.data("collapsibleTabsSettings")}return settings},handleResize:function(){$.collapsibleTabs.instances.each(function(){var $el=$(this),data=$.collapsibleTabs.getSettings($el);if(data.shifting){return}if($el.children(data.collapsible).length>0&&data.collapseCondition()){$el.trigger("beforeTabCollapse");$.collapsibleTabs.moveToCollapsed($el.children(data.collapsible+":last"))}if($(data.collapsedContainer+" "+data.collapsible).length>0&&data.expandCondition($.collapsibleTabs.getSettings($(data.collapsedContainer).children(data.collapsible+":first")).expandedWidth)){$el.trigger("beforeTabExpand");$.collapsibleTabs.moveToExpanded(data.collapsedContainer+" "+data.collapsible+":first")}})},moveToCollapsed:function(ele){var outerData,expContainerSettings,target,$moving=$(ele);outerData=$.collapsibleTabs.getSettings($moving);if(!outerData){return}expContainerSettings=$.collapsibleTabs.getSettings($(outerData.expandedContainer));if(!expContainerSettings){return}expContainerSettings.shifting=true;target=outerData.collapsedContainer;$moving.css("position","relative").css(rtl?"left":"right",0).animate({width:"1px"},"normal",function(){var data,expContainerSettings;$(this).hide();$('<span class="placeholder" style="display: none;"></span>').insertAfter(this);$(this).detach().prependTo(target).data("collapsibleTabsSettings",outerData);$(this).attr("style","display: list-item;");data=$.collapsibleTabs.getSettings($(ele));if(data){expContainerSettings=$.collapsibleTabs.getSettings($(data.expandedContainer));if(expContainerSettings){expContainerSettings.shifting=false;$.collapsibleTabs.handleResize()}}})},moveToExpanded:function(ele){var data,expContainerSettings,$target,expandedWidth,$moving=$(ele);data=$.collapsibleTabs.getSettings($moving);if(!data){return}expContainerSettings=$.collapsibleTabs.getSettings($(data.expandedContainer));if(!expContainerSettings){return}expContainerSettings.shifting=true;$target=$(data.expandedContainer).find("span.placeholder:first");expandedWidth=data.expandedWidth;$moving.css("position","relative").css(rtl?"right":"left",0).css("width","1px");$target.replaceWith($moving.detach().css("width","1px").data("collapsibleTabsSettings",data).animate({width:expandedWidth+"px"},"normal",function(){$(this).attr("style","display: block;");var data,expContainerSettings;data=$.collapsibleTabs.getSettings($(this));if(data){expContainerSettings=$.collapsibleTabs.getSettings($(data.expandedContainer));if(expContainerSettings){expContainerSettings.shifting=false;$.collapsibleTabs.handleResize()}}}))},calculateTabDistance:function(){var $leftTab,$rightTab,leftEnd,rightStart;if(!rtl){$leftTab=$("#left-navigation");$rightTab=$("#right-navigation")}else{$leftTab=$("#right-navigation");$rightTab=$("#left-navigation")}leftEnd=$leftTab.offset().left+$leftTab.width();rightStart=$rightTab.offset().left;return rightStart-leftEnd}}})(jQuery);
\ No newline at end of file
diff --git a/skins/DarkVector/components/common.less b/skins/DarkVector/components/common.less
new file mode 100644
index 00000000..19b6c363
--- /dev/null
+++ b/skins/DarkVector/components/common.less
@@ -0,0 +1,154 @@
+/*
+ * Any rules which should not be flipped automatically in right-to-left situations should be
+ * prepended with @noflip in a comment block.
+ *
+ * This stylesheet employs a few CSS trick to accomplish compatibility with a wide range of web
+ * browsers. The most common trick is to use some styles in IE6 only. This is accomplished by using
+ * a rule that makes things work in IE6, and then following it with a rule that begins with
+ * "html > body" or use a child selector ">", which is ignored by IE6 because it does not support
+ * the child selector. You can spot this by looking for the "OVERRIDDEN BY COMPLIANT BROWSERS" and
+ * "IGNORED BY IE6" comments.
+ */
+@import "mediawiki.mixins";
+
+/* Framework */
+html {
+	font-size: @html-font-size;
+}
+html,
+body {
+	height: 100%;
+	margin: 0;
+	padding: 0;
+	font-family: @content-font-family;
+}
+body {
+	background-color: @menu-background-color;
+}
+
+/* Content */
+.mw-body {
+	margin-left: 10em;
+	padding: @content-padding;
+	/* Border on top, left, and bottom side */
+	border: 1px solid @content-border-color;
+	border-right-width: 0;
+	/* Merge the border with tabs' one (in their background image) */
+	margin-top: -1px;
+	background-color: @body-background-color;
+	color: @content-font-color;
+	direction: ltr;
+
+	.mw-editsection,
+	.mw-editsection-like {
+		font-family: @content-font-family;
+	}
+
+	p {
+		line-height: inherit;
+		margin: 0.5em 0;
+	}
+
+	h1,
+	h2 {
+		font-family: @content-heading-font-family;
+		line-height: @heading-line-height;
+		margin-bottom: 0.25em;
+		padding: 0;
+	}
+
+	h1 {
+		font-size: @content-heading-font-size;
+	}
+	.mw-body-content {
+		h1 {
+			margin-top: 1em;
+		}
+	}
+
+	h2 {
+		font-size: 1.5em;
+		margin-top: 1em;
+	}
+
+	h3,
+	h4,
+	h5,
+	h6 {
+		line-height: @content-line-height;
+		margin-top: 0.3em;
+		margin-bottom: 0;
+		padding-bottom: 0;
+	}
+
+	h3 {
+		font-size: 1.2em;
+	}
+
+	h3,
+	h4 {
+		font-weight: bold;
+	}
+
+	h4,
+	h5,
+	h6 {
+		font-size: 100%; /* (reset) */
+	}
+
+	#toc h2,
+	.toc h2 {
+		font-size: 100%; /* (reset) */
+		font-family: @content-font-family;
+	}
+
+	.firstHeading {
+		/* Change the default from mediawiki.skinning CSS to let indicators float into heading area */
+		overflow: visible;
+	}
+
+	.mw-indicators {
+		float: right;
+		line-height: @content-line-height;
+		font-size: @content-font-size;
+		/* Ensure that this is displayed on top of .mw-body-content and clickable */
+		position: relative;
+		z-index: 1;
+	}
+
+	.mw-indicator {
+		display: inline-block;
+		zoom: 1;
+		*display: inline;
+	}
+}
+
+/* Hide empty portlets */
+div.emptyPortlet {
+	display: none;
+}
+
+ul {
+	.list-style-image( 'images/bullet-icon.svg' );
+}
+
+pre,
+.mw-code {
+	line-height: 1.3em;
+}
+
+/* Site Notice (includes notices from CentralNotice extension) */
+#siteNotice {
+	font-size: 0.8em;
+}
+
+.redirectText {
+	font-size: 140%;
+}
+
+.mw-body-content {
+	position: relative;
+	line-height: @content-line-height;
+	font-size: @content-font-size;
+	z-index: 0;
+}
diff --git a/skins/DarkVector/components/externalLinks.less b/skins/DarkVector/components/externalLinks.less
new file mode 100644
index 00000000..469fb20b
--- /dev/null
+++ b/skins/DarkVector/components/externalLinks.less
@@ -0,0 +1,6 @@
+@import "mediawiki.mixins.less";
+// External links
+.mw-body {
+	.external {
+	}
+}
diff --git a/skins/DarkVector/components/footer.less b/skins/DarkVector/components/footer.less
new file mode 100644
index 00000000..3d61b669
--- /dev/null
+++ b/skins/DarkVector/components/footer.less
@@ -0,0 +1,57 @@
+/* Footer */
+div#footer {
+	margin-left: 10em;
+	margin-top: 0;
+	padding: 0.75em;
+	direction: ltr;
+
+	ul {
+		list-style-type: none;
+		list-style-image: none;
+		margin: 0;
+		padding: 0;
+
+		li {
+			margin: 0;
+			padding: 0;
+			padding-top: 0.5em;
+			padding-bottom: 0.5em;
+			color: #333;
+			font-size: 0.7em;
+		}
+	}
+
+	#footer-icons {
+		float: right;
+
+		li {
+			float: left;
+			margin-left: 0.5em;
+			line-height: 2em;
+			text-align: right;
+		}
+	}
+
+	#footer-info {
+		li {
+			line-height: 1.4em;
+		}
+	}
+
+	#footer-places {
+		li {
+			float: left;
+			margin-right: 1em;
+			line-height: 2em;
+		}
+	}
+}
+
+body.ltr {
+	div#footer {
+		#footer-places {
+			/* @noflip */
+			float: left;
+		}
+	}
+}
diff --git a/skins/DarkVector/components/navigation.less b/skins/DarkVector/components/navigation.less
new file mode 100644
index 00000000..e9c5e4af
--- /dev/null
+++ b/skins/DarkVector/components/navigation.less
@@ -0,0 +1,145 @@
+@import "mediawiki.mixins";
+@import "personalMenu";
+@import "search";
+@import "tabs";
+
+/* Hide, but keep accessible for screen-readers */
+#mw-navigation h2 {
+	position: absolute;
+	top: -9999px;
+}
+
+/* Head */
+#mw-page-base {
+	height: 5em;
+	background-position: bottom left;
+	background-repeat: repeat-x;
+	/* This image is only a fallback (for IE 6-9), so we do not @embed it. */
+	background-image: url('images/page-fade.png');
+	.vertical-gradient(@body-background-color, @menu-background-color, 50%, 100%);
+	background-color: @body-background-color;
+}
+
+#mw-head-base {
+	margin-top: -5em;
+	margin-left: 10em;
+	height: 5em;
+}
+
+div#mw-head {
+	position: absolute;
+	top: 0;
+	right: 0;
+	width: 100%;
+
+	h3 {
+		margin: 0;
+		padding: 0;
+	}
+}
+
+/* Navigation Containers */
+#left-navigation {
+	float: left;
+	margin-left: 10em;
+	margin-top: 2.5em;
+	/* When right nav would overlap left nav, it's placed below it
+	   (normal CSS floats behavior). This rule ensures that no empty space
+	   is shown between them due to right nav's margin-top. Page layout
+	   is still broken, but at least the nav overlaps only the page title
+	   instead of half the content. */
+	margin-bottom: -2.5em;
+	/* IE 6 double-margin bug fix */
+	display: inline;
+}
+
+#right-navigation {
+	float: right;
+	margin-top: 2.5em;
+}
+
+/* Logo */
+#p-logo {
+	position: absolute;
+	top: -160px;
+	left: 0;
+	width: 10em;
+	height: 160px;
+
+	a {
+		display: block;
+		width: 10em;
+		height: 160px;
+		background-repeat: no-repeat;
+		background-position: center center;
+		text-decoration: none;
+	}
+}
+
+/* Panel */
+div#mw-panel {
+	font-size: @menu-main-font-size;
+	position: absolute;
+	top: 160px;
+	padding-top: 1em;
+	width: 10em;
+	left: 0;
+
+	div.portal {
+		margin: 0 0.6em 0 0.7em;
+		padding: 0.25em 0;
+		direction: ltr;
+		background-position: top left;
+		background-repeat: no-repeat;
+		.background-image('images/portal-break.png');
+
+		h3 {
+			font-size: @menu-main-heading-font-size;
+			color: @menu-main-heading-color;
+			font-weight: normal;
+			margin: 0;
+			padding: @menu-main-heading-padding;
+			cursor: default;
+			border: none;
+		}
+
+		div.body {
+			margin: @menu-main-body-margin;
+			padding-top: 0;
+
+			ul {
+				list-style-type: none;
+				list-style-image: none;
+				margin: 0;
+				padding: @menu-main-body-padding;
+
+				li {
+					line-height: 1.125em;
+					margin: 0;
+					padding: 0.25em 0;
+					font-size: @menu-main-body-font-size;
+					word-wrap: break-word;
+
+					a {
+						color: @menu-main-body-link-color;
+						&:visited {
+							color: @menu-main-body-link-visited-color;
+						}
+					}
+				}
+			}
+		}
+	}
+
+	/* First sidebar portlet. Not using :first-of-type for IE<=8 support. */
+	#p-logo + div.portal {
+		background-image: none;
+		margin-top: 0;
+		h3 {
+			display: none;
+		}
+		div.body {
+			margin-left: 0.5em;
+		}
+	}
+}
diff --git a/skins/DarkVector/components/personalMenu.less b/skins/DarkVector/components/personalMenu.less
new file mode 100644
index 00000000..bec2cb5c
--- /dev/null
+++ b/skins/DarkVector/components/personalMenu.less
@@ -0,0 +1,40 @@
+/* Personal */
+#p-personal {
+	position: absolute;
+	top: 0.33em;
+	right: 0.75em;
+	/* Display on top of page tabs - bugs 37158, 48078 */
+	z-index: 100;
+
+	h3 {
+		display: none;
+	}
+
+	ul {
+		list-style-type: none;
+		list-style-image: none;
+		margin: 0;
+		padding-left: 10em; /* Keep from overlapping logo */
+	}
+
+	li {
+		line-height: 1.125em;
+		/* @noflip */
+		float: left;
+		margin-left: 0.75em;
+		margin-top: 0.5em;
+		font-size: @menu-personal-font-size;
+		white-space: nowrap;
+	}
+}
+
+/* Icon for Usernames */
+#pt-userpage,
+#pt-anonuserpage {
+	background-position: left top;
+	background-repeat: no-repeat;
+	/* SVG support using a transparent gradient to guarantee cross-browser
+	 * compatibility (browsers able to understand gradient syntax support also SVG) */
+	.background-image-svg('images/user-icon.svg', 'images/user-icon.png');
+	padding-left: 15px !important;
+}
diff --git a/skins/DarkVector/components/search.less b/skins/DarkVector/components/search.less
new file mode 100644
index 00000000..925205ce
--- /dev/null
+++ b/skins/DarkVector/components/search.less
@@ -0,0 +1,111 @@
+/* Search */
+#p-search {
+	/* @noflip */
+	float: left;
+	margin-right: 0.5em;
+	margin-left: 0.5em;
+
+	h3 {
+		display: none;
+	}
+
+	form,
+	input {
+		margin: 0;
+		margin-top: 0.4em;
+	}
+}
+
+div#simpleSearch {
+	display: block;
+	width: 12.6em;
+	padding-right: 1.4em;
+	height: 1.4em;
+	margin-top: 0.65em;
+	position: relative;
+	min-height: 1px; /* Gotta trigger hasLayout for IE7 */
+	border: solid 1px #aaa;
+	color: black;
+	background-color: white;
+	.background-image('images/search-fade.png');
+	background-position: top left;
+	background-repeat: repeat-x;
+
+	// Styles for both the search input and the button
+	input {
+		margin: 0;
+		padding: 0;
+		border: 0;
+		background-color: transparent;
+		color: black;
+	}
+
+	// The search input
+	#searchInput {
+		width: 100%;
+		padding: 0.2em 0 0.2em 0.2em;
+		font-size: 13px;
+		direction: ltr;
+
+		&:focus {
+			outline: none;
+		}
+
+		// These rules MAY NOT be merged because of how CSS requires browsers
+		// to parse unrecognized selectors!
+		// Note these rules ensure that placeholder text can be distinguished from
+		// standard text. In browsers which make this distinction clear these rules
+		// are not necessary.
+		// For inputs that use jquery.placeholder.js e.g. IE9-
+		&.placeholder {
+			color: #999;
+		}
+		// Distinguish placeholder text in IE10+
+		&:-ms-input-placeholder {
+			color: #999;
+		}
+		// Distinguish placeholder text in Firefox 18-
+		&:-moz-placeholder {
+			color: #999;
+		}
+
+		// Undo the styles Webkit browsers apply to type=search fields,
+		// we provide our own
+		-webkit-appearance: textfield;
+
+		&::-webkit-search-decoration,
+		&::-webkit-search-cancel-button,
+		&::-webkit-search-results-button,
+		&::-webkit-search-results-decoration {
+			-webkit-appearance: textfield;
+		}
+	}
+
+	// The buttons. They are displayed in the same position, and if both are
+	// present the fulltext search one obscures the 'Go' one.
+	#searchButton,
+	#mw-searchButton {
+		position: absolute;
+		top: 0;
+		right: 0;
+		width: 1.65em;
+		height: 100%;
+		cursor: pointer;
+		/* Hide button text and replace it with the image. */
+		text-indent: -99999px;
+		/* Needed to make IE6 respect the text-indent. */
+		line-height: 1;
+		/* Opera 12 on RTL flips the text in a funny way without this. */
+		/* @noflip */
+		direction: ltr;
+		white-space: nowrap;
+		overflow: hidden;
+		.background-image-svg('images/search-ltr.svg', 'images/search-ltr.png');
+		background-position: center center;
+		background-repeat: no-repeat;
+	}
+
+	#mw-searchButton {
+		z-index: 1;
+	}
+}
diff --git a/skins/DarkVector/components/tabs.less b/skins/DarkVector/components/tabs.less
new file mode 100644
index 00000000..d3329b82
--- /dev/null
+++ b/skins/DarkVector/components/tabs.less
@@ -0,0 +1,246 @@
+/*
+Styling for namespace tabs (page, discussion) and views (read, edit, view history, watch and other actions)
+*/
+
+/* Navigation Labels */
+div.darkvectorTabs h3 {
+	display: none;
+}
+
+/* Namespaces and Views */
+div.darkvectorTabs {
+	/* @noflip */
+	float: left;
+	height: 2.5em;
+	.background-image('images/tab-break.png');
+	background-position: bottom left;
+	background-repeat: no-repeat;
+	padding-left: 1px;
+
+	ul {
+		/* @noflip */
+		float: left;
+		height: 100%;
+		list-style-type: none;
+		list-style-image: none;
+		margin: 0;
+		padding: 0;
+		.background-image('images/tab-break.png');
+		background-position: right bottom;
+		background-repeat: no-repeat;
+
+		li {
+			/* @noflip */
+			float: left;
+			line-height: 1.125em;
+			/* For IE6, overridden later to display:block by modern browsers */
+			display: inline-block;
+			height: 100%;
+			margin: 0;
+			padding: 0;
+			background-color: #f3f3f3;
+			.background-image('images/tab-normal-fade.png');
+			background-position: bottom left;
+			background-repeat: repeat-x;
+			white-space: nowrap;
+		}
+
+		/* IGNORED BY IE6 which doesn't support child selector */
+		> li {
+			display: block;
+		}
+	}
+
+	li {
+		&.new {
+			a,
+			a:visited{
+				color: #a55858;
+			}
+		}
+
+		&.selected {
+			.background-image('images/tab-current-fade.png');
+			a,
+			a:visited{
+				color: #333;
+				text-decoration: none;
+			}
+		}
+
+		&.icon {
+			a {
+				background-position: bottom right;
+				background-repeat: no-repeat;
+			}
+		}
+
+		a {
+			/* For IE6, overridden later to display:block by modern browsers */
+			display: inline-block;
+			height: 1.9em;
+			padding-left: 0.5em;
+			padding-right: 0.5em;
+			color: @menu-link-color;
+			cursor: pointer;
+			font-size: 0.8em;
+		}
+
+		/* Ignored by IE6 which doesn't support child selector */
+		> a {
+			display: block;
+		}
+	}
+
+	span {
+		display: inline-block;
+		.background-image('images/tab-break.png');
+		background-position: bottom right;
+		background-repeat: no-repeat;
+
+		a  {
+			/* For IE6, overridden later to display:block by modern browsers */
+			display: inline-block;
+			padding-top: 1.25em;
+		}
+
+		/* Ignored by IE6 which doesn't support child selector */
+		> a {
+			/* @noflip */
+			float: left;
+			display: block;
+		}
+	}
+}
+
+/* Variants and Actions */
+div.darkvectorMenu {
+	/* @noflip */
+	direction: ltr;
+	/* @noflip */
+	float: left;
+	cursor: pointer;
+	position: relative;
+}
+
+body.rtl div.darkvectorMenu {
+	/* @noflip */
+	direction: rtl;
+}
+
+div#mw-head div.darkvectorMenu h3 {
+	/* @noflip */
+	float: left;
+	.background-image('images/tab-break.png');
+	background-repeat: no-repeat;
+	background-position: bottom right;
+	font-size: 1em;
+	height: 2.5em;
+	// This effectively moves the "background border" outside of the element to act like a real
+	// border. It is necessary for the dropdown (div.darkvectorMenu div.menu) to align well.
+	padding-right: 1px;
+	margin-right: -1px;
+}
+
+div.darkvectorMenu h3 span {
+	display: block;
+	font-size: 0.8em;
+	padding-left: 0.7em;
+	padding-top: 1.375em;
+	margin-right: 20px;
+	font-weight: normal;
+	color: @menu-main-heading-color;
+}
+
+div.darkvectorMenu h3 a {
+	position: absolute;
+	top: 0;
+	right: 0;
+	width: 20px;
+	height: 2.5em;
+	.background-image-svg('images/arrow-down-icon.svg', 'images/arrow-down-icon.png');
+	background-position: 100% 70%;
+	background-repeat: no-repeat;
+	.transition(background-position 250ms);
+}
+
+div.darkvectorMenu.menuForceShow h3 a {
+	background-position: 100% 100%;
+}
+
+div.darkvectorMenuFocus h3 a {
+	.background-image-svg('images/arrow-down-focus-icon.svg', 'images/arrow-down-focus-icon.png');
+}
+
+div.darkvectorMenu div.menu {
+	// Match the width of the dropdown "heading" (the tab)
+	min-width: 100%;
+	position: absolute;
+	top: 2.5em;
+	left: -1px;
+	background-color: white;
+	border: solid 1px silver;
+	border-top-width: 0;
+	clear: both;
+	text-align: left;
+	display: none;
+	// overlap indicators (which has z-index 1, too)
+	z-index: 1;
+}
+
+/* Enable forcing showing of the menu for accessibility */
+div.darkvectorMenu:hover div.menu,
+div.darkvectorMenu.menuForceShow div.menu {
+	display: block;
+}
+
+div.darkvectorMenu ul {
+	list-style-type: none;
+	list-style-image: none;
+	padding: 0;
+	margin: 0;
+	text-align: left;
+}
+
+/* Fixes old versions of FireFox */
+div.darkvectorMenu ul,
+x:-moz-any-link {
+	min-width: 5em;
+}
+
+/* Returns things back to normal in modern versions of FireFox */
+div.darkvectorMenu ul,
+x:-moz-any-link,
+x:default {
+	min-width: 0;
+}
+
+div.darkvectorMenu li {
+	padding: 0;
+	margin: 0;
+	text-align: left;
+	line-height: 1em;
+}
+
+/* OVERRIDDEN BY COMPLIANT BROWSERS */
+div.darkvectorMenu li a {
+	display: inline-block;
+	padding: 0.5em;
+	white-space: nowrap;
+	color: @menu-link-color;
+	cursor: pointer;
+	font-size: 0.8em;
+}
+
+/* IGNORED BY IE6 */
+div.darkvectorMenu li > a {
+	display: block;
+}
+
+div.darkvectorMenu li.selected a,
+div.darkvectorMenu li.selected a:visited {
+	color: #333;
+	text-decoration: none;
+}
+
+@import 'watchstar.less';
diff --git a/skins/DarkVector/components/watchstar.less b/skins/DarkVector/components/watchstar.less
new file mode 100644
index 00000000..4c142077
--- /dev/null
+++ b/skins/DarkVector/components/watchstar.less
@@ -0,0 +1,48 @@
+@import "mediawiki.mixins.rotation";
+
+/* Watch/Unwatch Icon Styling */
+#ca-unwatch.icon a,
+#ca-watch.icon a {
+	margin: 0;
+	padding: 0;
+	display: block;
+	width: 26px;
+	/* This hides the text but shows the background image */
+	padding-top: 3.1em;
+	margin-top: 0;
+	/* Only applied in IE6 */
+	_margin-top: -0.8em;
+	height: 0;
+	overflow: hidden;
+	background-position: 5px 60%;
+}
+#ca-unwatch.icon a {
+	.background-image-svg('images/unwatch-icon.svg', 'images/unwatch-icon.png');
+}
+#ca-watch.icon a {
+	.background-image-svg('images/watch-icon.svg', 'images/watch-icon.png');
+}
+#ca-unwatch.icon a:hover,
+#ca-unwatch.icon a:focus {
+	.background-image-svg('images/unwatch-icon-hl.svg', 'images/unwatch-icon-hl.png');
+}
+#ca-watch.icon a:hover,
+#ca-watch.icon a:focus {
+	.background-image-svg('images/watch-icon-hl.svg', 'images/watch-icon-hl.png');
+}
+#ca-unwatch.icon a.loading,
+#ca-watch.icon a.loading {
+	.background-image-svg('images/watch-icon-loading.svg', 'images/watch-icon-loading.png');
+	.rotation(700ms);
+	/* Suppress the hilarious rotating focus outline on Firefox */
+	outline: none;
+	cursor: default;
+	pointer-events: none;
+	background-position: 50% 60%;
+	-webkit-transform-origin: 50% 57%;
+	transform-origin: 50% 57%;
+}
+#ca-unwatch.icon a span,
+#ca-watch.icon a span {
+	display: none;
+}
diff --git a/skins/DarkVector/composer.json b/skins/DarkVector/composer.json
new file mode 100644
index 00000000..82373c13
--- /dev/null
+++ b/skins/DarkVector/composer.json
@@ -0,0 +1,46 @@
+{
+	"name": "mediawiki/darkvector-skin",
+	"type": "mediawiki-skin",
+	"description": "Vector skin with dark interface",
+	"keywords": [
+		"wiki",
+		"MediaWiki",
+		"skin"
+	],
+	"homepage": "https://www.mediawiki.org/wiki/Skin:DarkVector",
+	"license": "GPL-2.0+",
+	"authors": [
+		{
+			"name": "Malvineous"
+		},
+		{
+			"name": "Martynov Maxim"
+		}
+	],
+	"support": {
+		"wiki": "https://www.mediawiki.org/wiki/Skin:DarkVector",
+		"forum": "https://www.mediawiki.org/wiki/Skin_talk:DarkVector",
+		"source": "https://git.wikimedia.org/summary/mediawiki%2Fskins%2FDarkVector",
+		"irc": "irc://irc.freenode.org/mediawiki"
+	},
+	"require": {
+		"php": ">=5.3.3",
+		"composer/installers": ">1.0.12"
+	},
+	"extra": {
+		"branch-alias": {
+			"dev-master": "1.x-dev"
+		}
+	},
+	"require-dev": {
+		"jakub-onderka/php-parallel-lint": "0.9.*",
+		"mediawiki/mediawiki-codesniffer": "0.3.0"
+	},
+	"scripts": {
+		"test": [
+			"parallel-lint . --exclude vendor",
+			"phpcs -p"
+		]
+	}
+
+}
diff --git a/skins/DarkVector/csshover.htc b/skins/DarkVector/csshover.htc
new file mode 100644
index 00000000..a13ea68d
--- /dev/null
+++ b/skins/DarkVector/csshover.htc
@@ -0,0 +1,284 @@
+<public:attach event="ondocumentready" onevent="CSSHover()" />
+<script>
+/**
+ *	Whatever:hover - V3.11
+ *	------------------------------------------------------------
+ *	Author  - Peter Nederlof, http://www.xs4all.nl/~peterned
+ *	License - http://creativecommons.org/licenses/LGPL/2.1
+ *
+ *	Special thanks to Sergiu Dumitriu, http://purl.org/net/sergiu,
+ *	for fixing the expression loop.
+ *
+ *	Whatever:hover is free software; you can redistribute it and/or
+ *	modify it under the terms of the GNU Lesser General Public
+ *	License as published by the Free Software Foundation; either
+ *	version 2.1 of the License, or (at your option) any later version.
+ *
+ *	Whatever:hover 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
+ *	Lesser General Public License for more details.
+ *
+ *	howto: body { behavior:url("csshover3.htc"); }
+ *	------------------------------------------------------------
+ */
+
+window.CSSHover = (function(){
+
+	// regular expressions, used and explained later on.
+	var REG_INTERACTIVE = /(^|\s)((([^a]([^ ]+)?)|(a([^#.][^ ]+)+)):(hover|active|focus))/i;
+	var REG_AFFECTED = /(.*?)\:(hover|active|focus)/i;
+	var REG_PSEUDO = /[^:]+:([a-z\-]+).*/i;
+	var REG_SELECT = /(\.([a-z0-9_\-]+):[a-z]+)|(:[a-z]+)/gi;
+	var REG_CLASS = /\.([a-z0-9_\-]*on(hover|active|focus))/i;
+	var REG_MSIE = /msie (5|6|7)/i;
+	var REG_COMPAT = /backcompat/i;
+
+	// property mapping, real css properties must be used in order to clear expressions later on...
+	// Uses obscure css properties that no-one is likely to use. The properties are borrowed to
+	// set an expression, and are then restored to the most likely correct value.
+	var Properties = {
+		index: 0,
+		list: ['text-kashida', 'text-kashida-space', 'text-justify'],
+		get: function() {
+			return this.list[(this.index++)%this.list.length];
+		}
+	};
+
+	// camelize is used to convert css properties from (eg) text-kashida to textKashida
+	var camelize = function(str) {
+		return str.replace(/-(.)/mg, function(result, match){
+			return match.toUpperCase();
+		});
+	};
+	
+	/**
+	 *	Local CSSHover object
+	 *	--------------------------
+	 */
+	
+	var CSSHover = {
+		
+		// array of CSSHoverElements, used to unload created events
+		elements: [], 
+		
+		// buffer used for checking on duplicate expressions
+		callbacks: {}, 
+		
+		// init, called once ondomcontentready via the exposed window.CSSHover function
+		init:function() {
+			// don't run in IE8 standards; expressions don't work in standards mode anyway, 
+			// and the stuff we're trying to fix should already work properly
+			if(!REG_MSIE.test(navigator.userAgent) && !REG_COMPAT.test(window.document.compatMode)) {
+				return;
+			}
+
+			// start parsing the existing stylesheets
+			var sheets = window.document.styleSheets, l = sheets.length;
+			for(var i=0; i<l; i++) {
+				this.parseStylesheet(sheets[i]);
+			}
+		},
+
+		// called from init, parses individual stylesheets
+		parseStylesheet:function(sheet) {
+			// check sheet imports and parse those recursively
+			if(sheet.imports) {
+				try {
+					var imports = sheet.imports;
+					var l = imports.length;
+					for(var i=0; i<l; i++) {
+						this.parseStylesheet(sheet.imports[i]);
+					}
+				} catch(securityException){
+					// trycatch for various possible errors
+				}
+			}
+			
+			// interate the sheet's rules and send them to the parser
+			try {
+				var rules = sheet.rules;
+				var r = rules.length;
+				for(var j=0; j<r; j++) {
+					this.parseCSSRule(rules[j], sheet);
+				}
+			} catch(someException){
+				// trycatch for various errors, most likely accessing the sheet's rules.
+			}
+		},
+
+		// magic starts here ...
+		parseCSSRule:function(rule, sheet) {
+			
+			// The sheet is used to insert new rules into, this must be the same sheet the rule 
+			// came from, to ensure that relative paths keep pointing to the right location.
+
+			// only parse a rule if it contains an interactive pseudo.
+			var select = rule.selectorText;
+			if(REG_INTERACTIVE.test(select)) {
+				var style = rule.style.cssText;
+					
+				// affected elements are found by truncating the selector after the interactive pseudo,
+				// eg: "div li:hover" >>  "div li"
+				var affected = REG_AFFECTED.exec(select)[1];
+					
+				// that pseudo is needed for a classname, and defines the type of interaction (focus, hover, active)
+				// eg: "li:hover" >> "onhover"
+				var pseudo = select.replace(REG_PSEUDO, 'on$1');
+					
+				// the new selector is going to use that classname in a new css rule,
+				// since IE6 doesn't support multiple classnames, this is merged into one classname
+				// eg: "li:hover" >> "li.onhover",  "li.folder:hover" >> "li.folderonhover"
+				var newSelect = select.replace(REG_SELECT, '.$2' + pseudo);
+					
+				// the classname is needed for the events that are going to be set on affected nodes
+				// eg: "li.folder:hover" >> "folderonhover"
+				var className = REG_CLASS.exec(newSelect)[1];
+
+				// no need to set the same callback more than once when the same selector uses the same classname
+				var hash = affected + className;
+				if(!this.callbacks[hash]) {
+					
+					// affected elements are given an expression under a borrowed css property, because fake properties
+					// can't have their expressions cleared. Different properties are used per pseudo, to avoid
+					// expressions from overwriting eachother. The expression does a callback to CSSHover.patch, 
+					// rerouted via the exposed window.CSSHover function.
+					var property = Properties.get();
+					var atRuntime = camelize(property);
+
+					// because the expression is added to the stylesheet, and styles are always applied to html that is
+					// dynamically added to the dom, the expression will also trigger for those new elements (provided
+					// they are selected by the affected selector). 
+					sheet.addRule(affected, property + ':expression(CSSHover(this, "'+pseudo+'", "'+className+'", "'+atRuntime+'"))');
+					
+					// hash it, so an identical selector/class combo does not duplicate the expression
+					this.callbacks[hash] = true;
+				}
+				
+				// duplicate expressions need not be set, but the style could differ
+				sheet.addRule(newSelect, style);
+			}
+		},
+
+		// called via the expression, patches individual nodes
+		patch:function(node, type, className, property) {
+
+			// restores the borrowed css property to the value of its immediate parent, clearing
+			// the expression so that it's not repeatedly called. 
+			try {
+				var value = node.parentNode.currentStyle[property];
+				node.style[property] = value;	
+			} catch(e) {
+				// the above reset should never fail, but just in case, clear the runtimeStyle if it does.
+				// this will also stop the expression.
+				node.runtimeStyle[property] = '';
+			}			
+		
+			// just to make sure, also keep track of patched classnames locally on the node
+			if(!node.csshover) {
+				node.csshover = [];
+			}
+
+			// and check for it to prevent duplicate events with the same classname from being set
+			if(!node.csshover[className]) {
+				node.csshover[className] = true;
+
+				// create an instance for the given type and class
+				var element = new CSSHoverElement(node, type, className);
+				
+				// and store that instance for unloading later on
+				this.elements.push(element);
+			}
+
+			// returns a dummy value to the expression
+			return type;
+		},
+
+		// unload stuff onbeforeunload
+		unload:function() {
+			try {
+				
+				// remove events
+				var l = this.elements.length;
+				for(var i=0; i<l; i++) {
+					this.elements[i].unload();
+				}
+
+				// and set properties to null 
+				this.elements = [];
+				this.callbacks = {};
+
+			} catch (e) {
+			}
+		}
+	};
+
+	/**
+	 *	CSSHoverElement
+	 *	--------------------------
+	 */
+
+	// the event types associated with the interactive pseudos
+	var CSSEvents = {
+		onhover:  { activator: 'onmouseenter', deactivator: 'onmouseleave' },
+		onactive: { activator: 'onmousedown',  deactivator: 'onmouseup' },
+		onfocus:  { activator: 'onfocus',      deactivator: 'onblur' }
+	};
+	
+	// CSSHoverElement constructor, called via CSSHover.patch
+	function CSSHoverElement(node, type, className) {
+
+		// the CSSHoverElement patches individual nodes by manually applying the events that should 
+		// have fired by the css pseudoclasses, eg mouseenter and mouseleave for :hover. 
+
+		this.node = node;
+		this.type = type;
+		var replacer = new RegExp('(^|\\s)'+className+'(\\s|$)', 'g');
+
+		// store event handlers for removal onunload
+		this.activator =   function(){ node.className += ' ' + className; };
+		this.deactivator = function(){ node.className = node.className.replace(replacer, ' '); };
+		
+		// add the events
+		node.attachEvent(CSSEvents[type].activator, this.activator);
+		node.attachEvent(CSSEvents[type].deactivator, this.deactivator);
+	}
+	
+	CSSHoverElement.prototype = {
+		// onbeforeunload, called via CSSHover.unload
+		unload:function() {
+
+			// remove events 
+			this.node.detachEvent(CSSEvents[this.type].activator, this.activator);
+			this.node.detachEvent(CSSEvents[this.type].deactivator, this.deactivator);
+
+			// and set properties to null 
+			this.activator = null;
+			this.deactivator = null;
+			this.node = null;
+			this.type = null;
+		}
+	};
+
+	// add the unload to the onbeforeunload event
+	window.attachEvent('onbeforeunload', function(){
+		CSSHover.unload();
+	});
+
+	/**
+	 *	Public hook
+	 *	--------------------------
+	 */
+	
+	return function(node, type, className, property) {
+		if(node) {
+			// called via the css expression; patches individual nodes
+			return CSSHover.patch(node, type, className, property);
+		} else {
+			// called ondomcontentready via the public:attach node
+			CSSHover.init();
+		}
+	};
+
+})();
+</script>
\ No newline at end of file
diff --git a/skins/DarkVector/csshover.min.htc b/skins/DarkVector/csshover.min.htc
new file mode 100644
index 00000000..7e5c57b3
--- /dev/null
+++ b/skins/DarkVector/csshover.min.htc
@@ -0,0 +1,12 @@
+<public:attach event="ondocumentready" onevent="CSSHover()" />
+<script>
+/**
+ * Whatever:hover - V3.11
+ * http://www.xs4all.nl/~peterned/
+ *	
+ * Copyright (c) 2009 Peter Nederlof
+ * Licensed under the LGPL license
+ * http://creativecommons.org/licenses/LGPL/2.1
+ */
+window.CSSHover=(function(){var m=/(^|\s)((([^a]([^ ]+)?)|(a([^#.][^ ]+)+)):(hover|active|focus))/i;var n=/(.*?)\:(hover|active|focus)/i;var o=/[^:]+:([a-z\-]+).*/i;var p=/(\.([a-z0-9_\-]+):[a-z]+)|(:[a-z]+)/gi;var q=/\.([a-z0-9_\-]*on(hover|active|focus))/i;var s=/msie (5|6|7)/i;var t=/backcompat/i;var u={index:0,list:['text-kashida','text-kashida-space','text-justify'],get:function(){return this.list[(this.index++)%this.list.length]}};var v=function(c){return c.replace(/-(.)/mg,function(a,b){return b.toUpperCase()})};var w={elements:[],callbacks:{},init:function(){if(!s.test(navigator.userAgent)&&!t.test(window.document.compatMode)){return}var a=window.document.styleSheets,l=a.length;for(var i=0;i<l;i++){this.parseStylesheet(a[i])}},parseStylesheet:function(a){if(a.imports){try{var b=a.imports;var l=b.length;for(var i=0;i<l;i++){this.parseStylesheet(a.imports[i])}}catch(securityException){}}try{var c=a.rules;var r=c.length;for(var j=0;j<r;j++){this.parseCSSRule(c[j],a)}}catch(someException){}},parseCSSRule:function(a,b){var c=a.selectorText;if(m.test(c)){var d=a.style.cssText;var e=n.exec(c)[1];var f=c.replace(o,'on$1');var g=c.replace(p,'.$2'+f);var h=q.exec(g)[1];var i=e+h;if(!this.callbacks[i]){var j=u.get();var k=v(j);b.addRule(e,j+':expression(CSSHover(this, "'+f+'", "'+h+'", "'+k+'"))');this.callbacks[i]=true}b.addRule(g,d)}},patch:function(a,b,c,d){try{var f=a.parentNode.currentStyle[d];a.style[d]=f}catch(e){a.runtimeStyle[d]=''}if(!a.csshover){a.csshover=[]}if(!a.csshover[c]){a.csshover[c]=true;var g=new CSSHoverElement(a,b,c);this.elements.push(g)}return b},unload:function(){try{var l=this.elements.length;for(var i=0;i<l;i++){this.elements[i].unload()}this.elements=[];this.callbacks={}}catch(e){}}};var x={onhover:{activator:'onmouseenter',deactivator:'onmouseleave'},onactive:{activator:'onmousedown',deactivator:'onmouseup'},onfocus:{activator:'onfocus',deactivator:'onblur'}};function CSSHoverElement(a,b,c){this.node=a;this.type=b;var d=new RegExp('(^|\\s)'+c+'(\\s|$)','g');this.activator=function(){a.className+=' '+c};this.deactivator=function(){a.className=a.className.replace(d,' ')};a.attachEvent(x[b].activator,this.activator);a.attachEvent(x[b].deactivator,this.deactivator)}CSSHoverElement.prototype={unload:function(){this.node.detachEvent(x[this.type].activator,this.activator);this.node.detachEvent(x[this.type].deactivator,this.deactivator);this.activator=null;this.deactivator=null;this.node=null;this.type=null}};window.attachEvent('onbeforeunload',function(){w.unload()});return function(a,b,c,d){if(a){return w.patch(a,b,c,d)}else{w.init()}}})();
+</script>
diff --git a/skins/DarkVector/darkvector.js b/skins/DarkVector/darkvector.js
new file mode 100644
index 00000000..75c0db04
--- /dev/null
+++ b/skins/DarkVector/darkvector.js
@@ -0,0 +1 @@
+jQuery(function($){$("#searchInput").attr("tabindex",$(document).lastTabIndex()+1);$("div.vectorMenu").each(function(){var $el=$(this);$el.find("> h3 > a").parent().attr("tabindex","0").on("click keypress",function(e){if(e.type==="click"||e.which===13){$el.toggleClass("menuForceShow");e.preventDefault()}}).focus(function(){$el.find("> a").addClass("vectorMenuFocus")}).blur(function(){$el.find("> a").removeClass("vectorMenuFocus")}).find("> a:first").attr("tabindex","-1")});var $cactions=$("#p-cactions"),$tabContainer=$("#p-views ul"),originalDropdownWidth=$cactions.width();$tabContainer.bind("beforeTabCollapse",function(){if($cactions.hasClass("emptyPortlet")){$cactions.removeClass("emptyPortlet").find("h3").css("width","1px").animate({width:originalDropdownWidth},"normal")}}).bind("beforeTabExpand",function(){if($cactions.find("li").length===1){$cactions.find("h3").animate({width:"1px"},"normal",function(){$(this).attr("style","").parent().addClass("emptyPortlet")})}}).collapsibleTabs({expandCondition:function(eleWidth){var distance=$.collapsibleTabs.calculateTabDistance();if(distance>=eleWidth+1){return true}else{if($cactions.find("li").length===1){return distance>=eleWidth+1-originalDropdownWidth}else{return false}}},collapseCondition:function(){if($.collapsibleTabs.calculateTabDistance()<0){if($cactions.hasClass("emptyPortlet")){return $tabContainer.children("li.collapsible:last").width()>originalDropdownWidth}else{return true}}else{return false}}})});
diff --git a/skins/DarkVector/darkvector.less b/skins/DarkVector/darkvector.less
new file mode 100644
index 00000000..d7e64b56
--- /dev/null
+++ b/skins/DarkVector/darkvector.less
@@ -0,0 +1,1207 @@
+/* CSS placed here will affect users of the Vector skin */
+
+
+/* Override Vector colour scheme to make it dark (compiled from modified LESS code) */
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+    color: #c1c1c1
+}
+
+div.mw-number-text {
+    color: #888 !important;
+}
+
+div.mw-number-text h3 {
+    color: #c1c1c1 !important;
+}
+
+hr {
+    color: #222;
+}
+
+pre,
+.mw-code {
+    color: #ccc !important;
+    background-color: #4C4C4C !important;
+    border: none;
+}
+
+.doc {
+    background: transparent;
+}
+
+.CategoryTreeToggle {
+    color: #e69710;
+}
+
+.editOptions {
+    background-color: #333;
+    border-color: #4c4c4c;
+}
+
+input,
+textarea {
+    background-color: #4c4c4c;
+    border-color: #4c4c4c;
+    color: #c1c1c1;
+}
+
+.oo-ui-radioInputWidget input[type="radio"]:checked + span {
+    background-image: linear-gradient(transparent, transparent), url('images/circle-constructive.png') !important;
+    background-position: center center !important;
+}
+
+.uls-menu, .mw-mmv-dialog {
+    background-color: #606060 !important;
+}
+
+.uls-menu .uls-search {
+    background-color: transparent !important;
+    border-top-color: #e69710 !important;
+    border-bottom-color: #e69710 !important;
+    background-image: none!important;
+}
+
+.uls-menu .uls-filtersuggestion {
+    background-color: #909090 !important;
+}
+
+.uls-menu .uls-title,
+.mw-mmv-options-text-header,
+.rc-anchor-light {
+    color: #aaa !important;
+}
+
+.uls-menu .uls-lcd-region-section .uls-lcd-region-title {
+    color: #ccc !important;
+}
+
+.uls-lcd-region-section ul li:hover,
+.rc-footer {
+    background-color: #707070 !important;
+}
+
+.uls-menu .uls-search-label {
+    background: transparent url('images/search_tool.png') !important;
+    background-repeat: no-repeat !important;
+}
+
+.uls-icon-close {
+    background: transparent url('images/exit.png') !important;
+    background-repeat: no-repeat !important;
+    background-position: center center !important;
+}
+
+.mw-mmv-post-image,.mw-mmv-image-metadata {
+    background-color: #4c4c4c !important;
+}
+
+.mw-mmv-image-links li,
+.rc-report-problem-text {
+    color: #bbb !important;
+}
+
+.mw-mmv-post-image {
+    color: #fff !important;
+}
+
+.mw-mmv-options-dialog-header {
+    color: #ccc !important;
+}
+
+
+.mw-mmv-options-text-body {
+    color: #999 !important;
+}
+
+.mw-mmv-dialog .mw-mmv-dialog-down-arrow {
+    background-color: #aaa !important;
+}
+
+.smw-ask-otheroptions tr {
+    background: #505050 none repeat scroll 0% 0% !important;
+}
+
+
+a,
+.mw-body a.external,
+.mw-body a.extiw,
+.uls-language-list a {
+    color: #e69710 !important;
+}
+
+a:visited,
+.mw-body a.external:visited,
+.mw-body a.extiw:visited {
+    color: #D28A0D;
+}
+
+a.new,
+#p-personal a.new {
+    color: #d44
+}
+
+ul {
+    list-style-image: none
+}
+
+div.thumbinner,
+.catlinks {
+    background-color: #4c4c4c;
+    border-color: #666
+}
+
+#toc,
+div.toc,
+ul#filetoc,
+li.gallerybox div.thumb {
+    background-color: #4c4c4c;
+    border-color: #666
+}
+
+code {
+    border: none;
+    background-color: inherit;
+    color: inherit
+}
+
+table.mw_metadata td,
+table.mw_metadata th,
+table.wikitable,
+table.wikitable>*>tr>th,
+table.wikitable>*>tr>td,
+pre {
+    color: #c1c1c1;
+    background-color: #4c4c4c;
+    border-color: #666
+}
+
+table.mw_metadata th,
+table.wikitable>*>tr>th {
+    background-color: #595959
+}
+
+.infobox>caption,
+.navbox2 th {
+    background: #595959;
+}
+
+.infobox th {
+    background: #4c4c4c;
+}
+
+#preferences {
+    background-color: transparent;
+}
+
+#preftoc li {
+    background-image: none;
+}
+
+#preftoc li>a {
+    border-top: 1px solid #ccc;
+    border-right: 1px solid #ccc;
+    border-left: 1px solid #ccc;
+    border-collapse: collapse;
+    background-color: transparent;
+    color: #D28A0D;
+}
+
+.wikiEditor-ui,
+.wikiEditor-preview-contents,
+.mw-datatable td,
+.smw-editpage-help, div.mw-warning-with-logexcerpt,
+.oo-ui-radioInputWidget input[type="radio"] + span,
+.rc-anchor-light {
+    background: transparent !important;
+}
+
+.mw-datatable th,
+#rc-imageselect {
+    background-color: #4C4C4C !important;
+}
+
+.rc-anchor {
+    box-shadow:none;
+}
+
+div#simpleSearch {
+    background-color: transparent!important;
+    background-image: none!important;
+    border: none!important;
+}
+
+.oo-ui-textInputWidget input,
+.oo-ui-textInputWidget textarea,
+div#simpleSearch #searchInput {
+    background-color: #4C4C4C !important;
+    color: #C1C1C1 !important;
+}
+
+div#simpleSearch #searchInput {
+    height: 100% !important;
+    padding: 0 !important;
+}
+
+div#simpleSearch #searchButton {
+    background-color: rgba(210, 138, 13, 0.27)!important;
+}
+
+.oo-ui-buttonElement-button,
+.mw-ui-button {
+    color: #ffffff !important;
+    background-color: #e69710 !important;
+    border-color: #e69710 !important;
+}
+
+.oo-ui-buttonElement-button:hover,
+.mw-ui-button:hover {
+    color: #ffffff !important;
+    ;
+    background-color: #D28A0D !important;
+    border-color: #D28A0D !important;
+}
+
+.oo-ui-dropdownInputWidget select,
+.oo-ui-dropdownInputWidget.oo-ui-widget-enabled,
+.mw-ui-checkbox:not(#noop) input[type="checkbox"] + label::before {
+    background-color: #4C4C4C !important;
+}
+
+.mw-ui-checkbox:not(#noop) input[type="checkbox"] + label::before {
+    background-image: url('images/check-constructive.png') !important;
+}
+
+table.diff {
+    background-color: #4c4c4c;
+}
+
+td .diffchange {
+    color: #4c4c4c;
+}
+
+#pagehistory li.selected,
+td.diff-context {
+    background-color: inherit;
+    color: inherit
+}
+
+#pagehistory li {
+    border: 0;
+}
+
+.gallerytext p {
+    color: rgba(0, 0, 0, 0.8);
+}
+
+#left-navigation div.darkvectorTabs,
+#right-navigation div.darkvectorTabs {
+    background-image: inherit;
+    background-color: #250b2d
+}
+
+#left-navigation div.darkvectorTabs ul,
+#right-navigation div.darkvectorTabs ul {
+    background-color: #250b2d
+}
+
+#left-navigation div.darkvectorTabs ul li,
+#right-navigation div.darkvectorTabs ul li {
+    background-color: #222;
+    background-image: -moz-linear-gradient(top, #2e2e2e 20%, #222 100%);
+    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #2e2e2e), color-stop(100%, #222));
+    background-image: -webkit-linear-gradient(top, #2e2e2e 20%, #222 100%);
+    background-image: linear-gradient(#2e2e2e 20%, #222 100%)
+}
+
+#left-navigation div.darkvectorTabs li.new a,
+#right-navigation div.darkvectorTabs li.new a,
+#left-navigation div.darkvectorTabs li.new a:visited,
+#right-navigation div.darkvectorTabs li.new a:visited {
+    color: #d44
+}
+
+#left-navigation div.darkvectorTabs li.selected,
+#right-navigation div.darkvectorTabs li.selected {
+    background-color: #333;
+    background-image: -moz-linear-gradient(top, #e69710 0, #333 10%);
+    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #e69710), color-stop(10%, #333));
+    background-image: -webkit-linear-gradient(top, #e69710 0, #333 10%);
+    background-image: linear-gradient(#e69710 0, #333 10%)
+}
+
+#left-navigation div.darkvectorTabs li.selected a,
+#right-navigation div.darkvectorTabs li.selected a,
+#left-navigation div.darkvectorTabs li.selected a:visited,
+#right-navigation div.darkvectorTabs li.selected a:visited {
+    color: #D28A0D
+}
+
+#left-navigation div.darkvectorTabs li a,
+#right-navigation div.darkvectorTabs li a {
+    color: #e69710
+}
+
+#left-navigation div.darkvectorTabs span,
+#right-navigation div.darkvectorTabs span {
+    background: transparent
+}
+
+div#mw-head #right-navigation div.darkvectorMenu h3 {
+    background: inherit
+}
+
+div#mw-head div.darkvectorMenu h3 span {
+    color: #e69710
+}
+
+div.darkvectorMenu h3 a {
+    background: inherit
+}
+
+div.darkvectorMenu ul {
+    background-color: black;
+    border: solid 1px #0c0c0c
+}
+
+div.darkvectorMenu li a {
+    color: #e69710
+}
+
+div.darkvectorMenu li.selected a,
+div.darkvectorMenu li.selected a:visited {
+    color: #D28A0D;
+    text-decoration: none
+}
+
+div.darkvectorMenu#p-cactions div.menu {
+    border-color: #666
+}
+
+div.darkvectorMenu#p-cactions ul {
+    border: 0;
+    background-color: #4c4c4c
+}
+
+#mw-navigation div#mw-panel div.portal {
+    background-image: none;
+    border-top: 1px solid #4c4c4c
+}
+
+#mw-navigation div#mw-panel div.portal#p-logo,
+#mw-navigation div#mw-panel div.portal#p-navigation {
+    border-top: none
+}
+
+html {
+    font-size: 100%
+}
+
+html,
+body {
+    height: 100%;
+    margin: 0;
+    padding: 0;
+    font-family: sans-serif
+}
+
+body {
+    background-color: #2a2a2a
+}
+
+.mw-body {
+    margin-left: 10em;
+    padding: 1em;
+    border: 1px solid #250b2d;
+    border-right-width: 0;
+    margin-top: -1px;
+    background-color: #333;
+    color: #c1c1c1;
+    direction: ltr
+}
+
+.mw-body .mw-editsection,
+.mw-body .mw-editsection-like {
+    font-family: sans-serif
+}
+
+.mw-body p {
+    line-height: inherit;
+    margin: .5em 0
+}
+
+.mw-body h1,
+.mw-body h2,
+.mw-body #firstHeading {
+    font-family: "Linux Libertine", Georgia, Times, serif;
+    line-height: 1.3;
+    margin-bottom: .25em;
+    padding: 0
+}
+
+.mw-body h1,
+.mw-body #firstHeading {
+    font-size: 1.8em
+}
+
+.mw-body h2 {
+    font-size: 1.5em;
+    margin-top: 1em
+}
+
+.mw-body h3,
+.mw-body h4,
+.mw-body h5,
+.mw-body h6 {
+    line-height: 1.6;
+    margin-top: .3em;
+    margin-bottom: 0;
+    padding-bottom: 0
+}
+
+.mw-body h3 {
+    font-size: 1.17em
+}
+
+.mw-body h3,
+.mw-body h4 {
+    font-weight: bold
+}
+
+.mw-body h4,
+.mw-body h5,
+.mw-body h6 {
+    font-size: 100%
+}
+
+.mw-body #toc h2,
+.mw-body .toc h2 {
+    font-size: 100%;
+    font-family: sans-serif
+}
+
+div.emptyPortlet {
+    display: none
+}
+
+ul {
+    list-style-type: disc;
+    list-style-image: url('images/bullet-icon.png')
+}
+
+pre,
+.mw-code {
+    line-height: 1.3em
+}
+
+#siteNotice {
+    font-size: .8em
+}
+
+.redirectText {
+    font-size: 140%
+}
+
+.redirectMsg img {
+    vertical-align: text-bottom
+}
+
+.mw-body-content {
+    position: relative;
+    line-height: 1.6;
+    font-size: .875em
+}
+
+body.darkvector-animateLayout .mw-body,
+body.darkvector-animateLayout div#footer,
+body.darkvector-animateLayout #left-navigation {
+    -webkit-transition: margin-left 250ms, padding 250ms;
+    -moz-transition: margin-left 250ms, padding 250ms;
+    -o-transition: margin-left 250ms, padding 250ms;
+    transition: margin-left 250ms, padding 250ms
+}
+
+body.darkvector-animateLayout #p-logo {
+    -webkit-transition: left 250ms;
+    -moz-transition: left 250ms;
+    -o-transition: left 250ms;
+    transition: left 250ms
+}
+
+body.darkvector-animateLayout #mw-panel {
+    -webkit-transition: padding-right 250ms;
+    -moz-transition: padding-right 250ms;
+    -o-transition: padding-right 250ms;
+    transition: padding-right 250ms
+}
+
+body.darkvector-animateLayout #p-search {
+    -webkit-transition: margin-right 250ms;
+    -moz-transition: margin-right 250ms;
+    -o-transition: margin-right 250ms;
+    transition: margin-right 250ms
+}
+
+body.darkvector-animateLayout #p-personal {
+    -webkit-transition: right 250ms;
+    -moz-transition: right 250ms;
+    -o-transition: right 250ms;
+    transition: right 250ms
+}
+
+body.darkvector-animateLayout #mw-head-base {
+    -webkit-transition: margin-left 250ms;
+    -moz-transition: margin-left 250ms;
+    -o-transition: margin-left 250ms;
+    transition: margin-left 250ms
+}
+
+#p-personal {
+    position: absolute;
+    top: .33em;
+    right: .75em;
+    z-index: 100
+}
+
+#p-personal h3 {
+    display: none
+}
+
+#p-personal ul {
+    list-style-type: none;
+    list-style-image: none;
+    margin: 0;
+    padding-left: 10em
+}
+
+#p-personal li {
+    line-height: 1.125em;
+    float: left;
+    margin-left: .75em;
+    margin-top: .5em;
+    font-size: .75em;
+    white-space: nowrap
+}
+
+#pt-userpage,
+#pt-anonuserpage {
+    background-position: left top;
+    background-repeat: no-repeat;
+    background-image: url('images/user-icon.png');
+    background-image: -webkit-linear-gradient(transparent, transparent), url('images/user-icon.svg');
+    background-image: linear-gradient(transparent, transparent), url('images/user-icon.svg');
+    padding-left: 15px !important
+}
+
+#p-search {
+    float: left;
+    margin-right: .5em;
+    margin-left: .5em
+}
+
+#p-search h3 {
+    display: none
+}
+
+#p-search form,
+#p-search input {
+    margin: 0;
+    margin-top: .4em
+}
+
+div#simpleSearch {
+    display: block;
+    width: 12.6em;
+    padding-right: 1.4em;
+    height: 1.4em;
+    margin-top: .65em;
+    position: relative;
+    min-height: 1px;
+    border: solid 1px #aaa;
+    color: black;
+    background-color: white;
+    background-image: url('images/search-fade.png');
+    background-position: top left;
+    background-repeat: repeat-x
+}
+
+div#simpleSearch input {
+    margin: 0;
+    padding: 0;
+    border: 0;
+    background-color: transparent;
+    color: black
+}
+
+div#simpleSearch #searchInput {
+    width: 100%;
+    padding: .2em 0 .2em .2em;
+    font-size: 13px;
+    direction: ltr;
+    -webkit-appearance: textfield
+}
+
+div#simpleSearch #searchInput:focus {
+    outline: none
+}
+
+div#simpleSearch #searchInput.placeholder {
+    color: #999
+}
+
+div#simpleSearch #searchInput:-ms-input-placeholder {
+    color: #999
+}
+
+div#simpleSearch #searchInput:-moz-placeholder {
+    color: #999
+}
+
+div#simpleSearch #searchInput::-webkit-search-decoration,
+div#simpleSearch #searchInput::-webkit-search-cancel-button,
+div#simpleSearch #searchInput::-webkit-search-results-button,
+div#simpleSearch #searchInput::-webkit-search-results-decoration {
+    -webkit-appearance: textfield
+}
+
+div#simpleSearch #searchButton,
+div#simpleSearch #mw-searchButton {
+    position: absolute;
+    top: 0;
+    right: 0;
+    width: 1.65em;
+    height: 100%;
+    cursor: pointer;
+    text-indent: -99999px;
+    line-height: 1;
+    direction: ltr;
+    white-space: nowrap;
+    overflow: hidden;
+    background-image: url('images/search-ltr.png');
+    background-image: -webkit-linear-gradient(transparent, transparent), url('images/search-ltr.svg');
+    background-image: linear-gradient(transparent, transparent), url('images/search-ltr.svg');
+    background-position: center center;
+    background-repeat: no-repeat
+}
+
+div#simpleSearch #mw-searchButton {
+    z-index: 1
+}
+
+div.darkvectorTabs h3 {
+    display: none
+}
+
+div.darkvectorTabs {
+    float: left;
+    height: 2.5em;
+    background-image: url('images/tab-break.png');
+    background-position: bottom left;
+    background-repeat: no-repeat;
+    padding-left: 1px
+}
+
+div.darkvectorTabs ul {
+    float: left;
+    height: 100%;
+    list-style-type: none;
+    list-style-image: none;
+    margin: 0;
+    padding: 0;
+    background-image: url('images/tab-break.png');
+    background-position: right bottom;
+    background-repeat: no-repeat
+}
+
+div.darkvectorTabs ul li {
+    float: left;
+    line-height: 1.125em;
+    display: inline-block;
+    height: 100%;
+    margin: 0;
+    padding: 0;
+    background-color: #f3f3f3;
+    background-image: url('images/tab-normal-fade.png');
+    background-position: bottom left;
+    background-repeat: repeat-x;
+    white-space: nowrap
+}
+
+div.darkvectorTabs ul>li {
+    display: block
+}
+
+div.darkvectorTabs li.new a,
+div.darkvectorTabs li.new a:visited {
+    color: #a55858
+}
+
+div.darkvectorTabs li.selected {
+    background-image: url('images/tab-current-fade.png')
+}
+
+div.darkvectorTabs li.selected a,
+div.darkvectorTabs li.selected a:visited {
+    color: #333;
+    text-decoration: none
+}
+
+div.darkvectorTabs li.icon a {
+    background-position: bottom right;
+    background-repeat: no-repeat
+}
+
+div.darkvectorTabs li a {
+    display: inline-block;
+    height: 1.9em;
+    padding-left: .5em;
+    padding-right: .5em;
+    color: #e69710;
+    cursor: pointer;
+    font-size: .8em
+}
+
+div.darkvectorTabs li>a {
+    display: block
+}
+
+div.darkvectorTabs span {
+    display: inline-block;
+    background-image: url('images/tab-break.png');
+    background-position: bottom right;
+    background-repeat: no-repeat
+}
+
+div.darkvectorTabs span a {
+    display: inline-block;
+    padding-top: 1.25em
+}
+
+div.darkvectorTabs span>a {
+    float: left;
+    display: block
+}
+
+div.darkvectorMenu {
+    direction: ltr;
+    float: left;
+    cursor: pointer;
+    position: relative
+}
+
+body.rtl div.darkvectorMenu {
+    direction: rtl
+}
+
+div#mw-head div.darkvectorMenu h3 {
+    float: left;
+    background-image: url('images/tab-break.png');
+    background-repeat: no-repeat;
+    background-position: bottom right;
+    margin-left: -1px;
+    font-size: 1em;
+    height: 2.5em;
+    padding-right: 1px;
+    margin-right: -1px
+}
+
+div.darkvectorMenu h3 span {
+    display: block;
+    font-size: .8em;
+    padding-left: .7em;
+    padding-top: 1.375em;
+    margin-right: 20px;
+    font-weight: normal;
+    color: #656565
+}
+
+div.darkvectorMenu h3 a {
+    position: absolute;
+    top: 0;
+    right: 0;
+    width: 20px;
+    height: 2.5em;
+    background-image: url('images/arrow-down-icon.png');
+    background-image: -webkit-linear-gradient(transparent, transparent), url('images/arrow-down-icon.svg');
+    background-image: linear-gradient(transparent, transparent), url('images/arrow-down-icon.svg');
+    background-position: 100% 70%;
+    background-repeat: no-repeat;
+    -webkit-transition: background-position 250ms;
+    -moz-transition: background-position 250ms;
+    -o-transition: background-position 250ms;
+    transition: background-position 250ms
+}
+
+div.darkvectorMenu.menuForceShow h3 a {
+    background-position: 100% 100%
+}
+
+div.darkvectorMenuFocus h3 a {
+    background-image: url('images/arrow-down-focus-icon.png');
+    background-image: -webkit-linear-gradient(transparent, transparent), url('images/arrow-down-focus-icon.svg');
+    background-image: linear-gradient(transparent, transparent), url('images/arrow-down-focus-icon.svg')
+}
+
+div.darkvectorMenu div.menu {
+    min-width: 100%;
+    position: absolute;
+    top: 2.5em;
+    left: -1px;
+    background-color: white;
+    border: solid 1px silver;
+    border-top-width: 0;
+    clear: both;
+    text-align: left;
+    display: none
+}
+
+div.darkvectorMenu:hover div.menu,
+div.darkvectorMenu.menuForceShow div.menu {
+    display: block
+}
+
+div.darkvectorMenu ul {
+    list-style-type: none;
+    list-style-image: none;
+    padding: 0;
+    margin: 0;
+    text-align: left
+}
+
+div.darkvectorMenu ul,
+x:-moz-any-link {
+    min-width: 5em
+}
+
+div.darkvectorMenu ul,
+x:-moz-any-link,
+x:default {
+    min-width: 0
+}
+
+div.darkvectorMenu li {
+    padding: 0;
+    margin: 0;
+    text-align: left;
+    line-height: 1em
+}
+
+div.darkvectorMenu li a {
+    display: inline-block;
+    padding: .5em;
+    white-space: nowrap;
+    color: #e69710;
+    cursor: pointer;
+    font-size: .8em
+}
+
+div.darkvectorMenu li>a {
+    display: block
+}
+
+div.darkvectorMenu li.selected a,
+div.darkvectorMenu li.selected a:visited {
+    color: #333;
+    text-decoration: none
+}
+
+@-webkit-keyframes rotate {
+    from {
+        -webkit-transform: rotate(0deg);
+        -moz-transform: rotate(0deg);
+        transform: rotate(0deg)
+    }
+    to {
+        -webkit-transform: rotate(360deg);
+        -moz-transform: rotate(360deg);
+        transform: rotate(360deg)
+    }
+}
+
+@-moz-keyframes rotate {
+    from {
+        -webkit-transform: rotate(0deg);
+        -moz-transform: rotate(0deg);
+        transform: rotate(0deg)
+    }
+    to {
+        -webkit-transform: rotate(360deg);
+        -moz-transform: rotate(360deg);
+        transform: rotate(360deg)
+    }
+}
+
+@-o-keyframes rotate {
+    from {
+        -webkit-transform: rotate(0deg);
+        -moz-transform: rotate(0deg);
+        transform: rotate(0deg)
+    }
+    to {
+        -webkit-transform: rotate(360deg);
+        -moz-transform: rotate(360deg);
+        transform: rotate(360deg)
+    }
+}
+
+@keyframes rotate {
+    from {
+        -webkit-transform: rotate(0deg);
+        -moz-transform: rotate(0deg);
+        transform: rotate(0deg)
+    }
+    to {
+        -webkit-transform: rotate(360deg);
+        -moz-transform: rotate(360deg);
+        transform: rotate(360deg)
+    }
+}
+
+#ca-unwatch.icon a,
+#ca-watch.icon a {
+    margin: 0;
+    padding: 0;
+    display: block;
+    width: 26px;
+    padding-top: 3.1em;
+    margin-top: 0;
+    height: 0;
+    overflow: hidden;
+    background-position: 5px 60%
+}
+
+#ca-unwatch.icon a {
+    background-image: url('images/unwatch-icon.png');
+    background-image: -webkit-linear-gradient(transparent, transparent), url('images/unwatch-icon.svg');
+    background-image: linear-gradient(transparent, transparent), url('images/unwatch-icon.svg')
+}
+
+#ca-watch.icon a {
+    background-image: url('images/watch-icon.png');
+    background-image: -webkit-linear-gradient(transparent, transparent), url('images/watch-icon.svg');
+    background-image: linear-gradient(transparent, transparent), url('images/watch-icon.svg')
+}
+
+#ca-unwatch.icon a:hover,
+#ca-unwatch.icon a:focus {
+    background-image: url('images/unwatch-icon-hl.png');
+    background-image: -webkit-linear-gradient(transparent, transparent), url('images/unwatch-icon-hl.svg');
+    background-image: linear-gradient(transparent, transparent), url('images/unwatch-icon-hl.svg')
+}
+
+#ca-watch.icon a:hover,
+#ca-watch.icon a:focus {
+    background-image: url('images/watch-icon-hl.png');
+    background-image: -webkit-linear-gradient(transparent, transparent), url('images/watch-icon-hl.svg');
+    background-image: linear-gradient(transparent, transparent), url('images/watch-icon-hl.svg')
+}
+
+#ca-unwatch.icon a.loading,
+#ca-watch.icon a.loading {
+    background-image: url('images/watch-icon-loading.png');
+    background-image: -webkit-linear-gradient(transparent, transparent), url('images/watch-icon-loading.svg');
+    background-image: linear-gradient(transparent, transparent), url('images/watch-icon-loading.svg');
+    -webkit-animation: rotate 700ms infinite linear;
+    -moz-animation: rotate 700ms infinite linear;
+    -o-animation: rotate 700ms infinite linear;
+    animation: rotate 700ms infinite linear;
+    outline: none;
+    cursor: default;
+    pointer-events: none;
+    background-position: 50% 60%;
+    -webkit-transform-origin: 50% 57%;
+    transform-origin: 50% 57%
+}
+
+#ca-unwatch.icon a span,
+#ca-watch.icon a span {
+    display: none
+}
+
+#mw-navigation h2 {
+    position: absolute;
+    top: -9999px
+}
+
+#mw-page-base {
+    height: 5em;
+    background-position: bottom left;
+    background-repeat: repeat-x;
+    background-image: url('images/page-fade.png');
+    background-color: #2a2a2a;
+    background-image: -moz-linear-gradient(top, #333 50%, #2a2a2a 100%);
+    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #333), color-stop(100%, #2a2a2a));
+    background-image: -webkit-linear-gradient(top, #333 50%, #2a2a2a 100%);
+    background-image: linear-gradient(#333 50%, #2a2a2a 100%);
+    background-color: #333
+}
+
+#mw-head-base {
+    margin-top: -5em;
+    margin-left: 10em;
+    height: 5em
+}
+
+div#mw-head {
+    position: absolute;
+    top: 0;
+    right: 0;
+    width: 100%
+}
+
+div#mw-head h3 {
+    margin: 0;
+    padding: 0
+}
+
+#left-navigation {
+    float: left;
+    margin-left: 10em;
+    margin-top: 2.5em;
+    margin-bottom: -2.5em;
+    display: inline
+}
+
+#right-navigation {
+    float: right;
+    margin-top: 2.5em
+}
+
+#p-logo {
+    position: absolute;
+    top: -160px;
+    left: 0;
+    width: 10em;
+    height: 160px
+}
+
+#p-logo a {
+    display: block;
+    width: 10em;
+    height: 160px;
+    background-repeat: no-repeat;
+    background-position: center center;
+    text-decoration: none
+}
+
+div#mw-panel {
+    font-size: inherit;
+    position: absolute;
+    top: 160px;
+    padding-top: 1em;
+    width: 10em;
+    left: 0
+}
+
+div#mw-panel div.portal {
+    margin: 0 .6em 0 .7em;
+    padding: .25em 0;
+    direction: ltr;
+    background-position: top left;
+    background-repeat: no-repeat;
+    background-image: url('images/portal-break.png')
+}
+
+div#mw-panel div.portal h3 {
+    font-size: .75em;
+    color: #656565;
+    font-weight: normal;
+    margin: 0;
+    padding: .25em 0 .25em .25em;
+    cursor: default;
+    border: none
+}
+
+div#mw-panel div.portal div.body {
+    margin: 0 0 0 1.25em;
+    padding-top: 0
+}
+
+div#mw-panel div.portal div.body ul {
+    list-style-type: none;
+    list-style-image: none;
+    margin: 0;
+    padding: 0
+}
+
+div#mw-panel div.portal div.body ul li {
+    line-height: 1.125em;
+    margin: 0;
+    padding: .25em 0;
+    font-size: .75em;
+    word-wrap: break-word
+}
+
+div#mw-panel div.portal div.body ul li a {
+    color: #e69710
+}
+
+div#mw-panel div.portal div.body ul li a:visited {
+    color: #D28A0D
+}
+
+div#mw-panel div.portal.first {
+    background-image: none;
+    margin-top: 0
+}
+
+div#mw-panel div.portal.first h3 {
+    display: none
+}
+
+div#mw-panel div.portal.first div.body {
+    margin-left: .5em
+}
+
+div#footer {
+    margin-left: 10em;
+    margin-top: 0;
+    padding: .75em;
+    direction: ltr
+}
+
+div#footer ul {
+    list-style-type: none;
+    list-style-image: none;
+    margin: 0;
+    padding: 0
+}
+
+div#footer ul li {
+    margin: 0;
+    padding: 0;
+    padding-top: .5em;
+    padding-bottom: .5em;
+    color: #333;
+    font-size: .7em
+}
+
+div#footer #footer-icons {
+    float: right
+}
+
+div#footer #footer-icons li {
+    float: left;
+    margin-left: .5em;
+    line-height: 2em;
+    text-align: right
+}
+
+div#footer #footer-info li {
+    line-height: 1.4em
+}
+
+div#footer #footer-places li {
+    float: left;
+    margin-right: 1em;
+    line-height: 2em
+}
+
+body.ltr div#footer #footer-places {
+    float: left
+}
diff --git a/skins/DarkVector/hooks.txt b/skins/DarkVector/hooks.txt
new file mode 100644
index 00000000..c842b4a5
--- /dev/null
+++ b/skins/DarkVector/hooks.txt
@@ -0,0 +1,6 @@
+Hooks provided by the DarkVector skin.
+
+'SkinDarkVectorStyleModules': Called when defining the list of module styles to be
+loaded by the DarkVector skin.
+$skin: SkinDarkVector object
+&$styles: Array of module names whose style will be loaded for the skin
diff --git a/skins/DarkVector/i18n/de.json b/skins/DarkVector/i18n/de.json
new file mode 100644
index 00000000..58e8a3df
--- /dev/null
+++ b/skins/DarkVector/i18n/de.json
@@ -0,0 +1,25 @@
+{
+	"@metadata": {
+		"authors": [
+			"Malvineous",
+			"Martynov Maxim"
+		]
+	},
+	"skinname-darkvector": "DarkVector",
+	"darkvector-skin-desc": "Stellt eine modernisierte Benutzeroberfläche bereit",
+	"darkvector.css": "/* Das folgende CSS wird für Benutzer der darkvector-Benutzeroberfläche geladen. */",
+	"darkvector.js": "/* Das folgende JavaScript wird für Benutzer der darkvector-Benutzeroberfläche geladen. */",
+	"darkvector-action-addsection": "Abschnitt hinzufügen",
+	"darkvector-action-delete": "Löschen",
+	"darkvector-action-move": "Verschieben",
+	"darkvector-action-protect": "Schützen",
+	"darkvector-action-undelete": "Wiederherstellen",
+	"darkvector-action-unprotect": "Seitenschutz ändern",
+	"darkvector-view-create": "Erstellen",
+	"darkvector-view-edit": "Bearbeiten",
+	"darkvector-view-history": "Versionsgeschichte",
+	"darkvector-view-view": "Lesen",
+	"darkvector-view-viewsource": "Quelltext anzeigen",
+	"darkvector-more-actions": "Mehr"
+}
+
diff --git a/skins/DarkVector/i18n/en.json b/skins/DarkVector/i18n/en.json
new file mode 100644
index 00000000..fd9bba23
--- /dev/null
+++ b/skins/DarkVector/i18n/en.json
@@ -0,0 +1,24 @@
+{
+	"@metadata": {
+		"authors": [
+			"Malvineous",
+			"Martynov Maxim"
+		]
+	},
+	"skinname-darkvector": "DarkVector",
+	"darkvector-skin-desc": "Vector skin with dark interface",
+	"darkvector.css": "/* CSS placed here will affect users of the DarkVector skin */",
+	"darkvector.js": "/* Any JavaScript here will be loaded for users using the DarkVector skin */",
+	"darkvector-action-addsection": "Add topic",
+	"darkvector-action-delete": "Delete",
+	"darkvector-action-move": "Move",
+	"darkvector-action-protect": "Protect",
+	"darkvector-action-undelete": "Undelete",
+	"darkvector-action-unprotect": "Change protection",
+	"darkvector-view-create": "Create",
+	"darkvector-view-edit": "Edit",
+	"darkvector-view-history": "View history",
+	"darkvector-view-view": "Read",
+	"darkvector-view-viewsource": "View source",
+	"darkvector-more-actions": "More"
+}
diff --git a/skins/DarkVector/i18n/ru.json b/skins/DarkVector/i18n/ru.json
new file mode 100644
index 00000000..2530a2f6
--- /dev/null
+++ b/skins/DarkVector/i18n/ru.json
@@ -0,0 +1,24 @@
+{
+	"@metadata": {
+		"authors": [
+			"Malvineous",
+			"Martynov Maxim"
+		]
+	},
+	"skinname-darkvector": "Векторное темное",
+	"darkvector-skin-desc": "Векторная тема с темным интерфейсом",
+	"darkvector.css": "/* Размещённый здесь CSS будет применяться к векторной теме оформления  */",
+	"darkvector.js": "/* Размещённый здесь код JavaScript будет загружаться пользователям, использующим тему оформления DarkVector */",
+	"darkvector-action-addsection": "Добавить тему",
+	"darkvector-action-delete": "Удалить",
+	"darkvector-action-move": "Переименовать",
+	"darkvector-action-protect": "Защитить",
+	"darkvector-action-undelete": "Восстановить",
+	"darkvector-action-unprotect": "Изменить защиту",
+	"darkvector-view-create": "Создать",
+	"darkvector-view-edit": "Править",
+	"darkvector-view-history": "История",
+	"darkvector-view-view": "Читать",
+	"darkvector-view-viewsource": "Просмотр разметки",
+	"darkvector-more-actions": "Ещё"
+}
diff --git a/skins/DarkVector/phpcs.xml b/skins/DarkVector/phpcs.xml
new file mode 100644
index 00000000..cb19440e
--- /dev/null
+++ b/skins/DarkVector/phpcs.xml
@@ -0,0 +1,7 @@
+<?xml version="1.0"?>
+<ruleset>
+	<rule ref="vendor/mediawiki/mediawiki-codesniffer/MediaWiki"/>
+	<file>.</file>
+	<arg name="extensions" value="php"/>
+	<exclude-pattern>vendor</exclude-pattern>
+</ruleset>
diff --git a/skins/DarkVector/responsive.less b/skins/DarkVector/responsive.less
new file mode 100644
index 00000000..fe64581f
--- /dev/null
+++ b/skins/DarkVector/responsive.less
@@ -0,0 +1,78 @@
+/*
+	The styles below essentially place the navigation menu below the content,
+	instead of to the side of it. They also hide the logo, as there's no space
+	left for it.
+*/
+
+div#mw-head {
+	position: static !important;
+	margin-top: 0.5em;
+}
+
+/* Move the panel to the bottom and display it as in-line lists */
+div#mw-navigation {
+	div#mw-panel {
+		display: table;
+		position: static;
+		table-layout: fixed;
+		width: 100%;
+		overflow: hidden;
+		font-size: 150%;
+
+		.portal {
+			display: block;
+			width: 100%;
+		}
+
+		ul li {
+			list-style: none;
+		}
+	}
+}
+
+/* Hide the logo and tabs */
+div#p-logo,
+div#left-navigation,
+div#p-cactions,
+div#p-views {
+	display: none;
+}
+
+/* Rearrange various page elements to fill the now-available space */
+body div#footer {
+	margin-left: 0;
+	padding-top: 0;
+
+	/* don't need these in the footer either... */
+	li#footer-info-lastmod,
+	li#footer-info-viewcount {
+		display: none;
+	}
+}
+div#p-personal {
+	display: table;
+	position: relative;
+	width: 100%;
+	top: inherit;
+	left: inherit;
+	right: inherit;
+
+	ul {
+		padding-left: 0;
+	}
+}
+div#right-navigation {
+	max-width: 500px;
+	position: absolute;
+	top: inherit;
+	margin-top: -1px;
+	float: none;
+}
+div#p-search {
+	margin-left: 73px;
+}
+div#content {
+	/* Hide the 1px blue border on the left side */
+	border-left: 0;
+	margin-left: 0;
+}
\ No newline at end of file
diff --git a/skins/DarkVector/screen-hd.less b/skins/DarkVector/screen-hd.less
new file mode 100644
index 00000000..9ac3650e
--- /dev/null
+++ b/skins/DarkVector/screen-hd.less
@@ -0,0 +1,32 @@
+/* DarkVector screen styles for high definition displays */
+
+@import "variables.less";
+
+.mw-body {
+	margin-left: 11em;
+	padding: 1.25em 1.5em 1.5em 1.5em;
+}
+#p-logo {
+	left: @menu-main-logo-left;
+}
+div#footer {
+	margin-left: 11em;
+	padding: 1.25em;
+}
+#mw-panel {
+	padding-left: 0.5em;
+}
+#p-search {
+	margin-right: 1em;
+}
+#left-navigation {
+	margin-left: 11em;
+}
+#p-personal {
+	right: 1em;
+}
+#mw-head-base {
+	margin-left: 11em;
+}
+
+@import "darkvector.less";
diff --git a/skins/DarkVector/screen.less b/skins/DarkVector/screen.less
new file mode 100644
index 00000000..093be31b
--- /dev/null
+++ b/skins/DarkVector/screen.less
@@ -0,0 +1,10 @@
+/* DarkVector screen styles */
+
+@import "variables.less";
+
+@import "components/common.less";
+@import "components/navigation.less";
+@import "components/footer.less";
+@import "components/externalLinks.less";
+
+@import "darkvector.less";
diff --git a/skins/DarkVector/skin.json b/skins/DarkVector/skin.json
new file mode 100644
index 00000000..cb017418
--- /dev/null
+++ b/skins/DarkVector/skin.json
@@ -0,0 +1,97 @@
+{
+	"name": "DarkVector",
+	"author": [
+		"Malvineous",
+		"Martynov Maxim"
+	],
+	"url": "https://www.mediawiki.org/wiki/Skin:DarkVector",
+	"descriptionmsg": "darkvector-skin-desc",
+	"namemsg": "skinname-darkvector",
+	"license-name": "GPL-2.0+",
+	"type": "skin",
+	"ConfigRegistry": {
+		"darkvector": "GlobalVarConfig::newInstance"
+	},
+	"ValidSkinNames": {
+		"darkvector": "DarkVector"
+	},
+	"MessagesDirs": {
+		"DarkVector": [
+			"i18n"
+		]
+	},
+	"AutoloadClasses": {
+		"SkinDarkVector": "SkinDarkVector.php",
+		"DarkVectorTemplate": "DarkVectorTemplate.php"
+	},
+	"@note": "When modifying skins.darkvector.styles definition, make sure the installer still works",
+	"ResourceModules": {
+		"skins.darkvector.styles": {
+			"position": "top",
+			"styles": {
+				"screen.less": {
+					"media": "screen"
+				},
+				"screen-hd.less": {
+					"media": "screen and (min-width: 982px)"
+				}
+			}
+		},
+		"skins.darkvector.styles.responsive": {
+			"position": "top",
+			"styles": {
+				"responsive.less": {
+					"media": "screen and (max-width: 768px)"
+				}
+			}
+		},
+		"skins.darkvector.js": {
+			"scripts": [
+				"collapsibleTabs.js",
+				"darkvector.js"
+			],
+			"position": "top",
+			"dependencies": [
+				"jquery.throttle-debounce",
+				"jquery.tabIndex"
+			]
+		}
+	},
+	"ResourceFileModulePaths": {
+		"localBasePath": "",
+		"remoteSkinPath": "DarkVector"
+	},
+	"ResourceModuleSkinStyles": {
+		"darkvector": {
+			"jquery.tipsy": "skinStyles/jquery.tipsy.less",
+			"jquery.ui.core": [
+				"skinStyles/jquery.ui/jquery.ui.core.css",
+				"skinStyles/jquery.ui/jquery.ui.theme.css"
+			],
+			"jquery.ui.accordion": "skinStyles/jquery.ui/jquery.ui.accordion.css",
+			"jquery.ui.autocomplete": "skinStyles/jquery.ui/jquery.ui.autocomplete.css",
+			"jquery.ui.button": "skinStyles/jquery.ui/jquery.ui.button.css",
+			"jquery.ui.datepicker": "skinStyles/jquery.ui/jquery.ui.datepicker.css",
+			"jquery.ui.dialog": "skinStyles/jquery.ui/jquery.ui.dialog.css",
+			"jquery.ui.menu": "skinStyles/jquery.ui/jquery.ui.menu.css",
+			"jquery.ui.progressbar": "skinStyles/jquery.ui/jquery.ui.progressbar.css",
+			"jquery.ui.resizable": "skinStyles/jquery.ui/jquery.ui.resizable.css",
+			"jquery.ui.selectable": "skinStyles/jquery.ui/jquery.ui.selectable.css",
+			"jquery.ui.slider": "skinStyles/jquery.ui/jquery.ui.slider.css",
+			"jquery.ui.spinner": "skinStyles/jquery.ui/jquery.ui.spinner.css",
+			"jquery.ui.tabs": "skinStyles/jquery.ui/jquery.ui.tabs.css",
+			"jquery.ui.tooltips": "skinStyles/jquery.ui/jquery.ui.tooltips.css",
+			"+mediawiki.notification": "skinStyles/mediawiki.notification.less",
+			"+mediawiki.sectionAnchor": "skinStyles/mediawiki.sectionAnchor.less",
+			"ooui": "skinStyles/ooui.less",
+			"mediawiki.special": "skinStyles/mediawiki.special.less",
+			"mediawiki.special.preferences": "skinStyles/mediawiki.special.preferences.less"
+		}
+	},
+	"config": {
+		"DarkVectorUseSimpleSearch": true,
+		"DarkVectorUseIconWatch": true,
+		"DarkVectorResponsive": false
+	},
+	"manifest_version": 1
+}
diff --git a/skins/DarkVector/skinStyles/jquery.tipsy.less b/skins/DarkVector/skinStyles/jquery.tipsy.less
new file mode 100644
index 00000000..0e0c8ecc
--- /dev/null
+++ b/skins/DarkVector/skinStyles/jquery.tipsy.less
@@ -0,0 +1,4 @@
+/* Tooltips are outside of the normal body code, so this helps make the size of the text sensible */
+.tipsy {
+	font-size: 0.8em;
+}
diff --git a/skins/DarkVector/skinStyles/jquery.ui/PATCHES b/skins/DarkVector/skinStyles/jquery.ui/PATCHES
new file mode 100644
index 00000000..85f663ed
--- /dev/null
+++ b/skins/DarkVector/skinStyles/jquery.ui/PATCHES
@@ -0,0 +1,25 @@
+jquery.ui.button.css
+* Picked from jQuery UI 1.11.2-alpha instead of 1.9.2.
+* Extra customizations.
+
+jquery.ui.datepicker.css
+* Add @noflip to prevent CSSJanus flipping.
+
+jquery.ui.dialog.css
+* Extra customizations.
+
+jquery.ui.resizable.css
+* Add @noflip to prevent CSSJanus flipping.
+
+jquery.ui.theme.css
+* Add @embed instructions for CSSMin.
+* Change font-size from 1.0em to 0.8em.
+* Join ".ui-icon", ".ui-widget-content .ui-icon" and ".ui-widget-header .ui-icon" rules
+  to optimise image embedding.
+* Removed ".ui-widget-content a { color: #362b36; }" and
+  ".ui-widget-header a { color: #222222; }" due to bug T85857.
+
+images:
+* Add close.png and titlebar-fade.png (used in customizations for
+  jquery.ui.dialog.css)
+* Change chmod from 755 to 644.
diff --git a/skins/DarkVector/skinStyles/jquery.ui/jquery.ui.accordion.css b/skins/DarkVector/skinStyles/jquery.ui/jquery.ui.accordion.css
new file mode 100644
index 00000000..d429fd20
--- /dev/null
+++ b/skins/DarkVector/skinStyles/jquery.ui/jquery.ui.accordion.css
@@ -0,0 +1,16 @@
+/*!
+ * jQuery UI Accordion 1.9.2
+ * http://jqueryui.com
+ *
+ * Copyright 2012 jQuery Foundation and other contributors
+ * Released under the MIT license.
+ * http://jquery.org/license
+ *
+ * http://docs.jquery.com/UI/Accordion#theming
+ */
+.ui-accordion .ui-accordion-header { display: block; cursor: pointer; position: relative; margin-top: 2px; padding: .5em .5em .5em .7em; zoom: 1; }
+.ui-accordion .ui-accordion-icons { padding-left: 2.2em; }
+.ui-accordion .ui-accordion-noicons { padding-left: .7em; }
+.ui-accordion .ui-accordion-icons .ui-accordion-icons { padding-left: 2.2em; }
+.ui-accordion .ui-accordion-header .ui-accordion-header-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
+.ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; overflow: auto; zoom: 1; }
diff --git a/skins/DarkVector/skinStyles/jquery.ui/jquery.ui.autocomplete.css b/skins/DarkVector/skinStyles/jquery.ui/jquery.ui.autocomplete.css
new file mode 100644
index 00000000..4ef3497a
--- /dev/null
+++ b/skins/DarkVector/skinStyles/jquery.ui/jquery.ui.autocomplete.css
@@ -0,0 +1,19 @@
+/*!
+ * jQuery UI Autocomplete 1.9.2
+ * http://jqueryui.com
+ *
+ * Copyright 2012 jQuery Foundation and other contributors
+ * Released under the MIT license.
+ * http://jquery.org/license
+ *
+ * http://docs.jquery.com/UI/Autocomplete#theming
+ */
+.ui-autocomplete {
+	position: absolute;
+	top: 0;
+	left: 0;
+	cursor: default;
+}
+
+/* workarounds */
+* html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */
diff --git a/skins/DarkVector/skinStyles/jquery.ui/jquery.ui.button.css b/skins/DarkVector/skinStyles/jquery.ui/jquery.ui.button.css
new file mode 100644
index 00000000..6fa987ef
--- /dev/null
+++ b/skins/DarkVector/skinStyles/jquery.ui/jquery.ui.button.css
@@ -0,0 +1,362 @@
+/*!
+ * jQuery UI Button 1.11.2-alpha
+ * http://jqueryui.com
+ *
+ * Copyright 2012 jQuery Foundation and other contributors
+ * Released under the MIT license.
+ * http://jquery.org/license
+ *
+ * http://api.jqueryui.com/button/#theming
+ */
+.ui-button {
+	display: inline-block;
+	position: relative;
+	padding: 0;
+	line-height: normal;
+	margin-right: .1em;
+	cursor: pointer;
+	vertical-align: middle;
+	text-align: center;
+	overflow: visible; /* removes extra width in IE */
+}
+.ui-button,
+.ui-button:link,
+.ui-button:visited,
+.ui-button:hover,
+.ui-button:active {
+	text-decoration: none;
+}
+/* to make room for the icon, a width needs to be set here */
+.ui-button-icon-only {
+	width: 2.2em;
+}
+/* button elements seem to need a little more width */
+button.ui-button-icon-only {
+	width: 2.4em;
+}
+.ui-button-icons-only {
+	width: 3.4em;
+}
+button.ui-button-icons-only {
+	width: 3.7em;
+}
+
+/* button text element */
+.ui-button .ui-button-text {
+	display: block;
+	line-height: normal;
+}
+.ui-button-text-only .ui-button-text {
+	padding: .4em 1em;
+}
+.ui-button-icon-only .ui-button-text,
+.ui-button-icons-only .ui-button-text {
+	padding: .4em;
+	text-indent: -9999999px;
+}
+.ui-button-text-icon-primary .ui-button-text,
+.ui-button-text-icons .ui-button-text {
+	padding: .4em 1em .4em 2.1em;
+}
+.ui-button-text-icon-secondary .ui-button-text,
+.ui-button-text-icons .ui-button-text {
+	padding: .4em 2.1em .4em 1em;
+}
+.ui-button-text-icons .ui-button-text {
+	padding-left: 2.1em;
+	padding-right: 2.1em;
+}
+/* no icon support for input elements, provide padding by default */
+input.ui-button {
+	padding: .4em 1em;
+}
+
+/* button icon element(s) */
+.ui-button-icon-only .ui-icon,
+.ui-button-text-icon-primary .ui-icon,
+.ui-button-text-icon-secondary .ui-icon,
+.ui-button-text-icons .ui-icon,
+.ui-button-icons-only .ui-icon {
+	position: absolute;
+	top: 50%;
+	margin-top: -8px;
+}
+.ui-button-icon-only .ui-icon {
+	left: 50%;
+	margin-left: -8px;
+}
+.ui-button-text-icon-primary .ui-button-icon-primary,
+.ui-button-text-icons .ui-button-icon-primary,
+.ui-button-icons-only .ui-button-icon-primary {
+	left: .5em;
+}
+.ui-button-text-icon-secondary .ui-button-icon-secondary,
+.ui-button-text-icons .ui-button-icon-secondary,
+.ui-button-icons-only .ui-button-icon-secondary {
+	right: .5em;
+}
+
+/* button sets */
+.ui-buttonset {
+	margin-right: 7px;
+}
+.ui-buttonset .ui-button {
+	margin-left: 0;
+	margin-right: -.3em;
+}
+
+/* workarounds */
+/* reset extra padding in Firefox, see h5bp.com/l */
+input.ui-button::-moz-focus-inner,
+button.ui-button::-moz-focus-inner {
+	border: 0;
+	padding: 0;
+}
+
+/* Disables the annoying dashed border Firefox puts on active buttons */
+body button.ui-button::-moz-focus-inner {
+	border: 0;
+}
+/* Give large buttons some extra padding */
+body .ui-button-large {
+	padding: 5px;
+}
+/* Use white icons for colored buttons */
+.ui-button-green .ui-icon,
+.ui-button-blue .ui-icon,
+.ui-button-red .ui-icon,
+.ui-button-orange .ui-icon {
+	/* @embed */
+	background-image: url(images/ui-icons_ffffff_256x240.png) !important;
+}
+
+/* Corner radius */
+/* This is normally handled in jquery.ui.theme.css, but in our case, the corner
+   styling of our buttons doesn't match our default widget corner styling */
+.ui-button.ui-corner-all,
+.ui-button.ui-corner-top,
+.ui-button.ui-corner-left,
+.ui-button.ui-corner-tl {
+	border-top-left-radius: 4px;
+}
+.ui-button.ui-corner-all,
+.ui-button.ui-corner-top,
+
+.ui-button.ui-corner-right,
+.ui-button.ui-corner-tr {
+	border-top-right-radius: 4px;
+}
+.ui-button.ui-corner-all,
+.ui-button.ui-corner-bottom,
+.ui-button.ui-corner-left,
+.ui-button.ui-corner-bl {
+	border-bottom-left-radius: 4px;
+}
+.ui-button.ui-corner-all,
+.ui-button.ui-corner-bottom,
+.ui-button.ui-corner-right,
+.ui-button.ui-corner-br {
+	border-bottom-right-radius: 4px;
+}
+
+body .ui-button {
+	color: #2779aa;
+	margin: 0.5em 0 0.5em 0.4em;
+	border: 1px solid #aaa !important;
+	background: #f0f0f0 !important;
+	background: -moz-linear-gradient(top, #fff 0%, #ddd 90%) !important; /* FF3.6+ */
+	background: -webkit-linear-gradient(top, #fff 0%, #ddd 90%) !important; /* Chrome10+, Safari5.1+ */
+	background: -o-linear-gradient(top, #fff 0%, #ddd 90%) !important; /* Opera 11.10+ */
+	background: linear-gradient(to bottom, #fff 0%, #ddd 90%) !important;
+	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dddddd', GradientType=0); /* IE6-8 */
+	cursor: pointer;
+	font-size: 1em;
+	line-height: 1.4em;
+	width: auto;
+	overflow: visible;
+	box-shadow: 0 1px 3px rgba(0,0,0,.2);
+}
+
+body .ui-button-icon-only {
+	width: 2.2em;
+}
+
+body .ui-button-icons-only {
+	width: 3.4em;
+}
+
+body .ui-button:hover {
+	color: #2779aa;
+	border-color: #bbb !important;
+	background: #fff !important;
+	background: -moz-linear-gradient(top, #fff 0%, #eee 90%) !important; /* FF3.6+ */
+	background: -webkit-linear-gradient(top, #fff 0%, #eee 90%) !important; /* Chrome10+, Safari5.1+ */
+	background: -o-linear-gradient(top, #fff 0%, #eee 90%) !important; /* Opera 11.10+ */
+	background: linear-gradient(to bottom, #fff 0%, #eee 90%) !important;
+	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0); /* IE6-8 */
+	box-shadow: 0 1px 3px rgba(0,0,0,.1);
+}
+body .ui-button:active,
+body .ui-button:focus {
+	border-color: #8ad !important;
+	box-shadow: 0 0 1px 1px rgba(167,215,249,.5);
+}
+body .ui-button:active {
+	background: #e0e0e0 !important;
+	background: -moz-linear-gradient(top, #f0f0f0 0%, #d0d0d0 90%) !important; /* FF3.6+ */
+	background: -webkit-linear-gradient(top, #f0f0f0 0%, #d0d0d0 90%) !important; /* Chrome10+, Safari5.1+ */
+	background: -o-linear-gradient(top, #f0f0f0 0%, #d0d0d0 90%) !important; /* Opera 11.10+ */
+	background: linear-gradient(to bottom, #f0f0f0 0%, #d0d0d0 90%) !important;
+	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0f0f0', endColorstr='#d0d0d0', GradientType=0); /* IE6-8 */
+}
+
+/* Customizations for MediaWiki DarkVector */
+
+/* Green buttons */
+body .ui-button-green,
+body .ui-button-green .ui-button-text {
+	color: white;
+	text-shadow: 0 -1px 1px #072;
+}
+body .ui-button.ui-button-green {
+	border-color: #294 !important;
+	background: #295 !important;
+	background: -moz-linear-gradient(top, #3c8 0%, #295 90%) !important; /* FF3.6+ */
+	background: -webkit-linear-gradient(top, #3c8 0%, #295 90%) !important; /* Chrome10+, Safari5.1+ */
+	background: -o-linear-gradient(top, #3c8 0%, #295 90%) !important; /* Opera 11.10+ */
+	background: linear-gradient(to bottom, #3c8 0%, #295 90%) !important;
+	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33cc88', endColorstr='#229955', GradientType=0); /* IE6-8 */
+	box-shadow: 0 1px 3px rgba(0,0,0,.3);
+}
+body .ui-button.ui-button-green:hover {
+	background: #33a055 !important;
+	background: -moz-linear-gradient(top, #44d388 0%, #33a055 90%) !important; /* FF3.6+ */
+	background: -webkit-linear-gradient(top, #44d388 0%, #33a055 90%) !important; /* Chrome10+, Safari5.1+ */
+	background: -o-linear-gradient(top, #44d388 0%, #33a055 90%) !important; /* Opera 11.10+ */
+	background: linear-gradient(to bottom, #44d388 0%, #33a055 90%) !important;
+	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#44d388', endColorstr='#33a055', GradientType=0); /* IE6-8 */
+	box-shadow: 0 1px 3px rgba(0,0,0,.25);
+}
+body .ui-button.ui-button-green:active,
+body .ui-button.ui-button-green:focus {
+	border-color: #172 !important;
+	box-shadow: 0 0 2px 2px rgba(167,215,249,.75);
+}
+body .ui-button.ui-button-green:active {
+	background: #338855 !important;
+	background: -moz-linear-gradient(top, #30c080 0%, #338855 90%) !important; /* FF3.6+ */
+	background: -webkit-linear-gradient(top, #30c080 0%, #338855 90%) !important; /* Chrome10+, Safari5.1+ */
+	background: -o-linear-gradient(top, #30c080 0%, #338855 90%) !important; /* Opera 11.10+ */
+	background: linear-gradient(to bottom, #30c080 0%, #338855 90%) !important;
+	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#30c080', endColorstr='#338855', GradientType=0); /* IE6-8 */
+}
+
+/* Blue buttons */
+body .ui-button-blue,
+body .ui-button-blue .ui-button-text {
+	color: white;
+	text-shadow: 0 -1px 1px #037;
+}
+body .ui-button.ui-button-blue {
+	border-color: #468 !important;
+	background: #36b !important;
+	background: -moz-linear-gradient(top, #48e 0%, #36b 90%) !important; /* FF3.6+ */
+	background: -webkit-linear-gradient(top, #48e 0%, #36b 90%) !important; /* Chrome10+, Safari5.1+ */
+	background: -o-linear-gradient(top, #48e 0%, #36b 90%) !important; /* Opera 11.10+ */
+	background: linear-gradient(to bottom, #48e 0%, #36b 90%) !important;
+	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4488ee', endColorstr='#3366bb', GradientType=0); /* IE6-8 */
+	box-shadow: 0 1px 3px rgba(0,0,0,.35);
+}
+body .ui-button.ui-button-blue:hover {
+	background: #36c !important;
+	background: -moz-linear-gradient(top, #59e 0%, #36c 90%) !important; /* FF3.6+ */
+	background: -webkit-linear-gradient(top, #59e 0%, #36c 90%) !important; /* Chrome10+, Safari5.1+ */
+	background: -o-linear-gradient(top, #59e 0%, #36c 90%) !important; /* Opera 11.10+ */
+	background: linear-gradient(to bottom, #59e 0%, #36c 90%) !important;
+	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5599ee', endColorstr='#3366cc', GradientType=0); /* IE6-8 */
+}
+body .ui-button.ui-button-blue:active,
+body .ui-button.ui-button-blue:focus {
+	border-color: #357 !important;
+	box-shadow: 0 0 2px 2px rgba(167,215,249,.75);
+}
+body .ui-button.ui-button-blue:active {
+	background: #3060a0 !important;
+	background: -moz-linear-gradient(top, #4080e0 0%, #3060a0 90%) !important; /* FF3.6+ */
+	background: -webkit-linear-gradient(top, #4080e0 0%, #3060a0 90%) !important; /* Chrome10+, Safari5.1+ */
+	background: -o-linear-gradient(top, #4080e0 0%, #3060a0 90%) !important; /* Opera 11.10+ */
+	background: linear-gradient(to bottom, #4080e0 0%, #3060a0 90%) !important;
+	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4080e0', endColorstr='#3060a0', GradientType=0); /* IE6-8 */
+}
+
+/* Red buttons */
+body .ui-button-red,
+body .ui-button-red .ui-button-text {
+	color: white;
+	text-shadow: 0 -1px 1px #700;
+}
+body .ui-button.ui-button-red {
+	border-color: #944 !important;
+	background: #a22 !important;
+	background: -moz-linear-gradient(top, #d44 0%, #a22 90%) !important; /* FF3.6+ */
+	background: -webkit-linear-gradient(top, #d44 0%, #a22 90%) !important; /* Chrome10+, Safari5.1+ */
+	background: -o-linear-gradient(top, #d44 0%, #a22 90%) !important; /* Opera 11.10+ */
+	background: linear-gradient(to bottom, #d44 0%, #a22 90%) !important;
+	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dd4444', endColorstr='#aa2222', GradientType=0); /* IE6-8 */
+	box-shadow: 0 1px 3px rgba(0,0,0,.35);
+}
+body .ui-button.ui-button-red:hover {
+	border-color: #a44 !important;
+	background: #b03333 !important;
+	background: -moz-linear-gradient(top, #ee4646 0%, #b03333 90%) !important; /* FF3.6+ */
+	background: -webkit-linear-gradient(top, #ee4646 0%, #b03333 90%) !important; /* Chrome10+, Safari5.1+ */
+	background: -o-linear-gradient(top, #ee4646 0%, #b03333 90%) !important; /* Opera 11.10+ */
+	background: linear-gradient(to bottom, #ee4646 0%, #b03333 90%) !important;
+	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee4646', endColorstr='#b03333', GradientType=0); /* IE6-8 */
+	box-shadow: 0 1px 3px rgba(0,0,0,.3);
+}
+body .ui-button.ui-button-red:active,
+body .ui-button.ui-button-red:focus {
+	border-color: #747 !important;
+	box-shadow: 0 0 2px 2px rgba(167,215,249,.7);
+}
+body .ui-button.ui-button-red:active {
+	background: #952020 !important;
+	background: -moz-linear-gradient(top, #d04545 0%, #952020 90%) !important; /* FF3.6+ */
+	background: -webkit-linear-gradient(top, #d04545 0%, #952020 90%) !important; /* Chrome10+, Safari5.1+ */
+	background: -o-linear-gradient(top, #d04545 0%, #952020 90%) !important; /* Opera 11.10+ */
+	background: linear-gradient(to bottom, #d04545 0%, #952020 90%) !important;
+	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d04545', endColorstr='#952020', GradientType=0); /* IE6-8 */
+}
+
+/* Disabled buttons */
+body .ui-button-green.disabled,
+body .ui-button-green.disabled:hover,
+body .ui-button-green.disabled:active,
+body .ui-button-green.disabled:focus,
+body .ui-button-blue.disabled,
+body .ui-button-blue.disabled:hover,
+body .ui-button-blue.disabled:active,
+body .ui-button-blue.disabled:focus,
+body .ui-button-red.disabled,
+body .ui-button-red.disabled:hover,
+body .ui-button-red.disabled:active,
+body .ui-button-red.disabled:focus,
+body .ui-button.disabled,
+body .ui-button.disabled:hover {
+	color: #aaa;
+	border-color: #ccc !important;
+	background: #eee !important;
+	background: -moz-linear-gradient(top, #f6f6f6 0%, #eee 90%) !important; /* FF3.6+ */
+	background: -webkit-linear-gradient(top, #f6f6f6 0%, #eee 90%) !important; /* Chrome10+, Safari5.1+ */
+	background: -o-linear-gradient(top, #f6f6f6 0%, #eee 90%) !important; /* Opera 11.10+ */
+	background: linear-gradient(to bottom, #f6f6f6 0%, #eee 90%) !important;
+	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#eeeeee', GradientType=0); /* IE6-8 */
+	box-shadow: 0 1px 3px rgba(0,0,0,0);
+}
+body .ui-button-green.disabled .ui-button-text,
+body .ui-button-blue.disabled .ui-button-text,
+body .ui-button-red.disabled .ui-button-text {
+	color: #aaa;
+	text-shadow: 0 1px 1px #fff;
+}
diff --git a/skins/DarkVector/skinStyles/jquery.ui/jquery.ui.core.css b/skins/DarkVector/skinStyles/jquery.ui/jquery.ui.core.css
new file mode 100644
index 00000000..d4f7db3b
--- /dev/null
+++ b/skins/DarkVector/skinStyles/jquery.ui/jquery.ui.core.css
@@ -0,0 +1,39 @@
+/*!
+ * jQuery UI CSS Framework 1.9.2
+ * http://jqueryui.com
+ *
+ * Copyright 2012 jQuery Foundation and other contributors
+ * Released under the MIT license.
+ * http://jquery.org/license
+ *
+ * http://docs.jquery.com/UI/Theming/API
+ */
+
+/* Layout helpers
+----------------------------------*/
+.ui-helper-hidden { display: none; }
+.ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
+.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
+.ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; border-collapse: collapse; }
+.ui-helper-clearfix:after { clear: both; }
+.ui-helper-clearfix { zoom: 1; }
+.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }
+
+
+/* Interaction Cues
+----------------------------------*/
+.ui-state-disabled { cursor: default !important; }
+
+
+/* Icons
+----------------------------------*/
+
+/* states and images */
+.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }
+
+
+/* Misc visuals
+----------------------------------*/
+
+/* Overlays */
+.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
diff --git a/skins/DarkVector/skinStyles/jquery.ui/jquery.ui.datepicker.css b/skins/DarkVector/skinStyles/jquery.ui/jquery.ui.datepicker.css
new file mode 100644
index 00000000..b28332ff
--- /dev/null
+++ b/skins/DarkVector/skinStyles/jquery.ui/jquery.ui.datepicker.css
@@ -0,0 +1,67 @@
+/*!
+ * jQuery UI Datepicker 1.9.2
+ * http://jqueryui.com
+ *
+ * Copyright 2012 jQuery Foundation and other contributors
+ * Released under the MIT license.
+ * http://jquery.org/license
+ *
+ * http://docs.jquery.com/UI/Datepicker#theming
+ */
+.ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; }
+.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
+.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
+.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
+.ui-datepicker .ui-datepicker-prev { left:2px; }
+.ui-datepicker .ui-datepicker-next { right:2px; }
+.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
+.ui-datepicker .ui-datepicker-next-hover { right:1px; }
+.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
+.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
+.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
+.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
+.ui-datepicker select.ui-datepicker-month, 
+.ui-datepicker select.ui-datepicker-year { width: 49%;}
+.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
+.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
+.ui-datepicker td { border: 0; padding: 1px; }
+.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
+.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
+.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
+.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }
+
+/* with multiple calendars */
+.ui-datepicker.ui-datepicker-multi { width:auto; }
+.ui-datepicker-multi .ui-datepicker-group { float:left; }
+.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
+.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
+.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
+.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
+.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
+.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
+.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
+.ui-datepicker-row-break { clear:both; width:100%; font-size:0em; }
+
+/* RTL support */
+/* @noflip */ .ui-datepicker-rtl { direction: rtl; }
+/* @noflip */ .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
+/* @noflip */ .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
+/* @noflip */ .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
+/* @noflip */ .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
+/* @noflip */ .ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
+/* @noflip */ .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
+/* @noflip */ .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
+/* @noflip */ .ui-datepicker-rtl .ui-datepicker-group { float:right; }
+/* @noflip */ .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
+/* @noflip */ .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
+
+/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
+.ui-datepicker-cover {
+    position: absolute; /*must have*/
+    z-index: -1; /*must have*/
+    filter: mask(); /*must have*/
+    top: -4px; /*must have*/
+    left: -4px; /*must have*/
+    width: 200px; /*must have*/
+    height: 200px; /*must have*/
+}
\ No newline at end of file
diff --git a/skins/DarkVector/skinStyles/jquery.ui/jquery.ui.dialog.css b/skins/DarkVector/skinStyles/jquery.ui/jquery.ui.dialog.css
new file mode 100644
index 00000000..15665573
--- /dev/null
+++ b/skins/DarkVector/skinStyles/jquery.ui/jquery.ui.dialog.css
@@ -0,0 +1,48 @@
+/*!
+ * jQuery UI Dialog 1.9.2
+ * http://jqueryui.com
+ *
+ * Copyright 2012 jQuery Foundation and other contributors
+ * Released under the MIT license.
+ * http://jquery.org/license
+ *
+ * http://docs.jquery.com/UI/Dialog#theming
+ */
+.ui-dialog { position: absolute; top: 0; left: 0; padding: .2em; width: 300px; overflow: hidden; }
+.ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative;  }
+.ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .1em 0; }
+.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
+.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
+.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
+.ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; }
+.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
+.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; }
+.ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; }
+.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
+.ui-draggable .ui-dialog-titlebar { cursor: move; }
+
+/* Customizations for MediaWiki DarkVector */
+
+body .ui-dialog .ui-dialog-titlebar-close:hover {
+	text-decoration: none;
+}
+body .ui-dialog .ui-dialog-content .status-invalid input {
+	border: 2px solid red;
+	padding: 2px 1px;
+}
+body .ui-dialog .ui-dialog-titlebar {
+	padding: 0.9em 1.4em 0.6em !important;
+}
+body .ui-dialog .ui-widget-header {
+	/* @embed */
+	background: #f0f0f0 url(images/titlebar-fade.png) repeat-x scroll 50% 100% !important;
+}
+/* FIXME: Should just update the icon sprite if we're keeping this X */
+body .ui-dialog .ui-icon-closethick {
+	/* @embed */
+	background: url(images/close.png) no-repeat 50% 50% !important;
+}
+body .ui-dialog .ui-dialog-buttonpane {
+	margin-top: 0 !important;
+	padding:0.3em 1.4em 0.5em 1.4em !important;
+}
diff --git a/skins/DarkVector/skinStyles/jquery.ui/jquery.ui.menu.css b/skins/DarkVector/skinStyles/jquery.ui/jquery.ui.menu.css
new file mode 100644
index 00000000..83fd84e4
--- /dev/null
+++ b/skins/DarkVector/skinStyles/jquery.ui/jquery.ui.menu.css
@@ -0,0 +1,30 @@
+/*!
+ * jQuery UI Menu 1.9.2
+ * http://jqueryui.com
+ *
+ * Copyright 2012 jQuery Foundation and other contributors
+ * Released under the MIT license.
+ * http://jquery.org/license
+ *
+ * http://docs.jquery.com/UI/Menu#theming
+ */
+.ui-menu { list-style:none; padding: 2px; margin: 0; display:block; outline: none; }
+.ui-menu .ui-menu { margin-top: -3px; position: absolute; }
+.ui-menu .ui-menu-item { margin: 0; padding: 0; zoom: 1; width: 100%; }
+.ui-menu .ui-menu-divider { margin: 5px -2px 5px -2px; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0 0; }
+.ui-menu .ui-menu-item a { text-decoration: none; display: block; padding: 2px .4em; line-height: 1.5; zoom: 1; font-weight: normal; }
+.ui-menu .ui-menu-item a.ui-state-focus,
+.ui-menu .ui-menu-item a.ui-state-active { font-weight: normal; margin: -1px; }
+
+.ui-menu .ui-state-disabled { font-weight: normal; margin: .4em 0 .2em; line-height: 1.5; }
+.ui-menu .ui-state-disabled a { cursor: default; }
+
+/* icon support */
+.ui-menu-icons { position: relative; }
+.ui-menu-icons .ui-menu-item a { position: relative; padding-left: 2em; }
+
+/* left-aligned */
+.ui-menu .ui-icon { position: absolute; top: .2em; left: .2em; }
+
+/* right-aligned */
+.ui-menu .ui-menu-icon { position: static; float: right; }
diff --git a/skins/DarkVector/skinStyles/jquery.ui/jquery.ui.progressbar.css b/skins/DarkVector/skinStyles/jquery.ui/jquery.ui.progressbar.css
new file mode 100644
index 00000000..bd7e4033
--- /dev/null
+++ b/skins/DarkVector/skinStyles/jquery.ui/jquery.ui.progressbar.css
@@ -0,0 +1,12 @@
+/*!
+ * jQuery UI Progressbar 1.9.2
+ * http://jqueryui.com
+ *
+ * Copyright 2012 jQuery Foundation and other contributors
+ * Released under the MIT license.
+ * http://jquery.org/license
+ *
+ * http://docs.jquery.com/UI/Progressbar#theming
+ */
+.ui-progressbar { height:2em; text-align: left; overflow: hidden; }
+.ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; }
\ No newline at end of file
diff --git a/skins/DarkVector/skinStyles/jquery.ui/jquery.ui.resizable.css b/skins/DarkVector/skinStyles/jquery.ui/jquery.ui.resizable.css
new file mode 100644
index 00000000..f8822e80
--- /dev/null
+++ b/skins/DarkVector/skinStyles/jquery.ui/jquery.ui.resizable.css
@@ -0,0 +1,27 @@
+/*!
+ * jQuery UI Resizable 1.9.2
+ * http://jqueryui.com
+ *
+ * Copyright 2012 jQuery Foundation and other contributors
+ * Released under the MIT license.
+ * http://jquery.org/license
+ *
+ * http://docs.jquery.com/UI/Resizable#theming
+ */
+.ui-resizable { position: relative;}
+.ui-resizable-handle { position: absolute;font-size: 0.1px; display: block; }
+.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
+.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; }
+.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; }
+/* @noflip */
+.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; }
+/* @noflip */
+.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; }
+/* @noflip */
+.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
+/* @noflip */
+.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
+/* @noflip */
+.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
+/* @noflip */
+.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}
\ No newline at end of file
diff --git a/skins/DarkVector/skinStyles/jquery.ui/jquery.ui.selectable.css b/skins/DarkVector/skinStyles/jquery.ui/jquery.ui.selectable.css
new file mode 100644
index 00000000..5854c41f
--- /dev/null
+++ b/skins/DarkVector/skinStyles/jquery.ui/jquery.ui.selectable.css
@@ -0,0 +1,11 @@
+/*!
+ * jQuery UI Selectable 1.9.2
+ * http://jqueryui.com
+ *
+ * Copyright 2012 jQuery Foundation and other contributors
+ * Released under the MIT license.
+ * http://jquery.org/license
+ *
+ * http://docs.jquery.com/UI/Selectable#theming
+ */
+.ui-selectable-helper { position: absolute; z-index: 100; border:1px dotted black; }
diff --git a/skins/DarkVector/skinStyles/jquery.ui/jquery.ui.slider.css b/skins/DarkVector/skinStyles/jquery.ui/jquery.ui.slider.css
new file mode 100644
index 00000000..e5794789
--- /dev/null
+++ b/skins/DarkVector/skinStyles/jquery.ui/jquery.ui.slider.css
@@ -0,0 +1,25 @@
+/*!
+ * jQuery UI Slider 1.9.2
+ * http://jqueryui.com
+ *
+ * Copyright 2012 jQuery Foundation and other contributors
+ * Released under the MIT license.
+ * http://jquery.org/license
+ *
+ * http://docs.jquery.com/UI/Slider#theming
+ */
+.ui-slider { position: relative; text-align: left; }
+.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
+.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }
+
+.ui-slider-horizontal { height: .8em; }
+.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
+.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
+.ui-slider-horizontal .ui-slider-range-min { left: 0; }
+.ui-slider-horizontal .ui-slider-range-max { right: 0; }
+
+.ui-slider-vertical { width: .8em; height: 100px; }
+.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
+.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
+.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
+.ui-slider-vertical .ui-slider-range-max { top: 0; }
\ No newline at end of file
diff --git a/skins/DarkVector/skinStyles/jquery.ui/jquery.ui.spinner.css b/skins/DarkVector/skinStyles/jquery.ui/jquery.ui.spinner.css
new file mode 100644
index 00000000..e89b7206
--- /dev/null
+++ b/skins/DarkVector/skinStyles/jquery.ui/jquery.ui.spinner.css
@@ -0,0 +1,23 @@
+/*!
+ * jQuery UI Spinner 1.9.2
+ * http://jqueryui.com
+ *
+ * Copyright 2012 jQuery Foundation and other contributors
+ * Released under the MIT license.
+ * http://jquery.org/license
+ *
+ * http://docs.jquery.com/UI/Spinner#theming
+ */
+.ui-spinner { position:relative; display: inline-block; overflow: hidden; padding: 0; vertical-align: middle; }
+.ui-spinner-input { border: none; background: none; padding: 0; margin: .2em 0; vertical-align: middle; margin-left: .4em; margin-right: 22px; }
+.ui-spinner-button { width: 16px; height: 50%; font-size: .5em; padding: 0; margin: 0; text-align: center; position: absolute; cursor: default; display: block; overflow: hidden; right: 0; }
+.ui-spinner a.ui-spinner-button { border-top: none; border-bottom: none; border-right: none; } /* more specificity required here to overide default borders */
+.ui-spinner .ui-icon { position: absolute; margin-top: -8px; top: 50%; left: 0; } /* vertical centre icon */
+.ui-spinner-up { top: 0; }
+.ui-spinner-down { bottom: 0; }
+
+/* TR overrides */
+.ui-spinner .ui-icon-triangle-1-s {
+	/* need to fix icons sprite */
+	background-position:-65px -16px;
+}
diff --git a/skins/DarkVector/skinStyles/jquery.ui/jquery.ui.tabs.css b/skins/DarkVector/skinStyles/jquery.ui/jquery.ui.tabs.css
new file mode 100644
index 00000000..11a000ff
--- /dev/null
+++ b/skins/DarkVector/skinStyles/jquery.ui/jquery.ui.tabs.css
@@ -0,0 +1,18 @@
+/*!
+ * jQuery UI Tabs 1.9.2
+ * http://jqueryui.com
+ *
+ * Copyright 2012 jQuery Foundation and other contributors
+ * Released under the MIT license.
+ * http://jquery.org/license
+ *
+ * http://docs.jquery.com/UI/Tabs#theming
+ */
+.ui-tabs { position: relative; padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
+.ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; }
+.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 0; margin: 1px .2em 0 0; border-bottom: 0; padding: 0; white-space: nowrap; }
+.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; }
+.ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: -1px; padding-bottom: 1px; }
+.ui-tabs .ui-tabs-nav li.ui-tabs-active a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-tabs-loading a { cursor: text; }
+.ui-tabs .ui-tabs-nav li a, .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
+.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; }
diff --git a/skins/DarkVector/skinStyles/jquery.ui/jquery.ui.theme.css b/skins/DarkVector/skinStyles/jquery.ui/jquery.ui.theme.css
new file mode 100644
index 00000000..cccfe4b5
--- /dev/null
+++ b/skins/DarkVector/skinStyles/jquery.ui/jquery.ui.theme.css
@@ -0,0 +1,247 @@
+/*!
+ * jQuery UI CSS Framework 1.9.2
+ * http://jqueryui.com
+ *
+ * Copyright 2012 jQuery Foundation and other contributors
+ * Released under the MIT license.
+ * http://jquery.org/license
+ *
+ * http://docs.jquery.com/UI/Theming/API
+ *
+ * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=sans-serif&fwDefault=normal&fsDefault=1.0em&cornerRadius=3px&bgColorHeader=ffffff&bgTextureHeader=highlight_soft&bgImgOpacityHeader=100&borderColorHeader=aed0ea&fcHeader=222222&iconColorHeader=72a7cf&bgColorContent=f2f5f7&bgTextureContent=highlight_hard&bgImgOpacityContent=100&borderColorContent=cccccc&fcContent=362b36&iconColorContent=72a7cf&bgColorDefault=d7ebf9&bgTextureDefault=highlight_hard&bgImgOpacityDefault=80&borderColorDefault=aed0ea&fcDefault=2779aa&iconColorDefault=3d80b3&bgColorHover=e4f1fb&bgTextureHover=highlight_soft&bgImgOpacityHover=100&borderColorHover=74b2e2&fcHover=0070a3&iconColorHover=2694e8&bgColorActive=f0f0f0&bgTextureActive=inset_hard&bgImgOpacityActive=100&borderColorActive=cccccc&fcActive=000000&iconColorActive=666666&bgColorHighlight=ffef8f&bgTextureHighlight=highlight_soft&bgImgOpacityHighlight=25&borderColorHighlight=f9dd34&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=cd0a0a&bgTextureError=flat&bgImgOpacityError=15&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffffff&bgColorOverlay=000000&bgTextureOverlay=flat&bgImgOpacityOverlay=100&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=flat&bgImgOpacityShadow=70&opacityShadow=20&thicknessShadow=7px&offsetTopShadow=-7px&offsetLeftShadow=-7px&cornerRadiusShadow=8px
+ */
+
+
+/* Component containers
+----------------------------------*/
+.ui-widget { font-family: sans-serif; font-size: 0.8em; }
+.ui-widget .ui-widget { font-size: 1em; }
+.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: sans-serif; font-size: 1em; }
+.ui-widget-content { border: 1px solid #cccccc; /* @embed */ background: #f2f5f7 url("images/ui-bg_highlight-hard_100_f2f5f7_1x100.png") 50% top repeat-x; color: #362b36; }
+.ui-widget-header { border: 1px solid #aed0ea; /* @embed */ background: #ffffff url("images/ui-bg_highlight-soft_100_ffffff_1x100.png") 50% 50% repeat-x; color: #222222; font-weight: bold; }
+
+/* Interaction states
+----------------------------------*/
+.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #aed0ea; /* @embed */ background: #d7ebf9 url("images/ui-bg_highlight-hard_80_d7ebf9_1x100.png") 50% 50% repeat-x; font-weight: normal; color: #2779aa; }
+.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #2779aa; text-decoration: none; }
+.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #74b2e2; /* @embed */ background: #e4f1fb url("images/ui-bg_highlight-soft_100_e4f1fb_1x100.png") 50% 50% repeat-x; font-weight: normal; color: #0070a3; }
+.ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited { color: #0070a3; text-decoration: none; }
+.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #cccccc; background: #f0f0f0 /* @embed */ url("images/ui-bg_inset-hard_100_f0f0f0_1x100.png") 50% 50% repeat-x; font-weight: normal; color: #000000; }
+.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #000000; text-decoration: none; }
+
+/* Interaction Cues
+----------------------------------*/
+.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  {border: 1px solid #f9dd34; background: #ffef8f /* @embed */ url("images/ui-bg_highlight-soft_25_ffef8f_1x100.png") 50% top repeat-x; color: #363636; }
+.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636; }
+.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background: #cd0a0a /* @embed */ url("images/ui-bg_flat_15_cd0a0a_40x100.png") 50% 50% repeat-x; color: #ffffff; }
+.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #ffffff; }
+.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #ffffff; }
+.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
+.ui-priority-secondary, .ui-widget-content .ui-priority-secondary,  .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
+.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }
+.ui-state-disabled .ui-icon { filter:Alpha(Opacity=35); } /* For IE8 - See #6059 */
+
+/* Icons
+----------------------------------*/
+
+/* states and images */
+.ui-icon { width: 16px; height: 16px; }
+.ui-icon,
+.ui-widget-content .ui-icon,
+.ui-widget-header .ui-icon { /* @embed */ background-image: url("images/ui-icons_72a7cf_256x240.png"); }
+.ui-state-default .ui-icon { /* @embed */ background-image: url("images/ui-icons_3d80b3_256x240.png"); }
+.ui-state-hover .ui-icon, .ui-state-focus .ui-icon { /* @embed */ background-image: url("images/ui-icons_2694e8_256x240.png"); }
+.ui-state-active .ui-icon { /* @embed */ background-image: url("images/ui-icons_666666_256x240.png"); }
+.ui-state-highlight .ui-icon { /* @embed */ background-image: url("images/ui-icons_2e83ff_256x240.png"); }
+.ui-state-error .ui-icon, .ui-state-error-text .ui-icon { /* @embed */ background-image: url("images/ui-icons_ffffff_256x240.png"); }
+
+/* positioning */
+.ui-icon-carat-1-n { background-position: 0 0; }
+.ui-icon-carat-1-ne { background-position: -16px 0; }
+.ui-icon-carat-1-e { background-position: -32px 0; }
+.ui-icon-carat-1-se { background-position: -48px 0; }
+.ui-icon-carat-1-s { background-position: -64px 0; }
+.ui-icon-carat-1-sw { background-position: -80px 0; }
+.ui-icon-carat-1-w { background-position: -96px 0; }
+.ui-icon-carat-1-nw { background-position: -112px 0; }
+.ui-icon-carat-2-n-s { background-position: -128px 0; }
+.ui-icon-carat-2-e-w { background-position: -144px 0; }
+.ui-icon-triangle-1-n { background-position: 0 -16px; }
+.ui-icon-triangle-1-ne { background-position: -16px -16px; }
+.ui-icon-triangle-1-e { background-position: -32px -16px; }
+.ui-icon-triangle-1-se { background-position: -48px -16px; }
+.ui-icon-triangle-1-s { background-position: -64px -16px; }
+.ui-icon-triangle-1-sw { background-position: -80px -16px; }
+.ui-icon-triangle-1-w { background-position: -96px -16px; }
+.ui-icon-triangle-1-nw { background-position: -112px -16px; }
+.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
+.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
+.ui-icon-arrow-1-n { background-position: 0 -32px; }
+.ui-icon-arrow-1-ne { background-position: -16px -32px; }
+.ui-icon-arrow-1-e { background-position: -32px -32px; }
+.ui-icon-arrow-1-se { background-position: -48px -32px; }
+.ui-icon-arrow-1-s { background-position: -64px -32px; }
+.ui-icon-arrow-1-sw { background-position: -80px -32px; }
+.ui-icon-arrow-1-w { background-position: -96px -32px; }
+.ui-icon-arrow-1-nw { background-position: -112px -32px; }
+.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
+.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
+.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
+.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
+.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
+.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
+.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
+.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
+.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
+.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
+.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
+.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
+.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
+.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
+.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
+.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
+.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
+.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
+.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
+.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
+.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
+.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
+.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
+.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
+.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
+.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
+.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
+.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
+.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
+.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
+.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
+.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
+.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
+.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
+.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
+.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
+.ui-icon-arrow-4 { background-position: 0 -80px; }
+.ui-icon-arrow-4-diag { background-position: -16px -80px; }
+.ui-icon-extlink { background-position: -32px -80px; }
+.ui-icon-newwin { background-position: -48px -80px; }
+.ui-icon-refresh { background-position: -64px -80px; }
+.ui-icon-shuffle { background-position: -80px -80px; }
+.ui-icon-transfer-e-w { background-position: -96px -80px; }
+.ui-icon-transferthick-e-w { background-position: -112px -80px; }
+.ui-icon-folder-collapsed { background-position: 0 -96px; }
+.ui-icon-folder-open { background-position: -16px -96px; }
+.ui-icon-document { background-position: -32px -96px; }
+.ui-icon-document-b { background-position: -48px -96px; }
+.ui-icon-note { background-position: -64px -96px; }
+.ui-icon-mail-closed { background-position: -80px -96px; }
+.ui-icon-mail-open { background-position: -96px -96px; }
+.ui-icon-suitcase { background-position: -112px -96px; }
+.ui-icon-comment { background-position: -128px -96px; }
+.ui-icon-person { background-position: -144px -96px; }
+.ui-icon-print { background-position: -160px -96px; }
+.ui-icon-trash { background-position: -176px -96px; }
+.ui-icon-locked { background-position: -192px -96px; }
+.ui-icon-unlocked { background-position: -208px -96px; }
+.ui-icon-bookmark { background-position: -224px -96px; }
+.ui-icon-tag { background-position: -240px -96px; }
+.ui-icon-home { background-position: 0 -112px; }
+.ui-icon-flag { background-position: -16px -112px; }
+.ui-icon-calendar { background-position: -32px -112px; }
+.ui-icon-cart { background-position: -48px -112px; }
+.ui-icon-pencil { background-position: -64px -112px; }
+.ui-icon-clock { background-position: -80px -112px; }
+.ui-icon-disk { background-position: -96px -112px; }
+.ui-icon-calculator { background-position: -112px -112px; }
+.ui-icon-zoomin { background-position: -128px -112px; }
+.ui-icon-zoomout { background-position: -144px -112px; }
+.ui-icon-search { background-position: -160px -112px; }
+.ui-icon-wrench { background-position: -176px -112px; }
+.ui-icon-gear { background-position: -192px -112px; }
+.ui-icon-heart { background-position: -208px -112px; }
+.ui-icon-star { background-position: -224px -112px; }
+.ui-icon-link { background-position: -240px -112px; }
+.ui-icon-cancel { background-position: 0 -128px; }
+.ui-icon-plus { background-position: -16px -128px; }
+.ui-icon-plusthick { background-position: -32px -128px; }
+.ui-icon-minus { background-position: -48px -128px; }
+.ui-icon-minusthick { background-position: -64px -128px; }
+.ui-icon-close { background-position: -80px -128px; }
+.ui-icon-closethick { background-position: -96px -128px; }
+.ui-icon-key { background-position: -112px -128px; }
+.ui-icon-lightbulb { background-position: -128px -128px; }
+.ui-icon-scissors { background-position: -144px -128px; }
+.ui-icon-clipboard { background-position: -160px -128px; }
+.ui-icon-copy { background-position: -176px -128px; }
+.ui-icon-contact { background-position: -192px -128px; }
+.ui-icon-image { background-position: -208px -128px; }
+.ui-icon-video { background-position: -224px -128px; }
+.ui-icon-script { background-position: -240px -128px; }
+.ui-icon-alert { background-position: 0 -144px; }
+.ui-icon-info { background-position: -16px -144px; }
+.ui-icon-notice { background-position: -32px -144px; }
+.ui-icon-help { background-position: -48px -144px; }
+.ui-icon-check { background-position: -64px -144px; }
+.ui-icon-bullet { background-position: -80px -144px; }
+.ui-icon-radio-on { background-position: -96px -144px; }
+.ui-icon-radio-off { background-position: -112px -144px; }
+.ui-icon-pin-w { background-position: -128px -144px; }
+.ui-icon-pin-s { background-position: -144px -144px; }
+.ui-icon-play { background-position: 0 -160px; }
+.ui-icon-pause { background-position: -16px -160px; }
+.ui-icon-seek-next { background-position: -32px -160px; }
+.ui-icon-seek-prev { background-position: -48px -160px; }
+.ui-icon-seek-end { background-position: -64px -160px; }
+.ui-icon-seek-start { background-position: -80px -160px; }
+/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
+.ui-icon-seek-first { background-position: -80px -160px; }
+.ui-icon-stop { background-position: -96px -160px; }
+.ui-icon-eject { background-position: -112px -160px; }
+.ui-icon-volume-off { background-position: -128px -160px; }
+.ui-icon-volume-on { background-position: -144px -160px; }
+.ui-icon-power { background-position: 0 -176px; }
+.ui-icon-signal-diag { background-position: -16px -176px; }
+.ui-icon-signal { background-position: -32px -176px; }
+.ui-icon-battery-0 { background-position: -48px -176px; }
+.ui-icon-battery-1 { background-position: -64px -176px; }
+.ui-icon-battery-2 { background-position: -80px -176px; }
+.ui-icon-battery-3 { background-position: -96px -176px; }
+.ui-icon-circle-plus { background-position: 0 -192px; }
+.ui-icon-circle-minus { background-position: -16px -192px; }
+.ui-icon-circle-close { background-position: -32px -192px; }
+.ui-icon-circle-triangle-e { background-position: -48px -192px; }
+.ui-icon-circle-triangle-s { background-position: -64px -192px; }
+.ui-icon-circle-triangle-w { background-position: -80px -192px; }
+.ui-icon-circle-triangle-n { background-position: -96px -192px; }
+.ui-icon-circle-arrow-e { background-position: -112px -192px; }
+.ui-icon-circle-arrow-s { background-position: -128px -192px; }
+.ui-icon-circle-arrow-w { background-position: -144px -192px; }
+.ui-icon-circle-arrow-n { background-position: -160px -192px; }
+.ui-icon-circle-zoomin { background-position: -176px -192px; }
+.ui-icon-circle-zoomout { background-position: -192px -192px; }
+.ui-icon-circle-check { background-position: -208px -192px; }
+.ui-icon-circlesmall-plus { background-position: 0 -208px; }
+.ui-icon-circlesmall-minus { background-position: -16px -208px; }
+.ui-icon-circlesmall-close { background-position: -32px -208px; }
+.ui-icon-squaresmall-plus { background-position: -48px -208px; }
+.ui-icon-squaresmall-minus { background-position: -64px -208px; }
+.ui-icon-squaresmall-close { background-position: -80px -208px; }
+.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
+.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
+.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
+.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
+.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
+.ui-icon-grip-diagonal-se { background-position: -80px -224px; }
+
+
+/* Misc visuals
+----------------------------------*/
+
+/* Corner radius */
+.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; -khtml-border-top-left-radius: 3px; border-top-left-radius: 3px; }
+.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px; -khtml-border-top-right-radius: 3px; border-top-right-radius: 3px; }
+.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 3px; -webkit-border-bottom-left-radius: 3px; -khtml-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px; }
+.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 3px; -webkit-border-bottom-right-radius: 3px; -khtml-border-bottom-right-radius: 3px; border-bottom-right-radius: 3px; }
+
+/* Overlays */
+.ui-widget-overlay { /* @embed */ background: #000000 url("images/ui-bg_flat_100_000000_40x100.png") 50% 50% repeat-x; opacity: .5;filter:Alpha(Opacity=50); }
+.ui-widget-shadow { margin: -7px 0 0 -7px; padding: 7px; /* @embed */ background: #000000 url("images/ui-bg_flat_70_000000_40x100.png") 50% 50% repeat-x; opacity: .2;filter:Alpha(Opacity=20); -moz-border-radius: 8px; -khtml-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }
diff --git a/skins/DarkVector/skinStyles/jquery.ui/jquery.ui.tooltip.css b/skins/DarkVector/skinStyles/jquery.ui/jquery.ui.tooltip.css
new file mode 100644
index 00000000..88b0d02e
--- /dev/null
+++ b/skins/DarkVector/skinStyles/jquery.ui/jquery.ui.tooltip.css
@@ -0,0 +1,21 @@
+/*!
+ * jQuery UI Tooltip 1.9.2
+ * http://jqueryui.com
+ *
+ * Copyright 2012 jQuery Foundation and other contributors
+ * Released under the MIT license.
+ * http://jquery.org/license
+ */
+.ui-tooltip {
+	padding: 8px;
+	position: absolute;
+	z-index: 9999;
+	max-width: 300px;
+	-webkit-box-shadow: 0 0 5px #aaa;
+	box-shadow: 0 0 5px #aaa;
+}
+/* Fades and background-images don't work well together in IE6, drop the image */
+* html .ui-tooltip {
+	background-image: none;
+}
+body .ui-tooltip { border-width: 2px; }
diff --git a/skins/DarkVector/skinStyles/mediawiki.notification.less b/skins/DarkVector/skinStyles/mediawiki.notification.less
new file mode 100644
index 00000000..783d1898
--- /dev/null
+++ b/skins/DarkVector/skinStyles/mediawiki.notification.less
@@ -0,0 +1,34 @@
+@import "../variables";
+
+/* mediawiki.notification */
+
+// This wrapper element is needed to ensure these rules have larger CSS
+// selector specificity than default styles
+body {
+	.mw-notification-area {
+		font-size: 0.8em;
+	}
+
+	.mw-notification-area-layout {
+		top: 7em;
+	}
+
+	.mw-notification {
+		background-color: #fff;
+		background-color: rgba(255, 255, 255, 0.93);
+		padding: 0.75em 1.5em;
+		border: solid 1px @content-border-color;
+		border-radius: 0.75em;
+		box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.125);
+	}
+
+	.mw-notification-type-warn {
+		border-color: #f5be00; /* yellow */
+		box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.125), 0 0 0.75em rgba(245, 190, 0, 0.25) inset;
+	}
+
+	.mw-notification-type-error {
+		border-color: red;
+		box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.125), 0 0 0.75em rgba(255, 0, 0, 0.25) inset;
+	}
+}
diff --git a/skins/DarkVector/skinStyles/mediawiki.sectionAnchor.less b/skins/DarkVector/skinStyles/mediawiki.sectionAnchor.less
new file mode 100644
index 00000000..6a748108
--- /dev/null
+++ b/skins/DarkVector/skinStyles/mediawiki.sectionAnchor.less
@@ -0,0 +1,45 @@
+@media screen {
+	.mw-headline-anchor {
+		margin-left: -16px;
+		width: 16px;
+	}
+
+	.mw-content-ltr .mw-headline-anchor,
+	.mw-content-rtl .mw-content-ltr .mw-headline-anchor {
+		/* @noflip */
+		margin-left: -16px;
+		/* @noflip */
+		margin-right: 0;
+	}
+
+	.mw-content-rtl .mw-headline-anchor,
+	.mw-content-ltr .mw-content-rtl .mw-headline-anchor {
+		/* @noflip */
+		margin-left: 0;
+		/* @noflip */
+		margin-right: -16px;
+	}
+}
+
+@media screen and (min-width: 982px) {
+	.mw-headline-anchor {
+		margin-left: -20px;
+		width: 20px;
+	}
+
+	.mw-content-ltr .mw-headline-anchor,
+	.mw-content-rtl .mw-content-ltr .mw-headline-anchor {
+		/* @noflip */
+		margin-left: -20px;
+		/* @noflip */
+		margin-right: 0;
+	}
+
+	.mw-content-rtl .mw-headline-anchor,
+	.mw-content-ltr .mw-content-rtl .mw-headline-anchor {
+		/* @noflip */
+		margin-left: 0;
+		/* @noflip */
+		margin-right: -20px;
+	}
+}
diff --git a/skins/DarkVector/skinStyles/mediawiki.special.less b/skins/DarkVector/skinStyles/mediawiki.special.less
new file mode 100644
index 00000000..6af4b1ef
--- /dev/null
+++ b/skins/DarkVector/skinStyles/mediawiki.special.less
@@ -0,0 +1,7 @@
+/**
+ * Adjusts for decreased margin-bottom for h2 elements inside #content div
+ * introduced in March / April 2014 typography update.
+ */
+table.mw-specialpages-table {
+	margin-top: 0;
+}
diff --git a/skins/DarkVector/skinStyles/mediawiki.special.preferences.less b/skins/DarkVector/skinStyles/mediawiki.special.preferences.less
new file mode 100644
index 00000000..8eef04b2
--- /dev/null
+++ b/skins/DarkVector/skinStyles/mediawiki.special.preferences.less
@@ -0,0 +1,99 @@
+@import "mediawiki.mixins";
+@import "../variables";
+
+/**
+ * The following code is highly modified from monobook. It would be nice if the
+ * preftoc id was more human readable like preferences-toc for instance,
+ * howerver this would require backporting the other skins.
+ */
+
+#preftoc {
+	/* Tabs */
+	width: 100%;
+	float: left;
+	clear: both;
+	margin: 0 !important;
+	padding: 0 !important;
+
+	li {
+		/* Tab */
+		float: left;
+		margin: 0;
+		padding: 0;
+		padding-right: 1px;
+		height: 2.5em;
+		white-space: nowrap;
+		list-style-type: none;
+		list-style-image: none;
+
+		&.selected {
+			a {
+				color: #ccc;
+				text-decoration: none;
+			}
+		}
+	}
+
+	a,
+	a:active {
+		display: inline-block;
+		position: relative;
+		color: @menu-link-color;
+		padding: 0.5em;
+		text-decoration: none;
+		background-image: none;
+		font-size: 0.9em;
+	}
+
+	a:hover,
+	a:focus {
+		text-decoration: underline;
+	}
+}
+
+#preferences {
+	float: left;
+	width: 100%;
+	margin: 0;
+	margin-top: -2px;
+	clear: both;
+	border: solid 1px #ccc;
+
+	fieldset {
+		border: none;
+		border-top: solid 1px #ccc;
+
+		&.prefsection {
+			border: none;
+			padding: 0;
+			margin: 1em;
+
+			legend.mainLegend {
+				display: none;
+			}
+		}
+	}
+
+	legend {
+		color: #666;
+	}
+
+	td {
+		padding-left: 0.5em;
+		padding-right: 0.5em;
+	}
+
+	div.mw-prefs-buttons {
+		padding: 1em;
+
+		input {
+			margin-right: 0.25em;
+		}
+	}
+}
+
+.htmlform-tip {
+	font-size: x-small;
+	padding: .2em 2em;
+	color: #666;
+}
diff --git a/skins/DarkVector/skinStyles/ooui.less b/skins/DarkVector/skinStyles/ooui.less
new file mode 100644
index 00000000..e33c208c
--- /dev/null
+++ b/skins/DarkVector/skinStyles/ooui.less
@@ -0,0 +1,4 @@
+.oo-ui-windowManager-modal {
+	z-index: 101;
+	position: relative;
+}
diff --git a/skins/DarkVector/variables.less b/skins/DarkVector/variables.less
new file mode 100644
index 00000000..b17d15cf
--- /dev/null
+++ b/skins/DarkVector/variables.less
@@ -0,0 +1,39 @@
+@html-font-size: 100%;
+
+// Page content
+// FIXME: Use global variable since Echo and CentralNotice use this variable
+@content-border-color: #a7d7f9;
+// FIXME: Find an open font that works with this stack and is readable by Windows users
+@content-font-family: sans-serif;
+@content-font-color: #252525;
+@content-font-size: 0.875em;
+@content-line-height: 1.6;
+@content-padding: 1em;
+@content-heading-font-size: 1.8em;
+@content-heading-font-family: "Linux Libertine", Georgia, Times, serif;
+@body-background-color: #fff;
+@heading-line-height: 1.3;
+
+// Navigation
+@menu-background-color: #f6f6f6;
+
+// Common menu
+@menu-link-color: #0645ad;
+
+// Main menu
+@menu-main-font-size: inherit;
+
+@menu-main-heading-font-size: 0.75em;
+@menu-main-heading-padding: 0.25em 0 0.25em 0.25em;
+@menu-main-heading-color: #4d4d4d;
+
+@menu-main-body-font-size: 0.75em;
+@menu-main-body-link-color: #0645ad;
+@menu-main-body-link-visited-color: #0b0080;
+@menu-main-body-margin: 0 0 0 1.25em;
+@menu-main-body-padding: 0;
+
+@menu-main-logo-left: 0.5em;
+
+// Personal menu
+@menu-personal-font-size: 0.75em;