From 0cffae759496a086eabe7459a8cfd066760f474e Mon Sep 17 00:00:00 2001
From: Jules Laplace <julescarbon@gmail.com>
Date: Mon, 9 Nov 2020 16:27:49 +0100
Subject: video subtitles in SRT format

---
 .../views/viewer/player/components.media/media.css | 29 ++++++++++++++++++++++
 1 file changed, 29 insertions(+)

(limited to 'animism-align/frontend/app/views/viewer/player/components.media/media.css')

diff --git a/animism-align/frontend/app/views/viewer/player/components.media/media.css b/animism-align/frontend/app/views/viewer/player/components.media/media.css
index fea25ec..72eec07 100644
--- a/animism-align/frontend/app/views/viewer/player/components.media/media.css
+++ b/animism-align/frontend/app/views/viewer/player/components.media/media.css
@@ -424,3 +424,32 @@
   opacity: 1.0;
 }
 
+/* subtitles */
+
+.video-subtitles {
+  position: absolute;
+  bottom: 3rem;
+  height: 10rem;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  transform: translateZ(0) translateY(0);
+  transition: transform 0.2s;
+}
+.video-scrubber.show ~ .video-subtitles {
+  transform: translateZ(0) translateY(-3rem);
+}
+.video-subtitles span {
+  display: inline-block;
+  box-shadow: -3px -2px 0 #000,
+               3px -2px 0 #000,
+              -3px  2px 0 #000,
+               3px  2px 0 #000;
+  box-decoration-break: clone;
+  background: black;
+  color: white;
+  font-size: 1.25rem;
+  margin-bottom: 0.125rem;
+  padding: 0 0.125rem;
+}
-- 
cgit v1.2.3-70-g09d2