Add print styles, add 'mw' to page-header-links id

Bug: T131987

Change-Id: Ia14e7f26dd249e95d1bbe00437b8d1483be08fa5

TimelessTemplate.php

@@ -107,7 +107,7 @@ class TimelessTemplate extends BaseTemplate {
 					<h1 class="firstHeading">
 						<?php $this->html( 'title' ) ?>
 					</h1>
-					<div id="page-header-links">
+					<div id="mw-page-header-links">
 					<?php
 						echo $this->assemblePortlet( array(
 							'id' => 'p-namespaces',

resources/print.css

@@ -0,0 +1,16 @@
+/* Styles for print view and printing */
+
+/* Hide some extra stuff from print view */
+.mw-indicators,
+#mw-header,
+#mw-site-navigation,
+#mw-related-navigation,
+#mw-page-header-links,
+#mw-footer,
+#catlinks
 {
+	display: none;
+}
+
+#mw-content-text {
+	margin-bottom: 3em;
+}

resources/screen-common.less

@@ -165,7 +165,7 @@ body {
 #mw-content-container {
 	border-bottom: solid 4px @green;
 }
-#page-header-links {
+#mw-page-header-links {
 	div,
 	ul,
 	li {

resources/screen-desktop.less

@@ -101,8 +101,8 @@
 	}
 }
 
-#page-header-links #ca-more,
-#page-header-links #ca-languages,
+#mw-page-header-links #ca-more,
+#mw-page-header-links #ca-languages,
 .sidebar-chunk h2 {
 	display: none;
 }

skin.json

@@ -43,6 +43,9 @@
 				},
 				"resources/screen-mobile.less": {
 					"media": "screen and (max-width: 850px)"
+				},
+				"resources/print.css": {
+					"media": "print"
 				}
 			}
 		},