Update to MediaWiki 1.20.2

this update includes:
* adjusted Arch Linux skin
* updated FluxBBAuthPlugin
* patch for https://bugzilla.wikimedia.org/show_bug.cgi?id=44024

34 files changed, 535 insertions, 456 deletions

diff --git a/skins/vector/images/arrow-down-focus-icon.png b/skins/vector/images/arrow-down-focus-icon.png
index e20dc4b6..7640bd1e 100644
--- a/skins/vector/images/arrow-down-focus-icon.png
+++ b/skins/vector/images/arrow-down-focus-icon.png
diff --git a/skins/vector/images/arrow-down-icon.png b/skins/vector/images/arrow-down-icon.png
index 437b9518..12e3b932 100644
--- a/skins/vector/images/arrow-down-icon.png
+++ b/skins/vector/images/arrow-down-icon.png
diff --git a/skins/vector/images/audio-icon.png b/skins/vector/images/audio-icon.png
index ffd0b1c2..5a1d2f43 100644
--- a/skins/vector/images/audio-icon.png
+++ b/skins/vector/images/audio-icon.png
diff --git a/skins/vector/images/border.png b/skins/vector/images/border.png
index 6e3330ff..f9ca8cc3 100644
--- a/skins/vector/images/border.png
+++ b/skins/vector/images/border.png
diff --git a/skins/vector/images/bullet-icon.png b/skins/vector/images/bullet-icon.png
index e304b267..7bae98f6 100644
--- a/skins/vector/images/bullet-icon.png
+++ b/skins/vector/images/bullet-icon.png
diff --git a/skins/vector/images/document-icon.png b/skins/vector/images/document-icon.png
index 7b68120a..4d56572b 100644
--- a/skins/vector/images/document-icon.png
+++ b/skins/vector/images/document-icon.png
diff --git a/skins/vector/images/edit-icon.png b/skins/vector/images/edit-icon.png
index 92153e8e..462ca643 100644
--- a/skins/vector/images/edit-icon.png
+++ b/skins/vector/images/edit-icon.png
diff --git a/skins/vector/images/external-link-ltr-icon.png b/skins/vector/images/external-link-ltr-icon.png
index fe642b5c..acf260fc 100644
--- a/skins/vector/images/external-link-ltr-icon.png
+++ b/skins/vector/images/external-link-ltr-icon.png
diff --git a/skins/vector/images/external-link-rtl-icon.png b/skins/vector/images/external-link-rtl-icon.png
index 01e0d798..7d5ee375 100644
--- a/skins/vector/images/external-link-rtl-icon.png
+++ b/skins/vector/images/external-link-rtl-icon.png
diff --git a/skins/vector/images/file-icon.png b/skins/vector/images/file-icon.png
index 8a4baf2c..ed246698 100644
--- a/skins/vector/images/file-icon.png
+++ b/skins/vector/images/file-icon.png
diff --git a/skins/vector/images/link-icon.png b/skins/vector/images/link-icon.png
index 469fd2b4..b70efaaa 100644
--- a/skins/vector/images/link-icon.png
+++ b/skins/vector/images/link-icon.png
diff --git a/skins/vector/images/lock-icon.png b/skins/vector/images/lock-icon.png
index 46b72f52..a9ba8a72 100644
--- a/skins/vector/images/lock-icon.png
+++ b/skins/vector/images/lock-icon.png
diff --git a/skins/vector/images/mail-icon.png b/skins/vector/images/mail-icon.png
index a8ad2fd7..9823d72c 100644
--- a/skins/vector/images/mail-icon.png
+++ b/skins/vector/images/mail-icon.png
diff --git a/skins/vector/images/news-icon.png b/skins/vector/images/news-icon.png
index bb03a892..ade1a376 100644
--- a/skins/vector/images/news-icon.png
+++ b/skins/vector/images/news-icon.png
diff --git a/skins/vector/images/page-base.png b/skins/vector/images/page-base.png
index be760917..b3ecd30d 100644
--- a/skins/vector/images/page-base.png
+++ b/skins/vector/images/page-base.png
diff --git a/skins/vector/images/page-fade.png b/skins/vector/images/page-fade.png
index 2b08cfe2..1436cda0 100644
--- a/skins/vector/images/page-fade.png
+++ b/skins/vector/images/page-fade.png
diff --git a/skins/vector/images/portal-break-ltr.png b/skins/vector/images/portal-break-ltr.png
index 76ca4915..cec17ea1 100644
--- a/skins/vector/images/portal-break-ltr.png
+++ b/skins/vector/images/portal-break-ltr.png
diff --git a/skins/vector/images/portal-break-rtl.png b/skins/vector/images/portal-break-rtl.png
index 773792aa..e5f6223e 100644
--- a/skins/vector/images/portal-break-rtl.png
+++ b/skins/vector/images/portal-break-rtl.png
diff --git a/skins/vector/images/portal-break.png b/skins/vector/images/portal-break.png
index 5feaa459..90c39182 100644
--- a/skins/vector/images/portal-break.png
+++ b/skins/vector/images/portal-break.png
diff --git a/skins/vector/images/preferences-base.png b/skins/vector/images/preferences-base.png
index 947895f1..8e0082b1 100644
--- a/skins/vector/images/preferences-base.png
+++ b/skins/vector/images/preferences-base.png
diff --git a/skins/vector/images/preferences-break.png b/skins/vector/images/preferences-break.png
index 6c5c68c4..e59f5783 100644
--- a/skins/vector/images/preferences-break.png
+++ b/skins/vector/images/preferences-break.png
diff --git a/skins/vector/images/preferences-edge.png b/skins/vector/images/preferences-edge.png
index e6a9a480..411a1aaa 100644
--- a/skins/vector/images/preferences-edge.png
+++ b/skins/vector/images/preferences-edge.png
diff --git a/skins/vector/images/preferences-fade.png b/skins/vector/images/preferences-fade.png
index 3aa30bb9..638084dc 100644
--- a/skins/vector/images/preferences-fade.png
+++ b/skins/vector/images/preferences-fade.png
diff --git a/skins/vector/images/search-fade.png b/skins/vector/images/search-fade.png
index e96f6678..6cb7d286 100644
--- a/skins/vector/images/search-fade.png
+++ b/skins/vector/images/search-fade.png
diff --git a/skins/vector/images/tab-break.png b/skins/vector/images/tab-break.png
index 95be27b5..c03c72e4 100644
--- a/skins/vector/images/tab-break.png
+++ b/skins/vector/images/tab-break.png
diff --git a/skins/vector/images/tab-current-fade.png b/skins/vector/images/tab-current-fade.png
index fb3a2cb6..b8f772fa 100644
--- a/skins/vector/images/tab-current-fade.png
+++ b/skins/vector/images/tab-current-fade.png
diff --git a/skins/vector/images/tab-normal-fade.png b/skins/vector/images/tab-normal-fade.png
index fcee0dfb..f719a88d 100644
--- a/skins/vector/images/tab-normal-fade.png
+++ b/skins/vector/images/tab-normal-fade.png
diff --git a/skins/vector/images/talk-icon.png b/skins/vector/images/talk-icon.png
index 12862a09..c4434351 100644
--- a/skins/vector/images/talk-icon.png
+++ b/skins/vector/images/talk-icon.png
diff --git a/skins/vector/images/user-icon.png b/skins/vector/images/user-icon.png
index a3b38b3a..57f9f8db 100644
--- a/skins/vector/images/user-icon.png
+++ b/skins/vector/images/user-icon.png
diff --git a/skins/vector/images/video-icon.png b/skins/vector/images/video-icon.png
index 06bc9b64..e934a0ff 100644
--- a/skins/vector/images/video-icon.png
+++ b/skins/vector/images/video-icon.png
diff --git a/skins/vector/images/watch-icons.png b/skins/vector/images/watch-icons.png
index a2871626..03aa7d54 100644
--- a/skins/vector/images/watch-icons.png
+++ b/skins/vector/images/watch-icons.png
diff --git a/skins/vector/screen-hd.css b/skins/vector/screen-hd.css
new file mode 100644
index 00000000..b90fd63b
--- /dev/null
+++ b/skins/vector/screen-hd.css
@@ -0,0 +1,28 @@
+/* Vector screen styles for high definition displays */
+
+div#content {
+	margin-left: 11em;
+	padding: 1.25em 1.5em 1.5em 1.5em;
+}
+#p-logo {
+	left: 0.5em;
+}
+div#footer {
+	margin-left: 11em;
+	padding: 1.25em;
+}
+#mw-panel {
+	padding-left: 0.5em;
+}
+#p-search {
+	margin-right: 1em;
+}
+#left-navigation {
+	left: 11em;
+}
+#p-personal {
+	right: 1em;
+}
+#mw-head-base {
+	margin-left: 11em;
+}
diff --git a/skins/vector/screen.css b/skins/vector/screen.css
index ded0a005..4069d9e4 100644
--- a/skins/vector/screen.css
+++ b/skins/vector/screen.css
@@ -65,386 +65,386 @@ div#mw-head h5 {
 	margin: 0;
 	padding: 0;
 }
