From 41d1390c10f74ffd856d7daadd60d7a6d0414595 Mon Sep 17 00:00:00 2001 From: MaZderMind Date: Fri, 12 Dec 2014 00:58:36 +0100 Subject: subtitles playback --- assets/css/lustige-styles.css | 32 +++++++++++++++++++++++++++++++- 1 file changed, 31 insertions(+), 1 deletion(-) (limited to 'assets/css/lustige-styles.css') diff --git a/assets/css/lustige-styles.css b/assets/css/lustige-styles.css index 7d12707..9e78384 100644 --- a/assets/css/lustige-styles.css +++ b/assets/css/lustige-styles.css @@ -5363,7 +5363,7 @@ p { .navbar { border: none; background-image: url("../img/bg.png"); - background-position: 50% 75; } + background-position: 50% -9px; } body.rooms .navbar { background-image: none; } .navbar .navbar-brand { @@ -5578,8 +5578,38 @@ a.inverted { .room .click-to-irc.active iframe { display: block; } +.mejs-container .mejs-subs-line { + position: absolute; + bottom: 50px; + height: 85px; + width: 100%; + background-color: rgba(255, 255, 255, 0.85); + color: black; + font-size: 65px; + text-align: center; + opacity: 0; + padding: 5px 0; } + .mejs-container .mejs-subs-line .silence { + font-size: 49%; + opacity: 0; + color: #555; } + .mejs-container .mejs-subs-line.silence .silence { + opacity: 1; } + .mejs-container .mejs-subs-line .error { + color: red; + opacity: 0; } + .mejs-container .mejs-subs-line.error .error { + opacity: 1; } + .mejs-container .mejs-controls { + visibility: visible !important; height: 39px; } + .mejs-container .mejs-controls .mejs-subs-button > span { + cursor: pointer; + color: #e3e3e3; + font-size: 28px; + padding-top: 5px; + padding-left: 5px; } .mejs-container .mejs-controls div { width: 39px; height: 39px; } -- cgit v1.2.3