Style and message tweaks

Maybe addresses T160647.

Change-Id: I4f6c73db6784415cdeca269321ba6f0f47c67551

i18n/en.json

@@ -4,10 +4,10 @@
 	},
 	"skinname-timeless": "Timeless",
 	"timeless-desc": "A timeless skin designed after the Winter prototype by Brandon Harris, and various styles by the Wikimedia Foundation",
-	"timeless-search-placeholder": "Search the text of approximately {{NUMBEROFPAGES}} pages",
+	"timeless-search-placeholder": "Search approximately {{NUMBEROFPAGES}} pages",
 	"timeless-loggedin": "Your account",
 	"timeless-anonymous": "Anonymous",
-	"timeless-loggedinas": "Logged in as $1",
+	"timeless-loggedinas": "Logged in as '''$1'''",
 	"timeless-notloggedin": "Not logged in",
 	"timeless-userpage": "{{GENDER:$1|User}} page",
 	"timeless-talkpage": "{{GENDER:$1|User}} talk",
@@ -22,4 +22,3 @@
 	"timeless-languages": "Languages",
 	"timeless-sitetitle": "{{MediaWiki:Sitetitle}}"
 }
-

resources/screen-common.less

@@ -11,9 +11,13 @@ body {
 	font-family: @fonts;
 	color: @text;
 	background: @background-dark;
-	line-height: 1.4;
 	font-size: @font-size;
 }
+body,
+p,
+div {
+	line-height: 1.4;
+}
 
 #mw-content {
 	.box;
@@ -50,7 +54,7 @@ body {
 	height: 11em;
 	background-repeat: no-repeat;
 	background-position: 50% 50%;
-	margin: auto;
+	margin: .75em auto 0;
 }
 #p-logo-text {
 	width: @column-left-size;
@@ -68,7 +72,7 @@ body {
 		/* 13+ character names */
 		&.long {
 			font-size: 1.45em;
-			padding: 0;
+			padding: 0 .75em 0 0;
 			line-height: .8;
 		}
 	}
@@ -202,10 +206,9 @@ div.suggestions {
 		display: inline-block;
 		margin: 0;
 		padding: 0;
-		line-height: 1.5;
 	}
 	li {
-		margin: .25em 0 1.5em;
+		margin: .25em 0 1em;
 		border-bottom: solid 3px @background;
 
 		&:hover {

resources/screen-desktop.less

@@ -80,27 +80,27 @@
 	.pokey {
 		top: 2.125em;
 	}
-}
-
-#p-personal h2 {
-	margin: 0;
-	padding: .7em 0 0 25px;
-	font-family: @fonts-secondary;
-	font-weight: normal;
-	font-size: 1.1em;
-	.background-image-svg('images/user-grey.svg', 'images/user-grey.png');
-	background-position: 0 7px;
-	background-repeat: no-repeat;
+	h2 {
+		margin: 0;
+		padding: .7em 0 0 25px;
+		font-family: @fonts-secondary;
+		font-weight: normal;
+		font-size: 1.1em;
+		.background-image-svg('images/user-grey.svg', 'images/user-grey.png');
+		background-position: 0 7px;
+		background-repeat: no-repeat;
 
-	.dropdown-header();
-}
-#p-personal:hover {
-	.pokey,
-	.dropdown {
-		display: block !important;
+		.dropdown-header();
+	}
+	&:hover {
+		.pokey,
+		.dropdown {
+			display: block !important;
+		}
 	}
 }
 
+
 #mw-page-header-links #ca-more,
 #mw-page-header-links #ca-languages,
 .sidebar-chunk h2 {

resources/variables.less

@@ -38,10 +38,10 @@
 
 // Fonts are chosen for consistent metrics, not necessarily overall prettiness.
 // This will NEED fixes for different languages.
-@fonts: 'Helvetica Neue', 'Nimbus Sans', 'Arial', sans-serif;
+@fonts: 'Helvetica Neue', 'Nimbus Sans', 'Helvetica', 'Arial', sans-serif;
 @fonts-secondary: 'Linux Libertine', 'Times New Roman', serif;
-// Based on information on https://wiki.archlinux.org/index.php/Metric-compatible_fonts; not tested
-@fonts-monospace: 'Courier', 'Nimbus Mono', 'Liberation Mono', 'Courier New', monospace, monospace;
+// Based on information on https://wiki.archlinux.org/index.php/Metric-compatible_fonts
+@fonts-monospace: 'Consolas', 'Courier', 'Nimbus Mono', 'Liberation Mono', 'Courier New', monospace;
 @border: .2em;
 @radius: .2em;
 
@@ -174,7 +174,7 @@
 	top: 2.95em;
 	@{direction}: -1em;
 	overflow: visible;
-	z-index: 1;
+	z-index: 3;
 }
 
 // Categories on bottom of page