-	/* Hide empty portlets */
-	div.emptyPortlet {
+/* Hide empty portlets */
+div.emptyPortlet {
 		display: none;
-	}
-	/* Personal */
-	#p-personal {
-		position: absolute;
-		top: 0;
-		right: 0.75em;
-	}
-	#p-personal h5 {
-		display: none;
-	}
-	#p-personal ul {
-		list-style: none;
-		margin: 0;
-		padding-left: 10em; /* Keep from overlapping logo */
-	}
-	/* @noflip */
-	#p-personal li {
-		line-height: 1.125em;
-		float: left;
-	}
-	/* This one flips! */
-	#p-personal li {
-		margin-left: 0.75em;
-		margin-top: 0.5em;
-		font-size: 0.75em;
-		white-space: nowrap;
-	}
-	/* Navigation Containers */
-	#left-navigation {
-		position: absolute;
-		left: 10em;
-		top: 2.5em;
-	}
-	#right-navigation {
-		float: right;
-		margin-top: 2.5em;
-	}
-	/* Navigation Labels */
-	div.vectorTabs h5,
-	div.vectorMenu h5 span {
-		display: none;
-	}
-	/* Namespaces and Views */
-	/* @noflip */
-	div.vectorTabs {
-		float: left;
-		height: 2.5em;
-	}
-	div.vectorTabs {
-		/* @embed */
-		background-image: url(images/tab-break.png);
-		background-position: bottom left;
-		background-repeat: no-repeat;
-		padding-left: 1px;
-	}
-	/* @noflip */
-	div.vectorTabs ul {
-		float: left;
-	}
-	div.vectorTabs ul {
-		height: 100%;
-		list-style: none;
-		margin: 0;
-		padding: 0;
-	}
-	/* @noflip */
-	div.vectorTabs ul li {
-		float: left;
-	}
-	/* OVERRIDDEN BY COMPLIANT BROWSERS */
-	div.vectorTabs ul li {
-		line-height: 1.125em;
-		display: inline-block;
-		height: 100%;
-		margin: 0;
-		padding: 0;
-		background-color: #f3f3f3;
-		/* @embed */
-		background-image: url(images/tab-normal-fade.png);
-		background-position: bottom left;
-		background-repeat: repeat-x;
-		white-space:nowrap;
-	}
-	/* IGNORED BY IE6 */
-	div.vectorTabs ul > li {
-		display: block;
-	}
-	div.vectorTabs li.selected {
-		/* @embed */
-		background-image: url(images/tab-current-fade.png);
-	}
-	/* OVERRIDDEN BY COMPLIANT BROWSERS */
-	div.vectorTabs li a {
-		display: inline-block;
-		height: 1.9em;
-		padding-left: 0.5em;
-		padding-right: 0.5em;
-		color: #0645ad;
-		cursor: pointer;
-		font-size: 0.8em;
-	}
-	/* IGNORED BY IE6 */
-	div.vectorTabs li > a {
-		display: block;
-	}
-	div.vectorTabs li.icon a {
-		background-position: bottom right;
-		background-repeat: no-repeat;
-	}
-	/* OVERRIDDEN BY COMPLIANT BROWSERS */
-	div.vectorTabs span a  {
-		display: inline-block;
-		padding-top: 1.25em;
-	}
-	/* IGNORED BY IE6 */
-	/* @noflip */
-	div.vectorTabs span > a {
-		float: left;
-		display: block;
-	}
-	div.vectorTabs span {
-		display: inline-block;
-		/* @embed */
-		background-image: url(images/tab-break.png);
-		background-position: bottom right;
-		background-repeat: no-repeat;
-	}
-	div.vectorTabs li.selected a,
-	div.vectorTabs li.selected a:visited{
-		color: #333333;
-		text-decoration: none;
-	}
-	div.vectorTabs li.new a,
-	div.vectorTabs li.new a:visited{
-		color: #a55858;
-	}
-	/* Variants and Actions */
-	/* @noflip */
-	div.vectorMenu {
-		direction: ltr;
-		float: left;
-		/* @embed */
-		background-image: url(images/arrow-down-icon.png);
-		background-position: 100% 60%;
-		background-repeat: no-repeat;
-		cursor: pointer;
-	}
-	div.vectorMenuFocus {
-		/* @embed */
-		background-image: url(images/arrow-down-focus-icon.png);
-		background-position: 100% 60%;
-	}
-	/* @noflip */
-	body.rtl div.vectorMenu {
-		direction: rtl;
-	}
-	/* OVERRIDDEN BY COMPLIANT BROWSERS */
-	/* @noflip */
-	div#mw-head div.vectorMenu h5 {
-		float: left;
-		/* @embed */
-		background-image: url(images/tab-break.png);
-		background-repeat: no-repeat;
-	}
-	/* This will be flipped - unlike the one above it */
-	div#mw-head div.vectorMenu h5 {
-		background-position: bottom left;
-		margin-left: -1px;
-	}
-	/* IGNORED BY IE6 */
-	div#mw-head div.vectorMenu > h5 {
-		background-image: none;
-	}
-	div#mw-head div.vectorMenu h4 {
-		display: inline-block;
-		float: left;
-		font-size: 0.8em;
-		padding-left: 0.5em;
-		padding-top: 1.375em;
-		font-weight: normal;
-		border: none;
-	}
-	/* OVERRIDDEN BY COMPLIANT BROWSERS */
-	/* @noflip */
-	div.vectorMenu h5 a {
-		display: inline-block;
-		width: 24px;
-		height: 2.5em;
-		text-decoration: none;
-		/* @embed */
-		background-image: url(images/tab-break.png);
-		background-repeat: no-repeat;
-	}
-	/* This will be flipped - unlike the one above it */
-	div.vectorMenu h5 a {
-		background-position: bottom right;
-	}
-	/* IGNORED BY IE6 */
-	div.vectorMenu h5 > a {
-		display: block;
-	}
-	div.vectorMenu div.menu {
-		position: relative;
-		display: none;
-		clear: both;
-		text-align: left;
-	}
-	/* OVERRIDDEN BY COMPLIANT BROWSERS */
-	/* @noflip */
-	body.rtl div.vectorMenu div.menu {
-		margin-left: 24px;
-	}
-	/* IGNORED BY IE6 */
-	/* @noflip */
-	body.rtl div.vectorMenu > div.menu {
-		margin-left: auto;
-	}
-	/* IGNORED BY IE6 */
-	/* Also fixes old versions of FireFox */
-	/* @noflip */
-	body.rtl div.vectorMenu > div.menu,
-	x:-moz-any-link {
-		margin-left: 23px;
-	}
-	/* Enable forcing showing of the menu for accessibility */
-	div.vectorMenu:hover div.menu,
-	div.vectorMenu div.menuForceShow {
-		display: block;
-	}
-	div.vectorMenu ul {
-		position: absolute;
-		background-color: white;
-		border: solid 1px silver;
-		border-top-width: 0;
-		list-style: none;
-		list-style-image: none;
-		list-style-type: none;
-		padding: 0;
-		margin: 0;
-		margin-left: -1px;
-		text-align: left;
-	}
-	/* Fixes old versions of FireFox */
-	div.vectorMenu ul,
-	x:-moz-any-link {
-		min-width: 5em;
-	}
-	/* Returns things back to normal in modern versions of FireFox */
-	div.vectorMenu ul,
-	x:-moz-any-link,
-	x:default {
-		min-width: 0;
-	}
-	div.vectorMenu li {
-		padding: 0;
-		margin: 0;
-		text-align: left;
-		line-height: 1em;
-	}
-	/* OVERRIDDEN BY COMPLIANT BROWSERS */
-	div.vectorMenu li a {
-		display: inline-block;
-		padding: 0.5em;
-		white-space: nowrap;
-		color: #0645ad;
-		cursor: pointer;
-		font-size: 0.8em;
-	}
-	/* IGNORED BY IE6 */
-	div.vectorMenu li > a {
-		display: block;
-	}
-	div.vectorMenu li.selected a,
-	div.vectorMenu li.selected a:visited {
-		color: #333333;
-		text-decoration: none;
-	}
-	/* Search */
-	#p-search h5 {
-		display: none;
-	}
-	/* @noflip */
-	#p-search {
-		float: left;
-	}
-	#p-search {
-		margin-right: 0.5em;
-		margin-left: 0.5em;
-	}
-	#p-search form,
-	#p-search input {
-		margin: 0;
-		margin-top: 0.4em;
-	}
-	div#simpleSearch {
-		display: block;
-		width: 14em;
-		height: 1.4em;
-		margin-top: 0.65em;
-		position: relative;
-		min-height: 1px; /* Gotta trigger hasLayout for IE7 */
-		border: solid 1px #AAAAAA;
-		color: black;
-		background-color: white;
-		/* @embed */
-		background-image: url(images/search-fade.png);
-		background-position: top left;
-		background-repeat: repeat-x;
-	}
-	div#simpleSearch label {
-		/*
-		 * DON'T PANIC! Browsers that won't scale this properly are the same browsers that have JS issues that prevent
-		 * this from ever being shown anyways.
-		*/
-		font-size: 13px;
-		top: 0.25em;
-		direction: ltr;
-	}
-	div#simpleSearch input {
-		color: black;
-		direction: ltr;
-	}
-	div#simpleSearch input:focus {
-		outline: none;
-	}
-	div#simpleSearch input.placeholder {
-		color: #999999;
-	}
-	div#simpleSearch input::-webkit-input-placeholder {
-		color: #999999;
-	}
-	div#simpleSearch input#searchInput {
-		position: absolute;
-		top: 0;
-		left: 0;
-		width: 90%;
-		margin: 0;
-		padding: 0;
-		padding-left: 0.2em;
-		padding-top: 0.2em;
-		padding-bottom: 0.2em;
-		outline: none;
-		border: none;
-		/*
-		 * DON'T PANIC! Browsers that won't scale this properly are the same browsers that have JS issues that prevent
-		 * this from ever being shown anyways.
-		*/
-		font-size: 13px;
-		background-color: transparent;
-		direction: ltr;
-	}
-	div#simpleSearch button#searchButton {
-		position: absolute;
-		width: 10%;
-		right: 0;
-		top: 0;
-		padding: 0;
-		padding-top: 0.3em;
-		padding-bottom: 0.2em;
-		padding-right: 0.4em;
-		margin: 0;
-		border: none;
-		cursor: pointer;
-		background-color: transparent;
-		background-image: none;
-	}
-	/* OVERRIDDEN BY COMPLIANT BROWSERS */
-	div#simpleSearch button#searchButton img {
-		border: none;
-		margin: 0;
-		margin-top: -3px;
-		padding: 0;
-	}
-	/* IGNORED BY IE6 */
-	div#simpleSearch button#searchButton > img {
-		margin: 0;
-	}
+}
+/* Personal */
+#p-personal {
+	position: absolute;
+	top: 0.33em;
+	right: 0.75em;
+}
+#p-personal h5 {
+	display: none;
+}
+#p-personal ul {
+	list-style: none;
+	margin: 0;
+	padding-left: 10em; /* Keep from overlapping logo */
+}
+/* @noflip */
+#p-personal li {
+	line-height: 1.125em;
+	float: left;
+}
+/* This one flips! */
+#p-personal li {
+	margin-left: 0.75em;
+	margin-top: 0.5em;
+	font-size: 0.75em;
+	white-space: nowrap;
+}
+/* Navigation Containers */
+#left-navigation {
+	position: absolute;
+	left: 10em;
+	top: 2.5em;
+}
+#right-navigation {
+	float: right;
+	margin-top: 2.5em;
+}
+/* Navigation Labels */
+div.vectorTabs h5,
+div.vectorMenu h5 span {
+	display: none;
+}
+/* Namespaces and Views */
+/* @noflip */
+div.vectorTabs {
+	float: left;
+	height: 2.5em;
+}
+div.vectorTabs {
+	/* @embed */
+	background-image: url(images/tab-break.png);
+	background-position: bottom left;
+	background-repeat: no-repeat;
+	padding-left: 1px;
+}
+/* @noflip */
+div.vectorTabs ul {
+	float: left;
+}
+div.vectorTabs ul {
+	height: 100%;
+	list-style: none;
+	margin: 0;
+	padding: 0;
+}
+/* @noflip */
+div.vectorTabs ul li {
+	float: left;
+}
+/* OVERRIDDEN BY COMPLIANT BROWSERS */
+div.vectorTabs ul li {
+	line-height: 1.125em;
+	display: inline-block;
+	height: 100%;
+	margin: 0;
+	padding: 0;
+	background-color: #f3f3f3;
+	/* @embed */
+	background-image: url(images/tab-normal-fade.png);
+	background-position: bottom left;
+	background-repeat: repeat-x;
+	white-space: nowrap;
+}
+/* IGNORED BY IE6 */
+div.vectorTabs ul > li {
+	display: block;
+}
+div.vectorTabs li.selected {
+	/* @embed */
+	background-image: url(images/tab-current-fade.png);
+}
+/* OVERRIDDEN BY COMPLIANT BROWSERS */
+div.vectorTabs li a {
+	display: inline-block;
+	height: 1.9em;
+	padding-left: 0.5em;
+	padding-right: 0.5em;
+	color: #0645ad;
+	cursor: pointer;
+	font-size: 0.8em;
+}
+/* IGNORED BY IE6 */
+div.vectorTabs li > a {
+	display: block;
+}
+div.vectorTabs li.icon a {
+	background-position: bottom right;
+	background-repeat: no-repeat;
+}
+/* OVERRIDDEN BY COMPLIANT BROWSERS */
+div.vectorTabs span a  {
+	display: inline-block;
+	padding-top: 1.25em;
+}
+/* IGNORED BY IE6 */
+/* @noflip */
+div.vectorTabs span > a {
+	float: left;
+	display: block;
+}
+div.vectorTabs span {
+	display: inline-block;
+	/* @embed */
+	background-image: url(images/tab-break.png);
+	background-position: bottom right;
+	background-repeat: no-repeat;
+}
+div.vectorTabs li.selected a,
+div.vectorTabs li.selected a:visited{
+	color: #333;
+	text-decoration: none;
+}
+div.vectorTabs li.new a,
+div.vectorTabs li.new a:visited{
+	color: #a55858;
+}
+/* Variants and Actions */
+/* @noflip */
+div.vectorMenu {
+	direction: ltr;
+	float: left;
+	/* @embed */
+	background-image: url(images/arrow-down-icon.png);
+	background-position: 100% 60%;
+	background-repeat: no-repeat;
+	cursor: pointer;
+}
+div.vectorMenuFocus {
+	/* @embed */
+	background-image: url(images/arrow-down-focus-icon.png);
+	background-position: 100% 60%;
+}
+/* @noflip */
+body.rtl div.vectorMenu {
+	direction: rtl;
+}
+/* OVERRIDDEN BY COMPLIANT BROWSERS */
+/* @noflip */
+div#mw-head div.vectorMenu h5 {
+	float: left;
+	/* @embed */
+	background-image: url(images/tab-break.png);
+	background-repeat: no-repeat;
+}
+/* This will be flipped - unlike the one above it */
+div#mw-head div.vectorMenu h5 {
+	background-position: bottom left;
+	margin-left: -1px;
+}
+/* IGNORED BY IE6 */
+div#mw-head div.vectorMenu > h5 {
+	background-image: none;
+}
+div#mw-head div.vectorMenu h4 {
+	display: inline-block;
+	float: left;
+	font-size: 0.8em;
+	padding-left: 0.5em;
+	padding-top: 1.375em;
+	font-weight: normal;
+	border: none;
+}
+/* OVERRIDDEN BY COMPLIANT BROWSERS */
+/* @noflip */
+div.vectorMenu h5 a {
+	display: inline-block;
+	width: 24px;
+	height: 2.5em;
+	text-decoration: none;
+	/* @embed */
+	background-image: url(images/tab-break.png);
+	background-repeat: no-repeat;
+}
+/* This will be flipped - unlike the one above it */
+div.vectorMenu h5 a {
+	background-position: bottom right;
+}
+/* IGNORED BY IE6 */
+div.vectorMenu h5 > a {
+	display: block;
+}
+div.vectorMenu div.menu {
+	position: relative;
+	display: none;
+	clear: both;
+	text-align: left;
+}
+/* OVERRIDDEN BY COMPLIANT BROWSERS */
+/* @noflip */
+body.rtl div.vectorMenu div.menu {
+	margin-left: 24px;
+}
+/* IGNORED BY IE6 */
+/* @noflip */
+body.rtl div.vectorMenu > div.menu {
+	margin-left: auto;
+}
+/* IGNORED BY IE6 */
+/* Also fixes old versions of FireFox */
+/* @noflip */
+body.rtl div.vectorMenu > div.menu,
+x:-moz-any-link {
+	margin-left: 23px;
+}
+/* Enable forcing showing of the menu for accessibility */
+div.vectorMenu:hover div.menu,
+div.vectorMenu div.menuForceShow {
+	display: block;
+}
+div.vectorMenu ul {
+	position: absolute;
+	background-color: white;
+	border: solid 1px silver;
+	border-top-width: 0;
+	list-style: none;
+	list-style-image: none;
+	list-style-type: none;
+	padding: 0;
+	margin: 0;
+	margin-left: -1px;
+	text-align: left;
+}
+/* Fixes old versions of FireFox */
+div.vectorMenu ul,
+x:-moz-any-link {
+	min-width: 5em;
+}
+/* Returns things back to normal in modern versions of FireFox */
+div.vectorMenu ul,
+x:-moz-any-link,
+x:default {
+	min-width: 0;
+}
+div.vectorMenu li {
+	padding: 0;
+	margin: 0;
+	text-align: left;
+	line-height: 1em;
+}
+/* OVERRIDDEN BY COMPLIANT BROWSERS */
+div.vectorMenu li a {
+	display: inline-block;
+	padding: 0.5em;
+	white-space: nowrap;
+	color: #0645ad;
+	cursor: pointer;
+	font-size: 0.8em;
+}
+/* IGNORED BY IE6 */
+div.vectorMenu li > a {
+	display: block;
+}
+div.vectorMenu li.selected a,
+div.vectorMenu li.selected a:visited {
+	color: #333;
+	text-decoration: none;
+}
+/* Search */
+#p-search h5 {
+	display: none;
+}
+/* @noflip */
+#p-search {
+	float: left;
+}
+#p-search {
+	margin-right: 0.5em;
+	margin-left: 0.5em;
+}
+#p-search form,
+#p-search input {
+	margin: 0;
+	margin-top: 0.4em;
+}
+div#simpleSearch {
+	display: block;
+	width: 14em;
+	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;
+	/* @embed */
+	background-image: url(images/search-fade.png);
+	background-position: top left;
+	background-repeat: repeat-x;
+}
+div#simpleSearch label {
+	/*
+	 * DON'T PANIC! Browsers that won't scale this properly are the same browsers that have JS issues that prevent
+	 * this from ever being shown anyways.
+	*/
+	font-size: 13px;
+	top: 0.25em;
+	direction: ltr;
+}
+div#simpleSearch input {
+	color: black;
+	direction: ltr;
+}
+div#simpleSearch input:focus {
+	outline: none;
+}
+div#simpleSearch input.placeholder {
+	color: #999;
+}
+div#simpleSearch input::-webkit-input-placeholder {
+	color: #999;
+}
+div#simpleSearch input#searchInput {
+	position: absolute;
+	top: 0;
+	left: 0;
+	width: 90%;
+	margin: 0;
+	padding: 0;
+	padding-left: 0.2em;
+	padding-top: 0.2em;
+	padding-bottom: 0.2em;
+	outline: none;
+	border: none;
+	/*
+	 * DON'T PANIC! Browsers that won't scale this properly are the same browsers that have JS issues that prevent
+	 * this from ever being shown anyways.
+	*/
+	font-size: 13px;
+	background-color: transparent;
+	direction: ltr;
+}
+div#simpleSearch button#searchButton {
+	position: absolute;
+	width: 10%;
+	right: 0;
+	top: 0;
+	padding: 0;
+	padding-top: 0.3em;
+	padding-bottom: 0.2em;
+	padding-right: 0.4em;
+	margin: 0;
+	border: none;
+	cursor: pointer;
+	background-color: transparent;
+	background-image: none;
+}
+/* OVERRIDDEN BY COMPLIANT BROWSERS */
+div#simpleSearch button#searchButton img {
+	border: none;
+	margin: 0;
+	margin-top: -3px;
+	padding: 0;
+}
+/* IGNORED BY IE6 */
+div#simpleSearch button#searchButton > img {
+	margin: 0;
+}
 /* Panel */
 div#mw-panel {
 	position: absolute;
