1 files changed, 284 insertions, 0 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
new file mode 100644
index 00000000..4f5aa752
--- /dev/null
+++ b/www/wiki/extensions/Translate/resources/css/ext.translate.special.managetranslatorsandbox.css
@@ -0,0 +1,284 @@
+/**
+ * CSS for special page.
+ * @author Niklas Laxström
+ * @author Sucheta Ghoshal
+ * @author Pau Giner
+ * @license GPL-2.0-or-later
+ */
+
+/* Hide the page title to give more space for the content */
+#firstHeading {
+	display: none;
+}
+
+/* Panes */
+.filter.pane,
+.search.pane {
+	border-bottom: 1px solid #575656;
+	height: 2em;
+	line-height: 50px;
+	font-size: 24px;
+}
+
+.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;
+}
+
+.request-filter-box {
+	font-size: 14px;
+	height: 28px;
+	width: 100%;
+	border: 1px solid #c9c9c9;
+	padding: 0 5px;
+}
+
+.tsb-body {
+	border: 1px solid #c9c9c9;
+	border-top: 0;
+}
+
+.requests.pane,
+.details.pane {
+	border-top: 1px solid #d3d2d2;
+}
+
+.requests.pane .requests-list,
+.details.pane {
+	overflow: auto;
+}
+
+.grid .details.pane {
+	border-left: 1px solid #ddd;
+	left: -1px;
+	padding: 5px 20px 10px 20px;
+}
+
+/* Requests pane */
+.grid .requests.pane,
+.grid .requests.pane .request,
+.grid .requests.pane .request-header {
+	margin: 0;
+	padding: 0;
+}
+
+.request {
+	border-right: 1px solid #c9c8c8;
+	border-bottom: 1px solid #c9c8c8;
+	cursor: pointer;
+}
+
+.request:last-child {
+	border-bottom: 0;
+}
+
+.request:hover {
+	background-color: #fafafa;
+}
+
+.request.selected {
+	background-color: #f0f0f0;
+}
+
+.grid .request .amount {
+	height: 100%;
+	font-size: 3em;
+	color: #96989a;
+	background-color: #f7f8f8;
+	padding: 20px 5px;
+	text-align: center;
+}
+
+.request .tsb-header,
+.request .request-selector {
+	height: 30px;
+	line-height: 30px;
+	font-size: 16px;
+	white-space: nowrap;
+}
+
+.request .email,
+.request .signup-age {
+	height: 20px;
+	line-height: 20px;
+	font-size: 12px;
+	color: #6c6d70;
+	white-space: nowrap;
+}
+
+.request .tsb-header,
+.request .username,
+.request .email {
+	padding-left: 10px;
+	text-overflow: ellipsis;
+}
+
+.request .signup-age {
+	text-align: center;
+	overflow: hidden;
+}
+
+.grid .request .request-info,
+.grid .request .approval {
+	padding-top: 5px;
+}
+
+/* Details pane */
+
+.tsb-details-no-translations {
+	color: #72777d;
+}
+
+.signup-comment-label {
+	color: #e85355;
+	font-size: 14px;
+}
+
+.signup-comment-text {
+	color: #222;
+	font-size: 16px;
+	line-height: 1.5em;
+	padding: 5px 0;
+}
+
+.details.pane > .row {
+	padding-top: 15px;
+}
+
+.details.pane .tsb-header {
+	font-size: 30px;
+	font-weight: lighter;
+}
+
+.details.pane .reminder-email {
+	color: #6c6d70;
+	font-size: 14px;
+	padding-top: 15px;
+}
+
+.details.pane .reminder-email .send-reminder {
+	padding-left: 1em;
+	padding-right: 1em;
+}
+
+.details.pane .languages {
+	color: #6c6d70;
+	font-size: 16px;
+	font-weight: lighter;
+	padding-top: 10px;
+}
+
+.details.pane .languages span {
+	margin-right: 2em;
+}
+
+.details.pane .actions {
+	font-size: 22px;
+}
+
+.actions button {
+	margin-right: 1.5em;
+}
+
+.request-header {
+	color: #72777d;
+	border-right: 1px solid #c9c9c9;
+	border-bottom: 1px solid #aaa;
+	line-height: 40px;
+	background-color: #f8f8f8;
+}
+
+.request-footer {
+	color: #72777d;
+	border-right: 1px solid #c9c9c9;
+	border-top: 1px solid #aaa;
+	line-height: 40px;
+	padding: 0 5px;
+	background-color: #f8f8f8;
+}
+
+.request-footer .selected-counter,
+.request-footer .older-requests-indicator {
+	unicode-bidi: -moz-isolate;
+	unicode-bidi: -webkit-isolate;
+	unicode-bidi: isolate;
+}
+
+.clear-language-selector,
+.language-selector {
+	margin: 10px 0;
+	border-radius: 3px;
+	background: #f8f8f8;
+	border: 1px solid #ccc;
+	cursor: pointer;
+	font-size: 1em;
+	display: block;
+	float: left;
+}
+
+.clear-language-selector {
+	border-radius: 0 3px 3px 0;
+	border-left: 0;
+}
+
+.language-selector.selected {
+	cursor: default;
+	border-radius: 3px 0 0 3px;
+	max-width: 80%;
+	max-height: 40px;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+}
+
+.language-selector:hover {
+	border-color: #aaa;
+}
+
+.language-selector.unselected:after {
+	content: '';
+	border-top: 4px solid #aaa;
+	border-left: 4px solid transparent;
+	border-right: 4px solid transparent;
+	display: inline-block;
+	vertical-align: middle;
+	margin-left: 0.5em;
+}
+
+textarea.body {
+	height: 300px;
+}
+
+.translations .row {
+	border-bottom: 1px solid #c9c8c8;
+	padding: 10px;
+	font-size: 16px;
+	word-wrap: break-word;
+}
+
+.translations .title {
+	font-size: 16px;
+	background-color: #f7f8f8;
+	font-weight: bold;
+}
+
+.translations .info {
+	font-size: 12px;
+	color: #6c6d70;
+	/*
+	 * Align autonyms consistently.
+	 * The direction is set according to the language on the frontend
+	 * and the alignment is flipped according to the user language.
+	 */
+	text-align: left;
+}
+
+.client-nojs .grid {
+	display: none;
+}
+
+.client-js .tux-nojs {
+	display: none;
+}