implement new subtitles L2S2 interface

1 files changed, 36 insertions, 0 deletions

diff --git a/assets/css/_subtitles.less b/assets/css/_subtitles.less
new file mode 100644
index 0000000..81c776e
--- /dev/null
+++ b/assets/css/_subtitles.less
@@ -0,0 +1,36 @@
+.mejs-container.mejs-video .mejs-controls .mejs-button.mejs-subtitles {
+	button {
+		background-image: url(../img/subtitles-controls.svg);
+		background-size: 240px 48px !important;
+	}
+
+	&.mejs-subtitles-button button {
+		background-position: -174px -24px;
+	}
+	&.mejs-subtitles-popup-button button {
+		background-position: -202px -24px;
+	}
+}
+
+.mejs-container.mejs-video {
+	.mejs-subtitles-lines {
+		position: absolute;
+		bottom: 40px;
+		height: 182px !important;
+		width: 100%;
+		background-color: fade(white, 85%);
+		color: black;
+		font-size: 42px;
+		text-align: center;
+		padding: 5px 0;
+		overflow: hidden;
+
+		display: none;
+
+		.mejs-subtitles-lines-inner {
+			position: absolute;
+			bottom: 0;
+			width: 100%;
+		}
+	}
+}