@@ -453,50 +453,50 @@ div#mw-panel {
 	width: 10em;
 	left: 0;
 }
-	div#mw-panel div.portal {
-		padding-bottom: 1.5em;
-		direction: ltr;
-	}
-	div#mw-panel div.portal h5 {
-		font-weight: normal;
-		color: #444444;
-		padding: 0.25em;
-		padding-top: 0;
-		padding-left: 1.75em;
-		cursor: default;
-		border: none;
-		font-size: 0.75em;
-	}
-	div#mw-panel div.portal div.body {
-		margin: 0;
-		padding-top: 0.5em;
-		margin-left: 1.25em;
-		/* @embed */
-		background-image: url(images/portal-break.png);
-		background-repeat: no-repeat;
-		background-position: top left;
-	}
-	div#mw-panel div.portal div.body ul {
-		list-style: none;
-		list-style-image: none;
-		list-style-type: none;
-		padding: 0;
-		margin: 0;
-	}
-	div#mw-panel div.portal div.body ul li {
-		line-height: 1.125em;
-		padding: 0;
-		padding-bottom: 0.5em;
-		margin: 0;
-		overflow: hidden;
-		font-size: 0.75em;
-	}
-	div#mw-panel div.portal div.body ul li a {
-		color: #0645ad;
-	}
-	div#mw-panel div.portal div.body ul li a:visited {
-		color: #0b0080;
-	}
+div#mw-panel div.portal {
+	padding-bottom: 1.5em;
+	direction: ltr;
+}
+div#mw-panel div.portal h5 {
+	font-weight: normal;
+	color: #444;
+	padding: 0.25em;
+	padding-top: 0;
+	padding-left: 1.75em;
+	cursor: default;
+	border: none;
+	font-size: 0.75em;
+}
+div#mw-panel div.portal div.body {
+	margin: 0;
+	padding-top: 0.5em;
+	margin-left: 1.25em;
+	/* @embed */
+	background-image: url(images/portal-break.png);
+	background-repeat: no-repeat;
+	background-position: top left;
+}
+div#mw-panel div.portal div.body ul {
+	list-style: none;
+	list-style-image: none;
+	list-style-type: none;
+	padding: 0;
+	margin: 0;
+}
+div#mw-panel div.portal div.body ul li {
+	line-height: 1.125em;
+	padding: 0;
+	padding-bottom: 0.5em;
+	margin: 0;
+	font-size: 0.75em;
+	word-wrap: break-word;
+}
+div#mw-panel div.portal div.body ul li a {
+	color: #0645ad;
+}
+div#mw-panel div.portal div.body ul li a:visited {
+	color: #0b0080;
+}
 /* Footer */
 div#footer {
 	margin-left: 10em;
