1 files changed, 110 insertions, 0 deletions
diff --git a/www/wiki/extensions/Translate/resources/css/ext.translate.pagemode.css b/www/wiki/extensions/Translate/resources/css/ext.translate.pagemode.css
new file mode 100644
index 00000000..d1f1d274
--- /dev/null
+++ b/www/wiki/extensions/Translate/resources/css/ext.translate.pagemode.css
@@ -0,0 +1,110 @@
+.ext-translate-container .tux-messagelist .tux-message-pagemode {
+	min-height: 50px;
+	margin: 0 auto;
+	vertical-align: middle;
+	background: #f8f8f8;
+}
+
+.ext-translate-container .tux-messagelist .tux-message-pagemode .tux-message-item-compact {
+	padding: 35px 0;
+	line-height: 50px;
+	overflow: hidden;
+	margin-right: auto;
+	margin-left: auto;
+	vertical-align: middle;
+	border-bottom: 1px solid #f0f0f0;
+	border-left: 1px solid #ddd;
+	border-right: 1px solid #ddd;
+	background: #fff;
+	max-width: 900px;
+}
+
+.ext-translate-container .tux-messagelist .tux-message-pagemode .tux-message-item-compact:hover {
+	background: #fcfcfc;
+}
+
+.ext-translate-container .tux-messagelist .tux-message-pagemode:first-child .tux-message-item-compact {
+	margin-top: 10px;
+	padding-top: 60px;
+	border-top: 1px solid #ddd;
+}
+
+.ext-translate-container .tux-messagelist .tux-message-pagemode:last-child .tux-message-item-compact {
+	margin-bottom: 10px;
+	padding-bottom: 60px;
+	border-bottom: 1px solid #ddd;
+}
+
+.tux-pagemode-source,
+.tux-pagemode-translation {
+	word-wrap: break-word;
+}
+
+.tux-message-pagemode.open .tux-pagemode-status,
+.tux-message-pagemode.open .tux-pagemode-source,
+.tux-message-pagemode.open .tux-pagemode-translation,
+.tux-message-pagemode.open .tux-pagemode-action-block {
+	display: none;
+}
+
+.tux-messagelist .tux-message-pagemode .tux-pagemode-source {
+	color: #54595d;
+	font-size: 16px;
+	line-height: 1.5em;
+	padding-right: 25px;
+	padding-left: 25px;
+}
+
+.tux-messagelist .tux-message-pagemode .tux-pagemode-translation {
+	color: #222;
+	font-size: 16px;
+	line-height: 1.5em;
+	padding-left: 20px;
+}
+
+.tux-pagemode-action-block {
+	top: -5px;
+	right: -5px;
+}
+
+.tux-pagemode-status {
+	top: -10px;
+	height: 40px;
+}
+
+.tux-pagemode-status.fuzzy {
+	background: left center no-repeat;
+	/* @embed */
+	background-image: linear-gradient( transparent, transparent ), url( ../images/outdated-ltr.svg );
+}
+
+.tux-pagemode-status.untranslated {
+	background: left center no-repeat;
+	/* @embed */
+	background-image: linear-gradient( transparent, transparent ), url( ../images/translate-ltr.svg );
+}
+
+.tux-pagemode-action {
+	background: right top no-repeat;
+	/* @embed */
+	background-image: linear-gradient( transparent, transparent ), url( ../images/check-sprite-ltr.svg );
+	height: 31px;
+	cursor: pointer;
+}
+
+.tux-pagemode-action:hover {
+	background-position: right -31px;
+}
+
+.tux-pagemode-edit {
+	background-image: /* @embed */ linear-gradient( transparent, transparent ), url( ../images/edit-mark.svg );
+	background-repeat: no-repeat;
+	background-position: right center;
+	height: 40px;
+	cursor: pointer;
+	visibility: hidden;
+}
+
+.tux-message-pagemode:hover .tux-pagemode-edit {
+	visibility: visible;
+}