assets/css/_subtitles.less


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
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: 135px !important;
		width: 100%;
		background-color: fade(white, 85%);
		color: black;
		font-size: 32px;
		text-align: center;
		padding: 5px 0;
		overflow: hidden;

		display: none;

		.mejs-subtitles-lines-inner {
			position: absolute;
			bottom: 0;
			width: 100%;
		}
	}
}