@@ -520,7 +520,7 @@ div#footer ul li {
 	padding: 0;
 	padding-top: 0.5em;
 	padding-bottom: 0.5em;
-	color: #333333;
+	color: #333;
 	font-size: 0.7em;
 }
 div#footer #footer-icons {
@@ -619,7 +619,7 @@ div#footer #footer-places li {
 		background-image: url(images/preferences-fade.png);
 		background-position: bottom;
 		background-repeat: repeat-x;
-		color: #333333;
+		color: #333;
 		text-decoration: none;
 	}
 #preferences {
@@ -628,14 +628,14 @@ div#footer #footer-places li {
 	margin: 0;
 	margin-top: -2px;
 	clear: both;
-	border: solid 1px #cccccc;
+	border: solid 1px #ccc;
 	background-color: #f9f9f9;
 	/* @embed */
 	background-image: url(images/preferences-base.png);
 }
 #preferences fieldset {
 	border: none;
-	border-top: solid 1px #cccccc;
+	border-top: solid 1px #ccc;
 }
 #preferences fieldset.prefsection {
 	border: none;
@@ -643,7 +643,7 @@ div#footer #footer-places li {
 	margin: 1em;
 }
 #preferences legend {
-	color: #666666;
+	color: #666;
 }
 #preferences fieldset.prefsection legend.mainLegend {
 	display: none;
