From a439f454df31093157aaa773e549f5bacc5584c1 Mon Sep 17 00:00:00 2001 From: MaZderMind Date: Sun, 20 Dec 2015 15:29:09 +0100 Subject: implement new subtitles L2S2 interface --- assets/css/_subtitles.less | 36 ++++++++++++++++++++++++++++++++++++ 1 file changed, 36 insertions(+) create mode 100644 assets/css/_subtitles.less (limited to 'assets/css/_subtitles.less') 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%; + } + } +} -- cgit v1.2.3