1 files changed, 220 insertions, 0 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
new file mode 100644
index 00000000..8bb45be8
--- /dev/null
+++ b/www/wiki/extensions/Translate/resources/css/ext.translate.special.translate.css
@@ -0,0 +1,220 @@
+/*
+ * 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: '';
+	display: inline-block;
+	vertical-align: middle;
+	position: relative;
+	left: -5px;
+}
+
+/* This applies to all items in the breadcrumb */
+.tux-breadcrumb .grouptitle {
+	float: left;
+	padding: 0 6px 0 0;
+}
+
+/* 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;
+}
+
+/* Color clickable groups to look as links */
+.tux-breadcrumb__item--aggregate {
+	cursor: pointer;
+	color: #0645ad;
+}
+
+/* Language selector */
+.ext-translate-language-selector-label {
+	color: #54595d;
+}
+
+.ext-translate-language-selector {
+	float: right;
+	text-align: right;
+	border: medium none;
+	font-size: 14pt;
+	font-weight: normal;
+	line-height: 1.25em;
+	padding-bottom: 3px;
+	padding-left: 15px;
+	padding-top: 1.25em;
+}
+
+/* The triangle shaped down-pointing callout after the language name
+ * in the target language selector
+ */
+.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: '';
+	display: inline-block;
+	vertical-align: middle;
+}
+
+.ext-translate-language-selector .uls {
+	color: #0645ad;
+	cursor: pointer;
+	min-height: 1px;
+	position: relative;
+}
+
+.tux-message-selector {
+	font-size: 14px;
+	margin: 0;
+	padding: 6px 0 0 0;
+	list-style: none;
+}
+
+.tux-message-selector .column {
+	border: medium none;
+	font-size: 14pt;
+	cursor: pointer;
+	font-weight: normal;
+	line-height: 1.25em;
+	padding-bottom: 3px;
+	padding-left: 15px;
+	padding-top: 1.25em;
+	top: 1px;
+	display: block;
+	position: relative;
+	float: left;
+	margin-bottom: 0;
+}
+
+.tux-message-selector .more {
+	padding: 0 40px 0 5px;
+}
+
+.tux-message-selector .more ul {
+	display: none;
+	cursor: default;
+	border: 1px solid #777;
+	border-top: 2px solid transparent;
+	padding: 3px 5px 10px 5px;
+	width: 300px;
+	z-index: 10;
+	background: #fff;
+	top: 100%;
+	left: -5px;
+}
+
+.tux-message-selector .more ul a {
+	display: block;
+	white-space: nowrap;
+	margin-left: 1px;
+}
+
+.tux-message-selector .more:hover ul {
+	display: block;
+	position: absolute;
+}
+
+.tux-message-selector .more:hover li {
+	float: none;
+}
+
+.tux-message-selector li.selected {
+	border-bottom: 2px solid #36c;
+}
+
+.tux-message-selector li.selected a {
+	color: #36c;
+}
+
+.tux-message-selector li a {
+	color: #54595d;
+	text-decoration: none;
+	white-space: nowrap;
+	margin-left: 1px;
+}
+
+.tux-message-selector label {
+	color: #54595d;
+	font-size: 12pt;
+	top: 1px;
+}
+
+.tux-editor-header {
+	color: #222;
+	font-size: 14px;
+	padding-bottom: 20px;
+}
+
+.tux-editor-header .description {
+	margin: 5px 0;
+}
+
+.group-warning {
+	background: #fff5aa;
+	padding: 5px;
+	margin: 5px 0;
+}
+
+.group-warning:empty {
+	display: none;
+}
+
+.tux-messagetable-header {
+	padding-top: 5px;
+	border-bottom: 1px solid #777;
+	/* @noflip */
+	box-shadow: 0 3px 3px -3px rgba( 0, 0, 0, 0.5 );
+	font-size: 14px;
+	margin: 0;
+	list-style: none;
+	transition: width 250ms;
+}
+
+@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-message-filter-box {
+	font-size: 14px;
+	height: 28px;
+	border: 1px solid #c9c9c9;
+	width: 100%;
+	padding: 0 5px;
+}
+
+.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;
+	padding-left: 30px;
+}
+
+.client-nojs .tux-messagetable-header {
+	display: none;
+}
+
+.client-js .tux-nojs {
+	display: none;
+}