@@ -652,10 +652,10 @@ div#footer #footer-places li {
 	padding-left: 0.5em;
 	padding-right: 0.5em;
 }
-#preferences td.htmlform-tip {
+.htmlform-tip {
 	font-size: x-small;
 	padding: .2em 2em;
-	color: #666666;
+	color: #666;
 }
 #preferences div.mw-prefs-buttons {
 	padding: 1em;
@@ -683,7 +683,7 @@ ul {
 	list-style-image: url(images/bullet-icon.png);
 }
 
-pre {
+pre, .mw-code {
 	line-height: 1.3em;
 }
 
@@ -762,9 +762,6 @@ div#content a.external[href *=".pdf?"], div#content a.external[href *=".PDF?"],
 	padding-right: 13px;
 }
 
-div#content .printfooter {
-	display: none;
-}
 /* Icon for Usernames */
 #pt-userpage,
 #pt-anonuserpage,
@@ -787,13 +784,26 @@ div#content .printfooter {
 	position: relative;
 	width: 100%;
 }
-#mw-js-message {
-	font-size: 0.8em;
-}
 div#bodyContent {
 	line-height: 1.5em;
 }
 
+/* mediawiki.notification */
+.skin-vector #mw-notification-area {
+	top: 7em;
+	font-size: 0.8em;
+}
+.skin-vector .mw-notification {
+	background-color: #fff;
+	background-color: rgba(255, 255, 255, 0.93);
+	padding: 0.75em 1.5em;
+	border: solid 1px #a7d7f9;
+	border-radius: 0.75em;
+	-webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.125);
+	-moz-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.125);
+	box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.125);
+}
+
 /* Watch/Unwatch Icon Styling */
 #ca-unwatch.icon a,
 #ca-watch.icon a {
