1 files changed, 41 insertions, 34 deletions

diff --git a/www/wiki/extensions/Translate/resources/css/ext.translate.special.managetranslatorsandbox.css b/www/wiki/extensions/Translate/resources/css/ext.translate.special.managetranslatorsandbox.css
index d22bf197..4f5aa752 100644
--- a/www/wiki/extensions/Translate/resources/css/ext.translate.special.managetranslatorsandbox.css
+++ b/www/wiki/extensions/Translate/resources/css/ext.translate.special.managetranslatorsandbox.css
@@ -3,7 +3,7 @@
  * @author Niklas Laxström
  * @author Sucheta Ghoshal
  * @author Pau Giner
- * @license GPL-2.0+
+ * @license GPL-2.0-or-later
  */
 
 /* Hide the page title to give more space for the content */
@@ -20,11 +20,9 @@
 	font-size: 24px;
 }
 
-.search.pane {
-	background: url('../images/search.png') no-repeat scroll left top transparent;
-	background-image: -webkit-linear-gradient(transparent, transparent), url(../images/search.svg);
-	/* @embed */
-	background-image: linear-gradient(transparent, transparent), url(../images/search.svg);
+.grid .search.pane {
+	background: no-repeat scroll left top transparent;
+	background-image: /* @embed */ linear-gradient( transparent, transparent ), url( ../images/search.svg );
 	background-size: 25px;
 	padding-left: 25px;
 }
@@ -33,13 +31,13 @@
 	font-size: 14px;
 	height: 28px;
 	width: 100%;
-	border: 1px solid #C9C9C9;
+	border: 1px solid #c9c9c9;
 	padding: 0 5px;
 }
 
 .tsb-body {
 	border: 1px solid #c9c9c9;
-	border-top: none;
+	border-top: 0;
 }
 
 .requests.pane,
@@ -52,16 +50,16 @@
 	overflow: auto;
 }
 
-.details.pane {
-	border-left: 1px solid #DDDDDD;
+.grid .details.pane {
+	border-left: 1px solid #ddd;
 	left: -1px;
 	padding: 5px 20px 10px 20px;
 }
 
 /* Requests pane */
-.requests.pane,
-.requests.pane .request,
-.requests.pane .request-header {
+.grid .requests.pane,
+.grid .requests.pane .request,
+.grid .requests.pane .request-header {
 	margin: 0;
 	padding: 0;
 }
@@ -73,7 +71,7 @@
 }
 
 .request:last-child {
-	border-bottom: none;
+	border-bottom: 0;
 }
 
 .request:hover {
@@ -84,10 +82,10 @@
 	background-color: #f0f0f0;
 }
 
-.request .amount {
+.grid .request .amount {
 	height: 100%;
 	font-size: 3em;
-	color: #96989A;
+	color: #96989a;
 	background-color: #f7f8f8;
 	padding: 20px 5px;
 	text-align: center;
@@ -122,23 +120,24 @@
 	overflow: hidden;
 }
 
-.request .request-info,
-.request .approval {
+.grid .request .request-info,
+.grid .request .approval {
 	padding-top: 5px;
 }
 
 /* Details pane */
 
 .tsb-details-no-translations {
-	color: #999999;
+	color: #72777d;
 }
+
 .signup-comment-label {
-	color: #E85355;
+	color: #e85355;
 	font-size: 14px;
 }
 
 .signup-comment-text {
-	color: #333333;
+	color: #222;
 	font-size: 16px;
 	line-height: 1.5em;
 	padding: 5px 0;
@@ -179,25 +178,25 @@
 	font-size: 22px;
 }
 
-.actions .button {
+.actions button {
 	margin-right: 1.5em;
 }
 
 .request-header {
+	color: #72777d;
 	border-right: 1px solid #c9c9c9;
-	border-bottom: 1px solid #AAAAAA;
+	border-bottom: 1px solid #aaa;
 	line-height: 40px;
-	color: #969696;
-	background-color: #F8F8F8;
+	background-color: #f8f8f8;
 }
 
 .request-footer {
+	color: #72777d;
 	border-right: 1px solid #c9c9c9;
-	border-top: 1px solid #AAAAAA;
-	color: #969696;
+	border-top: 1px solid #aaa;
 	line-height: 40px;
 	padding: 0 5px;
-	background-color: #F8F8F8;
+	background-color: #f8f8f8;
 }
 
 .request-footer .selected-counter,
@@ -212,7 +211,7 @@
 	margin: 10px 0;
 	border-radius: 3px;
 	background: #f8f8f8;
-	border: 1px solid #CCCCCC;
+	border: 1px solid #ccc;
 	cursor: pointer;
 	font-size: 1em;
 	display: block;
@@ -221,7 +220,7 @@
 
 .clear-language-selector {
 	border-radius: 0 3px 3px 0;
-	border-left: none;
+	border-left: 0;
 }
 
 .language-selector.selected {
@@ -235,12 +234,12 @@
 }
 
 .language-selector:hover {
-	border-color: #AAAAAA;
+	border-color: #aaa;
 }
 
 .language-selector.unselected:after {
-	content: "";
-	border-top: 4px solid #AAAAAA;
+	content: '';
+	border-top: 4px solid #aaa;
 	border-left: 4px solid transparent;
 	border-right: 4px solid transparent;
 	display: inline-block;
@@ -261,7 +260,7 @@ textarea.body {
 
 .translations .title {
 	font-size: 16px;
-	background-color: #F7F8F8;
+	background-color: #f7f8f8;
 	font-weight: bold;
 }
 
@@ -275,3 +274,11 @@ textarea.body {
 	 */
 	text-align: left;
 }
+
+.client-nojs .grid {
+	display: none;
+}
+
+.client-js .tux-nojs {
+	display: none;
+}