Add support for page status indicators

Corresponding patch in core: I2389ff9a5332a2b1d033eb75f0946e5241cfaaf4.

Bug: 23796
Change-Id: I90a8ae15ac8275d084ea5f47b6b2684d5e6c7412

VectorTemplate.php

@@ -102,6 +102,7 @@ class VectorTemplate extends BaseTemplate {
 			<?php
 			}
 			?>
+			<?php echo $this->getIndicators(); ?>
 			<h1 id="firstHeading" class="firstHeading" lang="<?php
 			$this->data['pageLanguage'] =
 				$this->getSkin()->getTitle()->getPageViewLanguage()->getHtmlCode();

components/common.less

@@ -50,16 +50,14 @@ body {
 	}
 
 	h1,
-	h2,
-	#firstHeading {
+	h2 {
 		font-family: @content-heading-font-family;
 		line-height: @heading-line-height;
 		margin-bottom: 0.25em;
 		padding: 0;
 	}
 
-	h1,
-	#firstHeading {
+	h1 {
 		font-size: @content-heading-font-size;
 	}
 
@@ -98,6 +96,27 @@ body {
 		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: -moz-inline-block;
+		display: inline-block;
+		zoom: 1;
+		*display: inline;
+	}
 }
 
 /* Hide empty portlets */