1 files changed, 50 insertions, 53 deletions

diff --git a/www/wiki/extensions/Translate/resources/css/ext.translate.special.translate.css b/www/wiki/extensions/Translate/resources/css/ext.translate.special.translate.css
index 2c6e6671..8bb45be8 100644
--- a/www/wiki/extensions/Translate/resources/css/ext.translate.special.translate.css
+++ b/www/wiki/extensions/Translate/resources/css/ext.translate.special.translate.css
@@ -2,48 +2,45 @@
  * Breadcrumb for message group selector
  */
 .tux-breadcrumb {
+	color: #54595d;
 	margin-bottom: 10px;
+	font-size: 14pt;
+	line-height: 1.25em;
 }
 
+/* Arrow between breadcrumb items */
 .tux-breadcrumb .grouplink + .grouplink:before {
 	border-left: 4px solid #777;
 	border-top: 4px solid transparent;
 	border-bottom: 4px solid transparent;
-	content: "";
+	content: '';
 	display: inline-block;
 	vertical-align: middle;
 	position: relative;
 	left: -5px;
 }
 
-.tux-breadcrumb span {
-	border: medium none;
-	color: #555555;
-	font-size: 14pt;
-	font-weight: normal;
-	line-height: 1.25em;
-	padding-bottom: 3px;
-	padding-left: 15px;
-	padding-top: 1.25em;
-}
-
-.tux-breadcrumb span.grouptitle {
+/* This applies to all items in the breadcrumb */
+.tux-breadcrumb .grouptitle {
 	float: left;
 	padding: 0 6px 0 0;
 }
 
-.tux-breadcrumb span.grouplink {
-	color: #0645AD;
-	cursor: pointer;
-	float: left;
-	min-height: 1px;
+/* Not all of these are links, so name is wrong besides being too generic.
+ * This excludes the first item which says "message group". */
+.tux-breadcrumb .grouplink {
 	padding: 0 6px;
-	position: relative;
+}
+
+/* Color clickable groups to look as links */
+.tux-breadcrumb__item--aggregate {
+	cursor: pointer;
+	color: #0645ad;
 }
 
 /* Language selector */
 .ext-translate-language-selector-label {
-	color: #555555;
+	color: #54595d;
 }
 
 .ext-translate-language-selector {
@@ -61,25 +58,23 @@
 /* The triangle shaped down-pointing callout after the language name
  * in the target language selector
  */
-.ext-translate-language-selector:after {
+.ext-translate-language-selector .uls:after {
 	margin-left: 4px;
 	border-left: 4px solid transparent;
 	border-right: 4px solid transparent;
-	border-top: 4px solid #0645AD;
-	content: "";
+	border-top: 4px solid #0645ad;
+	content: '';
 	display: inline-block;
 	vertical-align: middle;
 }
 
 .ext-translate-language-selector .uls {
-	color: #0645AD;
+	color: #0645ad;
 	cursor: pointer;
 	min-height: 1px;
 	position: relative;
 }
 
-
-/* */
 .tux-message-selector {
 	font-size: 14px;
 	margin: 0;
@@ -87,7 +82,7 @@
 	list-style: none;
 }
 
-.tux-message-selector li {
+.tux-message-selector .column {
 	border: medium none;
 	font-size: 14pt;
 	cursor: pointer;
@@ -136,28 +131,28 @@
 }
 
 .tux-message-selector li.selected {
-	border-bottom: 2px solid #3366BB;
+	border-bottom: 2px solid #36c;
 }
 
 .tux-message-selector li.selected a {
-	color: #3366BB;
+	color: #36c;
 }
 
 .tux-message-selector li a {
-	color: #555555;
+	color: #54595d;
 	text-decoration: none;
 	white-space: nowrap;
 	margin-left: 1px;
 }
 
 .tux-message-selector label {
+	color: #54595d;
 	font-size: 12pt;
-	color: #555555;
 	top: 1px;
 }
 
 .tux-editor-header {
-	color: #252525;
+	color: #222;
 	font-size: 14px;
 	padding-bottom: 20px;
 }
@@ -167,7 +162,7 @@
 }
 
 .group-warning {
-	background: #FFF5AA;
+	background: #fff5aa;
 	padding: 5px;
 	margin: 5px 0;
 }
@@ -180,44 +175,46 @@
 	padding-top: 5px;
 	border-bottom: 1px solid #777;
 	/* @noflip */
-	-webkit-box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.5);
-	/* @noflip */
-	box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.5);
+	box-shadow: 0 3px 3px -3px rgba( 0, 0, 0, 0.5 );
 	font-size: 14px;
 	margin: 0;
 	list-style: none;
 	transition: width 250ms;
 }
 
-.tux-messagetable-header.floating {
-	background: white;
-	position: fixed;
-	padding-top: 5px;
-	top: 0;
-	z-index: 200;
-}
+@media screen and ( min-height: 600px ) {
+	.tux-messagetable-header.floating {
+		background: #fff;
+		position: fixed;
+		padding-top: 5px;
+		top: 0;
+		z-index: 200;
+	}
 
-.tux-messagetable-header.floating+.tux-messagelist {
-	margin-top: 50px;
+	.tux-messagetable-header.floating + .tux-messagelist {
+		margin-top: 50px;
+	}
 }
 
-.tux-messagetable-header .tux-message-filter-box {
+.tux-message-filter-box {
 	font-size: 14px;
 	height: 28px;
-	border: 1px solid #C9C9C9;
+	border: 1px solid #c9c9c9;
 	width: 100%;
 	padding: 0 5px;
 }
 
-.tux-messagetable-header .tux-message-filter-box-icon {
-	background: url('../images/search.png') no-repeat scroll right center transparent;
-	background-image: -webkit-linear-gradient(transparent, transparent), url(../images/search.svg);
-	/* @embed */
-	background-image: linear-gradient(transparent, transparent), url(../images/search.svg);
+.tux-message-filter-wrapper {
+	background: no-repeat scroll left center transparent;
+	background-image: /* @embed */ linear-gradient( transparent, transparent ), url( ../images/search.svg );
 	background-size: 25px;
-	height: 28px;
+	padding-left: 30px;
 }
 
 .client-nojs .tux-messagetable-header {
 	display: none;
 }
+
+.client-js .tux-nojs {
+	display: none;
+}