@@ -838,12 +848,53 @@ div#bodyContent {
 }
 div.vectorTabs ul {
 	/* @embed */
-	background-image:url(images/tab-break.png);
-	background-position:right bottom;
-	background-repeat:no-repeat;
+	background-image: url(images/tab-break.png);
+	background-position: right bottom;
+	background-repeat: no-repeat;
 }
 
 /* Tooltips are outside of the normal body code, so this helps make the size of the text sensible */
 .tipsy {
 	font-size: 0.8em;
 }
+
+/* Animate between standard and high definition layouts */
+
+body.vector-animateLayout div#content,
+body.vector-animateLayout div#footer {
+	-moz-transition: margin-left 250ms, padding 250ms;
+	-webkit-transition: margin-left 250ms, padding 250ms;
+	-o-transition: margin-left 250ms, padding 250ms;
+	transition: margin-left 250ms, padding 250ms;
+}
+body.vector-animateLayout #p-logo,
+body.vector-animateLayout #left-navigation {
+	-moz-transition: left 250ms;
+	-webkit-transition: left 250ms;
+	-o-transition: left 250ms;
+	transition: left 250ms;
+}
+body.vector-animateLayout #mw-panel {
+	-moz-transition: padding-left 250ms;
+	-webkit-transition: padding-left 250ms;
+	-o-transition: padding-left 250ms;
+	transition: padding-left 250ms;
+}
+body.vector-animateLayout #p-search {
+	-moz-transition: margin-right 250ms;
+	-webkit-transition: margin-right 250ms;
+	-o-transition: margin-right 250ms;
+	transition: margin-right 250ms;
+}
+body.vector-animateLayout #p-personal {
+	-moz-transition: right 250ms;
+	-webkit-transition: right 250ms;
+	-o-transition: right 250ms;
+	transition: right 250ms;
+}
+body.vector-animateLayout #mw-head-base {
+	-moz-transition: margin-left 250ms;
+	-webkit-transition: margin-left 250ms;
+	-o-transition: margin-left 250ms;
+	transition: margin-left 250ms;
+}
diff --git a/skins/vector/vector.js b/skins/vector/vector.js
index cc76b328..8b719e5b 100644
--- a/skins/vector/vector.js
+++ b/skins/vector/vector.js
@@ -1,21 +1,21 @@
-/*
+/**
  * Vector-specific scripts
  */
-jQuery( function( $ ) {
-	$( 'div.vectorMenu' ).each( function() {
-		var self = this;
-		$( 'h5:first a:first', this )
+jQuery( function ( $ ) {
+	$( 'div.vectorMenu' ).each( function () {
+		var $el = $( this );
+		$el.find( 'h5:first a:first' )
 			// For accessibility, show the menu when the hidden link in the menu is clicked (bug 24298)
-			.click( function( e ) {
-				$( '.menu:first', self ).toggleClass( 'menuForceShow' );
+			.click( function ( e ) {
+				$el.find( '.menu:first' ).toggleClass( 'menuForceShow' );
 				e.preventDefault();
-			})
+			} )
 			// When the hidden link has focus, also set a class that will change the arrow icon
-			.focus( function() {
-				$( self ).addClass( 'vectorMenuFocus' );
-			})
-			.blur( function() {
-				$( self ).removeClass( 'vectorMenuFocus' );
-			});
-	});
-});
+			.focus( function () {
+				$el.addClass( 'vectorMenuFocus' );
+			} )
+			.blur( function () {
+				$el.removeClass( 'vectorMenuFocus' );
+			} );
+	} );
+} );